/* Neria funnel theme v3. Palette and layout pattern follow the ClickFunnels signup flow
   (deep indigo, warm gold buttons, cream ground, peach and sky accents, Work Sans) as the
   client asked on 9 Nov 2026. No ClickFunnels text, logo or imagery is used.
   To return to the neria.ai navy/crimson look, remove this file's <link>. */
:root{
  --indigo:#080436; --indigo-2:#140C52; --indigo-3:#1F1670; --gold:#FEB95F; --gold-2:#F5A53A; --gold-soft:#FFF1DC;
  --cream:#F9F6F3; --peach:#FFD5C2; --sky:#98C1D9; --sky-soft:#E3EFF6; --stone:#DFDCD9;
  /* remap the base tokens */
  --navy:#080436; --navy-2:#140C52; --navy-3:#140C52; --navy-deep:#080436; --navy-soft:#ECE9F7;
  --crimson:#B86A0F; --crimson-2:#9A570A; --crimson-soft:#FFF1DC; --coral:#FEB95F;
  --ground:#F9F6F3; --white:#FFFFFF; --mist:#EFEBE7; --line:#DFDCD9;
  --ink:#080436; --ink-2:#60606B; --ink-3:#6B6865;
  --f:"Work Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --grad:linear-gradient(100deg,#FEB95F,#FFC97E 50%,#FFD5C2);
  --grad-text:linear-gradient(90deg,#FEB95F,#FFD5C2);
  --shadow:0 1px 2px rgba(8,4,54,.06),0 22px 48px -26px rgba(8,4,54,.35);
}
body{background:var(--cream);font-family:var(--f)}
h1,h2,h3{font-family:var(--f);font-weight:700;letter-spacing:-.025em;color:var(--indigo)}
.dark h1,.dark h2,.dark h3{color:#fff}
.dark{background:var(--indigo)!important;color:#D9D6EA}
.dark .section-head p,.dark p{color:#BDB8DA}
.white{background:#fff}
.eyebrow{color:#B86A0F}
.dark .eyebrow,.hero2 .eyebrow{color:var(--gold)}
.dot{background:var(--gold)}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(254,185,95,.6)}100%{box-shadow:0 0 0 12px rgba(254,185,95,0)}}

/* buttons: gold with indigo text */
.btn{border-radius:10px}
.btn-primary,.btn-gold,.btn-grad{background:var(--gold);color:var(--indigo);box-shadow:0 12px 26px -12px rgba(254,185,95,.9)}
.btn-primary:hover,.btn-gold:hover,.btn-grad:hover{background:var(--gold-2)}
.btn-ghost{background:#fff;color:var(--indigo);box-shadow:inset 0 0 0 1.5px var(--indigo)}
.dark .btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.btn-glass{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.btn-lg{padding:19px 32px;font-size:18px}
.btn-block{width:100%}
.grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
:focus-visible{outline-color:var(--indigo)}
.dark :focus-visible,.hero2 :focus-visible{outline-color:var(--gold)}

/* promo bar + header */
.bar{background:var(--gold);color:var(--indigo);font-weight:600}
.bar a{background:var(--indigo);color:#fff}
.top{background:var(--indigo);border-bottom:1px solid rgba(255,255,255,.08)}
.top nav{color:#fff}
.top nav a:hover{color:var(--gold)}
.top .logo img{content:url("../media/brand/logo-white.png")}
.loc select{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}
.loc select option{color:var(--indigo)}

/* hero: centered headline, email + gold button, video under it */
.hero2{position:relative;overflow:hidden;background:var(--indigo);color:#D9D6EA;padding:80px 0 0}
.aurora i{position:absolute;border-radius:40% 60% 55% 45%;filter:blur(70px);animation:drift 20s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:560px;height:560px;left:-180px;top:-120px;background:#2A1C8F;opacity:.7}
.aurora i:nth-child(2){width:460px;height:460px;right:-140px;top:-60px;background:#FEB95F;opacity:.22;animation-duration:24s}
.aurora i:nth-child(3){width:520px;height:520px;left:20%;top:420px;background:#98C1D9;opacity:.2;animation-duration:28s}
.aurora i:nth-child(4){width:420px;height:420px;right:5%;top:520px;background:#FFD5C2;opacity:.18;animation-duration:22s}
@keyframes drift{to{transform:translate(70px,40px) rotate(20deg) scale(1.1)}}
.hero2::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px);mask-image:linear-gradient(115deg,transparent 20%,#000 45%,transparent 70%);pointer-events:none}
.hero2-center{position:relative;z-index:1;text-align:center;max-width:980px}
.hero2 h1{color:#fff;font-size:clamp(40px,6.4vw,84px);line-height:1.04;letter-spacing:-.035em;margin-bottom:22px}
.hero2 .lede{color:#C9C4E4;margin:0 auto 30px;max-width:720px}
.pill-dark{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:none}
.startform{max-width:860px;margin:0 auto}
.startrow{display:flex;gap:10px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.startrow input{flex:1;min-width:0;border:0;font:500 17px var(--f);padding:14px 16px;color:var(--indigo);background:transparent;outline:none}
.startrow input::placeholder{color:#8E8A99}
.startrow .btn{padding:16px 26px;white-space:nowrap}
.selwrap{position:relative;display:inline-flex}
.selwrap::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2.5px solid var(--indigo);border-bottom:2.5px solid var(--indigo);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.indSel{appearance:none;-webkit-appearance:none;font:600 16px var(--f);color:var(--indigo);background:var(--cream);border:0;border-radius:10px;padding:14px 42px 14px 16px;cursor:pointer;max-width:260px}
.notready{margin:18px 0 0;color:#C9C4E4;font-size:15px}
.notready a{color:#fff;font-weight:600;text-underline-offset:4px}
.vslwrap{position:relative;z-index:1;margin-top:56px;padding-bottom:72px}
.vsl{position:relative;max-width:1000px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.1)}
.vsl video{width:100%;aspect-ratio:16/9;display:block;background:#080436}
.soundbtn{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:10px;border:0;cursor:pointer;background:var(--gold);color:var(--indigo);font:700 16px var(--f);padding:12px 18px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:nudge 2.4s ease-in-out infinite}
.soundbtn svg{width:22px;height:22px}
.soundbtn.off{display:none}
@keyframes nudge{50%{transform:scale(1.05)}}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.center-chips{justify-content:center;margin-top:26px}
.chips span{font-size:14px;color:#D9D6EA;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 13px}
@media (max-width:760px){
  .hero2{padding-top:48px}
  .startrow{flex-direction:column;background:transparent;box-shadow:none;padding:0}
  .startrow input,.startrow .selwrap,.indSel{background:#fff;border-radius:12px;width:100%;max-width:none}
  .startrow .btn{width:100%}
  .soundbtn{left:10px;top:10px;font-size:13px;padding:9px 12px}
}

/* marquee */
.marquee{background:var(--gold);color:var(--indigo);overflow:hidden;padding:15px 0;font:700 17px var(--f)}
.track{display:flex;gap:40px;width:max-content;animation:scroll 40s linear infinite}
.track span{display:flex;align-items:center;gap:40px;white-space:nowrap}
.track span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--indigo)}
@keyframes scroll{to{transform:translateX(-50%)}}

/* problem */
.problem{background:var(--cream)}
.pains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pain{background:#fff;border-radius:18px;padding:26px;border:1px solid var(--stone);box-shadow:var(--shadow)}
.pain .pi{width:52px;height:52px;border-radius:14px;background:var(--peach);color:var(--indigo);display:grid;place-items:center;margin-bottom:16px}
.pain:nth-child(even) .pi{background:var(--sky)}
.pain .pi svg{width:26px;height:26px}
.pain b{display:block;color:var(--indigo);font-size:19px;margin-bottom:6px}
.pain span{color:var(--ink-2);font-size:15.5px}
@media (max-width:980px){.pains{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pains{grid-template-columns:minmax(0,1fr)}}

/* five-step flow */
.flow{background:#fff}
.flowgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:f}
.fstep{border-radius:20px;padding:26px 22px;min-height:220px;display:flex;flex-direction:column;gap:8px;position:relative;transition:transform .2s ease-out}
.fstep:hover{transform:translateY(-4px)}
.fstep b{font-size:26px;color:var(--indigo);letter-spacing:-.02em}
.fstep span{color:#3E3B52;font-size:15.5px}
.fnum{width:40px;height:40px;border-radius:50%;background:var(--indigo);color:#fff!important;display:grid;place-items:center;font:700 17px var(--f)!important;margin-bottom:auto}
.c1{background:var(--peach)}.c2{background:var(--sky)}.c3{background:var(--gold)}.c4{background:#D9D2F5}.c5{background:#CFE8D8}
@media (max-width:980px){.flowgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fstep{min-height:170px}}
@media (max-width:520px){.flowgrid{grid-template-columns:minmax(0,1fr)}}

/* feature rows */
#what{background:var(--cream)}
.frow{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;margin:0 0 72px}
.frow.flip .ftext{order:2}
.ftext .num{display:inline-block;font:700 15px var(--f);color:var(--indigo);background:var(--gold);border-radius:999px;padding:6px 14px;margin-bottom:14px}
.ftext h3{font-size:clamp(28px,3vw,40px)}
.ftext p{font-size:18px;color:var(--ink-2)}
.fimg{border-radius:24px;overflow:hidden;padding:16px;background:var(--peach)}
.frow:nth-of-type(even) .fimg{background:var(--sky)}
.frow:nth-of-type(3n) .fimg{background:#D9D2F5}
.fimg img{border-radius:14px;width:100%;box-shadow:0 30px 60px -30px rgba(8,4,54,.5)}
@media (max-width:900px){.frow,.frow.flip{grid-template-columns:1fr;gap:24px}.frow.flip .ftext{order:0}}

/* demos with dropdown */
.tinted{background:var(--indigo);color:#D9D6EA}
.tinted h2,.tinted h3{color:#fff}.tinted .eyebrow{color:var(--gold)}.tinted .section-head p,.tinted p{color:#BDB8DA}
.demo{display:grid;grid-template-columns:1.35fr .65fr;gap:36px;align-items:center}
.vframe{border-radius:20px;overflow:hidden;background:#000;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.vframe video{width:100%;aspect-ratio:16/9;display:block}
.ddlabel{display:block;font:700 13px var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.demo-copy .selwrap{margin-bottom:22px;width:100%}
.demo-copy .indSel{width:100%;max-width:none;background:#fff;font-size:17px}
@media (max-width:900px){.demo{grid-template-columns:1fr}}

/* gallery */
.gallery{background:#fff;overflow:hidden}
.gtrack-wrap{overflow:hidden;padding:10px 0 20px}
.gtrack{display:flex;gap:22px;width:max-content;animation:scroll 80s linear infinite}
.gtrack:hover{animation-play-state:paused}
.gcard{width:380px;flex:0 0 auto;margin:0;border-radius:20px;overflow:hidden;background:var(--cream);border:1px solid var(--stone)}
.gcard img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gcard figcaption{padding:14px 18px;font-size:15px;color:var(--ink-2)}
.gcard b{display:block;color:var(--indigo)}
@media (max-width:560px){.gcard{width:290px}}

/* comparison */
.vsrow{max-width:900px;margin:0 auto 36px}
.ctable{overflow-x:auto;border-radius:20px;border:1px solid var(--stone);background:#fff;box-shadow:var(--shadow)}
.ctable table{width:100%;border-collapse:collapse;min-width:640px}
.ctable th,.ctable td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--mist);font-size:15.5px}
.ctable th{font-weight:700;color:var(--indigo);background:var(--cream)}
.ctable td:first-child,.ctable th:first-child{text-align:left;font-weight:600}
.ctable .nc{background:var(--gold-soft)}
.ctable th.nc{background:var(--gold);color:var(--indigo)}
.yes{color:#16794C;font-weight:800}.no{color:#B9B5B0;font-weight:800}.var{color:#9A6A12;font-weight:600;font-size:14px}
.center{text-align:center}
.fine.center{margin-top:14px}

/* quiz */
.quizsec{background:var(--sky-soft)}
.quiz-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.quiz{background:#fff;border-radius:24px;padding:34px;min-height:260px;box-shadow:var(--shadow);border:1px solid var(--stone)}
.qn{font:700 13px var(--f);letter-spacing:.12em;text-transform:uppercase;color:#B86A0F;margin-bottom:10px}
.qstep b{display:block;font-size:24px;color:var(--indigo);line-height:1.25;margin-bottom:22px}
.qbtns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.qbtns button{font:700 17px var(--f);padding:15px 34px;border-radius:10px;border:0;cursor:pointer;background:var(--indigo);color:#fff}
.qbtns button:hover{background:var(--indigo-3)}
.qbtns button[data-a="0"]{background:var(--cream);color:var(--indigo);box-shadow:inset 0 0 0 1.5px var(--stone)}
.qplan{font:700 52px/1 var(--f);color:var(--indigo);margin:4px 0 10px}
.qresult p{color:var(--ink-2)}
.linkbtn{background:none!important;border:0;color:var(--indigo)!important;text-decoration:underline;cursor:pointer;font:600 15px var(--f);padding:8px!important;box-shadow:none!important}
.tier.recommended{outline:4px solid var(--gold);outline-offset:4px}
@media (max-width:900px){.quiz-grid{grid-template-columns:1fr}}

/* pricing */
#pricing{background:#fff}
.tier{border-radius:20px;border-color:var(--stone);background:var(--cream)}
.tier.popular{background:var(--indigo);border-color:var(--indigo)}
.badge{background:var(--gold);color:var(--indigo)}
.agents span{background:#fff;color:var(--indigo);border:1px solid var(--stone)}
.tier.popular .agents span{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}
.tier li::before{background-color:var(--gold-soft)}
.seg{background:var(--cream);border:1px solid var(--stone)}
.founder{background:linear-gradient(110deg,var(--peach),#FFF1EA);border-color:#F3C3AE}
.founder .tag{color:var(--indigo)}
.founder-ico{background:var(--indigo)}
.card{border-color:var(--stone)}

/* lead magnet */
.lmsec{background:var(--peach)}
.lm-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.lmform{background:#fff;border-radius:24px;padding:32px;box-shadow:0 40px 80px -40px rgba(8,4,54,.45)}
@media (max-width:900px){.lm-grid{grid-template-columns:1fr}}

/* other sections */
#calculator{background:var(--cream)}
.calc-out{background:var(--indigo)}
.big{color:var(--gold)}
.calc-out a{color:var(--gold)}
.globe div{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.globe svg{color:var(--gold)}
.promise div{background:#fff;border-color:var(--stone)}
.promise b{color:var(--indigo)}
#faq{background:var(--cream)}
.faq summary{color:var(--indigo)}
.faq summary::after{color:#B86A0F}
.final{background:var(--indigo)!important;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;width:700px;height:700px;left:50%;top:40%;transform:translate(-50%,0);background:radial-gradient(closest-side,rgba(254,185,95,.25),transparent);pointer-events:none}
.final h2{font-size:clamp(36px,5vw,64px)}
footer{background:#05021F}
.sticky-cta{background:var(--indigo)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 4px rgba(254,185,95,.35)}
.check input{accent-color:var(--indigo)}
.plan-pick label:has(input:checked){border-color:var(--indigo);background:var(--gold-soft)}
.summary .line.total{color:var(--indigo)}

/* exit modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(8,4,54,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}
.modal.hidden{display:none}
.modal-card{position:relative;background:#fff;border-radius:22px;padding:36px;max-width:480px;width:100%;box-shadow:0 40px 100px rgba(0,0,0,.5);text-align:center}
.modal-card h3{font-size:28px}
.modal-card p{color:var(--ink-2)}
.modal-card .linkbtn{display:inline-block;margin-top:10px}
.mclose{position:absolute;right:14px;top:8px;border:0;background:none;font-size:30px;color:var(--ink-3);cursor:pointer}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease-out,transform .6s ease-out}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.track,.gtrack,.aurora i,.soundbtn{animation:none}}

html,body{overflow-x:clip}
.ctable{max-width:100%}

/* v4 pricing: trial banner + call-pack picker */
.trialbar{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:linear-gradient(110deg,var(--gold),#FFD9A6);border-radius:20px;padding:26px 30px;margin-bottom:30px}
.trialbar h3{margin:4px 0 6px;font-size:28px}
.trialbar p{margin:0;color:#3E3B52}
.trialbar .tag{font:700 13px var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--indigo)}
.trialbar .btn{background:var(--indigo);color:#fff;box-shadow:none}
.callpick label{display:block;font:700 13px var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.packs{display:inline-flex;flex-wrap:wrap;gap:6px;background:var(--cream);border:1px solid var(--stone);border-radius:12px;padding:5px}
.packs button{border:0;background:transparent;padding:11px 16px;border-radius:9px;font:700 15px var(--f);color:var(--ink-2);cursor:pointer;min-width:64px}
.packs button[aria-pressed="true"]{background:var(--indigo);color:#fff}
.toggles{align-items:flex-end}

/* v5: people + AI team voices */
.faces{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;color:#C9C4E4;font-size:15px;flex-wrap:wrap}
.stack{display:flex}
.stack img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid var(--indigo);margin-left:-12px}
.stack img:first-child{margin-left:0}
.people{background:#fff}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:14px}
.pcard{position:relative;margin:0;border-radius:18px;overflow:hidden;background:var(--cream)}
.pcard.tall{grid-row:span 2}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}
.pcard:hover img{transform:scale(1.05)}
.pcard figcaption{position:absolute;left:12px;bottom:12px;background:rgba(8,4,54,.82);color:#fff;font:600 14px var(--f);padding:7px 12px;border-radius:999px;backdrop-filter:blur(4px)}
@media (max-width:900px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}}
.team{background:var(--indigo);color:#D9D6EA}
.team h2{color:#fff}.team .eyebrow{color:var(--gold)}.team .section-head p,.team .fine{color:#BDB8DA}
.tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:6px}
.tcard b{font-size:26px;color:#fff}
.tcard .role{font:700 13px var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.tcard p{color:#C9C4E4;font-size:15.5px;margin:8px 0 16px}
.avatar{position:relative;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin-bottom:12px}
.avatar span{font:800 34px var(--f);color:var(--indigo);z-index:1}
.a1{background:var(--gold)}.a2{background:var(--peach)}.a3{background:var(--sky)}
.avatar i{position:absolute;inset:0;border-radius:50%;border:2px solid currentColor;opacity:0}
.a1{color:var(--gold)}.a2{color:var(--peach)}.a3{color:var(--sky)}
.tcard.playing .avatar i{animation:ring 1.6s ease-out infinite}
.tcard.playing .avatar i:nth-child(3){animation-delay:.5s}.tcard.playing .avatar i:nth-child(4){animation-delay:1s}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
.playv{margin-top:auto;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;border:0;cursor:pointer;background:#fff;color:var(--indigo);font:700 15px var(--f);padding:12px 18px;border-radius:10px}
.playv svg{width:18px;height:18px}
.tcard.playing .playv{background:var(--gold)}
.playv[disabled]{opacity:.55;cursor:not-allowed}
@media (max-width:900px){.tgrid{grid-template-columns:minmax(0,1fr)}}

/* v6: reference-style sections */
.typed{border-right:4px solid var(--gold);padding-right:6px;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{border-color:transparent}}
.press,.works{position:relative;z-index:1;text-align:center;margin-top:34px}
.press span,.works span{display:block;font:600 13px var(--f);letter-spacing:.14em;text-transform:uppercase;color:#8F89B8;margin-bottom:14px}
.plogos,.wlogos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 38px}
.wlogos b,.plogos a{font:700 22px var(--f);color:#A8A3CF;letter-spacing:-.01em;text-decoration:none;opacity:.85}
.plogos a{font-family:Georgia,"Times New Roman",serif;font-size:26px}
.plogos a:hover{opacity:1;color:#fff}
/* zig-zag loop */
.flow{background:var(--cream)}
.loop{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:40px 30px;max-width:1080px;margin:0 auto}
.lstep{position:relative;z-index:1;text-align:center;padding:10px 18px}
.lstep b{display:block;font:700 30px var(--f);color:var(--indigo);margin:12px 0 8px;letter-spacing:-.02em}
.lstep span{color:#3E3B52;font-size:16px}
.s1{grid-column:1;grid-row:1}.s3{grid-column:2;grid-row:1}.s5{grid-column:3;grid-row:1}
.s2{grid-column:1/span 2;grid-row:2;justify-self:center;max-width:330px;transform:translateX(-50%)}
.s4{grid-column:2/span 2;grid-row:2;justify-self:center;max-width:330px;transform:translateX(50%)}
.lico{width:84px;height:84px;border-radius:24px;margin:0 auto;display:grid;place-items:center;color:var(--indigo);box-shadow:0 18px 30px -18px rgba(8,4,54,.5)}
.lico svg{width:40px;height:40px}
.arrows{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.arrows path{fill:none;stroke:#D9473B;stroke-width:2.5;vector-effect:non-scaling-stroke}
@media (max-width:900px){.loop{grid-template-columns:minmax(0,1fr);gap:26px}.s1,.s2,.s3,.s4,.s5{grid-column:1;grid-row:auto;transform:none;max-width:none}.arrows{display:none}}
/* agent video cards */
.vcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.vcard{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.vthumb{position:relative;display:block;width:100%;border:0;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;background:#000}
.vthumb img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s ease-out}
.vthumb:hover img{transform:scale(1.04)}
.vplay{position:absolute;left:18px;top:18px;width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--indigo);display:grid;place-items:center}
.vplay svg{width:22px;height:22px;margin-left:3px}
.vcard q{font:500 21px/1.4 var(--f);color:#fff;quotes:"\201C" "\201D";margin-top:8px}
.vname{color:#A8A3CF;font-size:16px}.vname b{color:#fff}
.vcard .playv{align-self:center;margin-top:4px}
.vidbox{position:relative;width:min(960px,100%)}
.vidbox video{width:100%;border-radius:16px;background:#000}
.vidbox .mclose{color:#fff;top:-44px;right:0}
@media (max-width:900px){.vcards{grid-template-columns:minmax(0,1fr)}}
/* channels */
.channels{background:#fff}
.chgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.chcard{background:var(--cream);border:1px solid var(--stone);border-radius:18px;padding:24px;transition:transform .2s ease-out,box-shadow .2s}
.chcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.chcard b{display:block;font-size:19px;color:var(--indigo);margin:14px 0 6px}
.chcard span{color:var(--ink-2);font-size:15px}
.chi{width:50px;height:50px;border-radius:14px;background:var(--indigo);color:var(--gold);display:grid;place-items:center}
.chi svg{width:26px;height:26px}
@media (max-width:980px){.chgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.chgrid{grid-template-columns:minmax(0,1fr)}}
/* final CTA */
.final2{background:var(--cream);text-align:center;padding:110px 0}
.final2 h2{font-size:clamp(40px,7vw,96px);line-height:1.05;letter-spacing:-.04em;margin-bottom:46px}
.hl{display:inline-block;color:#fff;padding:.02em .35em .1em;background:linear-gradient(100deg,#D9473B,#2A1C8F 55%,#FEB95F);clip-path:polygon(4% 0,100% 0,100% 72%,96% 100%,0 100%,0 26%);transform:rotate(-2deg)}
.final2 .startrow{background:var(--stone)}
.final2 .startrow input{color:var(--indigo)}
.dark-ink{color:var(--ink-2)!important}
/* mega footer */
footer.mega{background:var(--indigo);color:#A8A3CF;padding:72px 0 30px}
footer.mega .wrap{display:block}
.flogo{text-align:center;margin-bottom:48px}.flogo img{height:40px;margin:0 auto}
.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.fcols h2,.fcols h4{color:#fff;font:600 22px var(--f);margin:0 0 18px}
.fcols a{display:block;color:#A8A3CF;text-decoration:none;margin-bottom:12px;font-size:16px}
.fcols a:hover{color:#fff}
.fbottom{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:24px;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;font-size:14px;text-align:center}
@media (max-width:760px){.fcols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v7: wide and clean, like the reference */
:root{--max:1440px}
.wrap{padding:0 40px}
section{padding:120px 0}
h2{font-size:clamp(34px,4.6vw,64px);letter-spacing:-.035em;line-height:1.04}
.section-head{max-width:1000px;margin-bottom:56px}
.section-head p{display:none}
.section-head p.keep{display:block;font-size:19px}
.hero2-center{max-width:1240px}
.hero2 h1{font-size:clamp(44px,7.4vw,108px)}
.hero2 .lede{font-size:clamp(18px,1.7vw,22px);max-width:760px}
.pain span{display:none}
.pain{padding:30px 26px;text-align:center}
.pain .pi{margin:0 auto 16px}
.vsl{max-width:1200px}
@media (max-width:760px){.wrap{padding:0 20px}section{padding:80px 0}}

/* v7: sales concierge bubble */
.nb{position:fixed;right:22px;bottom:22px;z-index:120;font-family:var(--f)}
.nb-launch{width:76px;height:76px;border-radius:50%;padding:0;border:3px solid var(--gold);overflow:hidden;cursor:pointer;box-shadow:0 18px 40px -10px rgba(8,4,54,.6);position:relative;background:var(--indigo);animation:nbpulse 2.6s ease-out infinite}
.nb-launch video{width:100%;height:100%;object-fit:cover}
.nb-dot{position:absolute;right:6px;bottom:6px;width:14px;height:14px;border-radius:50%;background:#22C55E;border:2px solid #fff}
@keyframes nbpulse{0%{box-shadow:0 0 0 0 rgba(254,185,95,.6),0 18px 40px -10px rgba(8,4,54,.6)}100%{box-shadow:0 0 0 18px rgba(254,185,95,0),0 18px 40px -10px rgba(8,4,54,.6)}}
.nb-tease{position:absolute;right:0;bottom:92px;width:290px;background:#fff;border-radius:18px 18px 4px 18px;padding:18px 18px 16px;box-shadow:0 24px 50px -16px rgba(8,4,54,.45);color:var(--indigo)}
.nb-tease p{margin:0 0 12px;font-size:15.5px;font-weight:500}
.nb-go{background:var(--gold);color:var(--indigo);border:0;border-radius:9px;padding:10px 16px;font:700 15px var(--f);cursor:pointer}
.nb-x{position:absolute;right:8px;top:4px;border:0;background:none;font-size:22px;color:var(--ink-3);cursor:pointer}
.nb-panel{position:absolute;right:0;bottom:92px;padding:0;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 140px));background:#fff;border-radius:22px;box-shadow:0 40px 90px -20px rgba(8,4,54,.55);display:flex;flex-direction:column;overflow:hidden}
.nb-panel[hidden],.nb-tease[hidden]{display:none}
.nb-panel header{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:var(--indigo);color:#fff}
.nb-panel header video{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.nb-panel header div{flex:1;line-height:1.2}
.nb-panel header b{display:block;font-size:17px}
.nb-status{font-size:12.5px;color:#BDB8DA}
.nb-ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1);border:0;cursor:pointer;font-size:24px;text-decoration:none}
.nb-ic svg{width:18px;height:18px}
.nb-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--cream)}
.nb-msg{max-width:86%;padding:11px 14px;border-radius:16px;font-size:15px;line-height:1.45}
.nb-msg.bot{background:#fff;color:var(--indigo);align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(8,4,54,.08)}
.nb-msg.bot a{color:var(--indigo);font-weight:700}
.nb-msg.me{background:var(--indigo);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.nb-msg.typing{display:flex;gap:4px;padding:14px}
.nb-msg.typing i{width:7px;height:7px;border-radius:50%;background:#B9B5C9;animation:nbt 1s infinite}
.nb-msg.typing i:nth-child(2){animation-delay:.15s}.nb-msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes nbt{50%{transform:translateY(-4px);opacity:.5}}
.nb-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;background:var(--cream);max-height:170px;overflow-y:auto}
.nb-chip{border:1.5px solid var(--indigo);background:#fff;color:var(--indigo);border-radius:999px;padding:8px 13px;font:600 14px var(--f);cursor:pointer;text-decoration:none}
.nb-chip:hover{background:var(--gold-soft)}
.nb-chip.link:first-child{background:var(--gold);border-color:var(--gold)}
.nb-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--stone)}
.nb-in input{flex:1;border:1.5px solid var(--stone);border-radius:10px;padding:11px 12px;font:500 15px var(--f);outline:none;min-width:0}
.nb-in input:focus{border-color:var(--indigo)}
.nb-in button{width:44px;border:0;border-radius:10px;background:var(--gold);color:var(--indigo);cursor:pointer;display:grid;place-items:center}
.nb-in button svg{width:20px;height:20px}
.nb-label{font-size:11px;color:var(--ink-3);text-align:center;padding:0 10px 8px}
@media (max-width:760px){.nb{right:14px;bottom:78px}.nb-launch{width:62px;height:62px}.nb-tease{width:250px;bottom:76px}.nb-panel{bottom:74px}}
@media (prefers-reduced-motion:reduce){.nb-launch{animation:none}}

.pcard video{width:100%;height:100%;object-fit:cover;display:block}

/* v8: even cleaner */
.frow{margin-bottom:96px}
.ftext h3{font-size:clamp(32px,3.6vw,52px);letter-spacing:-.03em}
.chcard{text-align:center;padding:30px 20px}
.chi{margin:0 auto}
.chcard b{margin-bottom:0}
.steps li{padding-bottom:30px}
.steps b{font-size:22px}
.gcard{width:420px}
.tier .fit{display:none}
.demo-copy h3{display:none}
.lstep span{font-size:15px}

/* v9: one font, a short type scale, easy reading */
:root{--f:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
*{font-family:var(--f)}
body{font-size:18px;line-height:1.6;color:var(--ink)}
h1,h2,h3,h4{font-weight:700}
h2{font-size:clamp(32px,4vw,56px)}
h3{font-size:24px}
p,li,.lede{font-weight:400}
.eyebrow,.ddlabel,.qn,.trialbar .tag,.founder .tag,.callpick label,.press span,.works span,.tcard .role{
  text-transform:none!important;letter-spacing:0!important;font-size:16px!important;font-weight:600!important}
.eyebrow{color:#B86A0F}
.dark .eyebrow,.hero2 .eyebrow,.tinted .eyebrow,.team .eyebrow{color:var(--gold)}
.plogos a{font-family:var(--f)!important;font-size:22px}
.wlogos b{font-size:19px;font-weight:600}
.fine,.approx,.meta,.setup{font-size:15px}
.tier ul{font-size:16px}
.btn,.nb-chip,.qbtns button,.packs button,.seg button{font-weight:600}
.price{font-weight:700}

[hidden]{display:none!important}

/* checkout add-on picker */
.aolabel{display:block;font-weight:700;margin-bottom:8px;color:var(--indigo)}
.addon-pick{display:grid;gap:8px}
.ao{display:flex;align-items:center;gap:12px;border:1.5px solid var(--stone);border-radius:12px;padding:10px 14px;cursor:pointer;background:#fff}
.ao:has(input:checked){border-color:var(--indigo);background:var(--gold-soft)}
.ao input{width:20px;height:20px;accent-color:var(--indigo);flex:0 0 auto}
.ao span{flex:1;min-width:0;line-height:1.3}.ao b{display:block;font-size:16px;color:var(--indigo)}.ao small{color:var(--ink-3);font-size:13.5px}
.ao em{font-style:normal;font-weight:700;color:var(--indigo);white-space:nowrap}

/* white-glove integration + Neria Chat */
.integ{background:var(--cream)}
.tools{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1100px;margin:0 auto}
.tools span{background:#fff;border:1px solid var(--stone);border-radius:12px;padding:14px 22px;font-weight:600;font-size:18px;color:var(--indigo)}
.tools .more{background:var(--gold);border-color:var(--gold)}
.nctabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.nctabs span{background:var(--indigo);color:#fff;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600}

.nb-tabs{display:flex;gap:4px;padding:8px 10px;background:var(--indigo);border-top:1px solid rgba(255,255,255,.1)}
.nb-tabs button{flex:1;border:0;border-radius:8px;padding:8px 6px;font:600 13.5px var(--f);color:#C9C4E4;background:rgba(255,255,255,.06);cursor:pointer}
.nb-tabs button[aria-selected="true"]{background:var(--gold);color:var(--indigo)}

/* usability pass */
.nb.nb-wait .nb-launch,.nb.nb-wait .nb-tease{opacity:0;pointer-events:none;transform:scale(.8)}
.nb-launch,.nb-tease{transition:opacity .2s ease-out,transform .2s ease-out}
@media (max-width:760px){
  .bar{font-size:14px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}
  .bar span{flex:1;text-align:left;line-height:1.3}
  .bar a{margin:0;flex:0 0 auto}
  .faces span{font-size:14px}
  .hero2 h1{font-size:42px}
  section{padding:64px 0}
  .section-head{margin-bottom:32px}
}

/* v10: review average */
.rv-avg{font-size:18px;margin:-8px 0 24px;color:var(--ink-2)}.rv-avg .stars{color:var(--gold);letter-spacing:2px}

/* v11: six footer columns */
.fcols{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.fcols h2,.fcols h4{font-size:19px}
@media (max-width:1100px){.fcols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.fcols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v12: social + legal row (from neria.ai) */
.fsocial-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.fsocial{display:flex;gap:14px}
.fsocial a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;transition:background .15s ease-out}
.fsocial a:hover{background:rgba(255,255,255,.2)}
.flegal{display:flex;flex-wrap:wrap;gap:8px 26px}
.flegal a{color:#A8A3CF;text-decoration:none;font-size:15px}
.flegal a:hover{color:#fff}

/* v13: upscale footer (ClickFunnels-style structure, Neria finish) */
footer.mega{background:radial-gradient(1100px 480px at 50% -12%,#1C1554 0%,#0B0640 46%,#060330 100%);color:#C9C4E6;padding:104px 0 44px;border-top:1px solid rgba(254,185,95,.4);position:relative}
footer.mega::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(254,185,95,.9),transparent)}
.flogo{margin-bottom:64px}.flogo img{height:44px;width:auto}
.ftag{margin:18px 0 0;font:500 13px var(--f);letter-spacing:.28em;text-transform:uppercase;color:#FEB95F}
.flogo::after{content:"";display:block;width:72px;height:1px;margin:30px auto 0;background:linear-gradient(90deg,transparent,#FEB95F,transparent)}
.fcols{gap:36px 28px}
.fcols h2,.fcols h4{font:600 12px var(--f);letter-spacing:.24em;text-transform:uppercase;color:#FEB95F;margin:0 0 24px}
.fcols a{font-size:15px;line-height:1.45;color:#C9C4E6;margin-bottom:14px;letter-spacing:.01em;transition:color .2s ease-out}
.fcols a:hover,.fcols a:focus-visible{color:#fff}
.fsocial-row{flex-direction:column;justify-content:center;gap:28px;margin-top:72px;padding-top:44px;border-top:1px solid rgba(254,185,95,.16)}
.fsocial{justify-content:center;gap:34px}
.fsocial a{width:auto;height:auto;background:none;border:0;border-radius:0;color:#C9C4E6;transition:color .2s ease-out,transform .2s ease-out}
.fsocial a:hover,.fsocial a:focus-visible{color:#FEB95F;background:none;transform:translateY(-2px)}
.fsocial svg{width:24px;height:24px}
.flegal{justify-content:center;gap:0}
.flegal a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9C97BF;padding:4px 16px}
.flegal a+a{border-left:1px solid rgba(254,185,95,.3)}
.flegal a:hover{color:#fff}
.fbottom{margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;letter-spacing:.1em;color:#8C87B0;gap:8px 0}
.fbottom>span+span::before{content:"·";color:#FEB95F;margin:0 14px}
@media (max-width:760px){footer.mega{padding:72px 0 36px}.fbottom{flex-direction:column}.fbottom>span+span::before{content:none}.flegal a{padding:6px 10px}.flegal a+a{border-left:0}}
@media (prefers-reduced-motion:reduce){.fsocial a{transition:none}.fsocial a:hover{transform:none}}

/* v14: scan-to-phone QR in the footer (desktop and tablet only) */
.fscan{display:flex;align-items:center;gap:18px;padding:14px 22px 14px 14px;border:1px solid rgba(254,185,95,.35);border-radius:16px;background:rgba(255,255,255,.04)}
.fscan img{width:120px;height:120px;border-radius:10px;background:#fff;padding:6px}
.fscan p{margin:0;display:flex;flex-direction:column;gap:4px;max-width:240px}
.fscan b{color:#fff;font:600 16px var(--f)}
.fscan span{color:#C9C4E6;font-size:14px;line-height:1.4}
@media (max-width:760px){.fscan{display:none}}
.fcols h2{line-height:1.2}
.ctable tbody th{background:transparent;color:var(--ink);font-weight:600;text-align:left}