/* 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 #4A6BC8 = 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:#4A6BC8;--panel-line:rgba(108,138,214,.28);--panel-line-paid:rgba(108,138,214,.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%)}
/* everything below the hero sits on the darker page */


main>section:not(.hero),body>section:not(.hero),.foot{background-color:var(--bg)}
.about,.book{background-color:var(--bg2)}/* small labels: cyan (not the hero eyebrow) */


section:not(.hero) .eyebrow{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 */


#tg-book-form,.calc{background:var(--panel);border-color:var(--panel-line)}



.calc-r{background:var(--panel-paid);border-left:1px solid var(--panel-line-paid)}

.input input,.bf input{background:var(--bg)}/* hero card bars + icons + checks: cyan */




.trust svg{stroke:var(--ac)}/* how-it-works: cyan line + markers *//* 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)}/* hero eyebrow dash: solid, same color as eyebrow text (rgba(245,241,232,.66) = --tx3) */



.hero .eyebrow::before{background:rgba(245,241,232,.66)}