/* landing page: red accent system remapped to suit neon blue */
:root{--red:#24b4f7;--red-bright:#4fc6ff;--red-deep:#0b86c8;--red-glow:rgba(36,180,247,.55)}
/* SEONINJA — scroll-verse: 4 chained scrub videos → image handoff */
.sv-scroll{position:relative;z-index:1}
.sv-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#eef1f7}
.sv-stage video,.sv-stage .sv-final,.sv-stage .sv-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:none}
.sv-stage .sv-film{opacity:1}
.sv-stage video.on,.sv-stage .sv-final.on{opacity:1}
.sv-final{background:url('verse-bg.jpg') center/cover no-repeat}
.sv-poster{position:absolute;inset:0;background:url('verse-poster.jpg') center/cover no-repeat;opacity:1;transition:opacity .45s ease}
.sv-poster.off{opacity:0}
.sv-hover{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:1;transition:opacity .4s ease}
.sv-hover.off{opacity:0}
.sv-code{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.sv-stage .sv-code.on{opacity:.55}
.sv-loading{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(10,20,40,.55);display:flex;align-items:center;gap:10px;transition:opacity .5s}
.sv-loading .bar{width:120px;height:2px;background:rgba(10,20,40,.15);position:relative;overflow:hidden}
.sv-loading .bar i{position:absolute;inset:0;right:100%;background:#24b4f7;transition:right .3s}
.sv-loading.done{opacity:0}
/* chapters */
.sv-chapter{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none;opacity:0;transform:translateY(26px);transition:opacity .45s ease,transform .45s ease}
.sv-chapter.on{opacity:1;transform:none}
.sv-chapter .sv-box{margin:0 auto;width:min(1180px,calc(100% - 48px));pointer-events:auto}
.sv-chapter .eyebrow-lt{display:inline-flex;align-items:center;gap:10px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#0d2c4a;background:rgba(255,255,255,.55);border:1px solid rgba(13,44,74,.18);padding:7px 14px;backdrop-filter:blur(6px);margin-bottom:20px}
.sv-chapter .eyebrow-lt .pulse{width:7px;height:7px;border-radius:50%;background:#24b4f7;box-shadow:0 0 12px #24b4f7;animation:svPulse 1.6s infinite}
@keyframes svPulse{0%,100%{opacity:1}50%{opacity:.35}}
.sv-chapter h1,.sv-chapter h2{font-family:'Archivo',sans-serif;font-weight:900;text-transform:uppercase;line-height:.94;letter-spacing:-.01em;color:#0a1626;margin:0 0 18px;font-size:clamp(44px,7.2vw,108px);text-shadow:0 2px 40px rgba(255,255,255,.65)}
.sv-chapter .red{color:#1fb4f7}
.sv-chapter .blue{color:#1fb4f7;text-shadow:0 0 22px rgba(36,180,247,.55)}
.sv-chapter p{font-family:'Chakra Petch',sans-serif;font-size:clamp(15px,1.4vw,19px);line-height:1.65;color:#22344c;max-width:56ch;margin:0;text-shadow:0 1px 24px rgba(255,255,255,.8)}
.sv-chapter .sv-cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.sv-chapter.right .sv-box{display:flex;justify-content:flex-end}
.sv-chapter.right .sv-inner{max-width:560px;text-align:right}
.sv-chapter.right p{margin-left:auto}
.sv-chapter.right .sv-cta{justify-content:flex-end}
.sv-chapter.center .sv-box{text-align:center}
.sv-chapter.center p{margin:0 auto}
.sv-chapter.center .sv-cta{justify-content:center}
.sv-hud{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:16px 26px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(13,34,60,.6);pointer-events:none}
.sv-hud .rail{flex:1;height:1px;background:rgba(13,34,60,.18);margin:0 18px;position:relative}
.sv-hud .rail i{position:absolute;top:-1px;left:0;height:3px;width:0;background:#24b4f7}
/* ---- glass pill nav (landing only) ---- */
.nav{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(1140px,calc(100% - 24px));border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(10,14,24,.42);-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);box-shadow:0 2px 6px rgba(0,0,0,.12),0 12px 32px -12px rgba(0,0,0,.35),inset 1px 1px 1px -0.5px rgba(255,255,255,.5),inset -1px -1px 1px -0.5px rgba(255,255,255,.45),inset 0 0 6px 6px rgba(255,255,255,.06),0 0 12px rgba(255,255,255,.1);overflow:visible}
.nav::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 46%);pointer-events:none}
.nav.scrolled{background:rgba(8,10,16,.62);border-color:rgba(255,255,255,.18);box-shadow:0 2px 6px rgba(0,0,0,.2),0 14px 40px -14px rgba(0,0,0,.55),inset 1px 1px 1px -0.5px rgba(255,255,255,.35),inset 0 0 6px 6px rgba(255,255,255,.04)}
.nav-inner{height:58px;padding:0 12px 0 24px;gap:20px}
.nav .logo img{height:26px}
.nav-links > a::after{bottom:15px}
.nav-links > a{white-space:nowrap}
.nav .nav-icon{border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.nav .nav-icon:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
@media(max-width:860px){
  .nav.nav-hidden{transform:translate(-50%,calc(-100% - 20px))}
}
@media(min-width:861px){
  .nav.nav-hidden{transform:translateX(-50%)}
}
.announce{position:relative;z-index:41}
@media(max-width:860px){
  .nav-inner{height:52px;padding:0 8px 0 18px}
  .nav .logo img{height:22px}
}
/* content over image — LIGHT theme */
.verse-content{position:relative;z-index:2;background:linear-gradient(180deg,rgba(246,249,255,.5),rgba(240,245,252,.62)),url('verse-bg.jpg') center/cover fixed no-repeat #eef2f9;
 --text:#0e1b30;--text-soft:#3d4f6b;--text-dim:#64748f;--line:rgba(13,34,66,.16);--line-2:rgba(13,34,66,.3);--panel:rgba(255,255,255,.66);--black:#eef2f9;--black-2:rgba(255,255,255,.55);--chrome-lo:#5d6d86;color:var(--text)}
#codeRain{position:sticky;top:0;display:block;width:100%;height:100vh;margin-bottom:-100vh;z-index:0;pointer-events:none;opacity:.5}
.verse-content>*{position:relative;z-index:1}
/* dark-on-light text fixes for hard-coded whites */
.verse-content h1,.verse-content h2,.verse-content h3,.verse-content h4{color:#0e1b30}
.verse-content .card .name,.verse-content .card .price .amt,.verse-content .card .price .custom{color:#0e1b30}
.verse-content .card{background:var(--panel);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.verse-content .card.featured{background:linear-gradient(180deg,rgba(235,247,255,.85),rgba(255,255,255,.7) 40%)}
.verse-content .card li{color:#22334d}
.verse-content .btn-ghost{color:#16263f;background:rgba(255,255,255,.4)}
.verse-content .btn-ghost:hover{color:#0e1b30;background:rgba(255,255,255,.7)}
.verse-content .btn-chrome{color:#101014}
.verse-content .ticker{background:rgba(255,255,255,.45);border-color:var(--line)}
.verse-content .ticker .track span{color:#4a5a75}
.verse-content .value-card,.verse-content .step{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.verse-content .faq details,.verse-content .faq-list details{background:rgba(255,255,255,.6);border-color:var(--line)}
.verse-content .faq-list details p{color:#3d4f6b}
.verse-content .faq .ans{color:#3d4f6b}
.verse-content .chrome-text,.verse-content .eyebrow.chrome{color:#31415c;-webkit-text-fill-color:initial;background:none}
.verse-content .intro-lead{color:#22334d}
.verse-content footer{background:rgba(255,255,255,.5);border-top:1px solid var(--line)}
.verse-content .foot-brand p{color:#3d4f6b}
.verse-content .foot-col a{color:#31415c}
.verse-content .foot-col a:hover{color:#0e1b30}
.verse-content .cta-band h2{color:#0e1b30}
.verse-content .cta-band p{color:#3d4f6b}
.verse-content .billing-toggle .bt-opt{color:#31415c}
.verse-content .billing-toggle .bt-opt.active{color:#0e1b30}
/* turquoise replaces red text accents in all content sections */
.verse-content .red-text{color:#1fb4f7;text-shadow:0 0 18px rgba(36,180,247,.5)}
.verse-content .step .n{color:#1fb4f7;text-shadow:0 0 14px rgba(36,180,247,.45)}
.verse-content .card .num{color:#0d9fe8}
.verse-content .sec-index b{color:#0d9fe8}
.verse-content .intro-lead a,.verse-content .sec-head p a,.verse-content .card .lvl{color:#0b86c8}
.verse-content .intro-lead a{border-bottom-color:rgba(36,180,247,.45)}
.verse-content .intro-lead a:hover,.verse-content .sec-head p a:hover{color:#24b4f7;border-color:#24b4f7}
.verse-content a{color:#0b86c8}
.verse-content a:hover{color:#24b4f7}
.verse-content a.btn-primary,.verse-content a.btn-primary span{color:#fff}
.verse-content .foot-col a{color:#31415c}
.verse-content .seo-band{background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.2))}
.verse-content .cta-band{background:radial-gradient(70% 130% at 50% 0%,rgba(36,180,247,.14),rgba(255,255,255,0) 60%),linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.55))}
/* FAQ sections: dark question text, neon-turquoise accents */
.verse-content .faq summary{color:#0e1b30}
.verse-content .faq summary:hover{color:#0d9fe8}
.verse-content .faq summary .q-ic::before,.verse-content .faq summary .q-ic::after{background:#24b4f7;box-shadow:0 0 8px rgba(36,180,247,.75)}
.verse-content .faq details[open] summary .q-ic{box-shadow:inset 0 0 0 1.5px #24b4f7,0 0 12px rgba(36,180,247,.45);background:rgba(36,180,247,.1)}
.verse-content .faq details[open]{background:linear-gradient(180deg,rgba(36,180,247,.08),transparent)}
.verse-content #faq .sec-head h2 .red-text,.verse-content .faq-band h2 .red-text{color:#1fb4f7;text-shadow:0 0 18px rgba(36,180,247,.5)}
.verse-content .faq .ans a,.verse-content #faq .sec-head p a{color:#0b86c8;border-bottom-color:rgba(36,180,247,.45)}
.verse-content .faq .ans a:hover,.verse-content #faq .sec-head p a:hover{color:#24b4f7;border-color:#24b4f7}
.verse-content .faq-list summary{color:#0e1b30}
.verse-content .faq-list summary::after{color:#24b4f7}
.verse-content #faq .sec-index b{color:#0d9fe8}
.verse-content .faq-list details{border-color:rgba(36,180,247,.3)}
.verse-content footer .logo{display:inline-flex}
.verse-content .foot-bottom .copy,.verse-content .foot-status{color:#5d6d86}
@media (max-width:640px){
  .sv-chapter h1,.sv-chapter h2{font-size:clamp(34px,11vw,54px)}
  .sv-chapter.right .sv-inner{text-align:left}
  .sv-chapter.right .sv-box,.sv-chapter.right .sv-cta{justify-content:flex-start}
  .sv-chapter.right p{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .sv-chapter{transition:none}
}

.verse-content .faq details[open]{background:linear-gradient(180deg,rgba(36,180,247,.08),transparent)}
.verse-content .faq details[open] summary .q-ic{background:rgba(36,180,247,.1)}
.verse-content .foot-social a:hover,.verse-content .foot-social .soc-btn:hover,.verse-content .foot-social .soc.open .soc-btn{background:rgba(36,180,247,.1);color:#0b86c8}

/* ---- suit-blue accent takeover (was red) ---- */
:root{--red:#1fb4f7;--red-bright:#4cc6ff;--red-deep:#0d7fc0;--red-glow:rgba(36,180,247,.55);}
.faq details[open] summary .q-ic{background:rgba(36,180,247,.1)}
.foot-social a:hover,.foot-social .soc-btn:hover,.foot-social .soc.open .soc-btn{background:rgba(36,180,247,.08)}
.verse-content .card.featured{background:linear-gradient(180deg,rgba(230,245,255,.85),rgba(255,255,255,.7) 40%)}
.verse-content .cta-band{background:radial-gradient(70% 130% at 50% 0%,rgba(36,180,247,.14),rgba(255,255,255,0) 60%),linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.55))}

/* ---- glass pill buttons ---- */
.btn{border-radius:999px !important;clip-path:none !important;border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);position:relative;overflow:hidden}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 50%);pointer-events:none}
.btn-primary{background:rgba(13,159,232,.55) !important;color:#fff !important;box-shadow:0 2px 6px rgba(10,25,50,.15),0 12px 30px -12px rgba(36,180,247,.6),inset 1px 1px 1px -0.5px rgba(255,255,255,.6),inset -1px -1px 1px -0.5px rgba(255,255,255,.4) !important;text-shadow:0 1px 2px rgba(10,40,70,.35)}
.btn-primary:hover{background:rgba(13,159,232,.72) !important;filter:none;box-shadow:0 2px 8px rgba(10,25,50,.2),0 0 34px -6px rgba(36,180,247,.75),inset 1px 1px 1px -0.5px rgba(255,255,255,.65) !important}
.btn-ghost{background:rgba(255,255,255,.35) !important;box-shadow:0 2px 6px rgba(10,25,50,.08),0 10px 26px -14px rgba(10,25,50,.3),inset 1px 1px 1px -0.5px rgba(255,255,255,.6),inset -1px -1px 1px -0.5px rgba(255,255,255,.45) !important}
.btn-ghost:hover{background:rgba(255,255,255,.6) !important;box-shadow:0 2px 8px rgba(10,25,50,.12),0 12px 30px -14px rgba(10,25,50,.35),inset 1px 1px 1px -0.5px rgba(255,255,255,.7) !important}
.btn-chrome{border-radius:999px !important;clip-path:none !important}
.card .btn,.scan-bar .btn{border-radius:999px !important}

/* nav text: white, crisp, lifts on hover */
.nav-links > a,.nav-item > button,.nav-login{color:#fff;text-shadow:0 1px 3px rgba(5,15,30,.55);transition:transform .18s ease,color .16s,text-shadow .18s}
.nav-links > a:hover,.nav-item:hover > button,.nav-login:hover{color:#fff;transform:translateY(-2px);text-shadow:0 2px 6px rgba(5,15,30,.6),0 0 14px rgba(76,198,255,.55)}
.nav .nav-icon{color:#fff}

/* centered nav links, no login */
.nav-inner{justify-content:space-between}
.nav-links{margin:0 auto;justify-content:center;flex:1}
.nav-spacer{display:none}

/* ---- section scroll animations ---- */
.anim{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.3,1) var(--d,0ms),transform .7s cubic-bezier(.2,.7,.3,1) var(--d,0ms),clip-path .7s cubic-bezier(.2,.7,.3,1) var(--d,0ms)}
.anim.in{opacity:1;transform:none !important}
.fx-up{transform:translateY(34px)}
.fx-left{transform:translateX(-38px)}
.fx-card{transform:translateY(46px) scale(.94) rotate(-1deg)}
.fx-step{transform:translateY(40px);clip-path:inset(0 100% 0 0)}
.fx-step.in{clip-path:inset(0 0 0 0)}
.fx-tier{transform:translateY(56px) perspective(900px) rotateX(8deg);transform-origin:50% 100%}
.card.featured.fx-tier{transition-delay:calc(var(--d,0ms) + 80ms)}
/* value card icon pop after reveal */
.value-card .ic{transition:transform .5s cubic-bezier(.34,1.56,.64,1) .35s,box-shadow .5s .35s;transform:scale(.6);opacity:0.99}
.value-card.in .ic{transform:scale(1);box-shadow:inset 0 0 0 1.5px var(--red),0 0 22px -6px var(--red-glow)}
/* step number sweep */
.step .n{display:block;transition:letter-spacing .6s ease .25s}
.step.in .n{letter-spacing:.04em}
/* SEO meters grow bars */
.seo-card .meter i{transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.seo-card .meter.meter-run i{transform:scaleY(1)}
.seo-card .meter.meter-run i:nth-child(1){transition-delay:.0s}.seo-card .meter.meter-run i:nth-child(2){transition-delay:.05s}.seo-card .meter.meter-run i:nth-child(3){transition-delay:.1s}.seo-card .meter.meter-run i:nth-child(4){transition-delay:.15s}.seo-card .meter.meter-run i:nth-child(5){transition-delay:.2s}.seo-card .meter.meter-run i:nth-child(6){transition-delay:.25s}.seo-card .meter.meter-run i:nth-child(7){transition-delay:.3s}.seo-card .meter.meter-run i:nth-child(8){transition-delay:.35s}.seo-card .meter.meter-run i:nth-child(9){transition-delay:.4s}.seo-card .meter.meter-run i:nth-child(10){transition-delay:.45s}
/* parallax containers move smoothly */
#why .value-grid,#process .steps,#tiers .cards,#seo .cards,.cta-band .inner{will-change:transform}
/* sec-head underline draw */
.sec-head .l h2{position:relative}
.sec-head.anim .l h2::after{content:"";position:absolute;left:0;bottom:-10px;height:3px;width:64px;background:linear-gradient(90deg,var(--red),transparent);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.2,.7,.3,1) .3s}
.sec-head.anim.in .l h2::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.anim{opacity:1;transform:none;clip-path:none}}

/* ---- custom cursor: blue dot + ring ---- */
@media (hover:hover) and (pointer:fine){
body{cursor:none}
a,button,.btn,.chip,.nav-icon,summary,input,textarea,select,label{cursor:none}
.cur-dot{position:fixed;top:0;left:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#1fb4f7;box-shadow:0 0 10px rgba(36,180,247,.8);pointer-events:none;z-index:9999}
.cur-ring{position:fixed;top:0;left:0;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:1.5px solid rgba(36,180,247,.75);pointer-events:none;z-index:9999;transition:width .18s ease,height .18s ease,margin .18s ease,border-color .18s ease,opacity .25s}
.cur-ring.hot{width:56px;height:56px;margin:-28px 0 0 -28px;border-color:#4cc6ff;box-shadow:0 0 18px -4px rgba(36,180,247,.6)}
.cur-dot.hidden,.cur-ring.hidden{opacity:0}
}