/* Teaser page only: dark, with its own tokens. */
body.soon{
  color-scheme:dark;
  --bg:#0B0C10;--surface:#1D1F25;--raised:#2B2E35;
  --text:#F2F3F5;--t2:rgba(242,243,245,.7);--t3:rgba(242,243,245,.45);
  --accent:#FFB45E;--fill:#F5A55B;--on-fill:#2A1306;--tint:rgba(245,165,91,.2);--tint-line:rgba(245,165,91,.5);
  --hair:rgba(255,255,255,.08);--hair-strong:rgba(255,255,255,.22);
  --wm1:#FFB45E;--wm2:#F2584A;
  --glass:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 48%,rgba(255,255,255,.08)),rgba(16,18,22,.62);
  --lift:0 8px 20px rgba(0,0,0,.45);
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),var(--bg);
}
body.soon .panel{background:repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,rgba(0,0,0,.03) 1px 2px,transparent 2px 4px),linear-gradient(180deg,#2A2D34 0%,#1D1F25 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.6),0 8px 20px rgba(0,0,0,.45);border-color:transparent}
body.soon .panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(170deg,rgba(255,255,255,.75),rgba(255,255,255,.12) 25%,rgba(255,255,255,.03) 55%,rgba(255,255,255,.25) 85%,rgba(255,255,255,.5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
body.soon .btn{background:linear-gradient(180deg,#FFC995 0%,#F4A15F 42%,#DE7A43 56%,#F39966 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.3),0 6px 18px rgba(240,119,98,.3)}
body.soon .appstore{background:linear-gradient(180deg,#FBFCFD 0%,#E4E7EB 46%,#C9CDD4 54%,#EEF0F3 100%);color:#0B0C10;
  box-shadow:0 0 0 1px rgba(255,255,255,.55),inset 0 1px 0 #fff,0 10px 24px rgba(0,0,0,.5)}
body.soon .site-header,body.soon .dock{box-shadow:inset 0 1px .5px rgba(255,255,255,.8),inset 0 -1px 1px rgba(255,255,255,.18),0 14px 34px rgba(0,0,0,.35)}
body.soon .hero::before{background:radial-gradient(closest-side,rgba(245,165,91,.24),rgba(240,119,98,.1) 55%,transparent)}
body.soon .wordmark-name{filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(242,88,74,.22))}
body.soon .hero{padding-bottom:16px}
body.soon .soon-text{max-width:34em}
body.soon .soon-text p{color:var(--t2);font-size:19px}
body.soon .soon-links{margin:28px 0 0;color:var(--t2)}
body.soon .soon-links a{display:inline-flex;align-items:center;min-height:44px}
body.soon .soon-panel{margin-top:40px}
body.soon .soon-panel p{color:var(--t2);margin:12px 0 0}
body.soon .soon-panel .appstore{margin-top:24px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body.soon .site-header,body.soon .dock{background:#17191E}
}