:root{
  --plum:#2f1d3a; --plum-soft:#5a4562; --peach:#fff1e6; --peach-2:#ffe2cc;
  --coral:#e8705f; --coral-dark:#c9503f; --amber:#f6a35c; --gold:#f7d58a; --cream:#fffaf5;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --term:#070b10; --term-2:#0d131a; --term-3:#151c24; --term-ink:#efe8dc; --term-muted:#b7aea3;
  --up:#3dd68c; --down:#f05b5b; --term-line:rgba(180,200,220,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--plum);background:var(--cream);line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 1em}
a{color:var(--coral-dark)}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.5rem}
.skip{position:absolute;left:-999px;top:0;background:var(--plum);color:#fff;padding:.6rem 1rem;z-index:10}
.skip:focus{left:0}

/* hero — dark field with soft red and green light, fading into sunrise */
.hero{position:relative;overflow:hidden;text-align:center;color:var(--term-ink);
  background:var(--term);
  padding:2.4rem 0 9.5rem}
.hero .wrap{position:relative;z-index:2}
.hero::before,.hero::after{display:none}
.brand{display:flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--serif);font-weight:600;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4rem}
.brand svg{width:30px;height:30px}
.eyebrow{display:inline-block;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;background:rgba(255,250,245,.12);color:var(--gold);border:1px solid rgba(247,213,138,.35);padding:.4rem .95rem;border-radius:999px;margin-bottom:1.4rem}
.hero h1{font-size:clamp(2.5rem,7vw,4.9rem);max-width:15ch;margin:0 auto .4em}
.tagline{font-size:clamp(1.1rem,2.4vw,1.4rem);max-width:36rem;margin:0 auto 2.2rem;color:#d9cfc4}

/* form */
.signup{max-width:34rem;margin:0 auto;background:rgba(255,250,245,.82);backdrop-filter:blur(6px);
  border-radius:1.25rem;padding:1.4rem;box-shadow:0 18px 40px -18px rgba(90,40,50,.45);text-align:left}
.signup label{display:block;font-size:.9rem;font-weight:600;margin:0 0 .3rem}
.row{display:flex;gap:.7rem;flex-wrap:wrap}
.field{flex:1 1 100%}
input[type=email],input[type=text]{width:100%;font:inherit;padding:.85rem 1rem;border-radius:.75rem;border:1.5px solid #d9b8a4;background:#fff;color:var(--plum)}
input::placeholder{color:#8a7392}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #2f1d3a;outline-offset:2px}
.btn{flex:1 1 100%;font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:.75rem;padding:.95rem 1.4rem;color:#fff;
  background:linear-gradient(135deg,var(--coral) 0%,#d9583f 100%);box-shadow:0 8px 18px -8px rgba(201,80,63,.8);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px -8px rgba(201,80,63,.9)}
.fine{font-size:.85rem;color:var(--plum-soft);margin:.8rem 0 0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(min-width:640px){.btn{flex:1 1 100%}.row.two .field{flex:1 1 40%}}

/* sections */
section{padding:4.5rem 0}
.why{text-align:center}
.why h2{font-size:clamp(1.9rem,4vw,2.7rem)}
.why p{max-width:40rem;margin:0 auto 1em;font-size:1.15rem;color:#4a3454}
.kicker{display:block;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--coral-dark);margin-bottom:.8rem}
.pillars{background:linear-gradient(180deg,var(--peach) 0%,var(--peach-2) 100%)}
.pillars h2{text-align:center;font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:2.5rem}
.grid{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media(min-width:800px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:#fffaf5;border-radius:1.25rem;padding:2rem 1.7rem;box-shadow:0 14px 30px -20px rgba(90,40,50,.5);border-top:5px solid var(--amber)}
.card:nth-child(2){border-top-color:var(--coral)}
.card:nth-child(3){border-top-color:var(--gold)}
.icon{width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:var(--peach-2);margin-bottom:1rem}
.icon svg{width:1.7rem;height:1.7rem;stroke:var(--plum);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:1.45rem}
.card p{margin:0;color:#4a3454}
.join{text-align:center;background:linear-gradient(180deg,var(--cream) 0%,#ffe9d2 100%)}
.join h2{font-size:clamp(1.9rem,4vw,2.7rem)}
.join .lead{max-width:34rem;margin:0 auto 2rem;color:#4a3454}
.join .signup{background:#fff;box-shadow:0 18px 40px -22px rgba(90,40,50,.5);border:1px solid #f1d6c3}

/* footer */
footer{background:var(--plum);color:#f3e6dc;padding:3rem 0 2.5rem;text-align:center;font-size:.98rem}
footer .help{max-width:38rem;margin:0 auto 1.6rem}
footer a{color:var(--gold);font-weight:600}
footer small{color:#c9b5c9}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* thanks — the morning after signing up */
.thanks-page .hero{min-height:100vh;display:flex;align-items:center;padding:3rem 0 8rem;color:var(--plum);
  background:
   radial-gradient(ellipse 60% 45% at 50% 100%,#fff3c4 0%,rgba(255,243,196,0) 70%),
   linear-gradient(180deg,#f9d7c9 0%,#fcc3a1 28%,#f9a77c 52%,#fbc77f 78%,#fde7b0 100%)}
.thanks-page .hero .wrap{width:100%}
.thanks-page .tagline{margin-bottom:1.6rem;color:#43294d}
.thanks-page .hero .brand{color:var(--plum)}
.thanks-page .hero h1{color:var(--plum);text-shadow:none}
.thanks-page .hero .wrap::before{display:none}
.thanks-page .eyebrow{background:rgba(255,255,255,.55);color:var(--plum);border:0}
.thanks-page .hero::before{display:block;content:"";position:absolute;left:50%;bottom:-14rem;width:46rem;max-width:140vw;aspect-ratio:1;transform:translateX(-50%);
  border-radius:50%;background:radial-gradient(circle,#fff6d6 0%,#fde39a 35%,rgba(253,227,154,.0) 68%);opacity:.9;pointer-events:none;z-index:0}
.thanks-page .hero::after{display:block;content:"";position:absolute;left:0;right:0;bottom:-1px;height:5rem;
  background:var(--cream);clip-path:ellipse(75% 100% at 50% 100%);z-index:1}
.back{display:inline-block;font-weight:700;color:#fff;background:var(--plum);padding:.85rem 1.5rem;border-radius:.75rem;text-decoration:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.brand svg{flex:none}
.brand span{text-align:center}
@media(max-width:480px){.brand{flex-direction:column;gap:.4rem;font-size:.9rem;letter-spacing:.1em;margin-bottom:2.6rem}}

/* ===== v2 additions ===== */
select,textarea{width:100%;font:inherit;padding:.8rem 1rem;border-radius:.75rem;border:1.5px solid #d9b8a4;background:#fff;color:var(--plum)}
textarea{resize:vertical;min-height:5.5rem}
select:focus-visible,textarea:focus-visible{outline:3px solid #2f1d3a;outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap.narrow{max-width:46rem}
.lead{max-width:38rem;margin:0 auto 2.2rem;color:#4a3454;text-align:center}
.kicker.light{color:var(--gold)}
h2{font-size:clamp(1.9rem,4vw,2.7rem)}

/* nav + fab */
.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;margin:-2.4rem 0 3rem;font-size:.92rem}
.nav a{color:var(--term-ink);text-decoration:none;font-weight:600;padding:.3rem .1rem;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--gold)}
.hero-sub{font-family:var(--serif);font-weight:600;font-size:clamp(1.05rem,2.2vw,1.28rem);color:var(--gold);margin:-.15rem auto 1.05rem;max-width:28rem;letter-spacing:.01em}
.hero-alt{margin:1.3rem 0 0;font-size:.98rem;color:#cfc3b6}
.hero-alt a{color:var(--gold);font-weight:700}
.hero .nav a:focus-visible,.hero .hero-alt a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.cool-fab{position:fixed;z-index:50;top:1rem;right:1rem;display:flex;align-items:center;gap:.55rem;font:inherit;font-size:.92rem;font-weight:700;cursor:pointer;
  color:#fff;background:var(--plum);border:2px solid rgba(255,255,255,.78);padding:.6rem 1rem;border-radius:999px;box-shadow:0 10px 24px -8px rgba(0,0,0,.7)}
.cool-fab:hover{background:#43294d}
.cool-fab .dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(246,163,92,.7);animation:pulse 2.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 .6rem rgba(246,163,92,0)}100%{box-shadow:0 0 0 0 rgba(246,163,92,0)}}
.cool-fab:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:640px){.cool-fab{top:.7rem;right:.7rem;font-size:.82rem;padding:.5rem .85rem}.nav{margin-top:-1.6rem;font-size:.85rem;gap:.2rem 1rem}}

/* slot band */
.slot{background:radial-gradient(ellipse 70% 120% at 50% 0%,#4a2d57 0%,var(--plum) 70%);color:#f7e9df;text-align:center;padding:5rem 0}
.slot h2{color:#fff;font-size:clamp(2rem,5vw,3.4rem)}
.slot blockquote{margin:1.5rem auto 1.2rem;max-width:42rem;padding:0 0 0 0;font-family:var(--serif);font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.5;color:#fde7b0}
.slot blockquote p{margin:0}
.slot-note{max-width:34rem;margin:0 auto;color:#d9c4d3;font-size:1rem}

/* traps */
.traps{background:var(--cream);padding-bottom:5rem}
.traps h2,.tools h2,.approaches h2,.check h2{text-align:center}
.traps .kicker,.tools .kicker,.approaches .kicker,.check .kicker{text-align:center}
.trap-grid{display:grid;gap:1rem;grid-template-columns:1fr;align-items:start}
@media(min-width:800px){.trap-grid{grid-template-columns:repeat(2,1fr)}}
.trap{background:#fff;border:1px solid #f1d6c3;border-radius:1rem;box-shadow:0 12px 28px -22px rgba(90,40,50,.6);overflow:hidden}
.trap summary{list-style:none;cursor:pointer;display:flex;gap:1rem;align-items:center;padding:1.1rem 1.3rem}
.trap summary::-webkit-details-marker{display:none}
.trap summary::after{content:"+";margin-left:auto;font-size:1.6rem;line-height:1;color:var(--coral-dark);font-weight:300;transition:transform .2s}
.trap[open] summary::after{transform:rotate(45deg)}
.trap summary:focus-visible{outline:3px solid #2f1d3a;outline-offset:-3px}
.trap-n{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:var(--plum);background:linear-gradient(135deg,var(--gold),var(--amber))}
.trap-t{display:flex;flex-direction:column;line-height:1.3}
.trap-t strong{font-family:var(--serif);font-size:1.2rem}
.trap-t em{font-style:normal;font-size:.82rem;color:var(--plum-soft);letter-spacing:.04em}
.trap p{margin:0;padding:0 1.3rem 1.3rem 4.7rem;color:#4a3454}
@media(max-width:480px){.trap p{padding-left:1.3rem}}

/* tools */
.tools{background:linear-gradient(180deg,var(--peach) 0%,var(--peach-2) 100%)}
.tool{background:#fffaf5;border-radius:1.5rem;padding:2rem;margin:0 auto 2rem;max-width:52rem;box-shadow:0 22px 44px -28px rgba(90,40,50,.55);border:1px solid #f4dcc9}
.tool-head h3{font-size:1.6rem;margin-bottom:.3rem}
.tool-head p{color:#4a3454}
.seesaw-wrap{background:linear-gradient(180deg,#fff6e8,#ffe9d0);border-radius:1rem;padding:1rem 1rem .6rem;margin:1rem 0}
#seesaw{display:block;width:100%;height:auto;max-height:26rem}
.beam{transform-origin:300px 211px;transition:transform .9s cubic-bezier(.3,1.4,.5,1)}
.svg-l{font:700 13px var(--sans);letter-spacing:.16em;fill:#5a4562}
.seesaw-status{text-align:center;font-weight:600;margin:.2rem 0 .6rem;min-height:3.2em}
.tool-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0 0}
.btn.small{flex:0 0 auto;padding:.75rem 1.3rem;font-size:1rem}
.btn.ghost{background:transparent;color:var(--plum);border:2px solid var(--plum);box-shadow:none}
.btn.ghost:hover{background:var(--plum);color:#fff}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.linkbtn{display:inline-block;text-decoration:none;text-align:center;margin-top:.4rem}
.takeaway{margin:1.4rem 0 0;padding:1rem 1.2rem;background:#fff;border-left:5px solid var(--amber);border-radius:.6rem;color:#4a3454}
.mini{display:block;font-size:.82rem;color:var(--plum-soft);margin-top:.3rem}
.pw{fill:#f7d58a;stroke:#d9893a;stroke-width:2}
.gr{fill:#5a4562}
.pw,.gr{animation:drop .5s ease-out both}
@keyframes drop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}

.abcd{list-style:none;padding:0;margin:1.2rem 0 1.4rem;display:grid;gap:.7rem;grid-template-columns:1fr}
@media(min-width:760px){.abcd{grid-template-columns:repeat(4,1fr)}}
.abcd li{display:flex;gap:.7rem;align-items:flex-start;background:#fff;border-radius:.9rem;padding:.9rem;font-size:.92rem;line-height:1.45;border:1px solid #f1d6c3}
@media(min-width:760px){.abcd li{flex-direction:column}}
.abcd b{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--plum);color:var(--gold);font-family:var(--serif)}
.reframe-form .field{margin-bottom:1rem}
.reframe-form label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}
.opt-note{font-weight:400;color:var(--plum-soft);font-size:.85rem}
.r-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){.r-grid{grid-template-columns:1fr 1fr}}
.reframe-out{margin-top:1.6rem;border-radius:1rem;overflow:hidden;border:1px solid #f1d6c3;background:#fff}
.reframe-out[hidden],.check-out[hidden],.check-err[hidden]{display:none}
.ro-row{display:grid;grid-template-columns:2.6rem 1fr;gap:.8rem;padding:.95rem 1.1rem;border-bottom:1px solid #f6e5d8}
.ro-row:last-child{border-bottom:0}
.ro-row b{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--peach-2);font-family:var(--serif);color:var(--plum)}
.ro-row.d{background:linear-gradient(135deg,#fff3c4,#ffe2cc)}
.ro-row.d b{background:var(--plum);color:var(--gold)}
.ro-row small{display:block;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--coral-dark)}
.ro-row p{margin:.1rem 0 0;color:#3d2748}
.ro-quote{font-style:italic;word-break:break-word}

/* approaches */
.approaches{background:var(--cream)}
.sub{font-size:1.7rem;margin:2.5rem 0 .4rem}
.sub-p{max-width:40rem;color:#4a3454}
.steps{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.9rem;grid-template-columns:1fr}
@media(min-width:700px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{display:flex;gap:.9rem;background:#fff;border:1px solid #f1d6c3;border-radius:1rem;padding:1.1rem;box-shadow:0 12px 26px -22px rgba(90,40,50,.6)}
.step-l{flex:none;width:2.4rem;height:2.4rem;border-radius:.7rem;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:1.3rem;color:#fff;background:linear-gradient(135deg,var(--amber),var(--coral))}
.steps h4,.bind h4{font-family:var(--serif);font-size:1.15rem;margin:0 0 .2rem}
.steps p{margin:0;font-size:.93rem;line-height:1.5;color:#4a3454}
.bind-grid{display:grid;gap:1.1rem;margin-top:1.5rem;grid-template-columns:1fr}
@media(min-width:700px){.bind-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.bind-grid{grid-template-columns:repeat(4,1fr)}}
.bind{background:linear-gradient(180deg,var(--peach),#ffeddc);border-radius:1.1rem;padding:1.4rem}
.bind .icon{background:#fff}
.bind p{margin:0;font-size:.95rem;color:#4a3454}
.sources{margin:2.5rem auto 0;max-width:46rem;font-size:.85rem;color:var(--plum-soft);text-align:center;line-height:1.55}

/* self check */
.check{background:linear-gradient(180deg,#ffe9d2 0%,var(--peach) 100%)}
.notdx{background:#fff;border:2px solid var(--amber);border-radius:.9rem;padding:1rem 1.2rem;margin:0 0 1.6rem;color:#3d2748}
.q{border:0;padding:0;margin:0 0 1.3rem;min-width:0}
.q legend{padding:0;font-weight:600;margin-bottom:.7rem;line-height:1.45}
.q-n{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:var(--plum);color:#fff;border-radius:999px;padding:.12rem .6rem;margin-right:.5rem;font-weight:700}
.q-c{display:block;font-family:var(--serif);font-size:1.15rem;color:var(--coral-dark);margin:.4rem 0 .15rem}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
@media(min-width:640px){.opts{grid-template-columns:repeat(4,1fr)}}
.opt{position:relative;display:block;margin:0;cursor:pointer}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.opt span{display:block;text-align:center;padding:.7rem .5rem;border-radius:.75rem;background:#fff;border:1.5px solid #d9b8a4;font-weight:500;font-size:.95rem;transition:background .15s,border-color .15s}
.opt:hover span{border-color:var(--coral)}
.opt input:checked+span{background:var(--plum);color:#fff;border-color:var(--plum)}
.opt input:focus-visible+span{outline:3px solid var(--coral);outline-offset:2px}
.check-err{color:#a12d1c;font-weight:600;margin:.8rem 0 0}
.check-out{margin-top:1.8rem;background:#fff;border-radius:1.2rem;padding:1.6rem;border-top:6px solid var(--coral);box-shadow:0 18px 40px -26px rgba(90,40,50,.6)}
.check-out:focus{outline:none}
.check-out h3{font-size:1.5rem}
.check-help{background:var(--peach);border-radius:.7rem;padding:.8rem 1rem;font-size:.95rem}

/* retreat */
footer .legal{max-width:40rem;margin:0 auto 1.4rem;font-size:.85rem;color:#cdb8c9}

/* cool-down dialog */
.cool{border:0;border-radius:1.5rem;padding:0;max-width:34rem;width:calc(100% - 1.5rem);max-height:calc(100vh - 1.5rem);overflow:hidden;color:var(--plum);background:linear-gradient(180deg,#fff3e4,#ffdcc2);box-shadow:0 30px 80px -20px rgba(20,8,30,.7)}
.cool::backdrop{background:rgba(32,16,44,.72);backdrop-filter:blur(3px)}
.cool-in{position:relative;padding:2rem 1.6rem 1.6rem;text-align:center}
.cool h2{font-size:1.7rem;margin:0 1.5rem .3rem}
.cool-sub{color:#4a3454}
.cool-x{position:absolute;top:.7rem;right:.8rem;width:2.6rem;height:2.6rem;border-radius:50%;border:0;background:rgba(47,29,58,.1);font-size:1.7rem;line-height:1;cursor:pointer;color:var(--plum)}
.cool-x:hover{background:rgba(47,29,58,.2)}
.cool button:focus-visible,.cool a:focus-visible{outline:3px solid var(--plum);outline-offset:3px}
.breath{position:relative;width:11rem;height:11rem;margin:1rem auto 1.5rem;display:grid;place-items:center}
.orb{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d6,#fbc77f 55%,#f08a5d);transform:scale(.55);transition:transform 4s ease-in-out;box-shadow:0 0 40px rgba(246,163,92,.6)}
.orb.in,.orb.hold{transform:scale(1)}
.orb.out{transform:scale(.55)}
.orb.hold{transition:none}
.breath-txt{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.1}
.breath-txt b{font-family:var(--serif);font-size:1.4rem}
.breath-txt span{font-size:2rem;font-weight:700;font-family:var(--serif)}
.cool-list{list-style:none;padding:0;margin:0 0 1.4rem;text-align:left;display:grid;gap:.6rem}
.cool-list li{background:rgba(255,255,255,.75);border-radius:.8rem;padding:.8rem 1rem;font-size:.95rem;line-height:1.5}
.crisis{background:var(--plum);color:#fff;border-radius:1rem;padding:1.2rem}
.crisis p{margin:0 0 .8rem}
.crisis-links{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.crisis .btn.ghost{color:#fff;border-color:#fff}
.crisis .btn.ghost:hover{background:#fff;color:var(--plum)}
.crisis .btn{text-decoration:none}
.crisis .crisis-more{margin:.9rem 0 0;font-size:.88rem}
.crisis a:not(.btn){color:var(--gold)}
.crisis .btn:focus-visible,.crisis a:focus-visible{outline-color:var(--gold)}
@media(prefers-reduced-motion:reduce){
  .orb,.beam{transition:none!important}
  .pw,.gr,.cool-fab .dot{animation:none!important}
}

/* team */
.team{background:linear-gradient(180deg,var(--cream) 0%,var(--peach) 100%);padding:5rem 0}
.team-grid{display:grid;gap:2.5rem;align-items:center;grid-template-columns:1fr}
@media(min-width:860px){.team-grid{grid-template-columns:5fr 6fr;gap:4rem}}
.team-quote{margin:0;position:relative;overflow:hidden;border-radius:1.75rem;padding:3rem 2.2rem 2.2rem;color:var(--plum);
  background:radial-gradient(ellipse 80% 55% at 50% 105%,#fff3c4 0%,rgba(255,243,196,0) 70%),linear-gradient(180deg,#f9d7c9 0%,#fcc3a1 35%,#f9a77c 70%,#fbc77f 100%);
  box-shadow:0 30px 60px -32px rgba(120,50,40,.7)}
.team-quote .sun{display:block;width:44px;height:44px;margin:0 0 1.2rem}
.team-quote .sun path{fill:var(--plum)}
.team-quote .sun rect{fill:var(--plum);opacity:.45}
.team-quote blockquote{margin:0}
.team-quote blockquote p{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.3;font-weight:600;margin:0 0 1.4rem;letter-spacing:-.01em}
.team-quote figcaption{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#5a3144}
.team-copy h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}
.team-copy p{color:#4a3454;font-size:1.08rem}
.team-copy .kicker{text-align:left}
.team-fine{font-size:.95rem!important;padding-left:1rem;border-left:4px solid var(--amber);color:#5a4562!important}
.team-link{display:inline-block;margin-top:.4rem;font-weight:700;color:var(--coral-dark);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:.1rem}
.team-link:hover{color:var(--plum)}
@media(max-width:480px){.team{padding:3.5rem 0}.team-quote{padding:2.2rem 1.5rem 1.6rem}}


/* ===== v3 additions ===== */
input[type=number]{width:100%;font:inherit;padding:.85rem 1rem;border-radius:.75rem;border:1.5px solid #d9b8a4;background:#fff;color:var(--plum)}
input[type=number]:focus-visible{outline:3px solid #2f1d3a;outline-offset:2px}
@media(min-width:800px){.r-grid.three{grid-template-columns:repeat(3,1fr)}}

/* quotes */
.quotes{background:linear-gradient(180deg,#fff6e8 0%,#fde3c0 50%,#f9cba0 100%);text-align:center;padding:4.5rem 0 4rem}
.quotes .kicker,.quotes h2{text-align:center}
.quotes h2{margin-bottom:1.4rem}
.quote-stage{position:relative;max-width:42rem;margin:0 auto;min-height:11rem;display:flex;align-items:center;justify-content:center}
.pullq{margin:0;width:100%}
.pullq[hidden]{display:none}
.pullq blockquote{margin:0}
.pullq blockquote p{font-family:var(--serif);font-size:clamp(1.35rem,3.2vw,2rem);line-height:1.4;font-weight:600;margin:0;letter-spacing:-.01em;color:var(--plum)}
.pullq figcaption{margin:1rem 0 0;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#5a3144}
.quote-controls{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.8rem}
.quote-nav{width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid var(--plum);background:transparent;color:var(--plum);font-size:1.2rem;cursor:pointer;line-height:1;padding:0}
.quote-nav:hover{background:var(--plum);color:#fff}
.quote-dots{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center;max-width:16rem}
.quote-dots button{width:.75rem;height:.75rem;padding:0;border-radius:50%;border:0;background:#c9a090;cursor:pointer}
.quote-dots button[aria-current="true"]{background:var(--plum);transform:scale(1.2)}

/* monte carlo */
.mc-canvas-wrap{background:linear-gradient(180deg,#2f1d3a,#43294d);border-radius:1rem;padding:.8rem .8rem 0;margin:1rem 0 .6rem;overflow:hidden}
#mcCanvas{display:block;width:100%;height:auto;border-radius:.6rem;vertical-align:middle}
.mc-legend{display:flex;flex-wrap:wrap;gap:.45rem 1.1rem;justify-content:center;margin:0;padding:.55rem .3rem .7rem;color:#f7e9df;font-size:.8rem}
.mc-leg{display:inline-flex;align-items:center;gap:.4rem}
.mc-leg::before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:#f7d58a;flex:none}
.mc-leg.out::before{background:#8a7392}
.mc-years{list-style:none;padding:0;margin:.6rem auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(6.6rem,1fr));gap:.5rem;max-width:46rem}
.mc-years[hidden]{display:none}
.mc-years li{background:#fff;border:1px solid #f1d6c3;border-radius:.7rem;padding:.4rem .7rem;font-size:.85rem;color:#3d2748}
.mc-years li b{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--coral-dark)}
.mc-years li.is-end{background:linear-gradient(135deg,#fff3c4,#ffe2cc);border-color:var(--amber)}

/* fee calculator */
.fee-out{display:grid;gap:.8rem;grid-template-columns:1fr;margin:1.4rem 0 0}
@media(min-width:700px){.fee-out{grid-template-columns:repeat(3,1fr)}}
.fee-stat{background:#fff;border:1px solid #f1d6c3;border-radius:1rem;padding:1.1rem 1rem;text-align:center}
.fee-stat span{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--coral-dark);margin-bottom:.3rem}
.fee-stat strong{display:block;font-family:var(--serif);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:600;line-height:1.2}
.fee-stat em{display:block;font-style:normal;font-size:.85rem;color:var(--plum-soft);margin-top:.25rem}
.fee-stat.loss{background:linear-gradient(135deg,#fff3c4,#ffe2cc);border-color:var(--amber)}

/* archetype quiz */
.pattern{background:linear-gradient(180deg,var(--cream) 0%,#ffe9d2 100%)}
.pattern h2,.pattern .kicker{text-align:center}
.arch-opts{display:grid;gap:.5rem;grid-template-columns:1fr}
.arch-opts .opt span{text-align:left;padding:.85rem 1rem;line-height:1.45}
.arch-out[hidden]{display:none}

/* 3-minute cool-down */
.cool-timer{margin:.15rem 0 .7rem;color:var(--plum)}
.cool-clock{display:block;font-family:var(--serif);font-size:2rem;font-weight:600;letter-spacing:.04em;line-height:1}
.cool-round{display:block;font-size:.85rem;color:var(--plum-soft);margin-top:.2rem}
.cool-progress{height:.4rem;background:rgba(47,29,58,.12);border-radius:999px;overflow:hidden;max-width:16rem;margin:0 auto 1.2rem}
.cool-bar{height:100%;width:0;background:linear-gradient(90deg,var(--amber),var(--coral));border-radius:999px;transition:width .4s linear}
.delay-box{text-align:left;background:#fff;border-left:5px solid var(--amber);border-radius:.8rem;padding:1rem 1.1rem;margin:0 0 1.2rem}
.delay-box[hidden]{display:none}
.delay-box h3{font-size:1.3rem;margin:0 0 .35rem}
.delay-box p{margin:0;color:#4a3454}
@media(prefers-reduced-motion:reduce){
  .cool-bar{transition:none!important}
}
@media(max-width:480px){
  .tool{padding:1.3rem 1.1rem}
  .quote-stage{min-height:13rem}
}

.cool[open]{display:flex;flex-direction:column}
.cool-in{overflow:auto;flex:1 1 auto;min-height:0;padding-bottom:1.1rem}
.cool > .crisis{flex:none;border-radius:0;margin:0;padding:1.1rem 1.3rem 1.2rem}
.cool-list li{padding:.7rem .9rem;font-size:.92rem}
@media(max-height:900px){
  .breath{width:8.2rem;height:8.2rem;margin:.5rem auto .7rem}
  .cool-clock{font-size:1.7rem}
  .cool-progress{margin:0 auto .8rem}
}
@media(max-width:640px){
  body{padding-bottom:4.2rem}
  .cool h2{font-size:1.45rem}
  .cool-sub{font-size:.95rem;margin-bottom:.35rem}
  .breath{width:7.4rem;height:7.4rem;margin:.35rem auto .45rem}
  .cool-timer{margin:0 0 .35rem}
  .cool-progress{margin:0 auto .55rem}
  .cool-in{padding:1.5rem 1.1rem .7rem}
  .cool > .crisis{padding:.9rem 1rem 1rem}
  .crisis-more{font-size:.8rem}
  .cool-list{margin:0 0 .6rem}
}


/* ===== v5: quiet dark hero, soft red/green light, no tape or candles ===== */
.term-stage{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--term)}
.glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;will-change:transform,opacity}
.glow-up{
  width:46rem;height:46rem;left:-14rem;bottom:4%;
  background:radial-gradient(circle,rgba(61,214,140,.28) 0%,rgba(61,214,140,.08) 42%,transparent 70%);
  animation:glowDrift 22s ease-in-out infinite;
}
.glow-down{
  width:44rem;height:44rem;right:-13rem;top:-8%;
  background:radial-gradient(circle,rgba(240,91,91,.26) 0%,rgba(240,91,91,.08) 42%,transparent 70%);
  animation:glowDrift 26s ease-in-out infinite reverse;
}
@keyframes glowDrift{
  0%,100%{transform:translate(0,0) scale(1);opacity:.85}
  50%{transform:translate(3%,-2%) scale(1.08);opacity:1}
}
.drift-line{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.62;
  mask-image:linear-gradient(180deg,transparent 6%,#000 24%,#000 70%,transparent 92%);
  -webkit-mask-image:linear-gradient(180deg,transparent 6%,#000 24%,#000 70%,transparent 92%)}
.drift-path{opacity:1}

.hero-fade{position:absolute;left:0;right:0;bottom:-1px;height:14rem;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,11,16,0) 0%,rgba(42,24,22,.35) 28%,#c86b55 58%,#f4b080 78%,var(--cream) 100%)}

.hero{padding-top:2.9rem}
.hero .brand{margin-bottom:2.4rem;color:var(--term-ink)}
.hero .nav{margin:-1.2rem 0 2rem}
.hero .eyebrow{margin-bottom:1.05rem}
.hero .tagline{margin-bottom:1.55rem}
.hero .wrap::before{content:"";position:absolute;left:50%;top:12%;transform:translateX(-50%);width:min(56rem,100%);height:70%;
  background:radial-gradient(ellipse at 50% 42%,rgba(7,11,16,.72) 0%,rgba(7,11,16,.32) 52%,transparent 74%);
  pointer-events:none;z-index:0}
.hero .wrap>*{position:relative;z-index:1}
.hero h1{color:#fff6ea;text-shadow:0 2px 28px rgba(0,0,0,.45)}
.hero .signup{position:relative;z-index:2;box-shadow:0 22px 50px -18px rgba(0,0,0,.65),0 0 0 1px rgba(247,213,138,.18)}

/* first body section sits in the cream the hero faded into */
.why{padding-top:3.2rem;background:var(--cream)}

/* terminal tool panels */
.tool.terminal{background:var(--term-2);color:var(--term-ink);border:1px solid rgba(180,200,220,.14);box-shadow:0 28px 60px -28px rgba(0,0,0,.55)}
.tool.terminal .tool-head h3{color:#fff6ea}
.tool.terminal .tool-head p,.tool.terminal .seesaw-status{color:var(--term-muted)}
.tool.terminal label{color:#efe8dc}
.tool.terminal .opt-note,.tool.terminal .mini{color:#c3c8ce}
.tool.terminal input[type=number],
.tool.terminal input[type=text],
.tool.terminal input[type=email],
.tool.terminal select,
.tool.terminal textarea{
  background:#0a0f14;color:#f3eee6;border-color:#3a4654;font-family:var(--mono);font-variant-numeric:tabular-nums}
.tool.terminal input::placeholder,.tool.terminal textarea::placeholder{color:#7b8490}
.tool.terminal input:focus-visible,
.tool.terminal select:focus-visible,
.tool.terminal textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.tool.terminal .btn.ghost{color:var(--term-ink);border-color:rgba(239,232,220,.7)}
.tool.terminal .btn.ghost:hover{background:#fff6ea;color:var(--term);border-color:#fff6ea}
.tool.terminal .btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.tool.terminal .takeaway{background:rgba(255,250,245,.07);border-left-color:var(--gold);color:#e6ddd3}
.tool.terminal .mini{color:#c3c8ce}

.tool.terminal .seesaw-wrap{background:linear-gradient(180deg,#10161d,#0a0f14);border:1px solid rgba(180,200,220,.1)}
.tool.terminal .svg-l{font-family:var(--mono);letter-spacing:.14em;fill:#c8c2b8}
.tool.terminal .pw{fill:var(--up);stroke:#1e8a58;stroke-width:2}
.tool.terminal #pleasureStack text{fill:#062214}
.tool.terminal .gr{fill:var(--down)}
.tool.terminal .seesaw-status{font-variant-numeric:tabular-nums}

.tool.terminal .mc-canvas-wrap{background:#070b10;border:1px solid rgba(180,200,220,.1);padding:.6rem .6rem 0}
.tool.terminal .mc-legend{color:#c8c2b8;font-family:var(--mono);letter-spacing:.02em}
.tool.terminal .mc-leg::before{background:var(--up)}
.tool.terminal .mc-leg.out::before{background:#6a3a40}
.tool.terminal .mc-years li{background:#10161d;border-color:rgba(180,200,220,.14);color:var(--term-ink);font-family:var(--mono);font-variant-numeric:tabular-nums}
.tool.terminal .mc-years li b{color:var(--gold)}
.tool.terminal .mc-years li.is-end{background:rgba(240,91,91,.12);border-color:rgba(240,91,91,.4);color:#ffd6d6}
.tool.terminal .mc-years li.is-end b{color:var(--down)}

.tool.terminal .fee-out{margin-top:1.4rem}
.tool.terminal .fee-stat{background:#0a0f14;border-color:rgba(180,200,220,.14);text-align:left;padding:1.1rem 1.1rem}
.tool.terminal .fee-stat span{color:#c3c8ce;font-family:var(--mono);letter-spacing:.14em}
.tool.terminal .fee-stat strong{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums;color:#f3eee6;letter-spacing:-.02em}
.tool.terminal .fee-stat em{color:#c3c8ce}
.tool.terminal .fee-stat.loss{background:rgba(240,91,91,.1);border-color:rgba(240,91,91,.4)}
.tool.terminal .fee-stat.loss span{color:#ffb3b3}
.tool.terminal .fee-stat.loss strong{color:var(--down)}

/* pattern quiz: terminal card on a sunrise section */
.arch-panel{max-width:46rem;margin:0 auto}
.tool.terminal .q-n{background:#0a0f14;color:var(--gold);border:1px solid rgba(247,213,138,.35)}
.tool.terminal .q-c{color:var(--gold)}
.tool.terminal .q legend{color:var(--term-ink)}
.tool.terminal .opt span{background:#0a0f14;border-color:#3a4654;color:#efe8dc;text-align:left}
.tool.terminal .opt:hover span{border-color:var(--gold)}
.tool.terminal .opt input:checked+span{background:#fff1e6;color:var(--plum);border-color:#fff1e6}
.tool.terminal .opt input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.tool.terminal .check-err{color:#ffb3b3}
.tool.terminal .check-out{background:#fffaf5;color:var(--plum);border-top-color:var(--amber)}
.tool.terminal .check-out h3,.tool.terminal .check-out p{color:var(--plum)}
.tool.terminal .check-help{background:var(--peach);color:#3d2748}
.tool.terminal .check-help a{color:var(--coral-dark)}

/* keep the waitlist CTA warm (not a green "buy" button) */
.hero .btn,.tool.terminal .btn:not(.ghost){background:linear-gradient(135deg,var(--coral) 0%,#d9583f 100%);color:#fff}

@media(max-width:640px){
  .hero{padding:4.6rem 0 7.2rem}
  .hero .brand{margin-bottom:1.8rem}
  .hero .nav{margin-top:-.6rem}
  .hero-fade{height:10rem}
  .tool.terminal{padding:1.3rem 1rem}
}
@media(prefers-reduced-motion:reduce){
  .glow{animation:none!important;opacity:.8}
}

.tool.terminal input[type=number]{-moz-appearance:textfield;appearance:textfield}
.tool.terminal input[type=number]::-webkit-outer-spin-button,
.tool.terminal input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* sure ones — a short sunrise beat with a soft red/green accent */
.sure{position:relative;overflow:hidden;text-align:center;background:var(--cream);padding:3rem 0 4.25rem}
.sure::before,.sure::after{content:"";position:absolute;width:16rem;height:16rem;border-radius:50%;pointer-events:none;z-index:0;filter:blur(8px)}
.sure::before{left:-5rem;top:50%;transform:translateY(-50%);background:rgba(94,143,106,.18)}
.sure::after{right:-5rem;top:50%;transform:translateY(-50%);background:rgba(232,112,95,.18)}
.sure .wrap{position:relative;z-index:1}
.sure h2{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 .85rem}
.sure h2::after{content:"";display:block;width:5.5rem;height:3px;margin:1rem auto 0;border-radius:999px;background:linear-gradient(90deg,#5e8f6a 0%,var(--gold) 50%,var(--coral) 100%)}
.sure p{max-width:40rem;margin:0 auto;font-size:1.15rem;color:#4a3454}
@media(max-width:480px){.sure{padding:2.4rem 0 3.2rem}.sure::before,.sure::after{width:11rem;height:11rem}}

/* the ride nobody sees — warm, a day that starts green and ends red */
.ride{position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(94,143,106,.12) 0%,var(--cream) 34%,#fff6ef 62%,rgba(232,112,95,.11) 100%);padding:4.75rem 0}
.ride::before,.ride::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(10px)}
.ride::before{width:22rem;height:22rem;left:-7rem;top:-6rem;background:rgba(94,143,106,.22)}
.ride::after{width:22rem;height:22rem;right:-7rem;bottom:-7rem;background:rgba(232,112,95,.22)}
.ride .wrap{position:relative;z-index:1}
.ride h2{text-align:center;font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 1.45rem}
.ride h2::after{content:"";display:block;width:min(16rem,70%);height:3px;margin:1.05rem auto 0;border-radius:999px;background:linear-gradient(90deg,#5e8f6a 0%,var(--gold) 48%,var(--coral) 100%)}
.ride p{max-width:40rem;margin:0 auto 1.15em;font-size:1.15rem;color:#4a3454}
.ride-thought{display:block;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(1.2rem,2.4vw,1.45rem);line-height:1.45;color:var(--plum);letter-spacing:.01em;margin:.95em 0;text-align:center}
.ride-close{font-family:var(--serif);font-weight:600;font-size:clamp(1.15rem,2.2vw,1.35rem);line-height:1.45;color:var(--plum);text-align:center;margin:1.85rem auto 0;max-width:36rem}
.ride-close::before{content:"";display:block;width:4.5rem;height:2px;margin:0 auto 1.15rem;border-radius:999px;background:linear-gradient(90deg,#5e8f6a 0%,var(--coral) 100%)}
@media(max-width:480px){.ride{padding:3.4rem 0 3.8rem}.ride::before,.ride::after{width:14rem;height:14rem}}


/* ===== v9: chance streak redesign (desktop + mobile) ===== */
#montecarlo.streak{padding:2.15rem 1.7rem 1.85rem}
#montecarlo .tool-head h3{font-size:clamp(1.7rem,3vw,2.15rem);margin-bottom:.4rem}
#montecarlo .tool-head p{max-width:40rem}
#montecarlo .mc-form{margin:1.45rem 0 1.5rem}
#montecarlo .mc-controls{display:grid;gap:1.05rem 1.5rem;grid-template-columns:1fr}
@media(min-width:640px){#montecarlo .mc-controls{grid-template-columns:1fr 1fr}}
#montecarlo .mc-field label{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;font-weight:600;margin:0 0 .55rem;color:#efe8dc}
#montecarlo .mc-val{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums;color:var(--up);letter-spacing:-.02em;font-size:1.12rem}
#montecarlo .mc-field:last-child .mc-val{color:var(--gold)}
#montecarlo input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;margin:0;padding:0;border:0;border-radius:999px;background:#1a222c;outline:none;font:inherit;cursor:pointer}
#montecarlo input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#1a222c}
#montecarlo input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:#3dd68c;border:2px solid #e8fff4;box-shadow:0 0 0 4px rgba(61,214,140,.22);cursor:pointer}
#montecarlo input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:#1a222c;border:0}
#montecarlo input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#3dd68c;border:2px solid #e8fff4;box-shadow:0 0 0 4px rgba(61,214,140,.22);cursor:pointer}
#montecarlo input[type=range]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
#montecarlo input[type=range]:disabled{opacity:.55;cursor:not-allowed}
#montecarlo .mc-run{display:block;width:100%;margin:1.2rem 0 0;padding:1rem 1.5rem;font-size:1.05rem}
@media(min-width:640px){#montecarlo .mc-run{width:auto;min-width:16rem}}
.mc-hero-box{text-align:center;margin:0 0 1.2rem;padding:1.35rem 1.1rem 1.25rem;border-radius:1.15rem;background:radial-gradient(ellipse 70% 80% at 50% 40%,rgba(61,214,140,.13) 0%,rgba(7,11,16,0) 70%),#0a0f14;border:1px solid rgba(61,214,140,.22)}
.mc-hero-box.is-end{border-color:rgba(61,214,140,.45);box-shadow:0 0 36px -12px rgba(61,214,140,.45)}
.mc-hero-num{font-family:var(--serif);font-size:clamp(3.1rem,11vw,5.2rem);font-weight:600;line-height:.95;letter-spacing:-.03em;color:#3dd68c;margin:0;text-shadow:0 0 34px rgba(61,214,140,.38)}
.mc-hero-label{margin:.6rem 0 .35rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;color:#c8c2b8}
.mc-hero-take{margin:0 auto;max-width:36rem;color:var(--term-muted);font-size:1.02rem;line-height:1.55}
#montecarlo .mc-canvas-wrap{margin:0 0 .2rem;border:1px solid rgba(180,200,220,.1)}
#montecarlo .mc-years{margin:.95rem auto 0;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr))}
#montecarlo .mc-years li{text-align:center;padding:.55rem .6rem}
#montecarlo.streak .mc-years li.is-end{background:rgba(61,214,140,.12);border-color:rgba(61,214,140,.45);color:#d4ffe8}
#montecarlo.streak .mc-years li.is-end b{color:var(--up)}
#montecarlo.streak .takeaway{margin-top:1.25rem}
@media(max-width:480px){
  #montecarlo.streak{padding:1.4rem 1rem 1.3rem}
  .mc-hero-box{padding:1.1rem .8rem 1rem}
}

/* ===== v9: mobile-only color — stronger red/green, desktop unchanged ===== */
@media(max-width:700px){
  /* Hero: green up top, red lower down, both actually in view */
  .glow{filter:blur(48px)}
  .glow-up{
    width:22rem;height:22rem;left:-3.2rem;top:-2.2rem;bottom:auto;right:auto;
    background:radial-gradient(circle,rgba(61,214,140,.58) 0%,rgba(61,214,140,.22) 46%,transparent 72%);
  }
  .glow-down{
    width:24rem;height:24rem;right:-3rem;left:auto;top:auto;bottom:16%;
    background:radial-gradient(circle,rgba(240,91,91,.56) 0%,rgba(240,91,91,.2) 46%,transparent 72%);
  }
  .drift-line{
    opacity:1;inset:auto;width:230%;height:56%;left:50%;top:26%;transform:translateX(-50%);
    mask-image:linear-gradient(180deg,transparent 2%,#000 16%,#000 82%,transparent 100%);
    -webkit-mask-image:linear-gradient(180deg,transparent 2%,#000 16%,#000 82%,transparent 100%);
  }
  .drift-path{stroke-width:2.25}
  .hero .wrap::before{
    background:radial-gradient(ellipse at 50% 42%,rgba(7,11,16,.5) 0%,rgba(7,11,16,.18) 52%,transparent 74%);
  }

  /* Shared corner glows + slightly tinted section grounds */
  .why,.team,.traps,.quotes,.tools,.approaches,.pattern,.check,.pillars,.join,.reclaim,.smallcaps{
    position:relative;overflow:hidden;
  }
  .why::before,.why::after,
  .reclaim::before,.reclaim::after,
  .smallcaps::before,.smallcaps::after,
  .team::before,.team::after,
  .traps::before,.traps::after,
  .quotes::before,.quotes::after,
  .tools::before,.tools::after,
  .approaches::before,.approaches::after,
  .pattern::before,.pattern::after,
  .check::before,.check::after,
  .pillars::before,.pillars::after,
  .join::before,.join::after{
    content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(12px);
    width:16rem;height:16rem;
  }
  .why .wrap,.team .wrap,.traps .wrap,.quotes .wrap,.tools .wrap,
  .approaches .wrap,.pattern .wrap,.check .wrap,.pillars .wrap,.join .wrap,.reclaim .wrap,.smallcaps .wrap,
  footer .wrap{position:relative;z-index:1}

  .why::before,.team::before,.traps::before,.quotes::before,.tools::before,
  .approaches::before,.pattern::before,.check::before,.pillars::before,.join::before,.reclaim::before,.smallcaps::before{
    left:-4.5rem;top:-5rem;background:rgba(94,143,106,.4);
  }
  .why::after,.team::after,.traps::after,.quotes::after,.tools::after,
  .approaches::after,.pattern::after,.check::after,.pillars::after,.join::after,.reclaim::after,.smallcaps::after{
    right:-4.5rem;bottom:-5.5rem;background:rgba(232,112,95,.36);
  }

  .why{background:linear-gradient(160deg,rgba(94,143,106,.18) 0%,var(--cream) 42%,#fff6ef 62%,rgba(232,112,95,.14) 100%)}
  .sure{background:linear-gradient(160deg,rgba(94,143,106,.16) 0%,var(--cream) 48%,rgba(232,112,95,.14) 100%)}
  .ride{background:linear-gradient(120deg,rgba(94,143,106,.26) 0%,var(--cream) 34%,#fff6ef 62%,rgba(232,112,95,.24) 100%)}
  .team{background:linear-gradient(160deg,rgba(94,143,106,.16) 0%,var(--cream) 28%,var(--peach) 70%,rgba(232,112,95,.18) 100%)}
  .traps{background:linear-gradient(160deg,rgba(94,143,106,.14) 0%,var(--cream) 40%,rgba(232,112,95,.12) 100%)}
  .quotes{background:linear-gradient(180deg,rgba(94,143,106,.16) 0%,#fff6e8 22%,#fde3c0 55%,#f9cba0 82%,rgba(232,112,95,.2) 100%)}
  .tools{background:linear-gradient(160deg,rgba(94,143,106,.2) 0%,var(--peach) 36%,var(--peach-2) 64%,rgba(232,112,95,.18) 100%)}
  .approaches{background:linear-gradient(160deg,rgba(94,143,106,.14) 0%,var(--cream) 42%,rgba(232,112,95,.12) 100%)}
  .pattern{background:linear-gradient(160deg,rgba(94,143,106,.16) 0%,var(--cream) 36%,#ffe9d2 70%,rgba(232,112,95,.16) 100%)}
  .check{background:linear-gradient(160deg,rgba(94,143,106,.16) 0%,#ffe9d2 36%,var(--peach) 70%,rgba(232,112,95,.16) 100%)}
  .pillars{background:linear-gradient(160deg,rgba(94,143,106,.16) 0%,var(--peach) 40%,var(--peach-2) 70%,rgba(232,112,95,.16) 100%)}
  .join{background:linear-gradient(160deg,rgba(94,143,106,.16) 0%,var(--cream) 36%,#ffe9d2 70%,rgba(232,112,95,.16) 100%)}
  .reclaim{background:linear-gradient(160deg,rgba(94,143,106,.16) 0%,var(--cream) 36%,#ffe9d2 70%,rgba(232,112,95,.16) 100%)}
  .smallcaps{background:linear-gradient(160deg,rgba(94,143,106,.16) 0%,var(--cream) 36%,#ffe9d2 70%,rgba(232,112,95,.16) 100%)}

  /* Section title underlines: green to red */
  .why h2::after,.traps h2::after,.tools h2::after,.quotes h2::after,
  .approaches h2::after,.pattern h2::after,.check h2::after,.join h2::after,.pillars h2::after,.reclaim h2::after,.smallcaps h2::after,
  .team-copy h2::after{
    content:"";display:block;width:5.5rem;height:3px;margin:.85rem auto 0;border-radius:999px;
    background:linear-gradient(90deg,#5e8f6a 0%,var(--gold) 50%,var(--coral) 100%);
  }
  .team-copy h2::after{margin-left:0;margin-right:auto}
  .approaches .sub::after{
    content:"";display:block;width:6.5rem;height:3px;margin:.7rem 0 0;border-radius:999px;
    background:linear-gradient(90deg,#5e8f6a 0%,var(--gold) 50%,var(--coral) 100%);
  }

  /* Sure + ride: pull glows into the viewport and strengthen them */
  .sure::before,.sure::after{width:16rem;height:16rem;filter:blur(8px)}
  .sure::before{left:-3rem;top:-3.5rem;transform:none;background:rgba(94,143,106,.42)}
  .sure::after{right:-3rem;top:auto;bottom:-4rem;transform:none;background:rgba(232,112,95,.4)}
  .ride::before,.ride::after{width:18rem;height:18rem;filter:blur(8px)}
  .ride::before{left:-3.5rem;top:-4rem;background:rgba(94,143,106,.48)}
  .ride::after{right:-3.5rem;bottom:-4.5rem;background:rgba(232,112,95,.46)}

  .team-fine{border-left-color:#5e8f6a}
  .team-quote{background:
    radial-gradient(ellipse 70% 45% at 0% 0%,rgba(94,143,106,.28) 0%,transparent 55%),
    radial-gradient(ellipse 70% 50% at 100% 100%,rgba(232,112,95,.22) 0%,transparent 58%),
    radial-gradient(ellipse 80% 55% at 50% 105%,#fff3c4 0%,rgba(255,243,196,0) 70%),
    linear-gradient(180deg,#f9d7c9 0%,#fcc3a1 35%,#f9a77c 70%,#fbc77f 100%)}

  /* Dark bands */
  .slot{position:relative;overflow:hidden;background:
    radial-gradient(ellipse 90% 55% at 8% -10%,rgba(61,214,140,.38) 0%,transparent 58%),
    radial-gradient(ellipse 90% 60% at 96% 110%,rgba(240,91,91,.4) 0%,transparent 60%),
    radial-gradient(ellipse 70% 120% at 50% 0%,#4a2d57 0%,var(--plum) 70%)}
  footer{position:relative;overflow:hidden;background:
    radial-gradient(ellipse 80% 50% at 0% 0%,rgba(61,214,140,.28) 0%,transparent 58%),
    radial-gradient(ellipse 80% 55% at 100% 100%,rgba(240,91,91,.3) 0%,transparent 60%),
    var(--plum)}

  /* Cards, traps, steps, binds */
  .trap:nth-child(odd){border-left:4px solid #5e8f6a}
  .trap:nth-child(even){border-left:4px solid var(--coral)}
  .trap:nth-child(odd) .trap-n{background:linear-gradient(135deg,#7fb58a,#5e8f6a);color:#fff}
  .trap:nth-child(even) .trap-n{background:linear-gradient(135deg,var(--coral),#d9583f);color:#fff}
  .quote-nav#quotePrev{border-color:#5e8f6a;color:#2f4a36}
  .quote-nav#quoteNext{border-color:var(--coral-dark);color:var(--coral-dark)}
  .quote-dots button[aria-current="true"]{background:#5e8f6a}

  .tool:not(.terminal){border-top:4px solid #5e8f6a}
  .tool.terminal{background:
    radial-gradient(ellipse 70% 40% at 0% 0%,rgba(61,214,140,.14) 0%,transparent 55%),
    radial-gradient(ellipse 70% 45% at 100% 100%,rgba(240,91,91,.14) 0%,transparent 58%),
    var(--term-2)}
  .abcd li:nth-child(odd){border-left:3px solid #5e8f6a}
  .abcd li:nth-child(even){border-left:3px solid var(--coral)}
  .steps li:nth-child(odd){border-left:4px solid #5e8f6a}
  .steps li:nth-child(even){border-left:4px solid var(--coral)}
  .bind:nth-child(odd){background:linear-gradient(180deg,#e8f3ea,var(--peach))}
  .bind:nth-child(even){background:linear-gradient(180deg,#fde8e4,#ffeddc)}
  .pattern .notdx,.check .notdx{border-color:#5e8f6a}
  .card:nth-child(1){border-top-color:#5e8f6a}
  .card:nth-child(2){border-top-color:var(--coral)}
  .sc-card:nth-child(1){border-top-color:#5e8f6a}
  .sc-card:nth-child(2){border-top-color:var(--coral)}
  .sc-card:nth-child(3){border-top-color:var(--gold)}
  .join .signup{border-color:#e0c4b0}

  /* Cool-down + FAB */
  .cool{background:linear-gradient(180deg,#eef8f0 0%,#fff3e4 42%,#ffdcc2 78%,#f8c8bc 100%)}
  .cool-list li:nth-child(odd){border-left:3px solid #5e8f6a}
  .cool-list li:nth-child(even){border-left:3px solid var(--coral)}
  .cool-bar{background:linear-gradient(90deg,#3dd68c,var(--gold),var(--coral))}
  .cool-fab{border-color:rgba(61,214,140,.75)}

  /* Thanks page: keep the sunrise, add green/red corners */
  .thanks-page .hero{background:
    radial-gradient(ellipse 75% 50% at 0% 0%,rgba(94,143,106,.4) 0%,transparent 58%),
    radial-gradient(ellipse 75% 55% at 100% 85%,rgba(232,112,95,.36) 0%,transparent 60%),
    radial-gradient(ellipse 60% 45% at 50% 100%,#fff3c4 0%,rgba(255,243,196,0) 70%),
    linear-gradient(180deg,#f9d7c9 0%,#fcc3a1 28%,#f9a77c 52%,#fbc77f 78%,#fde7b0 100%)}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
  .glow{opacity:1}
}


/* ===== v10: placed quotes, toll list, wake-up, closing CTA ===== */
.voice{margin:1.35rem auto 0;max-width:40rem;background:#fffaf5;border-radius:1.1rem;padding:1.25rem 1.4rem 1.15rem;border-left:4px solid var(--coral);box-shadow:0 12px 28px -22px rgba(90,40,50,.55);text-align:left}
.voice blockquote{margin:0}
.voice blockquote p{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,2.2vw,1.22rem);line-height:1.5;color:var(--plum);font-weight:500}
.voice figcaption{margin:.75rem 0 0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#5a3144}
.voice.warn{border-left-color:var(--coral);background:linear-gradient(180deg,#fff6ea,#ffe4d4);box-shadow:0 16px 32px -22px rgba(201,80,63,.45)}
.voice.callout{margin:2rem auto 0;max-width:46rem;border-left-color:var(--plum);background:linear-gradient(180deg,#fffaf5,#fff1e6);padding:1.45rem 1.6rem 1.3rem}
.voice.callout blockquote p{font-size:clamp(1.12rem,2.4vw,1.32rem)}
.voice.inset{margin:1.1rem 0 1.3rem;max-width:none}
.voice.tools-voice{margin:0 auto 1.4rem}
.voice.ride-voice{margin:1.5rem auto 1.5rem}
.tool.terminal .voice,.tool .voice.inset{background:#fffaf5}

.trap-head{display:grid;gap:1.3rem;margin:0 auto 2rem;max-width:54rem;align-items:stretch}
.trap-copy{margin:0;font-size:1.08rem;color:#4a3454;text-align:left}
.traps .voice.warn{margin:0}
@media(min-width:860px){
  .trap-head{grid-template-columns:1.15fr .85fr;gap:1.8rem;align-items:center}
}

.ride-toll{list-style:none;padding:0;margin:0 auto 1.7rem;max-width:40rem;display:grid;gap:.7rem;grid-template-columns:1fr}
.ride-toll li{background:rgba(255,250,245,.82);border-radius:.9rem;padding:.9rem 1rem;font-size:1.02rem;color:#4a3454;border-left:3px solid #5e8f6a;text-align:left}
.ride-toll li:nth-child(even){border-left-color:var(--coral)}
@media(min-width:700px){.ride-toll{grid-template-columns:1fr 1fr}}

.wake{position:relative;overflow:hidden;text-align:center;padding:3.6rem 0;
  background:
    radial-gradient(ellipse 80% 50% at 8% 0%,rgba(61,214,140,.2) 0%,transparent 55%),
    radial-gradient(ellipse 80% 55% at 96% 100%,rgba(240,91,91,.24) 0%,transparent 58%),
    var(--term);
  color:var(--term-ink)}
.wake-quote{margin:0 auto;max-width:34rem}
.wake-quote blockquote{margin:0}
.wake-quote blockquote p{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(1.45rem,3.4vw,2.15rem);line-height:1.3;letter-spacing:-.01em;color:#fff6ea}
.wake-quote figcaption{margin:1.1rem 0 0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold)}

.justify-note{margin:1rem 0 0;color:#4a3454;font-size:1.02rem}

.reclaim{text-align:center;background:linear-gradient(180deg,var(--cream) 0%,#ffe9d2 100%);padding:4.5rem 0 3.6rem}
.reclaim h2{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 .7rem}
.reclaim p{max-width:40rem;margin:0 auto 1.3rem;font-size:1.15rem;color:#4a3454}
.reclaim .voice{text-align:left;margin:0 auto 1.6rem}
.reclaim .btn{display:inline-block;text-decoration:none;min-width:14rem}

@media(max-width:700px){
  .voice{padding:1.1rem 1.15rem 1.05rem}
  .voice.callout{padding:1.2rem 1.2rem 1.1rem}
  .wake{padding:2.8rem 0}
  .reclaim{padding:3.4rem 0 2.8rem}
  .trap-copy{font-size:1.05rem}
}


/* ===== v10: muted book-title credit under quotes ===== */
.voice figcaption,
.pullq figcaption{
  text-transform:none;
  letter-spacing:.015em;
  font-weight:500;
  line-height:1.45;
}
.voice figcaption,
.pullq figcaption{
  font-size:.72rem;
  color:#8a6d7a;
  font-weight:500;
}
.voice figcaption cite,
.pullq figcaption cite{
  font-style:italic;
  font-weight:400;
  font-size:inherit;
  letter-spacing:0;
}


/* ===== v14: swipeable slides + small-caps section ===== */
.slide-strip{margin:2.1rem 0 0}
.slide-track{
  display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;padding:.15rem .15rem .85rem;
  scrollbar-color:rgba(90,40,50,.35) transparent;
}
.slide-track::-webkit-scrollbar{height:8px}
.slide-track::-webkit-scrollbar-thumb{background:rgba(90,40,50,.28);border-radius:999px}
.slide-card{
  flex:0 0 min(28rem,84%);scroll-snap-align:start;border:0;padding:0;
  background:#111;cursor:zoom-in;border-radius:.95rem;overflow:hidden;
  box-shadow:0 16px 32px -20px rgba(90,40,50,.6);border:1px solid #f1d6c3;
  color:inherit;font:inherit;text-align:left;
}
.slide-card:focus-visible{outline:3px solid #2f1d3a;outline-offset:3px}
.slide-card img{display:block;width:100%;height:auto;aspect-ratio:1600/893;object-fit:cover;background:#111}
.slide-hint{margin:.15rem 0 0;font-size:.85rem;color:var(--plum-soft);text-align:center}
.slot .slide-hint{color:#d9c4d3}
.slot .slide-card{border-color:rgba(247,213,138,.28);box-shadow:0 18px 40px -16px rgba(0,0,0,.55)}
.slot .slide-card:focus-visible{outline-color:var(--gold)}
.pattern .slide-strip,.approaches .slide-strip{margin:1.6rem 0 1.8rem}
.reclaim .slide-strip{margin:0 0 2rem}

.slide-dlg{border:0;padding:0;background:transparent;max-width:none;width:100%;height:100%;
  max-height:none;}
.slide-dlg::backdrop{background:rgba(7,11,16,.86)}
.slide-dlg-in{position:relative;display:flex;align-items:center;justify-content:center;
  min-height:100vh;padding:3.2rem 3.6rem 2.4rem;box-sizing:border-box}
.slide-dlg figure{margin:0;max-width:min(1600px,94vw);text-align:center}
.slide-dlg img{display:block;max-width:94vw;max-height:82vh;width:auto;height:auto;
  border-radius:.6rem;box-shadow:0 24px 60px -20px rgba(0,0,0,.7);background:#111}
.slide-dlg figcaption{margin:.7rem 0 0;font-family:var(--serif);font-size:1.02rem;color:#f3e6dc}
.slide-dlg-x{position:absolute;top:1rem;right:1rem;z-index:2;width:2.6rem;height:2.6rem;
  border:0;border-radius:50%;background:rgba(255,250,245,.14);color:#fff;font-size:1.7rem;
  line-height:1;cursor:pointer}
.slide-dlg-x:hover{background:rgba(255,250,245,.28)}
.slide-dlg-x:focus-visible,.slide-dlg-nav:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.slide-dlg-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:2.8rem;height:2.8rem;border:0;border-radius:50%;background:rgba(255,250,245,.14);
  color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.slide-dlg-nav.prev{left:.7rem}
.slide-dlg-nav.next{right:.7rem}
.slide-dlg-nav:hover{background:rgba(255,250,245,.28)}
.slide-dlg-nav:disabled{opacity:.3;cursor:default}
@media(max-width:640px){
  .slide-dlg-in{padding:3.4rem .6rem 5.2rem}
  .slide-dlg-nav{top:auto;bottom:1.1rem;transform:none}
  .slide-dlg-nav.prev{left:1.2rem}
  .slide-dlg-nav.next{right:1.2rem}
  .slide-dlg img{max-height:72vh}
}

.smallcaps{background:var(--cream);padding:4.5rem 0 5rem;text-align:center}
.smallcaps h2{font-size:clamp(1.9rem,4vw,2.7rem)}
.sc-grid{display:grid;gap:1.2rem;grid-template-columns:1fr;margin:0 auto 1.7rem;max-width:62rem;text-align:left}
@media(min-width:800px){.sc-grid{grid-template-columns:repeat(3,1fr)}}
.sc-card{background:#fffaf5;border-radius:1.25rem;padding:1.5rem 1.35rem 1.4rem;
  box-shadow:0 14px 30px -20px rgba(90,40,50,.5);border-top:5px solid var(--coral)}
.sc-card:nth-child(2){border-top-color:var(--amber)}
.sc-card:nth-child(3){border-top-color:var(--gold)}
.sc-card h3{font-size:1.3rem;margin:0 0 .55rem}
.sc-card p{margin:0;color:#4a3454;font-size:1.02rem}
.sc-close{max-width:36rem;margin:0 auto;font-family:var(--serif);
  font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.45;color:var(--plum);font-weight:600}
@media(max-width:700px){
  .smallcaps{padding:3.4rem 0 3.2rem}
  .slide-card{flex-basis:min(28rem,88%)}
}