@font-face{font-family:'Press Start 2P';src:url('/fonts/PressStart2P-Regular.woff2') format('woff2');font-display:swap}
:root{color-scheme:light dark;--paper:#ECE9E3;--ink:#22201D;--muted:#4a4843;--line:#A09B93;--accent:#9F1764;--tile:#E2E0DC;--inverse:#ECE9E3}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Press Start 2P',monospace;font-size:11px;line-height:2.3}
a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
a:hover{color:var(--accent)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
p{margin:0 0 22px;overflow-wrap:anywhere}
h1,h2,h3{font-weight:400;line-height:1.65;text-wrap:balance}
h1{font-size:clamp(24px,3.6vw,44px);letter-spacing:-1px;margin:20px 0 28px}
h2{font-size:clamp(15px,2vw,23px);margin:0 0 26px}
header,main,footer{width:min(1100px,calc(100% - 80px));margin-inline:auto}
header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-block:40px;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;font-size:13px;white-space:nowrap}
.brand span{display:block;font-size:7px;letter-spacing:1px;color:var(--muted);margin-top:6px}
nav{display:flex;gap:20px;flex-wrap:wrap;font-size:9px}
nav a{text-decoration:none;padding-block:5px}
nav a[aria-current]{box-shadow:0 2px var(--accent)}
.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding-block:90px 60px}
.eyebrow,.number{font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:16px}
.intro{max-width:590px}
.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-block:34px 22px}
.button{display:inline-block;padding:15px 19px;background:var(--ink);color:var(--inverse);text-decoration:none;line-height:1.8;font-size:10px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--line)}
.button:hover{background:var(--accent);border-color:var(--accent);color:var(--inverse)}
.button:active{box-shadow:none;transform:translate(3px,3px)}
.caption{font-size:8px;color:var(--muted);line-height:2.3;margin-top:18px}
.identity{margin:0;display:grid;justify-items:center;gap:26px;background:var(--tile);padding:50px 24px;border:1px solid var(--line)}
.identity img{max-width:100%;height:auto;width:200px}
figcaption{text-align:center;font-size:18px;line-height:2}
figcaption span{display:block;font-size:7px;letter-spacing:1px;margin-top:12px;color:var(--muted)}
.status{display:flex;gap:18px;align-items:center;padding:20px 0;border-block:1px solid var(--line);font-size:9px}
.status p{margin:0}
.dot{width:8px;height:8px;background:var(--accent);flex:none}
.feature{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-block:65px;border-bottom:1px solid var(--line)}
.feature p:last-child{margin-bottom:0}
.feature>div{max-width:700px}
.closing{padding:75px 0 90px}
.closing h2{font-size:clamp(20px,3vw,32px)}
.page-title{padding-block:65px 35px;max-width:850px}
.page-title h1{margin-top:14px}
.page-title .button{margin-top:12px}
.prose,.faq{max-width:850px;padding-block:32px;border-top:1px solid var(--line)}
.prose h2,.faq h2{font-size:16px}
.prose:last-child,.faq:last-child{margin-bottom:60px}
.draft{padding:16px;border:1px solid var(--accent);font-size:9px;color:var(--muted)}
details{border-top:1px solid var(--line);padding-block:18px}
summary{cursor:pointer;line-height:2.2;padding-right:20px;font-size:10px}
details p{margin:20px 0 0;font-size:10px;line-height:2.4}
footer{padding-block:35px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}
footer>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:25px}
footer nav{font-size:8px}
.disclaimer{margin:30px 0 0;font-size:7px}
.skip{position:absolute;left:24px;top:-100px;background:var(--paper);padding:12px;z-index:5}
.skip:focus{top:12px}
@media(prefers-color-scheme:dark){:root{--paper:#211F1C;--ink:#ECE9E3;--muted:#C5C2BC;--line:#6D6964;--accent:#F58FC8;--tile:#2C2925;--inverse:#211F1C}}
@media(max-width:760px){header,main,footer{width:calc(100% - 40px)}header{padding-block:24px;display:block}header nav{margin-top:20px;gap:18px;font-size:8px}.hero{grid-template-columns:1fr;gap:36px;padding-block:48px 35px}.identity{padding:28px;grid-template-columns:auto 1fr;gap:24px;justify-items:start;align-items:center}.identity img{width:100px}figcaption{text-align:left;font-size:14px}figcaption span{font-size:6px}.feature{grid-template-columns:1fr;gap:8px;padding-block:38px}.number{font-size:8px}.actions{gap:22px}.page-title{padding-block:45px 30px}body{font-size:10px}.caption{font-size:8px}.closing{padding-block:48px}.status{font-size:8px;gap:14px}footer>div{display:grid}.prose h2,.faq h2{font-size:13px}summary{font-size:9px}}
@media(max-width:360px){header,main,footer{width:calc(100% - 28px)}h1{font-size:21px}.identity{gap:15px;padding:20px}.identity img{width:80px}header nav{gap:12px;font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.product-film{display:grid;grid-template-columns:1fr;gap:30px;padding-block:55px;border-bottom:1px solid var(--line)}
.product-film figure{margin:0;min-width:0}
.product-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--ink);border:1px solid var(--line)}
.product-film figcaption{margin-top:18px;font-size:8px;text-align:center}
.product-film .caption{margin-top:24px}
@media(max-width:760px){.product-film{grid-template-columns:1fr;gap:30px;padding-block:38px}.product-film figure{width:100%}}