/* Wake landing — shared brand layer (Porcelain day / original near-black night, D1 neutral controls).
   Source of truth: Ventures/Wake/Design-System.md. No legacy green/lime. */
:root{
  --paper:#F7F4EF; --paper-2:#FFFBF6; --glow:#E4D9CF; --sun:#F9ECD7; --apricot:#F2D5A6;
  --ink:#221C1A; --muted:#4F3F39; --line:rgba(34,28,26,.12); --soft:rgba(34,28,26,.06);
  --dusk:#433837; --dusk-glow:#76534E; --plum-night:#1D191B; --night-glow:#422F3B;
  --night:#101012; --night-2:#282633; --night-ink:#F9F3ED; --night-muted:#E8DBD5; --night-line:rgba(249,243,237,.14);
  --sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif;
  --sf-round:ui-rounded,-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Inter",sans-serif;
  --ease-out:cubic-bezier(.22,1,.36,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --gutter:clamp(16px,4vw,48px); --max:1200px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sf);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
.wrap{width:min(100% - 2*var(--gutter), var(--max));margin-inline:auto}

/* ---------- Wordmark: native welcome = SF heavy, letters overlapped (-9 at 111pt), bird perched top-right ---------- */
.wordmark{position:relative;display:inline-block;font-family:var(--sf);font-weight:860;letter-spacing:-.081em;line-height:.8;padding-right:.06em;white-space:nowrap}
.wordmark .bird{position:absolute;width:.71em;height:.71em;right:.035em;top:-.62em}
.wordmark.small{font-size:30px;font-weight:800;letter-spacing:-.06em}
.wordmark.small .bird{display:none}
.bird{--cut:transparent;color:currentColor}

/* ---------- Official App Store badge (unmodified artwork, >=40px tall, clear space = 1/4 height) ---------- */
.store{display:inline-block;line-height:0;padding:0;border-radius:9px;outline-offset:4px}
.store img{height:52px;width:auto}
.store.lg img{height:60px}
.store-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.fine{font-size:13px;color:var(--muted);letter-spacing:.005em}

/* ---------- Pill CTA (app geometry: 60px tall, 30px radius, 17px semibold) ---------- */
.pill{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 34px;border-radius:30px;background:var(--ink);color:var(--paper-2);font-weight:600;font-size:17px;text-decoration:none;border:0;cursor:pointer;transition:transform .25s var(--ease-out),background-color .2s}
.pill:active{transform:scale(.97)}

/* ---------- iPhone: official Apple bezel over a real app screen (450x920 frame, 402x874 screen at 24,23) ---------- */
.phone{position:relative;width:min(100%,var(--phone-w,340px));aspect-ratio:450/920;flex:none}
.phone>.screen,.phone>.screen-live{position:absolute;left:5.333%;top:2.5%;width:89.333%;height:95%;border-radius:13.6%/6.3%;overflow:hidden;object-fit:cover}
.phone>.bezel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;z-index:3}

/* ---------- Top nav ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);pointer-events:none}
.nav>*{pointer-events:auto}
.nav .get{font-size:15px;font-weight:600;text-decoration:none;padding:10px 18px;border-radius:999px;background:var(--ink);color:var(--paper-2)}

/* ---------- Footer ---------- */
.foot{padding:56px var(--gutter) 40px;font-size:13px;color:var(--muted);display:grid;gap:14px}
.foot .row{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between}
.foot nav{display:flex;gap:22px;flex-wrap:wrap}
.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}
.foot .legal{font-size:11.5px;opacity:.8;max-width:70ch}

/* ---------- Reveal-on-scroll utility ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal.in{opacity:1;transform:none}

/* ---------- Direction review chip (removed at deploy) ---------- */
.dir-chip{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:90;font:600 12px/1 var(--sf);letter-spacing:.02em;padding:8px 12px;border-radius:999px;background:rgba(34,28,26,.82);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}
.dir-chip a{color:#fff;opacity:.7;margin-left:8px;text-decoration:none}
html.embed .dir-chip{display:none}

:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}
/* previews on the review board: no scrollbars inside iframes */
html.embed{scrollbar-width:none}
html.embed::-webkit-scrollbar{display:none}