:root { --tel-blue:#436fb7; --tel-blue-dark:#2f5595; --tel-accent:#8aa8d8; --tel-ink:#17243a; --tel-panel:#f3f6fb; --tel-line:rgba(23,36,58,.14); }
.telecom-page { color:var(--tel-ink); background:#fff; }
.telecom-page h1,.telecom-page h2,.telecom-page h3,.telecom-page p { margin-top:0; }
.telecom-section { padding:115px 2rem; }
.telecom-overline { margin-bottom:19px; color:#a9bfe2; font-size:10px; font-weight:800; letter-spacing:.18em; }
.telecom-overline span { width:31px; height:1px; margin:0 12px 4px 0; display:inline-block; background:currentColor; }
.telecom-overline-blue { color:var(--tel-blue); }

.telecom-hero { position:relative; min-height:740px; overflow:hidden; color:white; background:var(--tel-ink); }
.telecom-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.telecom-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,24,45,.98) 0%,rgba(14,36,66,.92) 39%,rgba(15,40,73,.28) 69%),linear-gradient(0deg,rgba(8,22,41,.6),transparent 50%); }
.telecom-hero-inner { position:relative; z-index:2; min-height:740px; padding:105px 2rem 44px; display:flex; flex-direction:column; }
.telecom-hero-copy { max-width:670px; }
.telecom-kind { margin-bottom:12px; color:rgba(255,255,255,.53); font-size:9px; font-weight:750; letter-spacing:.16em; }
.telecom-hero h1 { margin-bottom:27px; font-size:clamp(58px,6vw,87px); font-weight:790; line-height:.96; letter-spacing:-.06em; }
.telecom-hero h1 em { color:#b1c6e7; font-style:normal; }
.telecom-hero-copy > p:last-of-type { max-width:610px; color:rgba(255,255,255,.72); font-size:16px; line-height:1.75; }
.telecom-actions { margin-top:33px; display:flex; flex-wrap:wrap; gap:10px; }
.telecom-button { min-height:52px; padding:0 23px; border:1px solid transparent; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; gap:24px; font-size:12px; font-weight:750; transition:.2s ease; }
.telecom-button:hover { transform:translateY(-2px); }
.telecom-button-primary { color:white; background:var(--tel-blue); }.telecom-button-primary:hover { color:white; background:#527ec3; }
.telecom-button-secondary { color:white; border-color:rgba(255,255,255,.42); }.telecom-button-secondary:hover { color:white; border-color:white; }
.telecom-metrics { margin:auto 0 0; display:flex; }
.telecom-metrics div { min-width:170px; margin-right:30px; padding-right:30px; border-right:1px solid rgba(255,255,255,.2); }
.telecom-metrics div:last-child { border:0; }
.telecom-metrics dt { font-size:10px; font-weight:800; letter-spacing:.08em; }.telecom-metrics dd { margin:7px 0 0; color:rgba(255,255,255,.48); font-size:9px; }

.telecom-intro { background:#fff; }
.telecom-intro-grid { display:grid; grid-template-columns:1.03fr .97fr; gap:105px; align-items:start; }
.telecom-section h2 { font-size:clamp(40px,4.5vw,63px); font-weight:770; line-height:1.07; letter-spacing:-.05em; }
.telecom-prose { padding-top:25px; color:#61708a; font-size:15px; line-height:1.9; }.telecom-prose p { margin-bottom:20px; }
.telecom-heading { margin-bottom:58px; display:grid; grid-template-columns:1fr 420px; gap:80px; align-items:end; }.telecom-heading h2 { max-width:750px; }.telecom-heading > p { margin-bottom:7px; color:#61708a; font-size:14px; line-height:1.8; }

.telecom-endpoints { background:var(--tel-panel); }
.telecom-endpoint-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--tel-line); border-left:1px solid var(--tel-line); }
.telecom-endpoint-grid article { min-height:425px; padding:32px; border-right:1px solid var(--tel-line); border-bottom:1px solid var(--tel-line); display:flex; flex-direction:column; background:rgba(255,255,255,.48); transition:.2s ease; }
.telecom-endpoint-grid article:hover { transform:translateY(-3px); background:#fff; }.telecom-endpoint-grid article.featured { color:#fff; background:#234779; }
.telecom-endpoint-icon { width:48px; height:48px; margin-bottom:47px; display:grid; place-items:center; border-radius:50%; color:var(--tel-blue); background:#e3ebf7; font-size:20px; }.featured .telecom-endpoint-icon { color:#fff; background:rgba(255,255,255,.13); }
.telecom-endpoint-grid small { color:var(--tel-blue); font-size:8px; font-weight:800; letter-spacing:.15em; }.telecom-endpoint-grid .featured small { color:#b7cdec; }
.telecom-endpoint-grid h3 { margin:14px 0; font-size:25px; font-weight:750; line-height:1.17; letter-spacing:-.03em; }
.telecom-endpoint-grid p { color:#61708a; font-size:12px; line-height:1.75; }.telecom-endpoint-grid .featured p { color:rgba(255,255,255,.63); }
.telecom-endpoint-grid b { margin-top:auto; padding-top:18px; border-top:1px solid var(--tel-line); color:var(--tel-blue-dark); font-size:9px; }.telecom-endpoint-grid .featured b { color:#fff; border-color:rgba(255,255,255,.16); }

.telecom-flow { color:#fff; background:var(--tel-ink); }
.telecom-flow-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:95px; align-items:center; }.telecom-flow h2 { max-width:600px; }.telecom-flow-grid > div:first-child > p:not(.telecom-overline) { max-width:570px; margin-top:25px; color:rgba(255,255,255,.58); font-size:14px; line-height:1.8; }.telecom-flow-grid > div:first-child > a { margin-top:28px; display:inline-flex; gap:30px; color:#b1c6e7; font-size:11px; font-weight:750; }
.telecom-flow-map { position:relative; min-height:470px; padding:38px; border:1px solid rgba(255,255,255,.14); background:rgba(7,20,38,.34); }
.telecom-flow-start,.telecom-flow-router { width:270px; margin:0 auto; padding:17px 20px; border:1px solid rgba(255,255,255,.18); text-align:center; background:#172f55; }.telecom-flow-start small,.telecom-flow-router small { display:block; margin-bottom:6px; color:#9db6dd; font-size:7px; font-weight:800; letter-spacing:.15em; }.telecom-flow-start strong,.telecom-flow-router strong { font-size:11px; }
.telecom-flow-line { width:1px; height:53px; margin:auto; display:block; background:rgba(159,185,226,.45); }
.telecom-flow-router { border-color:#6d91ca; background:var(--tel-blue); }
.telecom-flow-branches { position:relative; margin-top:65px; display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.telecom-flow-branches:before { content:""; position:absolute; height:1px; top:-32px; right:16%; left:16%; background:rgba(159,185,226,.42); }.telecom-flow-branches:after { content:""; position:absolute; width:1px; height:32px; top:-65px; left:50%; background:rgba(159,185,226,.42); }
.telecom-flow-branches div { min-height:108px; padding:15px; border:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; background:#122742; }.telecom-flow-branches b { margin-bottom:14px; color:#91add8; font-size:7px; }.telecom-flow-branches strong { font-size:10px; }.telecom-flow-branches small { margin-top:5px; color:rgba(255,255,255,.45); font-size:7px; }

.telecom-capabilities { background:var(--tel-panel); }
.telecom-capability-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--tel-line); border-left:1px solid var(--tel-line); }.telecom-capability-grid article { min-height:250px; padding:30px; border-right:1px solid var(--tel-line); border-bottom:1px solid var(--tel-line); background:rgba(255,255,255,.4); }.telecom-capability-grid span { color:var(--tel-blue); font-size:8px; font-weight:800; }.telecom-capability-grid h3 { margin:55px 0 12px; font-size:20px; font-weight:750; }.telecom-capability-grid p { color:#61708a; font-size:12px; line-height:1.75; }

.telecom-plan { background:#fff; }.telecom-plan-grid { display:grid; grid-template-columns:.85fr .5fr 1.15fr; gap:65px; align-items:start; }.telecom-plan-grid > div:first-child > p:last-child { margin-top:23px; color:#61708a; font-size:13px; line-height:1.8; }
.telecom-price { padding:28px; border:1px solid var(--tel-line); background:var(--tel-panel); }.telecom-price > small { color:var(--tel-blue); font-size:7px; font-weight:800; letter-spacing:.14em; }.telecom-price > p { margin:18px 0 0; color:var(--tel-ink); font-size:66px; font-weight:790; line-height:1; letter-spacing:-.06em; }.telecom-price sup { font-size:22px; vertical-align:top; }.telecom-price > span { color:#6a7890; font-size:9px; }.telecom-price a { margin-top:25px; padding-top:17px; border-top:1px solid var(--tel-line); display:flex; justify-content:space-between; color:var(--tel-blue-dark); font-size:9px; font-weight:750; }
.telecom-option-list { display:grid; grid-template-columns:repeat(2,1fr); }.telecom-option-list span { padding:17px 10px; border-bottom:1px solid var(--tel-line); display:flex; align-items:center; color:#53627a; font-size:11px; font-weight:650; }.telecom-option-list span:before { content:"✓"; width:23px; height:23px; margin-right:10px; display:grid; place-items:center; border-radius:50%; color:var(--tel-blue); background:#e8eff9; font-size:8px; }

.telecom-inquiry { color:#fff; background:#20385f; }.telecom-inquiry-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:start; }.telecom-inquiry h2 { max-width:560px; }.telecom-inquiry-grid > div:first-child > p:not(.telecom-overline) { max-width:540px; margin-top:25px; color:rgba(255,255,255,.62); font-size:14px; line-height:1.8; }.telecom-contact-details { margin-top:33px; display:flex; flex-direction:column; gap:7px; color:#b9cae7; font-size:12px; }.telecom-inquiry form { color:var(--tel-ink); }

@media(max-width:1000px){.telecom-intro-grid,.telecom-heading,.telecom-flow-grid,.telecom-plan-grid,.telecom-inquiry-grid{grid-template-columns:1fr;gap:45px}.telecom-endpoint-grid,.telecom-capability-grid{grid-template-columns:repeat(2,1fr)}.telecom-heading{align-items:start}.telecom-flow-map{max-width:720px;width:100%}.telecom-plan-grid{grid-template-columns:1fr 1fr}.telecom-plan-grid>div:first-child{grid-column:span 2}}
@media(max-width:700px){.telecom-section{padding:78px 18px}.telecom-hero{min-height:800px}.telecom-hero>img{object-position:38% center}.telecom-hero-shade{background:linear-gradient(90deg,rgba(9,24,45,.96),rgba(14,36,66,.76)),linear-gradient(0deg,rgba(8,22,41,.62),transparent)}.telecom-hero-inner{min-height:800px;padding:72px 18px 30px}.telecom-hero h1{font-size:50px}.telecom-hero-copy>p:last-of-type{font-size:14px}.telecom-actions{align-items:stretch;flex-direction:column}.telecom-metrics{overflow-x:auto}.telecom-metrics div{min-width:145px;margin-right:18px;padding-right:18px}.telecom-endpoint-grid,.telecom-capability-grid,.telecom-plan-grid{grid-template-columns:1fr}.telecom-plan-grid>div:first-child{grid-column:auto}.telecom-flow-map{min-height:520px;padding:23px 13px}.telecom-flow-start,.telecom-flow-router{width:230px}.telecom-flow-branches{gap:6px}.telecom-flow-branches div{padding:11px 8px}.telecom-option-list{grid-template-columns:1fr}.telecom-section h2{font-size:38px}}