@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#202124;--muted:#777984;--green:#228844;--navy:#07151e;--soft:#f4f4f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:white;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}.nav{height:66px;background:#07151e;color:#edf3f5;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,80px);position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff17}.brand{font-size:23px;letter-spacing:.19em;font-weight:800}.brand span{font-weight:800}.brand i{display:inline-block;width:6px;height:6px;background:#70efba;border-radius:50%;vertical-align:top;margin:2px 0 0 4px}.nav nav{display:flex;gap:34px}.nav nav a{font-size:12px;color:#c8d3d8}.nav nav a:hover{color:white}.section{padding:110px 6%}.hero{background:var(--navy);color:#f0f5f6;min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:90px max(7%,calc((100vw - 1160px)/2)) 100px}.hero-copy{max-width:500px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--green);font-weight:800}.hero .eyebrow{color:#70ebd4;letter-spacing:.21em}.hero h1{font-size:clamp(54px,5.9vw,88px);line-height:1.08;letter-spacing:-.065em;font-weight:600;margin:32px 0 26px}.hero h1 em{font-style:normal;color:#b9cdd1}.lead{font-size:20px;line-height:1.55;color:#d4e1e3}.actions{display:flex;align-items:flex-start;flex-direction:column;gap:22px;margin-top:32px}.primary{background:#d2faeb;color:#06241d;border-radius:30px;padding:16px 22px;font-size:12px;font-weight:800}.primary span{margin-left:16px}.subtle{font-size:12px;color:#c9e9f4}.hero-art{min-height:570px;position:relative;display:flex;align-items:center;justify-content:center}.halo{position:absolute;width:95%;aspect-ratio:1;background:radial-gradient(circle,#24554c66,transparent 67%);filter:blur(24px)}.product-render{position:relative;width:min(100%,440px);height:auto;filter:drop-shadow(15px 25px 24px #0009);transform:rotate(-3deg)}.art-label{position:absolute;bottom:8px;font-size:9px;letter-spacing:.2em;color:#7199a7}.how{background:#fff;max-width:1170px;margin:auto;padding-top:120px;padding-bottom:125px}.how h2,.signal h2,.film h2{font-size:clamp(43px,4.1vw,66px);font-weight:650;line-height:1.08;letter-spacing:-.055em;margin:18px 0 22px}.how h2 em,.signal h2 em,.film h2 em{font-style:normal}.section-intro{color:#81818b;font-size:17px;line-height:1.55;max-width:550px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:70px}.steps article{border-top:1px solid #d6d8da;padding-top:25px}.step-num{color:#278a48;font-size:11px;letter-spacing:.14em;font-weight:800}.steps h3{font-size:26px;letter-spacing:-.035em;margin:30px 0 14px}.steps p{color:#85858e;line-height:1.7;font-size:15px}.signal{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:90px max(8%,calc((100vw - 1080px)/2)) 100px}.signal .section-intro{font-size:15px}.hint{font-size:14px;color:#888994;margin-top:26px}.signal-panel{background:#f5f5f7;min-height:380px;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.signal-orb{width:85px;height:85px;border-radius:50%;margin-bottom:24px;transition:all .2s}.signal-orb.green{background:#238947;box-shadow:0 0 42px #23894722}.signal-orb.blue{background:#328ce0;box-shadow:0 0 42px #328ce022}.signal-orb.red{background:#db454c;box-shadow:0 0 42px #db454c22}.signal-panel h3{font-size:27px;letter-spacing:-.04em;margin:0 0 6px}.signal-panel #signal-range{font-size:16px;margin:0 0 22px}.controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0}.controls button{border:1px solid #d9d9df;background:white;color:#292a2f;border-radius:25px;padding:9px 16px;font-size:13px;cursor:pointer}.controls button[aria-pressed=true]{background:#222226;border-color:#222226;color:white}.signal-text .controls{display:none}.swatch{display:none}.disclaimer{font-size:9px;letter-spacing:.05em;color:#9b9ba6;margin:23px 0 0}.film{background:#f5f5f7;text-align:center;padding:100px 6% 125px}.film .section-intro{margin:20px auto 45px}.film-frame{max-width:880px;margin:auto;background:white;border-radius:20px;overflow:hidden;box-shadow:0 12px 55px #1c29300b}.film-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff}.video-help{font-size:13px;color:#797b82;padding:0 15px 20px;margin:0}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#81838a;font-size:12px}footer span{font-weight:800;color:#27282c;letter-spacing:.1em}footer p{line-height:1.7}@media(max-width:850px){.hero,.signal{grid-template-columns:1fr}.hero{padding:85px 7% 55px;gap:10px}.hero-art{min-height:420px}.product-render{max-width:340px}.section{padding:80px 7%}.steps{grid-template-columns:1fr;gap:25px;margin-top:45px}.signal{gap:35px}.nav nav{gap:15px}.nav nav a{font-size:11px}footer{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.nav{padding:0 16px}.brand{font-size:17px}.nav nav a:nth-child(2){display:none}.hero h1{font-size:57px}.hero-art{min-height:350px}.signal-panel{min-height:350px}.film{padding:75px 5%}.film-frame{border-radius:12px}}

/* v3: match the archived white product hero */
.hero{background:#fff;color:#202124;min-height:650px;padding-top:72px;padding-bottom:80px}
.hero .eyebrow{color:#168d42;letter-spacing:.10em}
.hero h1{font-weight:700;letter-spacing:-.065em;line-height:1.06}
.hero h1 em{color:#202124}
.hero .lead{color:#777984}
.hero .primary{background:#202124;color:#fff}
.hero .subtle{color:#168d42}
.hero-art{min-height:540px}
.hero-art .halo{display:none}
.hero-art .product-render{width:auto;max-width:100%;height:540px;object-fit:contain;transform:none;filter:none;mix-blend-mode:multiply}
.hero-art .art-label{display:none}
@media(max-width:750px){.hero{padding-top:70px;min-height:unset}.hero-art{min-height:350px}.hero-art .product-render{height:350px}}