/* KAPA's visual refresh: photographic banners, navy sections and white cards. */
:root { --ink:#081c38; --blue:#075cb8; --red:#d82e36; --paper:#fff; --green:#075cb8; --muted:#5c6d82; }
body { background:#081c38; }
.wrap { width:min(1200px,calc(100% - 64px)); }
.topline { background:#06162c; font-size:12px; }
header { width:min(1280px,calc(100% - 48px)); margin:18px auto -108px; top:16px; border-radius:50px; background:#fff; box-shadow:0 8px 32px #0002; border:0; }
.nav { width:calc(100% - 48px); min-height:88px; gap:22px; }
.brand { min-width:150px; }.brand-logo { width:145px; }
.links { gap:20px; font-size:14px; color:#142841; }.nav-cta { white-space:nowrap; }
.button { font-size:15px; font-weight:650; padding:15px 26px; }
.primary { background:var(--blue); box-shadow:none; }.primary:hover { background:#064d99; }
.eyebrow { font-size:13px; letter-spacing:.12em; color:#90bdff; }
.eyebrow::before { background:var(--red); width:26px; }
.hero { min-height:760px; padding:210px 0 74px; color:#fff; background:linear-gradient(90deg,rgba(4,15,32,.88),rgba(4,15,32,.53) 52%,rgba(4,15,32,.13)),url('tata-charging-hub.webp') center 57%/cover; }
.hero-grid { grid-template-columns:1fr; min-height:460px; gap:0; }
.hero h1 { font-weight:600; font-size:clamp(48px,5.8vw,78px); line-height:1.12; letter-spacing:-.045em; max-width:820px; margin:20px 0 26px; }
.hero h1 em { color:#fff; }.hero p { font-size:19px; color:#e5edf7; max-width:650px; line-height:1.65; margin-bottom:34px; }
.hero .primary { background:var(--red); }.hero .primary:hover { background:#b9222a; }
.hero .ghost { background:transparent; color:#fff; border:1px solid #ffffff9c; }
.hero-note { color:#e5edf7; font-size:14px; margin-top:28px; }.seal { background:#fff; color:var(--blue); }
.hero-image-credit { display:block; margin-top:38px; color:#c4d0dd; font-size:12px; }
.visual { display:none; }
.trust-strip { background:#0d294b; border:0; color:white; padding:25px 0; }
.trust-intro { color:#c3d1e3; font-size:14px; }.trust-item { font-size:15px; }.trust-icon { background:#fff; border-radius:50%; width:40px;height:40px; }
section { padding:96px 0; color:#fff; }
.section-head { flex-direction:column; text-align:center; align-items:center; gap:20px; margin-bottom:46px; }
.section-head h2 { font-size:clamp(34px,4vw,52px); line-height:1.15; font-weight:600; letter-spacing:-.035em; }
.section-head p { font-size:17px; max-width:730px; color:#c5d3e5; line-height:1.75; }
.proof { background:#081c38; padding:80px 0 0; }
.proof-grid { grid-template-columns:1.15fr .85fr; gap:60px; padding:48px; background:linear-gradient(125deg,#123b66,#0e2b4e); border-radius:30px; align-items:center; }
.proof h2 { font-size:clamp(34px,3.8vw,50px); font-weight:600; }
.about-visual { background:#fff; border-radius:24px; padding:22px; text-align:center; }
.about-visual img { width:100%; height:310px; object-fit:contain; display:block; }
.about-visual strong { color:var(--blue); font-size:20px; display:block; margin-top:12px; }
.about-visual p { color:#596d83; font-size:14px; margin-top:6px; }
.about-capabilities { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:28px; gap:16px; }
.about-capability { background:transparent; border:0; border-top:2px solid #47749b; border-radius:0; padding:24px 10px 24px 0; }
.about-capability h3 { font-size:20px; }.about-capability > span { margin-bottom:18px; }
.about-foundation { margin-top:12px; }
.impact-section { padding:68px 0; border:0; text-align:center; background:linear-gradient(#06162ced,#06162ce8),url('tata-charging-hub.webp') center/cover; }
.impact-grid { margin-top:32px; gap:0; }.impact-stat { background:transparent; border:0; border-radius:0; border-right:1px solid #6683a355; padding:20px; }
.impact-stat:last-child { border-right:0; }.impact-stat strong { color:#fff; font-size:70px; font-weight:600; }.impact-stat span { color:#cbd8e8; font-size:16px; }
#solutions { background:#081c38; }
.audiences { gap:28px; grid-template-columns:1fr 1fr; }
.audience.b2b,.audience.b2c { background:#fff; color:var(--ink); border:0; border-radius:28px; min-height:540px; padding:24px; }
.audience-media { height:230px; border-radius:19px; margin-bottom:24px; background:#eaf1f8; overflow:hidden; }
.audience-media img { width:100%; height:100%; object-fit:cover; }.b2c .audience-media img { object-fit:cover; padding:0; }
.audience .tag { color:var(--blue); font-size:12px; opacity:1; }.audience h3 { font-size:32px; max-width:none; font-weight:650; }.audience p { font-size:16px; opacity:1; color:#5c6d82; }
.chip,.b2c .chip { background:#ecf2fa; color:#244c7a; font-size:13px; border-radius:7px; }
.audience-action { font-size:16px; padding:20px 0 0; border-top:1px solid #dfe7f0; color:var(--blue); }
.partners-section { background:#0c2747; padding:82px 0; }.partner-card { border:0; border-radius:25px; padding:28px; color:var(--ink); }
.partner-logo-box { background:#fff; height:110px; }.partner-card h3 { font-size:24px; }.partner-card p { font-size:15px; }.partner-card .partner-status { font-size:13px; color:var(--blue); }
.section-blue { background:#081c38; }
.tabs { margin:0 auto 34px; }.tab { font-size:14px; }
.products { grid-auto-columns:calc((100% - 48px)/3); gap:24px; padding-bottom:20px; }
.product { padding:20px; border-radius:26px; border:0; min-height:445px; color:var(--ink); }
.product-image { height:230px; background:#edf3f9; margin-bottom:22px; border-radius:17px; }
.product-image img { width:100%; height:100%; object-fit:contain; padding:20px; }
.product-badge { font-size:12px; z-index:1; }.product-type { font-size:12px; color:var(--blue); }.product h3 { font-size:28px; margin:8px 0; }.product p { font-size:15px; line-height:1.65; }
.product-foot,.product-foot b { font-size:14px; }.product-foot { gap:12px; }.product-foot a { white-space:nowrap; }
.portfolio-label { position:absolute; bottom:8px; left:12px; right:12px; text-align:center; font-size:11px; color:#53677f; }
.carousel-controls { top:-78px; }.carousel-controls button { width:40px; height:40px; font-size:18px; }
.fineprint { font-size:13px; color:#b1c3d9; line-height:1.7; margin-top:15px; }
#investment { background:#f1f5fa; color:var(--ink); }#investment .eyebrow,#process .eyebrow,.contact .eyebrow { color:var(--blue); }
#investment .section-head p,#process .section-head p { color:var(--muted); }
.investment-card { padding:34px; background:#0b2b50; }.investment-card small { font-size:13px; }.investment-card p { font-size:16px; max-width:350px; }.investment-card .button { margin-top:28px; }
.model-card { padding:34px; }.model-card h3 { font-size:22px; }.model-card > p { font-size:15px; }.model-input small,.model-result small { font-size:13px; }.model-result { background:#eef4fc; border-color:#d2e0f1; }.model-result small { color:#4c6587; }.model-caveat { line-height:1.7; }
#process { background:#fff; color:var(--ink); }.step b { font-size:16px; }.step p { font-size:14px; max-width:205px; }.step-n { width:58px; height:58px; font-size:20px; }.step:nth-child(even) .step-n { color:var(--blue); }
.contact { background:#eaf1f8; color:var(--ink); }.contact h2 { font-weight:600; font-size:clamp(38px,4.5vw,58px); }.contact-copy p { font-size:17px; }.form-card { padding:32px; border-radius:26px; }.form-card h3 { font-size:25px; }.form-card > p { font-size:15px; }label { font-size:14px; }.notice { font-size:13px; line-height:1.7; }
footer { background:#06162c; }.footer-reach { color:#9fc7fc; }.float-contact { background:var(--blue); }
a:focus-visible,button:focus-visible { outline:3px solid var(--red); outline-offset:4px; }
@media (max-width:1200px) { .links { gap:13px; font-size:13px; }.nav { gap:12px; }.nav-cta { padding:13px 18px; } }
@media (max-width:1100px) { .links { font-size:16px; top:90px; background:#fff; border-radius:20px; box-shadow:0 14px 30px #0002; }.menu-toggle { display:block; }.proof-grid { gap:30px; padding:32px; }.about-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:740px) {
 .wrap { width:calc(100% - 36px); }.topline .wrap { font-size:10px; }.topline .wrap > :last-child { display:none; }
 header { width:calc(100% - 24px); top:10px; margin:12px auto -86px; }.nav { min-height:74px; width:calc(100% - 32px); }.brand { min-width:0; }.brand-logo { width:116px; }.links { top:80px; }.nav-cta { display:none; }
 .hero { min-height:670px; padding:145px 0 54px; background:linear-gradient(90deg,#040f20d9,#040f20b8),url('tata-charging-hub.webp') 62% center/cover; }.hero-grid { min-height:450px; }.hero h1 { font-size:clamp(43px,10vw,62px); }.hero p { font-size:17px; }.hero-note { font-size:13px; align-items:flex-start; }.seal { flex-shrink:0; }.hero-actions .button { padding:14px 20px; }.hero-image-credit { margin-top:28px; }
 .trust-strip { padding:20px 0; }.trust-intro { display:none; }.trust-item { min-width:180px; font-size:14px; }
 section { padding:64px 0; }.section-head { margin-bottom:30px; }.section-head p { font-size:16px; }.section-head h2 { font-size:35px; }
 .proof { padding-top:54px; }.proof-grid { grid-template-columns:1fr; padding:24px; border-radius:24px; }.proof h2 { font-size:36px; }.about-visual img { height:245px; }.about-capabilities { gap:12px; }.about-capability h3 { font-size:18px; }.about-capability p { font-size:14px; }.about-foundation strong { font-size:21px; }
 .impact-section { padding:50px 0; }.impact-grid { grid-template-columns:1fr 1fr; gap:20px 0; }.impact-stat:nth-child(2) { border-right:0; }.impact-stat strong { font-size:52px; }.impact-stat span { font-size:14px; }
 .audiences { grid-template-columns:1fr; gap:22px; }.audience.b2b,.audience.b2c { padding:20px; min-height:0; }.audience-media { height:200px; }.audience h3 { font-size:29px; }
 .partners-section { padding:64px 0; }.products { grid-auto-columns:85%; gap:16px; }.tabs { margin-left:0; }.tab { padding:10px 13px; font-size:13px; }.carousel-controls { position:static; justify-content:flex-end; margin-bottom:16px; }.product-image { height:240px; }
 .economics { grid-template-columns:1fr; }.model-card,.investment-card { padding:24px; }.model-card h3 { font-size:20px; }.model-inputs { grid-template-columns:1fr; }.model-input { display:flex; align-items:center; gap:16px; }.model-input b { min-width:95px; }.model-input small { margin:0; }.model-results { grid-template-columns:1fr; }
 .steps::before { left:28px; }.step { grid-template-columns:58px 1fr; }.step p { max-width:none; }.form-card { padding:24px; }.contact-grid { gap:30px; }
}
@media (max-width:440px) { .about-capabilities { grid-template-columns:1fr; }.hero-actions { flex-direction:column; align-items:flex-start; }.product-foot { font-size:13px; }.product-foot b { font-size:13px; } }

/* Editorial rhythm, denser evidence and restrained engineering details. */
:root { font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif; }
section { padding:76px 0; }
.hero { padding-top:192px; min-height:710px; }.hero-grid { min-height:400px; }
.hero h1 { font-size:clamp(46px,5.4vw,72px); max-width:920px; }.hero p { max-width:670px; font-size:18px; }
.hero-image-credit { margin-top:28px; }.hero-actions .button { min-width:180px; }
.trust-strip { border-bottom:1px solid #ffffff15; padding:22px 0; }
.section-head { gap:16px; margin-bottom:32px; }.section-head h2 { font-size:clamp(34px,3.7vw,49px); }.section-head p { font-size:16px; line-height:1.7; }
.proof { padding:64px 0 0; }.proof-grid { padding:38px; border:1px solid #44739955; gap:44px; background:radial-gradient(ellipse at 90% 10%,#1863a933,transparent 58%),#0c2a4a; border-radius:24px; }
.about-visual { border-radius:18px; background:radial-gradient(circle at 50% 42%,#e3eef9 0,#f4f8fc 52%,white 53%); padding:20px; }
.about-visual img { height:290px; }.proof h2 { margin:18px 0; }.proof p { font-size:16px; }.about-services { margin:20px 0; }
.about-capability { border-top-color:#396d9e; padding-bottom:12px; }.about-capability h3 { min-height:52px; }.about-capability > span { color:#96c1ff; }
.about-foundation { padding:26px 0 32px; }.about-foundation strong { font-size:22px; }
.impact-section { padding:46px 0; }.impact-grid { margin-top:24px; }.impact-stat strong { font-size:62px; }.impact-stat small { display:block; color:#8fa9c7; font-size:13px; margin-top:8px; }
.audience.b2b,.audience.b2c { border-radius:22px; box-shadow:0 14px 40px #0002; padding:22px; min-height:0; }
.audience-media { height:190px; border-radius:14px; }.audience h3 { font-size:32px; margin:12px 0 14px; }.audience p { line-height:1.65; }.chips { margin-top:18px; }
.b2c .audience-media { background:radial-gradient(ellipse at center,#d9e9f8,transparent 65%),#f4f8fc; }
.audience-action { margin-top:22px; padding-top:16px; }.audience:hover { box-shadow:0 16px 40px #0004; }
.partners-section { padding:70px 0; background:linear-gradient(135deg,#0e2d51,#09213e); }
.partner-card { padding:26px; border-radius:20px; display:flex; flex-direction:column; border-top:3px solid #3072bc; }
.partner-logo-box { height:85px; margin-bottom:18px; border-bottom:1px solid #e4ebf3; border-radius:0; padding-bottom:14px; }.partner-logo-box img { height:72px; width:175px; }
.partner-card h3 { margin-bottom:12px; font-size:23px; }.partner-card p { font-size:15px; }
.partner-scope { padding:0; margin:22px 0 0; display:flex; gap:7px; flex-wrap:wrap; list-style:none; }.partner-scope li { background:#eef4fb; border:1px solid #e1eaf5; color:#2d527b; font-size:12px; padding:6px 9px; border-radius:5px; }
.partner-card .partner-status { margin-top:auto; padding-top:20px; }
.product { border-radius:21px; padding:18px; min-height:430px; }.product-image { height:220px; border-radius:14px; }.product-image img { padding:25px; }.product h3 { font-size:29px; font-weight:650; }
.product-foot { margin-top:auto; }.product-foot a { background:#edf4fc; padding:8px 11px; border-radius:6px; }.product-foot a:hover { background:#dceaf9; }
.tab { font-weight:650; }.products { gap:20px; grid-auto-columns:calc((100% - 40px)/3); }.portfolio-label { font-size:12px; }
#investment,#process,.contact { position:relative; isolation:isolate; overflow:hidden; }
#investment { background:radial-gradient(ellipse at 100% 0%,#dceafa,transparent 45%),#f3f6fa; }
#investment::before,#process::before,.contact::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:linear-gradient(#3268a00a 1px,transparent 1px),linear-gradient(90deg,#3268a00a 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(110deg,#000,transparent 65%); }
.economics { gap:22px; grid-template-columns:.78fr 1.22fr; align-items:stretch; }
.investment-card { border-radius:21px; padding:30px; background:radial-gradient(ellipse at 100% 0%,#1663a9,transparent 70%),#0b2b50; border:1px solid #245884; }
.investment-card strong { font-size:58px; }.investment-card p { margin-top:12px; line-height:1.7; }.investment-card .button { font-size:14px; padding:14px 20px; }
.model-card { padding:28px; border-radius:21px; border:1px solid #dae4ef; box-shadow:0 16px 35px #153a6510; }
.model-card h3 { font-size:22px; }.model-card > p { line-height:1.65; }.model-input { background:#f1f5fa; border:1px solid #e5edf5; }.model-input b { font-size:23px; }.model-input small { line-height:1.5; }
.model-result { padding:17px; }.model-result b { font-size:27px; color:#103d6d; }.model-result small { line-height:1.5; margin-bottom:9px; }
.model-card .scenario-note { font-size:13px; color:#60738b; margin-top:18px; }
.scenario-details { margin-top:16px; border-top:1px solid #e0e7f0; padding-top:14px; }.scenario-details summary { color:#1d578c; cursor:pointer; font-size:14px; font-weight:650; }.scenario-details p { font-size:13px; color:#5c6d82; line-height:1.7; margin:14px 0 0; }
#process { background:radial-gradient(ellipse at 0% 100%,#e8f1fb,transparent 60%),#fff; }.steps { gap:14px; margin-top:34px; }.steps::before { display:none; }
.step { text-align:left; padding:22px 18px; border:1px solid #dce6f1; border-radius:16px; background:#ffffffdf; box-shadow:0 8px 20px #123c6410; border-top:3px solid #2867ab; }
.step-n { margin:0 0 20px; width:auto; height:auto; background:none; box-shadow:none; border:0; border-radius:0; place-items:start; font-size:30px; color:#2867ab; }.step b { font-size:16px; line-height:1.4; min-height:44px; }.step p { margin:10px 0 0; font-size:14px; line-height:1.65; }
.contact { background:radial-gradient(ellipse at 100% 100%,#ccdfef,transparent 60%),#edf3fa; border-top:1px solid #d5e2f0; }
.contact-grid { gap:40px; align-items:center; }.contact h2 { font-size:clamp(36px,3.8vw,51px); line-height:1.13; }.contact-copy p { font-size:16px; max-width:510px; }
.contact-facts { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:26px 0; }.contact-facts > div { padding:16px; background:#ffffffad; border:1px solid #d8e3ef; border-radius:10px; border-left:3px solid #3476b9; }.contact-facts span { display:block; font-size:13px; color:#63798f; margin-bottom:6px; }.contact-facts strong { font-size:15px; color:#143c65; }
.form-card { border:1px solid #d6e2ee; box-shadow:0 18px 46px #11385c14; border-radius:20px; padding:28px; }.form-kicker { display:block; font-size:12px; color:var(--blue); letter-spacing:.1em; font-weight:750; margin-bottom:12px; }.form-card h3 { font-size:25px; }.form-card > p { line-height:1.6; }.fields { gap:16px 12px; }label { font-size:14px; }input,select { min-height:49px; font-size:15px; padding:12px; background:#f7f9fc; }.form-card .button { margin-top:20px; }
.notice { color:#607189; }.footer-heading { display:grid; grid-template-columns:1fr auto; align-items:center; border-bottom:1px solid #ffffff24; margin-bottom:32px; padding-bottom:26px; gap:12px 24px; }.footer-heading > span { grid-column:1/-1; color:#9bb9dc; font-size:12px; letter-spacing:.12em; }.footer-heading strong { font-size:clamp(25px,3vw,36px); font-weight:600; }.footer-heading a { background:#fff; color:#173e67; padding:12px 22px; border-radius:8px; font-size:15px; font-weight:650; }
.footer-column a { font-size:14px; }.footer-column h3 { font-size:19px; }.footer-top p { font-size:15px; }.footer-reach { font-size:13px; }.copyright { font-size:12px; padding-bottom:25px; }.footer-whatsapp { border-color:#476992!important; color:#c4ddff!important; }
@media (max-width:1100px) { .steps { grid-template-columns:repeat(3,1fr); }.step:last-child { grid-column:auto; }.proof-grid { gap:28px; padding:28px; } }
@media (max-width:740px) {
 section { padding:54px 0; }.hero { padding-top:145px; min-height:0; }.hero-grid { min-height:0; }.hero h1 { font-size:43px; }.hero p { font-size:17px; }.hero-image-credit { margin-top:24px; }
 .proof { padding-top:46px; }.proof-grid { padding:23px; }.proof h2 { font-size:34px; }.about-visual img { height:235px; }.about-foundation { gap:20px; }.about-foundation strong { font-size:20px; }
 .impact-section { padding:36px 0; }.impact-stat { padding:12px; }.impact-stat strong { font-size:48px; }.impact-stat small { font-size:12px; line-height:1.5; }
 .section-head h2 { font-size:33px; }.audience h3 { font-size:29px; }.audience-media { height:175px; }.audience.b2b,.audience.b2c { padding:19px; }
 .products { grid-auto-columns:87%; }.product-image { height:220px; }.fineprint { font-size:12px; }
 .economics { grid-template-columns:1fr; }.model-card,.investment-card { padding:24px; }.investment-card strong { font-size:52px; }
 .steps { grid-template-columns:1fr; gap:12px; }.step { display:grid; grid-template-columns:42px 1fr; gap:0 16px; padding:20px; }.step-n { grid-row:span 2; margin:0; font-size:26px; }.step b { min-height:0; }.step p { margin-top:7px; }
 .contact-grid { gap:28px; }.contact h2 { font-size:35px; }.contact-facts { gap:10px; }.contact-facts > div { padding:13px; }.contact-facts strong { font-size:14px; }.form-card { padding:24px; }
 .footer-heading { grid-template-columns:1fr; }.footer-heading a { justify-self:start; }.footer-heading strong { font-size:29px; }.copyright { padding-bottom:32px; }
}
@media (prefers-reduced-motion:no-preference) { .product,.partner-card { transition:box-shadow .2s ease,transform .2s ease; }.partner-card:hover { transform:translateY(-3px); box-shadow:0 16px 32px #0002; } }

/* Final typography and compact process illustrations. */
:root { font-family:Inter,"Avenir Next","Segoe UI",sans-serif; font-optical-sizing:auto; }
body { -webkit-font-smoothing:antialiased; }
h1,h2,h3 { font-weight:600; }h1 { letter-spacing:-.045em; }h2 { letter-spacing:-.035em; }
.eyebrow,.form-kicker { font-weight:650; letter-spacing:.1em; }
.step { position:relative; }.step-icon { position:absolute; top:24px; right:18px; width:27px; height:27px; color:#386da5; }
.product-image { border:1px solid #dbe6f2; }.product-image img { filter:drop-shadow(0 8px 7px #152b4519); }
@media (max-width:740px) { .step { padding-right:48px; }.step-icon { top:20px; right:14px; width:22px; height:22px; } }

/* Stable number widths keep the count-up from shifting the layout. */
.impact-section h2 { color:#fff; font-size:clamp(28px,3.4vw,42px); margin:16px 0 0; }
.impact-stat strong { font-variant-numeric:tabular-nums; }
.impact-stat strong .impact-count { display:inline; margin:0; color:inherit; font-size:inherit; font-weight:inherit; }
.impact-stat strong b { font-weight:inherit; }

/* Consistent service icons and a clear, permanent calculation panel. */
.trust-icon { width:48px; height:48px; flex-shrink:0; border-radius:14px; background:linear-gradient(145deg,#f8fbff,#dbeafd); border:1px solid #a5c8f0; box-shadow:0 4px 12px #0002; }
.trust-icon svg { width:26px; height:26px; }
.scenario-details h4 { margin:0; color:#1d578c; font-size:15px; font-weight:650; }
.scenario-details p { font-size:14px; line-height:1.75; }
.footer-heading .footer-project-cta { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:16px 24px; border-radius:999px; background:#075cb8; color:#fff; border:1px solid #4f8ad0; min-height:52px; transition:background .2s; }
.footer-project-cta svg { width:21px; height:21px; flex-shrink:0; }
.footer-heading .footer-project-cta:hover { background:#064d99; }
@media (max-width:740px) { .trust-icon { width:44px; height:44px; }.trust-icon svg { width:24px; height:24px; } }

.product-image { display:block; }.product-image img { position:absolute; inset:0; width:100%; height:100%; padding:24px 20px; object-fit:contain; }

/* KAPA leads the infrastructure story; partner products remain in their sections. */
.hero { background:linear-gradient(90deg,#041020e0,#041020a3 52%,#04102026),url('hero-infrastructure-illustrated.jpg') center 58%/cover; }
.impact-section { background:linear-gradient(#06162ced,#06162ce8),url('b2b-infrastructure.jpg') center/cover; }
.cost-breakdown { margin-top:24px; }
.cost-breakdown table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.5; }
.cost-breakdown caption { text-align:left; font-weight:650; font-size:17px; padding-bottom:14px; color:#fff; }
.cost-breakdown th { text-align:left; font-weight:500; }
.cost-breakdown td { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.cost-breakdown th,.cost-breakdown td { padding:11px 0; border-bottom:1px solid #ffffff24; }
.cost-breakdown thead th { font-size:12px; color:#b8c9db; }.cost-breakdown thead th:last-child { text-align:right; }
.cost-breakdown th span { display:block; font-size:12px; color:#b8c9db; font-weight:400; }
.cost-breakdown tfoot th,.cost-breakdown tfoot td { font-weight:650; }
.cost-breakdown .cost-note { max-width:none; font-size:13px; line-height:1.7; color:#c5d6eb; margin-top:16px; }
@media(max-width:740px) { .hero { background:linear-gradient(90deg,#041020e3,#041020a6),url('hero-infrastructure-illustrated.jpg') 58% center/cover; }.cost-breakdown table { font-size:13px; }.cost-breakdown th { padding-right:12px; } }

.partner-logo-box.exicom-mark { background:#081c38; border:0; border-radius:12px; padding:14px 22px; }.exicom-mark img { width:170px; height:45px; }

.economics { align-items:start; }

/* A layered navigation surface and vendor-focused service presentation. */
header { border-radius:24px; background:linear-gradient(135deg,#fff,#f5f9ff); border:1px solid #c5d5eb; box-shadow:0 2px 0 #ffffffb3 inset,0 7px 18px #02102324,0 24px 48px #02102338; isolation:isolate; }
header::before { content:""; position:absolute; top:0; left:28px; right:28px; height:3px; border-radius:0 0 4px 4px; background:linear-gradient(90deg,#075cb8 0 82%,#d82e36 82%); pointer-events:none; }
.nav { min-height:84px; }.brand { padding-right:26px; border-right:1px solid #dce5f0; }.brand-logo { width:137px; }
.links a { padding:10px 7px; border-radius:8px; transition:background .18s,color .18s; }.links a:hover,.links a:focus-visible { background:#e7f0fb; color:#075cb8; }
.nav-cta { border-radius:13px; box-shadow:0 5px 12px #075cb82b; }
.audience.b2b { border-top:3px solid #3380c8; }.b2b .audience-media { position:relative; }.network-label { position:absolute; bottom:14px; left:14px; background:#071c38ed; color:white; padding:8px 12px; font-size:11px; font-weight:600; letter-spacing:.07em; border-radius:7px; }
.b2b .tag { font-size:12px; letter-spacing:.08em; }.b2b h3 { font-size:34px; }.b2b > div > p { font-size:15px; }
.vendor-scopes { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px; }
.vendor-scopes > div { padding:14px; background:#f3f7fc; border:1px solid #dce7f3; border-radius:12px; }
.vendor-scopes span { color:#3176b7; font-size:12px; font-weight:650; display:block; margin-bottom:7px; }
.vendor-scopes strong { font-size:14px; line-height:1.4; display:block; }.vendor-scopes p { font-size:13px; margin-top:7px; line-height:1.6; }
.b2b .audience-action { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }.audience-action small { font-size:12px; color:#60758f; font-weight:400; }
.partners-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.partner-logo-box { border:0; border-radius:12px; height:92px; padding:16px 22px; background:#f2f6fb; }
.partner-logo-box img { width:185px; max-width:100%; height:55px; object-fit:contain; }
.partner-logo-box.indofast-mark { background:#17251c; }.partner-logo-box.statiq-mark { background:#081c38; }.statiq-mark img { width:165px; }.partner-logo-box.mooving-mark { background:#fff0f1; }.mooving-mark img { width:185px; }
@media(max-width:1200px) { .links { gap:6px; }.brand { padding-right:16px; } }
@media(max-width:740px) { header { border-radius:19px; }.nav { min-height:74px; }.brand { border:0; padding-right:0; }.brand-logo { width:116px; }.links a { display:block; padding:12px; }.partners-grid { grid-template-columns:1fr; }.b2b h3 { font-size:30px; }.vendor-scopes { gap:10px; }.vendor-scopes > div { padding:12px; } }
@media(max-width:380px) { .vendor-scopes { grid-template-columns:1fr; } }

input[aria-invalid="true"],select[aria-invalid="true"] { border-color:#c51c2b; box-shadow:0 0 0 2px #c51c2b12; }
#enquiryStatus:not(:empty) { padding:12px 14px; background:#fff2f3; color:#982031; border-radius:10px; margin:14px 0; font-size:14px; }
button:disabled { opacity:.65; cursor:wait; }