/* ============================================================
LUME SOCIAL v2 — Reference-driven (lumio + Gravity Off)
Sleek futuristic LIGHT · lavender · frosted glass
============================================================ */
:root{
--violet:#7C5CFF; --magenta:#C84BD8; --coral:#FF8A5B; --peri:#6f7bf7; --blush:#f3a8c8;
--grad: linear-gradient(115deg,#7C5CFF 0%,#C84BD8 52%,#FF8A5B 100%);
--ink:#211c54; --ink-2:#4b4682; --muted:#827da9; --line:rgba(33,28,84,.10);
--glass:rgba(255,255,255,.55); --glass-brd:rgba(255,255,255,.85);
--glass-sh:0 30px 60px -28px rgba(76,54,150,.40), inset 0 1px 0 rgba(255,255,255,.7);
--glass-sh-hover:0 40px 80px -30px rgba(76,54,150,.5), inset 0 1px 0 rgba(255,255,255,.8);
--radius:26px; --ease:cubic-bezier(.22,.61,.36,1); --container:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink-2);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative;
background:
radial-gradient(1000px 760px at 8% 2%, rgba(124,92,255,.14), transparent 60%),
radial-gradient(940px 760px at 94% 8%, rgba(243,168,200,.16), transparent 60%),
radial-gradient(900px 820px at 50% 120%, rgba(255,138,91,.10), transparent 62%),
linear-gradient(180deg,#F8F7FE 0%,#F2F1FB 55%,#F6F4FD 100%);
background-attachment:fixed;}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;line-height:1.04;letter-spacing:-.03em;font-weight:600;color:var(--ink)}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
section{position:relative}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 26px}
em{font-style:normal}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.vio{color:var(--violet)}.mag{color:var(--magenta)}.cor{color:var(--coral)}.peri{color:var(--peri)}
/* glass + buttons */
.glass{background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--glass-sh);border-radius:var(--radius)}
.glass-hover{transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.glass-hover:hover{transform:translateY(-6px);box-shadow:var(--glass-sh-hover)}
.btn{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:.96rem;padding:.95rem 1.6rem;border-radius:100px;cursor:pointer;border:1px solid transparent;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s;white-space:nowrap}
.btn-primary{color:#fff;background:var(--grad);box-shadow:0 16px 34px -12px rgba(124,92,255,.6)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 24px 46px -12px rgba(124,92,255,.75)}
.btn-ghost{background:rgba(255,255,255,.62);border-color:var(--glass-brd);color:var(--ink);backdrop-filter:blur(10px);box-shadow:0 10px 24px -16px rgba(76,54,150,.5)}
.btn-ghost:hover{transform:translateY(-3px);background:rgba(255,255,255,.88)}
.btn-lg{padding:1.1rem 2rem;font-size:1.02rem}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);padding:.5rem 1rem;border-radius:100px;background:rgba(255,255,255,.55);border:1px solid var(--glass-brd);box-shadow:0 8px 20px -14px rgba(76,54,150,.5)}
.eyebrow .spark{width:13px;height:13px}
/* ============================================================ NAV ============================================================ */
.nav{position:fixed;top:18px;left:0;right:0;z-index:100}
.nav-inner{width:calc(100% - 52px);max-width:1180px;margin:0 auto;padding:7px 10px 7px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.78);border:1px solid var(--glass-brd);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-radius:100px;box-shadow:0 18px 40px -22px rgba(20,10,50,.45);transition:background .4s,border-color .4s,box-shadow .4s}
.nav .btn{padding:.55rem 1.25rem;font-size:.9rem}
.nav.scrolled .nav-inner{background:rgba(255,255,255,.85)}
/* dark-mode nav over dark sections */
.nav.on-dark .nav-inner{background:rgba(18,12,36,.5);border-color:rgba(255,255,255,.14);box-shadow:0 18px 44px -22px rgba(0,0,0,.7)}
.nav.on-dark.scrolled .nav-inner{background:rgba(18,12,36,.68)}
.nav.on-dark .brand-word{color:#fff}
.nav.on-dark .nav-links a{color:rgba(255,255,255,.82)}
.nav.on-dark .nav-links a:hover{color:#fff}
.nav.on-dark .btn-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff}
.nav.on-dark .burger span{background:#fff}
.brand{display:flex;align-items:center;gap:.4rem}.brand img{height:24px}
.brand-word{font-family:'Space Grotesk';font-weight:600;font-size:1.24rem;letter-spacing:-.02em;color:var(--ink)}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-size:.93rem;font-weight:500;color:var(--ink-2);position:relative;transition:color .25s}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:0;background:var(--grad);border-radius:2px;transition:width .3s var(--ease)}
.nav-links a:hover{color:var(--ink)}.nav-links a:hover::after{width:100%}
.nav-dd{position:relative}
.nav-dd-toggle{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:.93rem;font-weight:500;color:var(--ink-2);background:none;border:0;padding:0;cursor:pointer;transition:color .25s}
.nav-dd-toggle:hover{color:var(--ink)}
.nav-dd .dd-chev{width:13px;height:13px;stroke:currentColor;fill:none;transition:transform .3s var(--ease)}
.nav-dd:hover .dd-chev,.nav-dd.open .dd-chev{transform:rotate(180deg)}
.nav-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.nav-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);min-width:212px;display:flex;flex-direction:column;gap:2px;padding:8px;background:rgba(255,255,255,.93);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-brd);border-radius:18px;box-shadow:0 24px 50px -20px rgba(20,10,50,.4);opacity:0;visibility:hidden;transition:opacity .25s var(--ease),transform .25s var(--ease);z-index:60}
.nav-dd:hover .nav-menu,.nav-dd.open .nav-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-menu a{font-size:.9rem;font-weight:500;color:var(--ink-2);padding:9px 14px;border-radius:11px;white-space:nowrap;transition:background .2s,color .2s}
.nav-menu a::after{display:none}
.nav-menu a:hover{background:rgba(124,92,255,.1);color:var(--violet)}
.nav.on-dark .nav-dd-toggle{color:rgba(255,255,255,.82)}
.nav.on-dark .nav-dd-toggle:hover{color:#fff}
.nav.on-dark .nav-menu a{color:var(--ink-2)}
.nav.on-dark .nav-menu a:hover{color:var(--violet)}
.nav-cta{display:flex;align-items:center;gap:11px}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
/* ============================================================ HERO (Gravity-Off split headline) ============================================================ */
.hero{padding:130px 0 56px;text-align:center;position:relative;background:#0a0715;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(860px 600px at 14% 2%,rgba(124,92,255,.36),transparent 60%),radial-gradient(780px 560px at 88% 4%,rgba(255,138,91,.20),transparent 60%),radial-gradient(820px 660px at 50% 118%,rgba(200,75,216,.28),transparent 60%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E")}
.hero .grad-text{background:linear-gradient(115deg,#a78bff 0%,#ec8ff2 50%,#ffb38a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero .mega{color:#F4F2FB}
.hero .hero-badge .lt b{color:#F4F2FB}
.hero .hero-badge .lt small{color:rgba(255,255,255,.5)}
.hero .hblk p{color:rgba(236,234,243,.78)}
.hero .hblk p b{color:#fff}
.hero .hblk .big{color:#fff}
.hero .hblk .avatars span{border-color:#0a0715}
.hero .see-more{color:rgba(255,255,255,.5)}
.hero .see-more .dwn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.hero .marquee-label{color:rgba(255,255,255,.45)}
.hero .marquee-track span{color:rgba(255,255,255,.3)}
.hero .marquee-track span:hover{color:#cbbcff}
.hero-badge{display:inline-flex;align-items:center;gap:11px;margin:0 auto 26px}
.hero-badge .laurel{flex:0 0 auto;display:block;height:46px;width:auto;filter:drop-shadow(0 6px 14px rgba(200,75,216,.5))}
.hero-badge .laurel.r{margin-left:-3px}
.hero-badge .lt{text-align:center}
.hero-badge .lt b{display:block;font-family:'Space Grotesk';font-weight:600;font-size:.84rem;color:var(--ink)}
.hero-badge .lt small{display:block;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.hero-canvas{position:relative;display:flex;flex-direction:column;align-items:center}
.mega{font-family:'Space Grotesk';font-weight:700;font-size:clamp(3.4rem,15vw,13rem);line-height:.86;letter-spacing:-.055em;color:var(--ink);position:relative;z-index:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mega.l2{z-index:1}
.mega .grad-text{filter:drop-shadow(0 10px 30px rgba(124,92,255,.25));padding:0 .14em;display:inline-block}
/* centered phone (v1-style) overlapping the two mega lines, with floating cards */
.phone-stage{position:relative;z-index:4;width:min(600px,96%);margin:-2.4vw auto;display:flex;justify-content:center}
.hero-phone{position:relative;z-index:4;width:clamp(214px,22.5vw,256px);transition:transform .35s var(--ease);will-change:transform}
.hp-body{border-radius:40px;padding:12px;background:linear-gradient(180deg,#191130,#0d0918);border:1px solid rgba(255,255,255,.13);box-shadow:0 58px 96px -30px rgba(0,0,0,.85)}
.hp-screen{border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#140f1e,#0b0814);padding:16px 14px}
.hp-head{display:flex;align-items:center;gap:9px;margin-bottom:15px}
.hp-head .ava{width:34px;height:34px;border-radius:50%;background:var(--grad)}
.hp-head b{font-size:.8rem;font-family:'Space Grotesk';color:#fff}
.hp-head span{font-size:.62rem;color:#9a93b0;display:block}
.hp-head .more{margin-left:auto;color:#9a93b0;font-weight:700;letter-spacing:1px}
.hp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hp-grid div{aspect-ratio:1;border-radius:9px}
.hp-grid div:nth-child(1){background:linear-gradient(135deg,#7C5CFF,#9d6cff)}
.hp-grid div:nth-child(2){background:linear-gradient(135deg,#C84BD8,#7C5CFF)}
.hp-grid div:nth-child(3){background:linear-gradient(135deg,#FF8A5B,#C84BD8)}
.hp-grid div:nth-child(4){background:linear-gradient(135deg,#C84BD8,#FF8A5B)}
.hp-grid div:nth-child(5){background:linear-gradient(135deg,#7C5CFF,#C84BD8)}
.hp-grid div:nth-child(6){background:linear-gradient(135deg,#FF8A5B,#ffb38a)}
.hp-grid div:nth-child(7){background:linear-gradient(135deg,#9d6cff,#C84BD8)}
.hp-grid div:nth-child(8){background:linear-gradient(135deg,#C84BD8,#7C5CFF)}
.hp-grid div:nth-child(9){background:linear-gradient(135deg,#FF8A5B,#C84BD8)}
.hp-stat{margin-top:15px;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between}
.hp-stat b{font-family:'Space Grotesk';font-size:1.04rem;color:#fff}
.hp-stat small{font-size:.6rem;color:#9a93b0;text-transform:uppercase;letter-spacing:.1em}
.hp-stat .up{color:#4ade80;font-weight:600;font-size:.78rem}
.hcard{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(22,15,42,.6);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 26px 50px -22px rgba(0,0,0,.82);transition:transform .4s var(--ease);will-change:transform}
.hcard .ic{width:34px;height:34px;border-radius:11px;background:linear-gradient(150deg,rgba(124,92,255,.4),rgba(255,138,91,.32));display:grid;place-items:center;border:1px solid rgba(255,255,255,.18)}
.hcard .ic svg{width:18px;height:18px}
.hcard b{font-family:'Space Grotesk';font-size:1rem;color:#fff;display:block;line-height:1.1}
.hcard small{font-size:.66rem;color:rgba(255,255,255,.62)}
.hc-1{top:4%;left:-3%}
.hc-2{top:40%;right:-6%}
.hc-3{bottom:7%;left:1%}
/* corner info blocks */
.hblk{position:absolute;bottom:6%;max-width:236px;z-index:5}
.hblk.left{left:0;text-align:left}.hblk.right{right:0;text-align:right}
.hblk p{font-size:.92rem;color:var(--ink-2);margin-bottom:14px}
.hblk h1{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.04rem;line-height:1.2;letter-spacing:-.01em;color:#fff;margin-bottom:7px}
.hblk .avatars{display:flex;justify-content:flex-end;margin-bottom:8px}
.hblk .avatars span{width:34px;height:34px;border-radius:50%;border:2px solid #efedfc;margin-left:-10px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:600;font-size:.72rem}
.hblk .big{font-family:'Space Grotesk';font-weight:700;font-size:1.5rem;color:var(--ink);line-height:1}
.hblk .stars{color:var(--coral);letter-spacing:2px;font-size:.85rem}
.see-more{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-top:30px;color:var(--muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.see-more .dwn{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.6);border:1px solid var(--glass-brd);display:grid;place-items:center;box-shadow:0 12px 26px -16px rgba(76,54,150,.6);animation:bob 1.8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
/* marquee */
.marquee-wrap{padding:42px 0 0}
.marquee-label{text-align:center;color:var(--muted);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}
.marquee{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;gap:58px;padding-right:58px;animation:scroll 36s linear infinite;flex-shrink:0}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{font-family:'Space Grotesk';font-weight:600;font-size:1.28rem;color:rgba(33,28,84,.32);white-space:nowrap;transition:color .3s}
.marquee-track span:hover{color:var(--magenta)}
@keyframes scroll{to{transform:translateX(-50%)}}
/* ============================================================ DASHBOARD BENTO (lumio) ============================================================ */
.section{padding:100px 0}
.section-head{max-width:700px;margin:0 auto 50px;text-align:center}
.section-head h2{font-size:clamp(2.1rem,4.2vw,3.3rem);margin:18px 0 0;font-weight:700;letter-spacing:-.035em}
.section-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}
.dash-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.dc{padding:26px 26px}
.dc h3{font-size:1.18rem;margin-bottom:6px}
.dc .k{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);font-weight:600;margin-bottom:14px}
.dc p{color:var(--muted);font-size:.9rem}
.dc-dial{grid-column:span 5;grid-row:span 2;display:flex;flex-direction:column}
.dc-chat{grid-column:span 7}
.dc-media{grid-column:span 4}
.dc-gauge{grid-column:span 3;display:flex;flex-direction:column}
/* dial */
.dial-wrap{position:relative;flex:0 0 auto;display:grid;place-items:center}
.dial{width:150px;height:150px}
.dial .track{fill:none;stroke:rgba(124,92,255,.13);stroke-width:14}
.dial .prog{fill:none;stroke:url(#rg);stroke-width:14;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:534;stroke-dashoffset:534;transition:stroke-dashoffset 1.7s var(--ease)}
.dial-center{position:absolute;text-align:center}
.dial-center b{font-family:'Space Grotesk';font-weight:700;font-size:1.95rem;color:var(--ink);display:block;line-height:1}
.dial-center small{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.dial-chip{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 30px -20px rgba(50,30,120,.5);font-size:.74rem;font-weight:600;color:var(--ink)}
.dial-chip i{width:8px;height:8px;border-radius:50%;display:block}
.dchip-1{top:8%;left:-2%}.dchip-2{bottom:18%;right:-3%}.dchip-3{bottom:2%;left:14%}
.feed-live{width:min(330px,100%);margin:auto auto 0;display:flex;flex-direction:column;gap:10px}
.feed-head{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.dotlive{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:pulselive 1.8s infinite}
@keyframes pulselive{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.feed-viewport{height:188px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.feed-track{display:flex;flex-direction:column;gap:8px;animation:feedscroll 13s linear infinite}
.feed-live:hover .feed-track{animation-play-state:paused}
@keyframes feedscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.act{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.6);border:1px solid var(--glass-brd)}
.act .aav{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--grad)}
.act .atx{flex:1;min-width:0;font-size:.81rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act .atx b{color:var(--ink);font-weight:600;font-family:'Space Grotesk'}
.act .ats{font-size:.72rem;color:var(--muted);flex-shrink:0}
.dial-stats{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 auto;justify-content:center}
.dstat{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:100px;background:rgba(255,255,255,.5);border:1px solid var(--glass-brd);font-size:.76rem;font-weight:600;color:var(--ink)}
.dstat i{width:8px;height:8px;border-radius:50%;display:block}
/* chat */
.chat{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.bub{max-width:78%;padding:10px 14px;font-size:.86rem;line-height:1.32;border-radius:16px}
.bub.them{align-self:flex-start;background:rgba(124,92,255,.1);color:var(--ink);border-bottom-left-radius:5px}
.bub.us{align-self:flex-end;background:var(--grad);color:#fff;border-bottom-right-radius:5px;box-shadow:0 12px 24px -12px rgba(124,92,255,.6)}
.bub.typing{align-self:flex-start;display:inline-flex;gap:4px;background:rgba(124,92,255,.1)}
.bub.typing i{width:6px;height:6px;border-radius:50%;background:var(--violet);opacity:.5;animation:blink 1.2s infinite}
.bub.typing i:nth-child(2){animation-delay:.2s}.bub.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.3}50%{opacity:1}}
/* media (reel grid) */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}
.media-grid div{aspect-ratio:1;border-radius:9px}
.media-grid div:nth-child(1){background:linear-gradient(135deg,#7C5CFF,#9d6cff)}
.media-grid div:nth-child(2){background:linear-gradient(135deg,#C84BD8,#7C5CFF)}
.media-grid div:nth-child(3){background:linear-gradient(135deg,#FF8A5B,#C84BD8)}
.media-grid div:nth-child(4){background:linear-gradient(135deg,#C84BD8,#FF8A5B)}
.media-grid div:nth-child(5){background:linear-gradient(135deg,#7C5CFF,#C84BD8)}
.media-grid div:nth-child(6){background:linear-gradient(135deg,#FF8A5B,#ffb38a)}
/* gauge */
.gauge{width:100%;max-width:200px;margin:18px auto 4px;display:block}
.gauge .track{fill:none;stroke:rgba(124,92,255,.14);stroke-width:14;stroke-linecap:round}
.gauge .prog{fill:none;stroke:url(#rg);stroke-width:14;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 1.7s var(--ease)}
.gauge-val{text-align:center;margin-top:-6px}
.gauge-val b{font-family:'Space Grotesk';font-weight:700;font-size:1.5rem;color:var(--ink)}
.media-wrap{position:relative}
.lock-badge{position:absolute;bottom:7px;left:7px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.9);border:1px solid #fff;color:var(--ink);font-size:.72rem;font-weight:600;box-shadow:0 10px 20px -10px rgba(76,40,150,.45)}
.lock-badge svg{width:13px;height:13px;stroke:var(--violet);fill:none}
.flex-viz{display:flex;flex-direction:column;align-items:center;gap:24px;flex:1;justify-content:center;margin:0}
.toggle{width:124px;height:64px;border-radius:100px;position:relative;background:rgba(124,92,255,.18);overflow:hidden;flex-shrink:0}
.toggle::before{content:"";position:absolute;inset:0;background:var(--grad);animation:tglbg 5s ease-in-out infinite}
.toggle .knob{position:absolute;top:6px;left:66px;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 5px 12px rgba(40,20,90,.32);z-index:1;animation:tglknob 5s ease-in-out infinite}
@keyframes tglknob{0%,42%{left:66px}52%,92%{left:6px}100%{left:66px}}
@keyframes tglbg{0%,42%{opacity:1}52%,92%{opacity:0}100%{opacity:1}}
.flex-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.flex-list li{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--ink-2);font-weight:500}
.flex-list li svg{width:17px;height:17px;stroke:var(--violet);flex-shrink:0}
.svc-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
.svc-pill{padding:.6rem 1.15rem;border-radius:100px;background:rgba(255,255,255,.52);border:1px solid var(--glass-brd);font-weight:600;font-size:.85rem;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px}
.svc-pill .d{width:7px;height:7px;border-radius:50%;background:var(--grad)}
/* top services grid */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;grid-auto-rows:1fr}
.svc-card{padding:26px 26px;display:flex;flex-direction:column;min-height:348px;overflow:hidden;position:relative;color:inherit;text-decoration:none}
.svc-grid .svc-card{transition:opacity .7s var(--ease),transform .6s var(--ease),box-shadow .5s var(--ease)}
.svc-link{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--violet);font-size:.9rem;margin-top:4px;transition:gap .3s}
.svc-link svg{width:16px;height:16px}
.svc-link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}
/* dark background on hover */
.svc-card:hover{background:radial-gradient(420px 300px at 50% -8%,rgba(124,92,255,.24),transparent 66%),#120c26;border-color:rgba(255,255,255,.12)}
.svc-card:hover .svc-k{color:#cbbcff}
.svc-card:hover h3{color:#fff}
.svc-card:hover p{color:rgba(255,255,255,.72)}
.svc-card:hover .svc-link{gap:12px;color:#cbbcff}
.svc-card:hover .svc-viz{border-color:rgba(255,255,255,.16)}
.svc-card:hover .v-fols .stack .plus{background:rgba(255,255,255,.18);color:#fff}
.svc-k{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);font-weight:600;margin-bottom:9px;padding:0 6px}
.svc-card h3{font-size:1.2rem;margin-bottom:7px;color:var(--ink);padding:0 6px}
.svc-card p{color:var(--muted);font-size:.9rem;padding:0 6px}
.svc-link{padding:0 6px}
.svc-viz{order:-1;margin-bottom:18px;height:156px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(360px 240px at 50% -10%,rgba(124,92,255,.30),transparent 64%),radial-gradient(300px 220px at 92% 120%,rgba(255,138,91,.16),transparent 62%),#150e2e;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 18px}
/* 1 — Auto Likes: heart + floating like-pops */
.v-like{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.v-like .heart{width:64px;height:64px;animation:beat 1.5s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(200,75,216,.4))}
.v-like .heart svg{width:100%;height:100%}
.v-like .lp{position:absolute;bottom:20px;opacity:0}
.v-like .lp svg{width:20px;height:20px}
.v-like .lp1{left:28%;animation:floatUp 2.6s ease-in-out infinite}
.v-like .lp2{right:26%;animation:floatUp 2.6s ease-in-out 1.3s infinite}
@keyframes beat{0%,100%{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.12)}}
@keyframes floatUp{0%{opacity:0;transform:translateY(10px) scale(.5)}25%{opacity:1}80%{opacity:.5}100%{opacity:0;transform:translateY(-34px) scale(1)}}
/* 2 — USA Likes: drip-feed heart tiles */
.v-drip{display:flex;align-items:center;justify-content:center;gap:11px;width:100%}
.v-drip .hp{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid var(--glass-brd);display:grid;place-items:center;opacity:0;animation:dripIn 3s ease-in-out infinite;box-shadow:0 8px 16px -8px rgba(76,40,150,.4)}
.v-drip .hp svg{width:22px;height:22px}
.v-drip .hp:nth-child(2){animation-delay:.5s}.v-drip .hp:nth-child(3){animation-delay:1s}.v-drip .hp:nth-child(4){animation-delay:1.5s}.v-drip .hp:nth-child(5){animation-delay:2s}
@keyframes dripIn{0%{opacity:0;transform:translateY(12px) scale(.4)}14%{opacity:1;transform:none}74%{opacity:1}100%{opacity:0;transform:translateY(-8px) scale(.9)}}
/* 3 — Real Comments: skeleton bubbles */
.v-cmts{display:flex;flex-direction:column;justify-content:center;gap:10px;width:100%}
.cm{display:flex;align-items:center;gap:9px;opacity:0;transform:translateX(-12px)}
.svc-card.in .cm:nth-child(1){animation:slideIn .6s var(--ease) .1s forwards}
.svc-card.in .cm:nth-child(2){animation:slideIn .6s var(--ease) .55s forwards}
.cm .av{width:28px;height:28px;border-radius:50%;background:var(--grad);flex-shrink:0}
.cm .bub{background:rgba(255,255,255,.72);border:1px solid var(--glass-brd);border-radius:12px;border-bottom-left-radius:3px;padding:8px 12px;display:flex;flex-direction:column;gap:5px}
.cm .bub i{height:5px;border-radius:3px;background:linear-gradient(90deg,rgba(124,92,255,.45),rgba(200,75,216,.22));display:block}
.cm .bub i:nth-child(1){width:78px}.cm .bub i:nth-child(2){width:46px}
.cm.s .bub i:nth-child(1){width:54px}
@keyframes slideIn{to{opacity:1;transform:none}}
/* 4 — USA Followers: avatar stack */
.v-fols{display:flex;align-items:center;justify-content:center;width:100%}
.v-fols .stack{display:flex}
.v-fols .stack span{width:50px;height:50px;border-radius:50%;border:2.5px solid #fff;margin-left:-15px;background:var(--grad);box-shadow:0 10px 18px -8px rgba(76,40,150,.5);display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.05rem;animation:floaty 4s ease-in-out infinite}
.v-fols .stack span:first-child{margin-left:0}
.v-fols .stack span:nth-child(2){animation-delay:.4s}.v-fols .stack span:nth-child(3){animation-delay:.8s}.v-fols .stack span:nth-child(4){animation-delay:1.2s}
.v-fols .stack .plus{background:rgba(255,255,255,.12);color:#cbbcff;box-shadow:none;animation:pop 2.4s ease-in-out infinite}
@keyframes pop{0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}
/* 5 — Verified Comments: verified creator + bubble */
.v-ver{display:flex;align-items:center;justify-content:center;gap:13px;width:100%}
.v-ver .av{width:60px;height:60px;border-radius:50%;background:var(--grad);flex-shrink:0;position:relative;animation:floaty 4.4s ease-in-out infinite}
.v-ver .tick{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:#3897f0;border:2.5px solid #fff;display:grid;place-items:center;animation:pop 2.6s ease-in-out infinite}
.v-ver .tick svg{width:13px;height:13px;stroke:#fff}
.v-ver .bub{background:rgba(255,255,255,.72);border:1px solid var(--glass-brd);border-radius:13px;border-bottom-left-radius:3px;padding:10px 13px;display:flex;flex-direction:column;gap:5px}
.v-ver .bub i{height:5px;border-radius:3px;background:linear-gradient(90deg,rgba(124,92,255,.45),rgba(200,75,216,.22))}
.v-ver .bub i:nth-child(1){width:66px}.v-ver .bub i:nth-child(2){width:40px}
/* 6 — Engagement Packages: icon tiles */
.v-pkg{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.v-pkg .pk{width:56px;height:56px;border-radius:15px;background:var(--grad);display:grid;place-items:center;box-shadow:0 12px 20px -10px rgba(124,92,255,.6);opacity:0;transform:scale(.5) translateY(10px)}
.svc-card.in .v-pkg .pk{animation:popIn .55s var(--ease) forwards}
.svc-card.in .v-pkg .pk:nth-child(2){animation-delay:.1s}.svc-card.in .v-pkg .pk:nth-child(3){animation-delay:.2s}.svc-card.in .v-pkg .pk:nth-child(4){animation-delay:.3s}
.v-pkg .pk svg{width:25px;height:25px;stroke:#fff;fill:none}
@keyframes popIn{to{opacity:1;transform:none}}
/* ============================================================ GRADIENT STAGE PANEL (lumio download) ============================================================ */
.stage-wrap{padding:30px 0}
.stage{position:relative;border-radius:40px;overflow:hidden;padding:70px 40px 0;text-align:center;min-height:560px;
background:radial-gradient(700px 460px at 14% 6%,rgba(124,92,255,.18),transparent 64%),radial-gradient(620px 440px at 88% 96%,rgba(255,138,91,.10),transparent 64%),#120c26;
border:1px solid rgba(255,255,255,.09);box-shadow:0 60px 100px -46px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);perspective:1300px}
.stage-orb{position:absolute;border-radius:50%;filter:blur(78px);pointer-events:none}
.stage-orb.a{width:320px;height:320px;background:rgba(124,92,255,.22);top:-80px;left:-50px}
.stage-orb.b{width:280px;height:280px;background:rgba(255,138,91,.14);bottom:-80px;right:-40px}
.stage h2{position:relative;z-index:1;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:700;color:#fff;letter-spacing:-.035em;text-shadow:0 10px 40px rgba(70,40,140,.35);max-width:760px;margin:0 auto}
.stage .stage-cta{position:relative;z-index:6;margin-top:24px}
.stage-phone{position:relative;z-index:3;width:268px;margin:18px auto -90px;transform-style:preserve-3d;transition:transform .35s var(--ease);will-change:transform}
.sp-body{border-radius:36px;padding:13px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.74));border:1px solid rgba(255,255,255,.95);box-shadow:0 50px 80px -30px rgba(40,20,100,.55);backdrop-filter:blur(10px)}
.sp-screen{border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#fbfaff,#f3f0ff);padding:14px}
.sp-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.sp-head .ava{width:30px;height:30px;border-radius:50%;background:var(--grad)}
.sp-head b{font-size:.76rem;font-family:'Space Grotesk';color:var(--ink)}.sp-head span{font-size:.6rem;color:var(--muted);display:block}
.sp-ring{display:flex;align-items:center;gap:13px;padding:10px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);margin-bottom:12px}
.sp-ring svg{width:60px;height:60px;flex-shrink:0}
.sp-ring .track{fill:none;stroke:rgba(124,92,255,.16);stroke-width:9}
.sp-ring .prog{fill:none;stroke:url(#rg);stroke-width:9;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:163;stroke-dashoffset:163;transition:stroke-dashoffset 1.6s var(--ease)}
.sp-ring b{font-family:'Space Grotesk';font-size:1.05rem;color:var(--ink);display:block}
.sp-ring small{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.sp-grid div{aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#7C5CFF,#C84BD8)}
.sp-grid div:nth-child(3n){background:linear-gradient(135deg,#FF8A5B,#C84BD8)}
.sp-grid div:nth-child(3n-1){background:linear-gradient(135deg,#C84BD8,#7C5CFF)}
.stage-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:15px;background:rgba(255,255,255,.94);border:1px solid #fff;backdrop-filter:blur(14px);box-shadow:0 26px 48px -20px rgba(0,0,0,.65);transition:transform .4s var(--ease);will-change:transform}
.stage-chip b{font-family:'Space Grotesk';font-size:1rem;color:var(--ink);display:block;line-height:1}
.stage-chip small{font-size:.66rem;color:var(--muted)}
.sc-1{top:55%;left:17%}.sc-2{top:65%;right:16%}
/* ===== COMPARISON (Lume vs Other Agencies) ===== */
.cmp-stage{position:relative;overflow:hidden;border-radius:40px;padding:46px 50px 50px;background:radial-gradient(700px 460px at 10% 2%,rgba(124,92,255,.20),transparent 62%),radial-gradient(620px 440px at 92% 98%,rgba(255,138,91,.12),transparent 62%),#120c26;border:1px solid rgba(255,255,255,.09);box-shadow:0 60px 100px -46px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.cmp-head{position:relative;z-index:1;text-align:center;margin-bottom:36px}
.cmp-head h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.8rem,3.6vw,2.7rem);letter-spacing:-.03em;color:#fff;line-height:1.08}
.cmp-body{position:relative;z-index:1;display:grid;grid-template-columns:288px 1fr;gap:46px;align-items:center}
.cmp-left{position:relative;display:flex;justify-content:center}
.cmp-phone{position:relative;z-index:3;width:262px}
.cmp-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:15px;background:rgba(255,255,255,.95);border:1px solid #fff;box-shadow:0 26px 48px -20px rgba(0,0,0,.65)}
.cmp-chip b{font-family:'Space Grotesk';font-size:.95rem;color:var(--ink);display:block;line-height:1}
.cmp-chip small{font-size:.64rem;color:var(--muted)}
.cmp-chip.a{top:4%;left:-18px}.cmp-chip.b{bottom:8%;right:-22px}
.cmp{display:grid;grid-template-columns:1.7fr 1fr 1fr;column-gap:0}
.cmp-c{padding:12px 14px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.07)}
.cmp-c.feat{justify-content:flex-start;color:rgba(255,255,255,.84);font-size:.92rem;font-weight:500}
.cmp-c.lume{background:rgba(124,92,255,.1);border-left:1px solid rgba(124,92,255,.32);border-right:1px solid rgba(124,92,255,.32)}
.cmp-c.head{padding-top:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.16)}
.cmp-c.feat.head{color:rgba(255,255,255,.5);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.cmp-c.lume.head{flex-direction:column;gap:7px;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.02rem;background:linear-gradient(180deg,rgba(124,92,255,.32),rgba(124,92,255,.12));border-top:1px solid rgba(124,92,255,.45);border-top-left-radius:18px;border-top-right-radius:18px}
.cmp-c.other.head{color:rgba(255,255,255,.6);font-weight:600;font-size:.94rem}
.cmp-c.lume.last{border-bottom:1px solid rgba(124,92,255,.32);border-bottom-left-radius:18px;border-bottom-right-radius:18px}
.cmp-badge{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--grad);padding:4px 10px;border-radius:100px;box-shadow:0 8px 18px -6px rgba(124,92,255,.7)}
.cmp .ic{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.cmp .ic svg{width:14px;height:14px}
.cmp .ic.ok{background:var(--grad);box-shadow:0 6px 14px -4px rgba(124,92,255,.6)}
.cmp .ic.ok svg{stroke:#fff;fill:none}
.cmp .ic.no{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13)}
.cmp .ic.no svg{stroke:rgba(255,255,255,.34);fill:none}
@media(max-width:840px){.cmp-body{grid-template-columns:1fr;gap:34px}.cmp-left{order:-1}.cmp-stage{padding:40px 24px 44px;border-radius:30px}.cmp-chip.a{left:2%}.cmp-chip.b{right:2%}}
@media(max-width:520px){.cmp{grid-template-columns:1.4fr .8fr .8fr}.cmp-c{padding:11px 8px}.cmp-c.feat{font-size:.84rem}}
/* ============================================================ MANIFESTO + STATS (Gravity Off sheet) ============================================================ */
.manifesto{padding:104px 0 30px}
.man-grid{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:start}
.man-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;padding-top:12px}
.man-quote{font-family:'Space Grotesk';font-weight:600;font-size:clamp(1.6rem,3.3vw,2.5rem);line-height:1.18;letter-spacing:-.025em;color:var(--ink)}
.why{padding:50px 0 100px}
.why-head{display:flex;align-items:baseline;gap:14px;margin-bottom:34px}
.why-head .why-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.stat2{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 24px}
.stat2 .num{font-family:'Space Grotesk';font-weight:700;font-size:.9rem;line-height:1;letter-spacing:0;color:var(--muted)}
.stat2 .num .counter{font-size:inherit;display:inline;color:inherit;margin:0}
.stat2 b{display:block;font-family:'Space Grotesk';font-weight:600;color:var(--ink);margin-top:12px;font-size:.98rem}
.stat2 span{display:block;color:var(--muted);font-size:.86rem;margin-top:2px}
/* ============================================================ TWO-TONE SPLIT (Gravity Off) ============================================================ */
.split{padding:30px 0 100px}
.split-grid{display:grid;grid-template-columns:1fr 1.1fr;border-radius:34px;overflow:hidden;box-shadow:0 50px 90px -42px rgba(76,40,150,.5);min-height:440px}
.split-left{background:radial-gradient(480px 380px at 12% 6%,rgba(124,92,255,.24),transparent 64%),radial-gradient(360px 300px at 96% 104%,rgba(255,138,91,.12),transparent 64%),#120c26;padding:48px 44px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.split-left .mini{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:9px 14px;border-radius:14px;background:#fff;box-shadow:0 16px 30px -18px rgba(76,40,150,.5);font-weight:600;font-size:.82rem;color:var(--ink)}
.split-left .mini .ic{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center}
.split-left h3{font-size:clamp(1.7rem,2.8vw,2.3rem);margin:24px 0 12px;letter-spacing:-.03em;color:#fff}
.split-left p{color:rgba(255,255,255,.72);font-size:.98rem;margin-bottom:24px}
.split-left .btn{align-self:flex-start}
.split-right{position:relative;overflow:hidden;background:linear-gradient(150deg,#8a6cff,#c98be8 50%,#ff9e7a);display:grid;place-items:center}
.split-right .so{position:absolute;border-radius:50%;filter:blur(45px)}
.split-right .so.a{width:200px;height:200px;background:rgba(255,255,255,.35);top:10%;left:8%}
.split-right .so.b{width:220px;height:220px;background:rgba(124,92,255,.5);bottom:6%;right:6%}
.split-right .visual{position:relative;z-index:1;width:64%;aspect-ratio:9/13;border-radius:26px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(8px);box-shadow:0 40px 70px -30px rgba(40,20,100,.5);display:grid;place-items:center}
.split-right .visual .spk{width:46px;height:46px}
.split-right .vchip{position:absolute;z-index:2;padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 20px 38px -20px rgba(40,20,100,.6);font-family:'Space Grotesk';font-weight:700;color:var(--ink);font-size:1rem}
.split-right .vchip.t{top:14%;right:12%}.split-right .vchip.b{bottom:16%;left:10%}
.split-right .vchip.c{top:54%;right:12%}
.split-grid .visual{transform:scale(1.28)}
.split-grid.in .visual{animation:phoneZoomLoop 8s var(--ease) infinite}
@keyframes phoneZoomLoop{0%{transform:scale(1.28)}12.5%{transform:scale(1)}75%{transform:scale(1)}87.5%{transform:scale(1.28)}100%{transform:scale(1.28)}}
.split-grid .vchip{opacity:0;transform:scale(.5)}
.split-grid.in .vchip.t{animation:vchipLoopT 8s ease infinite}
.split-grid.in .vchip.b{animation:vchipLoopB 8s ease infinite}
.split-grid.in .vchip.c{animation:vchipLoopC 8s ease infinite}
@keyframes vchipLoopT{0%,13%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.08)}24%,72%{opacity:1;transform:scale(1)}78%,100%{opacity:0;transform:scale(.5)}}
@keyframes vchipLoopB{0%,16%{opacity:0;transform:scale(.5)}23%{opacity:1;transform:scale(1.08)}27%,72%{opacity:1;transform:scale(1)}78%,100%{opacity:0;transform:scale(.5)}}
@keyframes vchipLoopC{0%,19%{opacity:0;transform:scale(.5)}26%{opacity:1;transform:scale(1.08)}30%,72%{opacity:1;transform:scale(1)}78%,100%{opacity:0;transform:scale(.5)}}
/* ============================================================ TESTIMONIALS ============================================================ */
.tmarquee{display:flex;flex-direction:column;gap:18px;overflow:hidden;overflow-x:clip;overflow-y:visible;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.trow{display:flex;gap:18px;width:max-content;animation:tscroll 56s linear infinite}
.trow.rev{animation-direction:reverse}
.tmarquee:hover .trow{animation-play-state:paused}
@keyframes tscroll{to{transform:translateX(-50%)}}
.tchip{width:388px;flex-shrink:0;padding:26px}
.tchip .stars{color:var(--coral);letter-spacing:2px;font-size:.88rem;margin-bottom:12px}
.tchip p{font-size:.97rem;color:var(--ink-2)}
.tchip .who{display:flex;align-items:center;gap:11px;margin-top:18px}
.tchip .who .a{width:42px;height:42px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:600;font-size:.84rem}
.tchip .who b{font-family:'Space Grotesk';font-size:.92rem;color:var(--ink);display:block}
.tchip .who small{color:var(--muted);font-size:.8rem}
/* ============================================================ PRICING ============================================================ */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.plan{padding:24px 22px 18px;display:flex;flex-direction:column;position:relative;background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--glass-sh);border-radius:24px}
.plan.featured{background:radial-gradient(520px 380px at 50% -8%,rgba(124,92,255,.24),transparent 62%),radial-gradient(420px 320px at 90% 112%,rgba(255,138,91,.13),transparent 64%),#120c26;border-color:rgba(255,255,255,.12);box-shadow:0 54px 96px -40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}
.plan.featured h3,.plan.featured .price{color:#fff}
.plan.featured li{color:rgba(255,255,255,.84)}
.plan.featured li>svg{stroke:#ffb38a}
.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-size:.66rem;font-weight:600;padding:.4rem .9rem;border-radius:100px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 24px -8px rgba(124,92,255,.7);z-index:2;white-space:nowrap}
.plan h3{font-family:'Space Grotesk';font-size:1.2rem;margin-bottom:11px;color:var(--ink)}
.plan .price{font-family:'Space Grotesk';font-weight:700;font-size:2.2rem;line-height:1;color:var(--ink);display:flex;align-items:baseline;gap:1px;margin-bottom:12px}
.plan .price .cur{font-size:1.3rem;font-weight:600}
.plan .price small{font-size:.84rem;font-weight:500;color:var(--muted);margin-left:3px}
.plan.featured .price small{color:rgba(255,255,255,.5)}
.psel{margin-bottom:2px}
.psel-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;gap:6px}
.psel-top .lab{font-size:.64rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.09em}
.plan.featured .psel-top .lab{color:rgba(255,255,255,.55)}
.psel-top .val{font-family:'Space Grotesk';font-weight:700;color:var(--violet);font-size:1rem;white-space:nowrap}
.plan.featured .psel-top .val{color:#fff}
input[type=range].slider{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:100px;background:linear-gradient(90deg,var(--violet) var(--fill,0%),rgba(124,92,255,.16) var(--fill,0%));outline:none;cursor:pointer}
.plan.featured input[type=range].slider{background:linear-gradient(90deg,#fff var(--fill,0%),rgba(255,255,255,.2) var(--fill,0%))}
input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--violet);box-shadow:0 3px 9px rgba(124,92,255,.55);cursor:pointer}
.plan.featured input[type=range].slider::-webkit-slider-thumb{border-color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.45)}
input[type=range].slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--violet);cursor:pointer}
.psel-stops{display:flex;justify-content:space-between;margin-top:6px}
.psel-stops span{font-size:.58rem;color:var(--muted);opacity:.7}
.plan.featured .psel-stops span{color:rgba(255,255,255,.4)}
.plan ul{list-style:none;margin:12px 0;display:grid;gap:8px;flex:1}
.plan li{display:flex;gap:9px;align-items:flex-start;font-size:.81rem;color:var(--ink-2)}
.plan li>svg{flex-shrink:0;width:16px;height:16px;margin-top:2px;stroke:var(--magenta);fill:none}
.plan li b{color:var(--ink);font-weight:600}
.plan.featured li b{color:#fff}
.info{position:relative;margin-left:auto;align-self:center;display:inline-flex;align-items:center;cursor:help;flex-shrink:0}
.info>svg{width:14px;height:14px;stroke:var(--muted);fill:none;opacity:.6;transition:opacity .2s,stroke .2s}
.info:hover>svg{opacity:1;stroke:var(--violet)}
.plan.featured .info>svg{stroke:rgba(255,255,255,.5)}
.plan.featured .info:hover>svg{stroke:#fff}
.tip{position:absolute;bottom:calc(100% + 9px);right:-7px;width:224px;background:#221a40;color:rgba(255,255,255,.88);text-align:left;padding:11px 13px;border-radius:12px;font-size:.76rem;font-weight:400;line-height:1.5;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s;z-index:30;box-shadow:0 18px 40px -14px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);pointer-events:none}
.plan .tip b{font-weight:700;color:#fff}
.info:hover .tip{opacity:1;visibility:visible;transform:translateY(0)}
.tip::after{content:"";position:absolute;top:100%;right:13px;border:6px solid transparent;border-top-color:#221a40}
.plan .btn{width:100%;justify-content:center;padding:.66rem 1.4rem;font-size:.9rem}
.cancel{text-align:center;font-size:.7rem;color:var(--muted);margin-top:6px}
.plan.featured .cancel{color:rgba(255,255,255,.5)}
/* ============================================================ CTA + GHOST ============================================================ */
.finale{padding:40px 0 0;text-align:center}
.finale h2{font-size:clamp(2.3rem,5vw,4rem);font-weight:700;color:var(--ink);letter-spacing:-.04em}
.finale p{color:var(--ink-2);max-width:520px;margin:18px auto 26px;font-size:1.1rem}
.finale .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ghost{position:relative;overflow:hidden;height:clamp(120px,19vw,260px);margin-top:24px;display:flex;align-items:flex-end;justify-content:center}
.ghost-word{font-family:'Space Grotesk';font-weight:700;font-size:clamp(7rem,27vw,23rem);line-height:.72;letter-spacing:-.05em;white-space:nowrap;user-select:none;pointer-events:none;
background:linear-gradient(180deg,rgba(124,92,255,.32),rgba(200,75,216,.12) 60%,rgba(124,92,255,0));-webkit-background-clip:text;background-clip:text;color:transparent}
/* ===== FINALE DARK PANEL (service pages) ===== */
.finale-panel{position:relative;border-radius:40px;overflow:hidden;padding:92px 44px 96px;text-align:center;background:radial-gradient(700px 460px at 14% 6%,rgba(124,92,255,.20),transparent 64%),radial-gradient(620px 440px at 88% 96%,rgba(255,138,91,.12),transparent 64%),#120c26;border:1px solid rgba(255,255,255,.09);box-shadow:0 60px 100px -46px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.finale-panel h2{color:#fff}
.finale-panel p{color:rgba(255,255,255,.66)}
.finale-panel .btn-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff;box-shadow:none}
.finale-panel .btn-ghost:hover{background:rgba(255,255,255,.2)}
@media(max-width:560px){.finale-panel{padding:60px 22px 64px;border-radius:28px}}
.ghost-fit .ghost-word{font-size:clamp(3rem,18vw,15rem)}
/* footer */
footer{padding:46px 0 30px;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
.foot-brand .brand{margin-bottom:16px}.foot-brand p{color:var(--muted);font-size:.93rem;max-width:280px}
.foot-social{display:flex;gap:11px;margin-top:20px}
.foot-social a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.6);border:1px solid var(--glass-brd);display:grid;place-items:center;transition:.3s}
.foot-social a:hover{background:var(--grad);border-color:transparent;transform:translateY(-3px)}
.foot-social svg{width:19px;height:19px;stroke:var(--ink-2)}.foot-social a:hover svg{stroke:#fff}
.foot-col .foot-social{margin-top:8px}.foot-col .foot-social a{display:grid;margin-bottom:0;color:inherit}
.foot-col h4{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-weight:600}
.foot-col a{display:block;color:var(--ink-2);font-size:.93rem;margin-bottom:11px;transition:color .25s}.foot-col a:hover{color:var(--violet)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;flex-wrap:wrap;gap:12px}
/* reveal */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.07s}.reveal[data-delay="2"]{transition-delay:.14s}.reveal[data-delay="3"]{transition-delay:.21s}.reveal[data-delay="4"]{transition-delay:.28s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
/* responsive */
@media(max-width:980px){
.mega{font-size:clamp(3rem,13vw,7rem)}
.phone-stage{margin:18px auto}
.hcard{transform:scale(.9)}
.hblk{position:static;max-width:none;text-align:center!important;margin:8px auto 0}
.hblk .avatars{justify-content:center}
.hero-canvas{gap:6px}
.dash-bento{grid-template-columns:1fr 1fr}
.svc-grid{grid-template-columns:1fr 1fr}
.dc-dial,.dc-chat,.dc-media,.dc-gauge{grid-column:span 1;grid-row:auto}
.man-grid{grid-template-columns:1fr;gap:14px}
.stat2{grid-template-columns:1fr 1fr}
.split-grid{grid-template-columns:1fr}
.price-grid{grid-template-columns:1fr 1fr;max-width:620px;margin:0 auto}
.foot-grid{grid-template-columns:1fr 1fr}
.plan.featured{transform:none}.plan.featured:hover{transform:translateY(-6px)}
}
@media(max-width:640px){
/* backdrop-filter on .nav-inner would make it the containing block for the fixed menu (leaving a strip of the closed menu on screen), so the blur moves to a pseudo-element on phones */
.nav-inner{position:relative;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-inner::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);pointer-events:none}
.nav-links{position:fixed;top:0;right:0;height:100vh;width:78%;max-width:320px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-left:1px solid var(--glass-brd);flex-direction:column;justify-content:center;gap:26px;transform:translateX(100%);visibility:hidden;transition:transform .4s var(--ease),visibility 0s .4s;z-index:99;padding:40px}
.nav-links.open{transform:none;visibility:visible;transition:transform .4s var(--ease)}.nav-links a{font-size:1.1rem}
.nav-dd{width:100%;text-align:center}
.nav-dd-toggle{width:100%;justify-content:center;font-size:1.1rem}
.nav-dd::after{display:none}
.nav-menu{position:static;transform:none;opacity:1;visibility:visible;min-width:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 0 0;gap:7px;align-items:center}
.nav-menu a{font-size:.98rem;color:var(--muted)}
.burger{display:flex;z-index:100}.nav .btn-ghost{display:none}
.dash-bento,.svc-grid,.stat2,.foot-grid{grid-template-columns:1fr}
.price-grid{grid-template-columns:1fr;max-width:380px}
.section,.manifesto,.why{padding:64px 0}.hero{padding:120px 0 30px}
}
/* ===== FAQ ===== */
.faq-list{max-width:790px;margin:0 auto;display:flex;flex-direction:column;gap:13px}
.faq-item{background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--glass-sh);border-radius:20px;overflow:hidden;transition:border-color .45s var(--ease),box-shadow .45s var(--ease)}
.faq-item.open{border-color:rgba(124,92,255,.4);box-shadow:var(--glass-sh-hover)}
.faq-q{width:100%;background:none;border:0;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.04rem;line-height:1.35;color:var(--ink);transition:color .3s}
.faq-q:hover,.faq-q:focus-visible{color:var(--violet)}
.faq-ic{flex-shrink:0;width:33px;height:33px;border-radius:11px;background:rgba(124,92,255,.1);border:1px solid var(--glass-brd);display:grid;place-items:center;transition:background .42s var(--ease),border-color .42s}
.faq-ic svg{width:16px;height:16px;stroke:var(--violet);fill:none;transition:transform .42s var(--ease),stroke .4s}
.faq-item.open .faq-ic svg{transform:rotate(180deg)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .44s var(--ease)}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-a-in{overflow:hidden}
.faq-a p{margin:0;padding:2px 24px 22px;color:var(--muted);font-size:.96rem;line-height:1.62}
.faq-a p+p{margin-top:-10px}
.faq-a a{color:var(--violet);font-weight:700;text-decoration:none}
/* ===== BLOG STRIP ===== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.blog-card{padding:0;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.blog-thumb{position:relative;height:176px;display:flex;align-items:flex-end;padding:14px;overflow:hidden}
.blog-thumb.bt1{background:linear-gradient(150deg,#7C5CFF,#C84BD8)}
.blog-thumb.bt2{background:linear-gradient(150deg,#C84BD8,#FF8A5B)}
.blog-thumb.bt3{background:linear-gradient(150deg,#6f7bf7,#7C5CFF 55%,#f3a8c8)}
.blog-thumb::after{content:"";position:absolute;inset:0;background:radial-gradient(200px 150px at 82% 8%,rgba(255,255,255,.28),transparent 62%);pointer-events:none}
.blog-cat{position:relative;z-index:1;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:6px 12px;border-radius:100px;background:rgba(20,10,40,.28);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(6px)}
.blog-body{display:flex;flex-direction:column;gap:11px;padding:22px 24px 24px;flex:1}
.blog-card h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.12rem;line-height:1.32;letter-spacing:-.01em;color:var(--ink);transition:color .3s}
.blog-card:hover h3{color:var(--violet)}
.blog-card p{color:var(--muted);font-size:.92rem;line-height:1.55;flex:1}
.blog-meta{display:flex;align-items:center;gap:9px;font-size:.78rem;color:var(--muted);font-weight:500}
.blog-meta i{width:3px;height:3px;border-radius:50%;background:var(--muted);opacity:.6;display:inline-block}
@media(max-width:920px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}}
.blog-panel{position:relative;border-radius:40px;overflow:hidden;padding:60px 44px;background:radial-gradient(700px 460px at 14% 6%,rgba(124,92,255,.18),transparent 64%),radial-gradient(620px 440px at 88% 96%,rgba(255,138,91,.10),transparent 64%),#120c26;border:1px solid rgba(255,255,255,.09);box-shadow:0 60px 100px -46px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.blog-panel .section-head{margin-bottom:40px}
.blog-panel .eyebrow{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}
.blog-panel h2{color:#fff}
.blog-panel .section-head p{color:rgba(255,255,255,.62)}
.blog-panel .blog-card{background:#fff;border-color:transparent;box-shadow:0 26px 54px -30px rgba(0,0,0,.5)}
.blog-panel .blog-card:hover{box-shadow:0 36px 70px -30px rgba(0,0,0,.6)}
@media(max-width:560px){.blog-panel{padding:40px 22px;border-radius:28px}}
/* ===== DARK FEATURE BAND (free tools + referral) ===== */
.darkband{position:relative;overflow:hidden;background:radial-gradient(640px 480px at 8% -4%,rgba(124,92,255,.24),transparent 60%),radial-gradient(540px 440px at 97% 104%,rgba(255,138,91,.14),transparent 62%),#0b0718;padding:94px 0}
.darkband .eyebrow{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}
.darkband h2{color:#fff}
.darkband .section-head p{color:rgba(255,255,255,.62)}
.db-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
.db-card{position:relative;display:flex;flex-direction:column;gap:16px;min-height:300px;padding:36px 34px;border-radius:26px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.db-card.glow-v{background:radial-gradient(460px 360px at 14% 4%,rgba(124,92,255,.26),transparent 62%),rgba(255,255,255,.035)}
.db-card.glow-c{background:radial-gradient(460px 360px at 88% 98%,rgba(255,138,91,.22),transparent 62%),rgba(255,255,255,.035)}
.db-ic{position:relative;width:54px;height:54px;border-radius:16px;background:var(--grad);display:grid;place-items:center;box-shadow:0 16px 32px -12px rgba(124,92,255,.6)}
.db-ic svg{width:26px;height:26px;stroke:#fff;fill:none}
.db-card h3{position:relative;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.42rem;letter-spacing:-.02em;color:#fff;display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.db-card p{position:relative;color:rgba(255,255,255,.6);font-size:.96rem;line-height:1.6}
.db-soon{font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#fff;padding:5px 10px;border-radius:100px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.db-chips{position:relative;display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}
.db-chip{font-size:.8rem;font-weight:500;color:rgba(255,255,255,.8);padding:8px 13px;border-radius:100px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}
.db-foot{position:relative;margin-top:auto;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.db-reward{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.db-reward b{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.32rem;line-height:1;background:linear-gradient(115deg,#9D86FF,#E468D6 50%,#FF9E6B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.db-reward span{color:rgba(255,255,255,.62);font-size:.85rem}
@media(max-width:980px){.db-grid{grid-template-columns:1fr}}
@media(max-width:760px){.darkband{padding:64px 0}}
@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}.marquee-track,.trow{animation:none!important}.faq-a{transition:none}.split-grid .visual{transform:none!important;animation:none!important}.split-grid .vchip{opacity:1!important;transform:none!important;animation:none!important}}
/* ===== SERVICE PAGE (Auto Likes) ===== */
.svc-hero{padding:104px 0 80px;text-align:left;overflow:hidden}
.svc-crumb{display:flex;align-items:center;gap:9px;font-size:.8rem;color:rgba(255,255,255,.4);margin-bottom:30px}
.svc-crumb a{color:rgba(255,255,255,.55);text-decoration:none}
.svc-crumb a:hover{color:#fff}
.svc-crumb .sep{opacity:.4}
.svc-crumb .cur{color:rgba(255,255,255,.85);font-weight:500}
.svc-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;min-height:496px}
.svc-eyebrow{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#cbbcff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);padding:.45rem 1rem;border-radius:100px;margin-bottom:18px}
.svc-h1{font-family:'Space Grotesk';font-weight:700;font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.0;letter-spacing:-.035em;color:#fff;margin:0}
.svc-sub{color:rgba(255,255,255,.66);font-size:clamp(1.02rem,1.5vw,1.2rem);margin:20px 0 0;max-width:460px;line-height:1.5}
.svc-acts{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.svc-stats2{display:flex;align-items:center;gap:24px;margin-top:36px}
.svc-stats2 > div{display:flex;flex-direction:column;gap:3px}
.svc-stats2 b{font-family:'Space Grotesk';font-weight:700;font-size:1.6rem;line-height:1;color:#fff}
.svc-stats2 span{color:rgba(255,255,255,.5);font-size:.8rem}
.svc-stats2 .vdiv{width:1px;height:38px;background:rgba(255,255,255,.16)}
/* collage */
.svc-collage{position:relative;height:386px;width:100%;max-width:524px;margin:0 auto}
.cl-card{position:absolute;border-radius:26px;box-shadow:0 42px 84px -34px rgba(8,4,34,.78)}
.cl-post{left:0;top:40px;width:264px;background:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.5);z-index:3}
.cl-post-img{height:250px;overflow:hidden;background:#efeafb}
.cl-post-img img{width:100%;height:100%;object-fit:cover;display:block}
.cl-post-img svg{width:66px;height:66px;opacity:.92;filter:drop-shadow(0 8px 18px rgba(0,0,0,.26))}
.cl-post-bar{display:flex;align-items:center;gap:9px;padding:14px 16px;font-size:.88rem;color:var(--ink)}
.cl-post-bar b{font-family:'Space Grotesk';font-weight:700}
.cl-heart svg{width:23px;height:23px;fill:#ff3b6b}
.cl-feed{right:0;top:20px;width:214px;background:rgba(22,15,42,.66);padding:14px 12px;z-index:2;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.cl-feed-head{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.68rem;font-weight:700;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;padding:0 3px}
.cl-feed-vp{height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}
.cl-feed-track{display:flex;flex-direction:column;gap:7px;animation:feedscroll 20s linear infinite}
.cl-act{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cl-act .aav{width:24px;height:24px;border-radius:50%;flex-shrink:0}
.cl-act .atx{flex:1;min-width:0;font-size:.74rem;color:rgba(255,255,255,.66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-act .atx b{color:#fff;font-weight:600;font-family:'Space Grotesk'}
.cl-people{right:4px;top:258px;width:230px;height:106px;background:rgba(22,15,42,.66);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:center;gap:9px;padding:0 26px;z-index:2}
.cl-avs{display:flex}
.cl-avs span{width:40px;height:40px;border-radius:50%;border:3px solid #fff;margin-left:-13px;background:var(--grad);display:grid;place-items:center;color:#fff;font-family:'Space Grotesk';font-weight:600;font-size:.76rem}
.cl-avs span:first-child{margin-left:0}
.cl-people b{color:#fff;font-family:'Space Grotesk';font-weight:600;font-size:1.12rem}
.cl-badge{position:absolute;top:22px;left:228px;width:58px;height:58px;border-radius:50%;background:var(--grad);display:grid;place-items:center;z-index:4;box-shadow:0 14px 30px -10px rgba(124,92,255,.75)}
.cl-badge svg{width:26px;height:26px;stroke:#fff}
.cl-rings{position:absolute;right:42px;top:36px;left:auto;width:120px;height:76px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:4;animation:alfloat 5s ease-in-out infinite}
.cl-rings svg{width:72px;height:36px}
@keyframes alfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.cl-spark{position:absolute;z-index:1}
.cl-spark.s1{left:-10px;top:206px}.cl-spark.s1 svg{width:26px;height:26px;fill:#7cd6a0}
.cl-spark.s2{left:30px;bottom:8px}.cl-spark.s2 svg{width:20px;height:20px;fill:#ffb38a}
.cl-spark.s3{position:absolute;z-index:5;top:4px;right:-18px}
.cl-spark.s3 svg{width:24px;height:24px;fill:#9d86ff}
.svc-hero .btn-ghost{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.7);color:var(--ink);box-shadow:0 12px 30px -16px rgba(0,0,0,.55)}
.svc-hero .btn-ghost:hover{background:#fff}
.cl-dot{position:absolute;border-radius:50%;z-index:1}
.cl-dot.d1{width:16px;height:16px;background:#6f7bf7;top:34px;right:-8px}
.cl-dot.d2{width:11px;height:11px;background:#ff8a5b;bottom:84px;right:-14px}
/* discover */
.disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.disc-card{padding:26px 24px;display:flex;flex-direction:column;gap:11px;border-radius:20px}
.disc-ic{width:48px;height:48px;border-radius:14px;background:linear-gradient(150deg,rgba(124,92,255,.16),rgba(255,138,91,.13));border:1px solid var(--glass-brd);display:grid;place-items:center}
.disc-ic svg{width:24px;height:24px;stroke:var(--violet);fill:none}
.disc-card h3{font-family:'Space Grotesk';font-size:1.08rem;color:var(--ink)}
.disc-card p{color:var(--muted);font-size:.9rem;line-height:1.55;flex:1;margin:0}
.disc-link{display:inline-flex;align-items:center;gap:5px;color:var(--violet);font-weight:600;font-size:.86rem;text-decoration:none;margin-top:2px}
.disc-link:hover{gap:8px}
.disc-banner{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 30px;border-radius:20px;background:radial-gradient(600px 220px at 8% 0%,rgba(124,92,255,.2),transparent 60%),radial-gradient(500px 220px at 100% 100%,rgba(255,138,91,.12),transparent 62%),#120c26;border:1px solid rgba(255,255,255,.1)}
.disc-banner p{margin:0;color:rgba(255,255,255,.78);font-size:.98rem}
.disc-banner b{color:#fff;font-family:'Space Grotesk';font-weight:600}
.price-grid.cols-3{grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto}
@media(max-width:920px){.svc-hero{text-align:center;padding-top:104px}.svc-crumb{justify-content:center}.svc-hero-grid{grid-template-columns:1fr;gap:36px;min-height:0}.svc-eyebrow,.svc-h1,.svc-sub{text-align:center}.svc-sub{margin-left:auto;margin-right:auto}.svc-acts,.svc-stats2{justify-content:center}.svc-collage{margin:8px auto 0}.disc-grid{grid-template-columns:1fr 1fr}.price-grid.cols-3{grid-template-columns:1fr 1fr;max-width:620px}}
@media(max-width:560px){.svc-stats2{gap:16px}.svc-collage{transform:scale(.86)}.disc-grid{grid-template-columns:1fr}.price-grid.cols-3{grid-template-columns:1fr;max-width:380px}}
/* ===== AUTO LIKES PRICING (config + custom) ===== */
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.pp-grid .plan{padding:32px 28px 26px}
.ctl-lab{font-size:.62rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.09em;margin:0 0 8px}
.plan.featured .ctl-lab{color:rgba(255,255,255,.5)}
.pp-tier{font-size:.72rem;color:var(--muted);font-weight:600;margin:-4px 0 14px}
.plan.featured .pp-tier{color:rgba(255,255,255,.55)}
.blk{margin-bottom:14px}
.pp-select{width:100%;border-radius:12px;padding:12px 13px;font-family:'Space Grotesk';font-weight:600;font-size:.92rem;cursor:pointer;-webkit-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 13px center;background-color:rgba(33,28,84,.04);border:1px solid var(--line);color:var(--ink);background-image:url("data:image/svg+xml;utf8,")}
.pp-select option{color:#1a1330}
.plan.featured .pp-select{background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff;background-image:url("data:image/svg+xml;utf8,")}
.seg{display:flex;border-radius:12px;padding:3px;gap:2px;background:rgba(33,28,84,.05);border:1px solid var(--line)}
.seg button{flex:1;border:0;background:transparent;color:var(--ink-2);font-family:'Space Grotesk';font-weight:600;font-size:.74rem;padding:10px 0;border-radius:9px;cursor:pointer;transition:.18s}
.seg button.on{background:var(--grad);color:#fff;box-shadow:0 7px 16px -8px rgba(124,92,255,.85)}
.plan.featured .seg{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.plan.featured .seg button{color:rgba(255,255,255,.66)}
.plan.custom{justify-content:flex-start}
.plan.custom .custom-tag{font-family:'Space Grotesk';font-weight:700;font-size:1.6rem;color:var(--ink);line-height:1;margin-bottom:8px}
.plan.custom .custom-tag .grad-text{font-size:1.6rem}
.plan.custom .pp-sub{font-size:.9rem;color:var(--ink-2);margin:0 0 30px;line-height:1.55}
.plan.custom ul{flex:none;margin:0 0 18px}
.plan.custom .btn{margin-top:auto}
.pp-grid.cols-2{grid-template-columns:repeat(2,1fr);max-width:820px;margin:0 auto}
@media(max-width:900px){.pp-grid,.pp-grid.cols-2{grid-template-columns:1fr;max-width:400px;margin:0 auto}}
.vrf{width:15px;height:15px;display:inline-block;vertical-align:-2px;flex-shrink:0}
/* ===== Top Services — realistic UI visuals (Auto Likes page) ===== */
/* Auto Likes: bottom-of-phone post */
.v5al{position:relative;width:100%;height:100%}
.al-viz{padding:0}
.v5al .post{position:absolute;top:0;left:36px;right:36px;bottom:34px;border:1.5px solid rgba(255,255,255,.22);border-top:none;border-radius:0 0 22px 22px;display:flex;flex-direction:column;overflow:hidden}
.v5al .img{height:32px;flex-shrink:0;background:linear-gradient(135deg,#7C5CFF,#C84BD8 52%,#FF8A5B)}
.v5al .ftr{flex:1;padding:9px 12px 10px;display:flex;flex-direction:column;gap:5px;justify-content:center}
.v5al .acts{display:flex;align-items:center;gap:14px}
.v5al .acts svg{width:20px;height:20px}
.v5al .acts .hrt{fill:#ff4d6d;stroke:#ff4d6d}
.v5al .acts .ic{fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v5al .likes{font:700 .82rem 'Space Grotesk';color:#fff}
.v5al .by{font:500 .62rem Inter;color:rgba(255,255,255,.72);white-space:nowrap}
.v5al .by b{color:#fff;font-weight:600}
.v5al .avs{display:flex}
.v5al .avs span{width:20px;height:20px;border-radius:50%;border:2px solid #150e2e;margin-left:-7px;background:var(--grad)}
.v5al .avs span:first-child{margin-left:0}
.v5al .avs span:nth-child(2){background:linear-gradient(135deg,#C84BD8,#FF8A5B)}
/* Power Likes: bottom hub + orbit rings + slow heart orbit */
.plorb{position:relative;width:100%;height:100%;overflow:hidden}
.plorb .ring{position:absolute;left:50%;bottom:28px;transform:translate(-50%,50%);border:1px solid rgba(255,255,255,.14);border-radius:50%;z-index:1}
.plorb .ring.r1{width:120px;height:120px}
.plorb .ring.r2{width:184px;height:184px}
.plorb .ring.r3{width:244px;height:244px}
.plorb .sat{position:absolute;left:50%;bottom:28px;width:30px;height:30px;margin-left:-15px;margin-bottom:-15px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34);display:grid;place-items:center;z-index:2;animation:plorbit 22s linear infinite}
.plorb .sat svg{width:14px;height:14px;fill:#ff4d6d;filter:drop-shadow(0 0 5px rgba(255,77,109,.55))}
.plorb .s1{--r:60px;animation-delay:0s}
.plorb .s2{--r:92px;animation-delay:-4.4s}
.plorb .s3{--r:60px;animation-delay:-8.8s}
.plorb .s4{--r:92px;animation-delay:-13.2s}
.plorb .s5{--r:122px;animation-delay:-17.6s}
@keyframes plorbit{from{transform:rotate(0deg) translateY(calc(-1 * var(--r))) rotate(0deg)}to{transform:rotate(360deg) translateY(calc(-1 * var(--r))) rotate(-360deg)}}
.plorb .core{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:72px;height:72px;z-index:5;filter:drop-shadow(0 6px 18px rgba(124,92,255,.6))}
/* Real Comments: live chat */
.v2cmt{display:flex;flex-direction:column;justify-content:center;gap:9px;width:100%;padding:2px 2px}
.v2cmt .row{display:flex;align-items:flex-start;gap:8px;opacity:0;transform:translateX(-10px)}
.svc-card.in .v2cmt .r1{animation:v2in .55s ease .2s forwards}
.svc-card.in .v2cmt .r2{animation:v2in .55s ease .95s forwards}
.svc-card.in .v2cmt .r3{animation:v2in .55s ease 1.7s forwards}
@keyframes v2in{to{opacity:1;transform:none}}
.v2cmt .av{width:26px;height:26px;border-radius:50%;background:var(--grad);flex-shrink:0}
.v2cmt .bub{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:12px;border-top-left-radius:3px;padding:7px 11px;font:500 .73rem Inter;color:rgba(255,255,255,.88)}
.v2cmt .rx{position:absolute;right:-7px;bottom:-7px;width:19px;height:19px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:.62rem;box-shadow:0 3px 8px rgba(0,0,0,.35)}
.v2cmt .typing{display:flex;gap:4px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:12px;border-top-left-radius:3px;padding:10px 12px}
.v2cmt .typing i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.65);animation:v2dot 1.2s ease-in-out infinite}
.v2cmt .typing i:nth-child(2){animation-delay:.2s}.v2cmt .typing i:nth-child(3){animation-delay:.4s}
@keyframes v2dot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
/* Follower Growth: initials + subtle + count */
.v-fols{flex-direction:column;gap:13px}
.v-fols .stack span{animation:v2sub 5s ease-in-out infinite;font-size:.9rem}
.v-fols .stack span:nth-child(2){animation-delay:.6s}.v-fols .stack span:nth-child(3){animation-delay:1.2s}
.v-fols .stack .plus{animation:v2sub 5s ease-in-out infinite}
@keyframes v2sub{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.fcap{display:flex;align-items:center;justify-content:center;gap:6px;min-width:150px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:4px 11px;border-radius:100px;font:700 .72rem 'Space Grotesk';color:#fff}
.fcap svg{width:13px;height:13px;stroke:#3ad29f;fill:none;stroke-width:2.6}
/* Verified Comments: seal hero + flanking verified bubbles */
.vcC{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.vcC .seal{position:relative;width:44px;height:44px;animation:beat 2.6s ease-in-out infinite;filter:drop-shadow(0 6px 16px rgba(56,151,240,.5));z-index:2}
.vcC .seal svg{width:100%;height:100%}
.vcC .sp{position:absolute;fill:#fff;animation:twk 2.4s ease-in-out infinite;z-index:1}
.vcC .sp.s1{width:11px;height:11px;left:calc(50% - 40px);top:34px;animation-delay:0s}
.vcC .sp.s2{width:8px;height:8px;left:calc(50% + 32px);top:46px;animation-delay:.8s}
.vcC .sp.s3{width:7px;height:7px;left:calc(50% + 6px);top:24px;animation-delay:1.5s}
@keyframes twk{0%,100%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1)}}
.vcC .nm{font:600 .76rem 'Space Grotesk';color:#fff;margin-top:3px;z-index:2}
.vcC .fl{font:600 .6rem 'Space Grotesk';color:rgba(255,255,255,.6);z-index:2}
.vcC .cmt{position:absolute;z-index:3;opacity:0;transform:translateY(6px)}
.vcC .cmt.left{left:4px;top:20px}
.vcC .cmt.right{right:4px;bottom:20px}
.svc-card.in .vcC .cmt.left{animation:vbin .55s ease .4s forwards}
.svc-card.in .vcC .cmt.right{animation:vbin .55s ease 1s forwards}
@keyframes vbin{to{opacity:1;transform:none}}
.vcC .cmt .bub{position:relative;flex-shrink:0;width:max-content;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:11px;border-top-left-radius:3px;padding:5px 10px;font:500 .68rem Inter;color:rgba(255,255,255,.92);white-space:nowrap}
.vcC .rx{position:absolute;right:-11px;bottom:-8px;width:19px;height:19px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;line-height:1;box-shadow:0 3px 8px rgba(0,0,0,.35)}
/* Engagement Packages: hub + icons + connecting wires */
.v2pkg{position:relative;width:100%;height:100%;display:grid;place-items:center}
.v2pkg .pkg-stage{position:relative;width:204px;height:128px}
.v2pkg .wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.v2pkg .wbase{stroke:rgba(255,255,255,.14);stroke-width:1;fill:none}
.v2pkg .dot{position:absolute;top:0;left:0;width:8px;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(255,255,255,.15),#fff 50%,rgba(255,255,255,.15));box-shadow:0 0 5px 1px rgba(205,190,255,.85);z-index:1;opacity:0;offset-rotate:auto;animation:dotrun 8s linear infinite}
.v2pkg .d1{offset-path:path('M88 38 L88 28 L53 28');animation-delay:0s}
.v2pkg .d2{offset-path:path('M116 38 L116 28 L151 28');animation-delay:2s}
.v2pkg .d3{offset-path:path('M88 90 L88 100 L53 100');animation-delay:4s}
.v2pkg .d4{offset-path:path('M116 90 L116 100 L151 100');animation-delay:6s}
@keyframes dotrun{0%{offset-distance:0%;opacity:0}2%{opacity:1}24%{offset-distance:100%;opacity:1}26%{offset-distance:100%;opacity:0}100%{offset-distance:100%;opacity:0}}
.v2pkg .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:15px;background:var(--grad);display:grid;place-items:center;z-index:3;box-shadow:0 12px 24px -8px rgba(124,92,255,.7)}
.v2pkg .hub svg{width:26px;height:26px;stroke:#fff;fill:none}
.v2pkg .sat{position:absolute;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;z-index:2}
.v2pkg .sat svg{width:16px;height:16px;stroke:#fff;fill:none}
.v2pkg .s1{top:11px;left:19px}.v2pkg .s2{top:11px;right:19px}.v2pkg .s3{bottom:11px;left:19px}.v2pkg .s4{bottom:11px;right:19px}
.v5al .alh{position:absolute;z-index:5;opacity:0;bottom:84px}
.v5al .alh svg{display:block;fill:#ff4d6d}
.v5al .alh.h1{left:44px;animation:alfloat 3s ease-in infinite}
.v5al .alh.h1 svg{width:12px;height:12px}
.v5al .alh.h2{left:60px;animation:alfloat 3.6s ease-in 1.1s infinite}
.v5al .alh.h2 svg{width:15px;height:15px}
.v5al .alh.h3{left:52px;animation:alfloat 2.8s ease-in 2.1s infinite}
.v5al .alh.h3 svg{width:10px;height:10px}
@keyframes alfloat{0%{opacity:0;transform:translateY(4px) scale(.5)}25%{opacity:.95}100%{opacity:0;transform:translateY(-52px) scale(1.05)}}
.v-fols .stack span svg.psn{width:20px;height:20px;fill:#fff}
/* Auto Likes page: lilac Top Services band */
.ts-lilac{background:radial-gradient(720px 500px at 18% -6%,rgba(124,92,255,.18),transparent 58%),radial-gradient(640px 460px at 88% 112%,rgba(200,75,216,.13),transparent 60%),linear-gradient(180deg,#ece6fc 0%,#e6dffb 58%,#ece6fc 100%)}
/* Auto Likes page: trim space after the cross-sell banner */
#discover{padding-bottom:44px}
/* ===== Home hero (index.html) — left copy + right vertical showcase ===== */
.hero-home{display:flex;flex-direction:column;min-height:100vh;padding:132px 0 36px;overflow:hidden}
.hero-home .hh-grid{flex:1;display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center;min-height:548px}
.hero-home .hh-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;text-align:left}
.hero-home .hero-badge{margin:0}
.hero-home .h1c{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(3.1rem,6vw,5.4rem);line-height:.98;letter-spacing:-.04em;color:#F4F2FB;margin:0}
.hero-home .subc{font-size:clamp(1.02rem,1.4vw,1.18rem);color:rgba(236,234,243,.74);max-width:482px;line-height:1.55;margin:0}
.hero-home .ctac{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.hero-home .hh-kw{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1rem;letter-spacing:.01em;color:#d4ccf0;margin:8px 0 -2px}
.btn-white{background:#fff;color:#1c1547;border:1px solid #fff;font-weight:600}
.btn-white:hover{background:#fff;color:#1c1547;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(255,255,255,.45)}
.hero-home .proofc{display:flex;align-items:center;gap:13px;margin-top:4px}
.hero-home .proofc .avatars{display:flex}
.hero-home .proofc .avatars span{width:34px;height:34px;border-radius:50%;border:2.5px solid #0a0715;margin-left:-10px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:600;font-size:.72rem}
.hero-home .proofc .avatars span:first-child{margin-left:0}
.hero-home .proofc .ptxt{text-align:left;line-height:1.25}
.hero-home .proofc .ptxt .stars{color:var(--coral);letter-spacing:2px;font-size:.9rem}
.hero-home .proofc .ptxt .pl{color:rgba(236,234,243,.82);font-size:.9rem}
.hero-home .proofc .ptxt .pl b{color:#fff;font-weight:700}
/* vertical showcase card (right column) */
.hero-home .hh-visual{display:flex;justify-content:center}
.hero-home .showcard{position:relative;width:100%;max-width:500px;height:578px;border-radius:30px;border:none;overflow:hidden;background:linear-gradient(150deg,#8a6cff,#c98be8 50%,#ff9e7a);box-shadow:0 50px 110px -50px rgba(76,40,150,.6)}
.hero-home .showcard .so{position:absolute;border-radius:50%;filter:blur(45px);z-index:0;pointer-events:none}
.hero-home .showcard .so.a{width:210px;height:210px;background:rgba(255,255,255,.35);top:8%;left:6%}
.hero-home .showcard .so.b{width:230px;height:230px;background:rgba(124,92,255,.5);bottom:5%;right:5%}
.hero-home .sc-head{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;z-index:8}
.hero-home .sc-title{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.96rem;letter-spacing:.005em;color:#fff;margin:0}
.hero-home .ticker{display:flex;align-items:center;gap:7px;font-size:.68rem;color:#cfc8e6;padding:6px 11px;border-radius:999px;background:rgba(22,15,42,.6);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}
.hero-home .ticker .dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:livepulse 2s infinite}
.hero-home .hero-phone{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:196px;z-index:4}
.hero-home .showcard .hcard{position:absolute;z-index:6}
.hero-home .sc-chart{left:22px;top:66px}
.hero-home .sc-roas{right:22px;top:78px}
.hero-home .sc-cmt{left:10px;top:300px}
.hero-home .chartcard{flex-direction:column!important;align-items:flex-start!important;gap:9px!important;min-width:148px}
.hero-home .chartcard .ch-top{display:flex;align-items:center;justify-content:space-between;width:100%}
.hero-home .chartcard .ch-top small{font-size:.6rem;color:#9a93b0;text-transform:uppercase;letter-spacing:.1em}
.hero-home .chartcard .ch-top .up{color:#4ade80;font-weight:600;font-size:.74rem}
.hero-home .bars{display:flex;align-items:flex-end;gap:6px;height:44px;width:100%}
.hero-home .bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#C84BD8,#7C5CFF);transform-origin:bottom;animation:grow 2.4s ease-in-out infinite}
.hero-home .bars i:nth-child(1){height:50%}
.hero-home .bars i:nth-child(2){height:74%;animation-delay:.2s}
.hero-home .bars i:nth-child(3){height:42%;animation-delay:.4s}
.hero-home .bars i:nth-child(4){height:100%;animation-delay:.6s}
.hero-home .bars i:nth-child(5){height:66%;animation-delay:.8s}
.hero-home .cmtbubble{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:14px 14px 14px 4px;background:rgba(22,15,42,.66);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 22px 44px -22px rgba(0,0,0,.8)}
.hero-home .cmtbubble .av{width:26px;height:26px;border-radius:50%;background:var(--grad);flex:none}
.hero-home .cmtbubble span{font-size:.82rem;color:#efeaf7}
.hero-home .cmtbubble .cem{margin-right:6px}
.hero-home .hearts{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);width:120px;height:200px;z-index:5;pointer-events:none}
.hero-home .hearts svg{position:absolute;width:22px;height:22px;opacity:0;animation:rise 3.4s ease-in infinite}
.hero-home .hearts svg:nth-child(1){left:6px;animation-delay:0s}
.hero-home .hearts svg:nth-child(2){left:44px;width:16px;animation-delay:.7s}
.hero-home .hearts svg:nth-child(3){left:84px;width:26px;animation-delay:1.4s}
.hero-home .hearts svg:nth-child(4){left:30px;width:18px;animation-delay:2.1s}
.hero-home .hearts svg:nth-child(5){left:66px;width:20px;animation-delay:2.8s}
/* footer: scroll cue + featured marquee */
.hero-home .hh-foot{text-align:center;margin-top:6px}
.hero-home .hh-foot .see-more{margin-top:14px}
.hero-home .hh-foot .marquee-wrap{margin-top:22px}
@keyframes rise{0%{transform:translateY(20px) scale(.5);opacity:0}18%{opacity:1}100%{transform:translateY(-160px) scale(1);opacity:0}}
@keyframes grow{0%,100%{transform:scaleY(.42)}50%{transform:scaleY(1)}}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
@media(max-width:920px){
.hero-home{padding:108px 0 30px}
.hero-home .hh-grid{grid-template-columns:1fr;gap:36px;min-height:0}
.hero-home .hh-visual{order:2}
.hero-home .showcard{max-width:440px;height:540px;margin:0}
}
/* ===== Home hero — Concept D scrolling feed ===== */
.hero-home .igfeed{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:430px;border-radius:26px;overflow:hidden;background:radial-gradient(320px 220px at 50% -8%,rgba(124,92,255,.16),transparent 62%),#120c26;border:1px solid rgba(255,255,255,.09);box-shadow:0 26px 52px -28px rgba(40,16,90,.5);z-index:2;text-align:left}
.hero-home .igtrack{display:block;will-change:transform;animation:igscroll 18s cubic-bezier(.7,0,.3,1) infinite}
.hero-home .post{position:relative;height:430px;display:flex;flex-direction:column;overflow:hidden}
.hero-home .p-head{display:flex;align-items:center;gap:8px;padding:16px 11px 15px}
.hero-home .p-av{width:26px;height:26px;border-radius:50%;background:var(--grad);flex:none;box-shadow:inset 0 0 0 2px #fff}
.hero-home .p-id{line-height:1.1;flex:1}
.hero-home .p-id b{font-size:.74rem;color:#f4f2fb;font-weight:700}
.hero-home .p-id span{display:block;font-size:.62rem;color:#a79fce}
.hero-home .p-more{color:#f4f2fb;font-weight:700;letter-spacing:1px;font-size:.85rem}
.hero-home .p-img{position:relative;flex:1;min-height:0;overflow:hidden}
.hero-home .p-img img{width:100%;height:100%;object-fit:cover;display:block}
.hero-home .p-acts{display:flex;align-items:center;justify-content:space-between;padding:8px 11px 4px}
.hero-home .p-acts .l{display:flex;gap:12px}
.hero-home .p-acts svg{width:20px;height:20px}
.hero-home .p-acts .l svg:nth-child(2),.hero-home .p-acts .l svg:nth-child(3),.hero-home .p-acts>svg{stroke:#efedfb}
.hero-home .p-likes{padding:0 11px;font-family:Inter,sans-serif;font-weight:700;font-size:.74rem;color:#f4f2fb}
.hero-home .p-cap{padding:2px 11px 0;font-size:.72rem;color:#d9d3f0;line-height:1.34}
.hero-home .p-cap b{font-weight:700;color:#fff}
.hero-home .p-cmt{padding:3px 11px 16px;font-size:.7rem;color:#8f88b0}
.hero-home .p1fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}
.hero-home .p1fx span{position:absolute;bottom:-6px;opacity:0;animation:riseD 3.8s ease-in infinite}
.hero-home .p1fx span svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 2px 5px rgba(0,0,0,.32))}
.hero-home .p1fx span:nth-child(1){left:20%;width:22px;animation-delay:.2s}
.hero-home .p1fx span:nth-child(2){left:42%;width:18px;animation-delay:1.3s}
.hero-home .p1fx span:nth-child(3){left:62%;width:26px;animation-delay:2.2s}
.hero-home .p1fx span:nth-child(4){left:80%;width:16px;animation-delay:3s}
/* unified notification pills (timed per post, stay until scroll) */
.hero-home .pill{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:7px 13px 7px 8px;border-radius:999px;background:rgba(255,255,255,.97);border:1px solid rgba(20,12,40,.08);box-shadow:0 16px 32px -16px rgba(40,16,90,.55);font-family:Inter,sans-serif;font-weight:600;font-size:.76rem;color:#1a1430;white-space:nowrap;opacity:0;text-align:left}
.hero-home .pill .pav{position:relative;width:24px;height:24px;border-radius:50%;flex:none}
.hero-home .pill .pav.g1{background:linear-gradient(135deg,#7C5CFF,#C84BD8)}
.hero-home .pill .pav.g2{background:linear-gradient(135deg,#ff9f45,#ff5e8a)}
.hero-home .pill .seal{position:absolute;right:-4px;bottom:-4px;width:14px;height:14px}
.hero-home .pill .pic{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center}
.hero-home .pill .pic svg{width:14px;height:14px}
.hero-home .pill .pic-like{background:#ff3040}
.hero-home .pill .pic-cmt{background:#2e8bff}
.hero-home .pill .pic-fol{background:#7C5CFF}
.hero-home .pL{left:34px;top:250px;animation:likeP 18s ease-in-out infinite}
.hero-home .pc1{left:34px;top:206px;animation:cm1 18s ease-in-out infinite}
.hero-home .pc2{left:34px;top:252px;animation:cm2 18s ease-in-out infinite}
.hero-home .pc3{left:34px;top:298px;animation:cm3 18s ease-in-out infinite}
.hero-home .pR{right:34px;top:150px;animation:folP 18s ease-in-out infinite}
.hero-home .pF2{left:34px;top:380px;animation:folP2 18s ease-in-out infinite}
@keyframes igscroll{0%,26%{transform:translateY(0)}31%,58%{transform:translateY(-430px)}63%,89%{transform:translateY(-860px)}94%,100%{transform:translateY(-1290px)}}
@keyframes riseD{0%{transform:translateY(8px) scale(.5);opacity:0}16%{opacity:1}80%{opacity:.85}100%{transform:translateY(-150px) scale(1);opacity:0}}
@keyframes likeP{0%,4%{opacity:0;transform:translateX(-14px)}9%,27%{opacity:1;transform:translateX(0)}31%,100%{opacity:0;transform:translateX(-14px)}}
@keyframes cm1{0%,35%{opacity:0;transform:translateX(-14px)}40%,58%{opacity:1;transform:translateX(0)}62%,100%{opacity:0;transform:translateX(-14px)}}
@keyframes cm2{0%,38%{opacity:0;transform:translateX(-14px)}43%,58%{opacity:1;transform:translateX(0)}62%,100%{opacity:0;transform:translateX(-14px)}}
@keyframes cm3{0%,41%{opacity:0;transform:translateX(-14px)}46%,58%{opacity:1;transform:translateX(0)}62%,100%{opacity:0;transform:translateX(-14px)}}
@keyframes folP{0%,68%{opacity:0;transform:translateX(14px)}73%,89%{opacity:1;transform:translateX(0)}93%,100%{opacity:0;transform:translateX(14px)}}
@keyframes folP2{0%,73%{opacity:0;transform:translateX(-14px)}78%,89%{opacity:1;transform:translateX(0)}93%,100%{opacity:0;transform:translateX(-14px)}}
@media(max-width:920px){.hero-home .igfeed{width:284px;height:410px}.hero-home .pc1{top:196px}.hero-home .pc2{top:240px}.hero-home .pc3{top:284px}.hero-home .pL{top:238px}.hero-home .pR{top:142px}}
#compare{background:linear-gradient(180deg,#ece6fc 0%,#ece6fc 45%,rgba(236,230,252,0) 60%,rgba(236,230,252,0) 100%)}
.ts-nobot{background:radial-gradient(720px 500px at 18% -6%,rgba(124,92,255,.18),transparent 58%),linear-gradient(180deg,#ece6fc 0%,#e6dffb 58%,#ece6fc 100%)}
/* ===== Contact page ===== */
.ct-hero{padding:150px 0 112px;text-align:center;position:relative;isolation:isolate}
.ct-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:-1;pointer-events:none}
.ct-orb.a{width:300px;height:300px;background:rgba(124,92,255,.55);top:-40px;left:-40px}
.ct-orb.b{width:340px;height:340px;background:rgba(255,138,91,.32);bottom:-80px;right:-50px}
.ct-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#cbbcff;padding:.5rem 1rem;border-radius:100px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.ct-h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(2.4rem,5.4vw,3.8rem);letter-spacing:-.04em;line-height:1;color:#F4F2FB;margin:20px 0 14px}
.ct-sub{color:rgba(236,234,243,.72);font-size:clamp(1rem,1.5vw,1.15rem);max-width:540px;margin:0 auto 48px;line-height:1.6}
.ct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:760px;margin:0 auto}
.ct-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 20px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:transform .4s var(--ease),background .3s,border-color .3s,box-shadow .4s var(--ease)}
.ct-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ct-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(150deg,rgba(124,92,255,.42),rgba(255,138,91,.32));border:1px solid rgba(255,255,255,.2);margin-bottom:6px}
.ct-ic svg{width:26px;height:26px;color:#fff}
.ct-l{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ct-v{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.02rem;color:#fff;word-break:break-word}
@media(max-width:720px){.ct-grid{grid-template-columns:1fr;max-width:360px}.ct-hero{padding:120px 0 84px}}
/* ===== Legal / policy pages ===== */
.legal-hero{padding:140px 0 50px;text-align:center;position:relative;isolation:isolate}
.legal-hero .ct-sub{margin-bottom:0}
/* ---- Blog listing page ---- */
.blog-hero{padding:150px 0 58px;text-align:center;position:relative;isolation:isolate}
.blog-hero .ct-sub{margin-bottom:0}
@media(max-width:720px){.blog-hero{padding:120px 0 44px}}
.blog-list{padding-top:42px}
.blog-list .blog-grid{gap:24px}
.blog-thumb.bt4{background:linear-gradient(150deg,#5b6cf6,#9b6bf0 58%,#c84bd8)}
.blog-thumb.bt5{background:linear-gradient(150deg,#c84bd8,#e0629f 55%,#ff8a5b)}
.blog-thumb.bt6{background:linear-gradient(150deg,#7C5CFF,#6f7bf7 55%,#4fbfe0)}
/* ---- Blog article (template) ---- */
.art-hero{padding:148px 0 54px;text-align:center;position:relative;isolation:isolate}
.art-hero .container{max-width:860px}
.art-cat{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:.5rem 1rem;border-radius:100px;background:linear-gradient(150deg,#7C5CFF,#C84BD8);box-shadow:0 14px 32px -14px rgba(124,92,255,.7)}
.art-hero .ct-h1{font-size:clamp(2rem,4.4vw,3.05rem);line-height:1.1;margin:22px auto 22px;max-width:780px}
.art-meta{display:flex;justify-content:center;align-items:center;gap:11px;font-size:.9rem;color:rgba(236,234,243,.72);font-weight:500}
.art-meta i{width:3px;height:3px;border-radius:50%;background:rgba(236,234,243,.5);display:inline-block}
.art-meta .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,#7C5CFF,#C84BD8);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;font-family:'Space Grotesk',sans-serif}
.art-meta .au{color:#F4F2FB;font-weight:600}
.art-wrap{padding-top:58px;padding-bottom:84px}
.art{max-width:748px;margin:0 auto}
.art-back{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:500;color:var(--muted);text-decoration:none;margin-bottom:26px;transition:color .25s}
.art-back:hover{color:var(--violet)}
.art .lead{font-size:1.2rem;line-height:1.72;color:var(--ink);font-weight:450;margin:0 0 26px}
.art p{color:var(--ink-2);font-size:1.05rem;line-height:1.8;margin:0 0 22px}
.art a:not(.btn){color:var(--violet);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.art h2{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:-.02em;color:var(--ink);margin:46px 0 16px;line-height:1.25}
.art h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:-.01em;color:var(--ink);margin:30px 0 12px}
.art ul{margin:0 0 24px;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}
.art ul li{position:relative;padding-left:28px;color:var(--ink-2);font-size:1.05rem;line-height:1.7}
.art ul li::before{content:"";position:absolute;left:3px;top:.62em;width:9px;height:9px;border-radius:50%;background:linear-gradient(150deg,#7C5CFF,#C84BD8)}
.art ul li strong{color:var(--ink);font-weight:600}
.art ul.chk li::before,.art ul.avoid li::before{content:none}
.art ul.chk li,.art ul.avoid li{padding-left:32px}
.art ul.chk li::after,.art ul.avoid li::after{position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800}
.art ul.chk li::after{content:"\2713";color:#0f9d6c;background:rgba(34,176,125,.14)}
.art ul.avoid li::after{content:"\2715";color:#d6497f;background:rgba(224,98,159,.14)}
.art blockquote{margin:30px 0;padding:22px 28px;border-left:3px solid var(--violet);background:linear-gradient(120deg,rgba(124,92,255,.07),rgba(200,75,216,.04));border-radius:0 16px 16px 0;font-size:1.14rem;line-height:1.6;color:var(--ink);font-weight:500}
.art blockquote p{margin:0;color:inherit;font-size:inherit}
.art-tags{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0 4px}
.art-tags span{font-size:.8rem;font-weight:500;color:var(--muted);padding:6px 13px;border-radius:100px;background:rgba(124,92,255,.08);border:1px solid rgba(124,92,255,.16)}
.art-cover{margin:0 0 34px;border-radius:20px;overflow:hidden;aspect-ratio:16/9;position:relative;background:linear-gradient(150deg,#7C5CFF,#C84BD8 55%,#FF8A5B);display:flex;align-items:center;justify-content:center;box-shadow:0 30px 60px -34px rgba(76,54,150,.5)}
.art-cover img{width:100%;height:100%;object-fit:cover;display:block}
.art-cover .ph{position:absolute;inset:14px;border:2px dashed rgba(255,255,255,.55);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#fff;text-align:center;padding:20px}
.art-cover .ph svg{width:42px;height:42px;opacity:.92}
.art-cover .ph b{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.05rem}
.art-cover .ph span{font-size:.84rem;opacity:.82;max-width:290px;line-height:1.45}
/* in-article promo ("ad" for our own services) */
.art-ad{margin:42px 0;border-radius:24px;overflow:hidden;position:relative;display:grid;grid-template-columns:.82fr 1.18fr;background:radial-gradient(560px 300px at 10% -10%,rgba(124,92,255,.36),transparent 60%),radial-gradient(460px 320px at 98% 112%,rgba(255,138,91,.2),transparent 60%),#120c26;border:1px solid rgba(255,255,255,.1);box-shadow:0 44px 88px -44px rgba(0,0,0,.6)}
.art-ad-visual{position:relative;padding:26px 22px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(160deg,rgba(124,92,255,.18),rgba(200,75,216,.05));border-right:1px solid rgba(255,255,255,.08)}
.ad-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#1c1547;font-weight:600;font-size:.9rem;padding:9px 15px;border-radius:100px;box-shadow:0 14px 28px -14px rgba(0,0,0,.55);width:fit-content}
.ad-pill svg{width:16px;height:16px;flex:none}
.ad-pill.h svg{color:#ff5a7a}.ad-pill.c svg{color:#7C5CFF}.ad-pill.f svg{color:#2e8bff}
.art-ad-visual{align-items:center}
.art-ad-visual .ad-pill:nth-child(1){margin-right:40px}
.art-ad-visual .ad-pill:nth-child(2){margin-left:30px}
.art-ad-visual .ad-pill:nth-child(3){margin-right:0}
/* ad pills: appear one by one, hold 3.5s, fade out together, loop (6s cycle) */
.art-ad-visual .ad-pill{animation:6s ease-out infinite both}
.art-ad-visual .ad-pill:nth-child(1){animation-name:adPill1}
.art-ad-visual .ad-pill:nth-child(2){animation-name:adPill2}
.art-ad-visual .ad-pill:nth-child(3){animation-name:adPill3}
@keyframes adPill1{0%{opacity:0;transform:translateY(12px) scale(.94)}8.33%,83.33%{opacity:1;transform:none}91.67%,100%{opacity:0;transform:translateY(-6px) scale(.97)}}
@keyframes adPill2{0%,8.33%{opacity:0;transform:translateY(12px) scale(.94)}16.67%,83.33%{opacity:1;transform:none}91.67%,100%{opacity:0;transform:translateY(-6px) scale(.97)}}
@keyframes adPill3{0%,16.67%{opacity:0;transform:translateY(12px) scale(.94)}25%,83.33%{opacity:1;transform:none}91.67%,100%{opacity:0;transform:translateY(-6px) scale(.97)}}
@media(prefers-reduced-motion:reduce){.art-ad-visual .ad-pill{animation:none}}
.art-ad-body{padding:30px 34px;display:flex;flex-direction:column;align-items:flex-start}
.ad-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#cbbcff;margin-bottom:13px}
.ad-eyebrow svg{width:13px;height:15px}
.art-ad h3{font-family:'Space Grotesk',sans-serif;font-weight:600;color:#fff;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 10px}
.art-ad p{color:rgba(255,255,255,.68);font-size:.98rem;line-height:1.55;margin:0 0 20px;max-width:none}
/* simple in-article infographic */
/* ---- In-article infographic: growth loop ---- */
.art-fig{margin:30px 0 18px;position:relative}
.loop-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:1}
.loop-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 14px 16px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid #fff;box-shadow:0 22px 44px -26px rgba(76,54,150,.45),inset 0 1px 0 #fff;margin:0}
.fig-ic{width:46px;height:46px;border-radius:14px;margin-bottom:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 24px -12px rgba(76,54,150,.7),inset 0 1px 0 rgba(255,255,255,.35)}
.fig-ic svg{width:21px;height:21px}
.fig-ic.g1{background:linear-gradient(150deg,#7C5CFF,#C84BD8)}
.fig-ic.g2{background:linear-gradient(150deg,#C84BD8,#FF8A5B)}
.fig-ic.g3{background:linear-gradient(150deg,#6f7bf7,#7C5CFF 55%,#4fbfe0)}
.ls-num{position:absolute;top:12px;right:14px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.1rem;letter-spacing:-.03em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:.55}
.loop-step b{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1rem;color:var(--ink);line-height:1.25;letter-spacing:-.01em}
.loop-step small{font-size:.8rem;color:var(--muted);line-height:1.42}
.ls-viz{margin-top:auto;padding-top:12px;width:100%}
.ls-checks{display:flex;flex-direction:column;align-items:center;gap:6px}
.ls-checks span{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:600;color:var(--ink-2)}
.ls-checks svg{width:16px;height:16px;padding:3px;border-radius:50%;flex:none;color:#fff;background:#1fa874}
.ls-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ls-pills span{display:inline-flex;align-items:center;gap:5px;background:#fff;color:#1c1547;font-weight:600;font-size:.74rem;padding:5px 10px;border-radius:100px;box-shadow:0 8px 18px -10px rgba(76,54,150,.55),0 0 0 1px rgba(124,92,255,.08)}
.ls-pills span svg{width:12px;height:12px}
.ls-pills .h svg{color:#ff5a7a}.ls-pills .c svg{color:#7C5CFF}
.ls-pills em{flex-basis:100%;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--violet);margin-top:2px}
.ls-pills em svg{width:13px;height:13px}
.ls-bars .bars{display:flex;align-items:flex-end;gap:5px;height:48px}
.ls-bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7C5CFF,rgba(124,92,255,.25))}
.ls-bars i:nth-child(n+5){background:linear-gradient(180deg,#C84BD8,rgba(255,138,91,.45))}
.ls-bars .lbl{display:flex;justify-content:space-between;margin-top:6px;font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ls-arrow{position:absolute;z-index:2;top:50%;right:-15px;width:30px;height:30px;margin-top:-15px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#2e8bff;box-shadow:0 10px 20px -8px rgba(46,139,255,.7),0 0 0 4px rgba(255,255,255,.9)}
.ls-arrow svg{width:14px;height:14px}
.loop-return{position:relative;height:46px;margin:0 calc(100%/6 - 4px)}
.lr-line{position:absolute;left:0;right:0;top:0;height:24px;border:2px dashed rgba(124,92,255,.38);border-top:none;border-radius:0 0 18px 18px}
.lr-line::before{content:"";position:absolute;left:-7px;top:-3px;width:10px;height:10px;border-left:2px solid rgba(124,92,255,.6);border-top:2px solid rgba(124,92,255,.6);transform:rotate(45deg)}
.lr-pill{position:absolute;left:50%;top:24px;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);background:#fff;padding:7px 14px;border-radius:100px;box-shadow:0 10px 22px -12px rgba(76,54,150,.6),0 0 0 1px rgba(124,92,255,.12)}
.lr-pill svg{width:14px;height:14px;animation:lrSpin 6s linear infinite}
@keyframes lrSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.lr-pill svg{animation:none}}
/* ---- Engagement pods page ---- */
.pods-tabs{max-width:1120px;margin:0 auto;position:relative}
.pods-tabbar{display:flex;gap:12px;margin-bottom:16px}
.pods-tab{flex:1;border:1px solid transparent;background:#f1f0f7;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.92rem;color:var(--muted);padding:18px 10px;border-radius:16px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.pods-tab:hover{color:var(--ink);background:#eae8f3}
.pods-tab-ic{width:38px;height:38px;display:grid;place-items:center;opacity:.45;transition:opacity .25s}
.pods-tab-ic svg{width:34px;height:34px;stroke:url(#tabgrad);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pods-tab.active{color:var(--ink);background:#fff;border-color:var(--glass-brd);box-shadow:0 16px 34px -16px rgba(76,54,150,.4)}
.pods-tab.active:hover{background:#fff}
.pods-tab.active .pods-tab-ic{opacity:1}
.pods-panel{display:none;background:#fff;border:1px solid var(--glass-brd);border-radius:24px;box-shadow:0 34px 66px -44px rgba(76,54,150,.45);padding:52px 48px 54px;gap:48px;align-items:center}
.pods-panel.active{display:flex}
.pods-panel-body{flex:1;min-width:0}
.pods-panel-body h2{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.42rem;letter-spacing:-.01em;color:var(--ink);margin:0 0 13px;line-height:1.25}
.pods-panel-body p{color:var(--ink-2);font-size:1.02rem;line-height:1.72;margin:0 0 13px}
.pods-panel-body p:last-of-type{margin-bottom:0}
.pods-cta-link{display:inline-flex;align-items:center;gap:7px;font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--violet);text-decoration:none;margin-top:16px}
.pods-cta-link:hover{gap:11px}
.pa{position:relative;flex:none;width:290px;height:250px;display:grid;place-items:center}
.pa-core{position:relative;z-index:2;width:84px;height:84px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(150deg,#7C5CFF,#C84BD8);box-shadow:0 24px 46px -18px rgba(124,92,255,.75);animation:paFloat 3.6s ease-in-out infinite}
.pa-core svg{width:40px;height:40px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pa-a{align-items:stretch}
.pa-a .tg-list{align-self:center;width:100%;max-width:294px;background:radial-gradient(280px 200px at 20% -6%,rgba(124,92,255,.16),transparent 60%),#120c26;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:9px;box-shadow:0 26px 50px -22px rgba(8,4,34,.7)}
.pa-a .tg-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border-radius:11px;padding:7px 12px;margin-bottom:5px}
.pa-a .tg-search svg{width:15px;height:15px;stroke:rgba(255,255,255,.5);fill:none;stroke-width:2;stroke-linecap:round}
.pa-a .tg-search span{color:rgba(255,255,255,.55);font-size:.82rem}
.pa-a .tg-rows{position:relative}
.pa-a .tg-hl{position:absolute;left:0;right:0;top:0;height:36px;border-radius:11px;background:rgba(255,255,255,.1);z-index:0;animation:tgSel 11s ease-in-out infinite}
.pa-a .tg-row{position:relative;z-index:1;display:flex;align-items:center;gap:10px;height:36px;padding:0 8px}
.pa-a .tg-row img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}
.pa-a .tg-tx{min-width:0;line-height:1.18}
.pa-a .tg-tx b{display:block;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:196px}
.pa-a .tg-tx span{color:rgba(255,255,255,.44);font-size:.66rem}
@keyframes tgSel{0%,8%{transform:translateY(0)}14%,20%{transform:translateY(36px)}26%,32%{transform:translateY(72px)}38%,44%{transform:translateY(108px)}50%,58%{transform:translateY(144px)}64%,70%{transform:translateY(108px)}76%,82%{transform:translateY(72px)}88%,94%{transform:translateY(36px)}100%{transform:translateY(0)}}
.pa-c .alt-post{position:relative;width:100%;max-width:294px;border-radius:16px;overflow:hidden;background:#120c26;box-shadow:0 26px 50px -22px rgba(8,4,34,.7)}
.pa-c .alt-photo{height:212px;background:#1a1330}
.pa-c .alt-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pa-c .alt-bar{padding:6px 13px 7px;background:radial-gradient(180px 90px at 15% 0%,rgba(124,92,255,.22),transparent 62%),#120c26}
.pa-c .alt-acts{display:flex;align-items:center;gap:13px}
.pa-c .alt-acts .sp{flex:1}
.pa-c .alt-acts svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pa-c .alt-heart{transform-origin:center;animation:aPop 2.6s ease-in-out infinite}
.pa-c .alt-heart path{fill:#ff3b6b;stroke:#ff3b6b}
.pa-c .alt-likes{display:block;margin-top:3px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.78rem;color:#fff}
@keyframes aPop{0%,55%{transform:scale(1)}62%{transform:scale(1.4)}70%{transform:scale(.92)}78%,100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.pa-c .alt-heart{animation:none}}
.pa-b .tip-center{position:relative;z-index:3;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(54px 46px at 16% 4%,rgba(124,92,255,.5),transparent 66%),radial-gradient(48px 42px at 96% 104%,rgba(255,138,91,.26),transparent 62%),#120c26;box-shadow:0 20px 40px -16px rgba(8,4,34,.8)}
.pa-b .tip-center svg{width:32px;height:32px}
.pa-b .tip-circle{position:absolute;width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid #fff;background:#efecfb;box-shadow:0 14px 28px -12px rgba(76,54,150,.55);opacity:0;z-index:2;transform:translate(-50%,-50%) scale(1);animation:tipPop 5.5s ease-in-out infinite}
.pa-b .tip-circle img{width:100%;height:100%;object-fit:cover;display:block}
.pa-b .tc1{left:50%;top:12%}
.pa-b .tc2{left:84%;top:31%;animation-delay:.1s}
.pa-b .tc3{left:84%;top:69%;animation-delay:.2s}
.pa-b .tc4{left:50%;top:88%;animation-delay:.3s}
.pa-b .tc5{left:16%;top:69%;animation-delay:.4s}
.pa-b .tc6{left:16%;top:31%;animation-delay:.5s}
@keyframes tipPop{0%,27%{opacity:0;transform:translate(-50%,-50%) scale(.2)}36%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}42%,90%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.3)}}
@media(prefers-reduced-motion:reduce){.pa-b .tip-circle{animation:none;opacity:1;transform:translate(-50%,-50%)}}
.pa-ring{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;border-radius:50%;border:2px solid rgba(124,92,255,.35);animation:paRing 3s ease-out infinite}
.pa-ring.r2{animation-delay:1s}
.pa-ring.r3{animation-delay:2s}
.pa-pip{position:absolute;width:40px;height:40px;border-radius:13px;background:#fff;display:grid;place-items:center;box-shadow:0 16px 30px -14px rgba(76,54,150,.5);animation:paBob 3.2s ease-in-out infinite}
.pa-pip svg{width:19px;height:19px}
.pa-pip.pp1{top:6%;left:4%}
.pa-pip.pp2{top:14%;right:2%;animation-delay:.7s}
.pa-pip.pp3{bottom:12%;left:0;animation-delay:1.4s}
.pa-pip.pp4{bottom:6%;right:8%;animation-delay:2.1s}
@keyframes paFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes paRing{0%{transform:scale(.72);opacity:.6}100%{transform:scale(2.5);opacity:0}}
@keyframes paBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@media(prefers-reduced-motion:reduce){.pa-core,.pa-ring,.pa-pip{animation:none}}
@media(max-width:720px){.pods-panel{flex-direction:column;padding:34px 22px 36px;gap:20px}.pa{width:230px;height:200px}.pa-core{width:74px;height:74px}.pods-tab{font-size:.8rem;padding:18px 6px 16px}.pods-tab-ic svg{width:28px;height:28px}}
.pods-note{max-width:1120px;margin:0 auto 20px;color:var(--muted);font-size:.95rem;display:flex;align-items:center;gap:8px}
.pods-star{color:#C84BD8}
.pods-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;grid-auto-rows:1fr}
.pod-card{position:relative;display:flex;flex-direction:column;gap:11px;background:#fff;border:1px solid var(--glass-brd);border-radius:18px;padding:18px 20px 20px;box-shadow:0 22px 44px -36px rgba(76,54,150,.4);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.pod-card:hover{transform:translateY(-3px);box-shadow:0 30px 54px -32px rgba(76,54,150,.5)}
.pod-card.rec{border-color:rgba(124,92,255,.34)}
.pod-top{display:flex;align-items:center;gap:11px}
.pod-img{position:relative;width:48px;height:48px;border-radius:14px;flex:none;display:grid;place-items:center;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.98rem;background:#efecfb}
.pod-img img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
.pod-badge{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff}
.pod-badge svg{width:12px;height:12px;display:block}
.pod-badge.tg{background:#2AABEE}.pod-badge.wa{background:#25D366}.pod-badge.ig{background:linear-gradient(135deg,#7C5CFF,#C84BD8 55%,#FF8A5B)}
.pod-plat{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.82rem;color:var(--muted)}
.pod-rec{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.62rem;font-weight:600;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#178a48;background:rgba(37,183,100,.14);padding:5px 10px;border-radius:100px;white-space:nowrap}
.pod-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.02rem;color:var(--ink);line-height:1.3}
.pod-desc{color:var(--muted);font-size:.87rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pod-desc a{color:var(--violet);word-break:break-word;position:relative;z-index:2}
.pod-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.pod-rules{font-size:.82rem;color:var(--ink-2);line-height:1.5;padding-top:12px;border-top:1px solid rgba(124,92,255,.1);margin-top:auto}
.pod-rules b{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--ink)}
@media(max-width:560px){.pods-grid{grid-template-columns:1fr;grid-auto-rows:auto}}
.art-rel{padding-top:0}
.art-rel .section-head{margin-bottom:34px}
@media(max-width:720px){.art-hero{padding:118px 0 40px}.art-wrap{padding-top:40px;padding-bottom:60px}.art .lead{font-size:1.1rem}}
@media(max-width:640px){.art-ad{grid-template-columns:1fr}.art-ad-visual{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);flex-direction:row;flex-wrap:wrap;gap:9px}.art-ad-visual .ad-pill{margin-left:0!important;margin-right:0!important}.art-ad-body{padding:26px 26px}.loop-steps{grid-template-columns:1fr;gap:16px}.ls-arrow{top:auto;right:auto;bottom:-23px;left:50%;margin:0 0 0 -15px;transform:rotate(90deg)}.loop-return{height:auto;margin:18px 0 0;text-align:center}.lr-line{display:none}.lr-pill{position:static;transform:none}}
.legal-wrap{padding-top:56px}
.legal{max-width:820px;margin:0 auto;overflow-wrap:anywhere}
.legal .lead{font-size:1.12rem;color:var(--ink);font-weight:500;margin-bottom:26px;line-height:1.7}
.legal h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.4rem,2.6vw,2rem);color:var(--ink);margin:48px 0 14px;letter-spacing:-.02em}
.legal h3{font-size:1.12rem;color:var(--ink);margin:30px 0 10px;font-weight:700}
.legal p{margin:0 0 14px;line-height:1.72;color:var(--ink-2);font-size:1rem}
.legal ul,.legal ol{margin:8px 0 18px;padding-left:26px}
.legal li{line-height:1.65;margin-bottom:11px;color:var(--ink-2)}
.legal h4{font-size:1.02rem;color:var(--ink);margin:22px 0 8px;font-weight:700}
.legal li b,.legal p b{color:var(--ink)}
.legal .dt{color:var(--ink);font-weight:700;font-size:1.05rem;margin:24px 0 4px}
.legal em{font-style:italic}
.legal a{color:var(--violet);text-decoration:underline;text-underline-offset:2px}
.legal .legal-updated{margin-top:44px;padding-top:22px;border-top:1px solid var(--glass-brd);color:var(--muted);font-size:.92rem}
.foot-bottom a{color:inherit;transition:color .3s}
.foot-bottom a:hover{color:var(--violet)}
/* ---------- Template 3: Follower growth ---------- */
.ad-fg{display:flex;align-items:center;justify-content:center}
.fg-card{position:relative;width:100%;max-width:232px;background:#fff;border-radius:18px;padding:16px 16px 14px;box-shadow:0 18px 36px -18px rgba(0,0,0,.6)}
.fg-top{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.fg-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#827da9}
.fg-avs{display:flex;padding-left:6px}
.fg-avs i{width:20px;height:20px;border-radius:50%;border:2px solid #fff;margin-left:-6px}
.fg-avs i:nth-child(1){background:linear-gradient(150deg,#7C5CFF,#C84BD8)}
.fg-avs i:nth-child(2){background:linear-gradient(150deg,#C84BD8,#FF8A5B)}
.fg-avs i:nth-child(3){background:linear-gradient(150deg,#6f7bf7,#4fbfe0)}
.fg-num{font:700 1.7rem/1.1 'Space Grotesk',sans-serif;color:#1c1547;letter-spacing:-.02em}
.fg-bars{display:flex;align-items:flex-end;gap:5px;height:54px;margin-top:12px}
.fg-bars span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#C84BD8,#7C5CFF);transform-origin:bottom;animation:fgGrow 6s var(--ease,ease-out) infinite both}
.fg-bars span:nth-child(1){height:28%;animation-delay:0s}
.fg-bars span:nth-child(2){height:38%;animation-delay:.12s}
.fg-bars span:nth-child(3){height:46%;animation-delay:.24s}
.fg-bars span:nth-child(4){height:58%;animation-delay:.36s}
.fg-bars span:nth-child(5){height:70%;animation-delay:.48s}
.fg-bars span:nth-child(6){height:84%;animation-delay:.6s}
.fg-bars span:nth-child(7){height:100%;animation-delay:.72s;background:linear-gradient(180deg,#FF8A5B,#C84BD8)}
.fg-chip{position:absolute;top:-12px;right:-14px;display:inline-flex;align-items:center;gap:5px;background:#1c1547;color:#fff;font-size:.76rem;font-weight:600;padding:6px 11px;border-radius:100px;box-shadow:0 12px 24px -12px rgba(0,0,0,.6);animation:adPill3 6s ease-out infinite both}
.fg-chip b{color:#7ee2a8}
@keyframes fgGrow{0%{transform:scaleY(0)}12%,83%{transform:scaleY(1)}92%,100%{transform:scaleY(0)}}
@media(prefers-reduced-motion:reduce){.fg-bars span,.fg-chip{animation:none}}
@media(max-width:640px){.fg-card{max-width:260px}}
/* ---------- In-article images & comparison table ---------- */
.art-img{margin:34px 0 40px}
.art-img img{width:100%;height:auto;border-radius:18px;display:block;box-shadow:0 30px 60px -36px rgba(76,54,150,.5)}
.art-table-wrap{margin:26px 0 30px;overflow-x:auto;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 22px 44px -28px rgba(76,54,150,.45)}
.art-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.92rem;line-height:1.5}
.art-table th,.art-table td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.art-table thead th{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--ink);background:rgba(124,92,255,.07)}
.art-table thead th:last-child{color:var(--violet)}
.art-table tbody th{font-weight:600;color:var(--ink);width:26%}
.art-table td{color:var(--ink-2)}
.art-table tr:last-child th,.art-table tr:last-child td{border-bottom:none}
/* ---------- Template 4: Powerlikes ---------- */
.ad-pl{display:flex;align-items:center;justify-content:center}
.pl-post{width:100%;max-width:220px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 36px -18px rgba(0,0,0,.6)}
.pl-img{position:relative;height:132px;background:linear-gradient(150deg,#7C5CFF,#C84BD8 55%,#FF8A5B);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pl-big{width:58px;height:58px;color:#fff;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25));animation:plPop 3s ease-out infinite}
.pl-big svg{width:100%;height:100%}
.pl-f{position:absolute;bottom:-18px;width:16px;height:16px;color:rgba(255,255,255,.85);animation:plFloat 3s ease-in infinite}
.pl-f svg{width:100%;height:100%}
.pl-f.f1{left:22%;animation-delay:.2s}
.pl-f.f2{left:64%;width:12px;height:12px;animation-delay:1.1s}
.pl-f.f3{left:44%;width:10px;height:10px;animation-delay:2s}
.pl-row{display:flex;align-items:center;gap:7px;padding:11px 13px}
.pl-h{width:18px;height:18px;color:#ff3b5c;flex:none;animation:plBeat 3s ease-out infinite}
.pl-h svg{width:100%;height:100%}
.pl-count{font-size:.86rem;font-weight:700;color:#1c1547}
.pl-live{margin-left:auto;font-size:.68rem;font-weight:600;color:#7C5CFF;background:#f1edff;padding:3px 8px;border-radius:100px}
@keyframes plPop{0%,100%{transform:scale(1)}10%{transform:scale(1.22)}20%{transform:scale(.96)}30%{transform:scale(1)}}
@keyframes plBeat{0%,100%{transform:scale(1)}12%{transform:scale(1.3)}24%{transform:scale(1)}}
@keyframes plFloat{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-150px);opacity:0}}
@media(prefers-reduced-motion:reduce){.pl-big,.pl-h,.pl-f{animation:none}.pl-f{display:none}}
/* ---- In-article infographic: two-way comparison (uses .loop-step cards) ---- */
.loop-steps.two{grid-template-columns:repeat(2,1fr);gap:22px}
.loop-steps.two .ls-checks{align-items:flex-start;width:fit-content;margin:0 auto}
.ls-vs{position:absolute;z-index:2;top:50%;right:-25px;width:28px;height:28px;margin-top:-14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#2e8bff;font:600 .72rem/1 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 10px 20px -8px rgba(46,139,255,.7),0 0 0 4px rgba(255,255,255,.9)}
@media(max-width:640px){.loop-steps.two{grid-template-columns:1fr}.ls-vs{top:auto;right:auto;bottom:-25px;left:50%;margin:0 0 0 -14px}}
/* ---- In-article infographic: five tiles (3 + 2) and extra icon colours ---- */
.fig-ic.gg{background:#1fa874}
.fig-ic.gb{background:#2e8bff}
.loop-steps.five{grid-template-columns:repeat(6,1fr)}
.loop-steps.five .loop-step{grid-column:span 2}
.loop-steps.five .loop-step:nth-child(n+4){grid-column:span 3}
@media(max-width:640px){.loop-steps.five{grid-template-columns:1fr}.loop-steps.five .loop-step,.loop-steps.five .loop-step:nth-child(n+4){grid-column:auto}}
/* ---- In-article infographic: caption, verdict tags, highlighted card ---- */
.fig-cap{display:block;text-align:center;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.ls-tag span{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:100px}
.ls-tag .ok{color:#fff;background:#1fa874}
.ls-tag .no{color:#d6497f;background:rgba(224,98,159,.14)}
.loop-step.best{border-color:#1fa874;box-shadow:0 0 0 1px #1fa874,0 22px 44px -26px rgba(31,168,116,.55)}
.ls-checks.no svg{background:#d6497f}
.art-img figcaption{margin-top:16px;font-size:.9rem;line-height:1.6;color:var(--muted)}
.art-img figcaption strong{color:var(--ink);font-weight:600}
/* ---------- Template 2: Verified comments ---------- */
.ad-vc{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}
.vc-card{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:236px;background:#fff;border-radius:16px;padding:10px 13px;box-shadow:0 14px 28px -14px rgba(0,0,0,.55);animation:6s ease-out infinite both}
.vc-card:nth-child(1){margin-right:22px;animation-name:adPill1}
.vc-card:nth-child(2){margin-left:22px;animation-name:adPill2}
.vc-card:nth-child(3){margin-right:8px;animation-name:adPill3}
.vc-av{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:600 .72rem 'Space Grotesk',sans-serif}
.vc-av.a1{background:linear-gradient(150deg,#7C5CFF,#C84BD8)}
.vc-av.a2{background:linear-gradient(150deg,#C84BD8,#FF8A5B)}
.vc-av.a3{background:linear-gradient(150deg,#6f7bf7,#4fbfe0)}
.vc-txt{min-width:0;line-height:1.3}
.vc-name{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;color:#1c1547}
.vc-name svg{width:13px;height:13px;flex:none}
.vc-name small{font-weight:500;color:#827da9;font-size:.7rem}
.vc-msg{font-size:.8rem;color:#4b4682;margin-top:2px}
@media(prefers-reduced-motion:reduce){.vc-card{animation:none}}
@media(max-width:640px){.ad-vc{flex-direction:column}.vc-card{margin:0!important;max-width:none}}
/* ---- In-article infographic: four stat tiles ---- */
.loop-steps.four{grid-template-columns:repeat(4,1fr)}
.ls-stat{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.45rem;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.loop-steps.four .loop-step b{font-size:.84rem;font-weight:500;color:var(--muted);line-height:1.4;font-family:'Inter',sans-serif;letter-spacing:0}
@media(max-width:640px){.loop-steps.four{grid-template-columns:repeat(2,1fr)}}
/* ---- Blog cards: cover image thumbnails ---- */
.blog-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* ---------- Live chat widget ---------- */
.chat-w{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.chat-fab{width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;background:var(--violet);color:#fff;display:grid;place-items:center;box-shadow:0 16px 34px -10px rgba(124,92,255,.65),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.chat-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 20px 40px -10px rgba(124,92,255,.75),inset 0 1px 0 rgba(255,255,255,.35)}
.chat-fab:focus-visible,.chat-btn:focus-visible{outline:3px solid rgba(124,92,255,.45);outline-offset:3px}
.chat-fab svg{width:26px;height:26px;grid-area:1/1;transition:opacity .25s,transform .3s var(--ease)}
.chat-ic-close{opacity:0;transform:rotate(-90deg)}
.chat-w.open .chat-ic-open{opacity:0;transform:rotate(90deg)}
.chat-w.open .chat-ic-close{opacity:1;transform:none}
.chat-panel{width:290px;max-width:calc(100vw - 32px);padding:20px;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid var(--glass-brd);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--glass-sh-hover);transform-origin:bottom right;animation:chatIn .28s var(--ease)}
.chat-panel[hidden]{display:none}
@keyframes chatIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.chat-t{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.08rem;color:var(--ink);margin-bottom:4px}
.chat-s{font-size:.88rem;line-height:1.5;color:var(--muted);margin-bottom:16px}
.chat-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border-radius:14px;font-weight:600;font-size:.95rem;transition:transform .25s var(--ease),filter .25s}
.chat-btn+.chat-btn{margin-top:10px}
.chat-btn svg{width:20px;height:20px;flex-shrink:0}
.chat-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.chat-wa{background:#25D366;color:#fff}
.chat-em{background:rgba(124,92,255,.1);color:var(--violet);border:1px solid rgba(124,92,255,.25)}
@media(max-width:600px){.chat-w{right:16px;bottom:16px}.chat-fab{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.chat-panel{animation:none}.chat-fab,.chat-fab svg{transition:none}}
/* ===== OPTION-LIST PRICING (single variable, e.g. followers / month) ===== */
.fg-opts{display:grid;gap:9px}
.fg-opt{display:flex;align-items:center;gap:12px;width:100%;padding:13px 15px;border-radius:14px;border:1.5px solid var(--line);background:rgba(33,28,84,.04);color:var(--ink);font-family:'Space Grotesk';text-align:left;cursor:pointer;transition:.18s}
.fg-opt:hover{transform:translateY(-1px)}
.fg-opt .dot{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;opacity:.45;flex-shrink:0;transition:.18s}
.fg-opt .q{flex:1;font-weight:700;font-size:.98rem;line-height:1.15}
.fg-opt .q small{display:block;font-weight:500;font-size:.7rem;opacity:.6;margin-top:2px}
.fg-opt .pr{font-weight:700;font-size:1.05rem;white-space:nowrap}
.fg-opt .pr small{font-weight:500;font-size:.68rem;opacity:.6;margin-left:1px}
.fg-opt.on{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 10px 24px -14px rgba(124,92,255,.8)}
.fg-opt.on .dot{opacity:1;border-color:transparent;background:radial-gradient(circle,#fff 0 3.5px,transparent 4px),var(--grad)}
.plan.featured .fg-opt{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}
.plan.featured .fg-opt.on{border-color:transparent;background:linear-gradient(#1f1640,#1f1640) padding-box,var(--grad) border-box;box-shadow:0 12px 28px -14px rgba(124,92,255,.9)}
/* ===== HOMEPAGE PACKAGES (posts dropdown only) ===== */
.price-grid.cols-3:has(.plan.pk){max-width:1160px;gap:18px}
.plan.pk{padding:32px 28px 26px}
.plan.pk .blk{margin-bottom:6px}
.plan.pk ul{margin:16px 0 20px;gap:12px}
.price-grid.cols-4:has(.plan.pk){max-width:1240px;margin:0 auto;gap:16px}
.price-grid.cols-4 .plan.pk{padding:30px 22px 24px}
/* organic growth plans */
.plan.og ul{flex:none;margin:0 0 18px}
.plan.og .btn{margin-top:auto}
.plan li.no{opacity:.55}
.plan li.no>svg{stroke:#e5484d}
.plan.featured li.no>svg{stroke:#ff7a7a}
.pods-panel-body p a{color:var(--violet);font-weight:700;text-decoration:none}
.pods-panel-body p a:hover{text-decoration:underline}
.pa.pa-img{width:290px;height:270px;display:block}
.pa.pa-img img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:720px){.pa.pa-img{width:230px;height:220px}}
.db-card.glow-m{background:radial-gradient(420px 340px at 50% 0%,rgba(200,75,216,.26),transparent 62%),rgba(255,255,255,.035)}
.db-card.glow-v,.db-card.glow-c,.db-card.glow-m{padding:32px 28px}
.db-free{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.4);color:#7ee6a8}
.db-foot .db-chips{margin-top:0}
.ph::before{content:attr(data-a) attr(data-b) attr(data-c)}