:root{--cream:#fff6ea;--surface:#fff;--ink:#1a1714;--mute:#6f655a;--line:#ecdfcb;--tomato:#f2542d;--tomato-text:#b8301a;--sunk:#f4ede2}
@media (prefers-color-scheme:dark){:root{--cream:#17130f;--surface:#221d18;--ink:#f7f0e6;--mute:#a99d90;--line:#3a332c;--tomato:#ff6b45;--tomato-text:#ff8a66;--sunk:#2b251f}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif}
a{color:var(--tomato-text)}
.wrap{max-width:1040px;margin:0 auto;padding-inline:20px}
header.top{display:flex;align-items:center;justify-content:space-between;padding-block:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 20px/1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.3px}
.brand img{width:36px;height:36px;border-radius:9px}
nav a{margin-left:18px;color:var(--mute);text-decoration:none;font-size:15px}nav a:hover{color:var(--ink)}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding-block:40px 64px}
.hero h1{margin:0;font:800 clamp(38px,6vw,62px)/1.02 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-2px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--tomato)}
.hero p{font-size:19px;color:var(--mute);max-width:46ch}
.soon{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:12px 20px;border-radius:999px;background:var(--ink);color:var(--cream);font-weight:700;font-size:15px}
.shots{display:flex;gap:16px;justify-content:center}
.shots img{width:min(46%,240px);aspect-ratio:1320/2868;border-radius:9.5%/4.4%;box-shadow:0 18px 40px rgba(60,40,20,.18)}
.points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:64px}
.points div{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px}
.points b{display:block;font:800 19px/1.25 "Bricolage Grotesque",system-ui,sans-serif;margin-bottom:6px}
.points span{color:var(--mute);font-size:15px}
.doc{max-width:720px;margin:0 auto;padding:24px 20px 72px}
.doc h1{font:800 40px/1.1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-1px;margin:16px 0 4px}
.doc h2{font:800 22px/1.25 "Bricolage Grotesque",system-ui,sans-serif;margin:34px 0 8px}
.doc .eff{color:var(--mute);font-size:15px;margin:0 0 20px}
.doc table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}.doc th,.doc td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--line)}
.doc .box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px}
footer{border-top:1px solid var(--line);padding-block:22px 40px;color:var(--mute);font-size:14px}
footer a{color:var(--mute);margin-right:16px}
@media (max-width:760px){.hero{grid-template-columns:1fr;padding-block:20px 40px}.points{grid-template-columns:1fr}nav a{margin-left:12px}}