:root{color-scheme:dark;--ink:#edf1e7;--muted:#bacac0;--forest:#101e1c;--deep:#091412;--paper:#f0eee3;--print:#1c302a;--moss:#c9e3a5;--fern:#28483a;--border:#3a5249;--radius:20px;font:16px/1.6 system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--forest);color:var(--ink)}img,video{display:block;max-width:100%}a{color:inherit;text-underline-offset:4px}a:focus-visible,audio:focus-visible,video:focus-visible{outline:3px solid #98c8a1;outline-offset:4px}section[id],article[id]{scroll-margin-top:24px}
.skip{position:absolute;left:12px;top:-100px;z-index:4;background:var(--paper);color:var(--print);padding:10px}.skip:focus{top:12px}
.wrap{width:min(1176px,calc(100% - 84px));margin-inline:auto}.top{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border)}.brand{text-decoration:none;font-weight:700}.brand small{color:var(--muted);font-weight:400;margin-left:8px}.top nav,.footer nav{display:flex;gap:25px;flex-wrap:wrap}.top nav a,.footer nav a{font-size:.91rem}
.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:58px 44px;align-items:center;padding-top:clamp(50px,8vw,100px);padding-bottom:45px}.hero-copy{position:relative;z-index:1}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;color:var(--moss)}.eyebrow span,.hero-visual figcaption span{display:inline-block;width:12px;height:1px;background:currentColor;vertical-align:middle;margin:0 7px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.06;margin:0;letter-spacing:-.04em}h1{font-size:clamp(62px,8.6vw,126px);line-height:.88}h1 em{font-size:.47em;letter-spacing:-.06em;color:var(--moss);font-weight:400;white-space:nowrap}h2{font-size:clamp(41px,5.5vw,77px)}h3{font-size:clamp(28px,3vw,43px)}p{margin:0 0 15px}.lede{color:var(--muted);max-width:510px;font-size:clamp(1.06rem,1.8vw,1.3rem);margin:28px 0 24px}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{min-height:46px;padding:10px 18px;border-radius:100px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;font-weight:650;font-size:.92rem;border:1px solid var(--border)}.primary{background:var(--moss);color:#13231c;border-color:var(--moss)}.primary:hover{background:#e2f0cb}.ghost:hover{background:#1e3430}
.hero-visual{margin:0;position:relative;display:grid;place-items:center;min-height:385px;isolation:isolate}.hero-visual::before{content:"";position:absolute;z-index:-1;inset:-7% -2% -2% -3%;border-radius:55% 41% 45% 47%;background:radial-gradient(ellipse at 35% 25%,#4a7355 0,transparent 64%),radial-gradient(ellipse at 72% 82%,#2a665e 0,transparent 68%),#172f28;border:1px solid #3e6152;transform:rotate(-10deg)}.hero-visual::after{content:"";position:absolute;z-index:-1;inset:2% 4% 3% 3%;border:1px solid #75958255;border-radius:46% 49% 43% 55%;transform:rotate(10deg)}
.screen-shell,.tour-screen{background:#081311;border:1px solid #4c6c5f;border-radius:22px;padding:15px;box-shadow:0 20px 43px #08120f55}.screen-shell img{width:min(31vw,327px);height:auto;image-rendering:pixelated;border-radius:10px}.hero-visual figcaption{color:#e2e9db;font-size:.8rem;position:relative;margin-top:12px}
.spec-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.spec-strip div{padding:15px 15px 18px 0}.spec-strip div+div{border-left:1px solid var(--border);padding-left:20px}.spec-strip dt{font:2.1rem/1.1 Georgia,serif;color:var(--moss)}.spec-strip dd{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.light{background:var(--paper);color:var(--print);color-scheme:light}.light .eyebrow{color:#47674e}.section-head{max-width:650px;margin-bottom:26px}.section-head>p:last-child{margin-top:12px}.tour{padding:73px 0 85px}.tour-select{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 19px}.tour-select a{padding:8px 15px;border:1px solid #a6b9a7;border-radius:99px;text-decoration:none;font-weight:650;font-size:.88rem}.tour-select a:hover{background:#dce7d2}.tour-select a[aria-current=step]{background:var(--fern);border-color:var(--fern);color:#f8fbf2}.step{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,68px);align-items:center;border:1px solid #c4d0bc;background:#e8eddf;border-radius:var(--radius);padding:clamp(22px,4vw,43px);margin:0 0 12px}.step[hidden]{display:none}.step p{margin-top:12px}.step ol{padding-left:23px;margin:8px 0 13px}.step li{padding-left:4px;margin-bottom:7px}.step li::marker{font-weight:700;color:#48694f}.small-note{font-size:.87rem;color:#456052}.tour-screen{margin:0;justify-self:start;width:min(100%,320px);color:var(--ink)}.tour-screen img{width:100%;height:auto;image-rendering:pixelated;border-radius:7px}.tour-screen figcaption{padding-top:8px;color:#d6e1d9;font-size:.76rem;letter-spacing:.04em}.textlink{font-weight:700;color:inherit}.textlink:hover{text-decoration-thickness:2px}
kbd{font:.78em system-ui,sans-serif;font-weight:750;white-space:nowrap;padding:.13em .3em;border-radius:4px;background:#d1dfce;color:#183025}
.listening{padding-block:72px}.listening .section-head>p:last-child,.listen-grid p{color:var(--muted)}.listen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.listen-grid article{display:flex;flex-direction:column;background:#162923;border:1px solid var(--border);border-radius:17px;padding:22px}.listen-grid h3{font-size:1.65rem;letter-spacing:-.025em}.listen-grid p{margin:9px 0 18px;flex:1}.listen-grid audio{display:block;width:100%;height:39px}
.film{padding-block:58px}.film-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:35px;align-items:center}.film-layout p:not(.eyebrow){margin:14px 0}.film video{width:100%;aspect-ratio:16/9;background:#101f1a;border-radius:16px}
.install{padding-block:72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.6fr);gap:42px;align-items:end}.install p:not(.eyebrow){color:var(--muted);margin:15px 0}.tool-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.tool-list a{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:12px;border-bottom:1px solid var(--border);font-weight:600}.tool-list span{color:var(--moss)}
.roadmap{background:#dfe7d3;padding-block:36px}.roadmap-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:20px;align-items:center}.roadmap h2{font-size:clamp(30px,3.8vw,49px)}.roadmap p:last-child{margin:0}.footer{display:flex;justify-content:space-between;align-items:start;gap:24px;padding-block:38px;color:var(--muted);font-size:.9rem}.footer strong{color:var(--ink)}.footer p{margin:6px 0 0;max-width:53ch}
@media(max-width:880px){.wrap{width:min(100% - 48px,1176px)}.hero{gap:40px 24px}.hero-visual{min-height:305px}.screen-shell img{width:min(32vw,288px)}.step{grid-template-columns:minmax(175px,.65fr) minmax(0,1.35fr)}.listen-grid article{padding:15px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.top{padding:13px 0;align-items:start;flex-direction:column;gap:6px}.top nav,.footer nav{gap:14px}.hero,.step,.film-layout,.install,.roadmap-inner,.listen-grid{grid-template-columns:1fr}.hero{gap:35px}.hero-visual{min-height:260px}.hero-visual::before{inset:0 6%}.hero-visual::after{inset:4% 9%}.screen-shell img{width:min(57vw,255px)}.spec-strip{grid-template-columns:repeat(2,1fr)}.spec-strip div{padding:12px}.spec-strip div:nth-child(odd){border-left:0;padding-left:0}.spec-strip div:nth-child(n+3){border-top:1px solid var(--border)}.spec-strip dt{font-size:1.75rem}.step{gap:17px}.tour-screen{width:min(100%,235px)}.tour,.listening,.install{padding-block:47px}.film,.roadmap{padding-block:35px}.footer{flex-direction:column}.listen-grid h3{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}