:root{--ink:#11161b;--muted:#69747a;--cyan:#09c3d1;--lime:#d4f437;--dark:#0b1217;--cond:'Barlow Condensed',sans-serif;--body:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f5f4;color:var(--ink);font-family:var(--body)}a{text-decoration:none;color:inherit}img{display:block;width:100%}.page-header{height:76px;padding:0 5vw;background:#fff;display:flex;align-items:center;border-bottom:1px solid #e2e7e8;position:sticky;top:0;z-index:9}.brand{display:flex;align-items:center;gap:10px;font:800 22px var(--cond);letter-spacing:1px}.brand i{font-style:normal;background:var(--cyan);padding:5px 10px;clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}.page-header nav{margin:auto;display:flex;gap:30px}.page-header nav a{font-size:12px;font-weight:700}.page-header nav a.active{color:#0099a6}.nav-cta{background:var(--lime);padding:15px 20px;font-size:12px;font-weight:800}.page-hero{padding:95px 7vw 75px;background:var(--dark);color:#fff}.eyebrow{font-size:10px;color:var(--cyan);letter-spacing:2px;font-weight:800}.page-hero h1{font:800 clamp(64px,8vw,122px)/.82 var(--cond);letter-spacing:-2px;margin:25px 0}.page-hero h1 span{color:var(--cyan)}.page-hero p{max-width:650px;color:#a7b1b5;line-height:1.7}.crumbs{font-size:10px;color:#7e8a8f;margin-bottom:35px}.page-main{padding:80px 7vw}.intro-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.intro-row h2,.detail-copy h1{font:800 clamp(42px,5vw,72px)/.9 var(--cond);margin:0}.intro-row p{max-width:460px;color:var(--muted);line-height:1.7}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card{background:#fff;border:1px solid #e0e5e6;transition:.25s}.content-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #17232a16}.content-card figure{height:350px;margin:0;overflow:hidden}.content-card img{height:100%;object-fit:cover}.content-card:nth-child(1) img{object-position:center 35%}.content-card:nth-child(2) img{object-position:center 35%}.content-card:nth-child(3) img{object-position:center 22%}.card-copy{padding:24px}.card-copy small{font-size:9px;color:#00a5b2;font-weight:800;letter-spacing:1.4px}.card-copy h2{font:700 30px var(--cond);margin:8px 0}.card-copy p{font-size:12px;color:var(--muted);line-height:1.6;min-height:58px}.learn{display:flex;justify-content:space-between;border-top:1px solid #e5e9ea;padding-top:16px;font-size:11px;font-weight:800}.info-band{margin-top:70px;background:var(--cyan);padding:45px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.info-band small{display:block;font-size:8px;letter-spacing:1.2px;margin-bottom:8px}.info-band strong{font:700 22px var(--cond)}.detail-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:start}.detail-media{height:720px;overflow:hidden;background:#ddd}.detail-media img{height:100%;object-fit:cover;object-position:center 35%}.detail-copy{padding-top:25px}.detail-copy .tag{font-size:9px;font-weight:800;color:#00a4b0;letter-spacing:1.5px}.detail-copy p{color:var(--muted);line-height:1.75}.specs{margin:32px 0;border-top:1px solid #cbd2d4}.specs div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #cbd2d4;font-size:12px}.specs span{color:var(--muted)}.detail-actions{display:flex;gap:12px;margin-top:28px}.btn{background:var(--lime);padding:16px 22px;font-size:12px;font-weight:800}.btn.alt{background:#182229;color:#fff}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ced5d7;margin-top:55px}.case-metrics div{background:#fff;padding:28px}.case-metrics strong{display:block;font:700 35px var(--cond)}.case-metrics span{font-size:10px;color:var(--muted)}.site-footer{padding:35px 7vw;background:#080e12;color:#8c999e;display:flex;justify-content:space-between;font-size:10px}.site-footer b{color:#fff;font:700 20px var(--cond)}@media(max-width:850px){.page-header nav{display:none}.card-grid{grid-template-columns:1fr}.content-card figure{height:480px}.intro-row{display:block}.intro-row p{margin-top:20px}.info-band{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr}.detail-media{height:620px}}@media(max-width:520px){.page-header{padding:0 18px}.nav-cta{margin-left:auto}.page-hero,.page-main{padding-left:20px;padding-right:20px}.content-card figure{height:410px}.info-band{grid-template-columns:1fr}.detail-media{height:500px}.case-metrics{grid-template-columns:1fr}.site-footer{display:block}.site-footer span{display:block;margin-top:8px}}