/* ============ RENTABILITY · SECTIONS & MOTION ============ */

/* ---- HERO ---- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--night);}
.hero-bg{position:absolute;inset:0;z-index:0;}
/* cinematic crossfade carousel */
.hero-stage{position:absolute;inset:0;overflow:hidden;}
.hero-slide{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;opacity:0;will-change:transform,opacity;transition:opacity 1.8s ease;}
.hero-slide.on{opacity:1;}
.hero-slide.on.k0{animation:kb0 8s ease-out forwards;}
.hero-slide.on.k1{animation:kb1 8s ease-out forwards;}
.hero-slide.on.k2{animation:kb2 8s ease-out forwards;}
@keyframes kb0{0%{transform:scale(1.05) translate(0,0);}100%{transform:scale(1.2) translate(-3%,-2%);}}
@keyframes kb1{0%{transform:scale(1.05) translate(0,0);}100%{transform:scale(1.2) translate(3%,-2%);}}
@keyframes kb2{0%{transform:scale(1.18) translate(0,2%);}100%{transform:scale(1.05) translate(0,0);}}
.hero-parallax{position:absolute;inset:-8%;will-change:transform;}
/* lighter cinematic side gradient — lets the photo shine */
.hov1{position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,8,24,.92) 0%,rgba(14,11,32,.74) 32%,rgba(20,16,42,.32) 58%,rgba(20,16,42,.05) 80%,rgba(187,31,125,.12) 100%);}
.hov-bottom{position:absolute;inset:0;background:linear-gradient(0deg,var(--night) 0%,rgba(12,10,28,.4) 16%,transparent 34%);}
.hov-top{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,20,.6) 0%,transparent 22%);}
/* moving color mesh */
.hmesh{position:absolute;inset:-25%;z-index:1;background:
  radial-gradient(38% 48% at 82% 20%,rgba(187,31,125,.5),transparent 60%),
  radial-gradient(36% 44% at 10% 80%,rgba(83,43,131,.45),transparent 60%),
  radial-gradient(34% 40% at 62% 95%,rgba(237,110,79,.35),transparent 60%);
  filter:blur(10px);animation:meshmove 18s ease-in-out infinite alternate;mix-blend-mode:screen;will-change:transform;}
@keyframes meshmove{0%{transform:translate(0,0) scale(1);}50%{transform:translate(5%,-4%) scale(1.1);}100%{transform:translate(-4%,4%) scale(1.05);}}
.hgrid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:74px 74px;mask-image:radial-gradient(ellipse 95% 85% at 40% 45%,black,transparent 75%);}
.hvignette{position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 220px 60px rgba(6,5,16,.85);}
/* carousel dots */
.hero-dots{position:absolute;bottom:34px;right:7%;z-index:4;display:flex;gap:10px;}
.hero-dots b{width:32px;height:4px;border-radius:99px;background:rgba(255,255,255,.28);cursor:pointer;transition:all .4s var(--ease);overflow:hidden;position:relative;}
.hero-dots b.on{background:rgba(255,255,255,.3);width:48px;}
.hero-dots b.on::after{content:'';position:absolute;inset:0;background:var(--g2);transform-origin:left;animation:dotfill 6s linear forwards;}
@keyframes dotfill{from{transform:scaleX(0);}to{transform:scaleX(1);}}
.particles-wrap{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;}
.par{position:absolute;border-radius:50%;animation:floatUp linear infinite;}
@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0;}10%{opacity:1;}88%{opacity:.55;}100%{transform:translateY(-105vh) scale(.25);opacity:0;}}
.scan{position:absolute;top:0;left:62%;width:1px;height:100%;z-index:1;background:linear-gradient(180deg,transparent,rgba(187,31,125,.5),transparent);animation:scanp 5s ease-in-out infinite;}
@keyframes scanp{0%,100%{opacity:.2;}50%{opacity:1;}}

.hcontent{position:relative;z-index:3;width:100%;padding-top:130px;padding-bottom:90px;}
.heyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);border:1px solid rgba(187,31,125,.4);color:#f3a8d0;padding:8px 19px;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:30px;backdrop-filter:blur(10px);}
.pdot{width:7px;height:7px;border-radius:50%;background:#ED6E4F;box-shadow:0 0 12px #ED6E4F;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.7);opacity:.35;}}
.hcontent h1{color:#fff;margin-bottom:26px;max-width:15ch;text-shadow:0 6px 40px rgba(0,0,0,.45);}
.hcontent h1 em{font-style:normal;background:var(--g2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hsub{font-size:1.14rem;color:rgba(255,255,255,.78);max-width:54ch;line-height:1.85;margin-bottom:40px;}
.hbtns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:64px;}
.hstats{display:flex;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:var(--r);overflow:hidden;backdrop-filter:blur(14px);width:fit-content;box-shadow:0 20px 50px rgba(0,0,0,.3);}
.hs{padding:24px 36px;text-align:center;position:relative;}
.hs+.hs::before{content:'';position:absolute;left:0;top:22%;height:56%;width:1px;background:rgba(255,255,255,.14);}
.hsn{font-family:'Roboto',sans-serif;font-size:2rem;font-weight:900;color:#fff;line-height:1;margin-bottom:5px;letter-spacing:-.02em;}
.hsn span{color:#f3a8d0;}
.hsl{font-size:.66rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.11em;font-weight:700;}

/* word-by-word headline reveal (visible by default; animates only when enabled) */
.word{display:inline-block;overflow:hidden;vertical-align:top;}
.word>span{display:inline-block;}
.reveal-words .word>span{animation:wordUp .9s var(--ease) both;}
@keyframes wordUp{from{transform:translateY(110%);}to{transform:translateY(0);}}

/* floating glass cards in hero */
.hfloat{position:absolute;right:5.5%;top:50%;transform:translateY(-50%);z-index:4;width:268px;}
.fc{background:rgba(255,255,255,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.16);border-radius:var(--r);padding:20px;box-shadow:0 24px 56px rgba(0,0,0,.45);margin-bottom:14px;}
.fc:nth-child(1){animation:floaty 7s ease-in-out infinite;}
.fc:nth-child(2){animation:floaty 7s ease-in-out infinite .8s;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-16px);}}
.fcl{font-size:.62rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:5px;}
.fcv{font-family:'Roboto',sans-serif;font-size:1.7rem;font-weight:900;color:#fff;margin-bottom:3px;}
.fcc{font-size:.76rem;font-weight:700;color:#4ade80;}
.fcbar{height:5px;background:rgba(255,255,255,.12);border-radius:3px;margin-top:14px;overflow:hidden;}
.fcfill{height:100%;background:var(--g2);border-radius:3px;}
.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.5);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;}
.scroll-cue .mouse{width:24px;height:38px;border:2px solid rgba(255,255,255,.4);border-radius:14px;position:relative;}
/* hero text swap on carousel change */
.hero-swap{animation:heroSwap .8s var(--ease) both;}
@keyframes heroSwap{0%{opacity:0;transform:translateY(18px);filter:blur(6px);}100%{opacity:1;transform:translateY(0);filter:blur(0);}}
.scroll-cue .mouse::after{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:3px;height:7px;background:#fff;border-radius:2px;animation:wheel 1.6s ease-in-out infinite;}
@keyframes wheel{0%{opacity:0;top:7px;}40%{opacity:1;}100%{opacity:0;top:18px;}}

/* ---- TRUST BAR ---- */
.tbar{background:#0a081c;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.06);}
.ti{display:flex;align-items:center;justify-content:center;gap:14px 52px;flex-wrap:wrap;}
.tlbl{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.4);}
.ttag{font-size:.92rem;font-weight:800;color:rgba(255,255,255,.55);letter-spacing:.04em;transition:color .3s;}
.ttag:hover{color:#fff;}

/* ---- GENERIC SECTIONS ---- */
section{padding:120px 0;position:relative;}
.sc-dark{background:var(--ink);}
.sc-light{background:#f6f4fb;}
.sc-grad{background:var(--gd);}
.eyebrow{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--p);background:rgba(187,31,125,.09);padding:7px 17px;border-radius:99px;margin-bottom:16px;border:1px solid rgba(187,31,125,.2);}
.eyebrow.lt{background:rgba(243,168,208,.1);color:#f3a8d0;border-color:rgba(243,168,208,.25);}
.sec-head{text-align:center;margin-bottom:70px;max-width:680px;margin-left:auto;margin-right:auto;}
.sec-head h2{margin-bottom:18px;}
.sec-head h2.lt{color:#fff;}
.sec-head p{font-size:1.08rem;}

/* ---- FEATURE CARDS ---- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.card{background:#fff;border-radius:var(--rl);padding:38px 34px;border:1px solid var(--line);box-shadow:0 4px 18px rgba(43,40,74,.05);transition:all .45s var(--ease);position:relative;overflow:hidden;}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);}
.card:hover{transform:translateY(-10px);box-shadow:var(--shlg);border-color:transparent;}
.card:hover::before{transform:scaleX(1);}
.ibox{width:68px;height:68px;border-radius:18px;background:var(--g);display:flex;align-items:center;justify-content:center;margin-bottom:26px;box-shadow:0 12px 30px rgba(187,31,125,.32);transition:transform .55s var(--bounce);}
.ibox svg{width:32px;height:32px;stroke:#fff;}
.card:hover .ibox{transform:scale(1.12) rotate(-6deg);}
.card h3{margin-bottom:12px;}

/* ---- AUDIENCE PATHS ---- */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.path{position:relative;border-radius:var(--rl);overflow:hidden;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;color:#fff;isolation:isolate;transition:all .5s var(--ease);}
.path-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);}
.path::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(12,10,28,.96) 8%,rgba(43,40,74,.4) 55%,rgba(43,40,74,.15) 100%);transition:background .5s;}
.path:hover{transform:translateY(-8px);box-shadow:var(--shlg);}
.path:hover .path-img{transform:scale(1.1);}
.path:hover::after{background:linear-gradient(0deg,rgba(83,43,131,.96) 6%,rgba(187,31,125,.45) 55%,transparent 100%);}
.path-tag{align-self:flex-start;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);padding:6px 14px;border-radius:99px;margin-bottom:auto;}
.path h3{color:#fff;font-size:1.55rem;margin-bottom:10px;margin-top:20px;}
.path p{color:rgba(255,255,255,.82);font-size:.92rem;margin-bottom:18px;}
.path-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.88rem;color:#fff;transition:gap .3s;}
.path:hover .path-link{gap:14px;}
.path-link svg{width:16px;height:16px;}

/* ---- STATS STRIP ---- */
.stats-strip{background:var(--g);background-size:200% 200%;animation:gshift 12s ease infinite;position:relative;overflow:hidden;padding:0;}
@keyframes gshift{0%,100%{background-position:0 0;}50%{background-position:100% 100%;}}
.stats-strip::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:28px 28px;}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1;}
.scell{text-align:center;padding:70px 24px;position:relative;}
.scell+.scell::before{content:'';position:absolute;left:0;top:28%;height:44%;width:1px;background:rgba(255,255,255,.22);}
.snum-big{font-family:'Roboto',sans-serif;font-size:clamp(2.6rem,4vw,3.6rem);font-weight:900;color:#fff;line-height:1;margin-bottom:10px;letter-spacing:-.03em;}
.slbl{font-size:.72rem;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.11em;font-weight:700;}

/* ---- SPLIT (problem/solution) ---- */
.twocol{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;}
.pitem{display:flex;gap:18px;align-items:flex-start;margin-bottom:26px;}
.pico{width:52px;height:52px;border-radius:14px;flex-shrink:0;background:rgba(187,31,125,.09);display:flex;align-items:center;justify-content:center;transition:all .35s var(--bounce);}
.pico svg{width:24px;height:24px;stroke:var(--p);}
.pitem:hover .pico{transform:scale(1.12) rotate(-5deg);background:var(--g);}
.pitem:hover .pico svg{stroke:#fff;}
.media-card{position:relative;border-radius:var(--rl);overflow:hidden;box-shadow:var(--shlg);}
.media-card img{width:100%;height:520px;object-fit:cover;transition:transform 1.1s var(--ease);}
.media-card:hover img{transform:scale(1.06);}
.float-badge{position:absolute;background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 18px 44px rgba(43,40,74,.22);border:1px solid var(--line);animation:floaty 6s ease-in-out infinite;}
.fb-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa;font-weight:800;margin-bottom:5px;}
.fb-val{font-family:'Roboto',sans-serif;font-size:1.5rem;font-weight:900;color:var(--dk);}

/* ---- STEPS ---- */
.swrap{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;position:relative;}
.swrap::before{content:'';position:absolute;top:36px;left:16.6%;right:16.6%;height:2px;background:var(--g);opacity:.25;}
.step{text-align:center;}
.snum{width:72px;height:72px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;font-family:'Roboto',sans-serif;font-weight:900;font-size:1.5rem;color:#fff;margin:0 auto 26px;box-shadow:0 12px 30px rgba(187,31,125,.4);position:relative;z-index:1;transition:transform .5s var(--bounce);}
.step:hover .snum{transform:scale(1.14) translateY(-4px);}
.step h3{margin-bottom:12px;}

/* ---- GLASS (dark advantages) ---- */
.glass{background:rgba(255,255,255,.05);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:32px;transition:all .45s var(--ease);}
.glass:hover{background:rgba(255,255,255,.09);border-color:rgba(187,31,125,.4);transform:translateY(-8px);box-shadow:0 28px 56px rgba(0,0,0,.35);}
.glass h4{color:#fff;margin-bottom:10px;}
.glass .ibox{width:56px;height:56px;border-radius:15px;margin-bottom:20px;}
.glass .ibox svg{width:26px;height:26px;}

/* ---- PROPERTY CARDS ---- */
.pcard{background:#fff;border-radius:var(--rl);overflow:hidden;border:1px solid var(--line);box-shadow:0 4px 18px rgba(43,40,74,.06);transition:all .45s var(--ease);}
.pcard:hover{transform:translateY(-12px);box-shadow:var(--shlg);border-color:transparent;}
.pimg-wrap{overflow:hidden;position:relative;height:236px;}
.pimg{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease);}
.pcard:hover .pimg{transform:scale(1.1);}
.pimg-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,10,28,.5),transparent 45%);}
.pbadge{position:absolute;top:15px;right:15px;padding:6px 14px;border-radius:99px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;z-index:1;backdrop-filter:blur(8px);}
.bhot{background:var(--g);color:#fff;box-shadow:0 6px 18px rgba(187,31,125,.5);}
.bok{background:rgba(74,222,128,.92);color:#064e2b;}
.pbody{padding:22px;}
.ploc{font-size:.8rem;color:var(--muted);margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.ploc svg{width:14px;height:14px;stroke:var(--p);}
.ptitle{font-size:1.05rem;font-weight:800;color:var(--dk);margin-bottom:18px;line-height:1.3;font-family:'Roboto',sans-serif;}
.pspecs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:16px;}
.sv{font-weight:800;color:var(--dk);font-size:.84rem;font-family:'Roboto',sans-serif;text-align:center;}
.sl{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-top:2px;}
.ppr{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.pprice{font-family:'Roboto',sans-serif;font-size:1.3rem;font-weight:900;color:var(--dk);}
.pprice small{font-size:.62rem;color:var(--muted);font-weight:600;display:block;}
.capb{background:var(--g);color:#fff;padding:6px 14px;border-radius:99px;font-weight:800;font-size:.82rem;box-shadow:0 6px 16px rgba(187,31,125,.35);}
.pbtns{display:flex;gap:9px;}
.pbtns .btn{flex:1;padding:11px 14px;font-size:.8rem;}
.bdk{background:var(--dk);color:#fff;}
.bdk:hover{background:var(--ink);color:#fff;transform:translateY(-2px);}

/* ---- CARE PLANS ---- */
.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch;}
.plan{background:#fff;border-radius:var(--rl);padding:38px 32px;border:1px solid var(--line);box-shadow:0 4px 18px rgba(43,40,74,.06);transition:all .45s var(--ease);display:flex;flex-direction:column;position:relative;}
.plan:hover{transform:translateY(-10px);box-shadow:var(--shlg);}
.plan.feat{background:linear-gradient(170deg,#1a1430 0%,#2B284A 60%,#3a2058 100%);border:none;color:#fff;box-shadow:0 30px 70px rgba(43,40,74,.4);transform:scale(1.04);}
.plan.feat:hover{transform:scale(1.04) translateY(-10px);}
.plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--g2);color:#fff;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:7px 18px;border-radius:99px;box-shadow:0 8px 22px rgba(187,31,125,.45);white-space:nowrap;}
.plan-name{font-family:'Roboto',sans-serif;font-size:1.4rem;font-weight:900;margin-bottom:6px;color:var(--dk);}
.plan.feat .plan-name{color:#fff;}
.plan-for{font-size:.78rem;font-weight:700;color:var(--p);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;}
.plan.feat .plan-for{color:#f3a8d0;}
.plan-price{font-family:'Roboto',sans-serif;font-size:2.4rem;font-weight:900;color:var(--dk);line-height:1;margin-bottom:4px;}
.plan.feat .plan-price{color:#fff;}
.plan-price small{font-size:.9rem;font-weight:600;color:var(--muted);}
.plan.feat .plan-price small{color:rgba(255,255,255,.6);}
.plan-note{font-size:.82rem;color:var(--muted);margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid var(--line);}
.plan.feat .plan-note{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.12);}
.plan ul{list-style:none;margin-bottom:30px;flex:1;}
.plan li{display:flex;align-items:flex-start;gap:11px;font-size:.9rem;color:#3a384e;margin-bottom:14px;line-height:1.5;}
.plan.feat li{color:rgba(255,255,255,.85);}
.plan li svg{width:19px;height:19px;flex-shrink:0;margin-top:1px;stroke:var(--p);}
.plan.feat li svg{stroke:#f3a8d0;}
.plan .btn{width:100%;}
@media(max-width:980px){.care-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto;}.plan.feat{transform:none;}.plan.feat:hover{transform:translateY(-10px);}}
.testi{background:#fff;border-radius:var(--rl);padding:34px;box-shadow:var(--sh);border:1px solid var(--line);transition:all .4s var(--ease);position:relative;}
.testi::before{content:'\201C';position:absolute;top:14px;right:26px;font-family:Georgia,serif;font-size:5rem;color:rgba(187,31,125,.12);line-height:1;}
.testi:hover{transform:translateY(-8px);box-shadow:var(--shlg);}
.stars{color:#F59E0B;font-size:.9rem;margin-bottom:16px;letter-spacing:2px;}
.testi q{font-style:italic;color:#3a384e;font-size:.95rem;line-height:1.7;display:block;margin-bottom:22px;quotes:none;}
.tau{display:flex;align-items:center;gap:13px;}
.av{width:48px;height:48px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.82rem;font-family:'Roboto',sans-serif;flex-shrink:0;}
.aname{font-weight:800;color:var(--dk);font-size:.88rem;font-family:'Roboto',sans-serif;}
.ameta{font-size:.74rem;color:var(--muted);}

/* ---- CTA BANNER ---- */
.ctab{background:linear-gradient(135deg,#12102a 0%,#3d1a5e 55%,#7a2566 100%);border-radius:32px;padding:90px 56px;text-align:center;position:relative;overflow:hidden;}
.ctab::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(237,110,79,.28),transparent 60%);}
.ctab::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:30px 30px;}
.ctab>*{position:relative;z-index:1;}
.ctab h2{color:#fff;margin-bottom:18px;}
.ctab p{color:rgba(255,255,255,.72);font-size:1.1rem;max-width:540px;margin:0 auto;}
.ctabtns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px;}

/* ---- REVEAL ANIMATIONS ---- */
.rv,.rvl,.rvr,.rvs{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);will-change:transform,opacity;}
.rv{transform:translateY(40px);}
.rvl{transform:translateX(-44px);}
.rvr{transform:translateX(44px);}
.rvs{transform:scale(.92);}
.rv.v,.rvl.v,.rvr.v,.rvs.v{opacity:1;transform:none;}
.d1{transition-delay:.08s;}.d2{transition-delay:.16s;}.d3{transition-delay:.24s;}.d4{transition-delay:.32s;}.d5{transition-delay:.4s;}.d6{transition-delay:.48s;}

/* ---- RESPONSIVE ---- */
@media(max-width:980px){
  .twocol,.swrap,.grid-3,.paths{grid-template-columns:1fr;}
  .sgrid{grid-template-columns:repeat(2,1fr);}
  .hfloat{display:none;}
  .swrap::before{display:none;}
  .scell+.scell::before{display:none;}
  .fgrid{grid-template-columns:repeat(2,1fr);}
  nav ul{display:none;}
  .burger{display:flex;}
}
@media(max-width:560px){
  .container{padding:0 20px;}
  .hbtns{flex-direction:column;}
  .hbtns .btn{width:100%;}
  .hstats{flex-direction:column;width:100%;}
  .hs+.hs::before{display:none;}
  .sgrid{grid-template-columns:1fr;}
  .fgrid{grid-template-columns:1fr;}
  .ctab{padding:54px 26px;}
  .ctabtns{flex-direction:column;align-items:center;}
  section{padding:80px 0;}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;}
  .hero-img{animation:none;}
}

/* ---- PILLARS / FULL CYCLE ---- */
.path-num{position:absolute;top:20px;right:24px;font-family:'Roboto',sans-serif;font-weight:900;font-size:1.05rem;color:rgba(255,255,255,.9);z-index:1;letter-spacing:.04em;}
.path-prod{align-self:flex-start;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#f3a8d0;margin-bottom:8px;margin-top:20px;}
.cycle-lead{text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:60px 0 18px;}
.cycle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;}
.cyc{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:10px 18px;font-size:.84rem;font-weight:700;color:var(--dk);box-shadow:0 4px 14px rgba(43,40,74,.06);transition:all .35s var(--ease);}
.cyc:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:transparent;}
.cyc b{font-family:'Roboto',sans-serif;color:var(--p);font-weight:900;}
.cyc-arrow{color:var(--muted);opacity:.45;font-weight:800;font-size:1rem;}

/* ---- CARE PRICING EXTRAS ---- */
.plan-annual{font-size:.84rem;font-weight:700;color:var(--p);margin-bottom:8px;}
.plan.feat .plan-annual{color:#f3a8d0;}
.plan-price small{font-size:.95rem;font-weight:600;color:var(--muted);}
.care-note{max-width:760px;margin:34px auto 0;text-align:center;font-size:.86rem;color:var(--muted);line-height:1.7;}
.care-more{text-align:center;margin-top:34px;}

/* ---- COMPARISON TABLE ---- */
.ctable-wrap{overflow-x:auto;border-radius:var(--rl);border:1px solid var(--line);box-shadow:var(--sh);background:#fff;}
.ctable{width:100%;border-collapse:collapse;min-width:680px;}
.ctable th,.ctable td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem;}
.ctable thead th{background:var(--dk);color:#fff;font-family:'Roboto',sans-serif;font-weight:700;font-size:.86rem;position:sticky;top:0;}
.ctable thead th:first-child{border-top-left-radius:var(--rl);}
.ctable thead th:last-child{border-top-right-radius:var(--rl);}
.ctable th.feat-col{background:linear-gradient(160deg,#3a2058,#2B284A);}
.ctable td:not(:first-child),.ctable th:not(:first-child){text-align:center;width:160px;}
.ctable tbody tr:hover{background:#faf8fe;}
.ctable td:first-child{font-weight:600;color:var(--dk);}
.ctable .ck{color:#16a34a;font-weight:900;font-size:1.05rem;}
.ctable .no{color:#cfcdd9;font-weight:700;}
.ctable .feat-cell{background:rgba(187,31,125,.04);}
.ctable tbody tr:last-child td{border-bottom:none;}

/* ---- SINGLE SERVICE / VIDEO SLOT ---- */
.video-slot{position:relative;border-radius:var(--rl);overflow:hidden;background:linear-gradient(160deg,#171430,#2B284A 60%,#3a2058);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;box-shadow:var(--shlg);border:1px solid rgba(255,255,255,.08);}
.video-slot::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:30px 30px;}
.vs-inner{position:relative;z-index:1;text-align:center;color:#fff;padding:30px;}
.vs-play{width:84px;height:84px;border-radius:50%;background:var(--g2);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 16px 44px rgba(187,31,125,.5);cursor:pointer;transition:transform .4s var(--bounce);}
.vs-play:hover{transform:scale(1.08);}
.vs-play svg{width:32px;height:32px;fill:#fff;margin-left:4px;}
.vs-inner h3{color:#fff;margin-bottom:8px;}
.vs-inner p{color:rgba(255,255,255,.62);font-size:.9rem;max-width:380px;margin:0 auto;}

/* ---- CONTRACT FLOW (Care) ---- */
.flow-steps{display:flex;gap:8px;margin-bottom:36px;flex-wrap:wrap;justify-content:center;}
.fstep{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;color:var(--muted);}
.fstep .fnum{width:30px;height:30px;border-radius:50%;background:#eceaf4;color:var(--muted);display:flex;align-items:center;justify-content:center;font-family:'Roboto',sans-serif;font-weight:900;font-size:.8rem;transition:all .3s;}
.fstep.on .fnum{background:var(--g);color:#fff;box-shadow:0 6px 16px rgba(187,31,125,.4);}
.fstep.on{color:var(--dk);}
.fstep.done .fnum{background:#16a34a;color:#fff;}
.fstep-sep{width:24px;height:2px;background:var(--line);}
.flow-panel{display:none;}
.flow-panel.on{display:block;animation:heroSwap .5s var(--ease) both;}
.opt-card{display:flex;gap:14px;align-items:flex-start;border:1.5px solid var(--line);border-radius:16px;padding:18px 20px;cursor:pointer;transition:all .3s;margin-bottom:12px;background:#fff;}
.opt-card:hover{border-color:var(--p);}
.opt-card.sel{border-color:var(--p);background:rgba(187,31,125,.04);box-shadow:0 8px 24px rgba(187,31,125,.12);}
.opt-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.opt-card.sel .opt-radio{border-color:var(--p);background:var(--p);}
.opt-card.sel .opt-radio::after{content:'';width:9px;height:9px;border-radius:50%;background:#fff;}