/* CryptoStreet wordmark lock — 2026-08-22. Drafts only. */
@font-face{font-family:"Cabinet Grotesk";src:url("/fonts/CabinetGrotesk-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url("/fonts/CabinetGrotesk-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/fonts/SourceSerif4-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/Inter-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}

:root{
  --navy:#0c0f1a;
  --cyan:#00d4ff;
  --paper:#f4f7fb;
  --text:#f0f2f5;
  --mute:#8b93a7;
  --hair:#1c2436;
  --hair-p:#d8dee8;
  --panel:#111522;
  --whisper:#8a93a8;
  --ink:#0c0f1a;
  --mute-p:#5a6274;
  --radius:10px;
  --max:1200px;
  --header-h:72px;
  --font-wm:"Cabinet Grotesk",sans-serif;
  --font-h1:"Source Serif 4",Georgia,serif;
  --font-ui:Inter,system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
}

/* Kill leftover icon chrome from product.css */
.header-logo svg,
.footer-brand .header-logo svg,
.site-header .header-logo svg{display:none!important}
.header-logo{gap:0!important}
.header-logo span{
  font-family:var(--font-wm)!important;
  font-weight:500!important;
  letter-spacing:-0.015em!important;
  color:var(--text)!important;
  font-size:20px!important;
}

body{
  background:var(--navy);
  color:var(--text);
  font-family:var(--font-ui);
  font-size:16px;
  line-height:1.45;
  margin:0;
}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
img{max-width:100%;display:block}
a{color:inherit}

.skip-to-content{
  position:absolute;left:-999px;top:8px;background:var(--cyan);color:var(--ink);
  padding:8px 16px;border-radius:var(--radius);z-index:100
}
.skip-to-content:focus{left:8px}

.site-header{
  height:var(--header-h);
  border-bottom:1px solid var(--hair);
  background:var(--navy);
  position:sticky;top:0;z-index:40;
}
.header-inner{
  max-width:var(--max);
  margin:0 auto;
  height:100%;
  padding:0 24px;
  display:flex;
  align-items:center;
  gap:48px;
}
.wordmark{
  font-family:var(--font-wm);
  font-weight:500;
  letter-spacing:-0.015em;
  color:#fff;
  font-size:20px;
  text-decoration:none;
  white-space:nowrap;
}
.header-nav{
  display:flex;list-style:none;margin:0;padding:0;gap:28px;
  font-size:14px;
}
.header-nav a{color:var(--mute);text-decoration:none}
.header-nav a[aria-current="page"],.header-nav a:hover{color:var(--text)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}
.mobile-menu-btn{
  display:none;background:none;border:0;color:var(--mute);cursor:pointer;padding:8px
}
.mobile-nav{
  display:none;background:var(--navy);border-bottom:1px solid var(--hair);
  padding:16px 24px 24px;flex-direction:column;gap:16px
}
.mobile-nav.active{display:flex}
.mobile-nav a{color:var(--mute);text-decoration:none;min-height:24px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.kicker{
  font-family:var(--font-ui);
  font-weight:500;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--mute);
}
h1,.h1,h1.hero-stance-word,h1.stance-word,#heroStanceWord,#stanceWord{
  font-family:var(--font-h1)!important;
  font-weight:400!important;
  letter-spacing:-0.015em;
  color:var(--text);
  font-size:56px;
  line-height:1.05;
  margin:8px 0 16px;
}
h2{font-family:var(--font-h1);font-weight:400;font-size:28px;margin:8px 0 16px}
h3{font-family:var(--font-ui);font-weight:500;font-size:16px;margin:0 0 8px}
.mono,.price-9,#heroSampleAmount{font-family:var(--font-mono);font-weight:500}
.price-9{color:var(--cyan);font-size:40px;line-height:1}
.lede{color:var(--mute);font-size:18px;max-width:40rem}
.mute{color:var(--mute)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 16px;border-radius:var(--radius);
  font-family:var(--font-ui);font-weight:500;font-size:14px;
  text-decoration:none;border:1px solid transparent;cursor:pointer
}
.btn-primary,.btn-cta-9,a.btn-primary,button.btn-primary{
  background:var(--cyan)!important;
  color:var(--ink)!important;
  border-color:var(--cyan)!important;
}
.btn-ghost,.btn-outline{
  background:transparent;color:var(--text);border-color:var(--hair)
}
.paper .btn-primary,.paper a.btn-primary,.paper button.btn-primary{
  background:var(--navy)!important;color:var(--paper)!important;border-color:var(--navy)!important
}
.paper .btn-ghost{color:var(--ink);border-color:var(--hair-p)}
.cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}

.section{padding:80px 0}
.section-tight{padding:80px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{
  background:var(--panel);
  border:1px solid var(--hair);
  border-radius:var(--radius);
  padding:20px
}
.num{font-family:var(--font-mono);font-size:12px;color:var(--mute)}

.promise{padding:80px 0 0}
.proof{padding:88px 0 0}
.week{padding:88px 0 80px}

.product-frame{
  background:var(--navy);
  border:1px solid var(--hair);
  border-radius:12px;
  padding:28px 28px 16px;
  min-height:280px;
  display:flex;flex-direction:column
}
.product-frame .frame-meta{font-family:var(--font-mono);font-size:11px;color:var(--mute);margin:0}
.product-frame .frame-word{
  font-family:var(--font-h1);font-size:36px;margin:24px 0 8px;letter-spacing:-0.015em
}
.product-frame .frame-size{
  font-family:var(--font-mono);font-size:32px;color:var(--cyan);margin:8px 0 0
}
.chart-stroke{
  margin-top:auto;
  height:16px;
  background:linear-gradient(90deg,transparent 0%,var(--cyan) 8%,transparent 18%,var(--cyan) 42%,transparent 55%,var(--cyan) 78%,transparent 100%);
  opacity:.95;
}
.chart-caption{font-size:11px;color:var(--whisper);margin:12px 0 0}

.paper{
  background:var(--paper);
  color:var(--ink);
  padding:48px 0 0
}
.paper h2,.paper .h2{color:var(--ink)}
.paper .mute,.paper p{color:var(--mute-p)}
.paper .price-ink{font-family:var(--font-mono);font-weight:500;font-size:36px;color:var(--ink)}
.paper-prices{display:flex;gap:80px;margin:24px 0}
.site-footer{
  border-top:1px solid var(--hair);
  padding:20px 0 24px;
  font-size:12px;color:var(--whisper)
}
.paper + .site-footer, .paper .site-footer, body.paper-foot .site-footer{
  background:var(--paper);border-top-color:var(--hair-p);color:var(--mute-p)
}
.footer-inner{max-width:var(--max);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a{color:inherit;text-decoration:none}

.locked-sample{margin-top:32px;max-width:28rem}
.locked-sample-label{font-size:12px;color:var(--mute);letter-spacing:.08em;text-transform:uppercase}
.locked-sample-row{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0;font-size:16px}
#heroSampleAmount{color:var(--cyan);font-size:32px}

.shop-col .price{font-family:var(--font-mono);font-size:36px;margin:8px 0}
.shop-col.pro .price{color:var(--cyan)}
.shop-col ul{padding-left:18px;color:var(--mute)}

.auth-section{padding:80px 0 120px}
.auth-card{max-width:440px;margin:0 auto;background:var(--panel);border:1px solid var(--hair);border-radius:var(--radius);padding:32px}
.auth-card h1{font-size:40px}
.form-group{margin:16px 0}
.form-group label{display:block;font-size:14px;margin-bottom:8px;color:var(--mute)}
.form-group input{
  width:100%;min-height:40px;border-radius:var(--radius);border:1px solid var(--hair);
  background:var(--navy);color:var(--text);padding:8px 12px;font-family:var(--font-ui)
}
.auth-toggle{display:flex;gap:8px;margin:16px 0}
.auth-toggle-btn{flex:1;min-height:40px;border-radius:var(--radius);border:1px solid var(--hair);background:transparent;color:var(--mute);cursor:pointer}
.auth-toggle-btn.active{color:var(--text);border-color:var(--text)}
.auth-forgot{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:8px 0 16px}
.auth-forgot button{
  background:none;border:0;color:var(--mute);font:inherit;cursor:pointer;padding:0;text-decoration:underline
}
.auth-submit-btn{width:100%}
.auth-message{margin-top:16px;font-size:14px}
.auth-message-success{color:#7dffb0}
.auth-message-error{color:#ff8a80}
.checkout-success-panel{max-width:640px;margin:80px auto;padding:0 24px}
body:not(.checkout-success) .checkout-success-panel{display:none}
body.checkout-success .auth-card,body.checkout-success .auth-section{display:none}

.prose{max-width:40rem}
.prose a{color:var(--cyan)}

.stance-page h1.stance-word{font-size:52px}
.stance-score-row{font-family:var(--font-mono);color:var(--mute);margin-bottom:16px}
.stance-score{color:var(--text);font-size:24px}
.stance-method-grid,.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.stance-map{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:var(--mute)}
.hero-stance-degrade{display:block;color:var(--mute);font-size:13px;margin-top:8px}

@media (max-width:900px){
  :root{--header-h:64px}
  .header-nav,.header-actions{display:none}
  .mobile-menu-btn{display:block;margin-left:auto}
  h1,.h1,h1.hero-stance-word,h1.stance-word{font-size:44px}
  .grid-3,.grid-2,.stance-method-grid,.tools-grid{grid-template-columns:1fr}
  .paper-prices{flex-direction:column;gap:16px}
  .header-inner{gap:16px}
  .cta-row .btn{width:100%}
}
html.checkout-success .checkout-success-panel{display:block}
html.checkout-success .auth-section{display:none}
html.checkout-success body.checkout-success .auth-section{display:none}
.price-row{display:flex;align-items:baseline;gap:16px;margin:24px 0 0}
.legal-main,.page-main{padding:80px 0}
.hero-stance-word,.stance-word,h1.is-hold,h1.is-accumulate,h1.is-reduce,#heroStanceWord,#stanceWord{color:#f0f2f5!important}

/* QA 2026-08-22: JS-off /auth/?checkout=success#checkout-success first-paints Pro is on */
.checkout-success-panel:target{display:block}
.checkout-success-panel:target ~ .auth-section{display:none}
html.checkout-success .checkout-success-panel,body.checkout-success .checkout-success-panel{display:block}
html.checkout-success .auth-section,body.checkout-success .auth-section{display:none}

.product-frame{padding:0;overflow:hidden;min-height:0}
.hold-card{display:block;width:100%;height:auto;aspect-ratio:1200/628;object-fit:cover;border:0}
/* hold-card-wordless */

.product-frame{padding:28px 28px 0;overflow:hidden;min-height:0}
.hold-card{display:block;width:calc(100% + 56px);max-width:none;height:auto;aspect-ratio:1200/628;object-fit:cover;border:0;margin:20px -28px 0}