:root {
  --background: #f7f7fa;
  --foreground: #171721;
  --muted: #6d6d7a;
  --line: #e4e4eb;
  --brand: #5e5ce6;
  --brand-dark: #292657;
  --lavender: #ececff;
}



* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
.site-header, .site-footer, main { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
.site-header { align-items: center; display: flex; justify-content: space-between; min-height: 88px; }
.site-header nav, .site-footer nav { display: flex; gap: 24px; }
.site-header nav a, .site-footer nav a { color: var(--muted); font-size: 14px; font-weight: 650; }
.site-header nav a:hover, .site-footer nav a:hover { color: var(--brand); }
.brand { align-items: center; display: inline-flex; font-size: 13px; font-weight: 900; gap: 11px; letter-spacing: .22em; }
.brand-mark { border: 2px solid var(--brand); border-radius: 50%; display: grid; height: 29px; place-items: center; width: 29px; }
.brand-mark span { background: var(--brand); border-radius: 50%; height: 9px; width: 9px; }
.hero { background: linear-gradient(145deg, #fff 0%, var(--lavender) 100%); border: 1px solid #eeeeF5; border-radius: 36px; margin-top: 32px; overflow: hidden; padding: clamp(44px, 8vw, 96px); position: relative; }
.hero::after { border: 54px solid rgba(94,92,230,.09); border-radius: 50%; content: ""; height: 280px; position: absolute; right: -80px; top: -90px; width: 280px; }
.eyebrow { color: var(--brand); font-size: 12px; font-weight: 850; letter-spacing: .2em; margin: 0 0 18px; }
h1 { font-size: clamp(46px, 7vw, 82px); letter-spacing: -.065em; line-height: .98; margin: 0; max-width: 820px; }
.hero-copy { color: var(--muted); font-size: clamp(17px, 2.2vw, 22px); line-height: 1.55; margin: 30px 0 0; max-width: 720px; position: relative; z-index: 1; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; position: relative; z-index: 1; }
.button { border-radius: 14px; display: inline-block; font-size: 14px; font-weight: 800; padding: 13px 19px; }
.button.primary { background: var(--brand); color: #fff; }
.button.secondary { background: #fff; border: 1px solid var(--line); }
.principles { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); margin: 22px 0 96px; }
.principles article { background: #fff; border: 1px solid #eeeeF3; border-radius: 24px; padding: 28px; }
.principles article > span { color: var(--brand); font-family: var(--font-geist-mono); font-size: 12px; font-weight: 800; }
.principles h2, .callout h2 { font-size: 24px; letter-spacing: -.03em; line-height: 1.15; margin: 28px 0 12px; }
.principles p, .callout p { color: var(--muted); font-size: 15px; margin: 0; }
.callout { background: var(--brand-dark); border-radius: 30px; color: #fff; display: grid; gap: 64px; grid-template-columns: .8fr 1.2fr; margin-bottom: 96px; padding: clamp(30px, 5vw, 58px); }
.callout .eyebrow { color: #aaa8ff; }
.callout h2 { font-size: 36px; margin-top: 0; }
.policy-links { display: grid; gap: 10px; }
.policy-links a { background: rgba(255,255,255,.08); border-radius: 16px; display: flex; flex-direction: column; padding: 17px 19px; transition: background .2s; }
.policy-links a:hover { background: rgba(255,255,255,.14); }
.policy-links span { font-weight: 800; }
.policy-links small { color: #c5c4dc; margin-top: 3px; }
.document { display: grid; gap: 48px; grid-template-columns: 250px minmax(0, 720px); justify-content: center; margin-block: 56px 110px; }
.document-aside { align-self: start; position: sticky; top: 28px; }
.document-aside h1 { font-size: 38px; line-height: 1.05; }
.updated { color: var(--muted); font-size: 13px; margin-top: 18px; }
.document-body { background: #fff; border: 1px solid #eeeeF3; border-radius: 28px; padding: clamp(28px, 5vw, 56px); }
.document-body section + section { border-top: 1px solid var(--line); margin-top: 36px; padding-top: 30px; }
.document-body h2 { font-size: 21px; letter-spacing: -.02em; margin: 0 0 12px; }
.document-body h3 { font-size: 16px; margin: 24px 0 7px; }
.document-body p, .document-body li { color: #545461; font-size: 15px; }
.document-body ul { padding-left: 20px; }
.document-body a { color: var(--brand); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.notice { background: var(--lavender); border-radius: 16px; color: #3b397e !important; padding: 16px 18px; }
.support-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }
.support-card { border: 1px solid var(--line); border-radius: 16px; padding: 18px; }
.support-card h3 { margin-top: 0; }
.support-card p { margin-bottom: 0; }
.site-footer { border-top: 1px solid var(--line); display: grid; gap: 24px; grid-template-columns: 1fr auto; padding-block: 38px; }
.site-footer strong { letter-spacing: .12em; }
.site-footer p { color: var(--muted); font-size: 13px; margin: 5px 0 0; }
.copyright { grid-column: 1 / -1; }

@media (max-width: 760px) {
  .site-header { align-items: flex-start; flex-direction: column; justify-content: center; padding-block: 18px; }
  .site-header nav { gap: 16px; }
  .principles, .callout, .document, .support-grid { grid-template-columns: 1fr; }
  .principles { margin-bottom: 64px; }
  .callout { gap: 30px; margin-bottom: 64px; }
  .document { gap: 20px; margin-top: 32px; }
  .document-aside { position: static; }
  .site-footer { grid-template-columns: 1fr; }
  .copyright { grid-column: 1; }
}

:root{--font-geist-sans:Arial,Helvetica,sans-serif;--font-geist-mono:monospace}.review-banner{text-align:center;background:#292657;color:white;padding:8px;font-size:12px}.release-status{color:#514d85;font-weight:700;position:relative;z-index:1;margin-top:20px}.document-body{min-width:0}.document-body a{overflow-wrap:anywhere}.skip-link{position:absolute;left:8px;top:-60px;background:white;color:#292657;padding:12px;z-index:10}.skip-link:focus{top:4px}:focus-visible{outline:3px solid #5e5ce6;outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.waitlist-section{max-width:900px;margin:48px auto;padding:28px;background:white;border-radius:24px;line-height:1.7}.waitlist-section a{overflow-wrap:anywhere}@media(max-width:600px){.waitlist-section{margin:24px 20px;padding:22px}}