:root{
  --bg:#0A0A0A;--bg-2:#0D0D0D;--card:#121212;--card-2:#161616;
  --line:#242424;--line-2:#2A2A2A;--line-nav:#1F1F1F;
  --text:#F3F0EA;--muted:#A6A6A6;--muted-2:#7A7A7A;
  --purple:#4C3A8A;--purple-2:#3F2E6B;--purple-hover:#5A46A3;
  --green:#2FBF71;--amber:#F2A93B;--red:#E0574F;
  --pad:88px;--nav-h:66px;--r:14px;--r-sm:10px;
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input{font:inherit;color:inherit}
h1,h2,h3,h4,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--purple);padding:10px 14px;border-radius:8px;z-index:100}
.skip:focus{top:12px}

/* ---- layout ---- */
.wrap{padding-left:var(--pad);padding-right:var(--pad);max-width:1280px;margin:0 auto}
.section{padding:112px 0}
.section + .section{padding-top:0}
.section-head{max-width:640px;margin-bottom:48px}
h2{font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.08}
h3{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.lede{color:var(--muted);font-size:18px;margin-top:14px;max-width:60ch}
.muted{color:var(--muted)}
.small{font-size:14px}
.stack>*+*{margin-top:12px}

/* ---- status labels ---- */
.status{display:inline-flex;white-space:nowrap;flex:none;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1}
.status--live{color:var(--green)}
.status--live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(47,191,113,.15)}
.status--soon{color:var(--amber)}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,color .18s}
.btn .arrow{display:inline-block;transition:transform .18s}
.btn:hover .arrow{transform:translateX(3px)}
.btn--primary{background:var(--purple);color:#fff;border-color:var(--purple)}
.btn--primary:hover{background:var(--purple-hover);border-color:var(--purple-hover)}
.btn--ghost{background:var(--card);color:var(--text);border-color:var(--line-2)}
.btn--ghost:hover{border-color:#3A3A3A;background:var(--card-2)}
.btn--ghost[aria-disabled="true"]{cursor:not-allowed;color:var(--muted)}
.btn--ghost[aria-disabled="true"]:hover{border-color:var(--line-2);background:var(--card)}
.btn--sm{height:40px;padding:0 16px;font-size:14px}
.link{color:var(--text);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.link .arrow{transition:transform .18s}
.link:hover .arrow{transform:translateX(3px)}
.link--muted{color:var(--muted)}
.link--muted:hover{color:var(--text)}

/* ---- nav ---- */
.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:rgba(10,10,10,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-nav);z-index:50}
.nav__in{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;letter-spacing:.06em;font-size:15px}
.nav__link{color:var(--muted);font-weight:500;font-size:15px;transition:color .18s}
.nav__link:hover,.nav__link[aria-current="page"]{color:var(--text)}
main{padding-top:var(--nav-h)}

/* ---- hero ---- */
.hero{position:relative;min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;isolation:isolate}
.hero__glow{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero__glow::before,.hero__glow::after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.7;will-change:transform}
.hero__glow::before{width:min(1100px,120vw);height:520px;left:50%;top:50%;transform:translate(-50%,-52%);background:radial-gradient(closest-side,rgba(76,58,138,.42),rgba(63,46,107,.18) 45%,transparent 70%);animation:drift1 22s ease-in-out infinite alternate}
.hero__glow::after{width:min(700px,90vw);height:380px;left:50%;top:50%;transform:translate(-30%,-40%);background:radial-gradient(closest-side,rgba(63,46,107,.42),transparent 70%);animation:drift2 28s ease-in-out infinite alternate}
@keyframes drift1{from{transform:translate(-54%,-56%) scale(1)}to{transform:translate(-46%,-48%) scale(1.06)}}
@keyframes drift2{from{transform:translate(-36%,-42%)}to{transform:translate(-24%,-30%)}}
.hero__in{position:relative;padding:72px var(--pad) 96px;max-width:1160px;margin:0 auto}
.hero__title{font-size:clamp(52px,9.6vw,138px);font-weight:800;letter-spacing:-.045em;line-height:.95;word-break:normal}
.hero__tag{font-size:clamp(20px,2.4vw,28px);font-weight:600;letter-spacing:-.02em;margin-top:28px}
.hero__sub{color:var(--muted);font-size:clamp(16px,1.4vw,18px);max-width:52ch;margin:16px auto 0}
.cta-row{display:flex;justify-content:center;align-items:flex-end;gap:14px;margin-top:40px}
.cta-col{display:flex;flex-direction:column;align-items:center;gap:8px}
.cta-col .status{height:12px}
.cta-col .status--spacer{visibility:hidden}

/* ---- page hero (inner pages) ---- */
.page-hero{padding:96px 0 56px;border-bottom:1px solid var(--line-nav)}
.page-hero h1{font-size:clamp(44px,7vw,92px);font-weight:800;letter-spacing:-.04em;line-height:.98}
.page-hero .lede{font-size:19px;margin-top:20px}
.page-hero .status{margin-bottom:18px}

/* ---- cards ---- */
.grid{display:grid;gap:18px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;display:flex;flex-direction:column;min-height:250px;transition:border-color .2s,transform .2s}
.card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px}
.card h3{font-size:19px;letter-spacing:.02em;font-weight:700}
.card p{color:var(--muted);font-size:15px}
.card__body{flex:1}
.card__foot{margin-top:24px}
.card--live{border-color:rgba(47,191,113,.35)}
.card--live:hover{border-color:rgba(47,191,113,.7);transform:translateY(-2px)}
.card--live .card__lead{color:var(--text);font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}
.card--soon{color:var(--muted)}
.card--soon h3{color:var(--text)}
.card--soon:hover{border-color:#333}
.card--flat{min-height:0}

/* ---- scam band ---- */
.band{background:var(--bg-2);border-top:1px solid var(--line-nav);border-bottom:1px solid var(--line-nav);padding:104px 0}
.band__in{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.band__in>*,.capture>*,.calc>*{min-width:0}
.band .lede{margin-top:18px}
.band__cta{margin-top:32px}
.signals{display:flex;flex-direction:column;gap:10px}
.signal{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);font-size:15px}
.signal::before{content:"";flex:none;width:9px;height:9px;border-radius:2px;background:var(--amber);opacity:.85}

/* ---- email capture ---- */
.capture{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:52px 56px;display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;position:relative;overflow:hidden}
.capture::after{content:"";position:absolute;right:-160px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(76,58,138,.28),transparent 70%);pointer-events:none}
.capture>*{position:relative}
.capture h2{font-size:clamp(28px,3vw,40px)}
.toolkit-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:26px}
.toolkit-list li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text)}
.toolkit-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}
.form{display:flex;flex-direction:column;gap:10px}
.form label{font-size:14px;color:var(--muted)}
.field{height:46px;padding:0 16px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg);color:var(--text);width:100%;transition:border-color .18s}
.field::placeholder{color:var(--muted-2)}
.field:focus{border-color:var(--purple-hover);outline:none}
.field[aria-invalid="true"]{border-color:var(--red)}
.form__row{display:flex;gap:10px}
.form__row .field{flex:1}
.form__note{font-size:13px;color:var(--muted-2)}
.form__msg{font-size:14px;min-height:20px}
.form__msg[data-state="error"]{color:var(--red)}
.form__msg[data-state="ok"]{color:var(--green)}
.form__msg[data-state="info"]{color:var(--amber)}
.capture--sm{grid-template-columns:1fr 1fr;padding:40px 44px;border-radius:16px}
.capture--sm::after{display:none}
.capture--sm h2{font-size:clamp(22px,2.2vw,28px)}

/* ---- footer ---- */
.footer{border-top:1px solid var(--line-nav);padding:44px 0 40px}
.footer__in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.footer__links{display:flex;gap:26px;flex-wrap:wrap}
.footer__links a{color:var(--muted);font-size:14px;transition:color .18s}
.footer__links a:hover{color:var(--text)}
.footer__tag{color:var(--muted-2);font-size:13px;margin-top:22px}

/* ---- score ---- */
.score{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:32px 36px}
.score__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 48px;margin-top:22px}
.score__row{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center}
.score__label{font-size:15px}
.score__val{font-size:13px;color:var(--muted);text-align:right}
.bar{grid-column:1/-1;display:flex;gap:4px}
.bar i{flex:1;height:5px;border-radius:3px;background:var(--line-2)}
.bar i.on{background:var(--purple-hover)}
.score__note{margin-top:22px;font-size:14px;color:var(--muted-2)}

/* ---- toc / guide sections ---- */
.toc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.toc a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);transition:border-color .18s}
.toc a:hover{border-color:#3A3A3A}
.toc strong{font-size:15px}
.toc span{font-size:13px;color:var(--muted)}
.guide{padding:88px 0;border-top:1px solid var(--line-nav);scroll-margin-top:calc(var(--nav-h) + 16px)}
.guide__in{display:grid;grid-template-columns:300px 1fr;gap:56px}
.guide__in>*{min-width:0}
.guide__in--wide{grid-template-columns:1fr;gap:28px}
.guide__in--wide .guide__side{position:static;max-width:640px}
.guide__side{position:sticky;top:calc(var(--nav-h) + 32px);align-self:start}
.guide__kicker{font-size:13px;color:var(--muted-2);margin-bottom:10px}
.guide__side h2{font-size:32px}
.guide__side p{margin-top:12px;color:var(--muted);font-size:15px}
.prose{max-width:66ch}
.prose h3{margin-top:34px;margin-bottom:10px}
.prose h3:first-child{margin-top:0}
.prose p{color:var(--muted);margin-bottom:14px}
.prose strong{color:var(--text);font-weight:600}
.prose ul{margin:8px 0 18px;display:flex;flex-direction:column;gap:8px}
.prose li{color:var(--muted);padding-left:18px;position:relative}
.prose li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--purple-hover)}
.prose .callout{border:1px solid var(--line);border-left:3px solid var(--purple-hover);background:var(--card);border-radius:8px;padding:16px 18px;margin:20px 0;color:var(--text);font-size:15px}
.prose .callout--amber{border-left-color:var(--amber)}

/* ---- table ---- */
.tbl{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.tbl-wrap{overflow-x:auto;border-radius:var(--r-sm);border:1px solid var(--line)}
.tbl-wrap .tbl{border:0}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{background:var(--card);color:var(--muted);font-weight:500;font-size:13px}
.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{font-weight:600;white-space:nowrap}

/* ---- calculator ---- */
.calc{background:var(--card);border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden}
.calc__inputs{padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.calc__inputs .full{grid-column:1/-1}
.calc label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.money{position:relative}
.money::before{content:"€";position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted-2);font-size:14px}
.money .field{padding-left:30px}
.calc__out{background:var(--bg);border-left:1px solid var(--line);padding:36px;display:flex;flex-direction:column;gap:22px}
.result{display:flex;flex-direction:column;gap:4px}
.result span{font-size:13px;color:var(--muted)}
.result strong{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.result--sm strong{font-size:22px}
.results-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.verdict{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid var(--line-2);width:fit-content}
.verdict[data-v="profit"]{color:var(--green);border-color:rgba(47,191,113,.4)}
.verdict[data-v="even"]{color:var(--amber);border-color:rgba(242,169,59,.4)}
.verdict[data-v="loss"]{color:var(--red);border-color:rgba(224,87,79,.4)}
.verdict[data-v="none"]{color:var(--muted)}
.calc__note{font-size:13px;color:var(--muted-2);margin-top:auto}
.calc-cta{margin-top:22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}

/* ---- tool cards ---- */
.tool{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;min-height:0}
.tool__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tool__meta{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;margin-top:16px}
.tool__meta dt{color:var(--muted-2)}
.tool__meta dd{margin:0;color:var(--muted)}
.tool__verdict{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:14px}
.tool__verdict strong{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin-bottom:4px}
.tool__foot{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.tag{font-size:12px;color:var(--muted-2);border:1px solid var(--line);padding:4px 8px;border-radius:6px}

/* ---- articles ---- */
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.article{padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);display:flex;flex-direction:column;gap:10px;min-height:0}
.article strong{font-size:15px;line-height:1.3}
.article .status{font-size:11px}
.article a{transition:color .18s}
.article a:hover{color:var(--purple-hover)}

/* ---- checklist (scam signals) ---- */
.check{display:flex;flex-direction:column;gap:8px}
.check label{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);cursor:pointer;font-size:15px;transition:border-color .18s}
.check label:hover{border-color:#333}
.check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--purple-hover);flex:none}
.check-result{margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card)}
.check-result strong{display:block;margin-bottom:4px}
.check-result p{color:var(--muted);font-size:14px}

/* ---- simple pages ---- */
.doc{padding:72px 0 112px}
.doc .prose{max-width:70ch}
.doc h2{font-size:26px;margin-top:40px;margin-bottom:12px}
.doc h2:first-of-type{margin-top:0}
.doc p{color:var(--muted);margin-bottom:14px}

/* ---- reveal (one restrained pass) ---- */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:none}

/* ---- motion / a11y ---- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

/* ---- responsive ---- */
@media (max-width:1100px){
  :root{--pad:48px}
  .grid--3,.toc,.articles{grid-template-columns:repeat(2,1fr)}
  .guide__in{grid-template-columns:1fr;gap:28px}
  .guide__side{position:static}
  .band__in{grid-template-columns:1fr;gap:40px}
}
@media (max-width:820px){
  :root{--pad:24px;--nav-h:60px}
  .section{padding:80px 0}
  .band{padding:72px 0}
  .capture,.capture--sm{grid-template-columns:1fr;gap:28px;padding:32px 26px}
  .toolkit-list{grid-template-columns:1fr}
  .calc{grid-template-columns:1fr}
  .calc__out{border-left:0;border-top:1px solid var(--line)}
  .calc__inputs{padding:24px;grid-template-columns:1fr}
  .calc__out{padding:24px}
  .score__grid{grid-template-columns:1fr}
  .score{padding:24px}
  .page-hero{padding:64px 0 40px}
}
@media (max-width:600px){
  .grid--3,.grid--2,.toc,.articles{grid-template-columns:1fr}
  .card{min-height:0}
  .hero__in{padding-top:40px;padding-bottom:64px}
  .hero__title{font-size:clamp(46px,17vw,72px)}
  .hero__tag{margin-top:22px}
  .cta-row{flex-direction:column;align-items:stretch;gap:12px;margin-top:32px}
  .cta-col{align-items:stretch}
  .cta-col .status{align-self:center}
  .cta-col .status--spacer{display:none}
  .btn{width:100%}
  .form__row{flex-direction:column}
  .footer__in{flex-direction:column;align-items:flex-start}
  .footer__links{gap:16px}
  .results-row{grid-template-columns:1fr}
}

/* ==========================================================
   Hustle Filter — V2 visual redesign
   ========================================================== */
:root{
  --bg:#080808;
  --bg-2:#0B0B0D;
  --card:#101012;
  --card-2:#151518;
  --line:#232329;
  --line-2:#303038;
  --text:#F4F1EA;
  --muted:#A9A5AD;
  --purple:#4C3A8A;
  --purple-2:#2D1D52;
  --purple-3:#1A102D;
  --purple-hover:#614BB2;
  --pad:clamp(24px,4vw,64px);
  --display:"Inter Tight","Inter",ui-sans-serif,system-ui,sans-serif;
}
body{background:
  radial-gradient(1000px 700px at 50% -220px,rgba(76,58,138,.08),transparent 72%),
  var(--bg);}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.wrap{width:min(100%,1600px);max-width:none;padding-inline:var(--pad);margin-inline:auto}
h1,h2,h3,.brand{font-family:var(--display)}
.section{padding:clamp(92px,8vw,138px) 0}
.section + .section{padding-top:clamp(36px,3vw,58px)}
.section-head{max-width:780px;margin-bottom:52px}
.section-kicker{display:inline-block;margin-bottom:16px;color:#7F748F;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
h2{font-size:clamp(38px,4.6vw,64px);letter-spacing:-.045em}
.lede{font-size:clamp(17px,1.35vw,20px);line-height:1.65}

/* nav — broader, calmer, integrated */
.nav{background:rgba(8,8,8,.74);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border-bottom-color:rgba(255,255,255,.075)}
.brand{font-size:15px;letter-spacing:.045em}
.nav__link{font-size:16px;color:#C4C0C7}

/* hero — full-width atmosphere */
.hero{min-height:calc(100svh - var(--nav-h));border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(255,255,255,.008),transparent 18%)}
.hero__in{width:min(100%,1450px);max-width:none;padding:clamp(78px,8vw,128px) var(--pad) clamp(92px,9vw,142px);z-index:2}
.hero__eyebrow{margin-bottom:24px;padding:9px 13px;border:1px solid rgba(47,191,113,.20);border-radius:999px;background:rgba(9,25,17,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.hero__title{font-size:clamp(64px,10vw,158px);font-family:var(--display);font-weight:800;letter-spacing:-.068em;line-height:.83;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.06)}
.hero__tag{font-family:var(--display);font-size:clamp(23px,2.6vw,40px);font-weight:650;line-height:1.08;letter-spacing:-.038em;margin-top:38px}
.hero__tag .accent{background:linear-gradient(90deg,#F4F1EA 0%,#B7A6E5 42%,#7D67BF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__sub{font-size:clamp(17px,1.35vw,20px);max-width:58ch;line-height:1.7;margin-top:20px}
.cta-row{margin-top:38px;gap:12px}
.btn{height:48px;border-radius:11px;padding-inline:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.btn--primary{background:linear-gradient(180deg,#58449D,#453480);border-color:#6451A5;box-shadow:0 10px 30px rgba(76,58,138,.18),inset 0 1px 0 rgba(255,255,255,.12)}
.btn--primary:hover{background:linear-gradient(180deg,#6651AE,#4F3C8D);transform:translateY(-1px)}
.btn--ghost{background:rgba(17,17,19,.82);border-color:#29292F}
.hero__grid{position:absolute;inset:0;z-index:-3;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,transparent 2%,black 30%,black 66%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 2%,black 30%,black 66%,transparent 100%)}
.hero__glow::before,.hero__glow::after{filter:blur(100px)}
.hero__glow::before{width:min(1650px,125vw);height:720px;top:53%;opacity:.92;background:radial-gradient(ellipse at center,rgba(76,58,138,.47) 0%,rgba(45,29,82,.28) 35%,rgba(26,16,45,.12) 57%,transparent 76%)}
.hero__glow::after{width:min(980px,90vw);height:480px;opacity:.65;background:radial-gradient(ellipse at center,rgba(97,75,178,.24),rgba(45,29,82,.12) 50%,transparent 74%)}

/* hustle section */
.section--hustles{position:relative;background:linear-gradient(180deg,#080808 0%,#09090A 100%)}
.section--hustles::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
.hustle-grid{gap:20px}
.card{position:relative;overflow:hidden;min-height:284px;padding:32px;border-radius:16px;background:linear-gradient(145deg,#121214 0%,#0E0E10 100%);border-color:#24242A;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .25s,transform .25s,background .25s,box-shadow .25s}
.card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at 0 0,rgba(255,255,255,.035),transparent 35%)}
.card::after{position:absolute;right:24px;bottom:-25px;font-family:var(--display);font-size:108px;font-weight:800;line-height:1;color:rgba(255,255,255,.024);pointer-events:none}
.hustle-grid .card:nth-child(1)::after{content:"01"}.hustle-grid .card:nth-child(2)::after{content:"02"}.hustle-grid .card:nth-child(3)::after{content:"03"}.hustle-grid .card:nth-child(4)::after{content:"04"}.hustle-grid .card:nth-child(5)::after{content:"05"}.hustle-grid .card:nth-child(6)::after{content:"06"}
.card__top,.card__body,.card__foot{position:relative;z-index:1}
.card h3{font-family:var(--display);font-size:20px;letter-spacing:.01em}
.card p{font-size:16px;line-height:1.6}
.card--live{border-color:rgba(47,191,113,.40);background:linear-gradient(145deg,rgba(16,25,21,.96),#0D0F0E 62%)}
.card--live::before{background:radial-gradient(580px circle at 0 0,rgba(47,191,113,.10),transparent 42%)}
.card--live:hover{transform:translateY(-4px);border-color:rgba(47,191,113,.72);box-shadow:0 18px 50px rgba(0,0,0,.22),0 0 0 1px rgba(47,191,113,.06) inset}
.card--soon{opacity:.86}
.card--soon:hover{opacity:1;transform:translateY(-3px);border-color:#34343C;background:linear-gradient(145deg,#141416,#101012)}
.card--live .card__lead{font-size:28px;font-family:var(--display);letter-spacing:-.035em}

/* scam section — distinct without red alarmism */
.band--signals{position:relative;overflow:hidden;background:linear-gradient(180deg,#0B0B0D,#0A0A0B);border-color:#242128}
.band--signals::before{content:"";position:absolute;inset:-120px auto auto -80px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(242,169,59,.06),transparent 66%);pointer-events:none}
.band__in{position:relative;z-index:1;gap:clamp(54px,6vw,100px)}
.band h2{font-size:clamp(44px,5.4vw,76px)}
.signals{gap:12px}
.signal{padding:16px 18px;border-color:#26242A;background:linear-gradient(90deg,rgba(242,169,59,.028),#101012);border-radius:12px}
.signal::before{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px rgba(242,169,59,.06)}

/* lead capture — feels like a product */
.capture{padding:clamp(40px,4vw,68px);border-radius:22px;border-color:#2B2833;background:linear-gradient(135deg,#131216 0%,#0F0F11 66%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 90px rgba(0,0,0,.18)}
.capture::before{content:"FREE TOOLKIT";position:absolute;right:32px;top:28px;color:#71697E;font-size:10px;font-weight:700;letter-spacing:.18em}
.capture::after{right:-80px;top:-220px;width:620px;height:620px;background:radial-gradient(closest-side,rgba(76,58,138,.23),transparent 72%)}
.toolkit-list{gap:12px 22px}
.toolkit-list li{color:#DCD8DE}
.toolkit-list li::before{width:7px;height:7px;box-shadow:0 0 0 4px rgba(47,191,113,.07)}
.field{background:#09090A;border-color:#2A2930}
.form__row .btn{flex:none}
.capture--sm{border-radius:18px;background:#0F0F11;box-shadow:none}
.capture--sm::before{display:none}

/* inner pages — carry the same atmosphere */
.page-hero{position:relative;overflow:hidden;padding:clamp(88px,8vw,130px) 0 clamp(64px,6vw,92px);background:radial-gradient(850px 420px at 20% 30%,rgba(76,58,138,.14),transparent 68%);border-bottom-color:rgba(255,255,255,.07)}
.page-hero h1{font-family:var(--display);font-size:clamp(58px,8.4vw,118px);letter-spacing:-.06em}
.score,.tool,.article,.check label,.check-result,.calc,.toc a{background:linear-gradient(145deg,#121214,#0F0F11);border-color:#26262C}
.guide{border-top-color:#222227}
.prose .callout{background:#111113}

/* footer */
.footer{background:#070707;border-top-color:#1E1E22;padding-top:58px}
.footer__tag{margin-top:28px}

@media (max-width:1100px){
  .hero__title{font-size:clamp(68px,11vw,118px)}
}
@media (max-width:820px){
  .hero__in{padding-inline:24px}
  .capture::before{display:none}
}
@media (max-width:600px){
  .hero{min-height:auto}
  .hero__in{padding:88px 24px 96px}
  .hero__title{font-size:clamp(52px,18vw,78px);line-height:.88}
  .hero__tag{font-size:clamp(24px,8vw,34px);margin-top:28px}
  .hero__sub{font-size:16px}
  .hero__eyebrow{margin-bottom:20px}
  .hero__grid{background-size:48px 48px}
  .card{min-height:230px;padding:26px}
  .card::after{font-size:86px}
  .section-head{margin-bottom:34px}
  .capture{padding:32px 24px}
}

/* ============================================================
   V3 — scan-first homepage, live quiz, category previews
   ============================================================ */
.wrap{max-width:1480px}
.nav__links{display:flex;align-items:center;gap:28px}
.nav__link--quiz{color:var(--text)}
.hero--clean .hero__in{padding-top:64px;padding-bottom:78px}
.hero--clean .hero__tag{max-width:24ch;margin-left:auto;margin-right:auto;font-size:clamp(24px,3vw,38px)}
.hero--clean .hero__sub{max-width:42ch}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:34px}
.section--tight{padding:78px 0}
.section-head--row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}
.lede--short{max-width:34ch;margin:0;text-align:right}
.section-kicker{display:inline-block;color:var(--muted-2);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}
.section-kicker--amber{color:var(--amber)}
.hustle-grid--compact{gap:14px}
.card--compact{min-height:205px;padding:24px;overflow:hidden;position:relative}
.card--compact .card__top{margin-bottom:32px}
.card--compact .card__lead{font-size:24px;margin:0}
.card--compact p{font-size:16px;max-width:31ch}
.card--compact .card__foot{margin-top:auto;padding-top:24px}
.card--compact::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;bottom:-110px;background:radial-gradient(circle,rgba(76,58,138,.12),transparent 68%);pointer-events:none}
.card--live.card--compact::after{background:radial-gradient(circle,rgba(47,191,113,.12),transparent 68%)}
.split-cta{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:38px;min-height:290px;display:flex;flex-direction:column;align-items:flex-start}
.mini-panel--purple{background:linear-gradient(145deg,rgba(76,58,138,.18),var(--card) 58%)}
.mini-panel h2{font-size:clamp(28px,3vw,42px);max-width:12ch}
.mini-panel p{color:var(--muted);margin-top:14px;max-width:42ch}
.mini-panel .btn{margin-top:auto}
.capture--simple{grid-template-columns:1fr 1fr;padding:36px 40px}
.capture--simple h2{font-size:clamp(26px,3vw,38px)}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.about-grid .mini-panel{min-height:330px}
.about-grid .mini-panel h2{font-size:30px}

/* category preview pages */
.coming-page{position:relative;min-height:calc(100svh - var(--nav-h));display:flex;align-items:center;overflow:hidden}
.coming-page__inner{position:relative;width:100%;padding-top:80px;padding-bottom:100px}
.coming-page h1{font-size:clamp(54px,9vw,120px);line-height:.92;letter-spacing:-.045em;margin-top:22px;max-width:11ch}
.coming-page__tag{font-size:clamp(22px,3vw,34px);font-weight:600;letter-spacing:-.025em;margin-top:26px;max-width:24ch}
.coming-page__copy{color:var(--muted);font-size:17px;max-width:55ch;margin-top:16px}
.coming-page__actions{display:flex;gap:12px;margin-top:34px}
.waitlist-inline{max-width:620px;margin-top:64px;padding-top:30px;border-top:1px solid var(--line)}
.waitlist-inline label{color:var(--text);font-weight:600}

/* quiz */
.quiz-hero{padding:74px 0 110px}
.quiz-shell{max-width:1040px}
.quiz-intro{max-width:760px;margin-bottom:46px}
.quiz-intro h1{font-size:clamp(50px,8vw,94px);letter-spacing:-.045em;line-height:.95}
.quiz-intro p{color:var(--muted);font-size:18px;max-width:55ch;margin-top:18px}
.quiz-form{display:grid;gap:14px}
.quiz-q{margin:0;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:28px}
.quiz-q legend{padding:0 6px;font-weight:700;font-size:20px;letter-spacing:-.02em}
.quiz-q legend span{color:var(--purple-hover);font-size:13px;letter-spacing:.08em;margin-right:8px}
.quiz-q label{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:13px 14px;margin-top:9px;color:var(--muted);cursor:pointer;transition:border-color .16s,background .16s,color .16s}
.quiz-q label:hover{border-color:#3b3b3b;color:var(--text)}
.quiz-q label:has(input:checked){border-color:rgba(76,58,138,.85);background:rgba(76,58,138,.12);color:var(--text)}
.quiz-q input{accent-color:var(--purple-hover);width:17px;height:17px}
.quiz-submit{display:flex;align-items:center;gap:18px;padding-top:12px}
.quiz-error{color:var(--red);font-size:14px}
.quiz-result{margin-top:48px;padding:46px;border-radius:20px;border:1px solid rgba(76,58,138,.55);background:linear-gradient(145deg,rgba(76,58,138,.18),var(--card) 60%)}
.quiz-result h2{font-size:clamp(42px,7vw,76px);margin-top:8px}
.quiz-result__copy{color:var(--muted);font-size:19px;max-width:54ch;margin-top:14px}
.quiz-result__reasons{display:grid;gap:9px;margin-top:24px}
.quiz-result__reasons li{display:flex;gap:10px;align-items:center}
.quiz-result__reasons li::before{content:"✓";color:var(--green);font-weight:800}
.quiz-result__actions{display:flex;gap:12px;margin-top:32px}

@media(max-width:900px){
  .nav__links{gap:16px}
  .nav__links .nav__link:nth-child(1),.nav__links .nav__link:nth-child(2){display:none}
  .section-head--row{display:block}
  .lede--short{text-align:left;margin-top:12px}
  .grid--3,.about-grid{grid-template-columns:1fr 1fr}
  .split-cta{grid-template-columns:1fr}
  .capture--simple{grid-template-columns:1fr}
}
@media(max-width:620px){
  :root{--pad:20px}
  .brand{font-size:13px}
  .nav__links{gap:14px}
  .hero-actions,.coming-page__actions,.quiz-result__actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn,.coming-page__actions .btn,.quiz-result__actions .btn{width:100%}
  .grid--3,.about-grid{grid-template-columns:1fr}
  .card--compact{min-height:180px}
  .mini-panel{padding:28px;min-height:250px}
  .capture--simple{padding:28px 22px}
  .form__row{flex-direction:column}
  .form__row .btn{width:100%}
  .quiz-q{padding:22px 18px}
  .quiz-q legend{font-size:18px}
  .quiz-result{padding:28px 22px}
}


/* ============================================================
   V4 — danger-first Scam Filter + livelier site
   ============================================================ */
.nav__link--active{color:var(--text)}
.section-head--compact{max-width:760px}
.section-kicker--danger{color:#ff7b72}

.sf-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line-nav);background:radial-gradient(circle at 50% 35%,rgba(122,0,0,.18),transparent 34%),linear-gradient(180deg,#0b0b0d 0%,#0a0a0a 100%)}
.sf-hero__glow{position:absolute;inset:auto 0 8% 0;height:420px;background:radial-gradient(circle at 50% 50%,rgba(224,87,79,.18),rgba(224,87,79,0) 62%);filter:blur(34px);animation:sfPulse 8s ease-in-out infinite}
.sf-hero__noise{position:absolute;inset:0;background-image:linear-gradient(transparent 0,rgba(255,255,255,.02) 50%,transparent 100%);background-size:100% 6px;opacity:.18;pointer-events:none}
.sf-hero__in{position:relative;padding-top:82px;padding-bottom:86px;text-align:center}
.sf-chip{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(224,87,79,.4);background:rgba(224,87,79,.08);border-radius:999px;color:#ff8f86;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sf-hero h1{font-size:clamp(52px,8vw,102px);line-height:.92;letter-spacing:-.05em;max-width:12ch;margin:18px auto 0;text-wrap:balance}
.sf-hero__lede{font-size:20px;color:var(--muted);max-width:45ch;margin:22px auto 0}
.sf-hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px}
.sf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.sf-stat{padding:18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));text-align:left;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.sf-stat strong{display:block;color:#ff8f86;font-size:12px;letter-spacing:.15em;margin-bottom:8px}
.sf-stat span{display:block;font-size:15px;color:var(--text);line-height:1.5}
.btn--danger{background:linear-gradient(180deg,#e0574f,#b9453f);border:1px solid rgba(255,255,255,.05);color:#fff;box-shadow:0 14px 40px rgba(224,87,79,.22)}
.btn--danger:hover{transform:translateY(-2px);filter:brightness(1.05)}

.sf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.flag-card{position:relative;padding:24px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#121214,#111113);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.flag-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.flag-card--danger{border-color:rgba(224,87,79,.28);background:linear-gradient(180deg,rgba(224,87,79,.08),rgba(255,255,255,.01) 26%,#101012)}
.flag-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}
.flag-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(224,87,79,.12);border:1px solid rgba(224,87,79,.28);color:#ff8f86;font-size:16px;font-weight:800}
.flag-badge{color:#ff8f86;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.flag-card h3{font-size:22px;line-height:1.16;letter-spacing:-.02em;max-width:16ch}
.flag-card p{margin-top:12px;color:var(--muted);font-size:15px;max-width:34ch}

.sf-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini-panel--danger{background:linear-gradient(180deg,rgba(224,87,79,.1),rgba(255,255,255,.01) 26%,#111);border-color:rgba(224,87,79,.22)}
.danger-list,.good-list{display:grid;gap:10px;margin-top:20px}
.danger-list li,.good-list li{position:relative;padding-left:18px;color:var(--muted)}
.danger-list li::before,.good-list li::before{content:"";position:absolute;left:0;top:.68em;width:8px;height:8px;border-radius:999px;transform:translateY(-50%)}
.danger-list li::before{background:var(--red);box-shadow:0 0 0 5px rgba(224,87,79,.12)}
.good-list li::before{background:var(--green);box-shadow:0 0 0 5px rgba(47,191,113,.12)}

.sf-check-wrap{display:grid;grid-template-columns:370px 1fr;gap:18px;align-items:start}
.sf-check-side{position:sticky;top:96px}
.risk-meter{padding:24px;border-radius:18px;border:1px solid rgba(224,87,79,.2);background:linear-gradient(180deg,rgba(224,87,79,.08),rgba(255,255,255,.01) 22%,#111113)}
.risk-meter__label{font-size:11px;font-weight:700;letter-spacing:.14em;color:#ff8f86;text-transform:uppercase}
.risk-meter__bar{height:12px;border-radius:999px;background:#1b1b1f;margin-top:14px;overflow:hidden;border:1px solid #232328}
.risk-meter__bar span{display:block;width:0%;height:100%;background:linear-gradient(90deg,#ff8f86,#e0574f,#8b1f1a);transition:width .24s ease}
.risk-meter__score{font-size:14px;color:var(--muted);margin-top:12px}
.check-result--danger{margin-top:18px;padding:18px;border-radius:14px;border:1px solid rgba(224,87,79,.2);background:rgba(224,87,79,.05)}
.check-result--danger strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.check-result--danger p{margin-top:10px;color:var(--muted)}
.check--danger label{border-color:#22242a;background:linear-gradient(180deg,#121215,#101012);padding:16px 18px}
.check--danger label:hover{border-color:rgba(224,87,79,.45);transform:translateX(3px)}
.check--danger label:has(input:checked){border-color:rgba(224,87,79,.55);background:linear-gradient(180deg,rgba(224,87,79,.08),rgba(255,255,255,.01) 32%,#111113)}
.check--danger input{accent-color:var(--red);width:17px;height:17px;translate:0 1px}
.mini-band{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:center;padding:32px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#121214,#0f0f10)}
.mini-band__actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}

/* global liveliness */
.card,.mini-panel,.tool,.article,.flag-card,.mini-band,.risk-meter{box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.card:hover,.mini-panel:hover,.tool:hover,.article:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.btn{transition:transform .18s ease,background .18s,border-color .18s,color .18s,box-shadow .18s}
.btn:hover{transform:translateY(-1px)}
.nav{box-shadow:0 8px 30px rgba(0,0,0,.14)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

@keyframes sfPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}

@media(max-width:980px){
  .sf-grid,.sf-stats,.sf-two-col,.mini-band{grid-template-columns:1fr}
  .sf-check-wrap{grid-template-columns:1fr}
  .sf-check-side{position:static}
}
@media(max-width:720px){
  .sf-hero__lede{font-size:17px}
  .sf-hero__in{padding-top:64px;padding-bottom:64px}
  .sf-hero__actions{flex-direction:column;align-items:stretch}
  .sf-hero__actions .btn,.mini-band__actions .btn{width:100%}
}


/* ============================================================
   V5 — livelier premium interaction layer
   ============================================================ */
:root{
  --cursor-x:50vw;
  --cursor-y:50vh;
  --scroll-progress:0%;
}

body{
  position:relative;
  background:
    radial-gradient(circle at 50% -10%, rgba(76,58,138,.06), transparent 26%),
    var(--bg);
}

body > header,
body > main,
body > footer,
body > .skip{
  position:relative;
  z-index:2;
}

.ambient-cursor{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(420px circle at var(--cursor-x) var(--cursor-y),
      rgba(76,58,138,.09),
      rgba(76,58,138,.035) 32%,
      transparent 68%);
  opacity:.9;
  transition:opacity .25s ease;
}

.scroll-progress{
  position:fixed;
  left:0;
  top:var(--nav-h);
  width:var(--scroll-progress);
  height:2px;
  z-index:70;
  pointer-events:none;
  background:linear-gradient(90deg,var(--purple),#7b68c8,var(--amber));
  box-shadow:0 0 18px rgba(91,70,163,.45);
  transition:width .08s linear;
}

.nav{
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.is-scrolled .nav{
  background:rgba(8,8,10,.84);
  border-bottom-color:#2b2734;
  box-shadow:0 12px 38px rgba(0,0,0,.28);
}
.nav__link{
  position:relative;
}
.nav__link::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-7px;
  height:1px;
  background:linear-gradient(90deg,var(--purple-hover),#806ed3);
  transition:left .2s ease,right .2s ease;
}
.nav__link:hover::after,
.nav__link--active::after{
  left:0;
  right:0;
}

.hero,
.sf-hero,
.coming-page{
  isolation:isolate;
}
.hero::after,
.coming-page::after{
  content:"";
  position:absolute;
  width:74vw;
  max-width:1180px;
  height:1px;
  left:50%;
  bottom:10%;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(110,89,190,.38),transparent);
  box-shadow:0 0 55px rgba(76,58,138,.28);
  animation:breathLine 6s ease-in-out infinite;
  pointer-events:none;
}
.hero__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.7) 28%,rgba(0,0,0,.45) 72%,transparent);
  opacity:.22;
  animation:gridDrift 18s linear infinite;
}
.hero__title,
.page-hero h1,
.coming-page h1,
.sf-hero h1,
.quiz-intro h1{
  text-shadow:0 0 44px rgba(255,255,255,.025),0 18px 70px rgba(0,0,0,.28);
}
.hero__eyebrow,
.sf-chip{
  animation:softFloat 4s ease-in-out infinite;
}

.card,
.flag-card,
.tool,
.article,
.mini-panel,
.mini-band,
.capture,
.quiz-q{
  position:relative;
  overflow:hidden;
}
.card::before,
.flag-card::before,
.tool::before,
.article::before,
.mini-panel::before,
.quiz-q::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(250px circle at var(--hover-x,50%) var(--hover-y,50%),
      rgba(255,255,255,.065),
      transparent 58%);
  opacity:0;
  transition:opacity .22s ease;
}
.card:hover::before,
.flag-card:hover::before,
.tool:hover::before,
.article:hover::before,
.mini-panel:hover::before,
.quiz-q:hover::before{
  opacity:1;
}

.card,
.flag-card,
.tool,
.article,
.mini-panel,
.quiz-q,
.btn{
  will-change:transform;
}
.card:hover,
.flag-card:hover,
.tool:hover,
.article:hover,
.mini-panel:hover{
  transform:translateY(-4px);
}
.card--live:hover{
  box-shadow:0 18px 55px rgba(47,191,113,.10),0 18px 44px rgba(0,0,0,.24);
}
.flag-card--danger:hover{
  box-shadow:0 18px 55px rgba(224,87,79,.11),0 18px 44px rgba(0,0,0,.24);
}

.btn{
  position:relative;
  overflow:hidden;
}
.btn::before{
  content:"";
  position:absolute;
  top:-80%;
  left:-30%;
  width:36%;
  height:260%;
  transform:rotate(20deg) translateX(-220%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transition:transform .5s ease;
  pointer-events:none;
}
.btn:hover::before{
  transform:rotate(20deg) translateX(520%);
}
.btn--primary:hover{
  box-shadow:0 10px 32px rgba(76,58,138,.25);
}
.btn--danger:hover{
  box-shadow:0 12px 34px rgba(224,87,79,.28);
}

.section-head,
.capture,
.mini-band{
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.capture:hover,
.mini-band:hover{
  border-color:#34313d;
  box-shadow:0 20px 70px rgba(0,0,0,.18);
}

.status--live::before{
  animation:livePulse 2s ease-out infinite;
}
.status--soon{
  text-shadow:0 0 18px rgba(242,169,59,.10);
}

.quiz-q label{
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.quiz-q label:hover{
  transform:translateX(3px);
}
.quiz-q label:has(input:checked){
  box-shadow:0 8px 26px rgba(76,58,138,.12);
}

.risk-meter__bar span{
  box-shadow:0 0 20px rgba(224,87,79,.28);
}
.risk-meter[data-risk="4"]{
  animation:dangerPulse 1.7s ease-in-out infinite;
}

.reveal{
  opacity:0;
  transform:translateY(20px) scale(.992);
  transition:
    opacity .62s cubic-bezier(.2,.7,.2,1),
    transform .62s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--reveal-delay,0ms);
}
.reveal.in{
  opacity:1;
  transform:none;
}

@keyframes livePulse{
  0%{box-shadow:0 0 0 0 rgba(47,191,113,.34)}
  72%{box-shadow:0 0 0 8px rgba(47,191,113,0)}
  100%{box-shadow:0 0 0 0 rgba(47,191,113,0)}
}
@keyframes softFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes breathLine{
  0%,100%{opacity:.4;transform:translateX(-50%) scaleX(.88)}
  50%{opacity:1;transform:translateX(-50%) scaleX(1)}
}
@keyframes gridDrift{
  from{background-position:0 0,0 0}
  to{background-position:72px 72px,72px 72px}
}
@keyframes dangerPulse{
  0%,100%{box-shadow:0 0 0 rgba(224,87,79,0)}
  50%{box-shadow:0 0 40px rgba(224,87,79,.13)}
}

@media(max-width:900px){
  .ambient-cursor{display:none}
  .nav__link::after{display:none}
  .hero__grid{animation:none}
}
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.001ms !important;
  }
  .ambient-cursor{display:none}
}


/* ============================================================
   V6 — full hustle guides
   ============================================================ */
.card--guide{opacity:1}
.card--guide:hover{border-color:rgba(76,58,138,.72);background:linear-gradient(145deg,rgba(76,58,138,.10),#101012 54%);transform:translateY(-4px)}
.card--guide .status--live{color:#8c7bd0}
.card--guide .status--live::before{background:#8c7bd0;box-shadow:0 0 0 3px rgba(140,123,208,.14)}
.hustle-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(76,58,138,.05),transparent 55%)}
.hustle-hero__glow{position:absolute;inset:-180px -5% auto;height:620px;background:radial-gradient(ellipse at 50% 30%,rgba(76,58,138,.24),rgba(45,29,82,.10) 42%,transparent 72%);filter:blur(34px);pointer-events:none}
.hustle-hero__in{position:relative;padding-top:clamp(90px,9vw,140px);padding-bottom:clamp(78px,8vw,118px)}
.hustle-hero h1{font-family:var(--display);font-size:clamp(62px,10vw,148px);line-height:.88;letter-spacing:-.065em;margin-top:24px;max-width:12ch}
.hustle-hero__tag{font-family:var(--display);font-size:clamp(24px,3.2vw,44px);font-weight:650;letter-spacing:-.04em;line-height:1.08;max-width:24ch;margin-top:30px}
.hustle-hero__copy{color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.7;max-width:62ch;margin-top:18px}
.hustle-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

.hf-score{display:grid;grid-template-columns:.9fr 1.35fr;gap:56px;padding:36px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#121214,#0d0d0f);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.hf-score__head h2{font-size:clamp(32px,4vw,52px)}
.hf-score__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;align-content:center}
.hf-score__item>span{display:block;color:var(--muted);font-size:13px;margin-bottom:3px}
.hf-score__item>strong{font-family:var(--display);font-size:24px;letter-spacing:-.03em}
.hf-score__bar{display:flex;gap:5px;margin-top:10px}
.hf-score__bar i{height:5px;flex:1;border-radius:9px;background:#28282e}
.hf-score__bar i.on{background:linear-gradient(90deg,#4C3A8A,#6c57b3)}

.hf-models{display:grid;gap:14px}
.hf-model{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#121214,#0f0f11);transition:transform .2s,border-color .2s,box-shadow .2s}
.hf-model:hover{transform:translateY(-3px);border-color:#373340;box-shadow:0 22px 54px rgba(0,0,0,.18)}
.hf-model__n{font-family:var(--display);font-size:44px;font-weight:800;color:rgba(255,255,255,.07);line-height:1}
.hf-model h3{font-family:var(--display);font-size:28px;letter-spacing:-.035em;margin-top:10px}
.hf-model p{color:var(--muted);max-width:70ch;margin-top:8px}
.hf-model dl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 0}
.hf-model dl div{padding-top:14px;border-top:1px solid var(--line)}
.hf-model dt{color:var(--muted-2);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.hf-model dd{margin:5px 0 0;color:#d1ced4;font-size:14px;line-height:1.5}
.hf-chip{display:inline-flex;width:fit-content;padding:5px 8px;border:1px solid rgba(76,58,138,.42);border-radius:7px;color:#a393db;background:rgba(76,58,138,.08);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}

.hf-steps{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#101012}
.hf-step{padding:24px;min-height:220px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);transition:background .2s,transform .2s}
.hf-step:last-child{border-right:0}
.hf-step:hover{background:rgba(76,58,138,.07)}
.hf-step>span{color:#7f6fc1;font-size:12px;font-weight:700;letter-spacing:.12em}
.hf-step h3{font-family:var(--display);font-size:20px;margin-top:26px}
.hf-step p{color:var(--muted);font-size:14px;margin-top:10px;line-height:1.55}

.hf-verdict{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:32px;padding:42px;border:1px solid rgba(76,58,138,.36);border-radius:22px;background:linear-gradient(135deg,rgba(76,58,138,.14),#111113 46%,#0d0d0f)}
.hf-verdict h2{font-size:clamp(34px,4vw,56px);max-width:14ch}
.hf-verdict p{color:var(--muted);max-width:65ch;margin-top:14px;font-size:17px}
.hf-verdict__actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}

@media(max-width:1000px){
  .hf-score{grid-template-columns:1fr}
  .hf-model dl{grid-template-columns:1fr}
  .hf-steps{grid-template-columns:1fr 1fr}
  .hf-step{border-bottom:1px solid var(--line)}
  .hf-verdict{grid-template-columns:1fr}
  .hf-verdict__actions{justify-content:flex-start}
}
@media(max-width:640px){
  .hustle-hero__actions{flex-direction:column}
  .hustle-hero__actions .btn{width:100%}
  .hf-score{padding:25px}
  .hf-score__grid{grid-template-columns:1fr}
  .hf-model{grid-template-columns:1fr;padding:24px}
  .hf-model__n{font-size:30px}
  .hf-steps{grid-template-columns:1fr}
  .hf-step{min-height:0;border-right:0}
  .hf-verdict{padding:28px 22px}
  .hf-verdict__actions{flex-direction:column}
}


/* ============================================================
   V7 — monetization funnel
   ============================================================ */
.monetize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.monetize-grid--reselling{grid-template-columns:1.2fr .8fr}
.money-card{position:relative;display:flex;flex-direction:column;min-height:245px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#121214,#0e0e10);transition:transform .2s,border-color .2s,box-shadow .2s}
.money-card:hover{transform:translateY(-4px);border-color:#373340;box-shadow:0 20px 56px rgba(0,0,0,.2)}
.money-card>span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a393db}
.money-card h3{font-family:var(--display);font-size:30px;letter-spacing:-.04em;margin-top:14px}
.money-card p{color:var(--muted);margin-top:10px;max-width:34ch}
.money-card strong{margin-top:auto;padding-top:26px;font-size:14px}
.money-card--free{border-color:rgba(47,191,113,.28);background:linear-gradient(145deg,rgba(47,191,113,.07),#101012 48%)}
.money-card--free>span{color:var(--green)}
.money-card--paid{border-color:rgba(76,58,138,.5);background:linear-gradient(145deg,rgba(76,58,138,.18),#101012 50%)}

.worth-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.worth-panel{padding:32px;border:1px solid var(--line);border-radius:20px;background:#111113}
.worth-panel h2{font-size:clamp(28px,3.5vw,44px);max-width:15ch}
.worth-panel ul{display:grid;gap:10px;margin-top:24px}
.worth-panel li{position:relative;padding-left:22px;color:var(--muted)}
.worth-panel li::before{position:absolute;left:0;top:0;font-weight:800}
.worth-panel--good{border-color:rgba(47,191,113,.25);background:linear-gradient(145deg,rgba(47,191,113,.08),#111113 46%)}
.worth-panel--good li::before{content:"✓";color:var(--green)}
.worth-panel--bad{border-color:rgba(224,87,79,.25);background:linear-gradient(145deg,rgba(224,87,79,.08),#111113 46%)}
.worth-panel--bad li::before{content:"✕";color:var(--red)}

.product-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line-nav);padding:clamp(88px,9vw,138px) 0}
.product-orb{position:absolute;right:-12vw;top:-22vw;width:62vw;height:62vw;border-radius:50%;background:radial-gradient(circle,rgba(76,58,138,.26),rgba(76,58,138,.08) 35%,transparent 67%);filter:blur(28px);pointer-events:none}
.product-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}
.product-hero h1{font-family:var(--display);font-size:clamp(64px,9.5vw,132px);line-height:.88;letter-spacing:-.06em;margin-top:22px;max-width:7ch}
.product-hero__tag{font-family:var(--display);font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.04em;max-width:18ch;margin-top:28px}
.product-hero__copy{color:var(--muted);font-size:18px;line-height:1.65;max-width:58ch;margin-top:18px}
.product-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.product-badge{display:inline-flex;padding:8px 11px;border-radius:999px;border:1px solid rgba(76,58,138,.45);background:rgba(76,58,138,.1);color:#a393db;font-size:11px;font-weight:800;letter-spacing:.12em}
.product-badge--green{border-color:rgba(47,191,113,.4);background:rgba(47,191,113,.08);color:#72d8a2}
.product-preview{padding:28px;border:1px solid rgba(76,58,138,.35);border-radius:22px;background:linear-gradient(145deg,rgba(76,58,138,.12),#111113 42%);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.product-list{display:grid;gap:0;margin-top:18px}
.product-list li{padding:17px 0;border-bottom:1px solid var(--line)}
.product-list li:last-child{border-bottom:0}
.product-list strong,.product-list span{display:block}
.product-list strong{font-size:15px}
.product-list span{color:var(--muted);font-size:14px;margin-top:4px;line-height:1.45}
.checkout-note{color:var(--amber);font-size:13px;margin-top:12px;min-height:1.4em}

.quiz-result__email{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center;margin-top:30px;padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015)}
.quiz-result__email strong{font-size:17px}
.quiz-result__email p{color:var(--muted);font-size:14px;margin-top:4px}

.monetized-tool{border-color:rgba(76,58,138,.25)}

@media(max-width:900px){
  .monetize-grid,.monetize-grid--reselling,.worth-grid,.product-hero__grid,.quiz-result__email{grid-template-columns:1fr}
  .product-hero__grid{gap:42px}
}
@media(max-width:620px){
  .monetize-grid{grid-template-columns:1fr}
  .money-card{min-height:220px}
  .worth-panel{padding:26px}
  .product-actions{flex-direction:column}
  .product-actions .btn{width:100%}
}


/* ============================================================
   V8 — Audit Pro
   ============================================================ */
.audit-app{padding:90px 0 110px}
.audit-app__wrap{max-width:1080px}
.audit-app__intro{max-width:760px;margin-bottom:38px}
.audit-app__intro h1{font-size:clamp(48px,7vw,86px);line-height:.95;letter-spacing:-.05em}
.audit-app__intro p{color:var(--muted);font-size:18px;max-width:55ch;margin-top:14px}
.audit-pro-form{display:grid;gap:18px}
.audit-domain{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#121214,#0f0f11);overflow:hidden}
.audit-domain__head{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:26px 28px;border-bottom:1px solid var(--line);align-items:center}
.audit-domain__head>span{font-family:var(--display);font-size:38px;font-weight:800;color:rgba(255,255,255,.10)}
.audit-domain__head h2{font-size:30px;letter-spacing:-.035em}
.audit-domain__head p{color:var(--muted);margin-top:3px}
.audit-question{border:0;margin:0;padding:22px 28px;border-bottom:1px solid var(--line)}
.audit-question:last-child{border-bottom:0}
.audit-question legend{font-weight:650;margin-bottom:12px}
.audit-question label{display:flex;align-items:center;gap:10px;padding:11px 12px;margin-top:8px;border:1px solid #26262b;border-radius:10px;color:var(--muted);cursor:pointer;transition:.18s}
.audit-question label:hover{border-color:#3a3548;color:var(--text);transform:translateX(2px)}
.audit-question label:has(input:checked){border-color:rgba(76,58,138,.65);background:rgba(76,58,138,.10);color:var(--text)}
.audit-question input{accent-color:var(--purple-hover);width:17px;height:17px}
.audit-submit{display:flex;align-items:center;gap:16px;padding-top:10px}
.audit-error{color:var(--red);font-size:14px}
.audit-report{margin-top:62px}
.audit-report__hero{display:grid;grid-template-columns:230px 1fr;gap:34px;align-items:center;padding:34px;border:1px solid rgba(76,58,138,.38);border-radius:22px;background:linear-gradient(145deg,rgba(76,58,138,.14),#111113 56%)}
.audit-score-ring{width:160px;height:160px;border-radius:50%;display:grid;place-content:center;text-align:center;margin-top:10px;border:12px solid rgba(76,58,138,.35);box-shadow:inset 0 0 34px rgba(76,58,138,.12),0 0 60px rgba(76,58,138,.08)}
.audit-score-ring strong{font-family:var(--display);font-size:54px;line-height:1}
.audit-score-ring span{color:var(--muted);font-size:13px}
.audit-report__hero h2{font-size:clamp(34px,5vw,58px)}
.audit-report__hero p{color:var(--muted);font-size:17px;max-width:58ch;margin-top:10px}
.audit-domain-scores{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}
.audit-mini-score{padding:18px;border:1px solid var(--line);border-radius:14px;background:#111113}
.audit-mini-score>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:12px}
.audit-mini-score span{color:var(--muted);font-size:12px}
.audit-mini-score strong{font-size:22px}
.audit-mini-score__bar{height:5px;background:#24242a;border-radius:8px;overflow:hidden;margin-top:10px}
.audit-mini-score__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#806ed3);border-radius:8px}
.audit-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.audit-report-panel{padding:28px;border:1px solid var(--line);border-radius:18px;background:#111113}
.audit-report-panel--danger{border-color:rgba(224,87,79,.22);background:linear-gradient(180deg,rgba(224,87,79,.06),#111113 35%)}
.audit-report-panel article{padding:16px 0;border-bottom:1px solid var(--line)}
.audit-report-panel article:last-child{border-bottom:0}
.audit-report-panel article strong{display:block}
.audit-report-panel article span{display:inline-block;color:#8e7fd1;font-size:11px;font-weight:800;letter-spacing:.12em;margin-right:8px}
.audit-report-panel article p{color:var(--muted);margin-top:7px}
.audit-plan{margin-top:16px}
.audit-plan>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
.audit-plan>div:last-child{border-bottom:0}
.audit-plan strong{color:#b2a5e3}
.audit-plan p{color:var(--muted)}
.audit-report__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:900px){
  .audit-report__hero{grid-template-columns:1fr}
  .audit-domain-scores{grid-template-columns:1fr 1fr}
  .audit-report-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .audit-domain__head{grid-template-columns:1fr}
  .audit-domain__head>span{font-size:26px}
  .audit-question{padding:20px}
  .audit-domain-scores{grid-template-columns:1fr}
  .audit-plan>div{grid-template-columns:1fr}
  .audit-report__actions{flex-direction:column}
  .audit-report__actions .btn{width:100%}
}
@media print{
  .nav,.footer,.audit-pro-form,.audit-app__intro,.audit-report__actions,.ambient-cursor,.scroll-progress{display:none!important}
  body{background:#fff!important;color:#111!important}
  .audit-report{margin-top:0}
  .audit-report__hero,.audit-mini-score,.audit-report-panel{background:#fff!important;color:#111!important;box-shadow:none!important}
  .audit-report__hero p,.audit-report-panel p,.audit-plan p,.audit-mini-score span{color:#444!important}
}


/* ============================================================
   V10 — homepage feedback pass
   Homepage only: clearer hierarchy, better type, quiz first.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");

.home-page{
  --home-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;
  --home-body:"Manrope",ui-sans-serif,system-ui,sans-serif;
  font-family:var(--home-body);
}
.home-page .brand,
.home-page .hero__title,
.home-page .hero__tag,
.home-page h2,
.home-page h3{
  font-family:var(--home-display);
}
.home-page .hero__title{
  font-size:clamp(76px,11vw,164px);
  line-height:.82;
  letter-spacing:-.072em;
  font-weight:700;
  text-shadow:0 18px 70px rgba(0,0,0,.3);
}
.home-page .hero__tag{
  font-size:clamp(32px,4vw,56px);
  font-weight:600;
  letter-spacing:-.052em;
  line-height:.98;
  max-width:15ch;
  margin-top:26px;
}
.home-page .hero__sub{
  max-width:54ch;
  font-size:18px;
  line-height:1.65;
  color:#b4b1b8;
}
.home-page .hero__eyebrow{
  color:#8adbaa;
}
.home-page .hero-actions{
  align-items:stretch;
  gap:12px;
}
.home-page .hero-quiz-btn{
  min-height:62px;
  padding:0 22px;
  display:grid;
  grid-template-columns:auto auto auto;
  gap:13px;
  align-items:center;
  background:linear-gradient(180deg,#624fb1,#4c3a8a);
  box-shadow:0 18px 46px rgba(76,58,138,.26);
}
.home-page .hero-quiz-btn span:first-child{
  font-size:16px;
  font-weight:700;
}
.home-page .hero-quiz-btn small{
  padding-left:13px;
  border-left:1px solid rgba(255,255,255,.22);
  color:#d3cee6;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
}
.home-page .hero-quiz-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 58px rgba(76,58,138,.34);
}

/* All six hustle live states use the same green language */
.home-page .hustle-grid .status--live,
.home-page .card--guide .status--live{
  color:var(--green)!important;
}
.home-page .hustle-grid .status--live::before,
.home-page .card--guide .status--live::before{
  background:var(--green)!important;
  box-shadow:0 0 0 3px rgba(47,191,113,.12)!important;
}
.home-page .hustle-grid .card--guide:hover,
.home-page .hustle-grid .card--live:hover{
  border-color:rgba(47,191,113,.46);
  background:linear-gradient(145deg,rgba(47,191,113,.07),#101012 54%);
  box-shadow:0 18px 55px rgba(47,191,113,.08),0 18px 44px rgba(0,0,0,.24);
}
.home-page .hustle-grid .card{
  min-height:255px;
}
.home-page .hustle-grid h3{
  letter-spacing:-.04em;
}

/* Quiz is now clearly the main choice */
.home-page .split-cta{
  grid-template-columns:1.35fr .65fr;
  gap:16px;
  align-items:stretch;
}
.home-page .mini-panel--quiz-main{
  position:relative;
  min-height:390px;
  padding:40px;
  overflow:hidden;
  border-color:rgba(76,58,138,.56);
  background:
    radial-gradient(circle at 88% 12%,rgba(91,70,163,.30),transparent 38%),
    linear-gradient(145deg,rgba(76,58,138,.15),#101012 55%);
}
.home-page .mini-panel--quiz-main::after{
  content:"?";
  position:absolute;
  right:26px;
  bottom:-54px;
  font-family:var(--home-display);
  font-size:220px;
  font-weight:700;
  line-height:1;
  color:rgba(255,255,255,.035);
  pointer-events:none;
}
.home-page .quiz-main__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.home-page .quiz-time{
  color:#a9a2bd;
  font-size:12px;
  font-weight:600;
}
.home-page .mini-panel--quiz-main h2{
  max-width:13ch;
  font-size:clamp(38px,5vw,66px);
  line-height:.98;
  margin-top:34px;
}
.home-page .mini-panel--quiz-main p{
  max-width:58ch;
  font-size:17px;
  color:#b4b1b8;
}
.home-page .quiz-main__btn{
  min-height:54px;
  margin-top:28px;
  padding-inline:22px;
  font-size:15px;
}

/* Scam filter must visually feel dangerous */
.home-page .mini-panel--scam{
  position:relative;
  min-height:390px;
  padding:34px;
  border-color:rgba(224,87,79,.45);
  background:
    radial-gradient(circle at 88% 8%,rgba(224,87,79,.21),transparent 40%),
    linear-gradient(160deg,rgba(224,87,79,.09),#111113 46%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.home-page .mini-panel--scam::before{
  content:"!";
  position:absolute;
  right:24px;
  top:10px;
  font-family:var(--home-display);
  font-size:110px;
  font-weight:700;
  line-height:1;
  color:rgba(224,87,79,.08);
  pointer-events:none;
}
.home-page .mini-panel--scam h2{
  max-width:10ch;
  font-size:clamp(32px,3.5vw,48px);
  line-height:.98;
  margin-top:34px;
}
.home-page .mini-panel--scam p{
  color:#b8a5a4;
}
.home-page .mini-panel--scam:hover{
  border-color:rgba(224,87,79,.68);
  box-shadow:0 20px 55px rgba(224,87,79,.09),0 18px 44px rgba(0,0,0,.22);
}
.home-page .mini-panel--scam .btn--danger{
  margin-top:25px;
}

/* Make the paid/free section self explanatory */
.home-page [data-monetization="home"]{
  background:linear-gradient(180deg,rgba(255,255,255,.008),transparent);
}
.home-page [data-monetization="home"] .section-head h2{
  font-size:clamp(36px,5vw,62px);
  max-width:14ch;
}
.home-page [data-monetization="home"] .money-card::before{
  opacity:.45;
}
.home-page [data-monetization="home"] .money-card--free{
  border-color:rgba(47,191,113,.36);
}
.home-page [data-monetization="home"] .money-card--paid{
  border-color:rgba(76,58,138,.50);
}

/* Keep the mouse/card lighting from the current design */
.home-page .card::before,
.home-page .mini-panel::before,
.home-page .money-card::before{
  background:
    radial-gradient(270px circle at var(--hover-x,50%) var(--hover-y,50%),
      rgba(255,255,255,.075),
      transparent 60%);
}

@media(max-width:900px){
  .home-page .split-cta{grid-template-columns:1fr}
  .home-page .mini-panel--quiz-main,
  .home-page .mini-panel--scam{min-height:auto}
}
@media(max-width:620px){
  .home-page .hero__title{font-size:clamp(64px,18vw,92px)}
  .home-page .hero__tag{font-size:34px}
  .home-page .hero__sub{font-size:16px}
  .home-page .hero-actions{flex-direction:column}
  .home-page .hero-actions .btn{width:100%}
  .home-page .hero-quiz-btn{grid-template-columns:1fr auto}
  .home-page .hero-quiz-btn small{display:none}
  .home-page .mini-panel--quiz-main,
  .home-page .mini-panel--scam{padding:28px}
}


/* ============================================================
   V11 — Bleam-inspired landing hero
   Clean centered hero + moving teal/blue light band + product preview
   ============================================================ */
.home-page .hero--landing{
  position:relative;
  min-height:auto;
  overflow:hidden;
  border-bottom:1px solid var(--line-nav);
  background:
    radial-gradient(circle at 50% 4%,rgba(76,58,138,.08),transparent 26%),
    #090909;
  isolation:isolate;
}
.home-page .hero--landing .hero__grid{
  inset:0;
  opacity:.13;
  background-size:68px 68px;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.38) 30%,rgba(0,0,0,.18) 64%,transparent 94%);
}
.home-page .hero__in--landing{
  position:relative;
  z-index:3;
  width:min(1160px,calc(100% - 44px));
  margin:0 auto;
  padding:82px 0 0;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.home-page .hero--landing .hero__eyebrow{
  margin:0 0 24px;
  color:#63d8c5;
  border-color:rgba(99,216,197,.26);
  background:rgba(99,216,197,.055);
}
.home-page .hero--landing .hero__title{
  max-width:980px;
  margin:0;
  font-size:clamp(58px,7.4vw,108px);
  line-height:.92;
  letter-spacing:-.066em;
  font-weight:700;
  text-wrap:balance;
}
.home-page .hero--landing .hero__sub{
  max-width:720px;
  margin:26px auto 0;
  color:#a9a6ae;
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.62;
}
.home-page .hero-actions--landing{
  margin-top:30px;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.home-page .hero-quiz-btn--landing{
  min-height:52px;
  display:inline-flex;
  grid-template-columns:none;
  padding:0 22px;
  gap:12px;
  background:linear-gradient(180deg,#56dac7,#39bfae);
  border-color:#56dac7;
  color:#08100f;
  box-shadow:0 12px 34px rgba(63,205,185,.16);
}
.home-page .hero-quiz-btn--landing span:first-child{
  font-size:14px;
  color:#08100f;
}
.home-page .hero-quiz-btn--landing:hover{
  background:linear-gradient(180deg,#68e6d4,#44cbb9);
  border-color:#68e6d4;
  box-shadow:0 15px 44px rgba(63,205,185,.24);
}

/* moving light band */
.home-page .landing-wave{
  position:absolute;
  z-index:1;
  left:-12%;
  right:-12%;
  top:315px;
  height:330px;
  pointer-events:none;
  overflow:visible;
  filter:blur(5px);
  opacity:.95;
}
.home-page .landing-wave::before,
.home-page .landing-wave::after,
.home-page .landing-wave span{
  content:"";
  position:absolute;
  inset:auto 0;
  height:160px;
  border-radius:50%;
  filter:blur(42px);
  transform-origin:center;
}
.home-page .landing-wave::before{
  top:66px;
  background:linear-gradient(90deg,
    transparent 2%,
    rgba(20,77,93,.05) 12%,
    rgba(22,133,148,.42) 30%,
    rgba(39,185,166,.44) 50%,
    rgba(34,128,155,.42) 72%,
    rgba(25,74,102,.05) 90%,
    transparent 98%);
  animation:hfWaveFloat 8s ease-in-out infinite alternate;
}
.home-page .landing-wave::after{
  top:116px;
  left:8%;
  right:8%;
  background:linear-gradient(90deg,
    transparent,
    rgba(55,94,190,.12) 20%,
    rgba(36,178,173,.28) 48%,
    rgba(73,74,177,.17) 78%,
    transparent);
  animation:hfWaveDrift 11s ease-in-out infinite alternate;
}
.home-page .landing-wave span:first-child{
  width:58%;
  left:-2%;
  top:112px;
  background:rgba(40,164,175,.18);
  animation:hfWaveBlobA 9s ease-in-out infinite alternate;
}
.home-page .landing-wave span:last-child{
  width:52%;
  left:50%;
  top:74px;
  background:rgba(50,199,166,.18);
  animation:hfWaveBlobB 10s ease-in-out infinite alternate;
}
@keyframes hfWaveFloat{
  0%{transform:translate3d(-3%,8px,0) scaleX(.96) rotate(-1deg)}
  50%{transform:translate3d(2%,-9px,0) scaleX(1.04) rotate(.7deg)}
  100%{transform:translate3d(5%,5px,0) scaleX(.99) rotate(-.3deg)}
}
@keyframes hfWaveDrift{
  0%{transform:translate3d(4%,8px,0) scaleX(.93)}
  100%{transform:translate3d(-5%,-4px,0) scaleX(1.06)}
}
@keyframes hfWaveBlobA{
  from{transform:translate3d(-4%,0,0) scale(.96)}
  to{transform:translate3d(12%,-18px,0) scale(1.08)}
}
@keyframes hfWaveBlobB{
  from{transform:translate3d(2%,-6px,0) scale(1.04)}
  to{transform:translate3d(-12%,13px,0) scale(.96)}
}

/* fake product preview */
.home-page .landing-preview{
  position:relative;
  z-index:4;
  width:min(860px,100%);
  margin-top:66px;
  border:1px solid rgba(255,255,255,.12);
  border-bottom:0;
  border-radius:16px 16px 0 0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%),
    rgba(10,10,11,.94);
  box-shadow:
    0 -1px 0 rgba(255,255,255,.025) inset,
    0 34px 90px rgba(0,0,0,.46),
    0 0 70px rgba(46,165,168,.08);
  backdrop-filter:blur(18px);
  overflow:hidden;
  text-align:left;
}
.home-page .landing-preview__top,
.home-page .landing-preview__footer{
  min-height:52px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.home-page .landing-preview__brand,
.home-page .landing-preview__step,
.home-page .landing-preview__footer{
  color:#77757d;
  font-size:11px;
  font-weight:650;
  letter-spacing:.045em;
}
.home-page .preview-dot{
  display:inline-block;
  width:8px;height:8px;
  border-radius:50%;
  margin-right:7px;
  background:#4bd4be;
  box-shadow:0 0 16px rgba(75,212,190,.52);
}
.home-page .landing-preview__body{
  min-height:330px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
}
.home-page .landing-preview__match{
  padding:38px 42px;
  border-right:1px solid rgba(255,255,255,.07);
}
.home-page .landing-preview__match .section-kicker{
  color:#5fd5c3;
}
.home-page .landing-preview__match h3{
  margin-top:16px;
  font-size:clamp(42px,5vw,64px);
  letter-spacing:-.055em;
}
.home-page .landing-preview__match p{
  max-width:42ch;
  margin-top:12px;
  color:#a8a5ac;
  line-height:1.58;
}
.home-page .preview-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:26px;
}
.home-page .preview-tags span{
  padding:7px 10px;
  border:1px solid #2c2c31;
  border-radius:999px;
  color:#a9a6ad;
  font-size:11px;
  background:rgba(255,255,255,.015);
}
.home-page .landing-preview__score{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px;
}
.home-page .fit-score{
  display:flex;
  align-items:flex-end;
  gap:8px;
}
.home-page .fit-score strong{
  font-family:var(--home-display);
  font-size:84px;
  line-height:.82;
  letter-spacing:-.07em;
  color:#f1eee8;
}
.home-page .fit-score span{
  color:#737078;
  font-size:13px;
}
.home-page .fit-bars{
  display:grid;
  gap:14px;
  margin-top:30px;
}
.home-page .fit-bars>div{
  display:grid;
  grid-template-columns:100px 1fr;
  gap:12px;
  align-items:center;
}
.home-page .fit-bars span{
  color:#8b8890;
  font-size:11px;
}
.home-page .fit-bars i{
  display:block;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:#212126;
}
.home-page .fit-bars b{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#3fcbb7,#6e6bd8);
}
.home-page .landing-preview__footer{
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:0;
}
.home-page .landing-preview__footer a{
  color:#62d7c4;
  font-weight:650;
}

/* Fade into next section cleanly */
.home-page .hero--landing + .section{
  position:relative;
  z-index:4;
  background:#0a0a0a;
}

@media(max-width:760px){
  .home-page .hero__in--landing{
    width:min(100% - 32px,1160px);
    padding-top:62px;
  }
  .home-page .hero--landing .hero__title{
    font-size:clamp(48px,13vw,72px);
  }
  .home-page .hero--landing .hero__sub{
    font-size:16px;
  }
  .home-page .landing-wave{
    top:330px;
    height:260px;
  }
  .home-page .landing-preview{
    margin-top:52px;
  }
  .home-page .landing-preview__body{
    grid-template-columns:1fr;
  }
  .home-page .landing-preview__match{
    padding:28px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .home-page .landing-preview__score{
    padding:28px;
  }
  .home-page .fit-score strong{font-size:68px}
  .home-page .landing-preview__footer{
    align-items:flex-start;
    flex-direction:column;
    padding:16px 20px;
  }
}
@media(prefers-reduced-motion:reduce){
  .home-page .landing-wave::before,
  .home-page .landing-wave::after,
  .home-page .landing-wave span{
    animation:none!important;
  }
}


/* ============================================================
   V12 — purple moving line field
   Replace teal blob band with layered animated purple lines
   ============================================================ */
.home-page .landing-wave{
  top:300px;
  height:360px;
  left:-8%;
  right:-8%;
  filter:none;
  opacity:1;
  overflow:hidden;
  pointer-events:none;
}
.home-page .landing-wave::before{
  content:"";
  position:absolute;
  inset:32px 0 20px;
  background:
    radial-gradient(ellipse at center,
      rgba(107,83,190,.26) 0%,
      rgba(76,58,138,.13) 36%,
      rgba(44,30,88,.05) 58%,
      transparent 76%);
  filter:blur(32px);
  animation:hfPurpleGlow 8s ease-in-out infinite alternate;
}
.home-page .landing-wave::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(151,124,255,.28),transparent);
  box-shadow:
    0 -34px 28px rgba(115,88,208,.12),
    0 34px 28px rgba(115,88,208,.12);
  opacity:.55;
}

.home-page .landing-wave span{
  position:absolute;
  left:-12%;
  width:124%;
  height:90px;
  border-radius:50%;
  border-top:1px solid rgba(145,116,246,.52);
  border-bottom:1px solid rgba(93,68,173,.13);
  filter:drop-shadow(0 0 10px rgba(102,76,192,.22));
  transform-origin:50% 50%;
  will-change:transform;
  background:transparent;
}
.home-page .landing-wave span:nth-child(1){
  top:72px;
  opacity:.40;
  transform:rotate(-2.2deg) scaleX(1.02);
  animation:hfLineOne 9s ease-in-out infinite alternate;
}
.home-page .landing-wave span:nth-child(2){
  top:118px;
  opacity:.70;
  border-top-color:rgba(158,130,255,.72);
  animation:hfLineTwo 11s ease-in-out infinite alternate;
}
.home-page .landing-wave span:nth-child(3){
  top:164px;
  opacity:.92;
  height:108px;
  border-top-color:rgba(166,138,255,.86);
  filter:drop-shadow(0 0 14px rgba(117,88,216,.32));
  animation:hfLineThree 8.5s ease-in-out infinite alternate;
}
.home-page .landing-wave span:nth-child(4){
  top:212px;
  opacity:.60;
  animation:hfLineFour 12s ease-in-out infinite alternate;
}
.home-page .landing-wave span:nth-child(5){
  top:255px;
  opacity:.28;
  transform:rotate(1.6deg) scaleX(.98);
  animation:hfLineFive 10s ease-in-out infinite alternate;
}

@keyframes hfPurpleGlow{
  0%{transform:translate3d(-3%,5px,0) scaleX(.96);opacity:.82}
  100%{transform:translate3d(4%,-8px,0) scaleX(1.05);opacity:1}
}
@keyframes hfLineOne{
  0%{transform:translate3d(-3%,9px,0) rotate(-2.1deg) scaleX(.98)}
  100%{transform:translate3d(4%,-8px,0) rotate(1.2deg) scaleX(1.04)}
}
@keyframes hfLineTwo{
  0%{transform:translate3d(5%,-6px,0) rotate(1.4deg) scaleX(1.04)}
  100%{transform:translate3d(-4%,12px,0) rotate(-1deg) scaleX(.99)}
}
@keyframes hfLineThree{
  0%{transform:translate3d(-2%,10px,0) rotate(-.8deg) scaleX(1.02)}
  50%{transform:translate3d(3%,-10px,0) rotate(.7deg) scaleX(1.06)}
  100%{transform:translate3d(-1%,4px,0) rotate(-.3deg) scaleX(1)}
}
@keyframes hfLineFour{
  0%{transform:translate3d(4%,6px,0) rotate(1.1deg) scaleX(.99)}
  100%{transform:translate3d(-5%,-11px,0) rotate(-1.4deg) scaleX(1.05)}
}
@keyframes hfLineFive{
  0%{transform:translate3d(-4%,-5px,0) rotate(-1.5deg) scaleX(1.03)}
  100%{transform:translate3d(5%,9px,0) rotate(1.3deg) scaleX(.98)}
}

/* Purple accent instead of teal in the hero */
.home-page .hero--landing .hero__eyebrow{
  color:#a994ff;
  border-color:rgba(133,103,226,.32);
  background:rgba(88,65,164,.08);
}
.home-page .hero-quiz-btn--landing{
  background:linear-gradient(180deg,#7058c9,#57419f);
  border-color:#7058c9;
  color:#fff;
  box-shadow:0 12px 34px rgba(87,65,159,.23);
}
.home-page .hero-quiz-btn--landing span:first-child{color:#fff}
.home-page .hero-quiz-btn--landing:hover{
  background:linear-gradient(180deg,#8068d7,#644eb3);
  border-color:#8068d7;
  box-shadow:0 16px 46px rgba(91,70,163,.32);
}
.home-page .landing-preview{
  box-shadow:
    0 -1px 0 rgba(255,255,255,.025) inset,
    0 34px 90px rgba(0,0,0,.46),
    0 0 72px rgba(88,65,164,.12);
}
.home-page .preview-dot{
  background:#8e75e8;
  box-shadow:0 0 16px rgba(142,117,232,.55);
}
.home-page .landing-preview__match .section-kicker,
.home-page .landing-preview__footer a{
  color:#a994ff;
}
.home-page .fit-bars b{
  background:linear-gradient(90deg,#6e56c4,#9a7ef2);
}

@media(max-width:760px){
  .home-page .landing-wave{
    top:320px;
    height:300px;
  }
  .home-page .landing-wave span:nth-child(1){top:50px}
  .home-page .landing-wave span:nth-child(2){top:92px}
  .home-page .landing-wave span:nth-child(3){top:134px}
  .home-page .landing-wave span:nth-child(4){top:176px}
  .home-page .landing-wave span:nth-child(5){top:218px}
}
@media(prefers-reduced-motion:reduce){
  .home-page .landing-wave::before,
  .home-page .landing-wave span{
    animation:none!important;
  }
}


/* ============================================================
   V13 — quiz v2 top 3
   Less obvious questions, trait-based matching, 3 result cards
   ============================================================ */
.quiz-page .quiz-hero--v2{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% -8%,rgba(76,58,138,.12),transparent 26%),
    var(--bg);
}
.quiz-page .quiz-shell--v2{
  max-width:1120px;
}
.quiz-page .quiz-intro--v2{
  max-width:850px;
  padding-top:82px;
  margin-bottom:34px;
}
.quiz-page .quiz-intro--v2 h1{
  font-family:"Space Grotesk",var(--display);
  font-size:clamp(58px,8vw,104px);
  line-height:.88;
  letter-spacing:-.07em;
}
.quiz-page .quiz-intro--v2>p{
  max-width:700px;
  color:#aaa7af;
  font-size:18px;
  line-height:1.62;
  margin-top:20px;
}
.quiz-progress{
  max-width:650px;
  margin-top:30px;
}
.quiz-progress__top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-bottom:9px;
  color:#74717a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.quiz-progress__bar{
  height:4px;
  overflow:hidden;
  border-radius:99px;
  background:#202025;
}
.quiz-progress__bar i{
  display:block;
  width:0;
  height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,#6f54c4,#a184ff);
  box-shadow:0 0 18px rgba(126,97,220,.28);
  transition:width .28s ease;
}

.quiz-form--v2{
  display:grid;
  gap:14px;
}
.quiz-page .quiz-form--v2 .quiz-q{
  padding:28px;
  border-radius:16px;
  background:
    radial-gradient(270px circle at var(--hover-x,50%) var(--hover-y,50%),rgba(76,58,138,.055),transparent 62%),
    linear-gradient(145deg,#121214,#0e0e10);
}
.quiz-page .quiz-form--v2 .quiz-q legend{
  width:100%;
  padding:0;
  font-family:var(--display);
  font-size:clamp(21px,2.4vw,29px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.quiz-page .quiz-form--v2 .quiz-q legend span{
  display:inline-flex;
  margin-right:10px;
  color:#7e69c6;
  font-size:12px;
  letter-spacing:.08em;
  vertical-align:middle;
}
.quiz-page .quiz-form--v2 .quiz-q label{
  padding:15px 16px;
  margin-top:9px;
  border-radius:10px;
  line-height:1.42;
  background:#0c0c0e;
  border-color:#29292e;
}
.quiz-page .quiz-form--v2 .quiz-q label:hover{
  transform:none;
  border-color:#3b354a;
  background:#101013;
}
.quiz-page .quiz-form--v2 .quiz-q label:has(input:checked){
  border-color:rgba(122,96,211,.72);
  background:linear-gradient(90deg,rgba(76,58,138,.15),rgba(76,58,138,.045));
  box-shadow:0 10px 28px rgba(76,58,138,.10);
}
.quiz-page .quiz-submit{
  padding:20px 0 90px;
}
.quiz-page .quiz-submit .btn{
  min-height:54px;
  padding-inline:24px;
  font-size:15px;
}

/* results */
.quiz-result--top3{
  padding:10px 0 100px;
}
.quiz-result__head{
  max-width:760px;
  margin-bottom:30px;
}
.quiz-result__head h2{
  font-family:"Space Grotesk",var(--display);
  font-size:clamp(48px,7vw,86px);
  line-height:.92;
  letter-spacing:-.06em;
  margin-top:9px;
}
.quiz-result__head>p{
  color:#95929a;
  font-size:17px;
  max-width:58ch;
  margin-top:14px;
}
.quiz-top3{
  display:grid;
  gap:20px;
}
.quiz-match-card{
  position:relative;
  display:block;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.023),transparent 18%),
    #0b0b0d;
  color:var(--text);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.quiz-match-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(340px circle at var(--hover-x,50%) var(--hover-y,50%),
      rgba(116,88,205,.14),
      transparent 64%);
  opacity:0;
  transition:opacity .22s ease;
}
.quiz-match-card:hover{
  transform:translateY(-4px);
  border-color:rgba(132,105,222,.54);
  box-shadow:0 30px 86px rgba(0,0,0,.34),0 0 55px rgba(76,58,138,.08);
}
.quiz-match-card:hover::before{opacity:1}
.quiz-match-card--rank-1{
  border-color:rgba(126,97,220,.34);
  box-shadow:0 28px 88px rgba(0,0,0,.32),0 0 68px rgba(76,58,138,.09);
}
.quiz-match-card__top,
.quiz-match-card__footer{
  min-height:52px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.quiz-match-card__top{
  border-bottom:1px solid rgba(255,255,255,.075);
}
.quiz-match-card__brand,
.quiz-match-card__rank,
.quiz-match-card__footer{
  color:#747179;
  font-size:11px;
  font-weight:700;
  letter-spacing:.045em;
}
.quiz-match-card__body{
  min-height:350px;
  display:grid;
  grid-template-columns:1.18fr .82fr;
}
.quiz-match-card__match{
  padding:40px 46px;
  border-right:1px solid rgba(255,255,255,.075);
}
.quiz-match-card__match .section-kicker{
  color:#a88cff;
}
.quiz-match-card__match h3{
  margin-top:18px;
  font-family:"Space Grotesk",var(--display);
  font-size:clamp(48px,6vw,78px);
  line-height:.9;
  letter-spacing:-.065em;
}
.quiz-match-card__match p{
  max-width:48ch;
  margin-top:18px;
  color:#a9a6ae;
  font-size:17px;
  line-height:1.6;
}
.quiz-match-card__score{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:38px;
}
.quiz-match-card .fit-score strong{
  font-family:"Space Grotesk",var(--display);
  font-size:clamp(68px,8vw,100px);
}
.quiz-match-card .fit-bars{
  margin-top:34px;
}
.quiz-match-card .fit-bars b{
  background:linear-gradient(90deg,#7659cf,#9c7aff);
}
.quiz-match-card__footer{
  min-height:64px;
  border-top:1px solid rgba(255,255,255,.075);
}
.quiz-match-card__footer strong{
  color:#b99fff;
  font-size:13px;
}
.quiz-match-card--rank-2,
.quiz-match-card--rank-3{
  background:#0a0a0c;
}
.quiz-match-card--rank-2 .quiz-match-card__body,
.quiz-match-card--rank-3 .quiz-match-card__body{
  min-height:300px;
}
.quiz-match-card--rank-2 .quiz-match-card__match h3,
.quiz-match-card--rank-3 .quiz-match-card__match h3{
  font-size:clamp(42px,5vw,64px);
}

.quiz-result--top3 .quiz-result__email{
  margin-top:30px;
}
.quiz-result--top3 .quiz-result__actions{
  margin-top:18px;
}

@media(max-width:760px){
  .quiz-page .quiz-intro--v2{padding-top:60px}
  .quiz-page .quiz-intro--v2>p{font-size:16px}
  .quiz-page .quiz-form--v2 .quiz-q{padding:22px}
  .quiz-match-card__body{
    grid-template-columns:1fr;
  }
  .quiz-match-card__match{
    padding:28px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.075);
  }
  .quiz-match-card__score{
    padding:28px;
  }
  .quiz-match-card__body,
  .quiz-match-card--rank-2 .quiz-match-card__body,
  .quiz-match-card--rank-3 .quiz-match-card__body{
    min-height:0;
  }
  .quiz-match-card__footer{
    align-items:flex-start;
    flex-direction:column;
    padding:16px 20px;
  }
}


/* V13b — quiz result primitives outside homepage scope */
.quiz-match-card .preview-dot{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  margin-right:7px;
  background:#8e75e8;
  box-shadow:0 0 16px rgba(142,117,232,.55);
}
.quiz-match-card .preview-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:26px;
}
.quiz-match-card .preview-tags span{
  padding:7px 10px;
  border:1px solid #2c2c31;
  border-radius:999px;
  color:#a9a6ad;
  font-size:11px;
  background:rgba(255,255,255,.015);
}
.quiz-match-card .fit-score{
  display:flex;
  align-items:flex-end;
  gap:8px;
}
.quiz-match-card .fit-score strong{
  line-height:.82;
  letter-spacing:-.07em;
  color:#f1eee8;
}
.quiz-match-card .fit-score span{
  color:#737078;
  font-size:13px;
  padding-bottom:7px;
}
.quiz-match-card .fit-bars{
  display:grid;
  gap:14px;
}
.quiz-match-card .fit-bars>div{
  display:grid;
  grid-template-columns:105px 1fr;
  gap:12px;
  align-items:center;
}
.quiz-match-card .fit-bars span{
  color:#8b8890;
  font-size:11px;
}
.quiz-match-card .fit-bars i{
  display:block;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:#212126;
}
.quiz-match-card .fit-bars b{
  display:block;
  height:100%;
  border-radius:999px;
}
@media(max-width:520px){
  .quiz-match-card .fit-bars>div{grid-template-columns:92px 1fr}
}


/* ============================================================
   V14 — My Hustle dashboard + HF Picks
   ============================================================ */
.btn--plan{
  background:rgba(47,191,113,.08);
  color:#7be0aa;
  border:1px solid rgba(47,191,113,.32);
}
.btn--plan:hover{
  background:rgba(47,191,113,.14);
  border-color:rgba(47,191,113,.52);
  color:#96ebba;
}
.dashboard-page{
  background:
    radial-gradient(circle at 78% -10%,rgba(76,58,138,.13),transparent 30%),
    var(--bg);
}
.dash-hero{
  padding:86px 0 34px;
  border-bottom:1px solid var(--line-nav);
}
.dash-hero__top{
  display:grid;
  grid-template-columns:1fr 260px;
  gap:36px;
  align-items:end;
}
.dash-hero h1{
  font-family:var(--display);
  font-size:clamp(58px,8vw,104px);
  line-height:.88;
  letter-spacing:-.065em;
  margin-top:10px;
}
.dash-hero p{
  max-width:62ch;
  color:var(--muted);
  font-size:17px;
  margin-top:16px;
}
.dash-progress-card{
  padding:22px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#111113;
}
.dash-progress-card>span{
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
}
.dash-progress-card>strong{
  display:block;
  margin-top:8px;
  font-family:var(--display);
  font-size:48px;
  line-height:1;
}
.dash-progress{
  height:6px;
  margin-top:16px;
  border-radius:999px;
  overflow:hidden;
  background:#25252a;
}
.dash-progress i{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,var(--purple),#8f77ed);
  border-radius:999px;
  transition:width .25s ease;
}
.dash-switcher{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:34px;
}
.dash-switcher button{
  appearance:none;
  border:1px solid #2b2b30;
  background:#0d0d0f;
  color:#8c8991;
  padding:9px 12px;
  border-radius:999px;
  font:inherit;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
  transition:.18s;
}
.dash-switcher button:hover,
.dash-switcher button.active{
  color:var(--text);
  border-color:rgba(76,58,138,.65);
  background:rgba(76,58,138,.13);
}
.dash-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);
  gap:18px;
  align-items:start;
}
.dash-side{
  display:grid;
  gap:18px;
  position:sticky;
  top:calc(var(--nav-h) + 18px);
}
.dash-panel{
  border:1px solid var(--line);
  border-radius:16px;
  background:
    radial-gradient(280px circle at var(--hover-x,50%) var(--hover-y,50%),rgba(76,58,138,.055),transparent 64%),
    #111113;
  padding:26px;
}
.dash-panel__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.dash-panel__head h2{
  font-size:clamp(32px,4vw,50px);
  line-height:.94;
  margin-top:7px;
}
.dash-counter{
  color:#85818a;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.dash-tasks{
  display:grid;
}
.dash-task{
  position:relative;
  display:grid;
  grid-template-columns:24px 1fr 28px;
  gap:13px;
  align-items:start;
  padding:18px 0;
  border-top:1px solid var(--line);
  cursor:pointer;
}
.dash-task:first-child{border-top:0}
.dash-task input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.dash-task__check{
  width:21px;
  height:21px;
  border:1px solid #44434a;
  border-radius:6px;
  margin-top:2px;
  display:grid;
  place-items:center;
}
.dash-task.done .dash-task__check{
  border-color:rgba(47,191,113,.54);
  background:rgba(47,191,113,.15);
}
.dash-task.done .dash-task__check::after{
  content:"✓";
  color:#78dca5;
  font-size:13px;
  font-weight:800;
}
.dash-task__body{
  display:grid;
  gap:4px;
}
.dash-task__body strong{
  font-size:15px;
}
.dash-task__body small{
  color:var(--muted);
  line-height:1.45;
}
.dash-task.done .dash-task__body{
  opacity:.52;
}
.dash-task.done .dash-task__body strong{
  text-decoration:line-through;
}
.dash-task>a{
  color:#737079;
  text-align:right;
}
.dash-task>a:hover{color:#b49cff}
.dash-next{
  border-color:rgba(76,58,138,.42);
  background:
    radial-gradient(circle at 88% 8%,rgba(76,58,138,.18),transparent 40%),
    #111113;
}
.dash-next h3{
  font-size:28px;
  line-height:1;
  margin-top:14px;
}
.dash-next p{
  color:var(--muted);
  margin-top:10px;
}
.dash-next .btn{
  margin-top:22px;
}
.dash-money{
  display:grid;
  gap:14px;
  margin-top:16px;
}
.dash-money label{
  display:grid;
  grid-template-columns:1fr auto 115px;
  gap:8px;
  align-items:center;
  color:var(--muted);
  font-size:13px;
}
.dash-money input{
  width:115px;
  min-height:42px;
  border:1px solid #2c2c31;
  border-radius:8px;
  background:#09090b;
  color:var(--text);
  padding:8px 10px;
  font:inherit;
}
.dash-money input:focus{
  outline:none;
  border-color:var(--purple-hover);
}
.dash-profit{
  display:flex;
  justify-content:space-between;
  align-items:end;
  border-top:1px solid var(--line);
  padding-top:14px;
}
.dash-profit span{color:var(--muted)}
.dash-profit strong{
  font-family:var(--display);
  font-size:30px;
}
.dash-profit strong[data-v="profit"]{color:#75dca4}
.dash-profit strong[data-v="loss"]{color:#e87770}
.dash-week{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.dash-week-card{
  min-height:230px;
  padding:24px;
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:14px;
  background:#111113;
  color:var(--text);
  transition:.2s;
}
.dash-week-card:hover{
  transform:translateY(-3px);
  border-color:#3d374b;
  box-shadow:0 20px 50px rgba(0,0,0,.22);
}
.dash-week-card>span{
  color:#7c68c1;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.dash-week-card h3{
  margin-top:30px;
  font-size:24px;
  line-height:1;
}
.dash-week-card p{
  color:var(--muted);
  margin-top:10px;
}
.dash-week-card strong{
  margin-top:auto;
  padding-top:22px;
  font-size:13px;
}
.hf-picks-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.hf-pick{
  position:relative;
  min-height:280px;
  padding:24px;
  display:flex;
  flex-direction:column;
  color:var(--text);
  border:1px solid var(--line);
  border-radius:14px;
  background:
    radial-gradient(260px circle at var(--hover-x,50%) var(--hover-y,50%),rgba(76,58,138,.07),transparent 64%),
    #111113;
  transition:.2s;
}
.hf-pick:hover{
  transform:translateY(-3px);
  border-color:rgba(76,58,138,.50);
  box-shadow:0 22px 55px rgba(0,0,0,.24);
}
.hf-pick__top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#79767f;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.hf-pick__badge{
  color:#b29bed;
}
.hf-pick h3{
  font-size:30px;
  margin-top:38px;
}
.hf-pick p{
  color:var(--muted);
  margin-top:10px;
}
.hf-pick>strong{
  margin-top:auto;
  padding-top:24px;
  font-size:13px;
}
.affiliate-note{
  margin-top:15px;
  color:#77747c;
  font-size:12px;
}
.affiliate-note a{color:#a48ce8}
.dash-return{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:40px;
  align-items:center;
  border:1px solid rgba(76,58,138,.35);
  border-radius:16px;
  padding:34px;
  background:
    radial-gradient(circle at 12% 0,rgba(76,58,138,.12),transparent 36%),
    #111113;
}
.dash-return h2{
  font-size:clamp(34px,4.7vw,58px);
  line-height:.95;
  margin-top:8px;
}
.dash-return p{
  color:var(--muted);
  max-width:58ch;
  margin-top:12px;
}
.dash-empty{
  padding:28px;
  border:1px dashed #313136;
  border-radius:12px;
  color:var(--muted);
}
.dash-empty strong{
  color:var(--text);
  display:block;
  margin-bottom:6px;
}
.dash-empty .btn{margin-top:18px}

@media(max-width:920px){
  .dash-hero__top,
  .dash-grid,
  .dash-return{grid-template-columns:1fr}
  .dash-side{position:static}
  .dash-week,
  .hf-picks-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .dash-hero{padding-top:60px}
  .dash-hero h1{font-size:58px}
  .dash-progress-card{max-width:none}
  .dash-switcher{flex-wrap:nowrap;overflow:auto;padding-bottom:6px}
  .dash-switcher button{white-space:nowrap}
  .dash-panel{padding:22px}
  .dash-task{grid-template-columns:22px 1fr}
  .dash-task>a{display:none}
  .dash-return{padding:26px}
}


/* ============================================================
   V15 — product retention, trust and sync
   ============================================================ */
.active-hustle-bar{
  position:sticky;
  top:var(--nav-h);
  z-index:45;
  border-bottom:1px solid rgba(76,58,138,.28);
  background:rgba(13,12,17,.94);
  backdrop-filter:blur(16px);
}
.active-hustle-bar__in{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.active-hustle-bar__in>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}
.active-hustle-bar span{
  font-size:9px;
  letter-spacing:.12em;
  color:#847b91;
  font-weight:800;
}
.active-hustle-bar strong{
  font-size:12px;
  white-space:nowrap;
}
.active-hustle-bar i{
  display:block;
  width:110px;
  height:4px;
  border-radius:99px;
  overflow:hidden;
  background:#29262f;
}
.active-hustle-bar i b{
  display:block;height:100%;background:linear-gradient(90deg,#5c469d,#9a7aec);border-radius:99px
}
.active-hustle-bar small{color:#77717f;font-size:10px}
.active-hustle-bar a{font-size:12px;color:#b7a4eb;font-weight:700;white-space:nowrap}

.product-loop__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.product-loop__grid article{
  position:relative;
  min-height:290px;
  display:flex;
  flex-direction:column;
  padding:28px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#101012;
}
.product-loop__grid article>span{
  color:#715bb2;font-size:11px;font-weight:800;letter-spacing:.1em
}
.product-loop__grid h3{
  font-size:34px;margin-top:36px;letter-spacing:-.04em
}
.product-loop__grid p{color:var(--muted);margin-top:10px;line-height:1.55}
.product-loop__grid a{margin-top:auto;padding-top:24px;font-size:13px;font-weight:700;color:#b5a0e9}

.method-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.method-card{
  min-height:310px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#101012;
}
.method-card>span{color:#705cb2;font-size:11px;font-weight:800;letter-spacing:.1em}
.method-card h2{font-size:32px;margin-top:44px}
.method-card p{color:var(--muted);line-height:1.6;margin-top:12px}
.method-rules{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
}
.method-rules>div{
  padding:28px;
  min-height:180px;
  background:#101012;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.method-rules>div:nth-child(2n){border-right:0}
.method-rules>div:nth-last-child(-n+2){border-bottom:0}
.method-rules strong{font-size:18px}
.method-rules p{color:var(--muted);margin-top:9px;line-height:1.55}

/* richer dashboard */
.dash-meta{
  display:flex;
  gap:10px;
  margin-top:26px;
  flex-wrap:wrap;
}
.dash-meta>div{
  min-width:135px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0d0d0f;
}
.dash-meta span{
  display:block;
  color:#77737d;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:800;
}
.dash-meta strong{
  display:block;
  margin-top:4px;
  font-size:14px;
}
.dash-next__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:22px;
}
.dash-next__actions .btn{margin-top:0}
.dash-blocked-help{
  margin-top:14px;
  padding:14px;
  border-left:3px solid #8b70df;
  background:rgba(76,58,138,.09);
  border-radius:8px;
  color:#b7b2bd;
  font-size:13px;
  line-height:1.5;
}
.profit-history{
  border-top:1px solid var(--line);
  margin-top:4px;
  padding-top:14px;
}
.profit-history__top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#7f7b84;
  font-size:11px;
}
.profit-history svg{
  display:block;
  width:100%;
  height:64px;
  margin-top:8px;
  overflow:visible;
}
.dash-focus{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px 36px;
  align-items:end;
  padding:30px;
  border:1px solid rgba(76,58,138,.32);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(76,58,138,.11),#101012 50%);
}
.dash-focus h2{font-size:clamp(32px,4vw,52px);margin-top:7px}
.dash-focus__buttons{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.dash-focus__buttons button{
  appearance:none;
  border:1px solid #36313f;
  background:#0c0c0e;
  color:#b0abb6;
  padding:10px 13px;
  border-radius:9px;
  cursor:pointer;
  font-weight:700;
}
.dash-focus__buttons button:hover{
  border-color:#765fc0;color:#fff;background:rgba(76,58,138,.12)
}
.dash-focus__result{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0c0c0e;
  color:#8f8a95;
}
.dash-focus__result strong{color:#b69ff0}
.dash-focus__result span{color:#b5b1b8}
.dash-focus__result a{margin-left:auto;color:#b69ff0;font-weight:700;font-size:12px;white-space:nowrap}
.dash-review{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
  align-items:center;
  padding:32px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#101012;
}
.dash-review h2{font-size:clamp(34px,4.5vw,58px);line-height:.95;margin-top:7px}
.dash-review p{color:var(--muted);margin-top:12px;max-width:50ch}
.dash-review-note{
  min-height:150px;
  height:auto;
  resize:vertical;
  padding:14px 16px;
  line-height:1.55;
}
.hf-pick__meta{
  display:grid;
  gap:10px;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.hf-pick__meta>div{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:10px;
}
.hf-pick__meta dt{
  color:#77737d;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}
.hf-pick__meta dd{
  margin:0;
  color:#aaa6af;
  font-size:12px;
  line-height:1.4;
}
.dash-upsell{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:28px;
  align-items:center;
  border:1px solid rgba(47,191,113,.22);
  border-radius:16px;
  padding:30px;
  background:
    radial-gradient(circle at 90% 10%,rgba(76,58,138,.12),transparent 38%),
    #101012;
}
.dash-upsell__copy h2{
  font-size:clamp(34px,4vw,54px);
  line-height:.95;
  margin-top:8px;
}
.dash-upsell__copy p{color:var(--muted);margin-top:12px}
.dash-upsell__cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.dash-upsell__cards .money-card{min-height:240px}

@media(max-width:900px){
  .product-loop__grid,.method-grid{grid-template-columns:1fr}
  .method-rules{grid-template-columns:1fr}
  .method-rules>div{border-right:0}
  .method-rules>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .method-rules>div:last-child{border-bottom:0}
  .dash-focus,.dash-review,.dash-upsell{grid-template-columns:1fr}
  .dash-focus__buttons{justify-content:flex-start}
  .dash-upsell__cards{grid-template-columns:1fr}
}
@media(max-width:620px){
  .active-hustle-bar i,.active-hustle-bar small{display:none}
  .active-hustle-bar strong{max-width:120px;overflow:hidden;text-overflow:ellipsis}
  .product-loop__grid article{min-height:230px}
  .dash-meta{display:grid;grid-template-columns:repeat(3,1fr)}
  .dash-meta>div{min-width:0;padding:10px}
  .dash-focus__result{align-items:flex-start;flex-direction:column}
  .dash-focus__result a{margin-left:0}
  .dash-review{padding:24px}
}


/* ============================================================
   V16 — practical hustle tools
   ============================================================ */
.practical-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:stretch;
}
.starter-scenario,
.quick-tool{
  padding:30px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#101012;
}
.starter-scenario{
  background:
    radial-gradient(circle at 90% 10%,rgba(47,191,113,.09),transparent 38%),
    #101012;
}
.starter-scenario h2,
.quick-tool h2{
  font-size:clamp(30px,4vw,48px);
  line-height:.96;
  margin-top:8px;
}
.starter-scenario p{
  color:var(--muted);
  margin-top:14px;
  max-width:52ch;
  line-height:1.6;
}
.starter-scenario .btn{
  margin-top:28px;
}
.quick-tool{
  background:
    radial-gradient(circle at 90% 10%,rgba(76,58,138,.12),transparent 40%),
    #101012;
}
.quick-tool__inputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}
.quick-tool__inputs label{
  display:grid;
  gap:7px;
  color:#8b8790;
  font-size:12px;
}
.quick-tool__inputs label:last-child:nth-child(odd){
  grid-column:1/-1;
}
.quick-tool__result{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.quick-tool__result>span{
  display:block;
  color:#77737d;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:800;
}
.quick-tool__result strong{
  display:block;
  margin-top:5px;
  font-family:var(--display);
  font-size:42px;
  letter-spacing:-.04em;
}
.quick-tool__result small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  line-height:1.45;
}
@media(max-width:800px){
  .practical-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .quick-tool__inputs{grid-template-columns:1fr}
  .quick-tool__inputs label:last-child:nth-child(odd){grid-column:auto}
}


/* ============================================================
   V17 — quiz to plan bridge
   ============================================================ */
.quiz-plan-bridge{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  padding:30px;
  border:1px solid rgba(47,191,113,.26);
  border-radius:16px;
  background:
    radial-gradient(circle at 88% 12%,rgba(47,191,113,.08),transparent 34%),
    linear-gradient(145deg,rgba(76,58,138,.08),#101012 50%);
}
.quiz-plan-bridge h3{
  font-size:clamp(28px,4vw,48px);
  line-height:.96;
  margin-top:7px;
}
.quiz-plan-bridge h3 span{color:#8f76db}
.quiz-plan-bridge p{
  color:var(--muted);
  margin-top:11px;
  max-width:60ch;
  line-height:1.55;
}
.quiz-plan-bridge__meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:17px;
}
.quiz-plan-bridge__meta span{
  padding:6px 9px;
  border:1px solid #2e2d33;
  border-radius:999px;
  color:#8d8992;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.quiz-plan-bridge .btn{
  min-width:220px;
  justify-content:center;
}
@media(max-width:760px){
  .quiz-plan-bridge{grid-template-columns:1fr;padding:24px}
  .quiz-plan-bridge .btn{width:100%}
}


/* ============================================================
   V18 — visual-first homepage
   Less copy, more icon-led scanning
   ============================================================ */
.hf-icon-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}
.icon{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}
.icon--xs{width:15px;height:15px}
.icon--lg{width:42px;height:42px}

.home-page .section{
  padding-top:82px;
  padding-bottom:82px;
}
.home-page .section + .section{
  padding-top:34px;
}
.home-section-head{
  margin-bottom:28px!important;
}
.home-page .hero--landing .hero__sub{
  max-width:520px;
  font-size:18px;
  line-height:1.45;
}
.home-page .hero--landing .hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.home-page .landing-preview__match p{
  max-width:34ch;
  font-size:14px;
  line-height:1.5;
}

/* three visual steps */
.product-loop__grid--icons .visual-step{
  position:relative;
  min-height:230px;
  display:flex;
  flex-direction:column;
  padding:24px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#101012;
  color:var(--text);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.product-loop__grid--icons .visual-step:hover{
  transform:translateY(-3px);
  border-color:rgba(106,83,182,.46);
  background:#121116;
}
.visual-step__icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#a48cea;
  background:linear-gradient(145deg,rgba(100,76,171,.20),rgba(76,58,138,.06));
  border:1px solid rgba(112,86,188,.28);
}
.product-loop__grid--icons .visual-step>span{
  margin-top:22px;
  color:#665a79;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.product-loop__grid--icons h3{
  margin-top:7px;
  font-size:30px;
}
.product-loop__grid--icons p{
  margin-top:6px;
  color:#8f8b94;
  font-size:14px;
}
.product-loop__grid--icons strong{
  margin-top:auto;
  padding-top:20px;
  font-size:12px;
  color:#b39de9;
}

/* visual hustle cards */
.home-page .hustle-grid{
  gap:12px;
}
.home-page .hustle-icon-card{
  min-height:220px;
  padding:22px;
}
.hustle-icon-card__icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#a08ae0;
  background:rgba(76,58,138,.09);
  border:1px solid rgba(95,74,159,.25);
  margin-bottom:28px;
}
.home-page .hustle-icon-card .card__top{
  margin-bottom:8px;
}
.home-page .hustle-icon-card h3{
  font-size:17px;
}
.home-page .hustle-icon-card>p{
  color:#8f8b94;
  font-size:13px;
  line-height:1.35;
}
.home-page .hustle-icon-card .card__foot{
  margin-top:auto;
  padding-top:18px;
}

/* visual CTA pair */
.split-cta--visual{
  grid-template-columns:1.15fr .85fr;
}
.visual-cta{
  display:flex;
  flex-direction:column;
  min-height:320px;
  color:var(--text);
  padding:30px;
}
.visual-cta__icon{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#aa93ef;
  background:rgba(76,58,138,.10);
  border:1px solid rgba(102,78,174,.28);
  margin-bottom:38px;
}
.visual-cta h2{
  max-width:11ch;
  font-size:clamp(34px,4vw,54px);
  line-height:.94;
}
.visual-cta p{
  max-width:34ch;
  margin-top:10px;
  color:#92909a;
  font-size:14px;
}
.visual-cta>strong{
  margin-top:auto;
  padding-top:28px;
  color:#b59fe9;
  font-size:13px;
}
.mini-panel--dashboard{
  border-color:rgba(76,58,138,.38);
  background:
    radial-gradient(circle at 86% 14%,rgba(76,58,138,.16),transparent 38%),
    #101012;
}
.visual-cta--danger .visual-cta__icon{
  color:#ef8078;
  background:rgba(224,87,79,.08);
  border-color:rgba(224,87,79,.28);
}
.visual-cta--danger>strong{color:#ef8078}
.visual-cta--danger h2{max-width:8ch}

/* simplified offer cards */
.home-page .money-card--visual{
  min-height:210px;
  padding:22px;
}
.money-card__icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#a38cdf;
  background:rgba(76,58,138,.09);
  border:1px solid rgba(92,71,155,.25);
  margin-bottom:24px;
}
.home-page .money-card--visual>span{
  position:absolute;
  top:22px;
  right:22px;
}
.home-page .money-card--visual h3{
  margin-top:0;
  font-size:24px;
}
.home-page .money-card--visual strong{
  margin-top:auto;
}

/* email strip */
.home-page .capture--simple{
  padding:30px 34px;
  gap:34px;
}
.capture__visual-copy{
  display:flex;
  align-items:center;
  gap:18px;
}
.capture__icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  flex:none;
  color:#a28ae3;
  border:1px solid rgba(99,77,166,.28);
  border-radius:14px;
  background:rgba(76,58,138,.08);
}
.home-page .capture--simple h2{
  font-size:clamp(24px,3vw,34px);
}
.home-page .capture--simple .muted{
  margin-top:4px;
  font-size:13px;
}

/* kill unnecessary visual density */
.home-page .section-kicker{
  margin-bottom:10px;
}
.home-page .lede--short{
  max-width:34ch;
}
.home-page [data-monetization="home"] .section-head h2{
  max-width:none;
  font-size:clamp(34px,4.5vw,54px);
}

@media(max-width:900px){
  .split-cta--visual{grid-template-columns:1fr}
  .visual-cta{min-height:260px}
}
@media(max-width:620px){
  .home-page .section{padding-top:58px;padding-bottom:58px}
  .product-loop__grid--icons .visual-step{min-height:190px}
  .home-page .hustle-icon-card{min-height:190px}
  .visual-cta{min-height:240px;padding:24px}
  .visual-cta__icon{margin-bottom:28px}
  .capture__visual-copy{align-items:flex-start}
}


/* ============================================================
   V20 — conversion-first simplification
   Less reading, clearer routes to useful tools and paid offers
   ============================================================ */
.home-page .section--micro{
  padding-top:28px;
  padding-bottom:58px;
}
.home-page .home-money-paths{
  padding-inline:0;
}
.home-page .mini-panel--tools{
  border-color:rgba(47,191,113,.28);
  background:
    radial-gradient(circle at 82% 12%,rgba(47,191,113,.10),transparent 36%),
    #101012;
}
.home-page .mini-panel--tools .visual-cta__icon{
  color:#6fd49c;
  background:rgba(47,191,113,.07);
  border-color:rgba(47,191,113,.22);
}
.home-page .mini-panel--tools>strong{
  color:#82dda9;
}
.home-page [data-monetization="home"]{
  padding-top:54px;
}
.home-page [data-monetization="home"] .money-card--visual{
  min-height:190px;
}
.home-page [data-monetization="home"] .money-card--visual h3{
  max-width:12ch;
  font-size:22px;
}
.home-page [data-monetization="home"] .money-card--visual strong{
  font-size:13px;
}
.home-page .capture--simple{
  padding-top:22px;
  padding-bottom:22px;
}
.home-page .capture--simple h2{
  font-size:24px;
}

/* Dashboard puts monetizable recommendations directly after the core plan */
.dashboard-page .dash-commerce{
  padding-top:34px;
}
.dash-commerce__head{
  margin-bottom:22px;
}
.dash-commerce__head h2{
  font-size:clamp(36px,4.6vw,58px);
}
.dash-commerce__method{
  color:#9187a1;
  font-size:12px;
  font-weight:700;
}
.dashboard-page .hf-pick{
  min-height:250px;
}
.dashboard-page .hf-pick h3{
  margin-top:24px;
}
.dashboard-page .hf-pick__meta{
  margin-top:14px;
}
.dashboard-page .dash-upsell{
  margin-top:-10px;
}
.dash-more{
  border:1px solid #29292e;
  border-radius:14px;
  background:#0d0d0f;
}
.dash-more>summary{
  min-height:72px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
}
.dash-more>summary::-webkit-details-marker{display:none}
.dash-more>summary span{
  font-size:15px;
  font-weight:700;
}
.dash-more>summary small{
  color:#77737d;
  font-size:11px;
}
.dash-more>summary::after{
  content:"+";
  color:#9182be;
  font-size:22px;
  margin-left:auto;
}
.dash-more[open]>summary::after{content:"−"}
.dash-more__body{
  display:grid;
  gap:18px;
  padding:0 18px 18px;
}
.dash-compact-block{
  padding:24px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#101012;
}
.dash-compact-block__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px;
}
.dash-compact-block__head .section-kicker{
  margin-bottom:0;
}
.dash-review{
  padding:24px;
}
.dash-review h2{
  font-size:36px;
}
.dash-return{
  padding:24px;
}
.dash-return h2{
  font-size:36px;
}
@media(max-width:700px){
  .dash-more>summary{
    align-items:flex-start;
    flex-direction:column;
    justify-content:center;
    padding:16px 20px;
  }
  .dash-more>summary::after{
    position:absolute;
    right:20px;
  }
}


/* ============================================================
   V21 — centered, affiliate-first, less text
   ============================================================ */
.wrap{
  width:min(100%,1240px);
  max-width:1240px;
  padding-inline:clamp(22px,4vw,48px);
}
.hero__in{
  width:min(100%,1180px);
  max-width:1180px;
}
.home-page .section{
  padding-top:68px;
  padding-bottom:68px;
}
.home-page .section + .section{
  padding-top:26px;
}

/* all hustle cards neutral at rest, green only on hover */
.home-page .hustle-icon-card{
  border-color:#29292f!important;
  background:linear-gradient(145deg,#121214,#0e0e10)!important;
}
.home-page .hustle-icon-card:hover{
  border-color:rgba(47,191,113,.62)!important;
  background:linear-gradient(145deg,rgba(16,25,21,.96),#0d0f0e 62%)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.20),0 0 0 1px rgba(47,191,113,.04) inset!important;
}
.home-page .hustle-icon-card:hover .hustle-icon-card__icon{
  color:#79d7a2;
  border-color:rgba(47,191,113,.26);
  background:rgba(47,191,113,.07);
}
/* ensure number 01 sits exactly like 02–06 */
.home-page .hustle-grid .hustle-icon-card{
  min-height:220px;
}

/* Affiliate-first homepage section */
.home-affiliate{
  padding-top:42px!important;
}
.home-head-link{
  align-self:end;
  padding-bottom:7px;
  color:#9b8bc7;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.affiliate-home-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.affiliate-home-card{
  min-height:245px;
  display:flex;
  flex-direction:column;
  padding:24px;
  border:1px solid #29292f;
  border-radius:14px;
  background:#101012;
  color:var(--text);
  transition:.2s;
}
.affiliate-home-card:hover{
  transform:translateY(-3px);
  border-color:rgba(76,58,138,.54);
  box-shadow:0 20px 45px rgba(0,0,0,.20);
}
.affiliate-home-card__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(76,58,138,.26);
  border-radius:12px;
  color:#a18add;
  background:rgba(76,58,138,.08);
}
.affiliate-home-card>span{
  margin-top:26px;
  color:#716c78;
  font-size:9px;
  font-weight:800;
  letter-spacing:.10em;
}
.affiliate-home-card h3{
  margin-top:5px;
  font-size:27px;
}
.affiliate-home-card p{
  margin-top:7px;
  color:#918d96;
  font-size:13px;
  line-height:1.45;
  max-width:28ch;
}
.affiliate-home-card strong{
  margin-top:auto;
  padding-top:22px;
  color:#b39ee8;
  font-size:12px;
}
.home-affiliate-foot{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:13px;
  color:#77737d;
  font-size:11px;
}
.home-affiliate-foot a{color:#a692da;font-weight:700}

/* Less attention for email / secondary elements */
.home-page .section--micro{
  padding-top:12px;
  padding-bottom:38px;
}
.home-page .capture--simple{
  opacity:.88;
}

/* Guide pages feel less stretched too */
.page-hero .wrap,
.guide .wrap,
.hustle-practical .wrap{
  max-width:1160px;
}
.quiz-shell{
  max-width:980px!important;
}

@media(max-width:820px){
  .affiliate-home-grid{grid-template-columns:1fr}
  .affiliate-home-card{min-height:190px}
  .home-head-link{display:none}
}


/* ============================================================
   V22 — compact guides and unsure quiz
   ============================================================ */
.quiz-page .quiz-unsure{
  color:#7f7b85!important;
  background:#0a0a0c!important;
  border-style:dashed!important;
}
.quiz-page .quiz-unsure:hover{
  color:#aaa5af!important;
  border-color:#3a3640!important;
}
.quiz-page .quiz-unsure:has(input:checked){
  color:#d2ccd8!important;
  border-color:rgba(122,96,211,.48)!important;
  background:rgba(76,58,138,.08)!important;
}

.dash-task{
  grid-template-columns:24px 1fr;
}
.dash-task>a{display:none!important}

/* Collapse the explanation-heavy parts until the user asks for them */
.hf-model-more,
.hf-step-more,
.guide-more{
  margin-top:12px;
  border-top:1px solid #29292e;
  padding-top:10px;
}
.hf-model-more summary,
.hf-step-more summary,
.guide-more summary{
  cursor:pointer;
  list-style:none;
  color:#8f8799;
  font-size:11px;
  font-weight:700;
}
.hf-model-more summary::-webkit-details-marker,
.hf-step-more summary::-webkit-details-marker,
.guide-more summary::-webkit-details-marker{display:none}
.hf-model-more summary::after,
.hf-step-more summary::after,
.guide-more summary::after{
  content:" +";
  color:#695d7f;
}
.hf-model-more[open] summary::after,
.hf-step-more[open] summary::after,
.guide-more[open] summary::after{
  content:" −";
}
.hf-model-more dl{
  margin-top:12px!important;
}
.hf-step-more p,
.guide-more>*:not(summary){
  margin-top:10px;
}
.hf-model{
  min-height:0!important;
}
.hf-model p{
  margin-bottom:0!important;
}
.hf-step{
  min-height:0!important;
}
.guide .prose{
  max-width:60ch;
}
.guide__side p{
  max-width:28ch;
  font-size:13px;
}
#best-models .section-head,
.hustle-practical + .section .section-head{
  margin-bottom:26px;
}
#best-models .section-head .lede,
.hustle-practical + .section .section-head .lede{
  font-size:15px;
  max-width:36ch;
}

/* Slightly tighter navigation */
.nav__in{
  max-width:1160px;
  margin-inline:auto;
}
.nav__links{
  gap:22px;
}


/* ============================================================
   V23 — accessible mobile navigation + header overflow fix
   ============================================================ */
.nav__toggle{
  display:none;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid var(--line-2);
  border-radius:10px;
  background:var(--card);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
}
.nav__toggle span{
  width:18px;
  height:1.5px;
  background:var(--text);
  border-radius:99px;
  transition:transform .18s ease,opacity .18s ease;
}
.nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.active-hustle-bar{
  width:100%;
  overflow:visible;
}
.active-hustle-bar__in{
  width:100%;
}
.active-hustle-bar__in>div{
  overflow:hidden;
}
.has-active-hustle .scroll-progress{
  top:calc(var(--nav-h) + 42px);
}

@media(max-width:900px){
  .nav__in{
    position:relative;
  }
  .nav__toggle{
    display:inline-flex;
    margin-left:auto;
    position:relative;
    z-index:53;
  }
  .nav__links{
    position:fixed;
    top:var(--nav-h);
    left:0;
    right:0;
    z-index:52;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:16px max(20px,calc((100vw - 1160px)/2 + 24px)) 22px;
    background:rgba(10,10,12,.98);
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 45px rgba(0,0,0,.32);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .nav-open .nav__links{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .nav__links .nav__link,
  .nav__links .nav__link:nth-child(1),
  .nav__links .nav__link:nth-child(2){
    display:flex;
    width:100%;
    min-height:44px;
    align-items:center;
    padding:0 12px;
    border-radius:10px;
  }
  .nav__links .nav__link:nth-child(1),
  .nav__links .nav__link:nth-child(2){
    color:var(--text);
    background:rgba(76,58,138,.11);
    border:1px solid rgba(97,75,178,.24);
  }
  .nav__link::after{display:none}
  .nav-open{overflow:hidden}
  .nav-open .active-hustle-bar{visibility:hidden}

  .active-hustle-bar__in{
    min-height:44px;
    gap:10px;
  }
  .active-hustle-bar__in>div{
    gap:8px;
    flex:1;
  }
  .active-hustle-bar strong{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .active-hustle-bar i{width:72px;flex:none}
  .active-hustle-bar a{flex:none}
  .has-active-hustle .scroll-progress{
    top:calc(var(--nav-h) + 44px);
  }
}
@media(max-width:480px){
  .active-hustle-bar span{display:none}
  .active-hustle-bar i,
  .active-hustle-bar small{display:none}
  .active-hustle-bar a{font-size:11px}
}



/* ============================================================
   STARTER GUIDE SYSTEM V1 — shared across 5 researched guides
   ============================================================ */
.starter-guide-page{
  background:
    radial-gradient(circle at 78% 2%,rgba(76,58,138,.12),transparent 28%),
    var(--bg);
}
.starter-hero{
  position:relative;
  overflow:hidden;
  padding:88px 0 62px;
  border-bottom:1px solid var(--line-nav);
}
.starter-hero::after{
  content:"";
  position:absolute;
  width:620px;height:620px;
  right:-260px;top:-330px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(76,58,138,.22),transparent 66%);
  pointer-events:none;
}
.starter-hero__in{position:relative;z-index:1}
.starter-label-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.starter-label{
  display:inline-flex;align-items:center;min-height:28px;padding:0 10px;
  border:1px solid rgba(242,169,59,.35);border-radius:999px;
  background:rgba(242,169,59,.08);color:var(--amber);
  font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
}
.starter-notice{color:#9b958b;font-size:13px}
.starter-hero h1{
  max-width:1000px;
  font-size:clamp(48px,7.5vw,100px);
  font-weight:800;letter-spacing:-.052em;line-height:.92;
}
.starter-hero__truth{
  max-width:72ch;margin-top:20px;color:#bbb7bf;
  font-size:clamp(17px,1.6vw,20px);line-height:1.62;
}
.starter-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
  margin-top:34px;max-width:1000px;
}
.starter-stat{
  padding:18px 18px 16px;border:1px solid var(--line);
  border-radius:12px;background:#111113;
}
.starter-stat span{display:block;color:#77747d;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.starter-stat strong{display:block;margin-top:7px;font-size:18px;line-height:1.15}
.starter-hero__meta{margin-top:14px;color:#77747d;font-size:12px}
.starter-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}

.starter-toc-section{padding:28px 0 72px}
.starter-toc{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
.starter-toc a{
  min-height:54px;display:flex;align-items:center;gap:10px;
  padding:13px 14px;border:1px solid var(--line);border-radius:10px;
  background:#101012;color:#aaa6ae;font-size:13px;transition:.18s;
}
.starter-toc a:hover{border-color:rgba(76,58,138,.55);color:var(--text);background:#131217}
.starter-toc b{color:#765fc4;font-size:10px;letter-spacing:.08em}

.starter-section{padding:86px 0;border-top:1px solid var(--line-nav);scroll-margin-top:calc(var(--nav-h) + 20px)}
.starter-section__head{max-width:760px;margin-bottom:34px}
.starter-section__head h2{margin-top:8px}
.starter-section__head p{margin-top:12px;color:var(--muted);max-width:66ch}

.starter-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.starter-panel{
  padding:28px;border:1px solid var(--line);border-radius:14px;background:#111113;
}
.starter-panel h3{font-size:24px}
.starter-panel--good{border-color:rgba(47,191,113,.24)}
.starter-panel--skip{border-color:rgba(224,87,79,.24)}
.starter-list{display:grid;gap:11px;margin-top:18px}
.starter-list li{position:relative;padding-left:20px;color:#aaa7af;font-size:15px;line-height:1.5}
.starter-list li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:#62539a}
.starter-panel--good .starter-list li::before{background:var(--green)}
.starter-panel--skip .starter-list li::before{background:var(--red)}

.starter-score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.starter-score-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:#111113}
.starter-score-card__top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.starter-score-card__top span{color:#8b8790;font-size:13px;font-weight:700}
.starter-score-card__top strong{font-size:14px;color:#b9a8ee}
.starter-score-card p{margin-top:12px;color:var(--muted);font-size:14px;line-height:1.55}
.starter-score-dots{display:flex;gap:5px;margin-top:16px}
.starter-score-dots i{height:5px;flex:1;border-radius:99px;background:#26252b}
.starter-score-dots i.on{background:linear-gradient(90deg,#4C3A8A,#8068d1)}
.starter-method-note{margin-top:18px;color:#7f7b84;font-size:13px}
.starter-method-note a{color:#b49cff}

.starter-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#101012}
.starter-table{width:100%;border-collapse:collapse;min-width:720px}
.starter-table th,.starter-table td{padding:15px 17px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.starter-table th{color:#77747d;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#0d0d0f}
.starter-table td{font-size:14px;color:#aaa7af}
.starter-table td:first-child{color:var(--text);font-weight:650}
.starter-table tr:last-child td{border-bottom:0}
.starter-budget{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;
}
.starter-budget>div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#111113}
.starter-budget span{display:block;color:#77747d;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.starter-budget strong{display:block;margin-top:5px;font-size:20px}
.starter-budget p{margin-top:6px;color:var(--muted);font-size:13px}

.starter-models{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.starter-model{
  position:relative;padding:26px;border:1px solid var(--line);border-radius:14px;background:#111113;
}
.starter-model__n{color:#705cb4;font-size:11px;font-weight:800;letter-spacing:.08em}
.starter-model .hf-chip{display:inline-flex;margin-top:16px}
.starter-model h3{margin-top:14px;font-size:25px}
.starter-model>p{margin-top:10px;color:var(--muted);font-size:14px}
.starter-model dl{display:grid;gap:11px;margin:20px 0 0}
.starter-model dl div{padding-top:11px;border-top:1px solid var(--line)}
.starter-model dt{color:#77747d;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.starter-model dd{margin:4px 0 0;color:#b5b1ba;font-size:13px;line-height:1.5}
.starter-model__timeline{color:#d0c5f2!important}

.starter-weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.starter-week{padding:24px;border:1px solid var(--line);border-radius:14px;background:#111113}
.starter-week>span{color:#8069cf;font-size:11px;font-weight:800;letter-spacing:.08em}
.starter-week h3{margin-top:18px;font-size:23px}
.starter-week ol{display:grid;gap:10px;margin-top:16px;counter-reset:starterstep}
.starter-week li{counter-increment:starterstep;position:relative;padding-left:24px;color:#aaa7af;font-size:14px;line-height:1.48}
.starter-week li::before{content:counter(starterstep);position:absolute;left:0;color:#6f6b75;font-size:11px;font-weight:800;top:2px}

.starter-flags{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.starter-flag{padding:24px;border:1px solid rgba(224,87,79,.22);border-radius:14px;background:#121011}
.starter-flag span{color:#e06d66;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.starter-flag h3{margin-top:10px;font-size:20px}
.starter-flag p{margin-top:8px;color:#aaa5a5;font-size:14px;line-height:1.5}
.starter-scam-link{margin-top:18px;color:#8e8992;font-size:13px}
.starter-scam-link a{color:#ec8c85}

.starter-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.starter-tool{
  display:flex;flex-direction:column;min-height:330px;padding:24px;
  border:1px solid var(--line);border-radius:14px;
  background:radial-gradient(260px circle at 80% 0,rgba(76,58,138,.11),transparent 58%),#111113;
}
.starter-tool__top{display:flex;justify-content:space-between;gap:12px;color:#77747d;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.starter-tool__top span:first-child{color:#b49cff}
.starter-tool h3{margin-top:30px;font-size:28px}
.starter-tool>p{margin-top:9px;color:var(--muted);font-size:14px}
.starter-tool dl{display:grid;gap:9px;margin-top:18px}
.starter-tool dl div{display:grid;grid-template-columns:105px 1fr;gap:10px;padding-top:9px;border-top:1px solid var(--line)}
.starter-tool dt{color:#706d76;font-size:11px}
.starter-tool dd{margin:0;color:#b4b0b8;font-size:12px;line-height:1.45}
.starter-tool a{margin-top:auto;padding-top:20px;color:#c0aeef;font-size:13px;font-weight:700}
.starter-tool a:hover{color:#d6c9f6}

.starter-reality{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.starter-mistakes,.starter-expectation{padding:28px;border:1px solid var(--line);border-radius:14px;background:#111113}
.starter-mistakes h3,.starter-expectation h3{font-size:24px}
.starter-mistakes .starter-list li::before{background:var(--amber)}
.starter-expectation p{margin-top:15px;color:#aaa7af}
.starter-expectation strong{color:var(--text)}

.starter-faq{display:grid;gap:10px;max-width:900px}
.starter-faq details{border:1px solid var(--line);border-radius:12px;background:#111113;overflow:hidden}
.starter-faq summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:650}
.starter-faq summary::-webkit-details-marker{display:none}
.starter-faq summary::after{content:"+";float:right;color:#8f79d8}
.starter-faq details[open] summary::after{content:"−"}
.starter-faq p{padding:0 20px 20px;color:var(--muted);font-size:14px;max-width:72ch}

.starter-research{
  display:grid;grid-template-columns:1fr .9fr;gap:22px;padding:28px;
  border:1px solid rgba(76,58,138,.34);border-radius:14px;
  background:radial-gradient(circle at 8% 0,rgba(76,58,138,.12),transparent 38%),#111113;
}
.starter-research h3{font-size:25px}
.starter-research p{margin-top:10px;color:var(--muted);font-size:14px}
.starter-source-list{display:grid;gap:9px}
.starter-source-list a{display:block;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#0d0d0f;color:#b9a9ea;font-size:12px}
.starter-source-list a:hover{border-color:rgba(76,58,138,.55)}

.starter-next{
  display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;
  padding:34px;border:1px solid rgba(76,58,138,.34);border-radius:16px;background:#111113;
}
.starter-next h2{font-size:clamp(30px,4vw,48px)}
.starter-next p{margin-top:10px;color:var(--muted)}
.starter-next__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.starter-related{margin-top:16px!important;font-size:13px}
.starter-related a{color:#b49cff}
.starter-next .form{padding:22px;border:1px solid var(--line);border-radius:12px;background:#0d0d0f}
.starter-next .form__row{align-items:stretch}

@media(max-width:980px){
  .starter-stats,.starter-weeks{grid-template-columns:repeat(2,1fr)}
  .starter-toc{grid-template-columns:repeat(3,1fr)}
  .starter-models,.starter-tools{grid-template-columns:1fr}
  .starter-reality,.starter-research,.starter-next{grid-template-columns:1fr}
}
@media(max-width:760px){
  .starter-hero{padding:62px 0 48px}
  .starter-toc-section{padding-bottom:56px}
  .starter-toc{grid-template-columns:repeat(2,1fr)}
  .starter-two-col,.starter-score-grid,.starter-budget,.starter-flags{grid-template-columns:1fr}
  .starter-section{padding:68px 0}
}
@media(max-width:520px){
  .starter-stats,.starter-weeks,.starter-toc{grid-template-columns:1fr}
  .starter-hero__actions .btn{width:100%}
  .starter-panel,.starter-model,.starter-week,.starter-tool,.starter-mistakes,.starter-expectation,.starter-research,.starter-next{padding:21px}
  .starter-tool dl div{grid-template-columns:1fr}
  .starter-next .form__row{flex-direction:column}
}

/* HF_DEPLOY_TRIGGER_2026_10_23 */


/* ============================================================
   V24 — dual homepage funnel: find vs improve
   ============================================================ */
.home-routes{
  padding-top:34px!important;
  padding-bottom:54px!important;
}
.home-route-head{
  max-width:760px;
  margin-bottom:24px;
}
.home-route-head h2{
  margin-top:8px;
  font-size:clamp(34px,4.8vw,58px);
  letter-spacing:-.04em;
}
.home-route-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.home-route-card{
  min-height:255px;
  display:flex;
  flex-direction:column;
  padding:28px;
  border:1px solid #2a2930;
  border-radius:16px;
  background:
    radial-gradient(360px circle at 100% 0,rgba(76,58,138,.12),transparent 58%),
    #101012;
  color:var(--text);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-route-card:hover{
  transform:translateY(-3px);
  border-color:rgba(76,58,138,.62);
  box-shadow:0 22px 48px rgba(0,0,0,.22);
}
.home-route-card--primary{
  border-color:rgba(47,191,113,.26);
  background:
    radial-gradient(360px circle at 100% 0,rgba(47,191,113,.10),transparent 58%),
    #101312;
}
.home-route-card--primary:hover{
  border-color:rgba(47,191,113,.62);
}
.home-route-card__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(76,58,138,.28);
  border-radius:12px;
  background:rgba(76,58,138,.08);
  color:#aa94e7;
}
.home-route-card--primary .home-route-card__icon{
  border-color:rgba(47,191,113,.24);
  background:rgba(47,191,113,.07);
  color:#76d49f;
}
.home-route-card__eyebrow{
  margin-top:24px;
  color:#8f7ec3;
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
}
.home-route-card--primary .home-route-card__eyebrow{
  color:#6dc994;
}
.home-route-card h3{
  margin-top:7px;
  font-size:clamp(25px,2.8vw,34px);
}
.home-route-card p{
  margin-top:10px;
  max-width:52ch;
  color:#99959f;
  font-size:14px;
  line-height:1.55;
}
.home-route-card strong{
  margin-top:auto;
  padding-top:26px;
  color:#c1b0ef;
  font-size:13px;
}
.home-route-card--primary strong{
  color:#8addad;
}
.home-section-sub{
  max-width:62ch;
  margin-top:10px;
  color:#8e8a94;
  font-size:14px;
}
#improve{
  scroll-margin-top:calc(var(--nav-h) + 18px);
}

@media(max-width:760px){
  .home-route-grid{
    grid-template-columns:1fr;
  }
  .home-route-card{
    min-height:220px;
    padding:23px;
  }
}


/* ============================================================
   V25 — stage playbook system
   ============================================================ */
.hf-stage-system{
  padding:72px 0 82px;
  border-bottom:1px solid var(--line-nav);
  background:
    radial-gradient(520px circle at 82% 0,rgba(76,58,138,.12),transparent 62%),
    #0c0c0e;
  scroll-margin-top:calc(var(--nav-h) + 16px);
}
.hf-stage-intro{
  max-width:780px;
}
.hf-stage-intro h2{
  margin-top:8px;
  font-size:clamp(36px,5vw,62px);
}
.hf-stage-intro p{
  max-width:68ch;
  margin-top:12px;
  color:#9b97a1;
  font-size:15px;
}
.hf-stage-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:30px;
}
.hf-stage-tab{
  min-height:128px;
  padding:20px;
  text-align:left;
  border:1px solid #2b2a31;
  border-radius:14px;
  background:#111113;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.hf-stage-tab:hover{
  transform:translateY(-2px);
  border-color:rgba(76,58,138,.55);
}
.hf-stage-tab[aria-selected="true"]{
  border-color:rgba(47,191,113,.62);
  background:
    radial-gradient(260px circle at 88% 0,rgba(47,191,113,.10),transparent 64%),
    #111513;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.hf-stage-tab__n{
  display:block;
  color:#6f6879;
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
}
.hf-stage-tab strong{
  display:block;
  margin-top:18px;
  font-size:22px;
  letter-spacing:-.02em;
}
.hf-stage-tab small{
  display:block;
  margin-top:3px;
  color:#8c8892;
  font-size:12px;
}
.hf-stage-tab[aria-selected="true"] .hf-stage-tab__n,
.hf-stage-tab[aria-selected="true"] strong{
  color:#7dd5a3;
}
.hf-stage-panels{
  margin-top:18px;
}
.hf-stage-panel[hidden]{display:none}
.hf-stage-panel{
  border:1px solid #29282f;
  border-radius:16px;
  overflow:hidden;
  background:#0f0f11;
}
.hf-stage-summary{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:26px;
  align-items:end;
  padding:30px;
  border-bottom:1px solid #29282f;
  background:linear-gradient(135deg,rgba(76,58,138,.12),transparent 48%);
}
.hf-stage-summary h3{
  margin-top:7px;
  max-width:760px;
  font-size:clamp(28px,4vw,46px);
  letter-spacing:-.04em;
}
.hf-stage-summary p{
  color:#a39fa8;
  font-size:15px;
  line-height:1.55;
}
.hf-stage-signal{
  padding:26px 30px;
  border-bottom:1px solid #29282f;
}
.hf-stage-signal>span{
  color:#7d6bbf;
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
}
.hf-stage-signal ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 24px;
  margin-top:14px;
}
.hf-stage-signal li{
  position:relative;
  padding-left:17px;
  color:#aaa6af;
  font-size:14px;
  line-height:1.5;
}
.hf-stage-signal li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#5f4ca3;
}
.hf-stage-section{
  padding:30px;
  border-bottom:1px solid #29282f;
}
.hf-stage-section__head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.hf-stage-section__head>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(76,58,138,.4);
  border-radius:8px;
  color:#9b87dc;
  font-size:10px;
  font-weight:800;
}
.hf-stage-section__head h3{
  font-size:18px;
  letter-spacing:.02em;
}
.hf-stage-steps{
  display:grid;
  gap:10px;
}
.hf-stage-steps article{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:16px;
  padding:17px 18px;
  border:1px solid #25242a;
  border-radius:12px;
  background:#111113;
}
.hf-stage-steps article>b{
  color:#7767ad;
  font-size:11px;
  letter-spacing:.08em;
  padding-top:3px;
}
.hf-stage-steps h4{
  margin:0;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.01em;
}
.hf-stage-steps p{
  margin-top:5px;
  color:#918d97;
  font-size:13px;
  line-height:1.5;
}
.hf-stage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:30px;
  border-bottom:1px solid #29282f;
}
.hf-stage-card{
  min-height:250px;
  padding:22px;
  border:1px solid #29282f;
  border-radius:13px;
  background:#111113;
}
.hf-stage-card--tools{
  border-color:rgba(76,58,138,.36);
  background:
    radial-gradient(250px circle at 90% 0,rgba(76,58,138,.10),transparent 60%),
    #111113;
}
.hf-stage-card--dont{
  border-color:rgba(224,87,79,.22);
}
.hf-stage-card h3{
  margin-top:9px;
  font-size:21px;
}
.hf-stage-card ul{
  display:grid;
  gap:8px;
  margin-top:16px;
}
.hf-stage-card li{
  position:relative;
  padding-left:16px;
  color:#a09ca5;
  font-size:13px;
  line-height:1.45;
}
.hf-stage-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#6f5aae;
}
.hf-stage-card--dont li::before{background:#c75f59}
.hf-stage-placeholder{
  margin-top:18px;
  color:#6f6a75;
  font-size:11px;
}
.hf-stage-exit{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  padding:28px 30px;
}
.hf-stage-exit h3{
  margin-top:7px;
  font-size:24px;
}
.hf-stage-exit p{
  max-width:70ch;
  margin-top:7px;
  color:#96919c;
  font-size:13px;
}
.hf-stage-switch-note{
  margin-top:14px;
  color:#6f6b75;
  font-size:11px;
  text-align:right;
}
.hf-stage-switch-note button{
  padding:0;
  border:0;
  background:none;
  color:#aa96e4;
  cursor:pointer;
}
.hf-stage-switch-note button:hover{text-decoration:underline}

@media(max-width:900px){
  .hf-stage-summary{grid-template-columns:1fr}
  .hf-stage-grid{grid-template-columns:1fr}
  .hf-stage-card{min-height:0}
}
@media(max-width:700px){
  .hf-stage-system{padding:56px 0 64px}
  .hf-stage-tabs{grid-template-columns:1fr}
  .hf-stage-tab{min-height:0}
  .hf-stage-signal ul{grid-template-columns:1fr}
  .hf-stage-summary,.hf-stage-signal,.hf-stage-section,.hf-stage-grid,.hf-stage-exit{padding:22px}
  .hf-stage-exit{grid-template-columns:1fr}
  .hf-stage-exit .btn{width:100%}
  .hf-stage-switch-note{text-align:left}
}


/* ============================================================
   V26 — compact reference nav after stage playbook
   ============================================================ */
.hf-reference-nav{
  padding:58px 0 54px;
  border-bottom:1px solid var(--line-nav);
  background:#0b0b0d;
}
.hf-reference-nav__head{
  max-width:760px;
}
.hf-reference-nav__head h2{
  margin-top:8px;
  font-size:clamp(30px,4.4vw,50px);
}
.hf-reference-nav__head p{
  max-width:66ch;
  margin-top:10px;
  color:#8f8b95;
  font-size:14px;
  line-height:1.55;
}
.hf-reference-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.hf-reference-links a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 13px;
  border:1px solid #29282f;
  border-radius:999px;
  background:#111113;
  color:#aaa6af;
  font-size:12px;
  font-weight:650;
  transition:.18s ease;
}
.hf-reference-links a:hover{
  border-color:rgba(76,58,138,.55);
  color:#d2c6f4;
  background:#131217;
}
@media(max-width:700px){
  .hf-reference-nav{padding:46px 0}
  .hf-reference-links a{min-height:36px}
}


/* ============================================================
   V27 — stage-first reselling flow
   ============================================================ */
.hf-stage-lower{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:0 30px 30px;
  border-bottom:1px solid #29282f;
}
.hf-stage-mini{
  padding:22px;
  border:1px solid #29282f;
  border-radius:13px;
  background:#111113;
}
.hf-stage-mini ul{
  display:grid;
  gap:9px;
  margin-top:15px;
}
.hf-stage-mini li{
  position:relative;
  padding-left:16px;
  color:#9d99a3;
  font-size:13px;
  line-height:1.45;
}
.hf-stage-mini li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#a76560;
}
.hf-stage-mini--links{
  display:flex;
  flex-direction:column;
}
.hf-stage-mini--links a{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:12px 0;
  border-bottom:1px solid #26252b;
  color:#b8add3;
  font-size:13px;
  font-weight:650;
}
.hf-stage-mini--links a:first-of-type{margin-top:5px}
.hf-stage-mini--links a:last-child{border-bottom:0}
.hf-stage-mini--links a:hover{color:#d5c8f5}

.hf-understand{
  padding:68px 0;
  border-bottom:1px solid var(--line-nav);
  background:#0b0b0d;
  scroll-margin-top:calc(var(--nav-h) + 16px);
}
.hf-understand__head{
  max-width:720px;
}
.hf-understand__head h2{
  margin-top:8px;
  font-size:clamp(34px,4.8vw,54px);
}
.hf-understand__head p{
  margin-top:10px;
  color:#89858f;
  font-size:14px;
}
.hf-understand-grid{
  display:grid;
  gap:9px;
  margin-top:26px;
  max-width:980px;
}
.hf-understand-grid details{
  border:1px solid #29282f;
  border-radius:12px;
  background:#101012;
  overflow:hidden;
}
.hf-understand-grid summary{
  display:grid;
  grid-template-columns:36px 150px 1fr auto;
  gap:12px;
  align-items:center;
  min-height:62px;
  padding:0 18px;
  cursor:pointer;
  list-style:none;
}
.hf-understand-grid summary::-webkit-details-marker{display:none}
.hf-understand-grid summary>span{
  color:#7563b6;
  font-size:10px;
  font-weight:800;
}
.hf-understand-grid summary strong{
  font-size:14px;
}
.hf-understand-grid summary small{
  color:#7c7882;
  font-size:12px;
}
.hf-understand-grid summary::after{
  content:"+";
  color:#8b78c8;
  font-size:19px;
}
.hf-understand-grid details[open] summary::after{content:"−"}
.hf-understand-body{
  padding:0 18px 20px 216px;
  color:#9c98a2;
}
.hf-understand-body p{
  max-width:70ch;
  margin-top:10px;
  font-size:13px;
  line-height:1.55;
}
.hf-understand-body strong{color:#d4cfd9}
.hf-understand-body a{
  display:inline-block;
  margin-top:14px;
  color:#baa7ee;
  font-size:12px;
  font-weight:700;
}

#calculator.starter-section,
#proof.starter-section,
#faq.starter-section{
  padding-top:68px;
  padding-bottom:68px;
}
#proof .starter-section__head,
#faq .starter-section__head,
#calculator .starter-section__head{
  margin-bottom:26px;
}
.hf-proof-note{
  max-width:78ch;
  margin:-14px 0 24px;
  color:#7f7b85;
  font-size:12px;
  line-height:1.55;
}

@media(max-width:760px){
  .hf-stage-lower{
    grid-template-columns:1fr;
    padding:0 22px 22px;
  }
  .hf-understand{padding:54px 0}
  .hf-understand-grid summary{
    grid-template-columns:30px 1fr auto;
    min-height:58px;
  }
  .hf-understand-grid summary small{display:none}
  .hf-understand-body{padding:0 18px 18px}
}


/* ============================================================
   V28 — compact monetization-first stage layout
   ============================================================ */
.hf-stage-system--compact{
  padding:58px 0 64px;
}
.hf-stage-system--compact .hf-stage-intro{
  max-width:680px;
}
.hf-stage-system--compact .hf-stage-intro h2{
  font-size:clamp(34px,4.6vw,54px);
}
.hf-stage-system--compact .hf-stage-tabs{
  margin-top:24px;
}
.hf-stage-system--compact .hf-stage-tab{
  min-height:104px;
  padding:17px 18px;
}
.hf-stage-system--compact .hf-stage-tab strong{
  margin-top:12px;
  font-size:20px;
}
.hf-stage-panel--compact{
  margin-top:14px;
}
.hf-stage-summary--compact{
  grid-template-columns:1fr .72fr;
  padding:24px 26px;
}
.hf-stage-summary--compact h3{
  font-size:clamp(25px,3.4vw,38px);
}
.hf-stage-summary--compact p{
  font-size:13px;
}

.hf-stage-core{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:14px;
  padding:22px;
  border-bottom:1px solid #29282f;
}
.hf-next-moves,
.hf-money-zone{
  border:1px solid #29282f;
  border-radius:14px;
  background:#111113;
}
.hf-next-moves{
  padding:22px;
}
.hf-next-moves article{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid #26252b;
}
.hf-next-moves article:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.hf-next-moves article>b{
  color:#7563b6;
  font-size:10px;
  padding-top:3px;
}
.hf-next-moves h4{
  margin:0;
  font-size:15px;
  font-weight:700;
}
.hf-next-moves p{
  margin-top:3px;
  color:#8e8a94;
  font-size:12px;
  line-height:1.45;
}

.hf-money-zone{
  padding:22px;
  border-color:rgba(47,191,113,.24);
  background:
    radial-gradient(300px circle at 92% 0,rgba(47,191,113,.09),transparent 62%),
    #111413;
}
.hf-money-zone--paid{
  border-color:rgba(76,58,138,.42);
  background:
    radial-gradient(300px circle at 92% 0,rgba(76,58,138,.15),transparent 62%),
    #111113;
}
.hf-own-offer{
  margin-top:12px;
}
.hf-offer-type{
  color:#7a7482;
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
}
.hf-own-offer h3{
  margin-top:6px;
  font-size:27px;
}
.hf-own-offer p{
  margin-top:6px;
  max-width:42ch;
  color:#96919c;
  font-size:12px;
  line-height:1.5;
}
.hf-own-offer .btn{
  margin-top:18px;
  width:100%;
  justify-content:space-between;
}
.hf-money-sub{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #29282f;
}
.hf-money-sub>span{
  display:block;
  color:#77727d;
  font-size:10px;
}
.hf-money-sub a{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  margin-top:6px;
}
.hf-money-sub a strong{
  color:#d8d1df;
  font-size:13px;
}
.hf-money-sub a small{
  color:#a58fdc;
  font-size:11px;
}
.hf-affiliate-slots{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:16px;
}
.hf-affiliate-slots>div{
  padding:13px;
  border:1px dashed #36333d;
  border-radius:10px;
  background:#0d0d0f;
}
.hf-affiliate-slots span{
  display:block;
  color:#7a6b9d;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}
.hf-affiliate-slots strong{
  display:block;
  margin-top:5px;
  font-size:12px;
}
.hf-affiliate-slots small{
  display:block;
  margin-top:4px;
  color:#77737d;
  font-size:10px;
  line-height:1.4;
}

.hf-tool-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:0 22px 22px;
  border-bottom:1px solid #29282f;
}
.hf-tool-row>div,
.hf-tool-row>a{
  min-height:76px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:13px;
  border:1px solid #29282f;
  border-radius:10px;
  background:#101012;
}
.hf-tool-row span{
  color:#706b76;
  font-size:8px;
  font-weight:800;
  letter-spacing:.09em;
}
.hf-tool-row strong{
  margin-top:4px;
  font-size:13px;
}
.hf-tool-row small{
  margin-top:3px;
  color:#6f6a75;
  font-size:9px;
}
.hf-tool-row__future{
  border-style:dashed!important;
}
.hf-tool-row__offer{
  border-color:rgba(76,58,138,.36)!important;
  color:#c8b9ee;
}
.hf-tool-row__offer:hover{
  border-color:rgba(76,58,138,.62)!important;
}

.hf-stage-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:20px 22px;
}
.hf-stage-bottom p{
  color:#918c96;
  font-size:12px;
}
.hf-stage-bottom p strong{
  color:#c6c0ca;
}
.hf-stage-bottom .btn{
  flex:none;
}
.hf-stage-deep-links{
  display:flex;
  gap:14px;
  padding:0 22px 18px;
  color:#756d80;
  font-size:10px;
}
.hf-stage-deep-links a:hover{
  color:#b7a3e8;
}

[data-stage-only][hidden]{
  display:none!important;
}

@media(max-width:900px){
  .hf-stage-core{
    grid-template-columns:1fr;
  }
  .hf-stage-summary--compact{
    grid-template-columns:1fr;
  }
  .hf-tool-row{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:620px){
  .hf-stage-system--compact{
    padding:46px 0 52px;
  }
  .hf-stage-tabs{
    gap:8px;
  }
  .hf-stage-core{
    padding:14px;
  }
  .hf-next-moves,
  .hf-money-zone{
    padding:18px;
  }
  .hf-affiliate-slots{
    grid-template-columns:1fr;
  }
  .hf-tool-row{
    grid-template-columns:1fr 1fr;
    padding:0 14px 14px;
  }
  .hf-stage-bottom{
    align-items:stretch;
    flex-direction:column;
    padding:18px 14px;
  }
  .hf-stage-bottom .btn{
    width:100%;
  }
  .hf-stage-deep-links{
    flex-wrap:wrap;
    padding:0 14px 16px;
  }
}