/* Stronger navy, yellow emphasis, compact cases and owner-facing conversion details. */
:root{--navy:#0b2545;--deep:#04172e;--ink:#142a43;--emphasis-yellow:#ffd34e;--yellow-shadow:-1px -1px 0 #071b38,1px -1px 0 #071b38,-1px 1px 0 #071b38,1px 1px 0 #071b38,2px 3px 0 #071b38}
.hero-heading{background:linear-gradient(100deg,#031225cf 0%,#0312254d 80%)}
.hero-benefits{background:#04172eed}
.hero-years,.hero-rank{color:var(--emphasis-yellow)}
.section-intro{background:linear-gradient(100deg,#031225d6,#03122599),url('assets/hero-night-network.png') center 30%/cover no-repeat}
.section-intro h2>span{color:var(--emphasis-yellow)}
.cta-band{background:linear-gradient(100deg,#031225e8,#031225a6),url('assets/hero-night-network.png') center 30%/cover no-repeat}
.equipment-heading{background:linear-gradient(#031225d1,#031225ec),url('assets/hero-night-network.png') center 24%/cover}
.equipment-card h3{color:var(--navy)}
.equipment-purpose,.benefit-labels span{background:var(--navy);border-color:var(--navy)}
.equipment-benefit{color:var(--ink)}
.building-photo figcaption{background:#061b37ec}
.estimate-section{background:#061b37}
.side-right .side-contact{margin-top:43px}
.point-label{gap:12px;padding:15px 28px;align-items:center}
.point-label>span:first-child,.point-label b{font-size:40px;line-height:1}
.point-label>span:last-child{font-size:24px;line-height:1.4;flex:1;margin-left:0;text-align:center}
.point-cost .giant,.point-cost .giant b,.point-cost .giant>span,.cost-visual>div>p:first-child,.speed-value strong,.speed-value strong b,.speed-max,.day-number-main>span,.day-number-main strong,.day-number-main strong b{color:var(--navy);text-shadow:none}
.cost-visual>div>p:first-child{line-height:1.1;margin-bottom:-10px;font-weight:800}
.cost-visual .giant{line-height:.9}
.speed-number{margin-top:0}
.point-speed .speed-number>h2{font-size:32px;font-weight:800;line-height:1.1;margin:0 0 -8px;text-align:center}
.speed-value{line-height:1}
.speed-value strong{line-height:1}
.tenant-photo figcaption{font-size:27px;line-height:1.45;left:24px;right:24px;bottom:18px;text-align:center;background:#fffffff0;padding:11px 12px}
.tenant-photo figcaption>span{font-size:1.16em}
.point-tail{padding-top:5px}
.building-photo figcaption{font-size:19px;line-height:1.6;padding:10px 20px;right:0;bottom:15px;text-align:center}
.building-photo figcaption>span{font-size:17px;font-weight:700}
.building-photo figcaption strong{font-weight:800}
.rank-proof{gap:22px}
.rank-proof>div{min-width:0}
.rank-proof .rank-proof-claim{display:block;font-size:36px;font-weight:800;line-height:1.3;color:var(--navy);text-shadow:none;margin-top:9px;letter-spacing:.035em}
.rank-proof .rank-proof-claim>span{display:block;font-size:inherit;line-height:1.3;white-space:nowrap}
.rank-proof .rank-proof-claim b{font-size:1.25em;line-height:1;letter-spacing:.015em}
.wiring-diagram{background:#fff;padding:18px 22px 25px}
.wiring-diagram img{width:100%;height:auto;border-radius:8px}
.wiring-diagram figcaption{margin-top:12px;color:#536477}
.proof-section{position:relative;isolation:isolate;overflow:hidden;padding-bottom:155px}
.proof-section>p,.proof-section>h2,.proof-section>.proof-numbers{position:relative;z-index:1}
.proof-city{position:absolute;z-index:0;left:0;bottom:0;width:100%;height:320px;object-fit:contain;object-position:center bottom;opacity:.94;pointer-events:none}
.section-brand-logo{width:170px;height:auto;margin:0 auto 18px;display:block}
.cta-band .section-brand-logo{width:148px;margin-bottom:16px}
.owner-cases>.section-brand-logo{width:148px;margin-bottom:17px}
.equipment-heading>.section-brand-logo{width:148px;margin-bottom:18px}
.estimate-heading>.section-brand-logo{width:164px;margin-bottom:18px}
.side-strengths{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px;text-align:left}
.side-strengths li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;align-items:center;border-bottom:1px solid #d6e0ea;padding-bottom:9px}
.side-strengths li>span{display:grid;place-content:center;width:44px;min-height:44px;border-radius:5px;background:var(--navy);color:#fff;font-family:"Barlow Condensed",var(--gothic);font-weight:800;font-size:14px;line-height:1.05;text-align:center}
.side-strengths li>span b{display:block;font-size:22px;color:#ffd34e}
.side-strengths strong{font-size:17px;font-weight:800;line-height:1.4;color:var(--navy)}
.side-strengths strong>b{display:block;font-size:34px;line-height:1.2}
.owner-case{display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);align-items:center}
.owner-case__top{grid-column:1/-1;padding:11px 18px;border-bottom:1px solid #e0e7ed}
.owner-case__photo{margin:18px 0 18px 18px;align-self:center;border-radius:6px;overflow:hidden}
.owner-case__body{padding:19px 18px 21px;text-align:left}
.owner-case__body h3{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;padding:0;margin:0 0 12px;border:0;font-size:26px;line-height:1.4;text-align:left;color:var(--navy);text-wrap:balance}
.owner-case__metric-label{font-size:15px;text-align:left;margin-bottom:5px}
.owner-case__outcome{justify-content:flex-start;gap:9px;font-size:20px;line-height:1.1;white-space:nowrap}
.owner-case__outcome b{font-size:62px;margin-right:3px;letter-spacing:.015em}
.owner-case__outcome strong{padding:4px 8px 7px}
.owner-case__direction{font-size:25px}
.owner-case__detail{font-size:16px;margin-top:10px;line-height:1.55;text-align:left}
.owner-case__setup{font-size:14px;margin-top:12px;padding-top:10px;line-height:1.6;text-align:left}
.owner-case__setup>span{font-size:12px}
.owner-cases__prev,.owner-cases__next{display:grid;place-items:center;padding:0;line-height:1}
.owner-nav-icon{display:block;width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;box-sizing:content-box}
.owner-cases__prev .owner-nav-icon{transform:rotate(135deg);margin-left:4px}
.owner-cases__next .owner-nav-icon{transform:rotate(-45deg);margin-right:4px}
.faq-more{margin-top:18px}
.faq-more>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border:1px solid #d0dce7;border-radius:5px;background:#eff4f8;color:var(--navy);font-size:18px;font-weight:800;cursor:pointer}
.faq-more>summary::-webkit-details-marker{display:none}
.faq-more>summary>span::after{content:"＋";font-size:22px}
.faq-more[open]>summary>span::after{content:"−"}
.faq-more .faq-list{margin-top:18px}
@keyframes cta-nudge{0%,9%,100%{transform:translateX(0) rotate(0)}2%{transform:translateX(-2px) rotate(-.8deg)}4%{transform:translateX(2px) rotate(.8deg)}6%{transform:translateX(-1px) rotate(-.5deg)}8%{transform:translateX(1px) rotate(.5deg)}}
.cta,.mobile-header>a:last-child{animation:cta-nudge 5.5s ease-in-out infinite;transform-origin:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.cta:focus-visible,.mobile-header>a:last-child:focus-visible{animation:none}
@media(hover:hover){.cta:hover,.mobile-header>a:last-child:hover{animation:none;transform:translateY(-3px) scale(1.015);background:#ffe178;box-shadow:0 7px 17px #8e670d2b}}
.cta:active,.mobile-header>a:last-child:active{animation:none;transform:translateY(1px) scale(.99)}
@media(max-width:1250px){.side-strengths strong{font-size:15px}.side-strengths strong>b{font-size:26px}.side-strengths{margin-top:18px}}
@media(min-width:1041px) and (max-height:900px){
 .desktop-side{top:28px}
 .side-logo{width:180px;max-width:100%;margin:auto}
 .side-audience{margin:17px 0 12px;padding:9px 4px;font-size:14px}
 .side-message{font-size:21px;line-height:1.5}
 .side-strengths{margin-top:16px;gap:7px}
 .side-strengths li{padding-bottom:6px}
 .side-strengths strong{font-size:15px}
 .side-strengths strong>b{font-size:32px}
 .side-offer{margin:17px 0}
 .side-right nav{gap:8px}
 .side-right nav a{padding:10px 5px;font-size:14px}
 .side-right .side-contact{margin-top:28px}
}
@media(min-width:1041px) and (max-width:1250px) and (max-height:900px){.side-strengths strong>b{font-size:26px}}
@media(max-width:600px){
 .point-label{padding:13px 18px;gap:9px}
 .point-label>span:first-child,.point-label b{font-size:33px}
 .point-label>span:last-child{font-size:20px;line-height:1.35}
 .cost-visual>div>p:first-child{margin-bottom:-8px}
 .point-speed .speed-number>h2{font-size:25px;margin-bottom:-7px}
 .tenant-photo figcaption{font-size:21px;left:17px;right:17px;bottom:15px;padding:9px}
 .building-photo figcaption{font-size:17px;padding:9px 12px}
 .building-photo figcaption>span{font-size:16px}
 .rank-proof{gap:15px}
 .rank-proof .rank-proof-claim{font-size:30px;margin-top:8px}
 .wiring-diagram{padding:15px 16px 22px}
 .proof-section{padding-bottom:125px}
 .proof-city{height:245px}
 .section-brand-logo{width:154px;margin-bottom:16px}
 .owner-case{grid-template-columns:minmax(0,34%) minmax(0,66%)}
 .owner-case__top{padding:11px 12px;gap:9px}
 .owner-case__number{font-size:20px}
 .owner-case__number b{font-size:33px}
 .owner-case__profile{font-size:14px}
 .owner-case__photo{margin:12px 0 12px 10px}
 .owner-case__body{padding:16px 12px 17px}
 .owner-case__body h3{font-size:22px;line-height:1.4;margin-bottom:10px}
 .owner-case__metric-label{font-size:14px}
 .owner-case__outcome{font-size:17px;gap:7px}
 .owner-case__outcome b{font-size:48px}
 .owner-case__outcome strong{padding:3px 6px 5px}
 .owner-case__direction{font-size:22px}
 .owner-case__detail{font-size:15px;margin-top:8px}
 .owner-case__setup{font-size:13px;margin-top:10px;padding-top:8px}
 .faq-more>summary{font-size:16px;padding:14px}
}
@media(max-width:360px){
 .point-label{padding-left:14px;padding-right:14px;gap:8px}
 .point-label>span:first-child,.point-label b{font-size:30px}
 .point-label>span:last-child{font-size:18px}
 .rank-proof .rank-proof-claim{font-size:26px}
 .rank-proof img{width:94px}
 .tenant-photo figcaption{font-size:19px;left:12px;right:12px}
 .building-photo figcaption{font-size:15px}
 .building-photo figcaption>span{font-size:14px}
 .owner-case__body{padding-left:10px;padding-right:10px}
 .owner-case__body h3{font-size:20px}
 .owner-case__outcome{font-size:15px;gap:5px}
 .owner-case__outcome b{font-size:42px}
 .owner-case__outcome strong{padding-left:5px;padding-right:5px}
 .owner-case__direction{font-size:19px}
 .owner-case__detail{font-size:14px}
 .owner-case__setup{font-size:12px}
 .owner-nav-icon{width:8px;height:8px}
}
.section-brand-logo,.cta-band .section-brand-logo,.owner-cases>.section-brand-logo,.equipment-heading>.section-brand-logo,.estimate-heading>.section-brand-logo{width:100px;margin-bottom:12px}
.desktop-side .side-logo{width:140px;margin:auto}
.mobile-header img{width:125px}
footer img{width:145px;margin-bottom:14px}
@media(max-width:600px){.section-brand-logo,.cta-band .section-brand-logo,.owner-cases>.section-brand-logo,.equipment-heading>.section-brand-logo,.estimate-heading>.section-brand-logo{width:90px}}
@media(prefers-reduced-motion:reduce){.cta,.mobile-header>a:last-child{animation:none;transition:none}.cta:hover,.cta:active,.mobile-header>a:last-child:hover,.mobile-header>a:last-child:active{transform:none}}

/* Latest compact layout and navigation refinements. */
.hero-heading{padding-top:20px}
.hero-years{padding-top:0}
.section-intro{padding-top:22px}
.section-intro h2 small{font-size:.57em;font-weight:800;margin-left:.04em}
.benefit-section,.benefit-heading,.benefit-bottom{background:#f5faff}
.rank-proof strong{margin:2px 0;line-height:1.1}
.rank-proof .rank-proof-claim{margin-top:0;line-height:1.1}
.rank-proof .rank-proof-claim>span{line-height:1.1}
.owner-cases,.flow-section{background:#fffaf0}
.owner-cases__window{position:relative}
.owner-case__top{min-height:64px;padding-left:46px;padding-right:46px}
.owner-cases__prev,.owner-cases__next{position:absolute;top:10px;width:32px;height:44px;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--navy);cursor:pointer;z-index:2;transition:transform .16s ease}
.owner-cases__prev{left:5px}
.owner-cases__next{right:5px}
.owner-cases__prev:hover,.owner-cases__next:hover{transform:scale(1.15)}
.owner-cases__prev:focus-visible,.owner-cases__next:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.wiring-diagram{background:transparent;padding:10px 0 0}
.wiring-diagram img{border-radius:0}
.proof-city{height:auto;opacity:1;transform:translateY(8%)}
.side-offer,.side-contact,.side-right .side-contact:has(a[aria-current="location"]){border:5px double var(--navy);background:#fff8df}
.flow-section h2,.flow-section h2 span{font-weight:900}
.flow-list li{display:grid;grid-template-columns:58px minmax(0,1fr) 128px;gap:16px;padding:21px 0}
.flow-list li>span{width:58px;height:58px}
.flow-copy{min-width:0}
.flow-illustration{width:128px;height:128px;object-fit:contain}
.flow-list h3{font-size:23px;line-height:1.45;text-wrap:balance}
.flow-list p{font-size:16px;line-height:1.7}
@media(max-width:600px){
 .hero-heading{padding-top:16px}.hero-years{padding-top:0}
 .section-intro{padding-top:20px}
 .owner-case__top{padding-left:38px;padding-right:38px;min-height:64px}
 .owner-cases__prev,.owner-cases__next{width:28px;left:3px}
 .owner-cases__next{left:auto;right:3px}
 .flow-list li{grid-template-columns:37px minmax(0,1fr) 86px;gap:10px;padding:17px 0}
 .flow-list li>span{width:37px;height:44px;font-size:29px}
 .flow-illustration{width:86px;height:100px}
 .flow-list h3{font-size:20px}
 .flow-list p{font-size:15px}
}
@media(max-width:360px){.flow-list li{grid-template-columns:32px minmax(0,1fr) 65px;gap:8px}.flow-list li>span{width:32px;height:40px}.flow-illustration{width:65px;height:92px}.flow-list h3{font-size:18px}.flow-list p{font-size:14px}}

/* Brand balance, readable case photos and tighter proof spacing. */
.side-right nav a{background:#fffaf0;color:var(--navy)}
.side-right nav a:hover{background:#fff1c8}
.side-right nav a[aria-current="location"]{background:#ffd34e;color:#111}
.rank-proof{display:grid;grid-template-columns:104px minmax(0,1fr) 104px;gap:14px;text-align:center}
.rank-proof .rank-proof-logo{grid-column:1;grid-row:1;width:104px}
.rank-proof .rank-proof-award{grid-column:3;grid-row:1;width:104px}
.rank-proof>div{grid-column:2;grid-row:1}
.proof-section{padding-bottom:100px}
.proof-numbers{margin-bottom:12px}
.owner-case{display:block}
.owner-case__photo{position:relative;margin:0;border-radius:0;overflow:hidden}
.owner-case__photo img{width:100%;height:auto}
.owner-case__profile{position:absolute;top:12px;left:14px;z-index:1;background:#fffffff2;padding:5px 10px;border-radius:3px;font-size:15px;line-height:1.4;text-align:left;color:var(--navy)}
.owner-case__body{padding:16px 24px 20px;text-align:center}
.owner-case__metric-label,.owner-case__detail{text-align:center}
.owner-case__outcome{justify-content:center}
.owner-case__setup{text-align:left}
.owner-cases__window{container-type:inline-size}
.owner-cases__prev,.owner-cases__next{top:calc(28.125cqw - 22px);background:#fffffff0;width:32px;height:44px}
@media(max-width:600px){
 .rank-proof{grid-template-columns:1fr 1fr;gap:10px 20px;align-items:center}
 .rank-proof .rank-proof-logo{grid-column:1;grid-row:1;width:90px;justify-self:end}
 .rank-proof .rank-proof-award{grid-column:2;grid-row:1;width:98px;justify-self:start}
 .rank-proof>div{grid-column:1/-1;grid-row:2}
 .proof-section{padding-bottom:75px}
 .owner-case__body{padding:14px 16px 18px}
 .owner-case__profile{top:9px;left:10px;font-size:13px;padding:4px 8px}
 .owner-cases__prev{left:0}.owner-cases__next{right:0;left:auto}
}

/* Center the desktop side panels and their message text. */
@media(min-width:1041px){
 .desktop-side{top:50%;transform:translateY(-50%);max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin;text-align:center}
 .side-strengths,.side-strengths strong{text-align:center}
 .side-right nav a{display:flex;align-items:center;justify-content:center}
}

/* A shared grid row gives both side panels identical top and bottom edges. */
.desktop-sides{display:none}
@media(min-width:1041px){
 .desktop-sides{display:grid;grid-template-columns:220px 660px 220px;column-gap:45px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100dvh - 48px);pointer-events:none}
 .desktop-sides .desktop-side{position:static;transform:none;width:100%;display:flex;flex-direction:column;max-height:calc(100dvh - 48px);pointer-events:auto}
 .desktop-sides .desktop-side>*{flex-shrink:0}
 .desktop-sides .side-left{grid-column:1;grid-row:1}
 .desktop-sides .side-right{grid-column:3;grid-row:1}
 .side-left .side-strengths{margin-bottom:17px}
 .side-left .side-offer{margin-top:auto;margin-bottom:0}
 .side-right nav{margin-bottom:28px}
 .desktop-sides .side-right .side-contact{margin-top:auto}
}
@media(min-width:1041px) and (max-width:1250px){.desktop-sides{grid-template-columns:175px 660px 175px;column-gap:15px}}

/* Echo the first-view network image softly behind the desktop side content. */
@media(min-width:1041px){
 body{background-color:#f4f7fb;background-image:linear-gradient(#f4f7fbe6,#f4f7fbe6),url('assets/hero-night-network.png');background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
}
