/* CALIBRE landing — production styles (v3). Generated from explore/v3.css + v3-extra.css) */

/* ====================================================================
   CALIBRE DS CORE + LANDING STYLES — Direction A: Instrument Cluster
   ==================================================================== */
*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --cal-carbon:#0C0D10;
  --cal-surface:#15171C;
  --cal-raised:#1D2026;
  --cal-hair:rgba(255,255,255,0.09);
  --cal-text:#EDEDE8;
  --cal-steel:#AEB4BD;
  --cal-sub:#8C9099;
  --cal-faint:#6B7077;
  --cal-ghost:#5E646D;
  --cal-teal:#2FD6C3;
  --cal-amber:#C9912F;
  --cal-amber-ink:#CDB892;
  --cal-red:#C8362C;
  --cal-gold:#C8B07E;
  --cal-gold-ink:#A08F6A;
  --cal-ease:cubic-bezier(0.22,0.9,0.3,1);
  --r-sm:10px;--r-md:12px;--r-lg:14px;--r-pill:999px;
}

html{background:var(--cal-carbon);min-width:320px;scroll-behavior:smooth;}
body{background:var(--cal-carbon);color:var(--cal-text);
  font-family:'Space Grotesk',sans-serif;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;font-size:16px;line-height:1.5;overflow-x:hidden;}

a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
[hidden]{display:none!important;}
main{overflow:clip;}

/* ---- TYPE ---- */
.mono{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;}
.micro{font:500 10px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--cal-sub);}
.micro-2{font:500 8.5px 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--cal-faint);}
.tagline{font:italic 500 20px 'Cormorant Garamond',serif;color:var(--cal-steel);}

/* ---- LAYOUT ---- */
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,60px);}
.sy{padding-top:clamp(72px,8vw,128px);padding-bottom:clamp(72px,8vw,128px);}
.sy-sm{padding-top:clamp(48px,5vw,80px);padding-bottom:clamp(48px,5vw,80px);}

/* ---- CARDS ---- */
.card{border:1px solid var(--cal-hair);border-radius:var(--r-md);background:var(--cal-surface);}
.card-raised{background:var(--cal-raised);}
.knurl{position:relative;overflow:hidden;}
.knurl::before{content:'';position:absolute;top:0;left:12px;right:12px;height:2px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,0.13) 0 1px,transparent 1px 3px);}

/* ---- CHIP ---- */
.chip{border:1px solid var(--cal-hair);border-radius:11px;background:var(--cal-surface);padding:10px 13px 9px;}
.chip .k{font:500 8.5px 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--cal-faint);}
.chip .v{font:500 22px 'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;margin-top:4px;color:var(--cal-text);}
.chip .v.tl{color:var(--cal-teal);}
.chip .v.am{color:var(--cal-amber);}
.chip .s{font:500 7.5px 'Space Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cal-ghost);margin-top:2px;}

/* ---- FORECAST STRIP ---- */
.forecast{border:1px solid rgba(201,145,47,0.38);background:rgba(201,145,47,0.05);border-radius:11px;padding:11px 13px 12px;}
.forecast .k{font:500 9px 'Space Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cal-amber);}
.forecast .v{font:400 10.5px/1.5 'JetBrains Mono',monospace;letter-spacing:.03em;color:var(--cal-amber-ink);margin-top:5px;}

/* ---- SPEC TABLE ---- */
.spec{border-top:1px solid var(--cal-hair);}
.spec-row{display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:11px 0;border-bottom:1px solid var(--cal-hair);}
.spec-row .k{font:500 9px 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--cal-faint);flex:0 0 auto;}
.spec-row .v{font:500 12px 'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--cal-text);text-align:right;}
.spec-row .v .tl{color:var(--cal-teal);}
.spec-row .v .am{color:var(--cal-amber);}
.spec-row .v .gd{color:var(--cal-gold);}

/* ---- BUTTONS ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:50px;padding:0 24px;border-radius:var(--r-md);border:none;cursor:pointer;
  font:600 12.5px 'Space Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;
  background:transparent;color:var(--cal-text);transition:opacity .22s var(--cal-ease);}
.btn:hover{opacity:.82;}
.btn-bone{background:var(--cal-text);color:#101114;}
.btn-ghost{border:1px solid rgba(237,237,232,0.28);font-weight:500;}
.btn-teal{border:1px solid rgba(47,214,195,0.5);color:var(--cal-teal);font-weight:500;}

/* ---- SECTION DIVIDER HEADER ---- */
.sechead{display:flex;align-items:center;gap:14px;margin-bottom:clamp(36px,4vw,56px);}
.sechead::after{content:'';flex:1;height:1px;background:var(--cal-hair);}
.sechead .n{font:500 10px 'JetBrains Mono',monospace;letter-spacing:.1em;color:var(--cal-teal);}
.sechead .t{font:500 10px 'Space Grotesk',sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--cal-steel);}

/* ---- SCROLL REVEAL ---- */
.sr{opacity:0;transform:translateY(14px);transition:opacity .46s var(--cal-ease),transform .46s var(--cal-ease);}
.sr.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.sr{opacity:1!important;transform:none!important;transition:none!important;}}

/* ---- ZONE BAR ---- */
.zone-bar{height:3px;border-radius:2px;background:var(--cal-raised);overflow:hidden;margin-top:6px;}
.zone-bar .fill{height:100%;border-radius:2px;background:var(--cal-teal);}
.zone-bar.amber .fill{background:var(--cal-amber);}

/* ====================================================================
   1. NAV
   ==================================================================== */
.nav{position:sticky;top:0;z-index:50;
  background:rgba(12,13,16,0.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--cal-hair);}
.nav-bar{display:flex;align-items:center;justify-content:space-between;height:66px;gap:24px;position:relative;}
.nav-prog{position:absolute;top:-1px;left:0;height:2px;background:var(--cal-teal);width:0;transition:width .12s linear;pointer-events:none;}
.nav-brand{display:flex;align-items:center;gap:13px;}
.nav-mark{width:30px;height:30px;flex:0 0 30px;}
.nav-name{font:600 17px 'Space Grotesk',sans-serif;letter-spacing:.32em;padding-left:.32em;}
.nav-links{display:flex;gap:30px;}
.nav-links a{font:500 11px 'Space Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cal-sub);transition:color .2s;}
.nav-links a:hover{color:var(--cal-text);}
.nav-cta{height:38px;padding:0 18px;border-radius:var(--r-md);
  font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;
  background:var(--cal-text);color:#101114;display:inline-flex;align-items:center;
  transition:opacity .2s;}
.nav-cta:hover{opacity:.88;}
@media(max-width:767px){.nav-links{display:none;}}

/* ====================================================================
   2. HERO
   ==================================================================== */
.hero{position:relative;overflow:hidden;min-height:92vh;display:flex;align-items:center;
  background:var(--cal-carbon);}
/* Faint teal radial — right side only, never a wash */
.hero::after{content:'';position:absolute;top:10%;right:0;width:60%;height:80%;
  background:radial-gradient(ellipse 70% 70% at 80% 40%,rgba(47,214,195,0.04) 0%,transparent 65%);
  pointer-events:none;}

.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  padding:100px 0 80px;position:relative;z-index:2;}

/* Left: copy */

.hero-h1{font:600 clamp(38px,4.8vw,74px)/1.0 'Space Grotesk',sans-serif;letter-spacing:-.025em;margin-bottom:18px;}
.hero-h1 .accent{color:var(--cal-teal);}
.hero-lede{font:400 17px/1.65 'Space Grotesk',sans-serif;color:var(--cal-steel);max-width:460px;margin-bottom:28px;}

/* Trust pill — face stack + rating */
.hero-pill{display:inline-flex;align-items:center;gap:11px;padding:6px 15px 6px 7px;margin-bottom:26px;
  border:1px solid var(--cal-hair);border-radius:var(--r-pill);background:rgba(255,255,255,0.025);}
.face-stack{display:flex;}
.face-stack img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--cal-carbon);margin-left:-13px;}
.face-stack img:first-child{margin-left:0;}
.hero-pill .pill-txt{font:400 13px 'Space Grotesk',sans-serif;color:var(--cal-steel);white-space:nowrap;}
.hero-pill .pill-txt strong{color:var(--cal-text);font-weight:600;}
.hero-pill .stars{color:var(--cal-gold);letter-spacing:1.5px;font-size:11px;vertical-align:1px;}

/* CTA row */
.hero-actions{display:flex;align-items:center;gap:12px;margin-bottom:26px;flex-wrap:wrap;}
.hero-trust{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.hero-trust-item{display:flex;align-items:center;gap:5px;}
.hero-trust-item svg{color:var(--cal-teal);}
.hero-trust-item span{font:500 10px 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--cal-sub);}

/* Right: 3-phone cluster */
.hero-phones{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(640px,84vw);}
.phone{border-radius:38px;background:linear-gradient(160deg,#23262d,#14161b);border:1px solid rgba(255,255,255,0.13);
  padding:6px;box-shadow:0 50px 90px -30px rgba(0,0,0,.9);position:relative;}
.phone::before{content:'';position:absolute;top:11px;left:50%;transform:translateX(-50%);
  width:34%;height:13px;background:#0a0b0d;border-radius:0 0 11px 11px;z-index:2;}
.phone img{display:block;width:100%;height:auto;border-radius:32px;}
.phone.center{width:clamp(212px,17.5vw,252px);position:relative;z-index:3;}
.phone.side{width:clamp(170px,14vw,206px);position:absolute;z-index:1;filter:brightness(.66) saturate(.92);}
.phone.side.left{transform:translateX(-56%) translateY(28px) rotate(-7deg);}
.phone.side.right{transform:translateX(56%) translateY(28px) rotate(7deg);}

@media(max-width:959px){
  .hero-grid{grid-template-columns:1fr;padding:78px 0 56px;}
  .hero-lede{max-width:100%;}
  .hero-phones{min-height:540px;margin-top:18px;}
}
@media(max-width:480px){
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{text-align:center;}
  .hero-trust{gap:12px;}
  .hero-trust-item span{font-size:9px;}
  .phone.center{width:200px;}.phone.side{width:150px;}
  .phone.side.left{transform:translateX(-46%) translateY(32px) rotate(-7deg);}
  .phone.side.right{transform:translateX(46%) translateY(32px) rotate(7deg);}
  .hero-pill{margin-bottom:20px;}
  .hero-pill .pill-txt{font-size:11.5px;white-space:normal;}
}

/* ====================================================================
   3. TICKER
   ==================================================================== */

/* ====================================================================
   4. CREDIBILITY BAR
   ==================================================================== */
.cred{background:var(--cal-surface);border-bottom:1px solid var(--cal-hair);padding-bottom:34px;}
.cred-note{text-align:center;font:400 10px 'Space Grotesk',sans-serif;color:var(--cal-ghost);letter-spacing:.04em;margin-top:6px;}

/* ====================================================================
   5. METHOD SECTION (4-row instrument panels)
   ==================================================================== */
.method{background:var(--cal-carbon);}
.method-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);
  align-items:center;padding:clamp(40px,5vw,72px) 0;border-bottom:1px solid var(--cal-hair);}
.method-row:last-child{border-bottom:none;}
.method-row.flip .method-screen{order:-1;}
.method-row.flip .method-copy{order:1;}

.method-screen{position:relative;}
.method-screen-inner{position:relative;display:flex;align-items:center;justify-content:center;}
.method-device{width:clamp(200px,26%,280px);margin:0 auto;
  border-radius:26px;border:1px solid rgba(255,255,255,0.12);overflow:hidden;
  box-shadow:0 0 0 1px rgba(47,214,195,0.06);}
.method-device img{width:100%;display:block;}
/* Telemetry data to the side of device */
.method-panel{position:absolute;right:-8px;top:50%;transform:translateY(-50%);
  width:148px;display:flex;flex-direction:column;gap:8px;}
.method-panel-left{right:auto;left:-8px;}

.method-kicker{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.method-kicker .n{font:500 10px 'JetBrains Mono',monospace;letter-spacing:.1em;color:var(--cal-teal);}
.method-kicker .rule{flex:1;height:1px;background:rgba(47,214,195,0.2);}
.method-h3{font:600 clamp(22px,2.8vw,34px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.015em;margin-bottom:12px;}
.method-body{font:400 15px/1.65 'Space Grotesk',sans-serif;color:var(--cal-sub);margin-bottom:20px;max-width:420px;}

@media(max-width:767px){
  .method-row,.method-row.flip{grid-template-columns:1fr;}
  .method-row.flip .method-screen{order:0;}
  .method-row.flip .method-copy{order:0;}
  .method-panel{display:none;}
}

/* ====================================================================
   6. THE REFERENCE
   ==================================================================== */
.reference{background:var(--cal-carbon);position:relative;overflow:hidden;
  border-top:1px solid var(--cal-hair);border-bottom:1px solid var(--cal-hair);}
/* Hairline grid overlay */
.ref-grid-bg{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--cal-hair) 1px,transparent 1px),
    linear-gradient(90deg,var(--cal-hair) 1px,transparent 1px);
  background-size:52px 52px;opacity:.16;}
/* Gold frame inset */
.ref-gold-frame{position:absolute;inset:16px;border:1px solid rgba(200,176,126,0.12);
  border-radius:20px;pointer-events:none;}
/* Texture layers */
.ref-tex-r{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:800px;height:800px;opacity:.04;pointer-events:none;}

.ref-inner{position:relative;z-index:2;padding:clamp(64px,7vw,112px) 0;}
.ref-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,96px);align-items:center;}

/* Left */
.ref-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.ref-kicker .line{width:28px;height:1px;background:rgba(200,176,126,0.5);}
.ref-kicker .label{font:500 8.5px 'Space Grotesk',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--cal-gold);}
.ref-h2{font:600 clamp(30px,4vw,54px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.012em;margin-bottom:16px;text-rendering:geometricPrecision;}
.ref-h2 .gd{color:var(--cal-gold);}
.ref-tagline{display:block;margin-bottom:22px;}
.ref-sub{font:400 15px/1.65 'Space Grotesk',sans-serif;color:var(--cal-sub);max-width:400px;margin-bottom:28px;}

/* Right */
.ref-stage{display:flex;flex-direction:column;align-items:center;gap:16px;}
.ref-dial-wrap{position:relative;width:100%;max-width:520px;}
.ref-dial-wrap::before{content:'';position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);
  width:86%;height:86%;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 50% 42%,rgba(200,176,126,0.18),rgba(200,176,126,0.05) 46%,transparent 70%);}
.ref-dial-wrap img{position:relative;z-index:1;width:100%;height:auto;display:block;
  filter:drop-shadow(0 26px 60px rgba(0,0,0,0.6)) drop-shadow(0 0 42px rgba(200,176,126,0.10));}
.ref-serial{text-align:center;font:400 9px 'JetBrains Mono',monospace;letter-spacing:.14em;
  color:rgba(200,176,126,0.38);margin-top:6px;}
/* Data strip below dial in Reference */
.ref-data-strip{display:flex;gap:0;border:1px solid rgba(200,176,126,0.12);border-radius:var(--r-md);overflow:hidden;width:100%;}
.ref-data-cell{flex:1;padding:10px 14px;border-right:1px solid rgba(200,176,126,0.1);}
.ref-data-cell:last-child{border-right:none;}
.ref-data-cell .k{font:500 7.5px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(200,176,126,0.45);}
.ref-data-cell .v{font:500 12px 'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;color:var(--cal-gold);margin-top:3px;}

/* Medallion rail */
.rail-wrap{overflow:hidden;border-top:1px solid var(--cal-hair);border-bottom:1px solid var(--cal-hair);}
.rail-label{font:500 8.5px 'Space Grotesk',sans-serif;letter-spacing:.22em;text-transform:uppercase;
  color:var(--cal-ghost);margin-bottom:12px;}
.rail{display:flex;gap:0;animation:rail 42s linear infinite;white-space:nowrap;}
.rail:hover{animation-play-state:paused;}
.rail-item{display:inline-flex;flex-direction:column;align-items:center;gap:9px;
  padding:18px 28px;border-right:1px solid var(--cal-hair);flex:0 0 auto;}
.rail-item img{width:64px;height:64px;display:block;}
.rail-item .day{font:500 9px 'JetBrains Mono',monospace;letter-spacing:.12em;color:var(--cal-faint);}
.rail-item .name{font:500 8.5px 'Space Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cal-sub);text-align:center;}
.rail-item.gd .day,.rail-item.gd .name{color:var(--cal-gold);}
.rail-item.am .day,.rail-item.am .name{color:var(--cal-amber);}
@keyframes rail{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.rail{animation:none;overflow-x:auto;padding-bottom:6px;}}

@media(max-width:959px){
  .ref-layout{grid-template-columns:1fr;gap:40px;}
  .ref-stage{order:-1;}
  .ref-dial-wrap{max-width:320px;margin:0 auto;}
}

/* ====================================================================
   7. REVIEWS
   ==================================================================== */
.reviews{background:var(--cal-carbon);padding-bottom:clamp(48px,5vw,80px)!important;}
.reviews-hed{display:flex;align-items:baseline;justify-content:space-between;
  gap:16px;margin-bottom:36px;flex-wrap:wrap;}
.reviews-hed h2{font:600 clamp(24px,3.5vw,44px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.02em;}
.rev-card{border:1px solid var(--cal-hair);border-radius:var(--r-lg);background:var(--cal-surface);
  padding:18px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;}
.rev-card::before{content:'';position:absolute;top:0;left:12px;right:12px;height:2px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,0.13) 0 1px,transparent 1px 3px);}
.rev-meta{flex:1;min-width:0;}
.rev-name{font:600 11.5px 'Space Grotesk',sans-serif;color:var(--cal-text);letter-spacing:.02em;line-height:1.2;}
.rev-day{font:400 9px 'JetBrains Mono',monospace;letter-spacing:.06em;color:var(--cal-faint);margin-top:3px;line-height:1.4;}
.rev-body{font:400 12.5px/1.6 'Space Grotesk',sans-serif;color:var(--cal-sub);flex:1;}

/* ====================================================================
   8. FINAL CTA
   ==================================================================== */
.fcta{background:var(--cal-carbon);position:relative;overflow:hidden;}
.fcta-frame{border:1px solid rgba(200,176,126,0.18);border-radius:20px;
  padding:clamp(48px,6vw,96px);text-align:center;position:relative;overflow:hidden;
  background:rgba(200,176,126,0.015);}
.fcta-frame::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 55% 50% at 50% 50%,rgba(200,176,126,0.035) 0%,transparent 65%);}
.fcta-tex{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:580px;height:580px;opacity:.025;pointer-events:none;}
.fcta-mark{margin:0 auto 24px;display:block;}
.fcta-h2{font:600 clamp(28px,4.5vw,56px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.025em;margin-bottom:14px;}
.fcta-sub{font:400 16px/1.65 'Space Grotesk',sans-serif;color:var(--cal-sub);
  max-width:480px;margin:0 auto 36px;}
.fcta-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:28px;}
.fcta-trust{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:36px;}
.fcta-trust span{font:500 9px 'Space Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cal-ghost);}
.fcta-trust .dot{width:3px;height:3px;border-radius:50%;background:var(--cal-hair);}
/* Spec strip in CTA */
.fcta-spec{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.fcta-spec .chip{border-color:rgba(200,176,126,0.15);min-width:110px;}

/* ====================================================================
   9. FOOTER
   ==================================================================== */
.footer{background:var(--cal-carbon);border-top:1px solid var(--cal-hair);}
.footer-wm{font:600 clamp(64px,11vw,130px)/0.9 'Space Grotesk',sans-serif;letter-spacing:.35em;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.065);
  text-align:center;padding:clamp(40px,5vw,72px) 0;overflow:hidden;white-space:nowrap;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(24px,4vw,56px);
  padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--cal-hair);}
.footer-brand{display:flex;flex-direction:column;gap:12px;}
.footer-brand-row{display:flex;align-items:center;gap:11px;}
.footer-bname{font:600 15px 'Space Grotesk',sans-serif;letter-spacing:.3em;padding-left:.3em;}
.footer-tagline{font:italic 500 15px 'Cormorant Garamond',serif;color:var(--cal-ghost);}
.footer-desc{font:400 13px/1.6 'Space Grotesk',sans-serif;color:var(--cal-ghost);max-width:270px;}
.footer-col-head{font:500 8.5px 'Space Grotesk',sans-serif;letter-spacing:.22em;text-transform:uppercase;
  color:var(--cal-faint);margin-bottom:14px;}
.footer-col a{display:block;font:400 12.5px 'Space Grotesk',sans-serif;color:var(--cal-ghost);
  margin-bottom:9px;transition:color .2s;}
.footer-col a:hover{color:var(--cal-steel);}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:20px 0 clamp(28px,3vw,40px);flex-wrap:wrap;}
.footer-legal{font:400 10.5px 'Space Grotesk',sans-serif;color:var(--cal-ghost);}
.footer-help{font:400 10.5px 'Space Grotesk',sans-serif;color:var(--cal-ghost);}
.footer-help a{color:var(--cal-teal);border-bottom:1px solid rgba(47,214,195,0.3);}

@media(max-width:959px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr;}}


/* ====================================================================
   CALIBRE v3 — ADDED SECTIONS (faithful QUITTR-flow sections not in dir-a)
   Mission · Stats · Creators · Feature bento · Benefits · Community · Field notes · FAQ
   Reuses dir-a tokens (v3.css). Same instrument register.
   ==================================================================== */
:root{--cal-hair-bright:rgba(255,255,255,0.16);}

/* ---- shared eyebrow used by new sections ---- */
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.eyebrow .line{width:26px;height:1px;background:rgba(47,214,195,0.45);}
.eyebrow .label{font:500 10px 'Space Grotesk',sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--cal-teal);}
.sec-h2{font:600 clamp(28px,4vw,52px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.02em;}
.sec-sub{font:400 16px/1.65 'Space Grotesk',sans-serif;color:var(--cal-sub);max-width:520px;margin-top:14px;}
.text-cta{display:inline-flex;align-items:center;gap:8px;margin-top:8px;
  font:500 11px 'Space Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cal-teal);
  border-bottom:1px solid rgba(47,214,195,0.35);padding-bottom:3px;}

/* ====================================================================
   MISSION — brand positioning, word-reveal (QUITTR §4)
   ==================================================================== */
.mission{position:relative;height:260vh;background:var(--cal-carbon);
  border-top:1px solid var(--cal-hair);border-bottom:1px solid var(--cal-hair);}
.mission-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;}
.mission .wrap{max-width:1000px;}
.mission .eyebrow{justify-content:center;margin-bottom:30px;}
.mission-text{font:500 clamp(25px,3.3vw,44px)/1.34 'Space Grotesk',sans-serif;letter-spacing:-.015em;}
.mission-word{color:var(--cal-ghost);transition:color .3s var(--cal-ease);}
.mission-word.lit{color:var(--cal-text);}
.mission-word.tl.lit{color:var(--cal-teal);}
.mission-foot{margin-top:34px;font:italic 500 20px 'Cormorant Garamond',serif;color:var(--cal-steel);
  opacity:0;transition:opacity .5s var(--cal-ease);}
.mission-foot.lit{opacity:1;}
@media(prefers-reduced-motion:reduce){
  .mission{height:auto;}
  .mission-pin{position:static;height:auto;padding:clamp(80px,12vh,160px) 0;}
  .mission-word{color:var(--cal-text);}.mission-word.tl{color:var(--cal-teal);}.mission-foot{opacity:1;}}

/* ====================================================================
   STATS BAR — 3-column stat card (QUITTR §5)
   ==================================================================== */
.stats{background:var(--cal-carbon);}
.stats-card{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--cal-hair);
  border-radius:var(--r-lg);overflow:hidden;background:var(--cal-surface);}
.stat-cell{padding:clamp(30px,3.6vw,46px) clamp(22px,2.6vw,34px);border-right:1px solid var(--cal-hair);position:relative;}
.stat-cell:last-child{border-right:none;}
.stat-cell::before{content:'';position:absolute;top:0;left:22px;width:24px;height:2px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,0.13) 0 1px,transparent 1px 3px);}
.stat-num{font:600 clamp(46px,6vw,80px)/1 'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--cal-text);}
.stat-num .tl,.count.tl{color:var(--cal-teal);}
.stat-num .sm{font-size:.4em;color:var(--cal-faint);letter-spacing:0;font-weight:500;}
.stat-label{font:400 14px/1.55 'Space Grotesk',sans-serif;color:var(--cal-steel);margin-top:18px;max-width:260px;}
@media(max-width:767px){.stats-card{grid-template-columns:1fr;}
  .stat-cell{border-right:none;border-bottom:1px solid var(--cal-hair);}
  .stat-cell:last-child{border-bottom:none;}}

/* ====================================================================
   CREATORS / ADVISORY VOICES (QUITTR §7)
   ==================================================================== */
.creators{background:var(--cal-carbon);border-top:1px solid var(--cal-hair);}

/* ====================================================================
   FEATURE BENTO (QUITTR §9)
   ==================================================================== */
.bento{background:var(--cal-carbon);border-top:1px solid var(--cal-hair);}
.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px;}
.bento-card{border:1px solid var(--cal-hair);border-radius:var(--r-lg);background:var(--cal-surface);
  padding:24px;display:flex;flex-direction:column;gap:16px;min-height:208px;position:relative;overflow:hidden;
  transition:border-color .25s var(--cal-ease),transform .25s var(--cal-ease);}
.bento-card:hover{border-color:var(--cal-hair-bright);transform:translateY(-2px);}
.bento-card.wide{grid-column:span 2;}
.bento-vis{height:80px;display:flex;align-items:center;}
.bento-vis svg{height:80px;width:auto;overflow:visible;}
.bento-vis svg [data-stroke]{stroke:var(--cal-teal);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.bento-vis svg [data-stroke-steel]{stroke:var(--cal-steel);fill:none;stroke-width:1.4;}
.bento-vis svg [data-amber]{stroke:var(--cal-amber);fill:none;stroke-width:1.6;}
.bento-vis svg text{fill:var(--cal-faint);font:500 9px 'JetBrains Mono',monospace;letter-spacing:.1em;}
.bento-chip{display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:48px;padding:0 14px;
  border:1px solid rgba(47,214,195,0.4);border-radius:10px;font:500 24px 'JetBrains Mono',monospace;color:var(--cal-teal);}
.bento-bars{display:flex;align-items:flex-end;gap:7px;height:60px;}
.bento-bars i{width:14px;background:var(--cal-raised);border:1px solid var(--cal-hair);border-radius:2px 2px 0 0;}
.bento-dot{width:54px;height:54px;border-radius:50%;border:1px solid rgba(200,54,44,0.5);display:flex;align-items:center;justify-content:center;}
.bento-dot span{width:12px;height:12px;border-radius:50%;background:var(--cal-red);}
.bento-learn{font:500 8px 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--cal-faint);}
.bento-card h3{font:600 18px 'Space Grotesk',sans-serif;letter-spacing:-.01em;margin-top:auto;}
.bento-card p{font:400 13px/1.6 'Space Grotesk',sans-serif;color:var(--cal-sub);}
@media(max-width:959px){.bento-grid{grid-template-columns:1fr 1fr;}.bento-card.wide{grid-column:span 2;}}
@media(max-width:560px){.bento-grid{grid-template-columns:1fr;}.bento-card.wide{grid-column:span 1;}}

/* ====================================================================
   BENEFITS — two-col auto-scroll (QUITTR §11)
   ==================================================================== */
.benefits{background:var(--cal-carbon);border-top:1px solid var(--cal-hair);border-bottom:1px solid var(--cal-hair);}
.benefits-card{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:center;}
.ben-quote{font:italic 500 clamp(22px,2.6vw,30px)/1.4 'Cormorant Garamond',serif;color:var(--cal-steel);margin:20px 0 26px;}
.ben-scroll{height:300px;overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent);
  mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent);}
.ben-track{display:flex;flex-direction:column;animation:benscroll 22s linear infinite;}
.benefits-card:hover .ben-track{animation-play-state:paused;}
.ben-item{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--cal-hair);}
.ben-item .bi{flex:0 0 auto;color:var(--cal-teal);}
.ben-item span{font:400 16px 'Space Grotesk',sans-serif;color:var(--cal-text);}
@keyframes benscroll{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
@media(prefers-reduced-motion:reduce){.ben-track{animation:none;}.ben-scroll{height:auto;mask-image:none;-webkit-mask-image:none;}}
@media(max-width:767px){.benefits-card{grid-template-columns:1fr;}.ben-scroll{height:auto;mask-image:none;-webkit-mask-image:none;}.ben-track{animation:none;}}

/* ====================================================================
   COMMUNITY — field readings posts + stats sidebar (QUITTR §12)
   ==================================================================== */
.community{background:var(--cal-carbon);border-top:1px solid var(--cal-hair);}
.comm-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(24px,3vw,40px);align-items:start;margin-top:8px;}
.comm-posts{display:flex;flex-direction:column;gap:14px;}
.post-card{border:1px solid var(--cal-hair);border-radius:var(--r-lg);background:var(--cal-surface);padding:20px 22px;position:relative;overflow:hidden;}
.post-head{display:flex;align-items:center;gap:11px;margin-bottom:12px;}
.post-mono{width:30px;height:30px;border-radius:50%;background:var(--cal-raised);border:1px solid var(--cal-hair);
  display:flex;align-items:center;justify-content:center;font:600 10px 'Space Grotesk',sans-serif;color:var(--cal-steel);flex:0 0 30px;}
.post-who{font:500 11px 'Space Grotesk',sans-serif;color:var(--cal-steel);}
.post-time{font:400 9.5px 'JetBrains Mono',monospace;color:var(--cal-faint);margin-top:2px;}
.post-day{margin-left:auto;font:500 9px 'JetBrains Mono',monospace;color:var(--cal-teal);
  border:1px solid rgba(47,214,195,0.3);border-radius:var(--r-pill);padding:3px 10px;}
.post-body{font:400 13.5px/1.65 'Space Grotesk',sans-serif;color:var(--cal-sub);}
.post-wm{position:absolute;bottom:12px;right:14px;font:500 7px 'Space Grotesk',sans-serif;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,0.07);}
.comm-stats{border:1px solid var(--cal-hair);border-radius:var(--r-lg);background:var(--cal-surface);padding:24px;position:sticky;top:88px;}
.comm-stats .ttl{font:500 9px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--cal-faint);margin-bottom:8px;}
.comm-row{display:flex;justify-content:space-between;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--cal-hair);}
.comm-row:last-of-type{border-bottom:none;}
.comm-row .k{font:400 12px 'Space Grotesk',sans-serif;color:var(--cal-sub);}
.comm-row .v{font:500 15px 'JetBrains Mono',monospace;color:var(--cal-text);font-variant-numeric:tabular-nums;}
.comm-row .v.tl{color:var(--cal-teal);}
@media(max-width:767px){.comm-grid{grid-template-columns:1fr;}.comm-stats{position:static;}}

/* ====================================================================
   FIELD NOTES — blog teaser (QUITTR §13)
   ==================================================================== */
.notes{background:var(--cal-carbon);border-top:1px solid var(--cal-hair);}
.notes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px;}
.note-card{border:1px solid var(--cal-hair);border-radius:var(--r-lg);background:var(--cal-surface);overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .25s var(--cal-ease);}
.note-card:hover{border-color:var(--cal-hair-bright);}
.note-vis{height:118px;border-bottom:1px solid var(--cal-hair);display:flex;align-items:center;justify-content:center;background:var(--cal-carbon);color:var(--cal-steel);}
.note-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1;}
.note-cat{font:500 8px 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--cal-teal);}
.note-card h3{font:600 15px/1.32 'Space Grotesk',sans-serif;letter-spacing:-.01em;}
.note-link{font:400 10.5px 'JetBrains Mono',monospace;color:var(--cal-sub);margin-top:auto;}
@media(max-width:959px){.notes-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.notes-grid{grid-template-columns:1fr;}}

/* ====================================================================
   FAQ accordion (QUITTR §14)
   ==================================================================== */
.faq{background:var(--cal-carbon);border-top:1px solid var(--cal-hair);}
.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(32px,5vw,80px);align-items:start;}
.faq-left{position:sticky;top:96px;}
.faq-left h2{font:600 clamp(26px,3.4vw,42px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin-bottom:14px;}
.faq-left p{font:400 14px/1.6 'Space Grotesk',sans-serif;color:var(--cal-sub);max-width:280px;}
.faq-list details{border-bottom:1px solid var(--cal-hair);}
.faq-list details:first-child{border-top:1px solid var(--cal-hair);}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;
  padding:20px 2px;font:500 16px 'Space Grotesk',sans-serif;color:var(--cal-text);}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary .pm{flex:0 0 16px;width:16px;height:16px;position:relative;}
.faq-list summary .pm::before,.faq-list summary .pm::after{content:'';position:absolute;background:var(--cal-teal);transition:transform .25s var(--cal-ease);}
.faq-list summary .pm::before{top:7px;left:0;width:16px;height:1.5px;}
.faq-list summary .pm::after{top:0;left:7px;width:1.5px;height:16px;}
.faq-list details[open] summary .pm::after{transform:scaleY(0);}
.faq-list details p{font:400 14px/1.7 'Space Grotesk',sans-serif;color:var(--cal-sub);padding:0 2px 22px;max-width:580px;}
@media(max-width:767px){.faq-grid{grid-template-columns:1fr;}.faq-left{position:static;}}

/* As-Featured-In heading helper */
.cred-head-c{text-align:center;font:500 9px 'Space Grotesk',sans-serif;letter-spacing:.24em;text-transform:uppercase;
  color:var(--cal-ghost);padding:26px 0 4px;}

/* ---- As-Featured-In: press logo wall (QUITTR press row archetype) ---- */
.logo-wall{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(22px,3.4vw,52px);max-width:980px;margin:0 auto;padding:14px clamp(16px,4vw,32px) 30px;}
.lw{color:var(--cal-steel);opacity:.46;white-space:nowrap;line-height:1;
  transition:opacity .3s var(--cal-ease),color .3s var(--cal-ease);}
.lw:hover{opacity:.92;color:var(--cal-text);}
.lw-serif{font:600 25px 'Cormorant Garamond',serif;letter-spacing:.005em;}
.lw-serif em{font-style:italic;}
.lw-grotesk{font:700 19px 'Space Grotesk',sans-serif;letter-spacing:-.015em;}
.lw-caps{font:500 13px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;}
.lw-mono{font:500 15px 'JetBrains Mono',monospace;letter-spacing:.01em;}
.lw-mono b{color:inherit;font-weight:700;}


/* ---- Community: live stat band ---- */
.comm-statband{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cal-hair);
  border-radius:var(--r-lg);overflow:hidden;background:var(--cal-surface);margin-bottom:16px;}
.csb-cell{padding:20px clamp(16px,2vw,26px);border-right:1px solid var(--cal-hair);}
.csb-cell:last-child{border-right:none;}
.csb-num{font:500 clamp(25px,3vw,38px)/1 'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--cal-text);}
.csb-num .tl{color:var(--cal-teal);}
.csb-num .sm{font-size:.45em;color:var(--cal-faint);letter-spacing:0;}
.csb-k{display:flex;align-items:center;gap:7px;font:400 11px 'Space Grotesk',sans-serif;color:var(--cal-sub);margin-top:10px;}
.csb-dot{width:6px;height:6px;border-radius:50%;background:var(--cal-teal);flex:0 0 6px;
  box-shadow:0 0 0 0 rgba(47,214,195,.5);animation:csbpulse 2.4s infinite;}
@keyframes csbpulse{0%{box-shadow:0 0 0 0 rgba(47,214,195,.45);}70%{box-shadow:0 0 0 6px rgba(47,214,195,0);}100%{box-shadow:0 0 0 0 rgba(47,214,195,0);}}
@media(prefers-reduced-motion:reduce){.csb-dot{animation:none;}}
@media(max-width:767px){.comm-statband{grid-template-columns:1fr 1fr;}
  .csb-cell:nth-child(2){border-right:none;}
  .csb-cell:nth-child(1),.csb-cell:nth-child(2){border-bottom:1px solid var(--cal-hair);}}
@media(max-width:420px){.comm-statband{grid-template-columns:1fr;}
  .csb-cell{border-right:none;border-bottom:1px solid var(--cal-hair);}
  .csb-cell:last-child{border-bottom:none;}}

/* ====================================================================
   REBUILD (2026-06-15): vouch faces · star reviews · centered heads
   ==================================================================== */
/* Vouched-by — generated face cards */
.vouch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px;}
.vouch-card{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:3/4;
  border:1px solid var(--cal-hair);background:var(--cal-surface);
  transition:transform .25s var(--cal-ease),border-color .25s var(--cal-ease);}
.vouch-card:hover{transform:translateY(-3px);border-color:var(--cal-hair-bright);}
.vouch-card img{width:100%;height:100%;object-fit:cover;display:block;}
.vouch-card::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,9,11,.94) 2%,rgba(8,9,11,.4) 32%,transparent 58%);}
.vouch-info{position:absolute;left:16px;right:14px;bottom:14px;z-index:2;}
.vouch-name{font:600 16px 'Space Grotesk',sans-serif;color:#fff;letter-spacing:-.01em;}
.vouch-handle{display:flex;align-items:center;gap:5px;margin-top:3px;
  font:400 12px 'Space Grotesk',sans-serif;color:var(--cal-steel);}
.vouch-handle svg{opacity:.85;flex:0 0 auto;}
@media(max-width:900px){.vouch-grid{grid-template-columns:1fr 1fr;}}

/* Reviews — 3-col, gold stars, avatar + source */
.reviews-hed{flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;}
.rev-card{display:flex;flex-direction:column;gap:14px;padding:24px;min-height:228px;}
.rev-stars{display:flex;align-items:center;gap:9px;}
.rev-stars .stars5{color:var(--cal-gold);font-size:16px;letter-spacing:2.5px;line-height:1;}
.rev-stars .rev-score{font:600 12px 'JetBrains Mono',monospace;color:var(--cal-steel);}
.rev-foot{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:15px;border-top:1px solid var(--cal-hair);}
.rev-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 38px;border:1px solid var(--cal-hair);}
.rev-foot .rev-meta{flex:1;min-width:0;}
.rev-foot .rev-name{font:600 13.5px 'Space Grotesk',sans-serif;color:var(--cal-text);}
.rev-foot .rev-day{font:400 10.5px 'JetBrains Mono',monospace;color:var(--cal-faint);margin-top:2px;}

/* ====================================================================
   REVIEWS MARQUEE (scrolling rows, openclaw-style)
   ==================================================================== */
.rev-marquee{display:flex;flex-direction:column;gap:14px;margin-top:clamp(34px,4vw,54px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.rev-row{display:flex;gap:14px;width:max-content;align-items:stretch;
  animation:revscroll 64s linear infinite;will-change:transform;}
.rev-row-rev{animation-duration:80s;animation-direction:reverse;}
.rev-marquee:hover .rev-row{animation-play-state:paused;}
.rev-row .rev-card{width:360px;flex:0 0 360px;}
@keyframes revscroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(max-width:560px){.rev-row .rev-card{width:300px;flex-basis:300px;}}
@media(prefers-reduced-motion:reduce){
  .rev-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none;}
  .rev-row{animation:none;}
  .rev-row [aria-hidden="true"]{display:none;}
}