:root{--ink:#1f3556;--muted:#52627a;--bg1:#e9f1fc;--bg2:#fbe9f1;--card:#ffffffcc;--accent:#1f3556;--line:#1f355622}
@media(prefers-color-scheme:dark){:root{--ink:#e8eefa;--muted:#a9b6cc;--bg1:#141c2c;--bg2:#241a28;--card:#ffffff12;--accent:#c9d8f5;--line:#ffffff26}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 -apple-system,"SF Pro Text","Segoe UI",system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg1),var(--bg2)) fixed;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:48px 24px 24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:650;text-decoration:none;color:var(--ink);margin-bottom:40px}
.brand img{width:40px;height:40px;border-radius:9px}
h1{font-size:clamp(2.4rem,7vw,4rem);line-height:1.04;font-weight:750;letter-spacing:-.03em;margin:0 0 16px}
h2{font-size:1.25rem;letter-spacing:-.01em;margin:36px 0 8px}
p{max-width:65ch;margin:0 0 14px}
.sub{font-size:1.2rem;color:var(--muted);max-width:44ch}
.hero{display:grid;gap:40px;align-items:center;grid-template-columns:1.1fr 1fr}
.fan{position:relative;height:380px}
.fan img{position:absolute;width:190px;aspect-ratio:2/3;object-fit:cover;border-radius:18px;border:3px solid #fff;box-shadow:0 14px 30px #1f355633;top:20px}
.fan .c1{left:2%;transform:rotate(-9deg)}
.fan .c2{left:28%;top:0;z-index:2}
.fan .c3{left:54%;transform:rotate(9deg)}
.cta{margin:28px 0 0}
.cta img{height:48px;width:auto;display:block}
.soon{font-weight:600;color:var(--muted)}
.hl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;margin:56px 0 0;padding:0;list-style:none}
.hl h3{margin:0 0 4px;font-size:1.1rem}
.hl p{margin:0;color:var(--muted);font-size:1rem}
footer{max-width:960px;width:100%;margin:0 auto;padding:24px;color:var(--muted);font-size:.95rem;display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--line)}
footer a{color:var(--muted)}
.doc h1{font-size:clamp(2rem,6vw,2.8rem)}
.doc ul{padding-left:1.2em;max-width:65ch}
.doc li{margin-bottom:6px}
.doc .mail{font-weight:650;font-size:1.15rem}
.doc .when{color:var(--muted)}
details{max-width:65ch;border-top:1px solid var(--line);padding:12px 0}
summary{cursor:pointer;font-weight:600}
@media(max-width:700px){.hero{grid-template-columns:1fr}.fan{height:320px}.fan img{width:150px}}
@media(prefers-reduced-motion:no-preference){.fan img{transition:transform .3s}}