.case-nav{display:flex;gap:clamp(15px,2vw,32px);margin-left:auto}.case-nav a{color:#d9dcde;font-size:13px;font-weight:650}.case-nav a:hover{color:var(--lime)}
.case-hero{padding-block:clamp(80px,10vw,140px) 80px}.case-hero h1{max-width:1060px;font-size:clamp(48px,7vw,96px)}.case-hero h1 span{color:var(--lime)}.case-lead{max-width:820px;font-size:clamp(19px,2vw,27px);color:#dce1e2}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.case-stats>div{padding:23px;border-top:2px solid var(--lime);background:#171b1e}.case-stats strong{display:block;color:var(--lime);font-size:clamp(34px,4vw,54px);line-height:1.1}.case-stats span{color:var(--muted);font-size:13px}.case-note{margin:20px 0 0;padding:12px 15px;border-left:2px solid #7e8b6a;color:#b7bec1;background:#ffffff08;font-size:12px;line-height:1.6}
.case-origin{max-width:760px;color:#aeb3b8;font-size:13px}
.case-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-card{padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#1c2223,#101315);min-height:240px}.case-card>span,.case-browser-bar,.blog-grid article>span,.blog-sample-head>span{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.15em}.case-card h3{margin-top:28px;font-size:24px}.case-card p{margin:0;font-size:14px}.case-stack{display:grid;grid-template-columns:1.4fr .6fr;gap:36px;align-items:end;margin-top:22px;padding:29px;border:1px solid var(--line-bright);background:#0e1113}.case-stack h3{font-size:29px}.case-stack p{margin-bottom:0}.case-stack .case-note{margin:0}
.case-browser{overflow:hidden;border:1px solid #637075;background:#0a1821;box-shadow:0 25px 65px #0008}.case-browser-bar{display:flex;align-items:center;gap:5px;padding:13px 18px;border-bottom:1px solid #425058;background:#141a1e}.case-browser-bar i{width:7px;height:7px;border:1px solid #89949a;border-radius:50%}.case-browser-bar span{margin-left:12px;color:#b7c0c4}.project-sample{display:grid;grid-template-columns:1.1fr .9fr;min-height:520px}.project-photo{background:#101416}.project-copy{align-content:center;padding:clamp(28px,5vw,75px);background:#071c2b}.solar-kicker{color:#f5a43c;font-size:12px;font-weight:900;letter-spacing:.14em}.project-copy h3{margin:22px 0;color:#ffc400;font-size:clamp(36px,4vw,60px);text-transform:uppercase}.project-copy p{color:#e5ebed}.project-meta{display:flex;gap:34px;padding-top:24px;border-top:1px solid #ffffff66;color:#f5a43c;font-size:10px;font-weight:800;letter-spacing:.12em}.project-meta b{color:#fff;font-size:13px;letter-spacing:0}
.blog-sample{padding:clamp(26px,4vw,55px);background:#f4f6f5;color:#102a3a}.blog-sample-head{text-align:center}.blog-sample-head>span{color:#d77a14}.blog-sample-head h3{max-width:740px;margin:14px auto 35px;font-size:clamp(33px,4vw,52px);text-transform:uppercase}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.blog-grid article{min-height:260px;padding:28px;border-top:4px solid #ed9a03;background:#fff}.blog-grid article>span{color:#d97715}.blog-grid h4{font-size:22px;line-height:1.15;margin:28px 0 15px}.blog-grid p{color:#536777;font-size:14px}
.speed-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px;padding:clamp(28px,4vw,52px);border:1px solid var(--line-bright);background:linear-gradient(145deg,#1c2223,#0c0f11)}.speed-panel strong{color:var(--lime);font-size:clamp(65px,8vw,112px);line-height:1}.speed-panel strong span{font-size:23px;color:var(--muted)}.speed-panel small{color:var(--soft)}.speed-panel h3{font-size:29px}.speed-panel li{margin-bottom:8px;color:var(--muted)}.speed-panel ul{padding-left:20px}
@media(max-width:1000px){.case-nav{display:none}.case-layout-grid{grid-template-columns:1fr 1fr}.case-stack,.project-sample,.speed-panel{grid-template-columns:1fr}.project-photo{min-height:360px}}@media(max-width:720px){.case-hero{padding-block:65px}.case-hero h1{font-size:clamp(43px,11vw,65px)}.case-stats,.case-layout-grid,.blog-grid{grid-template-columns:1fr}.case-stats{gap:8px;margin-top:30px}.case-stats>div{padding:15px}.case-card{min-height:0}.case-stack{padding:20px}.project-photo{min-height:240px}.project-copy{padding:35px 24px}.blog-grid article{min-height:0}.speed-panel{gap:20px}}
.site-capture{margin:36px 0 0;overflow:hidden;border:1px solid var(--line-bright);background:#101416;box-shadow:0 22px 48px #0006}.site-capture img{display:block;width:100%;height:auto}.site-capture figcaption{padding:14px 18px;color:var(--muted);font-size:12px;line-height:1.5}.case-card a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.case-card a:hover,.case-stack a:hover{color:#fff}.case-stack a{color:var(--lime)}.case-hero{padding-top:clamp(60px,8vw,110px)}
@media(max-width:720px){.site-capture{margin-top:26px}.site-capture figcaption{padding:12px}.case-stats strong{font-size:32px}.footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-inner>*{margin:0}.footer-inner .brand-lockup{max-width:100%}.footer-inner .brand-lockup strong{font-size:clamp(21px,6vw,29px)}}
@media(max-width:720px){.footer-inner .brand-lockup{order:1}.footer-inner p{order:2}.footer-inner>a:last-child{order:3}}
.score-card{position:relative;overflow:hidden;border-top:2px solid var(--lime);background:radial-gradient(circle at 100% 0%,#d5ff3f1b,transparent 55%),linear-gradient(145deg,#202829,#101315)}
.score-card h3{margin:23px 0 14px;color:var(--text);font-size:clamp(58px,6vw,82px);line-height:1;letter-spacing:-.05em}
.score-card h3 small{color:var(--muted);font-size:22px;letter-spacing:0;font-weight:500}
.analytics-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.analytics-evidence .site-capture{margin-top:24px}.analytics-evidence a{display:block}.analytics-evidence img{width:100%;height:auto}@media(max-width:720px){.analytics-evidence{grid-template-columns:1fr}}
/* Give the story, evidence, and metrics room to breathe. */
.glass-outcomes{display:block;width:100%;height:auto;margin:clamp(32px,5vw,62px) 0 0;border:1px solid var(--line);border-radius:12px}
.case-hero .case-stats{margin-top:24px}
.section-heading{margin-bottom:clamp(32px,4vw,58px)}
.case-layout-grid{gap:clamp(18px,2vw,26px)}
.case-stack{margin-top:clamp(32px,4vw,56px)}
#activity .case-stats{margin-bottom:26px}
#activity .analytics-evidence{margin-top:clamp(28px,4vw,50px)}
#search .section-heading:not(:first-child){margin-top:clamp(56px,7vw,90px)}
@media(max-width:720px){.glass-outcomes{margin-top:32px}.section-heading{margin-bottom:28px}.case-stack{margin-top:32px}}
.case-hero .build-heading{margin:clamp(48px,6vw,80px) 0 18px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.15em}.case-hero .glass-build{margin-top:0}.case-hero .build-inventory{margin-top:24px}
.flagship-stats{margin-top:40px!important}.flagship-stats>div{border-radius:10px;border:1px solid var(--line);border-top:2px solid var(--lime);background:linear-gradient(140deg,#25302d,#121719);padding:28px}.flagship-role{font-size:14px;color:var(--muted);margin-top:24px}.flagship-role span{color:var(--lime);padding:0 8px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}.hero-actions>a:last-child{color:var(--lime);font-size:14px}.delivery-art{max-height:280px;object-fit:contain;margin:0 0 32px}.build-inventory{margin-bottom:24px}.build-inventory+.case-note{margin-bottom:32px}
@media(min-width:1001px){#migration .case-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.flagship-stats>div{padding:20px}.flagship-role{line-height:1.9}.hero-actions{gap:18px}.delivery-art{max-height:none}}
/* Keep the project outcomes visible in the opening viewport. */
.case-hero{padding-top:clamp(44px,5vw,72px)}.case-hero h1{max-width:1200px;font-size:clamp(44px,5.5vw,78px)}.case-hero .case-lead{font-size:clamp(18px,1.8vw,24px);max-width:900px}.case-hero .flagship-stats{margin-top:30px!important}
.build-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:32px}.build-panel{padding:16px;border:1px solid var(--line);background:linear-gradient(145deg,#151b1d,#0b1014);text-align:center}.build-panel-title{display:block;width:100%;height:auto}.build-panel-icon{display:block;width:100%;max-width:300px;height:auto;aspect-ratio:1;object-fit:contain;margin:18px auto}.build-panel h3{margin:14px 0 6px;font-size:22px;color:var(--lime)}.build-panel p{font-size:14px;margin:0 0 14px;color:var(--muted)}@media(max-width:720px){.build-showcase{grid-template-columns:1fr}.build-panel-icon{max-width:260px}}