:root{
  --bg:#090b0f;--panel:#0f1319;--panel-2:#151a22;--panel-3:#1b222c;--line:#27303d;--line-2:#354152;
  --text:#f6f7f9;--muted:#939eae;--muted-2:#667181;--lime:#c9ff57;--mint:#73f2b3;--blue:#73a8ff;--pink:#ff7cad;--orange:#ffb35c;
  --danger:#ff7c86;--focus:#a9ccff;--shadow:0 30px 80px rgba(0,0,0,.35);--radius:22px;--shell:1240px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);background:
radial-gradient(circle at 10% 2%,rgba(115,168,255,.10),transparent 27rem),
radial-gradient(circle at 90% 11%,rgba(201,255,87,.07),transparent 26rem),var(--bg);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}
a{color:inherit}button{color:inherit}
:where(button,a,select,input,summary):focus-visible{outline:2px solid #07090d;outline-offset:2px;box-shadow:0 0 0 5px var(--focus)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.shell{width:min(var(--shell),calc(100% - 32px));margin-inline:auto}
.skip-link{position:fixed;z-index:9999;left:12px;top:-80px;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.brand-symbol{display:block;width:40px;height:40px;flex:0 0 40px;border-radius:9px;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.22)}
.brand-symbol img{display:block;width:100%;height:100%}
.brand-wordmark{display:inline-flex;align-items:baseline;gap:7px;line-height:1}
.brand-main{font-family:"Arial Narrow","Roboto Condensed",Inter,system-ui,sans-serif;font-size:16px;font-weight:950;letter-spacing:.015em;color:#f6f5f0;text-shadow:0 1px 0 #000}
.brand-dotcom{font-size:10px;font-weight:950;letter-spacing:.16em;color:var(--lime);transform:translateY(-1px)}
.site-footer .brand-symbol{width:34px;height:34px;flex-basis:34px}.site-footer .brand-main{font-size:14px}.site-footer .brand-dotcom{font-size:9px}
.header-actions{display:flex;align-items:center;gap:10px}.private-pill{font-size:12px;color:#b6c0ce;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.018)}.private-pill span{color:var(--mint);font-size:9px;margin-right:5px}
.quiet-button,.text-button{border:0;background:none;color:#aeb8c6;cursor:pointer;padding:8px 10px;min-height:44px;font-weight:750}.quiet-button:hover,.text-button:hover{color:#fff}
.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:52px;align-items:center;padding-top:76px;padding-bottom:70px}
.kicker{margin:0 0 12px;color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.hero h1{font-size:clamp(46px,7.7vw,96px);line-height:.92;letter-spacing:-.07em;margin:0;max-width:920px}.hero h1 em{font-style:normal;color:#8f99a8}
.hero-sub{font-size:18px;color:#a8b1be;max-width:700px;margin:24px 0 0}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.button{min-height:44px;border-radius:12px;border:1px solid var(--line);padding:10px 15px;background:var(--panel-2);font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button:hover{transform:translateY(-1px);border-color:#465466}.button-primary{background:var(--lime);color:#11160b;border-color:transparent;padding-inline:19px}.button-ghost{background:rgba(255,255,255,.025)}.button-accent{background:linear-gradient(135deg,#8ff4c0,#b9ff70);color:#08140e;border-color:transparent}.button-export{background:#e9eef7;color:#0d1117;border-color:transparent}.button-play{background:var(--blue);color:#07101d;border-color:transparent;min-width:104px}.button-play.playing{background:var(--pink);color:#1b0710}
.trust-line{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:23px;color:#707b8c;font-size:12px}.trust-line span::before{content:"✓";color:var(--mint);font-weight:900;margin-right:6px}
.hero-card{justify-self:end;width:min(100%,340px);aspect-ratio:.86;border:1px solid var(--line);border-radius:28px;padding:22px;background:linear-gradient(160deg,#171d26,#0e1117 55%);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(201,255,87,.08),transparent 36%);animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-card>*{position:relative}.hero-card-top{display:flex;justify-content:space-between;font-size:10px;color:#8f99a8;font-weight:900;letter-spacing:.14em}.hero-card-top b{color:var(--lime)}.mini-wave{height:150px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:28px}.mini-wave i{width:8px;border-radius:9px;background:linear-gradient(var(--lime),var(--mint));opacity:.9}.mini-wave i:nth-child(1){height:32px}.mini-wave i:nth-child(2){height:74px}.mini-wave i:nth-child(3){height:48px}.mini-wave i:nth-child(4){height:108px}.mini-wave i:nth-child(5){height:82px}.mini-wave i:nth-child(6){height:126px}.mini-wave i:nth-child(7){height:64px}.mini-wave i:nth-child(8){height:97px}.mini-wave i:nth-child(9){height:43px}.mini-wave i:nth-child(10){height:118px}.mini-wave i:nth-child(11){height:78px}.mini-wave i:nth-child(12){height:29px}.hero-card-title{font-size:22px;font-weight:950;letter-spacing:-.04em;margin-top:20px}.hero-card-meta{color:#788496;font-size:12px;margin-top:5px}
.studio{padding-top:24px;padding-bottom:72px}.studio-titlebar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.studio-titlebar h2,.section-heading h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.055em;line-height:1;margin:0}.studio-status{color:#8490a0;font-size:12px;margin:0;padding-bottom:4px;max-width:380px;text-align:right}
.machine{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.transport{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:#0c1015}.transport-main,.transport-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.icon-button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;font-size:20px}.icon-button:disabled{opacity:.35;cursor:not-allowed}
.controls{display:grid;grid-template-columns:repeat(4,minmax(120px,.7fr)) repeat(3,minmax(155px,1.1fr));gap:10px;padding:14px;border-bottom:1px solid var(--line);background:#11161d}.field,.range-field{display:flex;flex-direction:column;gap:5px;min-width:0}.field span,.range-field span{font-size:10px;color:#7e8999;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.field select{width:100%;height:44px;border-radius:9px;border:1px solid var(--line);background:#0b0f14;color:#e7eaf0;padding:0 9px}.range-field>span{display:flex;justify-content:space-between;gap:8px}.range-field output{color:#dce2ea;font-variant-numeric:tabular-nums}.range-field input{width:100%;accent-color:var(--lime);min-height:24px}
.scene-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);overflow-x:auto}.scene-tabs{display:flex;gap:5px}.scene-tab{width:44px;height:44px;border-radius:9px;border:1px solid var(--line);background:#11161d;color:#758092;font-weight:900;cursor:pointer}.scene-tab.active{background:#eaf1fa;color:#0d1116;border-color:transparent}.scene-tab.playing-scene{box-shadow:0 0 0 2px var(--lime) inset}.toggle{display:flex;align-items:center;gap:7px;color:#a8b1bf;font-size:12px;font-weight:750;white-space:nowrap;margin-left:8px}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle span{width:34px;height:20px;border-radius:999px;border:1px solid var(--line-2);background:#171d26;position:relative}.toggle span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:2px;top:2px;background:#6f7a89;transition:.15s}.toggle input:checked+span{background:#29391e;border-color:#54732d}.toggle input:checked+span:after{left:16px;background:var(--lime)}.toggle input:focus-visible+span{outline:2px solid #07090d;outline-offset:2px;box-shadow:0 0 0 5px var(--focus)}.danger-text{color:#ba7b82}
.grid-scroller{overflow-x:auto;padding:10px 14px 14px;background:#0e1218}.sequencer{min-width:1180px}.step-header,.track-row{display:grid;grid-template-columns:220px repeat(16,minmax(40px,1fr));gap:6px;align-items:center}.step-header{margin-bottom:5px}.step-header span{font-size:10px;color:#8793a3;font-weight:900;text-align:center}.step-header span:first-child{text-align:left}.track-row{margin:7px 0}.track-info{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"name lock mute" "vol vol vol";column-gap:6px;padding-right:8px;align-items:center}.track-name{grid-area:name;font-size:12px;font-weight:950;letter-spacing:.04em}.track-mute{width:44px;height:44px}.track-lock{width:52px;height:44px}.track-mute,.track-lock{border-radius:7px;border:1px solid var(--line);background:#161c25;color:#a0aab8;font-size:10px;font-weight:950;cursor:pointer}.track-mute{grid-area:mute}.track-lock{grid-area:lock;font-size:9px;letter-spacing:.045em}.track-mute.active{background:#40202a;color:#ff9aaa;border-color:#6c2d3e}.track-lock.active{background:#29391e;color:var(--lime);border-color:#54732d;box-shadow:0 0 0 1px rgba(201,255,87,.08) inset}.track-volume{grid-area:vol;width:100%;accent-color:#8897aa;min-height:24px}.step{min-width:44px;min-height:44px;aspect-ratio:1;border:1px solid #283241;background:#151b23;border-radius:9px;cursor:pointer;position:relative}.step:nth-of-type(4n+2){border-left-color:#46546a}.step:hover{border-color:#596a82}.step.on{background:linear-gradient(145deg,var(--mint),#35c88c);border-color:transparent;box-shadow:0 6px 18px rgba(76,225,158,.11)}.track-row[data-track="snare"] .step.on{background:linear-gradient(145deg,#79a9ff,#5577ec)}.track-row[data-track="clap"] .step.on{background:linear-gradient(145deg,#ff8dc2,#c262e2)}.track-row[data-track="hat"] .step.on{background:linear-gradient(145deg,#f5e76b,#d8b936)}.track-row[data-track="openhat"] .step.on{background:linear-gradient(145deg,#ffd270,#ed8f36)}.track-row[data-track="perc"] .step.on{background:linear-gradient(145deg,#8fe2f3,#50a7d6)}.track-row[data-track="bass"] .step.on{background:linear-gradient(145deg,#d8ff63,#8cc72f)}.track-row[data-track="chord"] .step.on{background:linear-gradient(145deg,#c2a1ff,#7760dc)}.step.now:after{content:"";position:absolute;left:20%;right:20%;bottom:-5px;height:3px;border-radius:999px;background:#fff;box-shadow:0 0 9px rgba(255,255,255,.75)}.step strong{font-size:8px;color:rgba(0,0,0,.55);position:absolute;inset:auto 3px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}.track-row[data-track="bass"] .step.on strong,.track-row[data-track="chord"] .step.on strong{display:block}
.bottom-strip{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding:10px 14px;background:#0b0f14}.bottom-strip p{margin:0;color:#8793a3;font-size:12px}.bottom-strip strong{color:#9aa5b4}
.proof,.genre-section,.faq{padding-top:48px;padding-bottom:54px}.section-heading{max-width:780px}.section-heading>p:last-child{color:#8d98a8;font-size:17px;margin:17px 0 0;max-width:670px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.proof-grid article{border:1px solid var(--line);border-radius:18px;background:#0d1116;padding:22px}.proof-grid article>span{font-size:10px;color:var(--lime);font-weight:900}.proof-grid h3{margin:40px 0 7px;font-size:22px;letter-spacing:-.035em}.proof-grid p{margin:0;color:#8792a2;font-size:14px}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.genre-card{min-height:150px;text-align:left;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#121821,#0c1015);padding:18px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.genre-card:hover{border-color:#47566b}.genre-card span{color:#8490a0;font-size:11px;font-weight:850}.genre-card strong{font-size:24px;letter-spacing:-.04em;margin-top:auto}.genre-card small{color:#8994a4}.faq{max-width:920px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:850}.faq details p{color:#8f9aaa;max-width:760px;margin:10px 0 2px}.site-footer{border-top:1px solid var(--line);margin-top:40px;background:#080a0e}.footer-inner{min-height:180px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding-top:28px;padding-bottom:28px}.footer-inner>div p,.footer-note{color:#8793a3;font-size:12px}.footer-inner nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.footer-inner nav a{font-size:12px;color:#a0aab8}.footer-note{grid-column:1/-1;margin:0}
.legal{max-width:820px;padding-top:70px;padding-bottom:90px}.legal h1{font-size:clamp(42px,7vw,72px);letter-spacing:-.06em;line-height:1;margin:0 0 18px}.legal .lede{font-size:18px;color:#9ba5b4}.legal h2{margin-top:38px;letter-spacing:-.03em}.legal p,.legal li{color:#a2acba}.legal .notice{border:1px solid var(--line);background:#10151c;border-radius:14px;padding:14px;color:#b9c2ce}.legal time{color:#748091;font-size:12px;font-weight:800}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;background:#edf4ff;color:#0b1118;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:850;box-shadow:0 14px 40px rgba(0,0,0,.35)}
@media(max-width:1040px){.hero{grid-template-columns:1fr}.hero-card{display:none}.controls{grid-template-columns:repeat(4,1fr)}.range-field{grid-column:span 2}.proof-grid{grid-template-columns:1fr}.genre-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.brand{gap:8px}.brand-symbol{width:34px;height:34px;flex-basis:34px}.brand-main{font-size:13px}.brand-dotcom{font-size:8px;letter-spacing:.1em}.shell{width:min(100% - 18px,var(--shell))}.site-header{height:64px}.private-pill{display:none}.hero{padding-top:46px;padding-bottom:48px}.hero h1{font-size:clamp(44px,15vw,68px)}.hero-sub{font-size:16px}.studio-titlebar{display:block}.studio-status{text-align:left;margin-top:8px}.machine{border-radius:18px}.transport{align-items:stretch;flex-direction:column}.transport-main,.transport-actions{display:grid;grid-template-columns:repeat(2,1fr)}.transport-actions .icon-button{display:none}.transport-actions .button-export{grid-column:1/-1}.controls{grid-template-columns:repeat(2,1fr)}.range-field{grid-column:span 2}.scene-row{padding-inline:10px}.toggle{margin-left:0}.grid-scroller{padding-inline:10px}.bottom-strip{align-items:flex-start}.bottom-strip p{max-width:80%}.genre-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-inner nav{justify-content:flex-start}.footer-note{grid-column:auto}}


summary:focus-visible{border-radius:4px}
@media(forced-colors:active){.step.on,.button-primary,.button-accent,.button-play,.button-export{forced-color-adjust:none}.track-lock.active,.track-mute.active{outline:2px solid ButtonText}.brand-symbol{outline:1px solid CanvasText}}
@media(prefers-contrast:more){:root{--muted:#b8c2cf;--muted-2:#97a3b3;--line:#4a586a;--line-2:#5e6f84}.step{border-color:#536175}.studio-status,.bottom-strip p,.genre-card span{color:#b8c2cf}}

/* Final GrooveMachine.com identity and audited interaction refinements */
:root{--muted-2:#748193}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand{gap:11px}
.brand-symbol{width:42px;height:42px;flex-basis:42px;border-radius:11px}
.brand-wordmark{display:inline-flex;align-items:flex-end;gap:7px;line-height:1}
.brand-lines{display:flex;flex-direction:column;font-family:"Liberation Sans Narrow","Arial Narrow",ui-sans-serif,system-ui,sans-serif;font-stretch:condensed;font-size:12px;font-weight:900;line-height:.82;letter-spacing:.065em;color:#f7f7f3;text-shadow:0 1px 0 #000}
.brand-dotcom{align-self:flex-end;margin-bottom:-1px;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:8px;letter-spacing:.12em;color:var(--lime);transform:none}
.site-footer .brand-symbol{width:38px;height:38px;flex-basis:38px}.site-footer .brand-lines{font-size:11px}.site-footer .brand-dotcom{font-size:7px}

.hero-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:.86;padding:25px;background:radial-gradient(circle at 52% 38%,rgba(201,255,87,.09),transparent 42%),linear-gradient(155deg,#171d26,#090c11 64%)}
.hero-card:before{inset:-35%;background:conic-gradient(from 20deg,transparent,rgba(201,255,87,.06),transparent 31%,rgba(115,168,255,.05),transparent 62%)}
.hero-brand-icon{display:block;width:min(68%,210px);height:auto;filter:drop-shadow(0 20px 28px rgba(0,0,0,.46))}
.hero-poster-wordmark{display:grid;grid-template-columns:1fr auto;align-items:end;width:100%;max-width:255px;margin-top:2px;font-family:"Liberation Sans Narrow","Arial Narrow",ui-sans-serif,system-ui,sans-serif;font-stretch:condensed;font-weight:900;line-height:.78;letter-spacing:.045em}
.hero-poster-wordmark span{grid-column:1;font-size:30px;color:#f7f7f3}.hero-poster-wordmark b{grid-column:2;grid-row:2;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:14px;letter-spacing:.08em;color:var(--lime);padding-left:8px}
.hero-card>p{margin:7px 0 0;color:#9fa9b7;font-size:9px;font-weight:850;letter-spacing:.17em;text-align:center}
.hero-poster-steps{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;width:100%;max-width:245px;margin-top:10px}.hero-poster-steps i{height:5px;border-radius:99px;background:#313b48}.hero-poster-steps i:nth-child(1),.hero-poster-steps i:nth-child(5),.hero-poster-steps i:nth-child(9){background:var(--lime);box-shadow:0 0 10px rgba(201,255,87,.42)}.hero-poster-steps i:nth-child(3),.hero-poster-steps i:nth-child(7),.hero-poster-steps i:nth-child(11){background:var(--mint)}

.controls{grid-template-columns:repeat(4,minmax(112px,.72fr)) repeat(4,minmax(142px,1fr))}
.range-field input,.track-volume{min-height:44px}
.toggle{min-height:44px}
.step:focus-visible{position:relative;z-index:2;outline:2px solid #07090d;outline-offset:2px;box-shadow:0 0 0 5px var(--lime)}
.grid-scroller{scrollbar-color:#48576a #0b0f14;scrollbar-width:thin}
button:disabled{cursor:not-allowed;opacity:.55}
.faq summary{display:flex;align-items:center;min-height:44px}
.footer-inner nav a{display:inline-flex;align-items:center;min-height:44px}

@media(max-width:1040px){.controls{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.brand-symbol{width:36px;height:36px;flex-basis:36px}.brand-lines{font-size:10px}.brand-dotcom{font-size:7px}.site-footer .brand-symbol{width:34px;height:34px;flex-basis:34px}.controls{grid-template-columns:repeat(2,1fr)}}

/* Release-audit refinements */
body{min-width:320px}
.sequencer-skip{display:inline-flex;align-items:center;min-height:44px;margin:8px 14px 0;color:#b8c2cf;font-size:12px;font-weight:800}
.sequencer-skip:not(:focus-visible){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.track-info{min-width:0}
.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.range-field input,.track-volume{cursor:pointer}
@media(forced-colors:active){:where(button,a,select,input,summary):focus-visible,.step:focus-visible,.toggle input:focus-visible+span{outline:3px solid Highlight;box-shadow:none}.brand-symbol{forced-color-adjust:none}}

/* About: Logic by Machine / a dark working archive */
.about-body{background:#080909;background-image:radial-gradient(circle at 78% 10%,rgba(111,128,122,.10),transparent 32rem),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,100% 32px}
.about-body .site-header{border-bottom-color:#242724}
.about-page{width:min(1180px,calc(100% - 32px));padding-top:50px;padding-bottom:90px}
.about-intro{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,82px);align-items:end;padding-bottom:72px;border-bottom:1px solid #2a2d2a}
.about-intro-copy{padding-bottom:30px}
.about-intro h1{max-width:670px;margin:0;font-size:clamp(48px,6.8vw,86px);line-height:.93;letter-spacing:-.065em}
.about-intro h1 em{display:block;margin-top:.16em;color:#9ba39e;font-style:normal;font-weight:650}
.about-intro .lede{max-width:570px;margin:26px 0 0;color:#adb3af;font-size:clamp(17px,2vw,21px);line-height:1.55}
.history-collage{position:relative;margin:0;border:1px solid #41433f;background:#0b0c0c;box-shadow:0 32px 80px rgba(0,0,0,.46)}
.history-collage:after{content:"";position:absolute;inset:0 0 55px;pointer-events:none;box-shadow:inset 0 0 70px rgba(0,0,0,.32);background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(10,12,11,.08) 3px 4px)}
.history-collage img{display:block;width:100%;height:auto;filter:saturate(.86) contrast(1.03)}
.history-collage figcaption{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:15px 17px;border-top:1px solid #343633;color:#8f9691;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:11px;line-height:1.5}
.history-collage figcaption span{color:#d0d4d0;font-weight:800;letter-spacing:.08em}
.about-story{padding-top:0}
.origin-story{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(40px,8vw,110px);padding:82px 0}
.origin-story h2,.logic-header h2,.free-section h2{margin:0;font-size:clamp(38px,5.3vw,66px);line-height:1;letter-spacing:-.057em}
.story-copy p{max-width:680px;margin:0 0 20px;color:#b4bab6;font-size:17px;line-height:1.76}
.story-copy p:first-child{color:#eef0ed;font-size:20px}
.logic-archive{padding:68px 0 0;border-top:1px solid #3b3e3a;border-bottom:1px solid #3b3e3a}
.logic-header{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);column-gap:clamp(40px,8vw,110px);align-items:end;padding-bottom:38px}
.logic-header .kicker{grid-column:1/-1}
.logic-header>p:last-child{max-width:520px;margin:0;color:#929a94;font-size:16px;line-height:1.65}
.logic-history{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-top:1px solid #30332f;list-style:none}
.logic-history li{display:flex;min-height:210px;flex-direction:column;padding:26px 28px 30px;border-right:1px solid #30332f}
.logic-history li:last-child{border-right:0}
.logic-history time{margin-bottom:auto;color:#c9ff57;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.logic-history strong{margin-top:32px;color:#eef0ed;font-size:18px;line-height:1.25}
.logic-history span{margin-top:8px;color:#818984;font-size:13px;line-height:1.55}
.logic-foot{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:44px;align-items:center;padding:34px 0;border-top:1px solid #30332f}
.logic-foot>p{max-width:680px;margin:0;color:#a7aea9;font-size:15px;line-height:1.65}
.logic-foot>p a,.about-link,.about-signoff a{color:#e9ece8;text-decoration-color:#687069;text-decoration-thickness:1px;text-underline-offset:4px}
.logic-foot>p a:hover,.about-link:hover,.about-signoff a:hover{color:var(--lime);text-decoration-color:var(--lime)}
.logic-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.about-link{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-size:12px;font-weight:850;letter-spacing:.035em}
.machine-note{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;margin:58px 0 0;padding:25px 0;border-top:1px solid #5f4b3a;border-bottom:1px solid #5f4b3a}
.machine-note .kicker{margin:3px 0 0;color:#d9a778}
.machine-note>p:last-child{max-width:820px;margin:0;color:#c2c6c1;font-size:18px;line-height:1.6}
.free-section{max-width:940px;margin:94px 0 0 12%;padding:0}
.free-section h2{max-width:900px;margin-bottom:30px}
.free-section>p{max-width:760px;margin:0 0 19px;color:#adb4af;font-size:17px;line-height:1.7}
.free-section .story-close{margin-top:35px;color:#f2f4f1;font-size:clamp(25px,3.5vw,38px);font-weight:900;line-height:1.2;letter-spacing:-.04em}
.about-signoff{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:38px;padding-top:20px;border-top:1px solid #30332f;color:#dce0dc;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:12px;font-weight:750}
.about-signoff a{color:#969e98;font-weight:700}
.about-cta{margin-top:26px}
.about-notice{max-width:940px;margin:70px 0 0 12%;padding:16px 0 0;border-top:1px solid #2e312e;color:#777f79;font-size:11px;line-height:1.65}

@media(max-width:880px){.about-intro{grid-template-columns:1fr}.about-intro-copy{padding-bottom:0}.history-collage{max-width:720px}.origin-story,.logic-header{grid-template-columns:1fr;gap:28px}.logic-history{grid-template-columns:1fr}.logic-history li{min-height:0;border-right:0;border-bottom:1px solid #30332f}.logic-history li:last-child{border-bottom:0}.logic-history time{margin-bottom:20px}.logic-history strong{margin-top:0}.logic-foot{grid-template-columns:1fr}.logic-links{justify-content:flex-start}.free-section,.about-notice{margin-left:0}}
@media(max-width:720px){.about-page{width:min(100% - 18px,1180px);padding-top:40px;padding-bottom:64px}.about-intro{gap:30px;padding-bottom:52px}.about-intro h1{font-size:clamp(44px,14vw,66px)}.about-intro .lede{font-size:17px}.history-collage figcaption{grid-template-columns:1fr;gap:5px}.history-collage:after{bottom:76px}.origin-story{padding:58px 0;gap:26px}.origin-story h2,.logic-header h2,.free-section h2{font-size:clamp(36px,11vw,52px)}.story-copy p,.free-section>p{font-size:16px}.story-copy p:first-child{font-size:18px}.logic-archive{padding-top:52px}.logic-header{padding-bottom:30px}.logic-history li{padding:23px 18px 26px}.logic-foot{padding:30px 0}.logic-links{align-items:flex-start;flex-direction:column}.machine-note{grid-template-columns:1fr;gap:10px;margin-top:44px}.machine-note>p:last-child{font-size:16px}.free-section{margin-top:66px}.about-signoff{align-items:flex-start;flex-direction:column}.about-notice{margin-top:55px}}