/* ===== v3 NAVY + GOLD with blush (Oct 21 2026): navy for type, nav, dark bands and the featured plan;
   soft metallic gold for rules, icons, badges, the logo A and focus halos; pink stays the main button.
   Loaded last on home, /partners/ and /video/. Gold text on light uses --gilt-ink (AA 4.9:1). ===== */
:root{
 --navy:#14213D;--navy2:#1B2A4A;--navy3:#233457;
 --gilt:#D4AF37;--gilt2:#C9A24A;--gilt-soft:#E8D49A;--gilt-ink:#8A6A1F;
 --ink:#14213D;--muted:#4A5168;--dim:#5E6680;
 --line:rgba(20,33,61,.10);--line2:rgba(20,33,61,.16);
 --champ:#14213D;
}
body{color:var(--ink)}
h1,h2,h3,h4{color:var(--navy)}
::selection{background:rgba(212,175,55,.35);color:var(--navy)}

/* focus: navy ring + gold halo (≥3:1 on every surface) */
:focus-visible{outline:2px solid var(--navy);outline-offset:3px;box-shadow:0 0 0 5px rgba(212,175,55,.55)}
.ticker :focus-visible,#roi :focus-visible,.foot :focus-visible,.plan.featured :focus-visible,.hear-card :focus-visible{outline-color:var(--gilt)}

/* eyebrows + badges in gold */
.eyebrow,.badge{color:var(--gilt-ink)}
.badge-h{color:var(--gilt-ink)}
.eyebrow .dot{background:var(--gilt);animation:goldpulse 2.4s infinite}
@keyframes goldpulse{0%{box-shadow:0 0 0 0 rgba(212,175,55,.5)}70%{box-shadow:0 0 0 10px rgba(212,175,55,0)}100%{box-shadow:0 0 0 0 rgba(212,175,55,0)}}
.sec-head h2::after{content:"";display:block;width:56px;height:2px;margin-top:18px;border-radius:2px;background:linear-gradient(90deg,var(--gilt),rgba(212,175,55,.15))}
.sec-head.center h2::after{margin-inline:auto}

/* headline: navy type, pink italic with a thin gold underline */
.hero h1{color:var(--navy)}
.hero h1 em{text-decoration:underline;text-decoration-color:var(--gilt);text-decoration-thickness:2px;text-underline-offset:.14em;text-decoration-skip-ink:none}

/* nav */
.nav.scrolled{border-bottom-color:rgba(212,175,55,.45)}
.links a{color:var(--muted)}
.links a:hover{color:var(--navy)}
.wm-a{color:var(--navy)}
.wm-b{color:var(--gilt-ink)}
.nav .login{color:var(--navy)}

/* buttons: pink stays primary; ghost goes navy */
.btn{color:var(--navy)}
.btn-ghost{border-color:rgba(20,33,61,.35);color:var(--navy)}
.btn-ghost:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.btn-gold{box-shadow:0 10px 30px -12px rgba(236,141,174,.9),inset 0 0 0 1px rgba(212,175,55,.0)}

/* hero phone: navy bezel, light screen, gold details */
.phone{background:linear-gradient(160deg,#25365A,#14213D 55%,#0F1A31);border:1px solid rgba(212,175,55,.45);
 box-shadow:0 50px 90px -40px rgba(20,33,61,.55),0 24px 50px -30px rgba(192,44,102,.35),inset 0 0 0 1px rgba(255,255,255,.06)}
.phone::before{background:#0B1426}
.phone .scr{box-shadow:inset 0 0 0 1px rgba(212,175,55,.25)}
.note{border-color:rgba(212,175,55,.45)}
.cal .slot{box-shadow:inset 0 0 0 1px rgba(212,175,55,.6)}

/* ticker: a slim navy band */
.ticker{background:var(--navy);border-color:rgba(212,175,55,.35)}
.ticker span{color:#D7DBE6}
.ticker span::after{color:var(--gilt)}

/* ask card + orb */
.ask-card{border-color:rgba(212,175,55,.35)}
.chat-fab .av,.chat-head .av,.orb{background:conic-gradient(from 0deg,#14213D,#F4A6C0,#D4AF37,#E2558A,#1B2A4A,#14213D);box-shadow:inset 0 0 8px rgba(255,255,255,.55),0 0 18px rgba(212,175,55,.45),0 0 0 1.5px rgba(212,175,55,.65)}
.chat-fab{border-color:rgba(212,175,55,.6);color:var(--navy);box-shadow:0 18px 44px -14px rgba(20,33,61,.45)}
.chat{border-color:rgba(212,175,55,.45)}
.chat-head{background:linear-gradient(160deg,#1B2A4A,#14213D);color:#fff;border-bottom:1px solid rgba(212,175,55,.4)}
.chat-head b,.chat-head strong,.chat-head h2,.chat-head h3{color:#fff}
.chat-head small,.chat-head span,.chat-head p{color:#C9CEDB}
.chat-head button{color:#fff}
.cm.me{background:var(--navy);color:#fff}
.cm.ace{background:#FFF3F7;color:var(--navy)}
.chat-form button,.ask-row button[type=submit]{background:var(--navy);color:#fff;border-color:var(--navy)}
.chat-form button:hover,.ask-row button[type=submit]:hover{background:var(--navy2);box-shadow:0 0 0 2px var(--gilt)}

/* hear: a navy card with gold wave */
.hear-card{background:radial-gradient(120% 90% at 100% 0%,rgba(212,175,55,.16),transparent 55%),linear-gradient(160deg,#1B2A4A,#14213D);border-color:rgba(212,175,55,.45);color:#fff;box-shadow:0 40px 80px -40px rgba(20,33,61,.7)}
.hear-card h2,.hear-card h3,.hear-card b,.hear-card strong{color:#fff}
.hear-card p,.ha-foot{color:#C9CEDB}
.ha-tag{color:#E8D49A;border-color:rgba(212,175,55,.45)}
.ha-wave i{background:linear-gradient(#E8D49A,#D4AF37 45%,#F4A6C0)}
.ha-bar{background:rgba(255,255,255,.14)}
.ha-bar span{background:var(--gilt)}
.ha-meta{color:#A9B1C4}
.ha-play::after{border-color:rgba(212,175,55,.7)}
.hear-card a{color:#F7B6CC}
.hear-card::before{background:radial-gradient(600px 300px at var(--mx,20%) var(--my,0%),rgba(244,166,192,.18),transparent 60%)}

/* system rail: gold numbers + icons */
.rcard .n{color:var(--gilt-ink)}
.rcard .ic{color:var(--gilt2)}
.rcard{border-color:var(--line2)}
.rcard:hover{border-color:rgba(212,175,55,.6)}
.chips li{border-color:rgba(212,175,55,.4)}

/* human split */
.list .ic{color:var(--gilt2)}
.list-h .ic{color:var(--gilt-ink)}
.col .note{color:var(--navy)}
.col-hum{border-color:rgba(212,175,55,.45)}

/* ROI: the navy section */
#roi{background:radial-gradient(70% 60% at 85% 0%,rgba(212,175,55,.14),transparent 60%),radial-gradient(60% 60% at 0% 100%,rgba(244,166,192,.14),transparent 60%),linear-gradient(180deg,#14213D,#1B2A4A);color:#fff;border-top:1px solid rgba(212,175,55,.35);border-bottom:1px solid rgba(212,175,55,.35)}
#roi::before{display:none}
#roi h2{color:#fff}
#roi h2 em{color:#F7B6CC}
#roi .sub{color:#C9CEDB}
#roi .eyebrow{color:#E8C766}
#roi .calc{border-color:rgba(212,175,55,.5);box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
#roi .calc-out b{color:var(--navy)}
.calc input[type=range]{background:linear-gradient(var(--gilt2),var(--gilt2)) 0/var(--f,50%) 100% no-repeat,rgba(20,33,61,.12)}
.calc input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 1.5px var(--gilt2)}

/* pricing: Pro card in navy with a gold badge */
.founding{border-color:rgba(212,175,55,.6);background:#FFFDF6}
.founding .ic{color:var(--gilt-ink)}
.plan:hover{border-color:rgba(212,175,55,.6)}
.ticks .ic{color:var(--gilt2)}
.plan.featured{background:radial-gradient(90% 60% at 100% 0%,rgba(212,175,55,.18),transparent 60%),linear-gradient(160deg,#1B2A4A,#14213D);border:1.5px solid rgba(212,175,55,.7);color:#fff;box-shadow:0 40px 80px -36px rgba(20,33,61,.7)}
.plan.featured::before{background:radial-gradient(400px 260px at var(--mx,50%) var(--my,0%),rgba(212,175,55,.16),transparent 60%)}
.plan.featured h3{color:#E8C766}
.plan.featured .price b{color:#fff}
.plan.featured .price span,.plan.featured .pdesc{color:#C9CEDB}
.plan.featured .ticks li{color:#D7DBE6}
.plan.featured .ticks li:first-child{color:#fff}
.plan.featured .ticks .ic{color:var(--gilt)}
.plan.featured .plan-note{color:#A9B1C4}
.plan.featured a:not(.btn){color:#F7B6CC}
.plan.featured .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.pill{background:linear-gradient(135deg,#E8D49A,#D4AF37);color:var(--navy);box-shadow:0 6px 18px -8px rgba(212,175,55,.8)}
.plan.featured .promo,.plan.featured input{color:var(--navy)}

/* FAQ */
.faq details{border-color:var(--line2)}
.faq details[open]{border-color:rgba(212,175,55,.6)}
.faq details[open] .pm{background:rgba(212,175,55,.25);border-color:rgba(212,175,55,.6)}
.faq .pm{border-color:rgba(20,33,61,.25)}

/* final CTA */
.final .eyebrow{color:var(--gilt-ink)}

/* footer: navy band */
.foot{background:linear-gradient(180deg,#14213D,#0F1A31);border-top:2px solid var(--gilt2);color:#C9CEDB}
.foot h4{color:#E8C766}
.foot a{color:#D7DBE6}
.foot a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--gilt)}
.foot .wm-a{color:#fff}
.foot .wm-b{color:#E8C766}
.foot .logo{box-shadow:0 0 0 1px rgba(212,175,55,.6)}
.tagline{color:#C9CEDB}
.foot-bot{color:#A9B1C4;border-top-color:rgba(212,175,55,.25)}

/* sticky phone CTA: second button navy */
.sticky .btn-ghost{background:var(--navy);color:#fff;border-color:var(--navy)}

/* secondary pages */
.payout{border-color:rgba(212,175,55,.6);background:linear-gradient(160deg,#FFFDF6,#fff)}
.payout b{color:var(--navy)}
.hw li::before{color:var(--gilt-ink)}
.gets li::before{color:var(--gilt-ink)}
.who li,.hw li{border-color:var(--line2)}

/* hear card: demo-line button reads on navy */
.hear-card .ha-foot .btn{background:transparent;color:#fff;border:1.5px solid rgba(212,175,55,.7)}
.hear-card .ha-foot .btn:hover{background:rgba(212,175,55,.16);border-color:var(--gilt)}
/* fix: the demo form's thank-you and error boxes were showing before anyone sent the form */
.f-thanks[hidden],.f-err[hidden]{display:none}
.f-thanks{border-color:rgba(212,175,55,.55);background:#FFFDF6}

/* chat close button reads on the navy header */
.chat-head .chat-close{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(212,175,55,.55)}
.chat-head .chat-close:hover{background:rgba(212,175,55,.2)}

/* footer column titles are h3 (heading order); same look as before */
.foot h3{font-family:var(--sans);font-size:.74rem;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:#E8C766;margin-bottom:12px;font-weight:600}
#demo-form[hidden]{display:none}

/* ===== 7-day free trial (Oct 29 2026) ===== */
.hero-trial{margin:14px 0 0;font-size:.95rem;line-height:1.45;color:var(--muted);max-width:34rem}
.hero-trial b{color:var(--navy);display:block;margin-bottom:2px}
.hero-trial b::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--gilt);vertical-align:1px}
.trial-band{display:flex;gap:14px;align-items:center;max-width:760px;margin:0 auto 26px;padding:16px 18px;border-radius:16px;background:var(--navy);color:#fff;border:1px solid rgba(212,175,55,.45);box-shadow:0 10px 30px rgba(20,33,61,.18)}
.trial-band b{color:#fff;font-size:1.02rem;line-height:1.35}
.trial-band p{margin:4px 0 0;color:rgba(255,255,255,.82);font-size:.92rem;line-height:1.45}
.trial-band .tb-badge{flex:0 0 auto;padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,var(--gilt-soft),var(--gilt));color:var(--navy);font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
@media (max-width:560px){.trial-band{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}}