@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/bricolage-grotesque.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/figtree.woff2) format("woff2")}
:root{
  --bg:#101015; --ink:#EEF2F7; --muted:#A9B3C1; --eyebrow:#F5A55A; --hl:#F5A55A;
  --pill:#2A2318; --pill-ink:#F5B070; --field:#1A1B22; --field-line:#3A3E4A; --rule:#262932; --focus:#F5A55A;
  --display:"Bricolage Grotesque","Trebuchet MS",sans-serif;
  --body:"Figtree","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}
.site{position:relative;overflow:hidden;isolation:isolate;min-height:100vh;display:flex;flex-direction:column}
.ear{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:max(100%,1000px);height:min(100%,1000px);z-index:-1;pointer-events:none;overflow:visible}
.sun{display:none;position:absolute;z-index:-1;border-radius:50%;background:#F08A2B;width:clamp(90px,14vw,170px);aspect-ratio:1;right:9%;top:13%}
@media (max-width:700px){.sun{display:block;width:64px;right:36px;top:62px}.sunc{display:none}}
.inner{width:100%;max-width:1000px;margin:0 auto;padding:0 clamp(28px,7vw,40px)}
.nav{display:flex;align-items:center;gap:12px;padding-block:20px}
.nav a.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.nav img{width:38px;height:38px;border-radius:9px}
.word{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.01em}
.pill{margin-left:auto;font-size:13px;font-weight:600;padding:5px 12px;border-radius:99px;background:var(--pill);color:var(--pill-ink)}
.hero{padding-block:clamp(40px,8vw,96px) clamp(40px,6vw,72px);max-width:760px}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow);margin:0 0 14px}
.hero h1{font-size:clamp(34px,6.2vw,64px);line-height:1.04;letter-spacing:-.025em;font-weight:700}
.hero h1 em{font-style:normal;color:var(--hl)}
.sub{font-size:clamp(17px,2.2vw,20px);line-height:1.5;color:var(--muted);max-width:56ch;margin:20px 0 0}
.notify{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px;max-width:520px}
.notify label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.notify .hp{position:absolute;left:-9999px}
.notify input[type=email]{flex:1 1 240px;min-width:0;font:inherit;font-size:16px;padding:14px 16px;border-radius:10px;border:1.5px solid var(--field-line);background:var(--field);color:var(--ink)}
.notify input::placeholder{color:var(--muted)}
.notify button{font:inherit;font-weight:600;font-size:16px;padding:14px 22px;border-radius:10px;border:0;cursor:pointer;background:#F08A2B;color:#14141A}
.notify button:hover{background:#F79A45}
.notify button:disabled{opacity:.6;cursor:default}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.fine{font-size:13.5px;color:var(--muted);margin:12px 0 0;max-width:52ch}
.plats{display:inline-flex;gap:8px;align-items:center;margin-top:22px;font-size:14px;font-weight:600}
.plats span{padding:4px 10px;border-radius:7px;border:1px solid var(--field-line)}
.plats span.plain{border:0;padding:0;font-weight:500}
.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;padding-block:clamp(32px,5vw,56px);border-top:1px solid var(--rule)}
.points h3{font-size:19px;line-height:1.2;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.points p{margin:0;color:var(--muted);font-size:15.5px}
.dot{flex:none;width:12px;height:12px;border-radius:50%}
.foot{display:flex;gap:8px 22px;flex-wrap:wrap;padding-block:22px 28px;border-top:1px solid var(--rule);font-size:13.5px;color:var(--muted)}
.foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}
main{flex:1}
/* privacy page */
.doc{max-width:720px;padding-block:clamp(24px,5vw,56px)}
.doc h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.02em;line-height:1.1}
.doc .meta{color:var(--muted);margin:10px 0 28px}
.doc h2{font-size:20px;margin:30px 0 8px}
.doc p,.doc li{color:#D3DAE4}
.doc ul{padding-left:22px}
.doc li{margin:6px 0}
.doc a{color:var(--hl)}
.scope{border:1px solid var(--field-line);background:var(--field);border-radius:10px;padding:14px 16px;margin:0 0 8px}
