/* Corner v5 — more components, less prose. Invoice real-close bar. Mockup only. */
@font-face{font-family:'Inter Tight';src:url('fonts/InterTight.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('fonts/InterTight-Italic.ttf') format('truetype');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/Inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('fonts/Heebo.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --bg:#ffffff;--alt:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--faint:#86868b;
  --line:rgba(0,0,0,.08);--accent:#0071e3;--accent-h:#0077ed;
  --max:720px;--wide:1120px;
  --disp:'Inter Tight','Inter',system-ui,-apple-system,sans-serif;
  --ui:'Inter',system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Monaco,Consolas,'Liberation Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{
  background:var(--bg);color:var(--ink);
  font-family:var(--ui);font-size:17px;line-height:1.47059;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  letter-spacing:-.011em;font-weight:400;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.wrap.wide{max-width:var(--wide)}

.nav{
  position:sticky;top:0;z-index:10;
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:48px;max-width:var(--wide)}
.brand{display:flex;align-items:center;gap:9px;direction:ltr}
.brand img{height:18px;filter:brightness(.12) contrast(1.5)}
.brand .slash{color:var(--faint);font-weight:300;font-size:16px;line-height:1}
.brand .gname{font-family:var(--disp);font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.links{display:flex;gap:24px;align-items:center;font-size:12px;color:var(--muted);font-weight:400}
.links a.on{color:var(--ink);font-weight:500}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--accent);color:#fff;border-radius:980px;
  font-family:var(--ui);font-weight:500;padding:12px 22px;font-size:17px;letter-spacing:-.01em;
  box-shadow:0 1px 2px rgba(0,113,227,.24);
}
.btn:hover{background:var(--accent-h)}
.btn.sm{padding:6px 13px;font-size:12px;font-weight:500;box-shadow:none}

/* Hero — tighter */
.hero{padding:68px 0 0;text-align:center}
.hero .eyebrow{
  font-family:var(--disp);font-size:11px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;
}
.hero h1{
  font-family:var(--disp);font-size:88px;line-height:.98;font-weight:600;
  letter-spacing:-.045em;color:var(--ink);max-width:11ch;margin:0 auto;
}
.hero h1 em{
  font-style:italic;font-weight:500;display:block;
  background:linear-gradient(105deg,#1d1d1f 28%,#0071e3 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero .sub{
  font-size:19px;line-height:1.4;font-weight:400;color:var(--muted);
  letter-spacing:.006em;max-width:28em;margin:18px auto 0;
}
.hero .ctas{margin-top:22px}
.hero .fine{margin-top:11px;font-size:12px;color:var(--faint);letter-spacing:-.005em}

/* Story */
.story{margin:40px auto 0;max-width:1240px;padding:0 24px 0}
.story-rail{
  display:grid;grid-template-columns:minmax(220px,.34fr) 36px minmax(500px,.66fr);
  align-items:center;gap:4px;
}
.story-tag{
  font-family:var(--disp);font-size:11px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--faint);
  margin-bottom:10px;padding-inline-start:4px;
}
.story-tag.accent{color:var(--accent)}
.story-arrow{
  font-family:var(--disp);font-size:24px;font-weight:300;color:var(--faint);
  text-align:center;line-height:1;align-self:center;padding-top:22px;
}
.stage{position:relative}
/* Quieter glow / ring */
.stage-glow{
  position:absolute;inset:-10% -8% 8% -8%;
  background:radial-gradient(ellipse at 50% 16%,rgba(0,113,227,.14) 0%,rgba(0,113,227,.05) 40%,transparent 68%);
  pointer-events:none;z-index:0;filter:blur(4px);
}
.stage-ring{
  position:absolute;inset:-1.5% -1% 5% -1%;
  border-radius:20px;
  box-shadow:0 0 0 1px rgba(0,113,227,.04),0 32px 64px -28px rgba(0,0,0,.22);
  pointer-events:none;z-index:0;
}
.stage .gm{position:relative;z-index:1}

.gm{
  background:#fff;border-radius:16px;overflow:hidden;color:#1f1f1f;
  font-family:var(--ui);font-size:13.5px;line-height:1.45;text-align:left;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 28px 64px -20px rgba(0,0,0,.24),0 0 0 .5px rgba(0,0,0,.08);
}
.gm-sm{
  border-radius:14px;opacity:.9;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 12px 28px -12px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.07);
  filter:saturate(.92) brightness(.985);
}
.gm-top{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#f6f8fc;border-bottom:1px solid #e8eaed}
.gm-dots{display:flex;gap:5px}
.gm-dots i{width:9px;height:9px;border-radius:50%;background:#dadce0;display:block}
.gm-brand{font-weight:500;color:#5f6368;font-size:12.5px;letter-spacing:-.01em}
.gm-search{flex:1;max-width:380px;background:#e8eaed;border-radius:8px;padding:7px 12px;color:#80868b;font-size:12.5px}
.gm-body{display:grid;grid-template-columns:124px 1fr;min-height:440px}
.gm-side{background:#fff;padding:10px 6px;border-right:1px solid #f1f3f4;display:flex;flex-direction:column;gap:1px}
.gm-compose{background:#c2e7ff;border-radius:16px;padding:9px 16px;font-weight:500;margin:4px 8px 10px;width:max-content;font-size:12.5px;color:#001d35}
.gm-nav{padding:6px 14px;border-radius:0 16px 16px 0;color:#202124;font-size:12.5px;margin-right:6px;display:flex;justify-content:space-between;align-items:center}
.gm-nav .cnt{font-weight:500;font-size:11px;color:#5f6368}
.gm-nav .cnt.soft{color:#0b57d0}
.gm-nav.on{background:#d3e3fd;font-weight:500;color:#001d35}
.gm-thread{padding:14px 18px 22px;background:#fff}
.gm-thread.alone{padding:14px 16px 18px}
.gm-subj-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.gm-subj{font-size:17px;font-weight:400;color:#1f1f1f;letter-spacing:-.02em;line-height:1.25;margin:0}
.gm-sm .gm-subj{font-size:14.5px;margin-bottom:10px}

.handled{
  flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.06em;
  color:#6e6e73;background:#f5f5f7;border:1px solid rgba(0,0,0,.08);
  border-radius:6px;padding:4px 8px;line-height:1;margin-top:2px;
}

/* Thinking beat — tiny living ring, in-thread */
.thinking{
  display:flex;align-items:center;gap:10px;
  padding:7px 11px;margin:0 0 9px;
  border-radius:10px;
  background:rgba(0,113,227,.035);
  border:1px solid rgba(0,113,227,.09);
}
.ring{
  width:16px;height:16px;border-radius:50%;flex-shrink:0;
  background:
    radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,113,227,.95) 47%,rgba(0,113,227,.3) 60%,transparent 72%),
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),transparent 45%);
  box-shadow:0 0 0 2px rgba(0,113,227,.1),0 0 12px rgba(0,113,227,.32);
  animation:ringPulse 2s ease-in-out infinite;
}
@keyframes ringPulse{
  0%,100%{box-shadow:0 0 0 2px rgba(0,113,227,.08),0 0 8px rgba(0,113,227,.24);opacity:.88}
  50%{box-shadow:0 0 0 4px rgba(0,113,227,.14),0 0 16px rgba(0,113,227,.4);opacity:1}
}
.thinking-txt{font-size:12px;color:#6e6e73;letter-spacing:-.01em}
.thinking-txt b{color:#0071e3;font-weight:600}

/* Chips — product feel: Hold It + sentence + Do It; same blue family */
.chip{
  display:flex;align-items:center;gap:8px;flex-wrap:nowrap;
  background:rgba(0,113,227,.07);
  border-radius:11px;padding:8px 10px;margin:0 0 6px;
  font-size:12.5px;color:#1d1d1f;
  border:1px solid rgba(0,113,227,.15);
}
.chip.pulse{box-shadow:0 0 0 2px rgba(0,113,227,.08)}
.chip.chip-file{
  background:rgba(0,113,227,.07);
  border-color:rgba(0,113,227,.15);
  box-shadow:none;
}
.chip-hold{
  font-size:10.5px;font-weight:600;color:#0071e3;
  background:rgba(0,113,227,.14);border-radius:6px;padding:3px 7px;
  letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;
}
.chip-ico{font-size:13px;line-height:1;opacity:.85;flex-shrink:0}
.chip-txt{flex:1;min-width:0;line-height:1.35;color:#1d1d1f}
.chip-txt b{color:#0071e3;font-weight:600}
.chip-txt b.file{color:#1d1d1f;font-weight:600}
.chip-act{display:flex;align-items:center;gap:7px;margin-inline-start:auto;flex-shrink:0}
.chip-x{color:#6e6e73;font-size:16px;font-weight:300;line-height:1;opacity:.65}
.do-halo{
  display:inline-flex;border-radius:10px;
  box-shadow:0 0 0 2px rgba(0,113,227,.18),0 8px 18px -6px rgba(0,113,227,.42);
}
.chip-do{height:26px;width:auto;display:block}

/* Receipts — post-close, gray only (no blue proposal frame) */
.receipt-stack{display:flex;flex-direction:column;gap:5px;margin:2px 0 11px}
.receipt{
  display:flex;align-items:center;gap:8px;
  background:#f5f5f7;border:1px solid rgba(0,0,0,.07);
  border-radius:9px;padding:7px 11px;
  font-size:12px;color:#6e6e73;
}
.receipt-dot{
  width:7px;height:7px;border-radius:50%;background:#86868b;flex-shrink:0;
  box-shadow:0 0 0 3px rgba(110,110,115,.12);
}
.receipt-txt em{font-style:normal;font-weight:600;color:#0071e3;text-decoration:underline;text-underline-offset:2px}
.receipt-txt b{color:#1d1d1f;font-weight:600}

.ask-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ask-pill{font-size:11px;font-weight:500;border-radius:6px;padding:3px 8px;letter-spacing:-.01em}
.ask-pill.open{
  color:#0071e3;background:rgba(0,113,227,.08);border:1px solid rgba(0,113,227,.14);
}

.draft-peek{background:#f8f9fa;border:1px solid #e8eaed;border-radius:10px;padding:10px 12px;margin:0 0 12px}
.draft-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.draft-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5f6368;background:#e8eaed;border-radius:4px;padding:2px 6px}
.draft-to{font-size:12px;color:#5f6368}
.draft-body{font-size:12.5px;color:#202124;margin:0 0 8px;line-height:1.4}
.attach-chip{
  display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #dadce0;
  border-radius:8px;padding:6px 10px;font-size:12px;color:#202124;box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.attach-ico{font-size:14px;line-height:1}
.attach-name{font-weight:500;letter-spacing:-.01em}
.attach-size{color:#5f6368;font-size:11px;margin-inline-start:4px}

.gm-msg{display:grid;grid-template-columns:36px 1fr;gap:10px;margin-top:2px}
.gm-av{width:36px;height:36px;border-radius:50%;background:#0b57d0;color:#fff;font-weight:500;display:grid;place-items:center;font-size:12px}
.gm-sm .gm-av{width:30px;height:30px;font-size:10.5px}
.gm-from{display:flex;gap:8px;align-items:baseline;margin-bottom:6px;flex-wrap:wrap}
.gm-from b{font-weight:500}.gm-from span{color:#5f6368;font-size:11.5px}
.gm-msg p{margin:0 0 6px;color:#202124;font-size:13px}

.kinds{padding:80px 0 4px;background:var(--bg)}
.kinds .wrap{max-width:980px}
.kinds .kicker{
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);text-align:center;margin-bottom:36px;font-family:var(--disp);
}
.kinds-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--line)}
.kind{position:relative;padding:36px 28px 8px;text-align:left;border-right:1px solid var(--line);overflow:hidden}
.kind:last-child{border-right:none}
.kind .num{
  position:absolute;top:12px;right:18px;font-family:var(--disp);font-size:48px;font-weight:600;
  letter-spacing:-.04em;line-height:1;color:rgba(0,0,0,.04);pointer-events:none;
}
.kind .label{font-family:var(--disp);font-size:23px;font-weight:600;letter-spacing:-.028em;line-height:1.12;color:var(--ink);margin-bottom:9px;position:relative}
.kind .hint{font-size:14px;line-height:1.45;color:var(--muted);max-width:22em;letter-spacing:-.01em;position:relative}

.creed{margin-top:68px;padding:72px 0;text-align:center;background:var(--ink);color:#f5f5f7}
.creed .wrap{max-width:620px}
.creed p{font-family:var(--disp);font-size:26px;line-height:1.28;font-weight:500;letter-spacing:-.024em}
.creed p em{font-style:italic;font-weight:500;color:#fff}

.close{text-align:center;padding:80px 0 76px;background:var(--alt)}
.close h2{font-family:var(--disp);font-size:46px;line-height:1.05;font-weight:600;letter-spacing:-.034em;max-width:14ch;margin:0 auto}
.close .lede{margin-top:12px;font-size:17px;color:var(--muted);letter-spacing:.008em}
.close .ctas{margin-top:22px}

.foot{border-top:1px solid var(--line);padding:16px 0 26px;font-size:11.5px;color:var(--faint);background:var(--alt)}
.foot .wrap{display:flex;justify-content:space-between;align-items:center;max-width:var(--wide)}

@media (max-width:980px){
  .story-rail{grid-template-columns:1fr;gap:18px}
  .story-arrow{padding:0;transform:rotate(90deg)}
  .gm-body{grid-template-columns:1fr}
  .gm-side,.gm-search{display:none}
}
@media (max-width:720px){
  .links a:not(.btn){display:none}
  .hero{padding:48px 0 0}
  .hero h1{font-size:46px;letter-spacing:-.032em;max-width:12ch}
  .hero .sub{font-size:16.5px}
  .story{margin-top:28px;padding:0 12px}
  .chip{flex-wrap:wrap}
  .chip-txt{flex:1 1 100%;min-width:0}
  .chip-act{margin-inline-start:0;width:100%;justify-content:flex-end}
  .kinds{padding:56px 0 0}
  .kinds-row{grid-template-columns:1fr;border-top:none}
  .kind{border-right:none;border-top:1px solid var(--line);padding:24px 0 0}
  .creed{margin-top:48px;padding:48px 0}
  .creed p{font-size:21px}
  .close{padding:64px 0 56px}
  .close h2{font-size:32px}
}

/* ——— v3 WOW: motion + richer stage ——— */
.stage-glow{
  inset:-14% -12% 4% -12%;
  background:
    radial-gradient(ellipse at 48% 12%,rgba(0,113,227,.22) 0%,rgba(0,113,227,.08) 36%,transparent 64%),
    radial-gradient(ellipse at 72% 78%,rgba(0,113,227,.06) 0%,transparent 50%);
  filter:blur(6px);
  animation:glowBreathe 4.5s ease-in-out infinite;
}
@keyframes glowBreathe{
  0%,100%{opacity:.85;transform:scale(1)}
  50%{opacity:1;transform:scale(1.03)}
}
.stage-ring{
  inset:-2.5% -2% 3% -2%;
  border-radius:22px;
  box-shadow:
    0 0 0 1px rgba(0,113,227,.08),
    0 0 40px -8px rgba(0,113,227,.18),
    0 40px 80px -24px rgba(0,0,0,.28);
  animation:ringSoft 4.5s ease-in-out infinite;
}
@keyframes ringSoft{
  0%,100%{box-shadow:0 0 0 1px rgba(0,113,227,.06),0 0 32px -10px rgba(0,113,227,.12),0 36px 72px -24px rgba(0,0,0,.26)}
  50%{box-shadow:0 0 0 1px rgba(0,113,227,.12),0 0 48px -6px rgba(0,113,227,.22),0 40px 80px -22px rgba(0,0,0,.3)}
}
.stage .gm{
  box-shadow:
    0 1px 0 rgba(0,0,0,.04),
    0 32px 72px -18px rgba(0,0,0,.28),
    0 0 0 .5px rgba(0,0,0,.08),
    0 0 0 1px rgba(0,113,227,.04);
}

/* Thinking enter + pulse */
.thinking{
  animation:thinkIn .7s cubic-bezier(.22,1,.36,1) both;
}
@keyframes thinkIn{
  from{opacity:0;transform:translateY(6px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.ring{
  width:18px;height:18px;
  box-shadow:0 0 0 3px rgba(0,113,227,.12),0 0 16px rgba(0,113,227,.4);
  animation:ringPulse 1.6s ease-in-out infinite;
}
@keyframes ringPulse{
  0%,100%{box-shadow:0 0 0 2px rgba(0,113,227,.1),0 0 10px rgba(0,113,227,.28);transform:scale(.94);opacity:.85}
  50%{box-shadow:0 0 0 5px rgba(0,113,227,.18),0 0 22px rgba(0,113,227,.5);transform:scale(1);opacity:1}
}

/* Chip enter stagger */
.chip{
  animation:chipIn .65s cubic-bezier(.22,1,.36,1) both;
}
.chip.pulse{animation-delay:.55s}
.chip.chip-invoice{animation-delay:.5s}
@keyframes chipIn{
  from{opacity:0;transform:translateY(10px) scale(.97);filter:blur(2px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
.chip.pulse{
  box-shadow:0 0 0 3px rgba(0,113,227,.1),0 8px 24px -10px rgba(0,113,227,.25);
}
.do-halo{
  animation:haloGlow 2.2s ease-in-out infinite;
}
@keyframes haloGlow{
  0%,100%{box-shadow:0 0 0 2px rgba(0,113,227,.16),0 8px 18px -6px rgba(0,113,227,.38)}
  50%{box-shadow:0 0 0 4px rgba(0,113,227,.28),0 12px 28px -4px rgba(0,113,227,.55)}
}

/* Dual-close reveal: receipts settle after chips */
.receipt-stack{animation:receiptReveal .7s cubic-bezier(.22,1,.36,1) 1.05s both}
.receipt{animation:receiptSettle .55s cubic-bezier(.22,1,.36,1) both}
.receipt:nth-child(1){animation-delay:1.2s}
.receipt:nth-child(2){animation-delay:1.4s}
@keyframes receiptReveal{from{opacity:0}to{opacity:1}}
@keyframes receiptSettle{
  from{opacity:0;transform:translateY(8px);background:rgba(0,113,227,.08);border-color:rgba(0,113,227,.2)}
  to{opacity:1;transform:translateY(0);background:#f5f5f7;border-color:rgba(0,0,0,.07)}
}

.draft-peek{animation:chipIn .6s cubic-bezier(.22,1,.36,1) 1.55s both}
.handled{animation:chipIn .5s cubic-bezier(.22,1,.36,1) 1.7s both}

/* Hero italic shimmer */
.hero h1 em{
  background-size:200% 100%;
  animation:inkShimmer 5s ease-in-out infinite;
}
@keyframes inkShimmer{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Story featured lift */
.story-card.featured .story-tag.accent{
  letter-spacing:.12em;
  text-shadow:0 0 24px rgba(0,113,227,.25);
}

/* ——— v4: real-close bar = invoice ——— */
.ask-pill.open.soft{
  color:#6e6e73;background:#f5f5f7;border-color:rgba(0,0,0,.08);
}
.still-quiet{margin:0 0 12px}

.chip.chip-invoice{
  background:rgba(0,113,227,.09);
  border-color:rgba(0,113,227,.2);
  box-shadow:0 0 0 3px rgba(0,113,227,.12),0 12px 32px -10px rgba(0,113,227,.32);
  animation-delay:.5s;
}
.chip.chip-invoice .chip-txt{font-size:12.5px}

/* Invoice destination peek — replaces draft/file as the wow surface */
.invoice-peek{
  background:linear-gradient(180deg,#f8fafc 0%,#f5f5f7 100%);
  border:1px solid rgba(0,113,227,.12);
  border-radius:12px;padding:12px 14px;margin:0 0 12px;
  box-shadow:0 8px 24px -14px rgba(0,113,227,.2);
  animation:chipIn .65s cubic-bezier(.22,1,.36,1) 1.35s both;
}
.inv-bar{
  display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;
}
.inv-label{
  font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#0071e3;background:rgba(0,113,227,.1);border-radius:5px;padding:3px 7px;
}
.inv-num{
  font-family:var(--disp);font-size:13px;font-weight:600;letter-spacing:-.02em;color:#1d1d1f;
}
.inv-status{
  margin-inline-start:auto;font-size:11px;font-weight:500;color:#6e6e73;
  background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:980px;padding:3px 9px;
}
.inv-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;
}
.inv-k{
  display:block;font-size:10px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:#86868b;margin-bottom:2px;
}
.inv-v{
  display:block;font-size:12.5px;font-weight:500;color:#1d1d1f;letter-spacing:-.01em;
}

.receipt-hero{
  box-shadow:0 0 0 1px rgba(0,0,0,.04);
}
.receipt-stack{animation-delay:1.05s}
.receipt:nth-child(1){animation-delay:1.1s}
.handled{animation-delay:1.5s}

/* Stronger single-chip stage pulse */
.stage-glow{
  background:
    radial-gradient(ellipse at 48% 10%,rgba(0,113,227,.26) 0%,rgba(0,113,227,.1) 34%,transparent 62%),
    radial-gradient(ellipse at 70% 75%,rgba(0,113,227,.07) 0%,transparent 48%);
}

/* ——— v4 WOW craft: sequence / anatomy / destination ——— */
.seq{padding:56px 0 8px;background:var(--bg)}
.seq .kicker,.kinds .kicker,.anatomy .kicker{
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);text-align:center;margin-bottom:28px;font-family:var(--disp);
}
.seq-rail{
  display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;
  align-items:stretch;gap:0;max-width:1120px;margin:0 auto;
}
.beat{
  background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;
  padding:18px 16px 14px;display:flex;flex-direction:column;gap:14px;
  box-shadow:0 12px 32px -20px rgba(0,0,0,.18);
  animation:chipIn .7s cubic-bezier(.22,1,.36,1) both;
  position:relative;overflow:hidden;
}
.beat-1{animation-delay:.05s}
.beat-2{animation-delay:.2s}
.beat-3{animation-delay:.35s}
.beat-4{animation-delay:.5s}
.beat::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 0%,rgba(0,113,227,.08),transparent 60%);
  opacity:0;transition:opacity .4s;
}
.beat-3::before,.beat-2::before{opacity:1}
.seq-join{
  align-self:center;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(0,113,227,.15),rgba(0,113,227,.45),rgba(0,113,227,.15));
  position:relative;
}
.seq-join::after{
  content:'';position:absolute;right:-3px;top:50%;width:6px;height:6px;border-radius:50%;
  background:#0071e3;transform:translateY(-50%);
  box-shadow:0 0 10px rgba(0,113,227,.5);
  animation:joinPulse 1.8s ease-in-out infinite;
}
@keyframes joinPulse{
  0%,100%{opacity:.5;transform:translateY(-50%) scale(.8)}
  50%{opacity:1;transform:translateY(-50%) scale(1.15)}
}
.beat-live{
  display:flex;align-items:center;gap:12px;min-height:56px;
  padding:10px 12px;border-radius:12px;
  background:rgba(0,113,227,.05);border:1px solid rgba(0,113,227,.12);
}
.ring.lg{width:26px;height:26px}
.beat-live-txt{display:flex;flex-direction:column;gap:1px}
.beat-live-txt b{font-size:13px;font-weight:600;color:#0071e3;letter-spacing:-.01em}
.beat-live-txt span{font-size:12px;color:#6e6e73}
.beat-chip{
  display:flex;align-items:center;gap:8px;min-height:56px;
  padding:10px 10px;border-radius:12px;
  background:rgba(0,113,227,.08);border:1px solid rgba(0,113,227,.16);
  box-shadow:0 0 0 2px rgba(0,113,227,.08);
}
.chip-txt-mini{flex:1;font-size:12px;color:#1d1d1f;line-height:1.3}
.chip-txt-mini b{color:#0071e3;font-weight:600}
.do-halo.sm{box-shadow:0 0 0 2px rgba(0,113,227,.2),0 6px 14px -4px rgba(0,113,227,.45)}
.do-halo.sm .chip-do{height:22px}
.beat-doit{
  position:relative;display:grid;place-items:center;min-height:56px;
}
.do-halo.xl{
  display:inline-flex;border-radius:14px;
  animation:haloGlow 1.8s ease-in-out infinite;
  box-shadow:0 0 0 4px rgba(0,113,227,.22),0 16px 36px -8px rgba(0,113,227,.55);
}
.chip-do.xl{height:40px;display:block}
.doit-spark{
  position:absolute;inset:8% 18%;border-radius:50%;
  background:radial-gradient(circle,rgba(0,113,227,.35),transparent 70%);
  filter:blur(8px);animation:glowBreathe 2.2s ease-in-out infinite;pointer-events:none;
}
.beat-receipt{
  display:flex;align-items:center;gap:8px;min-height:56px;
  padding:10px 12px;border-radius:12px;
  background:#f5f5f7;border:1px solid rgba(0,0,0,.08);
  font-size:12.5px;color:#6e6e73;
  animation:receiptSettle 1.2s cubic-bezier(.22,1,.36,1) both;
}
.beat-receipt b{color:#1d1d1f;font-weight:600}
.beat-receipt em{font-style:normal;font-weight:600;color:#0071e3;text-decoration:underline;text-underline-offset:2px}
.beat-meta{display:flex;align-items:baseline;gap:8px;padding:0 2px}
.beat-n{font-family:var(--disp);font-size:11px;font-weight:700;letter-spacing:.1em;color:#0071e3}
.beat-name{font-family:var(--disp);font-size:14px;font-weight:600;letter-spacing:-.02em;color:#1d1d1f}

/* Anatomy controls */
.anatomy{padding:40px 0 8px}
.anatomy-grid{
  display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;max-width:1120px;margin:0 auto;
}
.ctrl{
  background:var(--alt);border-radius:20px;padding:28px 22px 22px;text-align:center;
  border:1px solid rgba(0,0,0,.05);
  animation:chipIn .7s cubic-bezier(.22,1,.36,1) both;
}
.ctrl-hold{animation-delay:.15s}
.ctrl-do{animation-delay:.3s}
.ctrl-undo{animation-delay:.45s}
.featured-ctrl{
  background:#fff;
  box-shadow:
    0 0 0 1px rgba(0,113,227,.1),
    0 24px 56px -20px rgba(0,113,227,.35),
    0 0 60px -24px rgba(0,113,227,.25);
  transform:translateY(-4px);
}
.ctrl-stage{
  position:relative;height:88px;display:grid;place-items:center;margin-bottom:16px;
}
.hold-btn{
  font-family:var(--ui);font-size:14px;font-weight:600;color:#0071e3;
  background:rgba(0,113,227,.12);border:1px solid rgba(0,113,227,.2);
  border-radius:10px;padding:10px 18px;cursor:default;
  animation:holdPulse 2.4s ease-in-out infinite;
}
@keyframes holdPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(0,113,227,.0);transform:scale(1)}
  50%{box-shadow:0 0 0 6px rgba(0,113,227,.1);transform:scale(1.02)}
}
.ctrl-pulse{
  position:absolute;width:120px;height:120px;border-radius:50%;
  border:1px solid rgba(0,113,227,.15);pointer-events:none;
  animation:orbitExpand 3s ease-out infinite;
}
@keyframes orbitExpand{
  0%{transform:scale(.4);opacity:.6}
  100%{transform:scale(1.2);opacity:0}
}
.do-halo.xxl{
  display:inline-flex;border-radius:16px;position:relative;z-index:1;
  animation:haloGlow 1.6s ease-in-out infinite;
  box-shadow:0 0 0 5px rgba(0,113,227,.25),0 20px 44px -8px rgba(0,113,227,.6);
}
.chip-do.xxl{height:52px;display:block}
.orbit{
  position:absolute;width:100px;height:100px;border-radius:50%;
  border:1.5px dashed rgba(0,113,227,.35);pointer-events:none;
  animation:spinSlow 8s linear infinite;
}
.orbit.delay{width:130px;height:130px;border-style:solid;border-width:1px;opacity:.4;animation-duration:12s;animation-direction:reverse}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.undo-chip{
  display:inline-flex;align-items:center;gap:8px;
  background:#f5f5f7;border:1px solid rgba(0,0,0,.08);border-radius:10px;
  padding:10px 14px;font-size:13px;color:#6e6e73;
  animation:receiptSettle 1.4s cubic-bezier(.22,1,.36,1) both;
}
.undo-chip em{font-style:normal;font-weight:600;color:#0071e3;text-decoration:underline;text-underline-offset:2px}
.ctrl-label{font-family:var(--disp);font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin-bottom:4px}
.ctrl-sub{font-size:13px;color:var(--muted);letter-spacing:-.01em}

/* Destination surface */
.dest{padding:36px 0 12px}
.dest-shell{position:relative;max-width:720px;margin:0 auto}
.dest-glow{
  position:absolute;inset:-18% -20% -10% -20%;
  background:radial-gradient(ellipse at 50% 30%,rgba(0,113,227,.2),transparent 65%);
  filter:blur(8px);animation:glowBreathe 4s ease-in-out infinite;pointer-events:none;
}
.dest-card{
  position:relative;background:#fff;border-radius:18px;overflow:hidden;
  border:1px solid rgba(0,113,227,.12);
  box-shadow:
    0 28px 64px -20px rgba(0,0,0,.22),
    0 0 0 1px rgba(0,113,227,.04),
    0 0 48px -16px rgba(0,113,227,.2);
  animation:chipIn .8s cubic-bezier(.22,1,.36,1) .2s both;
}
.dest-head{
  display:flex;align-items:center;gap:10px;padding:14px 18px;
  background:#f6f8fc;border-bottom:1px solid #e8eaed;
}
.dest-title{font-family:var(--disp);font-size:14px;font-weight:600;letter-spacing:-.015em;color:#1d1d1f}
.inv-status.live{
  margin-inline-start:auto;color:#1d1d1f;background:#f5f5f7;
  border:1px solid rgba(0,0,0,.08);font-size:11px;font-weight:600;
  border-radius:980px;padding:4px 10px;
  animation:statusSettle 1.6s ease both;
}
@keyframes statusSettle{
  0%{background:rgba(0,113,227,.12);color:#0071e3;border-color:rgba(0,113,227,.25)}
  100%{background:#f5f5f7;color:#1d1d1f;border-color:rgba(0,0,0,.08)}
}
.dest-body{padding:22px 22px 18px}
.dest-hero-amt{
  font-family:var(--disp);font-size:42px;font-weight:600;letter-spacing:-.035em;
  color:#1d1d1f;line-height:1;margin-bottom:18px;
}
.dest-hero-amt span{font-size:18px;font-weight:500;color:#6e6e73;letter-spacing:-.02em}
.dest-meta-row{
  display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:18px;
}
.dest-bar{
  height:4px;border-radius:4px;background:rgba(0,113,227,.1);overflow:hidden;margin-bottom:16px;
}
.dest-bar-fill{
  display:block;height:100%;width:0;border-radius:4px;
  background:linear-gradient(90deg,#0071e3,rgba(0,113,227,.55));
  animation:barFill 1.4s cubic-bezier(.22,1,.36,1) .6s forwards;
}
@keyframes barFill{to{width:100%}}
.dest-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.dest-undo{font-size:12px;font-weight:500;color:#0071e3;letter-spacing:-.01em}

@media (max-width:980px){
  .seq-rail{grid-template-columns:1fr 1fr;gap:12px}
  .seq-join{display:none}
  .anatomy-grid{grid-template-columns:1fr;gap:12px}
  .featured-ctrl{transform:none}
}

/* ——— Corner v5: more components, less prose ——— */
.hero .sub{font-size:18px;max-width:24em;margin-top:16px}
.hero{padding:56px 0 0}
.kinds{padding:48px 0 4px}
.kinds-row.compact .kind{padding:28px 24px 4px}
.kinds-row.compact .kind .label{margin-bottom:0;font-size:21px}
.kinds-row.compact .kind .hint{display:none}
.creed{margin-top:40px;padding:56px 0}
.creed p{font-size:24px}
.close{padding:64px 0 60px}
.close .lede{display:none}

/* Motion-frame strip */
.frames{padding:48px 0 8px;background:var(--bg)}
.frames .kicker,.variants .kicker,.undo-anatomy .kicker,.tray .kicker{
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);text-align:center;margin-bottom:28px;font-family:var(--disp);
}
.frame-strip{
  display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;
  align-items:stretch;gap:0;max-width:1120px;margin:0 auto;
}
.frame{
  background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:14px;
  overflow:hidden;box-shadow:0 10px 28px -16px rgba(0,0,0,.16);
  animation:chipIn .65s cubic-bezier(.22,1,.36,1) both;
}
.f1{animation-delay:.05s}.f2{animation-delay:.15s}.f3{animation-delay:.25s}
.f4{animation-delay:.35s}.f5{animation-delay:.45s}
.frame.hot{
  border-color:rgba(0,113,227,.22);
  box-shadow:0 0 0 1px rgba(0,113,227,.1),0 16px 36px -14px rgba(0,113,227,.35);
  transform:translateY(-4px);
}
.frame-screen{
  height:110px;display:grid;place-items:center;gap:8px;
  background:linear-gradient(180deg,#f8fafc,#f5f5f7);
  border-bottom:1px solid rgba(0,0,0,.05);
  position:relative;overflow:hidden;
}
.frame-screen.settled{background:#f5f5f7;display:flex;align-items:center;justify-content:center;gap:8px}
.frame-label-live{font-size:11px;color:#6e6e73;letter-spacing:-.01em}
.ring.sm{width:14px;height:14px}
.mini-chip{
  display:flex;align-items:center;gap:6px;
  background:rgba(0,113,227,.08);border:1px solid rgba(0,113,227,.16);
  border-radius:8px;padding:6px 8px;font-size:11px;
}
.chip-hold.xs{font-size:9px;padding:2px 5px;border-radius:4px}
.mini-chip-t{font-weight:600;color:#1d1d1f;letter-spacing:-.02em}
.chip-do.tiny{height:18px;display:block}
.do-halo.md{display:inline-flex;border-radius:12px;position:relative;z-index:1;
  box-shadow:0 0 0 3px rgba(0,113,227,.22),0 12px 28px -6px rgba(0,113,227,.5);
  animation:haloGlow 1.8s ease-in-out infinite}
.chip-do.md{height:32px;display:block}
.frame-burst{
  position:absolute;inset:10% 20%;border-radius:50%;
  background:radial-gradient(circle,rgba(0,113,227,.3),transparent 70%);
  filter:blur(10px);animation:glowBreathe 2s ease-in-out infinite;pointer-events:none;
}
.mini-inv{
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  background:#fff;border:1px solid rgba(0,113,227,.14);border-radius:10px;
  padding:10px 12px;min-width:120px;
  box-shadow:0 6px 16px -8px rgba(0,113,227,.25);
}
.inv-label.xs{font-size:8px;padding:2px 5px}
.mini-inv-n{font-family:var(--disp);font-size:12px;font-weight:600;letter-spacing:-.02em;color:#1d1d1f}
.mini-inv-a{font-size:11px;color:#6e6e73;font-weight:500}
.mini-rcpt{font-size:12px;color:#6e6e73}
.mini-rcpt em{font-style:normal;font-weight:600;color:#0071e3;text-decoration:underline;text-underline-offset:2px}
.frame-meta{
  display:flex;align-items:baseline;gap:7px;padding:10px 12px;
  font-family:var(--disp);font-size:13px;font-weight:600;letter-spacing:-.02em;color:#1d1d1f;
}
.frame-meta .fn{font-size:10px;font-weight:700;letter-spacing:.1em;color:#0071e3}
.frame-gap{
  align-self:center;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(0,113,227,.12),rgba(0,113,227,.4),rgba(0,113,227,.12));
  position:relative;
}
.frame-gap::after{
  content:'';position:absolute;right:-2px;top:50%;width:5px;height:5px;border-radius:50%;
  background:#0071e3;transform:translateY(-50%);
  box-shadow:0 0 8px rgba(0,113,227,.45);
  animation:joinPulse 1.8s ease-in-out infinite;
}

/* Destination variants */
.variants{padding:40px 0 12px}
.var-rail{
  display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;max-width:1120px;margin:0 auto;
}
.var-card{
  background:#fff;border-radius:16px;overflow:hidden;
  border:1px solid rgba(0,0,0,.07);
  box-shadow:0 14px 36px -18px rgba(0,0,0,.16);
  animation:chipIn .7s cubic-bezier(.22,1,.36,1) both;
}
.v-prep{animation-delay:.1s}.v-ready{animation-delay:.25s}.v-issued{animation-delay:.4s}
.featured-var{
  border-color:rgba(0,113,227,.18);
  box-shadow:
    0 0 0 1px rgba(0,113,227,.08),
    0 24px 52px -18px rgba(0,113,227,.32),
    0 0 48px -20px rgba(0,113,227,.2);
  transform:translateY(-6px);
}
.var-head{
  display:flex;align-items:center;gap:8px;padding:12px 14px;
  background:#f6f8fc;border-bottom:1px solid #e8eaed;
}
.var-state{
  margin-inline-start:auto;font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;border-radius:980px;padding:3px 9px;
}
.var-state.prep{color:#0071e3;background:rgba(0,113,227,.1);border:1px solid rgba(0,113,227,.18);
  animation:holdPulse 2s ease-in-out infinite}
.var-state.ready{color:#fff;background:#0071e3;border:1px solid #0071e3}
.var-state.issued{color:#1d1d1f;background:#f5f5f7;border:1px solid rgba(0,0,0,.08);
  animation:statusSettle 1.6s ease both}
.var-body{padding:18px 16px 16px}
.var-amt{
  font-family:var(--disp);font-size:28px;font-weight:600;letter-spacing:-.03em;
  color:#1d1d1f;line-height:1;margin-bottom:12px;
}
.var-amt span{font-size:13px;font-weight:500;color:#6e6e73}
.var-amt.ghost{color:rgba(29,29,31,.28)}
.var-line{
  height:8px;border-radius:4px;background:rgba(0,0,0,.06);margin-bottom:8px;overflow:hidden;position:relative;
}
.var-line.short{width:55%}
.var-line.shimmer::after{
  content:'';position:absolute;inset:0;width:40%;
  background:linear-gradient(90deg,transparent,rgba(0,113,227,.18),transparent);
  animation:shimmer 1.6s ease-in-out infinite;
}
@keyframes shimmer{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(280%)}
}
.var-ring-wrap{display:flex;align-items:center;gap:10px;margin-top:14px}
.var-hint{font-size:12px;color:#6e6e73}
.var-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:14px}
.var-meta span{font-size:11.5px;color:#6e6e73;font-weight:500}
.var-bar{height:3px;border-radius:3px;background:rgba(0,113,227,.1);overflow:hidden;margin-bottom:14px}
.var-bar-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#0071e3,rgba(0,113,227,.55))}
.var-bar-fill.mid{width:0;animation:barFillMid 1.2s cubic-bezier(.22,1,.36,1) .5s forwards}
.var-bar-fill.full{width:0;animation:barFill 1.2s cubic-bezier(.22,1,.36,1) .7s forwards}
@keyframes barFillMid{to{width:62%}}
.var-cta{display:flex;justify-content:flex-end}
.var-undo-row{
  display:flex;align-items:center;gap:8px;font-size:12.5px;color:#6e6e73;
  background:#f5f5f7;border:1px solid rgba(0,0,0,.07);border-radius:9px;padding:8px 11px;
  animation:receiptSettle 1.2s cubic-bezier(.22,1,.36,1) both;
}
.var-undo-row em{font-style:normal;font-weight:600;color:#0071e3;text-decoration:underline;text-underline-offset:2px}

/* Floating Do It craft */
.craft{padding:48px 0 16px}
.craft-shell{
  display:grid;grid-template-columns:1.4fr .7fr;gap:28px;align-items:center;
  max-width:1120px;margin:0 auto;position:relative;
}
.craft-glow{
  position:absolute;inset:-20% -10% -10% -10%;
  background:radial-gradient(ellipse at 40% 40%,rgba(0,113,227,.18),transparent 60%);
  filter:blur(12px);pointer-events:none;animation:glowBreathe 4s ease-in-out infinite;
}
.craft-stage{
  position:relative;height:280px;display:grid;place-items:center;
  background:linear-gradient(180deg,#fafafa,#f5f5f7);
  border-radius:24px;border:1px solid rgba(0,0,0,.06);
  box-shadow:0 28px 64px -24px rgba(0,0,0,.2),0 0 0 1px rgba(0,113,227,.04);
  overflow:hidden;
}
.orbit.o1{width:140px;height:140px;border:1.5px dashed rgba(0,113,227,.35);animation:spinSlow 10s linear infinite}
.orbit.o2{width:190px;height:190px;border:1px solid rgba(0,113,227,.18);animation:spinSlow 16s linear infinite reverse;opacity:.7}
.orbit.o3{width:240px;height:240px;border:1px solid rgba(0,113,227,.1);animation:spinSlow 22s linear infinite;opacity:.45}
.do-halo.xxxl{
  display:inline-flex;border-radius:20px;position:relative;z-index:2;
  animation:haloGlow 1.5s ease-in-out infinite;
  box-shadow:0 0 0 6px rgba(0,113,227,.22),0 28px 56px -10px rgba(0,113,227,.55);
}
.chip-do.xxxl{height:72px;display:block}
.craft-callouts{position:absolute;inset:0;pointer-events:none;z-index:3}
.callout{
  position:absolute;font-size:11px;font-weight:600;letter-spacing:-.01em;
  color:#0071e3;background:rgba(255,255,255,.92);border:1px solid rgba(0,113,227,.16);
  border-radius:980px;padding:5px 11px;
  box-shadow:0 6px 16px -8px rgba(0,113,227,.3);
  animation:chipIn .6s cubic-bezier(.22,1,.36,1) both;
}
.c-tl{top:22px;left:22px;animation-delay:.3s}
.c-tr{top:22px;right:22px;animation-delay:.45s}
.c-bl{bottom:22px;left:22px;animation-delay:.6s}
.c-br{bottom:22px;right:22px;animation-delay:.75s}
.craft-side{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
.ctrl.compact{padding:18px 16px 14px;border-radius:16px}
.ctrl-stage.sm{height:64px;margin-bottom:10px}
.ctrl.compact .ctrl-label{font-size:15px;margin-bottom:0}

/* Undo anatomy */
.undo-anatomy{padding:40px 0 12px;background:var(--bg)}
.undo-board{
  display:grid;grid-template-columns:1.15fr .85fr;gap:24px;max-width:1120px;margin:0 auto;align-items:stretch;
}
.undo-window{
  background:#fff;border-radius:18px;overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 28px 64px -20px rgba(0,0,0,.22),0 0 0 1px rgba(0,113,227,.04);
  animation:chipIn .75s cubic-bezier(.22,1,.36,1) both;
}
.undo-win-bar{
  display:flex;align-items:center;gap:12px;padding:10px 14px;
  background:#f6f8fc;border-bottom:1px solid #e8eaed;
}
.undo-win-title{font-size:12.5px;font-weight:500;color:#5f6368}
.undo-win-body{
  display:grid;grid-template-columns:140px 1fr;gap:20px;padding:24px 22px;align-items:center;
}
.undo-countdown{
  position:relative;width:100px;height:100px;margin:0 auto;
  display:grid;place-items:center;
}
.cd-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.cd-track{fill:none;stroke:rgba(0,0,0,.06);stroke-width:5}
.cd-prog{
  fill:none;stroke:#0071e3;stroke-width:5;stroke-linecap:round;
  stroke-dasharray:213.6;stroke-dashoffset:0;
  animation:cdDrain 8s linear infinite;
  filter:drop-shadow(0 0 6px rgba(0,113,227,.4));
}
@keyframes cdDrain{
  0%{stroke-dashoffset:0}
  100%{stroke-dashoffset:213.6}
}
.cd-num{
  font-family:var(--disp);font-size:28px;font-weight:600;letter-spacing:-.03em;
  color:#1d1d1f;line-height:1;position:relative;z-index:1;
  animation:cdTick 8s linear infinite;
}
@keyframes cdTick{
  0%{opacity:1}
  12.5%{opacity:1} /* visual only; number stays 28 for mock */
}
.cd-unit{
  position:absolute;bottom:14px;font-size:10px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:#86868b;z-index:1;
}
.undo-detail-h{
  font-family:var(--disp);font-size:18px;font-weight:600;letter-spacing:-.02em;
  color:#1d1d1f;margin-bottom:12px;
}
.undo-detail-rows{
  display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:16px;
}
.undo-btn{
  font-family:var(--ui);font-size:13px;font-weight:600;color:#fff;
  background:#0071e3;border:none;border-radius:980px;padding:9px 18px;cursor:default;
  box-shadow:0 1px 2px rgba(0,113,227,.24);
  animation:holdPulse 2.4s ease-in-out infinite;
}
.undo-steps{display:flex;flex-direction:column;gap:10px;justify-content:center}
.ustep{display:flex;align-items:center;gap:12px;animation:chipIn .6s cubic-bezier(.22,1,.36,1) both}
.ustep:nth-child(1){animation-delay:.15s}
.ustep:nth-child(2){animation-delay:.3s}
.ustep:nth-child(3){animation-delay:.45s}
.ustep:nth-child(4){animation-delay:.6s}
.ustep-n{
  width:24px;height:24px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;
  font-family:var(--disp);font-size:11px;font-weight:700;color:#0071e3;
  background:rgba(0,113,227,.1);border:1px solid rgba(0,113,227,.18);
}
.ustep-chip{
  flex:1;display:flex;align-items:center;gap:8px;
  background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:10px;
  padding:11px 14px;font-size:13px;color:#6e6e73;
  box-shadow:0 6px 16px -10px rgba(0,0,0,.12);
}
.ustep-chip.hot{
  background:rgba(0,113,227,.06);border-color:rgba(0,113,227,.16);color:#1d1d1f;
}
.ustep-chip.settled{background:#f5f5f7}
.ustep-chip em{font-style:normal;font-weight:600;color:#0071e3;text-decoration:underline;text-underline-offset:2px}
.cd-mini{
  font-family:var(--disp);font-size:12px;font-weight:700;color:#0071e3;
  background:rgba(0,113,227,.12);border-radius:6px;padding:2px 7px;
}

/* Quiet still-open tray */
.tray{padding:40px 0 8px}
.tray-shell{
  display:grid;grid-template-columns:repeat(4,1fr) 72px;gap:12px;
  max-width:1120px;margin:0 auto;
}
.tray-item{
  background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:14px;
  padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;
  box-shadow:0 10px 28px -16px rgba(0,0,0,.14);
  animation:chipIn .65s cubic-bezier(.22,1,.36,1) both;
  position:relative;min-height:118px;
}
.tray-item:nth-child(1){animation-delay:.05s}
.tray-item:nth-child(2){animation-delay:.15s}
.tray-item:nth-child(3){animation-delay:.25s}
.tray-item:nth-child(4){animation-delay:.35s}
.tray-item.closed{
  background:#f5f5f7;border-color:rgba(0,0,0,.05);opacity:.85;
}
.tray-item.open{
  border-color:rgba(0,113,227,.14);
  box-shadow:0 0 0 1px rgba(0,113,227,.06),0 12px 28px -14px rgba(0,113,227,.2);
}
.tray-item.open.soft{opacity:.92}
.tray-ico{font-size:18px;line-height:1;opacity:.85}
.tray-title{font-family:var(--disp);font-size:14px;font-weight:600;letter-spacing:-.02em;color:#1d1d1f}
.tray-sub{font-size:11.5px;color:#6e6e73;margin-top:2px}
.tray-badge{
  margin-top:auto;align-self:flex-start;font-size:10px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:3px 7px;
}
.tray-badge.done{color:#6e6e73;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.06)}
.tray-badge.open{color:#0071e3;background:rgba(0,113,227,.1);border:1px solid rgba(0,113,227,.16)}
.tray-item.add{
  display:grid;place-items:center;min-height:118px;
  background:transparent;border:1.5px dashed rgba(0,0,0,.12);
  box-shadow:none;opacity:.7;
}
.tray-plus{font-size:28px;font-weight:300;color:#86868b;line-height:1}

@media (max-width:980px){
  .frame-strip{grid-template-columns:1fr 1fr;gap:12px}
  .frame-gap{display:none}
  .frame.hot{transform:none}
  .var-rail{grid-template-columns:1fr;gap:12px}
  .featured-var{transform:none}
  .craft-shell{grid-template-columns:1fr;gap:16px}
  .undo-board{grid-template-columns:1fr}
  .undo-win-body{grid-template-columns:1fr;text-align:center}
  .undo-detail-rows{text-align:left}
  .tray-shell{grid-template-columns:1fr 1fr;gap:10px}
  .tray-item.add{display:none}
}
@media (max-width:720px){
  .frame-strip{grid-template-columns:1fr}
  .tray-shell{grid-template-columns:1fr}
  .craft-stage{height:220px}
  .chip-do.xxxl{height:56px}
  .orbit.o3{display:none}
}

/* ——— Corner v6: interactive product + use-case switcher ——— */
.usecases{padding:28px 0 0;text-align:center}
.usecases .kicker{
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);margin-bottom:14px;font-family:var(--disp);
}
.uc-tabs{
  display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center;
  padding:6px;background:var(--alt);border-radius:980px;border:1px solid rgba(0,0,0,.05);
}
.uc-tab{
  font-family:var(--ui);font-size:13px;font-weight:500;color:var(--muted);
  background:transparent;border:none;border-radius:980px;padding:8px 16px;
  cursor:pointer;letter-spacing:-.01em;transition:background .2s,color .2s,box-shadow .2s;
}
.uc-tab:hover{color:var(--ink);background:rgba(255,255,255,.7)}
.uc-tab.on{
  color:#fff;background:var(--accent);font-weight:600;
  box-shadow:0 1px 2px rgba(0,113,227,.28);
}
.uc-tab:focus-visible{outline:2px solid rgba(0,113,227,.45);outline-offset:2px}

/* Interactive stage: kill auto-settle sequence; drive by data-state */
.stage-live .thinking,
.stage-live .chip,
.stage-live .receipt-stack,
.stage-live .invoice-peek,
.stage-live .handled,
.stage-live .draft-peek{animation:none !important}
.stage-live .receipt{animation:none !important}

.stage-live[data-state="propose"] .receipt-stack{display:none}
.stage-live[data-state="propose"] .handled{display:none;opacity:0}
.stage-live[data-state="propose"] .chip{display:flex}
.stage-live[data-state="propose"] .thinking{display:flex}
.stage-live[data-state="propose"] .inv-status{color:#0071e3;background:rgba(0,113,227,.1);border-color:rgba(0,113,227,.2)}
.stage-live[data-state="propose"] .invoice-peek{opacity:1}

.stage-live[data-state="settled"] .chip{display:none}
.stage-live[data-state="settled"] .thinking{display:none}
.stage-live[data-state="settled"] .receipt-stack{display:flex;animation:receiptReveal .45s cubic-bezier(.22,1,.36,1) both}
.stage-live[data-state="settled"] .receipt{animation:receiptSettle .45s cubic-bezier(.22,1,.36,1) both}
.stage-live[data-state="settled"] .handled{display:inline-flex;animation:chipIn .4s cubic-bezier(.22,1,.36,1) both}
.stage-live[data-state="settled"] .inv-status{color:#1d1d1f;background:#f5f5f7;border-color:rgba(0,0,0,.08)}
.stage-live[data-state="settled"] .invoice-peek{border-color:rgba(0,0,0,.08);box-shadow:0 6px 18px -12px rgba(0,0,0,.14)}

.stage-live[data-state="held"] .chip{display:none}
.stage-live[data-state="held"] .thinking{display:none}
.stage-live[data-state="held"] .receipt-stack{display:none}
.stage-live[data-state="held"] .handled{display:none}
.stage-live[data-state="held"] .invoice-peek{opacity:.55;filter:saturate(.85)}
.stage-live[data-state="held"] .parked-banner{display:flex}

.parked-banner{
  display:none;align-items:center;gap:8px;
  background:#f5f5f7;border:1px solid rgba(0,0,0,.07);
  border-radius:9px;padding:8px 11px;margin:0 0 10px;
  font-size:12.5px;color:#6e6e73;
  animation:chipIn .4s cubic-bezier(.22,1,.36,1) both;
}
.parked-banner b{color:#1d1d1f;font-weight:600}
.parked-banner em{
  font-style:normal;font-weight:600;color:#0071e3;
  text-decoration:underline;text-underline-offset:2px;cursor:pointer;
}

/* Clickable controls */
.chip-hold,.chip-do,.chip-x,.do-halo,.receipt-txt em,.undo-btn,.hold-btn{
  cursor:pointer;
}
.chip-hold{border:none;font-family:inherit}
.chip-hold:hover{background:rgba(0,113,227,.22)}
.do-halo{cursor:pointer;transition:transform .15s ease}
.do-halo:hover{transform:scale(1.06)}
.do-halo:active{transform:scale(.96)}
.chip-x{cursor:pointer;border:none;background:transparent;padding:0 2px}
.chip-x:hover{opacity:1;color:#1d1d1f}
.receipt-txt em:hover,.var-undo-row em:hover,.undo-chip em:hover{opacity:.8}
.undo-btn{cursor:pointer}
.undo-btn:hover{background:var(--accent-h)}
.hold-btn{cursor:pointer}
.hold-btn:hover{background:rgba(0,113,227,.2)}

/* Live flash when Do It fires */
.stage-live.flash-settle .stage-glow{
  animation:settleFlash .7s ease;
}
@keyframes settleFlash{
  0%{opacity:.85;filter:blur(6px)}
  40%{opacity:1;filter:blur(2px);background:radial-gradient(ellipse at 48% 10%,rgba(0,113,227,.4) 0%,rgba(0,113,227,.12) 40%,transparent 65%)}
  100%{opacity:.85;filter:blur(6px)}
}

/* Destination variants sync highlight */
.var-card.live-on{
  border-color:rgba(0,113,227,.22);
  box-shadow:0 0 0 1px rgba(0,113,227,.1),0 20px 44px -16px rgba(0,113,227,.3);
  transform:translateY(-4px);
}
.var-card.live-dim{opacity:.55;transform:none;box-shadow:0 10px 24px -16px rgba(0,0,0,.12)}

/* Demo hint under stage */
.demo-hint{
  text-align:center;margin:14px 0 0;font-size:12px;color:var(--faint);
  letter-spacing:-.005em;
}
.demo-hint b{color:var(--accent);font-weight:600}

/* Tray park highlight */
.tray-item.just-parked{
  border-color:rgba(0,113,227,.28);
  box-shadow:0 0 0 2px rgba(0,113,227,.12),0 14px 32px -12px rgba(0,113,227,.28);
  animation:chipIn .45s cubic-bezier(.22,1,.36,1) both;
}

@media (max-width:720px){
  .uc-tabs{border-radius:16px;padding:8px}
  .uc-tab{font-size:12px;padding:7px 12px}
}

/* Reset button chrome on interactive halos / holds */
button.do-halo,button.chip-hold,button.chip-x,button.hold-btn,button.undo-btn,button.uc-tab{
  font:inherit;
}
button.do-halo{
  background:transparent;border:none;padding:0;line-height:0;
}
button.chip-x{line-height:1}
.tray-item#tray-parked{cursor:pointer}

/* ——— Corner v7: declutter mid + competitor-inspired components ——— */

/* Trust / logo strip */
.trust{padding:36px 0 8px;text-align:center;border-bottom:1px solid var(--line)}
.trust-kicker{
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);margin-bottom:16px;font-family:var(--disp);
}
.trust-row{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 4px;
}
.trust-logo{
  font-family:var(--disp);font-size:15px;font-weight:600;letter-spacing:-.02em;
  color:#86868b;padding:6px 14px;opacity:.85;
}
.trust-dot{
  width:3px;height:3px;border-radius:50%;background:rgba(0,0,0,.18);flex-shrink:0;
}

/* Metric strip */
.metrics{padding:48px 0 16px;background:var(--alt)}
.metric-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  max-width:960px;margin:0 auto;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.metric{
  text-align:center;padding:28px 16px;
  border-right:1px solid var(--line);
}
.metric:last-child{border-right:none}
.metric-n{
  display:block;font-family:var(--disp);font-size:36px;font-weight:600;
  letter-spacing:-.035em;line-height:1;color:var(--ink);margin-bottom:6px;
}
.metric-l{
  display:block;font-size:12px;font-weight:500;color:var(--muted);
  letter-spacing:-.01em;
}

/* One primary close path (replaces frames + seq + variants) */
.path{padding:56px 0 24px;background:var(--bg)}
.path .kicker{
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);text-align:center;margin-bottom:32px;font-family:var(--disp);
}
.path-rail{
  display:grid;
  grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1.35fr;
  align-items:start;gap:0;max-width:1120px;margin:0 auto;
}
.path-step{
  display:flex;flex-direction:column;gap:12px;
  animation:chipIn .65s cubic-bezier(.22,1,.36,1) both;
}
.path-step.s1{animation-delay:.05s}
.path-step.s2{animation-delay:.15s}
.path-step.s3{animation-delay:.25s}
.path-step.s4{animation-delay:.35s}
.path-node{
  height:120px;display:grid;place-items:center;gap:8px;
  background:linear-gradient(180deg,#fafafa,#f5f5f7);
  border:1px solid rgba(0,0,0,.07);border-radius:16px;
  position:relative;overflow:hidden;
  box-shadow:0 10px 28px -16px rgba(0,0,0,.14);
}
.path-step.hot .path-node{
  border-color:rgba(0,113,227,.22);
  box-shadow:0 0 0 1px rgba(0,113,227,.1),0 16px 36px -14px rgba(0,113,227,.32);
}
.path-live{font-size:11px;color:#6e6e73;letter-spacing:-.01em}
.path-meta{
  display:flex;align-items:baseline;gap:7px;padding:0 4px;
  font-family:var(--disp);font-size:13px;font-weight:600;letter-spacing:-.02em;color:#1d1d1f;
}
.path-meta .fn{font-size:10px;font-weight:700;letter-spacing:.1em;color:#0071e3}
.path-join{
  align-self:center;height:2px;margin-top:58px;border-radius:2px;
  background:linear-gradient(90deg,rgba(0,113,227,.12),rgba(0,113,227,.4),rgba(0,113,227,.12));
  position:relative;
}
.path-join::after{
  content:'';position:absolute;right:-2px;top:50%;width:5px;height:5px;border-radius:50%;
  background:#0071e3;transform:translateY(-50%);
  box-shadow:0 0 8px rgba(0,113,227,.45);
  animation:joinPulse 1.8s ease-in-out infinite;
}
.path-join.accent{
  background:linear-gradient(90deg,rgba(0,113,227,.3),rgba(0,113,227,.7));
}
.path-step.dest{margin-top:0}
.path-dest-card{
  background:#fff;border-radius:16px;overflow:hidden;
  border:1px solid rgba(0,113,227,.18);
  box-shadow:
    0 0 0 1px rgba(0,113,227,.06),
    0 20px 48px -18px rgba(0,113,227,.28),
    0 0 40px -18px rgba(0,113,227,.18);
  width:100%;
}
.path-dest-body{padding:14px 14px 12px}
.path-dest-body .var-amt{font-size:24px;margin-bottom:8px}
.path-dest-body .var-meta{margin-bottom:10px}
.path-dest-body .var-bar{margin-bottom:10px}
.path-dest-foot{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
  min-height:32px;font-size:12px;color:#6e6e73;
}
.path-dest-foot em{
  font-style:normal;font-weight:600;color:#0071e3;
  text-decoration:underline;text-underline-offset:2px;cursor:pointer;
}
.path-held-hint{font-size:11.5px;color:#86868b;font-weight:500}

/* Path state sync */
.path-rail[data-path-state="propose"] .path-step.s3 .path-node{
  border-color:rgba(0,113,227,.22);
}
.path-rail[data-path-state="settled"] .path-dest-card{
  border-color:rgba(0,0,0,.08);
  box-shadow:0 14px 36px -18px rgba(0,0,0,.16);
}
.path-rail[data-path-state="settled"] .path-step.s3 .path-node{
  opacity:.7;
}
.path-rail[data-path-state="held"] .path-dest-card{
  opacity:.7;filter:saturate(.85);
  border-color:rgba(0,0,0,.07);
  box-shadow:0 10px 24px -16px rgba(0,0,0,.12);
}

/* Silent when unsure */
.silent{padding:48px 0 24px;background:var(--alt)}
.silent .kicker{
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);text-align:center;margin-bottom:28px;font-family:var(--disp);
}
.silent-rail{
  display:grid;grid-template-columns:1fr 48px 1fr;gap:0;align-items:center;
  max-width:720px;margin:0 auto;
}
.silent-card{
  background:#fff;border-radius:18px;padding:22px 20px 18px;text-align:center;
  border:1px solid rgba(0,0,0,.07);
  box-shadow:0 14px 36px -18px rgba(0,0,0,.14);
  animation:chipIn .7s cubic-bezier(.22,1,.36,1) both;
}
.silent-card.sure{
  border-color:rgba(0,113,227,.16);
  box-shadow:0 0 0 1px rgba(0,113,227,.06),0 16px 40px -16px rgba(0,113,227,.22);
}
.silent-card.unsure{animation-delay:.15s}
.silent-tag{
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#0071e3;margin-bottom:16px;
}
.silent-tag.muted{color:#86868b}
.silent-stage{
  height:72px;display:grid;place-items:center;
  background:linear-gradient(180deg,#fafafa,#f5f5f7);
  border-radius:12px;border:1px solid rgba(0,0,0,.05);margin-bottom:14px;
}
.silent-stage.empty{
  background:#f5f5f7;border-style:dashed;border-color:rgba(0,0,0,.1);
}
.silent-void{
  font-family:var(--disp);font-size:13px;font-weight:500;letter-spacing:-.01em;
  color:#86868b;opacity:.7;
}
.mini-chip.on{
  box-shadow:0 0 0 2px rgba(0,113,227,.1),0 8px 18px -8px rgba(0,113,227,.3);
}
.silent-cap{font-size:12.5px;color:#6e6e73;letter-spacing:-.01em}
.silent-vs{
  text-align:center;font-family:var(--disp);font-size:12px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:#86868b;
}

/* Feature icon row */
.features{padding:48px 0 16px;background:var(--bg)}
.feat-row{
  display:grid;grid-template-columns:repeat(5,1fr);gap:0;
  max-width:960px;margin:0 auto;
  border-top:1px solid var(--line);
}
.feat{
  text-align:center;padding:32px 12px 8px;
  border-right:1px solid var(--line);
  animation:chipIn .6s cubic-bezier(.22,1,.36,1) both;
}
.feat:last-child{border-right:none}
.feat:nth-child(1){animation-delay:.05s}
.feat:nth-child(2){animation-delay:.12s}
.feat:nth-child(3){animation-delay:.19s}
.feat:nth-child(4){animation-delay:.26s}
.feat:nth-child(5){animation-delay:.33s}
.feat-ico{
  width:48px;height:48px;margin:0 auto 12px;border-radius:14px;
  display:grid;place-items:center;
  font-size:20px;line-height:1;
  background:var(--alt);border:1px solid rgba(0,0,0,.06);
  color:#1d1d1f;
}
.feat-ico.accent{
  background:rgba(0,113,227,.08);border-color:rgba(0,113,227,.16);
}
.feat-do{height:22px;width:auto;display:block}
.feat-name{
  font-family:var(--disp);font-size:15px;font-weight:600;
  letter-spacing:-.02em;color:var(--ink);margin-bottom:3px;
}
.feat-sub{font-size:12px;color:var(--muted);letter-spacing:-.01em}

/* Tighten story spacing in v7 */
.story{margin-top:32px}
.usecases{padding-top:32px}

@media (max-width:980px){
  .metric-row{grid-template-columns:1fr 1fr}
  .metric:nth-child(2){border-right:none}
  .metric:nth-child(1),.metric:nth-child(2){border-bottom:1px solid var(--line)}
  .path-rail{grid-template-columns:1fr 1fr;gap:16px}
  .path-join{display:none}
  .path-step.s3 .path-node{min-height:100px}
  .silent-rail{grid-template-columns:1fr;gap:12px}
  .silent-vs{padding:4px 0}
  .feat-row{grid-template-columns:1fr 1fr;gap:0}
  .feat:nth-child(odd){border-right:1px solid var(--line)}
  .feat:nth-child(even){border-right:none}
  .feat{border-bottom:1px solid var(--line)}
}
@media (max-width:720px){
  .metric-row{grid-template-columns:1fr}
  .metric{border-right:none;border-bottom:1px solid var(--line)}
  .metric:last-child{border-bottom:none}
  .path-rail{grid-template-columns:1fr}
  .feat-row{grid-template-columns:1fr}
  .feat{border-right:none}
  .trust-logo{font-size:13px;padding:4px 10px}
}
/* ——— v9: HQ living ring everywhere (512 webp, larger on-screen) ——— */
.living-ico{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  object-fit:contain;background:#fff;
  image-rendering:auto;
  -webkit-backface-visibility:hidden;
  box-shadow:0 0 0 2.5px rgba(0,113,227,.14),0 0 18px rgba(0,113,227,.32);
}
.living-ico.sm{width:36px;height:36px}
.living-ico.path{width:36px;height:36px}
.thinking .living-ico{margin-right:6px}
.thinking{align-items:center;gap:8px}
.path-node{gap:8px}
/* Toolbar / icon context strip (hero-adjacent) */
.living-toolbar{
  display:flex;align-items:center;justify-content:center;gap:18px;
  margin:18px auto 0;padding:14px 18px;max-width:520px;
  background:rgba(255,255,255,.72);border:1px solid rgba(0,113,227,.12);
  border-radius:16px;backdrop-filter:blur(8px);
}
.living-toolbar .lt-item{display:flex;flex-direction:column;align-items:center;gap:6px}
.living-toolbar .lt-item span{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6e6e73}
.living-toolbar .living-ico.hero{width:64px;height:64px;box-shadow:0 0 0 3px rgba(0,113,227,.16),0 0 28px rgba(0,113,227,.35)}
.living-toolbar .living-ico.tool{width:28px;height:28px}

/* Multi-step execution panel in product moment */
.exec{
  margin:0 0 10px;padding:11px 11px 12px;
  border-radius:11px;
  background:linear-gradient(180deg,rgba(0,113,227,.055),rgba(0,113,227,.015));
  border:1px solid rgba(0,113,227,.14);
  animation:execIn .35s cubic-bezier(.22,1,.36,1) both;
}
.exec[hidden]{display:none !important}
@keyframes execIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.exec-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.exec-title{font-size:12.5px;font-weight:600;color:#0071e3;letter-spacing:-.01em}
.exec-sub{font-size:11px;color:#6e6e73;margin-top:1px}
.exec-steps{list-style:none;display:flex;flex-direction:column;gap:5px;margin:0;padding:0}
.exec-steps li{
  display:flex;align-items:center;gap:8px;
  font-size:11.5px;color:#9aa0a6;padding:3px 5px;border-radius:7px;
  transition:color .2s,background .2s;
}
.exec-steps li .es-ico{
  width:13px;height:13px;border-radius:50%;flex-shrink:0;
  border:1.5px solid #dadce0;background:#fff;position:relative;
}
.exec-steps li.active{color:#1d1d1f;background:rgba(0,113,227,.07);font-weight:500}
.exec-steps li.active .es-ico{
  border-color:#0071e3;background:rgba(0,113,227,.15);
  box-shadow:0 0 0 3px rgba(0,113,227,.1);
}
.exec-steps li.active .es-ico::after{
  content:'';position:absolute;inset:2.5px;border-radius:50%;background:#0071e3;
}
.exec-steps li.done{color:#1d1d1f}
.exec-steps li.done .es-ico{border-color:#0071e3;background:#0071e3}
.exec-steps li.done .es-ico::after{
  content:'';position:absolute;left:3.5px;top:1.5px;width:4.5px;height:7.5px;
  border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);
  background:transparent;inset:auto;border-radius:0;
}

/* Stage states: working (in-action multi-step) */
.stage-live[data-state="working"] .chip{display:none}
.stage-live[data-state="working"] .thinking{display:none}
.stage-live[data-state="working"] .receipt-stack{display:none}
.stage-live[data-state="working"] .handled{display:none}
.stage-live[data-state="working"] .invoice-peek{opacity:1;border-color:rgba(0,113,227,.22)}
.stage-live[data-state="working"] .inv-status{color:#0071e3;background:rgba(0,113,227,.1);border-color:rgba(0,113,227,.2)}
.stage-live[data-state="propose"] .thinking{display:flex}
.stage-live[data-state="thinking"] .chip{display:none}
.stage-live[data-state="thinking"] .thinking{display:flex}
.stage-live[data-state="thinking"] .receipt-stack{display:none}
.stage-live[data-state="thinking"] .handled{display:none}
.stage-live[data-state="thinking"] .invoice-peek{opacity:.7}

/* Path rail during working */
.path-rail[data-path-state="working"] .path-step.s3 .frame-burst{opacity:1}
.path-rail[data-path-state="working"] .path-step.s1 .path-live{color:#0071e3}


/* v9: Silent + craft sections removed — hide any residual rules */
.silent,.craft{display:none !important}
.feat-row{grid-template-columns:repeat(4,1fr)}

/* ——— Corner v10: elegant living · obvious switcher · Apple-clean exec ——— */

/* Kill messy mid sections if residual markup ever returns */
.path,.features,.living-toolbar,.usecases{display:none !important}

/* Obvious use-case switcher ABOVE product moment */
.story-intro{
  text-align:center;
  padding:8px 0 22px;
  margin-bottom:4px;
}
.story-kicker{
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);margin-bottom:14px;font-family:var(--disp);
}
.uc-switch{
  display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center;
  padding:5px;background:#fff;
  border-radius:980px;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:
    0 1px 2px rgba(0,0,0,.04),
    0 10px 28px -14px rgba(0,113,227,.22);
}
.uc-switch .uc-tab{
  font-family:var(--ui);font-size:14px;font-weight:560;color:#6e6e73;
  background:transparent;border:none;border-radius:980px;
  padding:10px 18px;cursor:pointer;letter-spacing:-.015em;
  transition:background .18s,color .18s,box-shadow .18s,transform .15s;
  min-width:86px;
}
.uc-switch .uc-tab:hover{color:#1d1d1f;background:rgba(0,113,227,.06)}
.uc-switch .uc-tab.on{
  color:#fff;background:var(--accent);font-weight:600;
  box-shadow:0 2px 8px rgba(0,113,227,.32);
}
.uc-switch .uc-tab:active{transform:scale(.97)}
.uc-hint{
  margin:12px 0 0;font-size:12px;color:var(--faint);letter-spacing:-.005em;
}
.uc-hint b{color:var(--accent);font-weight:600}

/* Case-swap flash on product moment */
.stage-live.case-flash .stage-glow{
  animation:caseFlash .55s ease;
}
@keyframes caseFlash{
  0%{opacity:.7;filter:blur(8px)}
  40%{opacity:1;filter:blur(1px);background:radial-gradient(ellipse at 48% 12%,rgba(0,113,227,.32) 0%,rgba(0,113,227,.08) 42%,transparent 68%)}
  100%{opacity:.85;filter:blur(6px)}
}

/* Elegant living ring — subtle, not a blob (28–36px) */
.living-ico{
  width:32px;height:32px;border-radius:50%;flex-shrink:0;
  object-fit:contain;background:transparent;
  image-rendering:auto;
  -webkit-backface-visibility:hidden;
  box-shadow:0 0 0 1.5px rgba(0,113,227,.12),0 0 10px rgba(0,113,227,.18);
}
.living-ico.sm{width:28px;height:28px;box-shadow:0 0 0 1.25px rgba(0,113,227,.12),0 0 8px rgba(0,113,227,.16)}
.living-ico.tool,.living-ico.metric-ring{
  width:28px;height:28px;margin:0 auto;
  box-shadow:0 0 0 1.25px rgba(0,113,227,.1),0 0 8px rgba(0,113,227,.14);
}
.living-ico.hero{width:36px;height:36px;box-shadow:0 0 0 1.5px rgba(0,113,227,.14),0 0 12px rgba(0,113,227,.2)}
.thinking .living-ico{margin-right:4px}
.thinking{align-items:center;gap:7px;padding:6px 8px}
.thinking-txt{font-size:12px}
.metric-n .living-ico{display:block}

/* Apple-clean in-action / multi-step exec */
.exec{
  margin:0 0 10px;padding:10px 12px 11px;
  border-radius:12px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,113,227,.12);
  box-shadow:0 6px 18px -12px rgba(0,113,227,.18);
  animation:execIn .3s cubic-bezier(.22,1,.36,1) both;
}
.exec[hidden]{display:none !important}
.exec-head{
  display:flex;align-items:center;gap:8px;margin-bottom:8px;
}
.exec-meta{flex:1;min-width:0}
.exec-title{
  font-size:12.5px;font-weight:600;color:#1d1d1f;letter-spacing:-.015em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.exec-sub{font-size:11px;color:#86868b;margin-top:1px;letter-spacing:-.01em}
.exec-count{
  font-variant-numeric:tabular-nums;
  font-size:11px;font-weight:600;color:#0071e3;
  letter-spacing:-.02em;flex-shrink:0;
  background:rgba(0,113,227,.08);border-radius:980px;
  padding:3px 8px;
}
.exec-count span{opacity:.45;font-weight:500;padding:0 1px}
.exec-track{
  height:2px;border-radius:2px;background:rgba(0,0,0,.06);
  overflow:hidden;margin-bottom:8px;
}
.exec-fill{
  height:100%;width:0%;border-radius:2px;
  background:linear-gradient(90deg,#0071e3,#59a3ed);
  transition:width .45s cubic-bezier(.22,1,.36,1);
}
.exec-steps{
  list-style:none;display:flex;flex-direction:column;gap:2px;
  margin:0;padding:0;
}
.exec-steps li{
  display:flex;align-items:center;gap:8px;
  font-size:11px;color:#c7c7cc;padding:2px 2px;border-radius:6px;
  transition:color .2s,opacity .2s;
  line-height:1.3;
}
.exec-steps li .es-ico{
  width:11px;height:11px;border-radius:50%;flex-shrink:0;
  border:1.5px solid #e5e5ea;background:transparent;position:relative;
}
.exec-steps li.pending{opacity:.55}
.exec-steps li.active{
  color:#1d1d1f;font-weight:500;opacity:1;
}
.exec-steps li.active .es-ico{
  border-color:#0071e3;background:rgba(0,113,227,.12);
  box-shadow:0 0 0 2px rgba(0,113,227,.08);
}
.exec-steps li.active .es-ico::after{
  content:'';position:absolute;inset:2px;border-radius:50%;background:#0071e3;
}
.exec-steps li.done{color:#6e6e73;opacity:.85}
.exec-steps li.done .es-ico{border-color:#0071e3;background:#0071e3}
.exec-steps li.done .es-ico::after{
  content:'';position:absolute;left:2.8px;top:1px;width:3.5px;height:6px;
  border:solid #fff;border-width:0 1.4px 1.4px 0;transform:rotate(45deg);
  background:transparent;inset:auto;border-radius:0;
}

/* During working: quiet still-open pills; tighten dest peek */
.stage-live[data-state="working"] .still-quiet{
  opacity:.38;filter:saturate(.7);
}
.stage-live[data-state="working"] .still-quiet .ask-pill{
  background:transparent;border-color:rgba(0,0,0,.06);color:#9a9a9f;
  font-weight:400;box-shadow:none;
}
.stage-live[data-state="working"] .invoice-peek{
  opacity:1;border-color:rgba(0,113,227,.16);
  box-shadow:0 4px 14px -10px rgba(0,113,227,.2);
}
.stage-live[data-state="working"] .inv-v{
  transition:color .25s,opacity .25s;
}
.stage-live[data-state="working"] .inv-grid .inv-v:is(:empty),
.stage-live[data-state="working"] .inv-v.is-ph{
  color:#c7c7cc;font-weight:400;
}

/* Soften stage glow — less blob energy */
.stage-live .stage-glow{
  background:radial-gradient(ellipse at 50% 14%,rgba(0,113,227,.1) 0%,rgba(0,113,227,.03) 42%,transparent 68%);
}
.stage-live .stage-ring{
  box-shadow:
    0 0 0 1px rgba(0,113,227,.05),
    0 0 28px -12px rgba(0,113,227,.12),
    0 32px 64px -28px rgba(0,0,0,.22);
}

/* Story spacing after switcher */
.story{margin-top:20px}
.story-rail{margin-top:0}

/* Metric ring cell */
.metric-n{display:flex;align-items:center;justify-content:center;min-height:36px}

@media (max-width:720px){
  .uc-switch{border-radius:18px;padding:6px;gap:4px}
  .uc-switch .uc-tab{font-size:12.5px;padding:8px 12px;min-width:0}
}

/* v10 polish: softer ring glow · hide still-open during exec */
.living-ico{
  box-shadow:0 0 0 1px rgba(0,113,227,.1),0 0 6px rgba(0,113,227,.12) !important;
}
.living-ico.sm{
  box-shadow:0 0 0 1px rgba(0,113,227,.09),0 0 5px rgba(0,113,227,.1) !important;
}
.stage-live[data-state="working"] .still-quiet{
  display:none !important;
}
.stage-live[data-state="working"] .gm-msg{
  opacity:.72;
}
/* Slightly tighter thinking row with small ring */
.thinking{
  padding:5px 6px !important;
  gap:6px !important;
  background:rgba(0,113,227,.04);
  border:1px solid rgba(0,113,227,.08);
  border-radius:10px;
}

/* ——— Corner v11: true close · approve wait · multi-surface demos ——— */

.uc-adapt{
  margin:10px 0 0;font-size:13px;color:var(--muted);letter-spacing:-.01em;
  max-width:36em;margin-inline:auto;
}
.tray-soft{
  text-align:center;font-size:12.5px;color:var(--faint);margin:-4px 0 16px;
  letter-spacing:-.005em;
}

/* Approve / waiting-for-approval (true close) */
.approve-banner{
  display:flex;align-items:center;gap:10px;
  margin:0 0 10px;padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(0,113,227,.18);
  box-shadow:0 6px 18px -12px rgba(0,113,227,.22);
  animation:execIn .3s cubic-bezier(.22,1,.36,1) both;
}
.approve-banner[hidden]{display:none !important}
.approve-meta{flex:1;min-width:0}
.approve-title{
  font-size:12.5px;font-weight:600;color:#1d1d1f;letter-spacing:-.015em;
}
.approve-sub{font-size:11px;color:#86868b;margin-top:1px;letter-spacing:-.01em}
.approve-btn{
  flex-shrink:0;border:none;cursor:pointer;font-family:var(--ui);
  background:var(--accent);color:#fff;font-weight:600;font-size:12px;
  border-radius:980px;padding:8px 14px;letter-spacing:-.01em;
  box-shadow:0 2px 8px rgba(0,113,227,.28);
}
.approve-btn:hover{background:var(--accent-h)}
.approve-btn:active{transform:scale(.97)}

/* Wait state — prepared ≠ closed */
.stage-live[data-state="wait"] .chip{display:none}
.stage-live[data-state="wait"] .thinking{display:none}
.stage-live[data-state="wait"] .receipt-stack{display:none}
.stage-live[data-state="wait"] .handled{display:none}
.stage-live[data-state="wait"] .still-quiet{display:none !important}
.stage-live[data-state="wait"] .invoice-peek,
.stage-live[data-state="wait"] .demo-dest{
  opacity:1;border-color:rgba(0,113,227,.2);
  box-shadow:0 4px 14px -10px rgba(0,113,227,.22);
}
.stage-live[data-state="wait"] .inv-status{
  color:#0071e3;background:rgba(0,113,227,.1);border-color:rgba(0,113,227,.2);
}
.stage-live[data-state="wait"] .gm-msg,
.stage-live[data-state="wait"] .ol-msg{opacity:.72}

/* Surfaces section */
.surfaces{
  padding:56px 0 24px;
  background:linear-gradient(180deg,#fff 0%,#fafafa 40%,#fff 100%);
  border-top:1px solid var(--line);
}
.surfaces-frame{
  text-align:center;
  font-family:var(--disp);font-size:20px;font-weight:500;
  letter-spacing:-.025em;line-height:1.35;color:var(--ink);
  max-width:28em;margin:0 auto 8px;
}
.surfaces-kicker{
  text-align:center;font-size:12px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--faint);
  margin:0 0 36px;font-family:var(--disp);
}
.surf-demo{margin:0 0 42px}
.surf-demo:last-child{margin-bottom:8px}
.surf-label{
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  margin:0 0 14px;padding-inline-start:2px;
}
.surf-tag{
  font-family:var(--disp);font-size:13px;font-weight:600;
  letter-spacing:-.02em;color:var(--accent);
  background:rgba(0,113,227,.08);border:1px solid rgba(0,113,227,.14);
  border-radius:980px;padding:4px 11px;
}
.surf-desc{font-size:12.5px;color:var(--muted);letter-spacing:-.01em}
.surf-rail{
  display:grid;grid-template-columns:minmax(200px,.32fr) 32px minmax(420px,.68fr);
  align-items:center;gap:4px;
}
.surf-card .story-tag{margin-bottom:8px}
.stage-demo .gm,
.stage-demo .ol,
.stage-demo .wa,
.stage-demo .fl,
.stage-demo .desk{
  font-size:12.5px;
}
.stage-demo .gm-body,
.stage-demo .ol-body{min-height:360px}
.stage-demo .ol-subj,
.stage-demo .wa-h,
.stage-demo .fl-h,
.stage-demo .desk-h{
  font-size:15.5px;font-weight:400;letter-spacing:-.02em;line-height:1.25;margin:0;color:#1f1f1f;
}

/* Outlook chrome */
.ol{
  background:#fff;border-radius:16px;overflow:hidden;color:#1f1f1f;
  font-family:var(--ui);font-size:13.5px;line-height:1.45;text-align:left;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 28px 64px -20px rgba(0,0,0,.24),0 0 0 .5px rgba(0,0,0,.08);
}
.ol-sm{
  border-radius:14px;opacity:.9;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 12px 28px -12px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.07);
  filter:saturate(.92) brightness(.985);
}
.ol-top{
  display:flex;align-items:center;gap:12px;padding:10px 14px;
  background:#0f6cbd;color:#fff;
}
.ol-logo{font-weight:600;font-size:13px;letter-spacing:-.01em}
.ol-folder{font-size:12px;opacity:.85}
.ol-search{
  flex:1;max-width:280px;background:rgba(255,255,255,.18);border-radius:6px;
  padding:6px 11px;color:rgba(255,255,255,.85);font-size:12px;
}
.ol-user{font-size:11.5px;opacity:.9;margin-inline-start:auto}
.ol-body{display:grid;grid-template-columns:110px 1fr;min-height:380px}
.ol-side{background:#f3f2f1;padding:10px 6px;border-right:1px solid #e1dfdd;display:flex;flex-direction:column;gap:1px}
.ol-nav{padding:7px 12px;border-radius:4px;color:#323130;font-size:12px;margin:1px 4px;display:flex;justify-content:space-between}
.ol-nav .cnt{font-weight:500;font-size:11px;color:#605e5c}
.ol-nav.on{background:#fff;font-weight:600;color:#0f6cbd;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.ol-thread{padding:14px 16px 18px;background:#fff}
.ol-thread.alone{padding:14px 14px 16px}
.ol-subj{font-size:16px;font-weight:400;color:#1f1f1f;letter-spacing:-.02em;line-height:1.25;margin:0 0 10px}
.ol-sm .ol-subj{font-size:14px}
.ol-msg{display:flex;gap:10px;margin-top:8px}
.ol-av{
  width:28px;height:28px;border-radius:50%;background:#0f6cbd;color:#fff;
  display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0;
}
.ol-from{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}
.ol-from b{font-size:13px;font-weight:600}
.ol-from span{font-size:11.5px;color:#605e5c}
.ol-msg p{font-size:13px;color:#323130;line-height:1.45}

/* WhatsApp chrome — calm premium mock (gray + accent; no green product palette leak on page chrome beyond WA surface) */
.wa{
  background:#efeae2;border-radius:16px;overflow:hidden;color:#111b21;
  font-family:var(--ui);font-size:13.5px;line-height:1.45;text-align:left;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 28px 64px -20px rgba(0,0,0,.24),0 0 0 .5px rgba(0,0,0,.08);
}
.wa-sm{
  border-radius:14px;opacity:.92;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 12px 28px -12px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.07);
}
.wa-top{
  display:flex;align-items:center;gap:10px;padding:10px 12px;
  background:#008069;color:#fff;
}
.wa-logo{font-weight:600;font-size:13px}
.wa-chat{font-size:12.5px;opacity:.95}
.wa-back{font-size:22px;line-height:1;opacity:.9;padding:0 2px}
.wa-av{
  width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);
  display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0;
}
.wa-who{flex:1;min-width:0}
.wa-name{font-size:14px;font-weight:600;letter-spacing:-.01em}
.wa-status{font-size:11px;opacity:.85}
.wa-user{font-size:11px;opacity:.85;margin-inline-start:auto}
.wa-thread{padding:14px 14px 18px;background:#efeae2;min-height:300px}
.wa-thread.alone{padding:14px;min-height:0}
.wa-h{color:#111b21}
.wa-bubble{
  max-width:92%;padding:8px 10px 6px;border-radius:10px;margin:0 0 10px;
  background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.06);
  position:relative;
}
.wa-bubble.in{border-top-left-radius:3px}
.wa-bubble p{font-size:13px;color:#111b21;line-height:1.4;margin:0}
.wa-time{display:block;text-align:end;font-size:10.5px;color:#667781;margin-top:4px}
.wa .thinking,.wa .exec,.wa .approve-banner,.wa .chip,.wa .receipt-stack,.wa .invoice-peek{
  /* product overlays sit on chat canvas */
}
.wa .chip,.wa .exec,.wa .approve-banner,.wa .invoice-peek,.wa .receipt{
  background:rgba(255,255,255,.96);
}
.wa .thinking{background:rgba(0,113,227,.06)}

/* Drive / file chrome */
.fl{
  background:#fff;border-radius:16px;overflow:hidden;color:#1f1f1f;
  font-family:var(--ui);font-size:13.5px;line-height:1.45;text-align:left;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 28px 64px -20px rgba(0,0,0,.24),0 0 0 .5px rgba(0,0,0,.08);
}
.fl-sm{
  border-radius:14px;opacity:.9;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 12px 28px -12px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.07);
}
.fl-top{
  display:flex;align-items:center;gap:12px;padding:10px 14px;
  background:#f8f9fa;border-bottom:1px solid #e8eaed;
}
.fl-logo{font-weight:600;font-size:13px;color:#5f6368;letter-spacing:-.01em}
.fl-crumb{font-size:12px;color:#80868b}
.fl-search{
  flex:1;max-width:260px;background:#e8eaed;border-radius:8px;
  padding:6px 11px;color:#80868b;font-size:12px;
}
.fl-user{font-size:11.5px;color:#5f6368;margin-inline-start:auto}
.fl-body{padding:14px 16px 18px;background:#fff;min-height:300px}
.fl-body.alone{padding:14px;min-height:0}
.fl-row,.desk-row{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:10px;
  background:#f8f9fa;border:1px solid #e8eaed;font-size:13px;
}
.fl-row.miss,.desk-row.miss{border-style:dashed;color:#5f6368}
.fl-row.miss em,.desk-row.miss em{font-style:normal;color:#d93025;font-weight:600;font-size:11px;margin-inline-start:6px}
.fl-row.ok,.desk-row.ok{border-color:rgba(0,113,227,.18);background:rgba(0,113,227,.04)}
.fl-ico,.desk-ico{font-size:16px}

/* Desktop chrome (kept for residual classes if any) */
.desk{
  background:#fff;border-radius:16px;overflow:hidden;color:#1f1f1f;
  font-family:var(--ui);font-size:13.5px;line-height:1.45;text-align:left;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 28px 64px -20px rgba(0,0,0,.24),0 0 0 .5px rgba(0,0,0,.08);
}
.desk-sm{border-radius:14px;opacity:.9;filter:saturate(.92)}
.desk-top{
  display:flex;align-items:center;gap:10px;padding:9px 12px;
  background:#f3f3f3;border-bottom:1px solid #e5e5e5;
}
.desk-dots{display:flex;gap:5px}
.desk-dots i{width:9px;height:9px;border-radius:50%;background:#c7c7c7;display:block}
.desk-title{font-size:12px;color:#605e5c;font-weight:500}
.desk-user{margin-inline-start:auto;font-size:11px;color:#605e5c}
.desk-body{padding:14px 16px 18px;min-height:280px}
.desk-body.alone{padding:14px;min-height:0}
.desk-path{font-size:11.5px;color:#605e5c;margin-bottom:10px}
.desk-h{margin:0}

/* Demo stage state parity for surface chromes */
.stage-demo[data-state="propose"] .receipt-stack,
.stage-demo[data-state="working"] .receipt-stack,
.stage-demo[data-state="wait"] .receipt-stack,
.stage-demo[data-state="held"] .receipt-stack{display:none}
.stage-demo[data-state="propose"] .handled,
.stage-demo[data-state="working"] .handled,
.stage-demo[data-state="wait"] .handled,
.stage-demo[data-state="held"] .handled{display:none}
.stage-demo[data-state="settled"] .chip{display:none}
.stage-demo[data-state="settled"] .thinking{display:none}
.stage-demo[data-state="settled"] .demo-exec{display:none !important}
.stage-demo[data-state="settled"] .demo-approve{display:none !important}
.stage-demo[data-state="settled"] .receipt-stack{display:flex}
.stage-demo[data-state="settled"] .handled{display:inline-flex}
.stage-demo[data-state="working"] .chip,
.stage-demo[data-state="wait"] .chip,
.stage-demo[data-state="held"] .chip{display:none}
.stage-demo[data-state="working"] .thinking,
.stage-demo[data-state="wait"] .thinking,
.stage-demo[data-state="held"] .thinking{display:none}
.stage-demo[data-state="propose"] .chip{display:flex}
.stage-demo[data-state="propose"] .thinking{display:flex}

@media (max-width:900px){
  .surf-rail{grid-template-columns:1fr;gap:12px}
  .surf-rail .story-arrow{display:none}
  .ol-body{grid-template-columns:1fr}
  .ol-side{display:none}
}


/* ——— Corner v12: clearer · finer ——— */

/* Hero — one strong line */
.hero .sub{
  font-size:20px;line-height:1.35;font-weight:500;color:var(--muted);
  letter-spacing:-.01em;max-width:22em;margin:20px auto 0;
}
.hero .ctas{margin-top:24px}
.hero .fine{display:none}

/* Tabs micro-copy */
.uc-micro{
  margin:12px 0 0;font-size:12.5px;color:var(--faint);
  letter-spacing:-.005em;font-weight:500;
}
.uc-adapt,.uc-hint{display:none !important}

/* Open-badge — visible only in wait (still open ≠ closed) */
.open-badge{
  flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.05em;
  color:#0071e3;background:rgba(0,113,227,.1);border:1px solid rgba(0,113,227,.22);
  border-radius:6px;padding:4px 8px;line-height:1;margin-top:2px;
  display:none;
}
.stage-live[data-state="wait"] .open-badge,
.stage-demo[data-state="wait"] .open-badge{display:inline-flex}
.stage-live[data-state="propose"] .open-badge,
.stage-live[data-state="working"] .open-badge,
.stage-live[data-state="settled"] .open-badge,
.stage-live[data-state="held"] .open-badge,
.stage-demo[data-state="propose"] .open-badge,
.stage-demo[data-state="working"] .open-badge,
.stage-demo[data-state="settled"] .open-badge,
.stage-demo[data-state="held"] .open-badge{display:none !important}

/* Wait: handled stays hidden; open-badge shows; chip never Done */
.stage-live[data-state="wait"] .handled{display:none !important}
.stage-demo[data-state="wait"] .handled{display:none !important}

/* Approve banner — emphasize still open */
.approve-banner{
  border-color:rgba(0,113,227,.28);
  background:linear-gradient(180deg,rgba(0,113,227,.06),rgba(255,255,255,.98));
  box-shadow:0 8px 22px -12px rgba(0,113,227,.28);
}
.approve-title{color:#0071e3}
.approve-sub{color:#6e6e73;font-weight:500}
.approve-banner .approve-title::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#0071e3;margin-inline-end:7px;vertical-align:middle;
  box-shadow:0 0 0 3px rgba(0,113,227,.18);
}

/* Wait dest status: prepared, not Done */
.stage-live[data-state="wait"] .inv-status,
.stage-demo[data-state="wait"] .inv-status{
  color:#0071e3 !important;
  background:rgba(0,113,227,.1) !important;
  border-color:rgba(0,113,227,.22) !important;
  font-weight:600;
}

/* Keep exec visible during wait (true-close path) */
.stage-live[data-state="wait"] .exec,
.stage-demo[data-state="wait"] .demo-exec{display:block !important}

/* Before → after contrast */
.ask-pill.open.loud{
  color:#0071e3;background:rgba(0,113,227,.12);border:1px solid rgba(0,113,227,.28);
  font-weight:600;box-shadow:0 0 0 3px rgba(0,113,227,.06);
}
.gm-sm,.ol-sm,.wa-sm,.fl-sm{
  outline:1px solid rgba(0,113,227,.08);
}
.story-card:not(.featured) .story-tag,
.surf-card:not(.featured) .story-tag{
  color:#0071e3;letter-spacing:.08em;
}
.story-card.featured .story-tag.accent,
.surf-card.featured .story-tag.accent{
  color:#1d1d1f;
}
.stage-live[data-state="settled"] .handled,
.stage-demo[data-state="settled"] .handled{
  color:#1d1d1f;background:#e8e8ed;border-color:rgba(0,0,0,.12);
  letter-spacing:.08em;
}
.stage-live[data-state="settled"] .receipt-hero,
.stage-demo[data-state="settled"] .receipt-hero{
  border-color:rgba(0,0,0,.1);
  box-shadow:0 4px 14px -10px rgba(0,0,0,.18);
}
.stage-live[data-state="settled"] .inv-status,
.stage-demo[data-state="settled"] .inv-status{
  color:#1d1d1f;background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1);font-weight:600;
}

/* More air between Gmail hero and surface demos */
.story{padding-bottom:28px}
.surfaces{
  padding:88px 0 28px !important;
  border-top:1px solid var(--line);
}
.surfaces-frame{margin-bottom:10px}
.surfaces-kicker{margin-bottom:44px !important}
.surf-demo{margin-bottom:52px}
.surf-desc{font-size:13px;color:var(--muted);max-width:36em}

/* Tray — residual, max 2 soft */
.tray{padding:48px 0 12px}
.tray-shell{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  max-width:720px;margin:0 auto;
}
.tray-item.open.soft{opacity:.88}
.tray-soft{margin-bottom:18px}

/* Ring stays elegant / small — reinforce locks */
.living-ico{
  width:32px !important;height:32px !important;
}
.living-ico.sm{
  width:28px !important;height:28px !important;
}
.living-ico.tool,.living-ico.metric-ring{
  width:28px !important;height:28px !important;
}
.living-ico.hero{
  width:36px !important;height:36px !important;
}

@media (max-width:720px){
  .tray-shell{grid-template-columns:1fr;max-width:420px}
}

.stage-live[data-state="settled"] .exec{display:none !important}
.stage-live[data-state="settled"] #live-approve{display:none !important}

/* ========== Corner v14 — impress · capture · glow · unify ========== */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* GlowHorizon v16 — LIGHT default (no black void) · crescents soften on white */
.hero{
  position:relative;overflow:hidden;
  padding:72px 0 48px !important;text-align:center;
  background:linear-gradient(180deg,#f7fafc 0%,#ffffff 55%,#ffffff 100%) !important;
  color:var(--ink);
  min-height:0;
  display:block;
}
.hero-inner{position:relative;z-index:2;padding-bottom:24px}
.hero .eyebrow{
  color:var(--faint);
  text-shadow:none;
}
.hero h1{
  color:var(--ink);
  text-shadow:none;
}
/* Blue shimmer Closed — v12 DNA */
.hero h1 em{
  font-style:italic;font-weight:500;display:block;
  background:linear-gradient(105deg,#1d1d1f 18%,#0071e3 55%,#59a3ed 92%);
  background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:none;
  animation:inkShimmer 5s ease-in-out infinite;
}
.hero .sub{
  color:var(--muted);
  text-shadow:none;
}
.glow-horizon{
  position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;
  background:transparent;
}
.gh-void{
  position:absolute;inset:0;
  background:
    radial-gradient(120% 70% at 50% 108%, rgba(0,113,227,.22) 0%, rgba(89,163,237,.1) 28%, transparent 58%),
    radial-gradient(80% 50% at 50% 100%, rgba(255,255,255,.95) 0%, transparent 50%);
}
/* Crescent arcs — soft blue bloom on light (same settle motion) */
.gh-arc{
  position:absolute;left:50%;
  width:140%;
  height:70%;
  transform:translateX(-50%) scale(1.45);
  border-radius:50%;
  top:auto;
  bottom:-42%;
  opacity:0;
  filter:blur(18px);
  mix-blend-mode:multiply;
  will-change:transform,filter,opacity;
  animation:ghArcSettle 2s cubic-bezier(0.16,1,0.3,1) forwards;
  pointer-events:none;
}
.gh-arc-a{
  background:
    radial-gradient(ellipse 85% 60% at 50% 0%,
      rgba(0,113,227,.28) 0%,
      rgba(0,113,227,.1) 38%,
      transparent 68%);
  box-shadow:
    0 -36px 80px 4px rgba(0,113,227,.12),
    0 -12px 32px rgba(89,163,237,.1);
  animation-delay:0s;
  z-index:1;
}
.gh-arc-b{
  width:122%;
  height:58%;
  bottom:-36%;
  background:
    radial-gradient(ellipse 80% 55% at 50% 0%,
      rgba(0,113,227,.35) 0%,
      rgba(0,113,227,.14) 30%,
      rgba(89,163,237,.06) 55%,
      transparent 70%);
  box-shadow:
    0 -20px 56px 2px rgba(0,113,227,.18),
    0 -6px 20px rgba(89,163,237,.12);
  animation-delay:.6s;
  z-index:2;
}
.gh-arc-c{
  width:105%;
  height:48%;
  bottom:-30%;
  background:
    radial-gradient(ellipse 75% 50% at 50% 0%,
      rgba(89,163,237,.4) 0%,
      rgba(0,113,227,.2) 28%,
      transparent 62%);
  box-shadow:
    0 -10px 32px 0 rgba(89,163,237,.2),
    0 -2px 10px rgba(255,255,255,.5);
  animation-delay:1.2s;
  z-index:3;
}
.gh-rim{
  position:absolute;left:50%;
  width:112%;
  height:44%;
  bottom:-26%;
  transform:translateX(-50%) scale(1.5);
  border-radius:50%;
  opacity:0;
  filter:blur(12px);
  mix-blend-mode:normal;
  background:transparent;
  box-shadow:
    0 -1px 0 1px rgba(0,113,227,.18),
    0 -4px 16px 2px rgba(89,163,237,.25),
    0 -14px 40px 6px rgba(0,113,227,.12);
  animation:ghArcSettle 2s cubic-bezier(0.16,1,0.3,1) .3s forwards;
  z-index:4;
  pointer-events:none;
}
.gh-fade{
  position:absolute;left:0;right:0;bottom:0;height:12%;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.85));
  z-index:5;
  pointer-events:none;
}
@keyframes ghArcSettle{
  0%{
    opacity:.4;
    filter:blur(18px);
    transform:translateX(-50%) scale(1.5);
  }
  100%{
    opacity:1;
    filter:blur(0px);
    transform:translateX(-50%) scale(1);
  }
}
@media (prefers-reduced-motion: reduce){
  .gh-arc,.gh-rim{animation:none;opacity:1;filter:none;transform:translateX(-50%) scale(1)}
}

/* Capture — light hero default */
.capture-primary{
  box-shadow:0 1px 2px rgba(0,113,227,.24), 0 8px 24px -10px rgba(0,113,227,.35);
}
.capture-cancel{
  display:block;width:100%;margin-top:12px;text-align:center;
  font-family:var(--ui);font-size:12.5px;font-weight:500;color:var(--faint);
  background:none;border:none;cursor:pointer;padding:6px;
}
.capture-cancel:hover{color:var(--accent)}
.capture-hint{color:var(--muted)}
.capture-hint a,.capture-hint .capture-get{color:var(--accent)}
.capture-hint .name-reset-inline{
  font:inherit;color:var(--faint);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;
}
.capture-card-inner{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 24px 56px -28px rgba(0,113,227,.28),
    0 0 0 1px rgba(0,113,227,.04),
    0 0 80px -20px rgba(0,113,227,.45);
  color:var(--ink);
}
.capture-card-inner .capture-kicker,
.capture-card-inner .capture-title,
.capture-card-inner .capture-copy{color:inherit}
.capture-card-inner .capture-copy{color:var(--muted)}

/* Capture — premium soft gate */
.capture-rail{
  display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:26px;
}
.capture-primary{
  font-family:var(--ui);font-size:15px;font-weight:560;color:#fff;
  background:var(--accent);border:none;border-radius:980px;
  padding:11px 22px;cursor:pointer;letter-spacing:-.01em;
  box-shadow:0 1px 2px rgba(0,113,227,.24);
}
.capture-primary:hover{background:var(--accent-h)}
.capture-secondary{
  font-family:var(--ui);font-size:12.5px;font-weight:500;color:var(--faint);
  background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;
}
.capture-secondary:hover{color:var(--accent);background:rgba(0,113,227,.05)}
.capture-rail.is-captured .capture-primary{display:none}
.capture-card{
  max-width:420px;margin:22px auto 0;text-align:left;
}
.capture-card[hidden]{display:none !important}
.capture-card-inner{
  background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;
  padding:22px 22px 18px;
  box-shadow:0 24px 56px -28px rgba(0,113,227,.28), 0 0 0 1px rgba(0,113,227,.04);
}
.capture-kicker{
  font-family:var(--disp);font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint);margin-bottom:8px;
}
.capture-title{
  font-family:var(--disp);font-size:22px;font-weight:600;letter-spacing:-.03em;margin-bottom:6px;
}
.capture-copy{font-size:13.5px;color:var(--muted);line-height:1.45;margin-bottom:16px}
.capture-form{display:flex;flex-direction:column;gap:8px}
.capture-form input{
  font-family:var(--ui);font-size:14px;padding:11px 14px;border-radius:12px;
  border:1px solid rgba(0,0,0,.1);outline:none;background:#fafafa;color:var(--ink);
}
.capture-form input:focus{border-color:rgba(0,113,227,.45);background:#fff;box-shadow:0 0 0 3px rgba(0,113,227,.12)}
.capture-go{width:100%;margin-top:4px;justify-content:center}
.capture-stay{
  display:block;width:100%;margin-top:12px;text-align:center;
  font-family:var(--ui);font-size:12.5px;font-weight:500;color:var(--faint);
  background:none;border:none;cursor:pointer;padding:6px;
}
.capture-stay:hover{color:var(--accent)}
.capture-hint{margin-top:14px;font-size:13px;color:var(--muted)}
.capture-hint a,.capture-hint .capture-get{color:var(--accent);font-weight:560;text-decoration:none}
body.capture-open .capture-rail{display:none}

/* Integrations marquee */
.marquee-trust{padding:28px 0 18px;border-bottom:1px solid var(--line);overflow:hidden}
.marquee-trust .trust-kicker{margin-bottom:14px;text-align:center}
.marquee{position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{
  display:flex;gap:10px;width:max-content;
  animation:mqScroll 42s linear infinite;
}
.mq-pill{
  flex:none;font-size:12.5px;font-weight:520;color:var(--muted);
  padding:7px 14px;border-radius:980px;background:var(--alt);
  border:1px solid rgba(0,0,0,.05);letter-spacing:-.01em;white-space:nowrap;
}
@keyframes mqScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Living ring — smaller; animate ONLY while working */
.living-ico{
  width:26px !important;height:26px !important;
  border-radius:50%;flex-shrink:0;
  box-shadow:0 0 0 1.25px rgba(0,113,227,.12),0 0 8px rgba(0,113,227,.14);
}
.living-ico.sm{
  width:24px !important;height:24px !important;
  box-shadow:0 0 0 1px rgba(0,113,227,.12),0 0 6px rgba(0,113,227,.14);
}
.living-ico.tool,.living-ico.metric-ring{
  width:24px !important;height:24px !important;
}
.living-ico.hero{
  width:32px !important;height:32px !important;
}
/* Idle / propose / wait: static. Working: soft morph pulse */
.stage-live[data-state="propose"] .living-ico,
.stage-live[data-state="wait"] .living-ico,
.stage-live[data-state="held"] .living-ico,
.stage-live[data-state="settled"] .living-ico{
  animation:none !important;
}
.stage-live[data-state="working"] .living-ico{
  animation:ringMorph 1.1s ease-in-out infinite;
}
@keyframes ringMorph{
  0%,100%{transform:scale(1);filter:saturate(1);box-shadow:0 0 0 1.25px rgba(0,113,227,.14),0 0 8px rgba(0,113,227,.16)}
  50%{transform:scale(1.06);filter:saturate(1.15);box-shadow:0 0 0 2px rgba(0,113,227,.22),0 0 14px rgba(0,113,227,.32)}
}

/* Unified Glance surface — ONE cohesive inset card */
.glance-surface{
  margin:10px 0 12px;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 40%);
  border:1px solid rgba(0,113,227,.16);
  border-radius:16px;
  padding:12px 12px 10px;
  box-shadow:0 8px 28px -18px rgba(0,113,227,.22), inset 0 1px 0 rgba(255,255,255,.8);
}
.glance-surface .thinking,
.glance-surface .exec,
.glance-surface .approve-banner,
.glance-surface .chip,
.glance-surface .receipt-stack,
.glance-surface .invoice-peek,
.glance-surface .parked-banner{
  margin-left:0;margin-right:0;
  box-shadow:none;
  border-color:rgba(0,113,227,.1);
}
.glance-surface .chip{
  margin-top:8px;
  border-radius:12px;
}
.glance-surface .exec{
  margin-top:8px;
  border-radius:12px;
  background:rgba(0,113,227,.03);
}
.glance-surface .approve-banner{
  margin-top:8px;
  border-radius:12px;
}
.glance-surface .invoice-peek{
  margin-top:8px;
  border-radius:12px;
}
.glance-surface .thinking{
  display:none; /* folded into gs-head; keep for demos */
  padding:0;border:none;background:transparent;margin:0 0 6px;
}
.gs-demo .thinking{display:flex;align-items:center;gap:6px;margin:4px 0 8px}
.gs-head{
  display:flex;align-items:center;gap:8px;margin-bottom:6px;
}
.gs-head.compact{margin-bottom:4px}
.gs-head-meta{flex:1;min-width:0;text-align:left}
.gs-brand{font-size:12px;font-weight:620;color:var(--accent);letter-spacing:-.01em}
.gs-intent-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.gs-badge{margin-left:auto}
.gs-intent{
  font-size:13px;line-height:1.4;color:var(--ink);text-align:left;
  margin:0 0 10px;padding:0 2px;letter-spacing:-.01em;
}
.gs-sol-label{
  font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint);margin-bottom:6px;text-align:left;
}
.propose-steps{
  list-style:none;display:flex;flex-direction:column;gap:2px;margin:0 0 8px;text-align:left;
}
.propose-steps li{
  border-radius:10px;transition:background .15s;
}
.propose-steps li:hover{background:rgba(0,113,227,.04)}
.propose-steps li.locked{opacity:.55}
.propose-steps label{
  display:flex;align-items:center;gap:8px;padding:7px 8px;cursor:pointer;
  font-size:12.5px;color:#3a3a3c;
}
.propose-steps input.step-check{
  width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;
}
.propose-steps .es-txt{letter-spacing:-.01em}
.gs-add-row{display:flex;gap:6px;margin-bottom:4px}
.custom-step-input{
  flex:1;font-family:var(--ui);font-size:12.5px;padding:8px 10px;
  border-radius:10px;border:1px solid rgba(0,0,0,.08);outline:none;background:#fff;
}
.custom-step-input:focus{border-color:rgba(0,113,227,.4);box-shadow:0 0 0 3px rgba(0,113,227,.1)}
.gs-add-btn{
  font-family:var(--ui);font-size:12.5px;font-weight:560;color:var(--accent);
  background:rgba(0,113,227,.06);border:none;border-radius:10px;padding:8px 12px;cursor:pointer;
}
.gs-add-btn:hover{background:rgba(0,113,227,.12)}

/* State visibility for unified surface */
.stage-live[data-state="propose"] .gs-propose{display:block}
.stage-live[data-state="propose"] #live-chip{display:flex}
.stage-live[data-state="propose"] #live-exec,
.stage-live[data-state="propose"] #live-approve,
.stage-live[data-state="propose"] #live-receipt,
.stage-live[data-state="propose"] #live-dest,
.stage-live[data-state="propose"] #after-close-cta,
.stage-live[data-state="propose"] #parked-banner{display:none !important}

.stage-live[data-state="working"] .gs-propose,
.stage-live[data-state="working"] #live-chip,
.stage-live[data-state="working"] #live-receipt,
.stage-live[data-state="working"] #after-close-cta{display:none !important}
.stage-live[data-state="working"] #live-exec{display:block !important}
.stage-live[data-state="working"] #live-dest{display:block !important}

.stage-live[data-state="wait"] .gs-propose,
.stage-live[data-state="wait"] #live-chip,
.stage-live[data-state="wait"] #live-receipt,
.stage-live[data-state="wait"] #after-close-cta{display:none !important}
.stage-live[data-state="wait"] #live-exec{display:block !important}
.stage-live[data-state="wait"] #live-approve{display:flex !important}
.stage-live[data-state="wait"] #live-dest{display:block !important}

.stage-live[data-state="settled"] .gs-propose,
.stage-live[data-state="settled"] #live-chip,
.stage-live[data-state="settled"] #live-exec,
.stage-live[data-state="settled"] #live-approve{display:none !important}
.stage-live[data-state="settled"] #live-receipt{display:block !important}
.stage-live[data-state="settled"] #live-dest{display:block !important}
.stage-live[data-state="settled"] #after-close-cta{display:flex !important}

.stage-live[data-state="held"] .gs-propose,
.stage-live[data-state="held"] #live-chip,
.stage-live[data-state="held"] #live-exec,
.stage-live[data-state="held"] #live-approve,
.stage-live[data-state="held"] #live-receipt,
.stage-live[data-state="held"] #live-dest,
.stage-live[data-state="held"] #after-close-cta{display:none !important}
.stage-live[data-state="held"] #parked-banner{display:flex !important}

/* Badges live in glance head now */
.glance-surface .open-badge,
.glance-surface .handled{
  position:static;margin:0;
}
.stage-live[data-state="propose"] .glance-surface .open-badge,
.stage-live[data-state="working"] .glance-surface .open-badge,
.stage-live[data-state="wait"] .glance-surface .open-badge,
.stage-live[data-state="held"] .glance-surface .open-badge{display:inline-flex}
.stage-live[data-state="propose"] .glance-surface .handled,
.stage-live[data-state="working"] .glance-surface .handled,
.stage-live[data-state="wait"] .glance-surface .handled,
.stage-live[data-state="held"] .glance-surface .handled{display:none}
.stage-live[data-state="settled"] .glance-surface .open-badge{display:none}
.stage-live[data-state="settled"] .glance-surface .handled{display:inline-flex}

/* After-close conversion CTA */
.after-close-cta{
  display:none;flex-direction:column;align-items:flex-start;gap:10px;
  margin-top:12px;padding:14px 12px;border-radius:12px;
  background:linear-gradient(135deg,rgba(0,113,227,.06),rgba(89,163,237,.05));
  border:1px solid rgba(0,113,227,.12);
  text-align:left;
}
.acc-line{font-size:14px;font-weight:560;color:var(--ink);letter-spacing:-.015em}
.acc-explore{
  font-family:var(--ui);font-size:12.5px;font-weight:500;color:var(--faint);
  background:none;border:none;cursor:pointer;padding:0;
}
.acc-explore:hover{color:var(--accent)}

/* Proof section — meaningful post-demos */
.proof{padding:72px 0 36px;border-top:1px solid var(--line);text-align:center}
.proof-h{
  font-family:var(--disp);font-size:34px;font-weight:600;letter-spacing:-.035em;
  max-width:16em;margin:0 auto 8px;line-height:1.15;
}
.proof-sub{font-size:15px;color:var(--muted);margin:0 auto 28px;max-width:36em}
.proof-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
  text-align:left;max-width:1080px;margin:0 auto;
}
.proof-card{
  background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;
  padding:18px 16px 16px;
  box-shadow:0 10px 28px -20px rgba(0,0,0,.16);
}
.proof-ico{
  width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:rgba(0,113,227,.06);color:var(--accent);font-weight:600;font-size:16px;margin-bottom:12px;
}
.proof-card h3{
  font-family:var(--disp);font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px;
}
.proof-card p{font-size:13px;color:var(--muted);line-height:1.45;margin-bottom:12px}
.proof-moment{
  display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;
  background:var(--alt);font-size:12px;color:#3a3a3c;
}
.proof-chip-mini b{color:var(--accent)}
.proof-chip-mini em{font-style:normal;color:var(--accent);font-weight:560}
.proof-receipt em{font-style:normal;color:var(--accent);cursor:pointer}
.proof-kinds{margin-top:36px;max-width:640px;margin-left:auto;margin-right:auto}

.close-sub{font-size:15px;color:var(--muted);margin:8px auto 18px;text-align:center}
.close-explore{display:block;margin:14px auto 0}

.tray{padding:40px 0 20px}

@media (max-width:900px){
  .proof-grid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:56px}
}
@media (max-width:560px){
  .proof-grid{grid-template-columns:1fr}
  .capture-rail{padding:0 12px}
  .gh-line{bottom:22%}
}

/* Demo stages — hide outer duplicate thinking chrome; surface handles it */
.stage-demo .gs-demo .thinking-txt{font-size:12px}
.stage-demo[data-state="propose"] .demo-thinking{display:none}
.stage-demo[data-state="working"] .demo-thinking,
.stage-demo[data-state="wait"] .demo-thinking{display:none}

/* Demo unified surface badges */
.stage-demo .gs-demo .open-badge,
.stage-demo .gs-demo .handled{position:static;margin:0}
.stage-demo[data-state="propose"] .gs-demo .open-badge,
.stage-demo[data-state="working"] .gs-demo .open-badge,
.stage-demo[data-state="wait"] .gs-demo .open-badge,
.stage-demo[data-state="held"] .gs-demo .open-badge{display:inline-flex}
.stage-demo[data-state="propose"] .gs-demo .handled,
.stage-demo[data-state="working"] .gs-demo .handled,
.stage-demo[data-state="wait"] .gs-demo .handled,
.stage-demo[data-state="held"] .gs-demo .handled{display:none}
.stage-demo[data-state="settled"] .gs-demo .open-badge{display:none}
.stage-demo[data-state="settled"] .gs-demo .handled{display:inline-flex}

/* Hide duplicate subject-row badges if any remain */
.gm-subj-row > .open-badge,
.gm-subj-row > .handled{display:none !important}

.name-reset-inline{
  font:inherit;color:var(--accent);background:none;border:none;
  cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;
}

/* Ensure propose shows dest peek never (dedupe payment card) */
.stage-live[data-state="propose"] #live-dest{display:none !important}
.stage-demo[data-state="propose"] .demo-dest{display:none !important}
.stage-demo[data-state="working"] .demo-dest,
.stage-demo[data-state="wait"] .demo-dest,
.stage-demo[data-state="settled"] .demo-dest{display:block}

/* Soften legacy thinking bar if present outside surface */
#live-thinking{display:none !important}

/* v14 badge override — beat older !important hide rules for unified surface */
.stage-live[data-state="propose"] .glance-surface .open-badge,
.stage-live[data-state="working"] .glance-surface .open-badge,
.stage-live[data-state="wait"] .glance-surface .open-badge,
.stage-live[data-state="held"] .glance-surface .open-badge,
.stage-demo[data-state="propose"] .gs-demo .open-badge,
.stage-demo[data-state="working"] .gs-demo .open-badge,
.stage-demo[data-state="wait"] .gs-demo .open-badge,
.stage-demo[data-state="held"] .gs-demo .open-badge{
  display:inline-flex !important;
}
.stage-live[data-state="settled"] .glance-surface .open-badge,
.stage-demo[data-state="settled"] .gs-demo .open-badge{
  display:none !important;
}
.stage-live[data-state="settled"] .glance-surface .handled,
.stage-demo[data-state="settled"] .gs-demo .handled{
  display:inline-flex !important;
}
.stage-live[data-state="propose"] .glance-surface .handled,
.stage-live[data-state="working"] .glance-surface .handled,
.stage-live[data-state="wait"] .glance-surface .handled,
.stage-live[data-state="held"] .glance-surface .handled,
.stage-demo[data-state="propose"] .gs-demo .handled,
.stage-demo[data-state="working"] .gs-demo .handled,
.stage-demo[data-state="wait"] .gs-demo .handled,
.stage-demo[data-state="held"] .gs-demo .handled{
  display:none !important;
}


/* ========== Corner v15 — depth · one ring · glow hover cards ========== */

/* ONE living ring only — hide any stray in exec/approve (defense in depth) */
.stage-live .exec-head > .living-ico,
.stage-live .approve-banner > .living-ico,
.stage-demo .exec-head > .living-ico,
.stage-demo .approve-banner > .living-ico{
  display:none !important;
}

/* Premium depth — Glance inset */
.glance-surface{
  background:
    linear-gradient(180deg, rgba(255,255,255,.92) 0%, #f7fafc 18%, #ffffff 100%);
  border:1px solid rgba(0,113,227,.18);
  border-radius:18px;
  padding:14px 14px 12px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 0 0 1px rgba(255,255,255,.4) inset,
    0 1px 2px rgba(0,0,0,.04),
    0 8px 24px -12px rgba(0,40,100,.14),
    0 28px 56px -28px rgba(0,113,227,.28),
    0 0 0 .5px rgba(0,0,0,.06);
}
.glance-surface .exec{
  background:linear-gradient(180deg, rgba(0,113,227,.04), rgba(0,113,227,.02));
  border:1px solid rgba(0,113,227,.1);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 4px 12px -8px rgba(0,113,227,.12);
}
.glance-surface .approve-banner{
  box-shadow:
    0 1px 0 rgba(255,255,255,.7) inset,
    0 6px 18px -10px rgba(0,113,227,.22),
    0 0 0 1px rgba(0,113,227,.12);
}
.glance-surface .chip{
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 4px 14px -8px rgba(0,0,0,.1),
    0 0 0 1px rgba(0,113,227,.08);
}

/* Stage / host elevation */
.stage-ring{
  box-shadow:
    0 0 0 1px rgba(0,113,227,.06),
    0 2px 4px rgba(0,0,0,.03),
    0 24px 48px -24px rgba(0,0,0,.18),
    0 48px 96px -40px rgba(0,40,100,.2);
}
.gm,.wa,.ol{
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 1px 2px rgba(0,0,0,.04),
    0 12px 28px -16px rgba(0,0,0,.14),
    0 36px 72px -28px rgba(0,0,0,.22),
    0 0 0 .5px rgba(0,0,0,.08);
}
.story-card.featured .gm,
.surf-card.featured .wa,
.surf-card.featured .ol,
.surf-card.featured .gm{
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 0 0 1px rgba(0,113,227,.1),
    0 2px 4px rgba(0,0,0,.04),
    0 16px 40px -18px rgba(0,40,100,.16),
    0 48px 88px -36px rgba(0,113,227,.22);
}

/* Proof + tray depth */
.proof-card{
  background:linear-gradient(180deg,#fff 0%,#fafbfd 100%);
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 2px 4px rgba(0,0,0,.03),
    0 12px 32px -18px rgba(0,0,0,.12),
    0 0 0 .5px rgba(0,113,227,.04);
}
.tray-shell{
  box-shadow:
    0 1px 0 rgba(255,255,255,.85) inset,
    0 8px 28px -16px rgba(0,0,0,.1),
    0 0 0 1px rgba(0,0,0,.05);
  border-radius:16px;
}
.tray-item{
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
}

/* Buttons — soft elevation */
.btn{
  box-shadow:
    0 1px 0 rgba(255,255,255,.25) inset,
    0 1px 2px rgba(0,113,227,.28),
    0 8px 20px -8px rgba(0,113,227,.45);
}
.approve-btn{
  box-shadow:
    0 1px 0 rgba(255,255,255,.2) inset,
    0 2px 6px rgba(0,113,227,.28),
    0 8px 18px -6px rgba(0,113,227,.4);
}

/* Marquee — continuous light page (no black→light jump) */
.marquee-trust{
  background:var(--alt);
  border-bottom:1px solid var(--line);
  padding-top:0;
}
.marquee-trust .trust-kicker{color:var(--faint);padding-top:28px}
.mq-pill{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 2px rgba(0,0,0,.04), 0 4px 12px -8px rgba(0,0,0,.08);
}

/* Stats Bento — editorial asymmetric · loop kinds + trust DNA */
.stats-bento{
  margin-top:40px;padding-top:4px;
}
.sb-kicker{
  font-family:var(--disp);font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--faint);
  text-align:center;margin-bottom:20px;
}
.sb-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-template-rows:auto auto auto;
  gap:14px;
}
.sb-tile{
  position:relative;overflow:hidden;
  border-radius:18px;
  background:linear-gradient(165deg,#ffffff 0%,#f7f9fc 100%);
  border:1px solid rgba(0,0,0,.06);
  padding:22px 20px 20px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 2px 4px rgba(0,0,0,.03),
    0 14px 36px -20px rgba(0,40,100,.12),
    0 0 0 .5px rgba(0,113,227,.05);
  transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .35s ease;
}
.sb-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(0,113,227,.18);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 4px 8px rgba(0,0,0,.04),
    0 22px 48px -18px rgba(0,113,227,.22),
    0 0 0 1px rgba(0,113,227,.08);
}
.sb-hero{
  grid-column:1 / span 2;
  grid-row:1 / span 2;
  padding:28px 26px 24px;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(0,113,227,.1) 0%, transparent 55%),
    linear-gradient(165deg,#ffffff 0%,#f3f8ff 100%);
  border-color:rgba(0,113,227,.12);
  display:flex;flex-direction:column;
  min-height:280px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 2px 4px rgba(0,0,0,.03),
    0 20px 48px -22px rgba(0,113,227,.2),
    0 0 0 1px rgba(0,113,227,.06);
}
.sb-mid{
  grid-column:span 2;
  min-height:132px;
}
.sb-promised{grid-column:3 / span 2;grid-row:1}
.sb-asked{grid-column:3 / span 2;grid-row:2}
.sb-stat:nth-of-type(4){grid-column:1 / span 1;grid-row:3}
.sb-stat.accent{grid-column:2 / span 1;grid-row:3}
.sb-wide{grid-column:3 / span 2;grid-row:3}
.sb-stat{
  grid-column:span 1;
  padding:18px 16px 16px;
  min-height:112px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.sb-stat.accent{
  background:
    linear-gradient(160deg, rgba(0,113,227,.08) 0%, #fff 55%);
  border-color:rgba(0,113,227,.14);
}
.sb-wide{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px 24px;
  background:linear-gradient(90deg,#f8fbff 0%,#ffffff 40%,#f5f5f7 100%);
}
.sb-num{
  font-family:var(--disp);font-size:11px;font-weight:600;
  letter-spacing:.16em;color:var(--accent);display:block;margin-bottom:10px;
}
.sb-num.soft{color:var(--faint)}
.sb-title{
  font-family:var(--disp);font-size:24px;font-weight:600;
  letter-spacing:-.03em;line-height:1.12;margin-bottom:8px;color:var(--ink);
}
.sb-hero .sb-title{font-size:32px;letter-spacing:-.036em;margin-bottom:12px}
.sb-copy{
  font-size:14px;line-height:1.45;color:var(--muted);letter-spacing:-.01em;
  max-width:34em;
}
.sb-hero .sb-copy{font-size:15px;flex:1}
.sb-foot{
  display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap;
}
.sb-chip{
  font-size:11.5px;font-weight:560;color:var(--accent);
  background:rgba(0,113,227,.08);border:1px solid rgba(0,113,227,.14);
  border-radius:980px;padding:5px 11px;
}
.sb-meta{font-size:12px;color:var(--faint);font-weight:500}
.sb-stat-label{
  font-family:var(--disp);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;
}
.sb-stat-val{
  font-family:var(--disp);font-size:22px;font-weight:600;
  letter-spacing:-.03em;color:var(--ink);line-height:1.15;margin-bottom:6px;
}
.sb-stat.accent .sb-stat-val{color:var(--accent)}
.sb-stat-hint{font-size:12px;color:var(--muted);line-height:1.35}
.sb-wide-inner{flex:1;min-width:0}
.sb-wide .sb-title{font-size:20px;margin-bottom:4px}
.sb-wide .sb-copy{font-size:13.5px;margin:0}
.sb-trust-pills{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex-shrink:0;
}
.sb-trust-pills span{
  font-size:12px;font-weight:520;color:var(--muted);
  padding:7px 12px;border-radius:980px;
  background:#fff;border:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 2px rgba(0,0,0,.04), 0 4px 12px -8px rgba(0,0,0,.08);
  letter-spacing:-.01em;white-space:nowrap;
}
@media (max-width:900px){
  .sb-grid{grid-template-columns:1fr 1fr;gap:12px}
  .sb-hero,.sb-promised,.sb-asked,.sb-stat,.sb-stat.accent,.sb-wide{
    grid-column:1 / -1 !important;grid-row:auto !important;
  }
  .sb-hero{min-height:auto}
  .sb-mid{grid-column:span 1 !important}
  .sb-promised,.sb-asked{grid-column:span 1 !important}
  .sb-wide{flex-direction:column;align-items:flex-start}
  .sb-trust-pills{justify-content:flex-start}
}
@media (max-width:560px){
  .sb-grid{grid-template-columns:1fr}
  .sb-mid,.sb-promised,.sb-asked,.sb-stat{grid-column:1 / -1 !important}
}
@media (prefers-reduced-motion: reduce){
  .sb-tile{transition:none}
  .sb-tile:hover{transform:none}
}

/* Exec head without ring — align meta flush */
.exec-head{gap:10px}
.approve-banner{gap:12px}


/* ========== v17 — Glow Hover Cards · soft #0071e3 bloom (never black-on-white) ========== */
.glow-hover-sec{
  padding:64px 0 28px;
  border-top:1px solid var(--line);
  text-align:center;
}
.ghc-h{
  font-family:var(--disp);font-size:34px;font-weight:600;letter-spacing:-.035em;
  max-width:16em;margin:0 auto 8px;line-height:1.15;color:var(--ink);
}
.ghc-sub{
  font-size:15px;color:var(--muted);margin:0 auto 28px;max-width:36em;
}
.ghc-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  text-align:left;max-width:1080px;margin:0 auto;
}
.ghc-card{
  position:relative;overflow:hidden;
  border-radius:20px;
  min-height:260px;
  background:linear-gradient(165deg,#ffffff 0%,#f7f9fc 100%);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 2px 4px rgba(0,0,0,.03),
    0 18px 42px -22px rgba(0,40,100,.14),
    0 0 0 .5px rgba(0,113,227,.06);
  transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, border-color .35s ease, background .35s ease;
  --glow-x:50%;
  --glow-y:50%;
  cursor:default;
}
.ghc-card:hover,
.ghc-card:focus-visible,
.ghc-card.is-glowing{
  transform:translateY(-3px);
  border-color:rgba(0,113,227,.28);
  background:linear-gradient(165deg,#ffffff 0%,#f3f8ff 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 6px 12px rgba(0,0,0,.04),
    0 28px 56px -18px rgba(0,113,227,.22),
    0 0 0 1px rgba(0,113,227,.12),
    0 0 48px -12px rgba(0,113,227,.18);
  outline:none;
}
/* Soft blue bloom — light wash only · no dark overlay */
.ghc-bloom{
  position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;
  background:
    radial-gradient(circle 200px at var(--glow-x) var(--glow-y),
      rgba(0,113,227,.22) 0%,
      rgba(0,113,227,.10) 28%,
      rgba(89,163,237,.06) 48%,
      transparent 72%);
  transition:opacity .22s ease;
  mix-blend-mode:multiply;
}
.ghc-card:hover .ghc-bloom,
.ghc-card:focus-visible .ghc-bloom,
.ghc-card.is-glowing .ghc-bloom{
  opacity:1;
}
.ghc-base{
  position:relative;z-index:1;
  padding:26px 24px 22px;
  display:flex;flex-direction:column;height:100%;
  box-sizing:border-box;
}
.ghc-num{
  font-family:var(--disp);font-size:11px;font-weight:600;
  letter-spacing:.16em;color:var(--accent);display:block;margin-bottom:12px;
}
.ghc-card h3{
  font-family:var(--disp);font-size:24px;font-weight:600;
  letter-spacing:-.03em;line-height:1.15;margin:0 0 10px;color:var(--ink);
}
.ghc-card p{
  font-size:14px;line-height:1.45;color:var(--muted);letter-spacing:-.01em;
  margin:0 0 18px;flex:1;
}
.ghc-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}
.ghc-chip{
  font-size:11.5px;font-weight:560;color:var(--accent);
  background:rgba(0,113,227,.08);border:1px solid rgba(0,113,227,.14);
  border-radius:980px;padding:5px 11px;
}
.ghc-chip.soft{color:var(--muted);background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06)}
.ghc-meta{font-size:12px;color:var(--faint);font-weight:500}

@media (max-width:900px){
  .ghc-grid{grid-template-columns:1fr;max-width:420px}
  .ghc-h{font-size:28px}
}
@media (prefers-reduced-motion: reduce){
  .ghc-card{transition:none}
  .ghc-card:hover,.ghc-card:focus-visible,.ghc-card.is-glowing{transform:none}
  .ghc-bloom{transition:none}
}

/* ========== v16 — Feature hover effects (Aceternity-inspired) ========== */
.feat-hover-sec{
  padding:56px 0 48px;
  text-align:center;
}
.fh-h{
  font-family:var(--disp);font-size:34px;font-weight:600;letter-spacing:-.035em;
  max-width:18em;margin:0 auto 8px;line-height:1.15;color:var(--ink);
}
.fh-sub{
  font-size:15px;color:var(--muted);margin:0 auto 32px;max-width:36em;
}
.fh-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1080px;margin:0 auto;
  border:1px solid rgba(0,0,0,.07);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 2px 4px rgba(0,0,0,.03),
    0 22px 48px -24px rgba(0,40,100,.14),
    0 0 0 .5px rgba(0,113,227,.05),
    0 32px 64px -36px rgba(0,113,227,.12);
  text-align:left;
}
.fh-card{
  position:relative;
  padding:28px 26px 24px;
  border-right:1px solid rgba(0,0,0,.06);
  background:#fff;
  transition:background .25s ease;
  min-height:240px;
  display:flex;flex-direction:column;
}
.fh-card:last-child{border-right:none}
.fh-overlay{
  position:absolute;inset:0;
  opacity:0;pointer-events:none;
  background:linear-gradient(180deg, rgba(0,113,227,.06) 0%, transparent 55%);
  transition:opacity .22s ease;
}
.fh-card:nth-child(2) .fh-overlay{
  background:linear-gradient(0deg, rgba(0,113,227,.06) 0%, transparent 55%);
}
.fh-card:hover .fh-overlay,
.fh-card:focus-within .fh-overlay{opacity:1}
.fh-card:hover,
.fh-card:focus-within{
  background:linear-gradient(180deg, #f7faff 0%, #ffffff 60%);
}
.fh-grid:hover .fh-card:not(:hover){
  opacity:.72;
}
.fh-grid:hover .fh-card:hover{opacity:1}
.fh-ico{
  position:relative;z-index:1;
  width:40px;height:40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,113,227,.07);color:var(--accent);
  font-weight:600;font-size:18px;margin-bottom:16px;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 4px 12px -6px rgba(0,113,227,.2);
}
.fh-title-row{
  position:relative;z-index:1;
  padding-left:14px;margin-bottom:10px;
}
.fh-bar{
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:18px;border-radius:0 4px 4px 0;
  background:rgba(0,0,0,.14);
  transition:height .2s ease, background .2s ease;
}
.fh-card:hover .fh-bar,
.fh-card:focus-within .fh-bar{
  height:26px;background:var(--accent);
  box-shadow:0 0 12px rgba(0,113,227,.45);
}
.fh-card h3{
  font-family:var(--disp);font-size:18px;font-weight:600;
  letter-spacing:-.025em;margin:0;color:var(--ink);
  display:inline-block;
  transition:transform .2s ease;
}
.fh-card:hover h3,
.fh-card:focus-within h3{transform:translateX(6px)}
.fh-card > p{
  position:relative;z-index:1;
  font-size:13.5px;line-height:1.45;color:var(--muted);
  margin:0 0 16px;flex:1;max-width:28em;
}
.fh-moment{
  position:relative;z-index:1;
  display:flex;align-items:center;gap:6px;
  padding:8px 10px;border-radius:10px;
  background:var(--alt);font-size:12px;color:#3a3a3c;
  margin-top:auto;
}
.fh-card:hover .fh-moment,
.fh-card:focus-within .fh-moment{
  background:rgba(0,113,227,.06);
  box-shadow:0 0 0 1px rgba(0,113,227,.1);
}

@media (max-width:900px){
  .fh-grid{grid-template-columns:1fr;max-width:420px}
  .fh-card{border-right:none;border-bottom:1px solid rgba(0,0,0,.06)}
  .fh-card:last-child{border-bottom:none}
  .fh-h{font-size:28px}
  .fh-grid:hover .fh-card:not(:hover){opacity:1}
}
@media (prefers-reduced-motion: reduce){
  .fh-card h3,.fh-bar,.fh-overlay{transition:none}
  .fh-card:hover h3,.fh-card:focus-within h3{transform:none}
}

/* ========== v16 — Theme toggle · light default · dark full-page ========== */
.theme-toggle{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--ui);font-size:12px;font-weight:520;color:var(--muted);
  background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);
  border-radius:980px;padding:5px 11px 5px 9px;cursor:pointer;
  letter-spacing:-.01em;transition:color .2s, background .2s, border-color .2s;
}
.theme-toggle:hover{color:var(--accent);border-color:rgba(0,113,227,.22);background:rgba(0,113,227,.06)}
.theme-ico{font-size:13px;line-height:1;opacity:.85}

html[data-theme="dark"]{
  --bg:#05070d;--alt:#0a0f1c;--ink:#f5f5f7;--muted:#a1a1a6;--faint:#6e6e73;
  --line:rgba(120,160,220,.12);--accent:#0071e3;--accent-h:#1482f0;
  color-scheme:dark;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .nav{
  background:rgba(5,7,13,.78);
  border-bottom:1px solid rgba(120,160,220,.1);
}
html[data-theme="dark"] .brand img{filter:brightness(0) invert(1) opacity(.92)}
html[data-theme="dark"] .links a.on{color:var(--ink)}
html[data-theme="dark"] .theme-toggle{
  color:var(--muted);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);
}
html[data-theme="dark"] .theme-toggle:hover{
  color:#59a3ed;border-color:rgba(0,113,227,.4);background:rgba(0,113,227,.15);
}

/* Dark = full-page dark · black void hero + crescents OK */
html[data-theme="dark"] .hero{
  background:#05070d !important;
  color:#f5f5f7;
  min-height:520px;
  display:flex;flex-direction:column;justify-content:center;
  padding:96px 0 88px !important;
}
html[data-theme="dark"] .hero-inner{padding-bottom:72px}
html[data-theme="dark"] .hero .eyebrow{
  color:rgba(255,255,255,.45);
  text-shadow:0 0 24px rgba(0,113,227,.25);
}
html[data-theme="dark"] .hero h1{
  color:#fff;
  text-shadow:0 0 40px rgba(0,113,227,.35), 0 2px 24px rgba(0,0,0,.5);
}
html[data-theme="dark"] .hero h1 em{
  background:linear-gradient(105deg,#ffffff 8%,#59a3ed 42%,#0071e3 92%);
  background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 28px rgba(0,113,227,.55));
  animation:inkShimmer 5s ease-in-out infinite;
}
html[data-theme="dark"] .hero .sub{
  color:rgba(255,255,255,.58);
  text-shadow:0 1px 12px rgba(0,0,0,.4);
}
html[data-theme="dark"] .glow-horizon{background:#05070d}
html[data-theme="dark"] .gh-void{background:#05070d}
html[data-theme="dark"] .gh-arc{
  mix-blend-mode:screen;filter:blur(15px);
}
html[data-theme="dark"] .gh-arc-a{
  background:
    radial-gradient(ellipse 85% 60% at 50% 0%,
      rgba(0,50,120,.75) 0%,
      rgba(0,35,90,.4) 38%,
      transparent 68%);
  box-shadow:
    0 -48px 120px 8px rgba(0,40,100,.45),
    0 -16px 48px rgba(0,70,150,.3);
}
html[data-theme="dark"] .gh-arc-b{
  background:
    radial-gradient(ellipse 80% 55% at 50% 0%,
      rgba(0,113,227,.9) 0%,
      rgba(0,113,227,.45) 30%,
      rgba(0,80,180,.1) 55%,
      transparent 70%);
  box-shadow:
    0 -28px 80px 4px rgba(0,113,227,.55),
    0 -8px 28px rgba(89,163,237,.35);
}
html[data-theme="dark"] .gh-arc-c{
  background:
    radial-gradient(ellipse 75% 50% at 50% 0%,
      rgba(160,210,255,.65) 0%,
      rgba(89,163,237,.55) 14%,
      rgba(0,113,227,.4) 36%,
      transparent 62%);
  box-shadow:
    0 -14px 44px 0 rgba(89,163,237,.4),
    0 -4px 16px rgba(255,255,255,.25);
}
html[data-theme="dark"] .gh-rim{
  mix-blend-mode:screen;filter:blur(15px);
  box-shadow:
    0 -1.5px 0 1.5px rgba(255,255,255,.95),
    0 -3px 10px 2px rgba(255,255,255,.55),
    0 -10px 32px 4px rgba(89,163,237,.45),
    0 -22px 64px 10px rgba(0,113,227,.4);
}
html[data-theme="dark"] .gh-fade{
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.55));
}
html[data-theme="dark"] .capture-primary{
  box-shadow:0 1px 2px rgba(0,113,227,.4), 0 0 32px rgba(0,113,227,.35), 0 8px 24px -8px rgba(0,0,0,.5);
}
html[data-theme="dark"] .capture-hint{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .capture-hint a,
html[data-theme="dark"] .capture-hint .capture-get{color:#59a3ed}
html[data-theme="dark"] .capture-hint .name-reset-inline{color:rgba(255,255,255,.4)}
html[data-theme="dark"] .capture-card-inner{
  background:rgba(28,28,30,.96);
  border:1px solid rgba(255,255,255,.1);
  color:var(--ink);
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 28px 64px -20px rgba(0,0,0,.65),
    0 0 0 1px rgba(0,113,227,.12);
}
html[data-theme="dark"] .capture-form input{
  background:#1c1c1e;border-color:rgba(255,255,255,.12);color:var(--ink);
}
html[data-theme="dark"] .capture-form input:focus{
  border-color:rgba(0,113,227,.5);background:#232326;box-shadow:0 0 0 3px rgba(0,113,227,.2);
}
html[data-theme="dark"] .marquee-trust{
  background:linear-gradient(180deg,#05070d 0%, var(--alt) 32%, var(--alt) 100%);
}
html[data-theme="dark"] .mq-pill{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
  color:var(--muted);
  box-shadow:none;
}

/* Dark surfaces — cards / stage / bento / glow / feature */
html[data-theme="dark"] .stage,
html[data-theme="dark"] .glance-inset,
html[data-theme="dark"] .demo-card,
html[data-theme="dark"] .proof-card,
html[data-theme="dark"] .tray-shell,
html[data-theme="dark"] .tray-item,
html[data-theme="dark"] .sb-tile,
html[data-theme="dark"] .ghc-card,
html[data-theme="dark"] .fh-grid,
html[data-theme="dark"] .fh-card,
html[data-theme="dark"] .story-card,
html[data-theme="dark"] .uc-tabs,
html[data-theme="dark"] .mail-pane,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .dc-card{
  background:linear-gradient(165deg, rgba(16,22,38,.92) 0%, rgba(10,15,28,.96) 100%);
  border-color:rgba(140,180,255,.14);
  color:var(--ink);
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 14px 36px -20px rgba(0,0,0,.55),
    0 0 0 .5px rgba(0,113,227,.12);
}
html[data-theme="dark"] .sb-hero{
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(0,113,227,.22) 0%, transparent 55%),
    linear-gradient(165deg,#1c1c1e 0%,#0f1520 100%);
  border-color:rgba(0,113,227,.22);
}
html[data-theme="dark"] .sb-stat.accent{
  background:linear-gradient(160deg, rgba(0,113,227,.18) 0%, #1c1c1e 55%);
}
html[data-theme="dark"] .sb-wide{
  background:linear-gradient(90deg,#121820 0%,#1c1c1e 40%,#141416 100%);
}
html[data-theme="dark"] .sb-trust-pills span,
html[data-theme="dark"] .mq-pill{
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:var(--muted);
}
html[data-theme="dark"] .sb-copy,
html[data-theme="dark"] .proof-card p,
html[data-theme="dark"] .ghc-card p,
html[data-theme="dark"] .fh-card > p{color:var(--muted)}
html[data-theme="dark"] .sb-title,
html[data-theme="dark"] .proof-card h3,
html[data-theme="dark"] .ghc-card h3,
html[data-theme="dark"] .fh-card h3{color:var(--ink)}
html[data-theme="dark"] .proof-moment,
html[data-theme="dark"] .fh-moment,
html[data-theme="dark"] .ask-pill.open.soft{
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:var(--muted);
}
html[data-theme="dark"] .ghc-card{
  background:linear-gradient(165deg,#1c1c1e 0%,#12141a 100%);
}
html[data-theme="dark"] .ghc-base h3{color:var(--ink)}
html[data-theme="dark"] .ghc-base p{color:var(--muted)}
html[data-theme="dark"] .fh-grid{background:#141416;border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .fh-card{
  background:#141416;border-color:rgba(255,255,255,.08);
}
html[data-theme="dark"] .fh-card:hover,
html[data-theme="dark"] .fh-card:focus-within{
  background:linear-gradient(180deg, #152033 0%, #141416 60%);
}
html[data-theme="dark"] .fh-overlay{
  background:linear-gradient(180deg, rgba(0,113,227,.14) 0%, transparent 55%);
}
html[data-theme="dark"] .fh-bar{background:rgba(255,255,255,.2)}
html[data-theme="dark"] .creed,
html[data-theme="dark"] .close,
html[data-theme="dark"] .tray,
html[data-theme="dark"] .proof,
html[data-theme="dark"] .surfaces,
html[data-theme="dark"] .glow-hover-sec,
html[data-theme="dark"] .feat-hover-sec{
  background:var(--bg);
  border-color:var(--line);
}
html[data-theme="dark"] .close{background:var(--alt)}
html[data-theme="dark"] footer,
html[data-theme="dark"] .site-foot{color:var(--faint)}


/* ========== v17 — mono eyebrows · Dual-Core · end CTA · Flow dark polish ========== */
.mono-eye{
  font-family:var(--mono) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  color:var(--accent) !important;
}

/* Glowing primary pill — Flow-style soft bloom */
.btn.btn-glow{
  position:relative;
  box-shadow:
    0 1px 2px rgba(0,113,227,.28),
    0 0 0 1px rgba(0,113,227,.08),
    0 0 28px rgba(0,113,227,.35),
    0 8px 24px -8px rgba(0,113,227,.4);
}
.btn.btn-glow:hover{
  box-shadow:
    0 1px 2px rgba(0,113,227,.32),
    0 0 0 1px rgba(0,113,227,.12),
    0 0 40px rgba(0,113,227,.48),
    0 10px 28px -8px rgba(0,113,227,.5);
}
.btn.sm.btn-glow{
  box-shadow:
    0 0 0 1px rgba(0,113,227,.1),
    0 0 18px rgba(0,113,227,.4),
    0 4px 14px -4px rgba(0,113,227,.35);
}

/* Dual-Core Architecture */
.dual-core{
  position:relative;
  padding:72px 0 56px;
  text-align:center;
  overflow:hidden;
  border-top:1px solid var(--line);
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(0,113,227,.06) 0%, transparent 60%),
    var(--bg);
}
.dc-bloom{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 40% 35% at 20% 60%, rgba(0,113,227,.05), transparent 70%),
    radial-gradient(ellipse 40% 35% at 80% 40%, rgba(89,163,237,.05), transparent 70%);
}
.dc-eye{
  margin:0 auto 14px;
}
.dc-h{
  font-family:var(--disp);font-size:42px;font-weight:600;letter-spacing:-.038em;
  line-height:1.12;max-width:16em;margin:0 auto 10px;color:var(--ink);
}
.dc-h em{
  font-style:italic;font-weight:500;
  background:linear-gradient(105deg,#1d1d1f 18%,#0071e3 88%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.dc-sub{
  font-size:16px;color:var(--muted);margin:0 auto 36px;max-width:34em;
}
.dc-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
  max-width:1080px;margin:0 auto;text-align:left;
}
.dc-card{
  position:relative;
  border-radius:22px;
  padding:22px 22px 24px;
  background:linear-gradient(165deg,#ffffff 0%,#f7f9fc 100%);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 2px 4px rgba(0,0,0,.03),
    0 22px 48px -22px rgba(0,40,100,.14),
    0 0 0 .5px rgba(0,113,227,.06);
  transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .35s ease;
}
.dc-card:hover{
  transform:translateY(-3px);
  border-color:rgba(0,113,227,.22);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 8px 16px rgba(0,0,0,.04),
    0 28px 56px -18px rgba(0,113,227,.22),
    0 0 0 1px rgba(0,113,227,.1);
}
.dc-viz{
  margin-bottom:18px;
}
.dc-viz-pane{
  position:relative;overflow:hidden;
  height:168px;border-radius:14px;
  background:linear-gradient(160deg,#0a1220 0%,#0e1a30 55%,#0a1628 100%);
  border:1px solid rgba(0,113,227,.22);
  box-shadow:0 0 32px -8px rgba(0,113,227,.25) inset;
}
.dc-viz-bar{
  display:flex;gap:5px;padding:12px 14px 8px;
}
.dc-viz-bar span{
  width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18);
}
.dc-viz-lines{padding:4px 18px 16px;display:flex;flex-direction:column;gap:9px}
.dc-viz-lines i{
  display:block;height:7px;border-radius:4px;
  background:rgba(255,255,255,.1);width:88%;
}
.dc-viz-lines i:nth-child(2){width:72%}
.dc-viz-lines i:nth-child(4){width:64%}
.dc-viz-lines i:nth-child(5){width:80%}
.dc-viz-lines i.hi{
  width:58%;
  background:rgba(0,113,227,.35);
  box-shadow:0 0 16px rgba(0,113,227,.35);
  outline:1px solid rgba(89,163,237,.35);
  outline-offset:3px;
  border-radius:5px;
  height:18px;
}
.dc-scan{
  position:absolute;left:8%;right:8%;height:2px;
  top:42%;
  background:linear-gradient(90deg, transparent, rgba(89,163,237,.85), transparent);
  box-shadow:0 0 18px 2px rgba(0,113,227,.55);
  animation:dcScan 3.6s ease-in-out infinite;
}
@keyframes dcScan{
  0%,100%{top:28%;opacity:.35}
  50%{top:62%;opacity:1}
}
.dc-viz-tag{
  position:absolute;bottom:12px;left:14px;
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(89,163,237,.85);
  background:rgba(0,20,50,.55);border:1px solid rgba(0,113,227,.28);
  border-radius:980px;padding:4px 10px;
}
.dc-viz-doit{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:
    radial-gradient(ellipse 60% 50% at 50% 55%, rgba(0,113,227,.28) 0%, transparent 65%),
    linear-gradient(160deg,#0a1220 0%,#0e1a30 55%,#0a1628 100%);
}
.dc-chip-mini{
  font-size:11.5px;font-weight:560;color:#59a3ed;
  background:rgba(0,113,227,.18);border:1px solid rgba(89,163,237,.28);
  border-radius:980px;padding:5px 12px;
}
.dc-doit{
  font-family:var(--ui);font-size:15px;font-weight:600;color:#fff;
  background:var(--accent);border:none;border-radius:980px;
  padding:11px 28px;cursor:default;pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(0,113,227,.2),
    0 0 28px rgba(0,113,227,.55),
    0 8px 20px -6px rgba(0,113,227,.5);
}
.dc-viz-hint{
  font-size:11.5px;color:rgba(232,242,255,.55);letter-spacing:-.01em;
}
.dc-badge{
  display:inline-block;margin-bottom:12px;
  background:rgba(0,113,227,.07);border:1px solid rgba(0,113,227,.16);
  border-radius:980px;padding:5px 11px;
  color:var(--accent) !important;
}
.dc-card h3{
  font-family:var(--disp);font-size:20px;font-weight:600;
  letter-spacing:-.028em;line-height:1.25;margin:0 0 10px;color:var(--ink);
}
.dc-card > p{
  font-size:14px;line-height:1.5;color:var(--muted);margin:0;max-width:36em;
}

@media (max-width:900px){
  .dc-grid{grid-template-columns:1fr;max-width:440px}
  .dc-h{font-size:32px}
}
@media (prefers-reduced-motion: reduce){
  .dc-scan{animation:none;top:48%;opacity:.7}
  .dc-card{transition:none}
  .dc-card:hover{transform:none}
}

/* End CTA — simple premium single primary */
.end-cta{
  position:relative;
  overflow:hidden;
  padding:96px 0 88px !important;
  background:
    radial-gradient(ellipse 70% 55% at 50% 100%, rgba(0,113,227,.08) 0%, transparent 55%),
    var(--alt) !important;
  text-align:center;
}
.end-cta-bloom{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 50% 40% at 50% 80%, rgba(0,113,227,.07), transparent 70%);
}
.end-eye{
  margin:0 auto 16px;
}
.end-cta h2{
  font-family:var(--disp);font-size:48px;line-height:1.05;font-weight:600;
  letter-spacing:-.036em;max-width:12ch;margin:0 auto;
  color:var(--ink);
}
.end-cta .close-sub{
  font-size:16px;color:var(--muted);margin:12px auto 28px;max-width:28em;
}
.end-cta .ctas{margin-top:0}
.end-cta .btn.btn-glow{
  padding:14px 28px;font-size:17px;
}
.end-cta .close-explore{
  display:block;margin:18px auto 0;
  background:none;border:none;cursor:pointer;
  font-family:var(--ui);font-size:13px;font-weight:500;color:var(--faint);
  letter-spacing:-.01em;
}
.end-cta .close-explore:hover{color:var(--accent)}

/* Dark — Dual-Core + end CTA + glow bloom + mono */
html[data-theme="dark"] .dual-core{
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(0,113,227,.14) 0%, transparent 60%),
    var(--bg);
  border-color:var(--line);
}
html[data-theme="dark"] .dc-h{color:#fff}
html[data-theme="dark"] .dc-h em{
  background:linear-gradient(105deg,#ffffff 8%,#59a3ed 42%,#0071e3 92%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-theme="dark"] .dc-sub{color:var(--muted)}
html[data-theme="dark"] .dc-card{
  background:linear-gradient(165deg, rgba(16,22,38,.88) 0%, rgba(8,12,22,.94) 100%);
  border-color:rgba(140,180,255,.16);
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 22px 48px -22px rgba(0,0,0,.55),
    0 0 0 .5px rgba(0,113,227,.14);
}
html[data-theme="dark"] .dc-card h3{color:var(--ink)}
html[data-theme="dark"] .dc-card > p{color:var(--muted)}
html[data-theme="dark"] .dc-badge{
  background:rgba(0,113,227,.12);border-color:rgba(89,163,237,.22);
}

html[data-theme="dark"] .end-cta{
  background:
    radial-gradient(ellipse 70% 55% at 50% 100%, rgba(0,113,227,.18) 0%, transparent 55%),
    var(--alt) !important;
}
html[data-theme="dark"] .end-cta h2{color:#fff}
html[data-theme="dark"] .btn.btn-glow{
  box-shadow:
    0 1px 2px rgba(0,113,227,.4),
    0 0 0 1px rgba(0,113,227,.2),
    0 0 36px rgba(0,113,227,.55),
    0 8px 24px -8px rgba(0,0,0,.5);
}

html[data-theme="dark"] .ghc-card{
  background:linear-gradient(165deg, rgba(16,22,38,.92) 0%, rgba(10,15,28,.96) 100%);
}
html[data-theme="dark"] .ghc-bloom{
  mix-blend-mode:screen;
  background:
    radial-gradient(circle 200px at var(--glow-x) var(--glow-y),
      rgba(0,113,227,.35) 0%,
      rgba(0,113,227,.16) 28%,
      rgba(89,163,237,.08) 48%,
      transparent 72%);
}
html[data-theme="dark"] .ghc-card:hover,
html[data-theme="dark"] .ghc-card:focus-visible,
html[data-theme="dark"] .ghc-card.is-glowing{
  background:linear-gradient(165deg, rgba(18,28,48,.95) 0%, rgba(10,15,28,.98) 100%);
  border-color:rgba(0,113,227,.4);
}

html[data-theme="dark"] .mono-eye{color:#59a3ed !important}
html[data-theme="dark"] .kicker.mono-eye{color:#59a3ed !important}

html[data-theme="dark"] body{
  background:
    radial-gradient(ellipse 80% 40% at 50% -5%, rgba(0,113,227,.12) 0%, transparent 55%),
    var(--bg);
}

html[data-theme="dark"] .fh-grid{
  background:rgba(10,15,28,.9);
  border-color:rgba(140,180,255,.14);
}
html[data-theme="dark"] .fh-card{
  background:transparent;
  border-color:rgba(140,180,255,.1);
}


/* =====================================================================
   Corner v18 — light-true viz · real Do It · thinking trail · trust creed
   Palette lock: #0071e3 (+ its own tints) and neutrals only.
   Default = Light. html[data-theme="dark"] = Flow night.
   ===================================================================== */

/* ---------- Apple-style band rhythm: white / #f5f5f7 with thin gaps ---------- */
.band{position:relative}
.band-alt{background:var(--alt)}
.band-alt + .band-alt{margin-top:12px}
.surfaces.band{background:var(--bg);border-top:none;padding-top:72px}
.tray.band{background:var(--bg);padding-top:72px}
.glow-hover-sec.band{background:var(--bg);border-top:none;padding-bottom:88px}
.dual-core.band-alt{
  border-top:none;padding:96px 0 88px;
  background:
    radial-gradient(ellipse 60% 45% at 50% 0%, rgba(0,113,227,.07) 0%, transparent 62%),
    var(--alt);
}
.end-cta.band-alt{border-top:none}

/* inline real Do It (affordance inside copy) */
.doit-inline{
  display:inline-block;height:20px;width:auto;vertical-align:-5px;margin:0 2px;
  filter:drop-shadow(0 2px 6px rgba(0,113,227,.22));
}
.demo-hint .doit-inline{height:18px;vertical-align:-4px}

/* ---------- Glance surface — layered depth + rim light ---------- */
.glance-surface{
  position:relative;
  background:
    radial-gradient(120% 60% at 0% 0%, rgba(0,113,227,.06) 0%, transparent 55%),
    linear-gradient(180deg,#ffffff 0%,#f8fafd 100%);
  border:1px solid rgba(0,113,227,.14);
  border-radius:20px;
  padding:16px 16px 14px;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(255,255,255,.65),
    0 1px 1px rgba(0,0,0,.03),
    0 4px 10px -4px rgba(0,30,80,.08),
    0 18px 40px -18px rgba(0,40,100,.18),
    0 44px 88px -44px rgba(0,113,227,.34);
}
.glance-surface::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  padding:1px;
  background:linear-gradient(160deg, rgba(0,113,227,.55) 0%, rgba(0,113,227,0) 32%, rgba(0,113,227,0) 72%, rgba(0,113,227,.22) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.glance-surface .gs-brand{color:#0071e3}
.glance-surface .gs-intent-label{color:#86868b}
.gs-intent{
  font-size:14px;line-height:1.42;font-weight:560;color:#1d1d1f;
  letter-spacing:-.016em;margin:2px 0 10px;padding:0 2px;
}

/* From the mail — quote chip so the logic is visible */
.gs-quote{
  position:relative;display:flex;align-items:flex-start;gap:9px;
  margin:0 0 14px;padding:9px 12px 9px 14px;border-radius:12px;
  background:linear-gradient(180deg,#f7f8fa 0%,#f2f3f6 100%);
  border:1px solid rgba(0,0,0,.05);
  box-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,.02);
  text-align:left;
}
.gs-quote::before{
  content:"";position:absolute;left:5px;top:9px;bottom:9px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,#0071e3,rgba(0,113,227,.35));
}
.gs-quote-k{
  flex-shrink:0;margin-top:1px;
  font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:#0071e3;background:rgba(0,113,227,.08);border:1px solid rgba(0,113,227,.12);
  border-radius:980px;padding:2px 7px;white-space:nowrap;
}
.gs-quote-q{
  font-size:12.5px;line-height:1.45;color:#3a3a3c;font-style:italic;letter-spacing:-.008em;
  quotes:"“" "”";
}
.gs-demo .gs-quote{margin-bottom:10px}

/* Proposed close — numbered thinking trail */
.gs-sol-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 9px}
.gs-sol-row .gs-sol-label{margin:0;color:#6e6e73}
.gs-sol-hint{font-size:10.5px;color:#86868b;letter-spacing:-.005em}
.propose-steps.trail{position:relative;gap:6px;margin:0 0 12px}
.propose-steps.trail::before{
  content:"";position:absolute;left:22px;top:18px;bottom:18px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,#0071e3 0%,#0071e3 34%,rgba(0,113,227,.35) 58%,rgba(0,0,0,.1) 100%);
}
.propose-steps.trail li{
  position:relative;border-radius:13px;
  background:linear-gradient(180deg,#ffffff 0%,#fcfcfd 100%);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,.03), 0 8px 16px -12px rgba(0,40,100,.2);
  transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease, border-color .25s ease, opacity .2s;
}
.propose-steps.trail li:hover{
  background:#fff;transform:translateY(-1px);border-color:rgba(0,113,227,.2);
  box-shadow:inset 0 1px 0 #fff, 0 2px 4px rgba(0,0,0,.03), 0 12px 24px -14px rgba(0,113,227,.38);
}
.propose-steps.trail label{
  position:relative;display:flex;align-items:center;gap:11px;
  padding:9px 10px 9px 10px;font-size:12.5px;color:#1d1d1f;cursor:pointer;
}
.propose-steps.trail input.step-check{
  position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none;
}
.propose-steps.trail label:has(.step-check:focus-visible){outline:2px solid rgba(0,113,227,.45);outline-offset:2px;border-radius:12px}
.ps-num{
  position:relative;z-index:1;flex-shrink:0;
  width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;
  font-family:var(--disp);font-size:11.5px;font-weight:650;letter-spacing:-.01em;
}
.propose-steps.trail .es-txt{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;line-height:1.35}
.ps-verb{font-weight:650;color:#1d1d1f;letter-spacing:-.012em}
.propose-steps.trail .ps-verb{min-width:54px}
.ps-rest{color:#3a3a3c}
.ps-tag{
  flex-shrink:0;margin-left:auto;
  font-size:9.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;
  padding:3px 8px;border-radius:980px;
  color:#6e6e73;background:#f5f5f7;border:1px solid rgba(0,0,0,.06);
}
/* done = Glance already did it (read + extract) */
li.ps-done .ps-num{background:#0071e3;color:#fff;box-shadow:0 0 0 3px rgba(0,113,227,.14),0 4px 10px -3px rgba(0,113,227,.55)}
li.ps-done .ps-verb{color:#0071e3}
li.ps-done .ps-tag{color:#0071e3;background:rgba(0,113,227,.08);border-color:rgba(0,113,227,.16)}
/* next = what Do It does */
li.ps-next{border-color:rgba(0,113,227,.22)}
li.ps-next .ps-num{background:#fff;color:#0071e3;box-shadow:inset 0 0 0 1.5px #0071e3,0 0 0 3px rgba(0,113,227,.1)}
li.ps-next .ps-tag{color:#fff;background:#0071e3;border-color:#0071e3;box-shadow:0 4px 10px -4px rgba(0,113,227,.6)}
/* wait = you review */
li.ps-wait .ps-num{background:#fff;color:#0071e3;box-shadow:inset 0 0 0 1.5px rgba(0,113,227,.4)}
/* locked = only after Approve */
.propose-steps.trail li.locked{opacity:1;border-style:dashed;border-color:rgba(0,0,0,.14);background:#fafafb;box-shadow:none}
.propose-steps.trail li.locked label{cursor:default}
li.locked .ps-num{background:#f5f5f7;color:#86868b;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
li.locked .ps-verb,li.locked .ps-rest{color:#86868b}
.ps-lock{color:#6e6e73}
li.ps-custom .ps-num{background:rgba(0,113,227,.08);color:#0071e3;box-shadow:inset 0 0 0 1px rgba(0,113,227,.2)}
/* unticked = skipped */
.propose-steps.trail li:has(.step-check:not(:checked)){opacity:.55;box-shadow:none}
.propose-steps.trail li:has(.step-check:not(:checked)) .ps-num{background:#f5f5f7;color:#86868b;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.propose-steps.trail li:has(.step-check:not(:checked)) .ps-rest{text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}
.propose-steps.trail li:has(.step-check:not(:checked)) .ps-tag{display:none}
.propose-steps.trail li:has(.step-check:not(:checked)) label::after{
  content:"Skipped";margin-left:auto;flex-shrink:0;
  font-size:9.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;
  padding:3px 8px;border-radius:980px;color:#86868b;background:#f5f5f7;border:1px solid rgba(0,0,0,.06);
}

/* exec trail mirrors the same verbs */
.exec-steps .ps-verb{margin-right:6px}
.exec-steps li.done .ps-verb,
.exec-steps li.active .ps-verb{color:#0071e3}
.glance-surface .exec-title{color:#0071e3}
.glance-surface .exec-sub{color:#6e6e73;font-style:normal}

/* chip — light product chrome in Light */
.glance-surface .chip{
  border-radius:14px;padding:9px 10px 9px 10px;
  background:linear-gradient(180deg,rgba(0,113,227,.08),rgba(0,113,227,.05));
  border:1px solid rgba(0,113,227,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 10px 24px -14px rgba(0,113,227,.45);
}

/* ---------- Dual-Core — viz follows theme (Light = light) ---------- */
.dc-card{
  background:linear-gradient(180deg,#ffffff 0%,#fcfdfe 100%);
  border:1px solid rgba(0,0,0,.05);
  border-radius:24px;padding:16px 16px 28px;
  box-shadow:
    inset 0 1px 0 #fff,
    0 1px 2px rgba(0,0,0,.03),
    0 8px 20px -12px rgba(0,30,80,.12),
    0 30px 60px -30px rgba(0,40,100,.22);
}
.dc-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,113,227,.2);
  box-shadow:
    inset 0 1px 0 #fff,
    0 2px 4px rgba(0,0,0,.03),
    0 18px 36px -16px rgba(0,40,100,.18),
    0 44px 80px -30px rgba(0,113,227,.36),
    0 0 0 1px rgba(0,113,227,.06);
}
.dc-card .dc-badge,.dc-card h3,.dc-card > p{margin-left:8px;margin-right:8px}
.dc-viz{margin-bottom:22px}
.dc-viz-pane{
  height:188px;border-radius:16px;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(0,113,227,.07) 0%, transparent 60%),
    linear-gradient(180deg,#fbfcfe 0%,#f1f3f7 100%);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(0,0,0,.03),
    inset 0 0 0 1px rgba(255,255,255,.55),
    0 1px 2px rgba(0,0,0,.03);
}
.dc-viz-bar{align-items:center}
.dc-viz-bar span{background:#d8dbe1}
.dc-viz-app{
  margin-left:8px;font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:#86868b;
}
.dc-viz-lines i{background:#e2e5eb}
.dc-viz-lines i.hi{
  width:82%;height:26px;display:flex;align-items:center;padding:0 10px;
  background:linear-gradient(90deg,rgba(0,113,227,.1),rgba(0,113,227,.04));
  outline:1px solid rgba(0,113,227,.28);outline-offset:3px;border-radius:7px;
  box-shadow:0 8px 18px -10px rgba(0,113,227,.45);
}
.dc-viz-lines i.hi span{
  font-style:italic;font-size:11px;color:#0071e3;letter-spacing:-.005em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dc-scan{
  background:linear-gradient(90deg,transparent,rgba(0,113,227,.5),transparent);
  box-shadow:0 0 14px 1px rgba(0,113,227,.22);
}
.dc-viz-tag{
  display:inline-flex;align-items:center;gap:7px;
  color:#0071e3;background:rgba(255,255,255,.88);
  border:1px solid rgba(0,113,227,.18);
  box-shadow:0 6px 14px -8px rgba(0,40,100,.25), inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.dc-live-dot{width:6px;height:6px;border-radius:50%;background:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.15)}
.dc-viz-doit{
  gap:14px;
  background:
    radial-gradient(ellipse 50% 55% at 50% 54%, rgba(0,113,227,.14) 0%, transparent 70%),
    linear-gradient(180deg,#fbfcfe 0%,#f1f3f7 100%);
}
.dc-chip-mini{
  color:#0071e3;background:#fff;border:1px solid rgba(0,113,227,.18);
  box-shadow:0 6px 14px -8px rgba(0,40,100,.22), inset 0 1px 0 #fff;
}
.dc-doit-wrap{
  display:inline-flex;border-radius:16px;padding:5px;
  background:rgba(255,255,255,.7);
  box-shadow:
    0 0 0 1px rgba(0,113,227,.12),
    0 12px 28px -10px rgba(0,113,227,.45),
    0 0 40px -8px rgba(0,113,227,.32);
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .4s ease;
}
.dc-doit-img{height:46px;width:auto;display:block}
.dc-card:hover .dc-doit-wrap{
  transform:translateY(-2px) scale(1.035);
  box-shadow:0 0 0 1px rgba(0,113,227,.18),0 18px 36px -12px rgba(0,113,227,.55),0 0 56px -6px rgba(0,113,227,.4);
}
.dc-viz-hint{color:#6e6e73}
.dc-doit{display:none !important} /* legacy fake button — retired */

/* ---------- Trust creed (one strong section) ---------- */
.creed-x{position:relative;overflow:hidden;padding:112px 0 88px;text-align:center;background:var(--alt)}
.creed-glow{
  position:absolute;left:0;right:0;top:-10%;height:75%;pointer-events:none;
  background:radial-gradient(ellipse 46% 60% at 50% 0%, rgba(0,113,227,.11) 0%, transparent 70%);
}
.creed-stars{display:none}
.creed-x .wrap{position:relative;z-index:1}
.creed-eye{margin:0 auto 18px}
.creed-h{
  font-family:var(--disp);font-size:68px;line-height:1.02;font-weight:600;letter-spacing:-.047em;
  color:var(--ink);margin:0 auto 22px;max-width:14ch;
}
.creed-h em{
  font-style:italic;font-weight:500;padding-right:.06em;
  background:linear-gradient(105deg,#1d1d1f 8%,#0071e3 78%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.creed-sub{font-size:18px;line-height:1.48;color:var(--muted);max-width:33em;margin:0 auto 56px;letter-spacing:-.012em}
.creed-sub b{color:var(--ink);font-weight:600}
.creed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1080px;margin:0 auto;text-align:left}
.pillar{
  position:relative;overflow:hidden;outline:none;
  border-radius:26px;padding:14px 14px 28px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  border:1px solid rgba(0,0,0,.05);
  box-shadow:
    inset 0 1px 0 #fff,
    0 1px 2px rgba(0,0,0,.03),
    0 8px 20px -12px rgba(0,30,80,.12),
    0 30px 60px -30px rgba(0,40,100,.22);
  transition:transform .5s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, border-color .4s ease;
}
.pillar:hover,.pillar:focus-visible{
  transform:translateY(-6px);
  border-color:rgba(0,113,227,.22);
  box-shadow:
    inset 0 1px 0 #fff,
    0 2px 4px rgba(0,0,0,.03),
    0 18px 36px -16px rgba(0,40,100,.18),
    0 48px 84px -30px rgba(0,113,227,.4),
    0 0 0 1px rgba(0,113,227,.08);
}
.pillar-bloom{
  position:absolute;left:-20%;right:-20%;top:-35%;height:80%;pointer-events:none;
  background:radial-gradient(closest-side, rgba(0,113,227,.18), transparent);
  opacity:0;transition:opacity .45s ease;
}
.pillar:hover .pillar-bloom,.pillar:focus-visible .pillar-bloom{opacity:1}
.pillar-stage{
  position:relative;z-index:1;height:156px;border-radius:18px;
  display:flex;flex-direction:column;justify-content:center;gap:14px;padding:18px;
  margin-bottom:24px;
  background:linear-gradient(180deg,#f6f7fa 0%,#eef1f5 100%);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.05), inset 0 0 0 1px rgba(0,0,0,.03), inset 0 -1px 0 #fff;
}
.pillar-num{display:block;position:relative;z-index:1;margin:0 10px 8px}
.pillar h3{
  position:relative;z-index:1;
  font-family:var(--disp);font-size:25px;font-weight:600;letter-spacing:-.032em;line-height:1.12;
  margin:0 10px 8px;color:var(--ink);
}
.pillar p{position:relative;z-index:1;font-size:14.5px;line-height:1.5;color:var(--muted);margin:0 10px;letter-spacing:-.01em}
.pillar-moment{
  display:inline-flex;align-self:flex-start;align-items:center;gap:8px;
  padding:6px 12px 6px 7px;border-radius:980px;
  background:#fff;border:1px solid rgba(0,0,0,.06);
  box-shadow:inset 0 1px 0 #fff, 0 8px 16px -10px rgba(0,30,80,.25);
  font-size:12px;color:#6e6e73;letter-spacing:-.008em;
}
.pm-txt b{color:#1d1d1f;font-weight:600}
.pillar-ring{width:22px !important;height:22px !important;opacity:.8}
.mini-mail{display:flex;flex-direction:column;gap:8px}
.mm-line{display:block;height:7px;border-radius:4px;background:#dde1e8}
.mm-line.w80{width:80%}.mm-line.w64{width:62%}
.mm-line.mm-vague{
  height:auto;width:max-content;max-width:100%;background:transparent;
  font-size:11.5px;font-style:italic;color:#86868b;
  padding:3px 9px;border:1px dashed rgba(0,0,0,.16);border-radius:8px;
}
.pillar-chip{
  display:flex;align-items:center;gap:10px;padding:7px 7px 7px 12px;border-radius:14px;
  background:linear-gradient(180deg,rgba(0,113,227,.09),rgba(0,113,227,.05));
  border:1px solid rgba(0,113,227,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 12px 24px -14px rgba(0,113,227,.5);
}
.pc-txt{flex:1;min-width:0;font-size:12px;color:#1d1d1f;letter-spacing:-.01em}
.pc-txt b{color:#0071e3;font-weight:600}
.pillar-doit{height:30px;width:auto;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.pillar:hover .pillar-doit{transform:scale(1.07)}
.pm-dot{width:7px;height:7px;border-radius:50%;background:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.15);margin-left:3px}
.pillar-receipt{
  display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;
  background:#fff;border:1px solid rgba(0,0,0,.07);
  box-shadow:inset 0 1px 0 #fff, 0 10px 20px -12px rgba(0,30,80,.28);
  font-size:12.5px;color:#6e6e73;
}
.pr-txt b{color:#1d1d1f;font-weight:600}
.pr-undo{margin-left:auto;font-weight:600;color:#0071e3;text-decoration:underline;text-underline-offset:2px}
.pm-timer{
  width:14px;height:14px;border-radius:50%;margin-left:2px;
  background:conic-gradient(#0071e3 0 72%, rgba(0,113,227,.16) 72% 100%);
  -webkit-mask:radial-gradient(circle, transparent 3.5px, #000 4px);mask:radial-gradient(circle, transparent 3.5px, #000 4px);
}
.trust-strip{
  list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 0;
  max-width:980px;margin:60px auto 0;padding:20px 0 0;
  border-top:1px solid rgba(0,0,0,.08);
  font-size:12px;color:#86868b;letter-spacing:-.004em;
}
.trust-strip li{position:relative;padding:0 16px}
.trust-strip li + li::before{
  content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;
  background:#c7c7cc;transform:translate(-50%,-50%);
}
@media (max-width:900px){
  .creed-grid{grid-template-columns:1fr;max-width:440px}
  .creed-h{font-size:44px}
  .creed-x{padding:72px 0 64px}
}
@media (prefers-reduced-motion: reduce){
  .pillar,.pillar-doit,.dc-doit-wrap,.propose-steps.trail li{transition:none}
  .pillar:hover,.pillar:focus-visible{transform:none}
}

/* ---------- WhatsApp RTL rail — Before on the RIGHT, Live on the LEFT ---------- */
#demo-whatsapp-block .surf-rail{grid-template-columns:minmax(420px,.68fr) 32px minmax(200px,.32fr)}
#demo-whatsapp-block .story-tag-end{text-align:right;padding-inline-end:4px}
#demo-whatsapp-block .surf-rail .story-arrow{color:#0071e3;opacity:.55}
@media (max-width:900px){
  #demo-whatsapp-block .surf-rail{grid-template-columns:1fr}
  #demo-whatsapp-block .surf-rail > .surf-card:not(.featured){order:-1}
}

/* =====================================================================
   v18 DARK = Flow night · #05070d · constellation · translucent cards
   ===================================================================== */
html[data-theme="dark"]{
  --bg:#05070d;--alt:#0a0e17;
  --stars:
    radial-gradient(1px 1px at 24px 36px, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(1px 1px at 148px 92px, rgba(190,215,255,.45), transparent 60%),
    radial-gradient(1.4px 1.4px at 262px 178px, rgba(255,255,255,.4), transparent 60%),
    radial-gradient(1px 1px at 338px 264px, rgba(89,163,237,.55), transparent 60%),
    radial-gradient(1.2px 1.2px at 74px 318px, rgba(255,255,255,.3), transparent 60%);
  background:
    radial-gradient(ellipse 80% 40% at 50% -5%, rgba(0,113,227,.13) 0%, transparent 55%),
    #05070d;
}
html[data-theme="dark"] body{background:transparent !important}
html[data-theme="dark"] body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--stars);
  background-size:380px 340px, 440px 380px, 520px 460px, 610px 540px, 700px 620px;
  opacity:.55;
}
html[data-theme="dark"] body::after{
  content:"";position:fixed;z-index:-1;pointer-events:none;
  width:56vw;height:56vw;right:-14vw;top:30vh;border-radius:50%;
  background:radial-gradient(closest-side, rgba(0,113,227,.12), transparent 70%);
}
html[data-theme="dark"] .glow-horizon::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:var(--stars);
  background-size:380px 340px, 440px 380px, 520px 460px, 610px 540px, 700px 620px;
  opacity:.5;
}

/* bands go translucent so the night sky reads through */
html[data-theme="dark"] .band,
html[data-theme="dark"] .surfaces.band,
html[data-theme="dark"] .tray.band,
html[data-theme="dark"] .glow-hover-sec.band{background:transparent !important;border-color:transparent}
html[data-theme="dark"] .band-alt,
html[data-theme="dark"] .dual-core.band-alt,
html[data-theme="dark"] .creed-x,
html[data-theme="dark"] .end-cta.band-alt{
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(0,113,227,.14) 0%, transparent 68%),
    linear-gradient(180deg, rgba(10,14,23,.78) 0%, rgba(8,11,19,.7) 100%) !important;
  border-top:1px solid rgba(120,160,220,.08);
  border-bottom:1px solid rgba(120,160,220,.06);
}
html[data-theme="dark"] .marquee-trust{
  background:linear-gradient(180deg, rgba(5,7,13,0) 0%, rgba(10,14,23,.7) 40%, rgba(10,14,23,.7) 100%);
  border-color:rgba(120,160,220,.08);
}

/* translucent dark cards · thin blue borders */
html[data-theme="dark"] .dc-card,
html[data-theme="dark"] .pillar,
html[data-theme="dark"] .ghc-card,
html[data-theme="dark"] .tray-shell,
html[data-theme="dark"] .story-card,
html[data-theme="dark"] .capture-card-inner{
  background:linear-gradient(170deg, rgba(16,24,42,.62) 0%, rgba(9,13,24,.72) 100%);
  border:1px solid rgba(0,113,227,.24);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,255,255,.015),
    0 24px 56px -28px rgba(0,0,0,.75),
    0 0 0 .5px rgba(0,113,227,.18);
}
html[data-theme="dark"] .story-card{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-theme="dark"] .dc-card:hover,
html[data-theme="dark"] .pillar:hover,
html[data-theme="dark"] .pillar:focus-visible,
html[data-theme="dark"] .ghc-card:hover,
html[data-theme="dark"] .ghc-card.is-glowing{
  border-color:rgba(0,113,227,.5);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 30px 64px -28px rgba(0,0,0,.8),
    0 0 0 1px rgba(0,113,227,.3),
    0 0 60px -14px rgba(0,113,227,.5);
}

/* Get Glance — soft blue neon */
html[data-theme="dark"] .btn.btn-glow{
  background:#0071e3;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 0 0 1px rgba(0,113,227,.7),
    0 0 0 4px rgba(0,113,227,.16),
    0 0 22px rgba(0,113,227,.7),
    0 0 56px rgba(0,113,227,.38);
}
html[data-theme="dark"] .btn.btn-glow:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 0 0 1px rgba(255,255,255,.16),
    0 0 0 1px rgba(0,113,227,.85),
    0 0 0 5px rgba(0,113,227,.2),
    0 0 30px rgba(0,113,227,.85),
    0 0 72px rgba(0,113,227,.45);
}

/* the Glance chip = dark floating-extension chrome in Dark (do-it.png sits on it) */
html[data-theme="dark"] .glance-surface .chip{
  background:linear-gradient(180deg,#141c2e 0%,#0b1120 100%);
  border:1px solid rgba(0,113,227,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 30px -14px rgba(0,20,60,.7), 0 0 28px -10px rgba(0,113,227,.55);
}
html[data-theme="dark"] .glance-surface .chip-txt{color:rgba(240,244,252,.86)}
html[data-theme="dark"] .glance-surface .chip-txt b{color:#59a3ed}
html[data-theme="dark"] .glance-surface .chip-txt b.file{color:#fff}
html[data-theme="dark"] .glance-surface .chip-hold{color:#a9cdf5;background:rgba(0,113,227,.24)}
html[data-theme="dark"] .glance-surface .chip-x{color:rgba(255,255,255,.6)}

/* Dual-Core — dark viz in Dark only */
html[data-theme="dark"] .dc-viz-pane{
  background:linear-gradient(160deg,#0a1220 0%,#0e1a30 55%,#0a1628 100%);
  border-color:rgba(0,113,227,.3);
  box-shadow:
    inset 0 0 36px -8px rgba(0,113,227,.32),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 20px 40px -22px rgba(0,0,0,.7),
    0 0 44px -18px rgba(0,113,227,.45);
}
html[data-theme="dark"] .dc-viz-bar span{background:rgba(255,255,255,.18)}
html[data-theme="dark"] .dc-viz-app{color:rgba(255,255,255,.4)}
html[data-theme="dark"] .dc-viz-lines i{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .dc-viz-lines i.hi{
  background:linear-gradient(90deg,rgba(0,113,227,.38),rgba(0,113,227,.14));
  outline-color:rgba(89,163,237,.4);
  box-shadow:0 0 22px rgba(0,113,227,.4);
}
html[data-theme="dark"] .dc-viz-lines i.hi span{color:#cfe2fa}
html[data-theme="dark"] .dc-scan{background:linear-gradient(90deg,transparent,rgba(89,163,237,.9),transparent);box-shadow:0 0 18px 2px rgba(0,113,227,.55)}
html[data-theme="dark"] .dc-viz-tag{color:#9cc6f5;background:rgba(0,20,50,.6);border-color:rgba(0,113,227,.32);box-shadow:none}
html[data-theme="dark"] .dc-live-dot{box-shadow:0 0 0 3px rgba(0,113,227,.25),0 0 10px rgba(0,113,227,.8)}
html[data-theme="dark"] .dc-viz-doit{
  background:
    radial-gradient(ellipse 55% 55% at 50% 54%, rgba(0,113,227,.32) 0%, transparent 68%),
    linear-gradient(160deg,#0a1220 0%,#0e1a30 55%,#0a1628 100%);
}
html[data-theme="dark"] .dc-chip-mini{color:#9cc6f5;background:rgba(0,113,227,.16);border-color:rgba(0,113,227,.34);box-shadow:none}
html[data-theme="dark"] .dc-doit-wrap{
  background:rgba(255,255,255,.06);
  box-shadow:0 0 0 1px rgba(0,113,227,.35),0 0 36px rgba(0,113,227,.55),0 14px 30px -12px rgba(0,0,0,.6);
}
html[data-theme="dark"] .dc-viz-hint{color:rgba(232,242,255,.55)}

/* Trust creed — Flow night */
html[data-theme="dark"] .creed-x{
  background:
    radial-gradient(ellipse 50% 55% at 50% 0%, rgba(0,113,227,.22) 0%, transparent 70%),
    linear-gradient(180deg, rgba(8,11,19,.85) 0%, rgba(5,7,13,.6) 100%) !important;
}
html[data-theme="dark"] .creed-stars{
  display:block;position:absolute;inset:0;pointer-events:none;
  background-image:var(--stars);
  background-size:380px 340px, 440px 380px, 520px 460px, 610px 540px, 700px 620px;
  opacity:.7;
}
html[data-theme="dark"] .creed-h{color:#fff}
html[data-theme="dark"] .creed-h em,
html[data-theme="dark"] .dc-h em{
  background:linear-gradient(100deg,#ffffff 0%,#9cc6f5 38%,#0071e3 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 24px rgba(0,113,227,.4));
}
html[data-theme="dark"] .creed-sub{color:rgba(255,255,255,.46)}
html[data-theme="dark"] .creed-sub b{color:#fff}
html[data-theme="dark"] .pillar-stage{
  background:linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.015) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme="dark"] .pillar h3{color:#fff}
html[data-theme="dark"] .pillar p{color:var(--muted)}
html[data-theme="dark"] .pillar-bloom{background:radial-gradient(closest-side, rgba(0,113,227,.3), transparent)}
html[data-theme="dark"] .mm-line{background:rgba(255,255,255,.09)}
html[data-theme="dark"] .mm-line.mm-vague{background:transparent;color:rgba(255,255,255,.45);border-color:rgba(255,255,255,.16)}
html[data-theme="dark"] .pillar-moment{background:rgba(10,15,28,.85);border-color:rgba(0,113,227,.26);color:rgba(255,255,255,.6);box-shadow:none}
html[data-theme="dark"] .pm-txt b{color:#fff}
html[data-theme="dark"] .pillar-chip{background:linear-gradient(180deg,#141c2e,#0b1120);border-color:rgba(0,113,227,.4);box-shadow:0 0 26px -10px rgba(0,113,227,.6)}
html[data-theme="dark"] .pc-txt{color:rgba(240,244,252,.86)}
html[data-theme="dark"] .pc-txt b{color:#59a3ed}
html[data-theme="dark"] .pillar-receipt{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);color:rgba(255,255,255,.55);box-shadow:none}
html[data-theme="dark"] .pr-txt b{color:#fff}
html[data-theme="dark"] .pr-undo{color:#59a3ed}
html[data-theme="dark"] .trust-strip{border-color:rgba(120,160,220,.14);color:rgba(255,255,255,.42)}
html[data-theme="dark"] .trust-strip li + li::before{background:rgba(255,255,255,.25)}

/* section heads on dark: bright headline, dim body */
html[data-theme="dark"] .surfaces-frame,
html[data-theme="dark"] .ghc-h{color:#fff}
html[data-theme="dark"] .doit-inline{filter:drop-shadow(0 0 8px rgba(0,113,227,.5))}

/* v18 dark — residual tray + case switcher follow theme */
html[data-theme="dark"] .tray-title{color:#fff}
html[data-theme="dark"] .tray-sub{color:var(--muted)}
html[data-theme="dark"] .tray-item{background:rgba(16,24,42,.55);border-color:rgba(0,113,227,.2)}
html[data-theme="dark"] .tray-badge.done{color:var(--muted);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .tray-badge.open{color:#9cc6f5;background:rgba(0,113,227,.18);border-color:rgba(0,113,227,.32)}
html[data-theme="dark"] .uc-switch{
  background:rgba(16,24,42,.7);
  border-color:rgba(0,113,227,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 40px -20px rgba(0,0,0,.7), 0 0 30px -14px rgba(0,113,227,.5);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
html[data-theme="dark"] .uc-tab{color:rgba(255,255,255,.62)}
html[data-theme="dark"] .uc-tab:hover{color:#fff}
html[data-theme="dark"] .uc-tab.on{color:#fff}
html[data-theme="dark"] .story-tag{color:rgba(255,255,255,.45)}
html[data-theme="dark"] .story-tag.accent{color:#9cc6f5}
html[data-theme="dark"] .surf-desc,
html[data-theme="dark"] .demo-hint{color:rgba(255,255,255,.5)}

/* =====================================================================
   v18.1 DARK — no light islands. Gmail / Outlook / WhatsApp mocks,
   the Glance surface and every sub-component invert to Flow night.
   ===================================================================== */
html[data-theme="dark"] .gm,
html[data-theme="dark"] .ol,
html[data-theme="dark"] .wa{
  --ink:#f5f5f7;--muted:#a1a1a6;--faint:#8b93a1;--line:rgba(255,255,255,.08);--alt:#0d1320;
  color-scheme:dark;
}
html[data-theme="dark"] .gm,
html[data-theme="dark"] .ol,
html[data-theme="dark"] .stage .gm,
html[data-theme="dark"] .story-card.featured .gm,
html[data-theme="dark"] .surf-card.featured .ol,
html[data-theme="dark"] .surf-card.featured .wa{
  background:#0c1220;color:#e8eaed;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(0,113,227,.24),
    0 24px 60px -24px rgba(0,0,0,.85),
    0 0 70px -30px rgba(0,113,227,.45);
}
html[data-theme="dark"] .gm-sm,
html[data-theme="dark"] .ol-sm,
html[data-theme="dark"] .wa-sm{
  filter:none;opacity:.94;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(120,160,220,.16),0 18px 40px -20px rgba(0,0,0,.8);
}
html[data-theme="dark"] .stage-ring{box-shadow:0 0 0 1px rgba(0,113,227,.14),0 0 60px -14px rgba(0,113,227,.35),0 40px 80px -24px rgba(0,0,0,.7)}

/* Gmail dark */
html[data-theme="dark"] .gm-top{background:#111a2c;border-bottom-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .gm-dots i{background:rgba(255,255,255,.18)}
html[data-theme="dark"] .gm-brand{color:#c4c7cc}
html[data-theme="dark"] .gm-search{background:rgba(255,255,255,.07);color:#8b93a1}
html[data-theme="dark"] .gm-side{background:#0a101c;border-right-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .gm-compose{background:rgba(0,113,227,.24);color:#d6e7fb;box-shadow:inset 0 0 0 1px rgba(0,113,227,.35)}
html[data-theme="dark"] .gm-nav{color:#c4c7cc}
html[data-theme="dark"] .gm-nav .cnt{color:#8b93a1}
html[data-theme="dark"] .gm-nav .cnt.soft{color:#59a3ed}
html[data-theme="dark"] .gm-nav.on{background:rgba(0,113,227,.26);color:#fff}
html[data-theme="dark"] .gm-thread{background:#0c1220}
html[data-theme="dark"] .gm-subj,
html[data-theme="dark"] .gm-from b{color:#e8eaed}
html[data-theme="dark"] .gm-from span{color:#8b93a1}
html[data-theme="dark"] .gm-msg p{color:#d2d6dc}
html[data-theme="dark"] .gm-av{background:#0071e3;color:#fff}

/* Outlook dark */
html[data-theme="dark"] .ol-top{background:#111a2c;color:#e8eaed;border-bottom:1px solid rgba(0,113,227,.35)}
html[data-theme="dark"] .ol-logo{color:#9cc6f5}
html[data-theme="dark"] .ol-search{background:rgba(255,255,255,.07);color:#8b93a1}
html[data-theme="dark"] .ol-side{background:#0a101c;border-right-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .ol-nav{color:#c4c7cc}
html[data-theme="dark"] .ol-nav .cnt{color:#8b93a1}
html[data-theme="dark"] .ol-nav.on{background:rgba(0,113,227,.24);color:#fff;box-shadow:none}
html[data-theme="dark"] .ol-thread{background:#0c1220}
html[data-theme="dark"] .ol-subj,
html[data-theme="dark"] .stage-demo .ol-subj,
html[data-theme="dark"] .ol-from b{color:#e8eaed}
html[data-theme="dark"] .ol-from span{color:#8b93a1}
html[data-theme="dark"] .ol-msg p{color:#d2d6dc}
html[data-theme="dark"] .ol-av{background:#0071e3}

/* WhatsApp dark (native dark palette) */
html[data-theme="dark"] .wa,
html[data-theme="dark"] .surf-card.featured .wa{background:#0b141a;color:#e9edef}
html[data-theme="dark"] .wa-top{background:#202c33;color:#e9edef}
html[data-theme="dark"] .wa-av{background:rgba(255,255,255,.12)}
html[data-theme="dark"] .wa-thread{background:#0b141a}
html[data-theme="dark"] .wa-h,
html[data-theme="dark"] .stage-demo .wa-h{color:#e9edef}
html[data-theme="dark"] .wa-bubble{background:#202c33;box-shadow:0 1px 1px rgba(0,0,0,.4)}
html[data-theme="dark"] .wa-bubble p{color:#e9edef}
html[data-theme="dark"] .wa-time{color:#8696a0}

/* ask pills inside mocks */
html[data-theme="dark"] .ask-pill.open{color:#9cc6f5;background:rgba(0,113,227,.16);border-color:rgba(0,113,227,.32)}
html[data-theme="dark"] .ask-pill.open.soft,
html[data-theme="dark"] .gm .ask-pill.open.soft,
html[data-theme="dark"] .ol .ask-pill.open.soft,
html[data-theme="dark"] .wa .ask-pill.open.soft{color:#a1a1a6;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}

/* Glance surface — dark translucent navy · thin #0071e3 rim */
html[data-theme="dark"] .glance-surface{
  background:
    radial-gradient(120% 60% at 0% 0%, rgba(0,113,227,.16) 0%, transparent 55%),
    linear-gradient(170deg, rgba(17,27,48,.94) 0%, rgba(9,14,26,.96) 100%);
  border-color:rgba(0,113,227,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 18px 44px -20px rgba(0,0,0,.85),
    0 0 48px -18px rgba(0,113,227,.55);
}
html[data-theme="dark"] .glance-surface::before{
  background:linear-gradient(160deg, rgba(89,163,237,.7) 0%, rgba(0,113,227,0) 34%, rgba(0,113,227,0) 70%, rgba(0,113,227,.4) 100%);
}
html[data-theme="dark"] .glance-surface .gs-brand{color:#59a3ed}
html[data-theme="dark"] .glance-surface .gs-intent-label{color:rgba(255,255,255,.45)}
html[data-theme="dark"] .gs-intent{color:#f5f5f7}
html[data-theme="dark"] .gs-quote{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="dark"] .gs-quote-k{color:#9cc6f5;background:rgba(0,113,227,.18);border-color:rgba(0,113,227,.32)}
html[data-theme="dark"] .gs-quote-q{color:rgba(235,240,250,.8)}
html[data-theme="dark"] .gs-sol-row .gs-sol-label,
html[data-theme="dark"] .gs-sol-label{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .gs-sol-hint{color:rgba(255,255,255,.4)}

/* thinking trail rows */
html[data-theme="dark"] .propose-steps.trail::before{
  background:linear-gradient(180deg,#0071e3 0%,#0071e3 34%,rgba(0,113,227,.45) 58%,rgba(255,255,255,.12) 100%);
}
html[data-theme="dark"] .propose-steps.trail li{
  background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px -12px rgba(0,0,0,.7);
}
html[data-theme="dark"] .propose-steps.trail li:hover{
  background:rgba(255,255,255,.06);border-color:rgba(0,113,227,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 26px -14px rgba(0,113,227,.5);
}
html[data-theme="dark"] .propose-steps.trail label{color:#f5f5f7}
html[data-theme="dark"] .ps-verb{color:#f5f5f7}
html[data-theme="dark"] .ps-rest{color:rgba(235,240,250,.74)}
html[data-theme="dark"] li.ps-done .ps-verb{color:#59a3ed}
html[data-theme="dark"] li.ps-next{border-color:rgba(0,113,227,.4)}
html[data-theme="dark"] li.ps-next .ps-num{background:#0b1120;color:#9cc6f5;box-shadow:inset 0 0 0 1.5px #0071e3,0 0 0 3px rgba(0,113,227,.18)}
html[data-theme="dark"] li.ps-wait .ps-num{background:#0b1120;color:#9cc6f5;box-shadow:inset 0 0 0 1.5px rgba(0,113,227,.55)}
html[data-theme="dark"] .ps-tag{color:rgba(255,255,255,.62);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] li.ps-done .ps-tag{color:#9cc6f5;background:rgba(0,113,227,.18);border-color:rgba(0,113,227,.34)}
html[data-theme="dark"] li.ps-next .ps-tag{color:#fff;background:#0071e3;border-color:#0071e3;box-shadow:0 0 14px -2px rgba(0,113,227,.7)}
html[data-theme="dark"] .propose-steps.trail li.locked{background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.18);box-shadow:none}
html[data-theme="dark"] li.locked .ps-num{background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
html[data-theme="dark"] li.locked .ps-verb,
html[data-theme="dark"] li.locked .ps-rest{color:rgba(255,255,255,.5)}
html[data-theme="dark"] .ps-lock{color:rgba(255,255,255,.6)}
html[data-theme="dark"] li.ps-custom .ps-num{background:rgba(0,113,227,.18);color:#9cc6f5;box-shadow:inset 0 0 0 1px rgba(0,113,227,.35)}
html[data-theme="dark"] .propose-steps.trail li:has(.step-check:not(:checked)) .ps-num{background:rgba(255,255,255,.06);color:rgba(255,255,255,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
html[data-theme="dark"] .propose-steps.trail li:has(.step-check:not(:checked)) .ps-rest{text-decoration-color:rgba(255,255,255,.35)}
html[data-theme="dark"] .propose-steps.trail li:has(.step-check:not(:checked)) label::after{color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}

/* custom step input + Add */
html[data-theme="dark"] .custom-step-input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#f5f5f7}
html[data-theme="dark"] .custom-step-input::placeholder{color:rgba(255,255,255,.42)}
html[data-theme="dark"] .custom-step-input:focus{border-color:rgba(0,113,227,.6);box-shadow:0 0 0 3px rgba(0,113,227,.22)}
html[data-theme="dark"] .gs-add-btn{color:#9cc6f5;background:rgba(0,113,227,.2)}
html[data-theme="dark"] .gs-add-btn:hover{background:rgba(0,113,227,.32);color:#fff}

/* badges */
html[data-theme="dark"] .open-badge{color:#9cc6f5;background:rgba(0,113,227,.18);border-color:rgba(0,113,227,.38)}
html[data-theme="dark"] .handled{color:rgba(255,255,255,.78);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}

/* exec */
html[data-theme="dark"] .exec,
html[data-theme="dark"] .glance-surface .exec,
html[data-theme="dark"] .wa .exec{
  background:linear-gradient(180deg, rgba(0,113,227,.1), rgba(0,113,227,.05));
  border-color:rgba(0,113,227,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-theme="dark"] .exec-title,
html[data-theme="dark"] .glance-surface .exec-title{color:#59a3ed}
html[data-theme="dark"] .exec-sub,
html[data-theme="dark"] .glance-surface .exec-sub{color:rgba(255,255,255,.58)}
html[data-theme="dark"] .exec-count{color:#9cc6f5;background:rgba(0,113,227,.2)}
html[data-theme="dark"] .exec-track{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .exec-steps li{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .exec-steps li .es-ico{border-color:rgba(255,255,255,.22)}
html[data-theme="dark"] .exec-steps li.active{color:#fff;background:rgba(0,113,227,.18)}
html[data-theme="dark"] .exec-steps li.done{color:rgba(235,240,250,.78)}
html[data-theme="dark"] .exec-steps li.done .es-ico{border-color:#0071e3;background:#0071e3}
html[data-theme="dark"] .exec-steps .ps-rest{color:inherit}
html[data-theme="dark"] .exec-steps .ps-verb{color:rgba(255,255,255,.75)}
html[data-theme="dark"] .exec-steps li.done .ps-verb,
html[data-theme="dark"] .exec-steps li.active .ps-verb{color:#59a3ed}

/* approve banner */
html[data-theme="dark"] .approve-banner,
html[data-theme="dark"] .glance-surface .approve-banner,
html[data-theme="dark"] .wa .approve-banner{
  background:linear-gradient(180deg, rgba(0,113,227,.14), rgba(0,113,227,.07));
  border-color:rgba(0,113,227,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 28px -12px rgba(0,113,227,.55);
}
html[data-theme="dark"] .approve-title{color:#fff}
html[data-theme="dark"] .approve-sub{color:rgba(255,255,255,.58)}
html[data-theme="dark"] .approve-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 18px rgba(0,113,227,.6)}

/* receipt + parked */
@keyframes receiptSettleDark{
  from{opacity:0;transform:translateY(8px);background:rgba(0,113,227,.2);border-color:rgba(0,113,227,.4)}
  to{opacity:1;transform:translateY(0);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
}
html[data-theme="dark"] .receipt,
html[data-theme="dark"] .wa .receipt{
  animation-name:receiptSettleDark;
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.62);
}
html[data-theme="dark"] .receipt-txt b,
html[data-theme="dark"] .parked-banner b{color:#fff}
html[data-theme="dark"] .receipt-txt em,
html[data-theme="dark"] .parked-banner em{color:#59a3ed}
html[data-theme="dark"] .receipt-dot{background:rgba(255,255,255,.45);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
html[data-theme="dark"] .parked-banner{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.62)}

/* invoice / destination peek */
html[data-theme="dark"] .invoice-peek,
html[data-theme="dark"] .glance-surface .invoice-peek,
html[data-theme="dark"] .wa .invoice-peek{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  border-color:rgba(0,113,227,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-theme="dark"] .inv-label{color:#9cc6f5;background:rgba(0,113,227,.2)}
html[data-theme="dark"] .inv-num{color:#fff}
html[data-theme="dark"] .inv-status,
html[data-theme="dark"] .inv-status.live{color:rgba(255,255,255,.72);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);animation:none}
html[data-theme="dark"] .stage-live[data-state="wait"] .inv-status,
html[data-theme="dark"] .stage-demo[data-state="wait"] .inv-status{color:#9cc6f5;background:rgba(0,113,227,.2);border-color:rgba(0,113,227,.38)}
html[data-theme="dark"] .inv-k{color:rgba(255,255,255,.45)}
html[data-theme="dark"] .inv-v{color:#f5f5f7}
html[data-theme="dark"] .inv-v.is-ph{color:rgba(255,255,255,.3)}

/* after-close CTA + thinking */
html[data-theme="dark"] .after-close-cta{background:linear-gradient(135deg, rgba(0,113,227,.16), rgba(0,113,227,.06));border-color:rgba(0,113,227,.32)}
html[data-theme="dark"] .acc-line{color:#fff}
html[data-theme="dark"] .acc-explore{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .acc-explore:hover{color:#9cc6f5}
html[data-theme="dark"] .thinking,
html[data-theme="dark"] .wa .thinking{background:rgba(0,113,227,.12);border-color:rgba(0,113,227,.28)}
html[data-theme="dark"] .thinking-txt{color:rgba(255,255,255,.6)}
html[data-theme="dark"] .thinking-txt b{color:#59a3ed}

/* chip — dark everywhere in Dark (incl. demo chips on WhatsApp canvas) */
html[data-theme="dark"] .chip,
html[data-theme="dark"] .wa .chip{
  background:linear-gradient(180deg,#141c2e 0%,#0b1120 100%);
  border-color:rgba(0,113,227,.4);
}
html[data-theme="dark"] .chip-txt{color:rgba(240,244,252,.86)}
html[data-theme="dark"] .chip-txt b{color:#59a3ed}
html[data-theme="dark"] .chip-txt b.file{color:#fff}
html[data-theme="dark"] .chip-hold{color:#a9cdf5;background:rgba(0,113,227,.24)}
html[data-theme="dark"] .chip-x{color:rgba(255,255,255,.6)}
html[data-theme="dark"] .chip-x:hover{color:#fff}

/* page-level text near mocks */
html[data-theme="dark"] .uc-micro{color:rgba(255,255,255,.5)}
html[data-theme="dark"] .tray-soft{color:rgba(255,255,255,.5)}

/* v18.1 dark — settled states + story tags (beat state-specific light rules) */
html[data-theme="dark"] .story-card:not(.featured) .story-tag,
html[data-theme="dark"] .surf-card:not(.featured) .story-tag{color:rgba(255,255,255,.5)}
html[data-theme="dark"] .story-card.featured .story-tag.accent,
html[data-theme="dark"] .surf-card.featured .story-tag.accent{color:#9cc6f5;text-shadow:0 0 18px rgba(0,113,227,.45)}
html[data-theme="dark"] .stage-live[data-state="settled"] .handled,
html[data-theme="dark"] .stage-demo[data-state="settled"] .handled{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
html[data-theme="dark"] .stage-live[data-state="settled"] .inv-status,
html[data-theme="dark"] .stage-demo[data-state="settled"] .inv-status{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
html[data-theme="dark"] .stage-live[data-state="settled"] .invoice-peek,
html[data-theme="dark"] .stage-demo[data-state="settled"] .invoice-peek{border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html[data-theme="dark"] .stage-live[data-state="settled"] .receipt,
html[data-theme="dark"] .stage-demo[data-state="settled"] .receipt{animation-name:receiptSettleDark}

/* v18.1 dark — living ring assets ship on opaque white; invert the disc so it's no light island */
html[data-theme="dark"] .living-ico{
  filter:invert(1) hue-rotate(180deg) saturate(1.3) brightness(1.05);
  mix-blend-mode:screen;
  box-shadow:0 0 0 1px rgba(0,113,227,.3),0 0 12px rgba(0,113,227,.35);
}