/* Public pages: landing, sign-in, legal. Same brand as the app: an ink desk with an amber signal. */
@font-face{font-family:'Plex Sans';src:url('/fonts/PlexSans-latin.woff2') format('woff2');font-weight:100 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex Sans';src:url('/fonts/PlexSans-latin-ext.woff2') format('woff2');font-weight:100 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113}
@font-face{font-family:'Plex Sans';src:url('/fonts/PlexSans-greek.woff2') format('woff2');font-weight:100 700;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:'Plex Sans';src:url('/fonts/PlexSans-latin-italic.woff2') format('woff2');font-style:italic;font-weight:100 700;font-display:swap}
@font-face{font-family:'Plex Condensed';src:url('/fonts/PlexCond-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Plex Condensed';src:url('/fonts/PlexCond-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Plex Mono';src:url('/fonts/PlexMono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Plex Mono';src:url('/fonts/PlexMono-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/Inter-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('/fonts/SourceSerif4-Variable.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
:root{--paper:#eef0f3;--surface:#fff;--ink:#0f1a2a;--muted:#55606f;--rule:#d6dbe2;--bid:#0f1a2a;--bid-wash:#fff1d6;--ask:#c0392b;--good:#0d7a52;
  --signal:#e9a23b;--desk:#0f1a2a;--desk-2:#17243a;--desk-ink:#c9d1dd;--desk-line:#24324a;
  --sans:'Plex Sans','Inter',Arial,sans-serif;--head:'Plex Condensed','Plex Sans',Arial,sans-serif;--mono:'Plex Mono',ui-monospace,monospace;--serif:'Source Serif 4',Georgia,serif}
@media (prefers-color-scheme:dark){:root{--paper:#0b121d;--surface:#121c2b;--ink:#e8ecf2;--muted:#9aa5b4;--rule:#243247;--bid:#f0b04a;--bid-wash:#2a2414;--ask:#ff8676;--good:#4fd29a;--desk:#08101a;--desk-2:#111c2c;--desk-line:#1d2a3d}}
*{box-sizing:border-box}
html{color-scheme:light dark}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-color:var(--signal);text-decoration-thickness:2px;text-underline-offset:4px}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.site-head{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.wordmark{font:600 21px/1 var(--head);color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}
.wordmark svg{width:30px;height:30px}
.wordmark i{display:none}
.head-links{display:flex;gap:20px;align-items:center;font-size:15px}
.head-links a{color:var(--ink);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:6px;padding:10px 16px;font:500 15px/1.2 var(--sans);cursor:pointer;text-decoration:none}
.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}
@media (prefers-color-scheme:dark){.btn.primary{background:var(--signal);border-color:var(--signal);color:#111}}
.btn:disabled{opacity:.5;cursor:default}
/* Hero: the question is the headline. */
.hero{padding:56px 0 72px;border-bottom:1px solid var(--rule)}
.hero-meta{color:var(--muted);font-size:15px;margin:0 0 18px}
.hero-question{font:400 clamp(28px,4.2vw,46px)/1.22 var(--serif);letter-spacing:-.5px;max-width:22em;margin:0 0 32px;text-wrap:pretty}
.hero-question code{font-size:.6em}
.answer-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;max-width:620px}
.answer-row input{flex:1 1 220px;min-width:0;font:400 20px/1.3 var(--sans);padding:14px 16px;border:1px solid #b9c1cf;border-radius:6px;background:var(--surface);color:var(--ink)}
.answer-row .btn{padding:16px 22px;font-size:16px}
.answer-hint{color:var(--muted);font-size:14px;margin:10px 0 0}
.result{max-width:720px;margin-top:32px;border-left:3px solid var(--rule);padding:4px 0 4px 20px}
.result.correct{border-color:var(--good)}.result.incorrect{border-color:var(--ask)}.result.near{border-color:#a26b00}
.result h2{font:600 18px/1.4 var(--sans);margin:0 0 6px}
.result.correct h2{color:var(--good)}.result.incorrect h2{color:var(--ask)}
.result ol{font:17px/1.65 var(--serif);padding-left:22px;margin:12px 0}
.result .cta{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-intro{max-width:620px;color:var(--muted);font-size:17px;margin:40px 0 0}
.hero-intro strong{color:var(--ink);font-weight:600}
/* Sections */
section.block{padding:64px 0;border-bottom:1px solid var(--rule)}
section.block h2{font:600 34px/1.1 var(--head);letter-spacing:-.2px;margin:0 0 12px;max-width:20em}
section.block>p.lede,.lede{color:var(--muted);max-width:620px;margin:0 0 36px;font-size:17px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;margin:0}
.facts div{border-top:2px solid var(--ink);padding-top:14px}
.facts dt{font-family:var(--head)}
.facts dt{font:600 17px/1.4 var(--sans);margin:0 0 6px}
.facts dd{margin:0;color:var(--muted)}
/* The follow-up demo */
.followup{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:start;gap:0;margin-top:8px}
.followup figure{margin:0;background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 24px}
.followup figcaption{font-size:14px;color:var(--muted);margin-bottom:10px}
.followup p{font:18px/1.55 var(--serif);margin:0}
.followup .answer{margin-top:14px;font:600 15px var(--sans)}
.followup .shift{align-self:center;text-align:center;color:var(--signal);font-size:26px}
.followup .changed{background:var(--bid-wash);border-radius:3px;padding:0 3px}
/* Pricing */
.pricing{width:100%;border-collapse:collapse;margin-top:8px}
.pricing th,.pricing td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--rule);vertical-align:top}
.pricing thead th{font:600 15px var(--sans);border-bottom:2px solid var(--ink)}
.pricing td:first-child{color:var(--muted);width:34%}
.pricing .price{font:600 26px/1 var(--sans);letter-spacing:-.5px}
.pricing .price small{font:400 14px var(--sans);color:var(--muted);letter-spacing:0}
.pricing .yes{color:var(--good);font-weight:600}
.plans{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.faq{max-width:720px}
.faq details{border-bottom:1px solid var(--rule);padding:16px 0}
.faq summary{cursor:pointer;font-weight:600}
.faq p{color:var(--muted);margin:10px 0 0}
.site-foot{padding:40px 0 56px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-foot a{color:var(--muted)}
/* Sign-in */
.auth{max-width:420px;margin:8vh auto 0;padding:0 24px}
.auth h1{font:600 34px/1.1 var(--head);margin:0 0 8px}
.auth p{color:var(--muted)}
.auth form{display:grid;gap:12px;margin-top:24px}
.auth label{font-size:14px;font-weight:600}
.auth input[type=email]{font:16px var(--sans);padding:12px 14px;border:1px solid #b9c1cf;border-radius:6px;background:var(--surface);color:var(--ink)}
.auth .or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;margin:24px 0}
.auth .or::before,.auth .or::after{content:'';flex:1;border-top:1px solid var(--rule)}
.auth .notice{border-left:3px solid var(--bid);padding:4px 0 4px 14px;margin-top:20px;color:var(--ink)}
.auth .error{border-left-color:var(--ask)}
.auth .dev{margin-top:32px;padding-top:20px;border-top:1px dashed var(--rule)}
.auth .dev label{font-weight:400;display:flex;gap:8px;align-items:center}
/* Legal */
.legal{max-width:720px;padding:24px 0 64px}
.legal h1{font:600 34px/1.2 var(--serif)}
.legal h2{font:600 20px/1.3 var(--sans);margin-top:32px}
.legal .draft{border-left:3px solid var(--ask);padding:6px 0 6px 14px;color:var(--muted)}
@media (max-width:720px){
  .facts{grid-template-columns:1fr}
  .followup{grid-template-columns:1fr}.followup .shift{transform:rotate(90deg);padding:6px 0}
  .pricing td:first-child{width:auto}.pricing th,.pricing td{padding:12px 8px}
  .hero{padding:32px 0 56px}
}
@media (prefers-reduced-motion:no-preference){.result{animation:reveal .25s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}
.public-q{max-width:760px;padding:24px 0 48px}.public-q h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:8px 0 10px}.public-q h2{font-size:20px;margin:36px 0 12px}.public-q h3{font-size:17px;margin:24px 0 4px}
.crumbs,.q-meta{color:var(--muted);font-size:14px}.crumbs a{color:var(--muted)}.q-body{margin:28px 0;font-size:18px;line-height:1.6}.q-text{font-size:19px}
.q-body pre{overflow:auto;padding:16px;border:1px solid var(--line);border-radius:6px;font-size:14px}
.q-options{list-style:none;padding:0;display:grid;gap:8px}.q-options li{display:flex;gap:14px;padding:12px 16px;border:1px solid var(--line);border-radius:6px;font-size:16px}.q-options span{color:var(--muted);font-weight:600}
.q-try{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:24px 0}
.q-solution{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:24px 0}.q-solution summary{cursor:pointer;font-weight:600}.q-answer{font-size:18px;font-weight:600;margin-top:16px}.q-solution li{margin:6px 0;line-height:1.55}
.q-related{list-style:none;padding:0}.q-related li{padding:8px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.q-related span{color:var(--muted);font-size:14px;white-space:nowrap}
.q-topic p{color:var(--muted);margin:0 0 6px}.q-track{margin-top:40px}
.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:28px 0}.profile-stats div{border-top:2px solid currentColor;padding-top:10px}.profile-stats span{display:block;font-size:13px;opacity:.7}.profile-stats strong{display:block;font-size:26px;margin-top:4px}.profile-stats small{display:block;font-size:13px;opacity:.7}.badges{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.badges li{border:1px solid currentColor;border-radius:14px;padding:3px 11px;font-size:14px}
.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}

/* Desk band: the landing hero sits on the trading desk. The live question is the headline. */
.desk-band{background:var(--desk);color:#fff;border-bottom:3px solid var(--signal)}
.desk-band .site-head{border-bottom:1px solid var(--desk-line)}
.desk-band .wordmark{color:#fff}
.desk-band .head-links a{color:var(--desk-ink)}
.desk-band .head-links a:hover{color:#fff}
.desk-band .hero{border-bottom:0;padding:64px 0 80px}
.desk-band .hero-meta{color:var(--signal);font:500 14px/1 var(--mono);letter-spacing:.2px}
.desk-band .hero-question{color:#fff}
.desk-band .answer-row input{background:var(--desk-2);border-color:#3a4a63;color:#fff;font-family:var(--mono)}
.desk-band .answer-row input::placeholder{color:#7d8a9d}
.desk-band .btn.primary{background:var(--signal);border-color:var(--signal);color:#111}
.desk-band .btn.primary:hover{background:#ffb94f}
.desk-band .answer-hint,.desk-band .hero-intro{color:var(--desk-ink)}
.desk-band .hero-intro strong{color:#fff}
.desk-band .result{border-left-color:var(--desk-line)}
.desk-band .result.correct h2{color:#4fd29a}.desk-band .result.incorrect h2{color:#ff8676}
.desk-band .result a{color:#fff}
.pricing .price{font-family:var(--mono);font-weight:500}
@media (max-width:600px){.desk-band .hero{padding:40px 0 56px}.head-links{gap:14px;font-size:14px}}
.desk-band .wordmark svg rect:first-child{fill:#1c2b45}
/* Product screenshots */
.shots{display:grid;gap:40px;margin-top:28px}
.shots figure{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:center;margin:0}
.shots figure:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.shots figure:nth-child(even) img{order:2}
.shots img{width:100%;height:auto;border:1px solid var(--rule);border-radius:8px;background:#fff;box-shadow:0 1px 0 var(--rule)}
.shots figcaption{font-size:15px;line-height:1.6;color:var(--muted)}.shots figcaption strong{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}
@media(max-width:760px){.shots figure,.shots figure:nth-child(even){grid-template-columns:1fr;gap:14px}.shots figure:nth-child(even) img{order:0}}
.head-links .head-cta{background:var(--signal,#e9a23b);color:#111;padding:6px 12px;border-radius:4px;font-weight:600}
.shots img{max-height:520px;object-fit:contain;object-position:top}
.shots img{padding:14px;box-sizing:border-box}
.head-links a{white-space:nowrap}
@media(max-width:520px){.head-links a[href="/questions"],.head-links a[href="#pricing"]{display:none}}