/* accent-hybrid, shipped 2026-10-24 (Jared: "Ship the hybrid"). Remove this file's <link> to undo.
   Scoped: the sticky header and the hero top (eyebrow, gradient "AI", headline, CTAs) stay exactly as before.
   The hero section keeps its old #0A0E1A background and fades to the darker page over its last 160px, so there is no seam.
   Page #07090F below the hero; cards #111124, paid panels #131527. Cyan #22C3E6 = small labels, icons, checks, bars, process line.
   Violet #7C5CFF = faint card/panel borders, dividers, Paid pill outline. Dashes/bars beside cyan labels are solid cyan. Gradient only on thin top edges + logo. */
:root{--bg:#07090F;--bg2:#0B0B16;--panel:#111124;--panel-paid:#131527;
  --hair:rgba(245,241,232,.08);--hair2:rgba(245,241,232,.12);
  --ac:#22C3E6;--vi:#7C5CFF;--panel-line:rgba(124,92,255,.28);--panel-line-paid:rgba(124,92,255,.5)}
/* keep header + hero on the previous tones so they look identical */
html,body{background:#0A0E1A}
.site-head,.hero{--bg:#0A0E1A;--hair:rgba(245,241,232,.10);--hair2:rgba(245,241,232,.16)}
.hero{background:linear-gradient(180deg,#0A0E1A calc(100% - 160px),#07090F 100%)}
.memo{--hair:rgba(245,241,232,.08);--hair2:rgba(245,241,232,.12)}
/* everything below the hero sits on the darker page */
main>section:not(.hero),body>section:not(.hero),.foot{background-color:var(--bg)}
.about,.how,.inds,.book{background-color:var(--bg2)}
/* small labels: cyan (not the hero eyebrow) */
section:not(.hero) .eyebrow,.memo-head .k,.calc-r .lbl,.incl .incl-h{color:var(--ac)}
/* section label dash: solid cyan, same as the label (Jared 2026-10-24) */
section:not(.hero) .eyebrow::before{background:var(--ac)}
/* panels: purple-tinted navy, violet border lines */
.memo,#tg-book-form,.calc{background:var(--panel);border-color:var(--panel-line)}
.memo-head{border-bottom-color:rgba(124,92,255,.35)}
.memo-foot{background:rgba(124,92,255,.05);border-top-color:rgba(124,92,255,.35)}
.memo .fine{background:rgba(124,92,255,.05)}
.calc-r{background:var(--panel-paid);border-left:1px solid var(--panel-line-paid)}
.calc-r .ask{border-top-color:rgba(124,92,255,.45)}
.sheet.paid{background:var(--panel-paid);border-color:var(--panel-line-paid)}
.sheet.paid .sheet-head,.sheet.paid .guarantee{border-color:rgba(124,92,255,.35)}
.sheet.paid .guarantee{background:rgba(124,92,255,.05)}
.tier.paid,.tier.paid:hover{background:var(--panel-paid);box-shadow:0 0 0 1px var(--panel-line-paid)}
.tag-pill.paid,.tier.paid .tag-pill{background:rgba(124,92,255,.10);border-color:rgba(124,92,255,.8);color:var(--tx)}
.input input,.bf input{background:var(--bg)}
.how{--nb:var(--panel)}
/* hero card bars + icons + checks: cyan */
.bar{background:rgba(245,241,232,.07)}
.bar i{background:var(--ac)}
.trust svg,.checks svg,.fix .ic svg,.sheet.paid .incl svg,.guarantee svg{stroke:var(--ac)}
.fix .ic{border-color:rgba(124,92,255,.35)}
.fix .tg-fix{border-image:none;border-left-color:var(--ac)}
.fix .tg-fix strong{color:var(--ac)}
.ind-grid span::before{background:var(--ac);opacity:1}
/* how-it-works: cyan line + markers */
.run .fill{background:var(--ac)}
.nd{background:linear-gradient(var(--nb),var(--nb)) padding-box,linear-gradient(var(--ac),var(--ac)) border-box}
.tok{background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(var(--ac),var(--ac)) border-box}
.dg .g{fill:var(--ac)}.dg .gs{stroke:var(--ac)}
.dg path[stroke="#fff"]{stroke:#07090F}
/* focus */
.input input:focus,.bf input:focus{border-color:var(--ac);box-shadow:0 0 0 4px rgba(34,195,230,.22)}
.trust a:focus-visible{outline-color:var(--ac)}
.btn-paid:focus-visible{box-shadow:0 0 0 4px rgba(34,195,230,.35)}