@font-face{font-family:Onest;src:url('assets/onest-400-DtsNxyxG.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('assets/onest-600-C4TM7z39.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Onest;src:url('assets/onest-700-CwBmjppN.ttf') format('truetype');font-weight:700;font-display:swap}

:root{
  color-scheme:dark;
  --primitive-night:oklch(0.15 0.008 140);
  --primitive-panel:oklch(0.205 0.009 140);
  --primitive-text:oklch(0.94 0.012 110);
  --primitive-strong:oklch(0.98 0.015 110);
  --primitive-muted:oklch(0.69 0.018 120);
  --primitive-lime:oklch(0.9 0.19 120);
  --primitive-lavender:oklch(0.78 0.12 305);
  --color-bg:var(--primitive-night);
  --color-panel:var(--primitive-panel);
  --color-text:var(--primitive-text);
  --color-heading:var(--primitive-strong);
  --color-muted:var(--primitive-muted);
  --color-accent:var(--primitive-lime);
  --color-secondary:var(--primitive-lavender);
  --component-line:oklch(0.94 0.012 110 / 0.09);
  --component-accent-soft:oklch(0.9 0.19 120 / 0.08);
  --component-secondary-soft:oklch(0.78 0.12 305 / 0.09);
}
*{box-sizing:border-box;margin:0;padding:0}
html{min-width:320px;background:var(--color-bg)}
body{min-height:100dvh;background:radial-gradient(circle at 78% 46%,var(--component-accent-soft),transparent 30%),var(--color-bg);color:var(--color-text);font:400 16px/1.65 Onest,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
svg{display:block}
.wrap{width:min(1120px,100%);margin-inline:auto;padding-inline:32px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;border-bottom:1px solid var(--component-line)}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--color-heading);font-size:19px;letter-spacing:-.03em}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--color-accent);color:var(--primitive-night);font-size:19px;font-weight:700;box-shadow:inset 0 1px 0 oklch(1 0 0 / 0.3)}
.access-label{display:inline-flex;align-items:center;gap:8px;color:var(--color-muted);font-size:12px}
.access-label i{width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 5px var(--component-accent-soft)}
.placeholder{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:64px;min-height:calc(100dvh - 184px);padding-block:64px}
.eyebrow{margin-bottom:24px;color:var(--color-accent);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
h1{max-width:720px;color:var(--color-heading);font-size:clamp(56px,7vw,88px);font-weight:600;line-height:1.02;letter-spacing:-.06em;text-wrap:balance}
.lead{max-width:580px;margin-top:28px;color:var(--color-muted);font-size:17px;line-height:1.7}
.privacy-note{display:flex;align-items:center;gap:10px;margin-top:36px;color:var(--color-text);font-size:12px}
.privacy-note svg{width:18px;height:18px;fill:none;stroke:var(--color-secondary);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.identity{position:relative;display:grid;place-items:center;width:min(390px,100%);aspect-ratio:1;justify-self:end;border:1px solid var(--component-line);border-radius:36px;background:linear-gradient(145deg,var(--component-secondary-soft),transparent 55%),var(--color-panel);overflow:hidden;box-shadow:0 28px 80px oklch(0.05 0.01 140 / 0.25)}
.identity::before{content:'';position:absolute;width:48%;height:48%;border-radius:50%;background:var(--color-accent);filter:blur(90px);opacity:.08}
.identity-orbit{position:absolute;border:1px solid var(--component-line);border-radius:50%}
.orbit-one{width:72%;height:72%}
.orbit-two{width:46%;height:46%;border-color:oklch(0.9 0.19 120 / 0.16)}
.identity-center{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column}
.identity-center>span{display:grid;place-items:center;width:82px;height:82px;border-radius:26px;background:var(--color-accent);color:var(--primitive-night);font-size:36px;font-weight:700;box-shadow:0 0 0 14px var(--component-accent-soft)}
.identity-center strong{margin-top:24px;color:var(--color-heading);font-size:18px;letter-spacing:-.03em}
.identity-center small{margin-top:2px;color:var(--color-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.identity-point{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 0 6px var(--component-secondary-soft)}
.point-one{left:13.5%;top:48%}
.point-two{right:21%;top:23%;background:var(--color-accent);box-shadow:0 0 0 6px var(--component-accent-soft)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-top:1px solid var(--component-line);color:var(--color-muted);font-size:11px}
.footer span:first-child{color:var(--color-text);font-weight:600}
@media(max-width:800px){
  .placeholder{grid-template-columns:1fr;gap:48px;min-height:auto;padding-block:64px}
  .identity{width:min(360px,100%);justify-self:start}
}
@media(max-width:520px){
  .wrap{padding-inline:20px}
  .topbar{min-height:80px}
  .access-label{font-size:10px}
  .placeholder{gap:40px;padding-block:48px 40px}
  .eyebrow{margin-bottom:20px}
  h1{font-size:52px}
  .lead{margin-top:24px;font-size:16px}
  .lead br{display:none}
  .privacy-note{margin-top:28px}
  .identity{border-radius:28px}
  .footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px;min-height:88px;padding-block:20px}
}
@media(max-width:360px){.access-label{display:none}h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}