/* Easy Stats Bots - site.css v3. Dark OLED theme: black + emerald. No icon fonts, no icon images. */
:root{--bg:#000;--s1:#09090b;--s2:#0f0f12;--s3:#17171c;--line:#1d1d22;--line2:#2c2c34;--t:#fafafa;--t2:#a1a1aa;--t3:#8a8a94;--a:#34d399;--a2:#10b981;--ink:#03140d;--warn:#fbbf24;--r:20px;--fd:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;--fb:'Inter','Segoe UI',system-ui,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:92px;color-scheme:dark}
body{background:var(--bg);color:var(--t);font:400 1rem/1.6 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 38% at 50% -4%,rgba(52,211,153,.14),transparent 70%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/64px 64px;-webkit-mask-image:radial-gradient(75% 55% at 50% 0,#000,transparent);mask-image:radial-gradient(75% 55% at 50% 0,#000,transparent)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
h1,h2,h3,h4{font-family:var(--fd);letter-spacing:-.03em;line-height:1.08;font-weight:700}
:focus-visible{outline:2px solid var(--a);outline-offset:3px;border-radius:8px}
.i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:min(1180px,92%);margin-inline:auto}.sec{padding:96px 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* buttons: one system for the whole site */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:14px;font-weight:700;font-size:.92rem;border:1px solid var(--line2);background:var(--s2);color:var(--t);white-space:nowrap;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.btn:hover{border-color:var(--a);background:rgba(52,211,153,.08);transform:translateY(-2px)}
.btn.pri{background:linear-gradient(135deg,var(--a),var(--a2));color:var(--ink);border-color:transparent;box-shadow:0 10px 28px rgba(16,185,129,.28)}
.btn.pri:hover{box-shadow:0 14px 36px rgba(52,211,153,.45);filter:brightness(1.06)}
.btn.ghost{background:transparent}.btn.sm{min-height:44px;padding:0 14px;font-size:.84rem}.btn.blk{width:100%}
/* nav */
.nav{position:sticky;top:12px;z-index:50;margin:12px auto 0;width:min(1180px,94%);display:flex;align-items:center;gap:6px;padding:8px 10px 8px 16px;border:1px solid var(--line2);border-radius:18px;background:rgba(9,9,11,.82);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:10px;font:700 1.08rem var(--fd);margin-right:auto;white-space:nowrap}.brand img{width:34px;height:34px;object-fit:contain}
.links{display:flex;flex-wrap:nowrap;align-items:center;gap:2px}.links a{white-space:nowrap;padding:0 11px;min-height:44px;display:inline-flex;align-items:center;font-size:.88rem;font-weight:500;color:var(--t2);border-radius:11px;transition:color .2s,background .2s}.links a:hover{color:var(--t);background:var(--s3)}
.burger{display:none;width:44px;height:44px;place-items:center;border-radius:12px;border:1px solid var(--line2)}
@media(max-width:1120px){.links{position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line2);border-radius:18px;background:var(--s1);display:none}.links.open{display:flex}.links a{padding:0 14px}.burger{display:grid}}
/* hero */
.hero{padding:70px 0 40px}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid var(--line2);border-radius:99px;background:var(--s1);font-size:.84rem;color:var(--t2)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:ping 2.4s infinite}@keyframes ping{70%,100%{box-shadow:0 0 0 9px rgba(52,211,153,0)}}
.hero h1{font-size:clamp(2.4rem,4.5vw,4rem);margin:20px 0 18px;text-wrap:balance}.hero p.lead{color:var(--t2);font-size:1.1rem;max-width:52ch}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.hero .cta .btn{padding:0 16px}
.stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0;border:1px solid var(--line);border-radius:16px;background:var(--s1);width:fit-content}
.stats div{padding:14px 22px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;font:700 1.35rem var(--fd)}.stats span{font-size:.78rem;color:var(--t3)}
.hero-in>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.hero-in>:nth-child(2){animation-delay:.08s}.hero-in>:nth-child(3){animation-delay:.16s}.hero-in>:nth-child(4){animation-delay:.24s}.hero-in>:nth-child(5){animation-delay:.32s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
/* slider */
.shot{position:relative;border:1px solid rgba(52,211,153,.35);border-radius:22px;background:var(--s1);box-shadow:0 40px 100px rgba(16,185,129,.16),0 0 0 1px rgba(255,255,255,.03);overflow:hidden}
.shot-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);font:500 .76rem ui-monospace,Menlo,monospace;color:var(--t3)}.shot-bar i{width:10px;height:10px;border-radius:50%;background:var(--line2)}.shot-bar i:first-child{background:#ef4444}.shot-bar i:nth-child(2){background:var(--warn)}.shot-bar i:nth-child(3){background:var(--a)}.shot-bar span{margin-left:8px}
.slides{position:relative;aspect-ratio:16/10;background:var(--s2)}.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .9s,transform 6s ease-out}.slides img.on{opacity:1;transform:none}
.sl-ui{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:8px;padding:30px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.sl-ui .d{width:10px;height:10px;border-radius:99px;background:rgba(255,255,255,.35);transition:width .3s,background .3s;position:relative}.sl-ui .d::after{content:"";position:absolute;inset:-17px -4px}.sl-ui .d.on{width:30px;background:var(--a)}
.sl-b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:rgba(9,9,11,.8);transition:background .2s,color .2s}.sl-b:hover{background:var(--a);color:var(--ink)}
.sl-arr{position:absolute;top:50%;margin-top:-22px}.sl-arr.p{left:12px}.sl-arr.n{right:12px}
/* section heads */
.head{max-width:680px;margin-bottom:40px}.head.c{margin-inline:auto;text-align:center}.head h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:14px}.head p{color:var(--t2)}
.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border:1px solid rgba(52,211,153,.35);border-radius:99px;background:rgba(52,211,153,.08);color:var(--a);font-size:.82rem;font-weight:600;margin-bottom:16px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.head.c .chips{justify-content:center}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line2);border-radius:99px;background:var(--s1);font-size:.86rem;color:var(--t2)}.chip b{color:var(--t)}.chip .i{color:var(--a)}
/* plans */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;margin-bottom:22px}
.plan{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px 24px;border:1px solid var(--line2);border-radius:var(--r);background:linear-gradient(180deg,var(--s2),var(--s1))}
.plan.best{border-color:var(--a);background:linear-gradient(180deg,rgba(52,211,153,.12),var(--s1) 60%);box-shadow:0 0 60px rgba(52,211,153,.14);transform:translateY(-8px)}
.ribbon{position:absolute;top:-14px;left:50%;translate:-50% 0;display:inline-flex;gap:6px;align-items:center;padding:5px 14px;border-radius:99px;background:linear-gradient(135deg,var(--a),var(--a2));color:var(--ink);font-size:.76rem;font-weight:800;animation:ping2 2.6s infinite}@keyframes ping2{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}50%{box-shadow:0 0 0 8px rgba(52,211,153,0)}}
.plan h4{font-size:1.1rem;color:var(--t2);font-family:var(--fb);letter-spacing:0}.amt{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font:700 3rem var(--fd);letter-spacing:-.04em}.amt s{font:500 1.05rem var(--fb);color:var(--t3)}.off{font:800 .74rem var(--fb);padding:3px 9px;border-radius:99px;background:var(--a);color:var(--ink)}
.plan ul{list-style:none;padding:0;display:grid;gap:11px;font-size:.93rem}.plan li{display:flex;gap:10px;align-items:center;color:var(--t2)}.plan li b{color:var(--t)}.plan li .i{color:var(--a);padding:3px;border-radius:50%;background:rgba(52,211,153,.12);width:1.5em;height:1.5em}.plan li.no{color:var(--t3)}.plan li.no .i{color:var(--t3);background:var(--s3)}
.plan .btns{margin-top:auto;display:grid;gap:9px}
.pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:var(--t3);font-size:.9rem}.pay a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line2);border-radius:99px;color:var(--t);font-size:.88rem;transition:border-color .2s,background .2s}.pay a:hover{border-color:var(--a);background:rgba(52,211,153,.08)}
@media(max-width:900px){.plans{grid-template-columns:1fr}.plan.best{transform:none;order:-1}}
/* features + video: ONE card */
.fcard{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:72px;border:1px solid var(--line2);border-radius:24px;background:var(--s1);overflow:hidden}
.fvid{padding:22px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(52,211,153,.06),transparent)}.fvid-in{position:sticky;top:100px;display:grid;gap:14px}
.fvid h3{font-size:1.3rem;display:flex;align-items:center;gap:10px}.fvid h3 .i{color:#ff4d4d}.fvid p{color:var(--t2);font-size:.92rem}
.player{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000 center/cover;border:1px solid var(--line2)}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player button{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.55))}.player .pb{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--a);color:var(--ink);box-shadow:0 0 0 10px rgba(52,211,153,.2);transition:transform .2s}.player button:hover .pb{transform:scale(1.1)}.pb .i{width:28px;height:28px;fill:currentColor}
.parts{display:flex;flex-wrap:wrap;gap:8px}.parts button{min-height:44px;padding:0 14px;border:1px solid var(--line2);border-radius:12px;background:var(--s2);font-size:.86rem;font-weight:600;color:var(--t2)}.parts button.on{border-color:var(--a);color:var(--a);background:rgba(52,211,153,.1)}
.fbody{padding:22px;display:grid;gap:16px;align-content:start}
.ctl{display:grid;gap:12px}.srch{position:relative}.srch .i{position:absolute;left:14px;top:50%;translate:0 -50%;color:var(--t3)}.srch input{width:100%;min-height:48px;padding:0 44px;border-radius:14px;border:1px solid var(--line2);background:var(--s2);color:var(--t);font:inherit}.srch input:focus{outline:2px solid var(--a);border-color:transparent}.srch button{position:absolute;right:2px;top:2px;width:44px;height:44px;display:grid;place-items:center;color:var(--t3)}
.seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line2);border-radius:14px;background:var(--s2)}.seg button{min-height:44px;border-radius:11px;font-weight:700;font-size:.88rem;color:var(--t2);display:flex;align-items:center;justify-content:center;gap:8px}.seg button.on{background:var(--a);color:var(--ink)}
.cats{display:flex;flex-wrap:wrap;gap:8px}.cats button{min-height:36px;padding:0 13px;border:1px solid var(--line2);border-radius:99px;font-size:.8rem;font-weight:600;color:var(--t2);position:relative}.cats button::after{content:"";position:absolute;inset:-4px 0}.cats button.on{border-color:var(--a);background:rgba(52,211,153,.12);color:var(--a)}
.meter{display:grid;gap:8px;font-size:.86rem;color:var(--t2)}.meter .mt{display:flex;justify-content:space-between;align-items:center;gap:10px}.meter .mt b{color:var(--a)}.bar{height:7px;border-radius:99px;background:var(--s3);overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--a2),var(--a));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.frows{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px;max-height:560px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.fr{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--s2);transition:border-color .2s,transform .2s,background .2s}.fr:hover{border-color:rgba(52,211,153,.5);transform:translateY(-2px);background:var(--s3)}
.fr .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--a);background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.25)}.fr .tx{min-width:0;flex:1;line-height:1.25}.fr b{display:block;font-size:.88rem;font-weight:600}.fr small{font-size:.74rem;color:var(--t3)}
.fr .st{flex:none;color:var(--a)}.fr .lt{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:.7rem;font-weight:800;background:rgba(52,211,153,.12);color:var(--a);border:1px solid rgba(52,211,153,.35)}.fr.lk{opacity:.55;border-style:dashed}.fr.lk .lt{background:var(--s3);color:var(--t3);border-color:var(--line2)}
.none{grid-column:1/-1;padding:30px;text-align:center;color:var(--t3)}
@media(max-width:980px){.fcard{grid-template-columns:1fr}.fvid{border-right:0;border-bottom:1px solid var(--line)}.fvid-in{position:static}}
/* bot cards */
.tabs{display:inline-flex;padding:4px;border:1px solid var(--line2);border-radius:16px;background:var(--s1);margin-bottom:28px}.tabs button{min-height:44px;padding:0 20px;border-radius:12px;font-weight:700;font-size:.9rem;color:var(--t2)}.tabs button.on{background:var(--a);color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
.card{position:relative;display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--line2);border-radius:var(--r);background:linear-gradient(170deg,var(--s2),var(--s1) 55%);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;overflow:hidden}
.card::before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--a),transparent);opacity:0;transition:opacity .3s}
.card:hover{transform:translateY(-6px);border-color:rgba(52,211,153,.55);box-shadow:0 26px 60px rgba(0,0,0,.6),0 0 44px rgba(52,211,153,.12)}.card:hover::before,.card.deal::before{opacity:1}
.card.deal{border-color:rgba(52,211,153,.5)}.ch{padding-top:14px}
.ch{display:flex;align-items:center;gap:14px}.cic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,var(--a),var(--a2));color:var(--ink);box-shadow:0 10px 26px rgba(16,185,129,.3);transition:transform .3s}.card:hover .cic{transform:rotate(-6deg) scale(1.06)}.cic .i{width:26px;height:26px;stroke-width:2.1}
.ch h3{font-size:1.3rem}.game{font-size:.76rem;font-weight:600;color:var(--t3)}
.deal-tag{position:absolute;top:0;right:22px;display:inline-flex;gap:7px;align-items:center;padding:6px 12px;border-radius:0 0 12px 12px!important;border-radius:99px;background:linear-gradient(135deg,var(--a),var(--a2));color:var(--ink);font-size:.76rem;font-weight:800}
.short{color:var(--t2);font-size:.94rem}.ft{list-style:none;padding:0;display:grid;gap:7px}.ft li{display:flex;gap:10px;align-items:center;font-size:.9rem}.ft .i{color:var(--a)}.ft li[hidden]{display:none}
.more{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--a);font-weight:700;font-size:.86rem;width:fit-content}.more .i{transition:transform .25s}.more[aria-expanded=true] .i{transform:rotate(180deg)}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.pr{padding:11px 6px;text-align:center;border:1px solid var(--line2);border-radius:14px;background:var(--s2);line-height:1.2;display:grid;align-content:center;gap:3px}.pr b{font:700 1.2rem var(--fd)}.pr span{font-size:.72rem;color:var(--t3)}.pr s{font-size:.72rem;color:var(--t3)}.pr em{font-style:normal;font-size:.7rem;font-weight:800;color:var(--a)}
.pr.best{border-color:var(--a);background:linear-gradient(180deg,rgba(52,211,153,.2),rgba(52,211,153,.04));animation:ping2 2.6s infinite}.pr.best b{color:var(--a)}
.acts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.acts .full{grid-column:1/-1}
/* how + cta + footer */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s;list-style:none;padding:0}.steps li{position:relative;padding:26px 22px;border:1px solid var(--line2);border-radius:var(--r);background:var(--s1);counter-increment:s}.steps li::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.35);color:var(--a);font:700 1rem var(--fd);margin-bottom:16px}.steps h3{font-size:1.1rem;margin-bottom:6px}.steps p{color:var(--t2);font-size:.9rem}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps{grid-template-columns:1fr}}
.band{padding:56px 40px;text-align:center;border:1px solid rgba(52,211,153,.35);border-radius:28px;background:radial-gradient(70% 120% at 50% 0,rgba(52,211,153,.16),var(--s1))}.band h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-bottom:12px}.band p{color:var(--t2);margin-bottom:26px}.band .cta{justify-content:center;margin:0}
footer{border-top:1px solid var(--line);padding:40px 0;margin-top:80px;color:var(--t3);font-size:.88rem}footer .wrap{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}footer nav{display:flex;flex-wrap:wrap;gap:4px 8px}footer nav a{padding:10px 8px;min-height:44px;display:inline-flex;align-items:center}footer nav a:hover{color:var(--a)}
/* modal */
dialog{width:min(860px,94vw);max-height:90vh;padding:0;border:1px solid var(--line2);border-radius:24px;background:var(--s1);color:var(--t);overflow:auto}dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}
.md{display:grid;gap:18px;padding:26px}.md-h{display:flex;align-items:center;gap:14px}.md-h h3{font-size:1.5rem;flex:1}.md .x{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:12px}.md .x:hover{border-color:var(--a);color:var(--a)}.md .ft{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.md p{color:var(--t2)}
@media(max-width:640px){.sec{padding:68px 0}.hero .wrap{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;width:100%}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.grid{grid-template-columns:1fr}.band{padding:40px 20px}.acts{grid-template-columns:1fr}}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== shared shell: icons, more menu, language, footer ===== */
.rb-i{width:1.1em;height:1.1em;vertical-align:-.17em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.esb-hide{display:none!important}
.skiptranslate>iframe,.goog-te-banner-frame{display:none!important}body{top:0!important}
.nav .btn.sm{margin-left:4px}
.more{position:relative}.more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 11px;font-size:.88rem;font-weight:500;color:var(--t2);border-radius:11px;white-space:nowrap}.more summary::-webkit-details-marker{display:none}.more summary:hover,.more[open] summary{color:var(--t);background:var(--s3)}.more[open] summary .rb-i{transform:rotate(180deg)}
.more .menu{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;padding:8px;border:1px solid var(--line2);border-radius:16px;background:var(--s1);box-shadow:0 24px 60px rgba(0,0,0,.7);display:grid}
.more .menu a{padding:0 12px;min-height:44px;display:flex;align-items:center;border-radius:10px;font-size:.88rem;color:var(--t2)}.more .menu a:hover{background:var(--s3);color:var(--t)}
.lang{position:relative}.lang button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid var(--line2);border-radius:12px;background:var(--s2);font-size:.84rem;font-weight:700}.lang button:hover{border-color:var(--a)}.lang button .rb-i:last-child{width:.9em;height:.9em;color:var(--t3)}
.lang-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:200px;max-height:320px;overflow:auto;margin:0;padding:6px;list-style:none;border:1px solid var(--line2);border-radius:16px;background:var(--s1);box-shadow:0 24px 60px rgba(0,0,0,.7)}.lang-menu[hidden]{display:none}
.lang-menu li{display:flex;gap:10px;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;font-size:.88rem;color:var(--t2);cursor:pointer}.lang-menu li b{width:26px;color:var(--t);font-size:.76rem}.lang-menu li:hover,.lang-menu li:focus-visible{background:var(--s3);color:var(--t)}.lang-menu li[aria-selected=true]{color:var(--a)}.lang-menu li[aria-selected=true] b{color:var(--a)}
@media(max-width:1120px){.more{display:block}.more summary{display:none}.more .menu{position:static;display:grid;border:0;box-shadow:none;padding:0;background:none}.nav .btn.sm{display:none}.lang{margin-left:auto}.burger{margin-left:0}.brand{margin-right:0}}
.foot{border-top:1px solid var(--line);margin-top:96px;padding:56px 0 28px;background:linear-gradient(180deg,transparent,rgba(52,211,153,.03))}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}.fbrand p{color:var(--t3);font-size:.9rem;max-width:36ch;margin:14px 0 18px}.foot h4{font-family:var(--fb);font-size:.82rem;letter-spacing:.02em;color:var(--t3);margin-bottom:10px;font-weight:600}
.foot .fgrid>div:not(.fbrand) a{display:flex;align-items:center;min-height:36px;color:var(--t2);font-size:.9rem}.foot .fgrid>div:not(.fbrand) a:hover{color:var(--a)}
.soc{display:flex;gap:10px}.soc a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line2);border-radius:12px;background:var(--s2);color:var(--t2);transition:all .2s}.soc a:hover{border-color:var(--a);color:var(--a);transform:translateY(-2px)}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);color:var(--t3);font-size:.84rem}
@media(max-width:820px){.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}

/* ===== community + reviews ===== */
.comm{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cc{display:flex;flex-direction:column;gap:12px;padding:28px 24px;border:1px solid var(--line2);border-radius:var(--r);background:linear-gradient(170deg,var(--s2),var(--s1));transition:transform .3s,border-color .3s,box-shadow .3s}
.cc:hover{transform:translateY(-6px);border-color:rgba(52,211,153,.55);box-shadow:0 26px 60px rgba(0,0,0,.6),0 0 40px rgba(52,211,153,.1)}
.cc .cic{width:52px;height:52px}.cc h3{font-size:1.3rem}.cc p{color:var(--t2);font-size:.94rem;flex:1}.cc .go{display:inline-flex;align-items:center;gap:8px;color:var(--a);font-weight:700;font-size:.9rem;min-height:44px}.cc:hover .go .rb-i{transform:translateX(4px)}.cc .go .rb-i{transition:transform .2s}
@media(max-width:820px){.comm{grid-template-columns:1fr}}
.rv-wrap{position:relative}.rv-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:none}.rv-track::-webkit-scrollbar{display:none}
.rv-track>.rv{flex:0 0 min(340px,82%);scroll-snap-align:start;margin:0}.rv-track .rv button{display:block;width:100%;height:100%;padding:10px;border:1px solid var(--line2);border-radius:var(--r);background:var(--s1);transition:border-color .25s,transform .25s}.rv-track .rv button:hover{border-color:var(--a);transform:translateY(-4px)}.rv-track .rv img{width:100%;height:380px;object-fit:contain;border-radius:12px;display:block;background:var(--s2)}
.rv-ctl{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}.rv-ctl .sl-b{position:static}
#lb{width:min(920px,94vw);background:transparent;border:0;padding:0;overflow:visible}#lb img{width:100%;max-height:88vh;object-fit:contain;border-radius:16px;border:1px solid var(--line2);background:var(--s1);display:block}#lb::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}

/* ===== legacy pages: same theme, fonts, cards and buttons ===== */
body.legacy:not(#u){background:#000!important;color:var(--t)!important;font-family:var(--fb)!important}
body.legacy:not(#u) h1,body.legacy:not(#u) h2,body.legacy:not(#u) h3{font-family:var(--fd)!important;letter-spacing:-.03em}
body.legacy:not(#u) a{color:inherit}
body.legacy:not(#u) :is(p,li){color:var(--t2)}
body.legacy:not(#u) :is(.bg,.scene,.bg-effects,.gradient-bg,.grid-overlay,.orb,.grid-lines,.cursor-dot,.cursor-ring){display:none!important}
body.legacy:not(#u) :is([class*="card"],[class*="-box"],[class*="panel"],[class*="step"],[class*="faq"],[class*="tile"],.section-block,.policy-section,.update-card,.pm-card,.pay-card){border-radius:20px!important;border-color:var(--line2)!important}
body.legacy:not(#u) :is(a,button)[class*="btn"]{border-radius:14px!important;min-height:44px;font-weight:700!important;transition:transform .2s,box-shadow .2s,border-color .2s}
body.legacy:not(#u) :is(a,button)[class*="btn"]:hover{transform:translateY(-2px)}
body.legacy:not(#u) :is(a,button)[class*="primary"],body.legacy:not(#u) :is(a,button)[class*="btn-buy"],body.legacy:not(#u) :is(a,button)[class*="btn-main"],body.legacy:not(#u) :is(a,button)[class*="cta"]{background:linear-gradient(135deg,var(--a),var(--a2))!important;color:var(--ink)!important;border:0!important;box-shadow:0 10px 28px rgba(16,185,129,.28)}
body.legacy:not(#u) :is(input,select,textarea){border-radius:12px!important;font-family:var(--fb)!important}
body.legacy:not(#u) :is(input,select,textarea):focus{outline:2px solid var(--a)!important;outline-offset:2px}
body.legacy:not(#u) :is(h1,h2,h3,h4,p,li,td,th,label,span){text-wrap:pretty}
body.legacy:not(#u){padding-top:0!important}
body.legacy:not(#u) a.fh[href*="wa.me"]{display:none!important}

/* =====================================================================
   v4 additions: shared hero, Lottie icons, animated buttons, luminous
   bot card, tutorials page.  (documented in CLAUDE.md)
   ===================================================================== */

/* ---------- Lottie icon holder ---------- */
.lti{display:inline-grid;place-items:center;width:1.3em;height:1.3em;flex:none;vertical-align:-.28em;color:inherit;transition:transform .25s}
.lti svg{width:100%!important;height:100%!important;display:block;overflow:visible}
.btn .lti{width:1.5em;height:1.5em;margin:0 -2px 0 -4px;vertical-align:middle;color:var(--a)}
.btn.pri .lti{color:var(--ink)}
.btn.pri .lti[data-lt]{filter:none}
.more .lti{width:1.5em;height:1.5em;color:var(--a)}
.more[aria-expanded=true] .lti{transform:rotate(180deg)}
.lti.big{width:4.6em;height:4.6em;color:var(--a)}
.steps li .step-i{width:46px;height:46px;position:absolute;top:18px;right:18px;color:var(--a);opacity:.9}

/* ---------- animated buttons (every .btn) ---------- */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .2s,border-color .2s,background .2s,box-shadow .25s,filter .2s}
.btn:active{transform:translateY(0) scale(.97)}
.btn:not(.pri):hover{box-shadow:0 10px 26px rgba(52,211,153,.14),inset 0 0 0 1px rgba(52,211,153,.25)}
.btn.pri::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.42) 50%,transparent 68%);translate:-130% 0;transition:translate .75s cubic-bezier(.2,.8,.2,1)}
.btn.pri:hover::after{translate:130% 0}
.btn.pri{animation:glowpulse 3.2s ease-in-out infinite}
@keyframes glowpulse{0%,100%{box-shadow:0 10px 28px rgba(16,185,129,.28)}50%{box-shadow:0 12px 38px rgba(52,211,153,.5)}}
.nav .btn.pri,.acts .btn.pri{animation:glowpulse 3.2s ease-in-out infinite}

/* ---------- shared hero (injected on every page by site-shell.js) ---------- */
.eh{position:relative;padding:70px 0 40px}
.eh .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.eh-in{min-width:0}
.eh-in>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.eh-in>:nth-child(2){animation-delay:.08s}.eh-in>:nth-child(3){animation-delay:.16s}.eh-in>:nth-child(4){animation-delay:.24s}.eh-in>:nth-child(5){animation-delay:.32s}
.eh-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid var(--line2);border-radius:99px;background:var(--s1);font-size:.84rem;color:var(--t2)}
.eh-pill i{width:8px;height:8px;border-radius:50%;background:var(--a);animation:ping 2.4s infinite}
.eh h1{font:700 clamp(2.4rem,4.5vw,4rem)/1.08 var(--fd);letter-spacing:-.03em;margin:20px 0 18px;text-wrap:balance;color:var(--t);background:none;-webkit-text-fill-color:currentColor}
.eh-lead{color:var(--t2);font-size:1.1rem;max-width:52ch;margin:0}
.eh-cta{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.eh .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:14px;font-weight:700;font-size:.92rem;border:1px solid var(--line2);background:var(--s2);color:var(--t);white-space:nowrap;text-decoration:none}
.eh .btn.pri{background:linear-gradient(135deg,var(--a),var(--a2));color:var(--ink);border-color:transparent}
.eh .btn.ghost{background:transparent}
.eh-stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;border:1px solid var(--line);border-radius:16px;background:var(--s1);width:fit-content;max-width:100%}
.eh-stats div{padding:14px 22px;border-right:1px solid var(--line)}.eh-stats div:last-child{border:0}
.eh-stats b{display:block;font:700 1.35rem var(--fd);color:var(--t)}.eh-stats span{font-size:.78rem;color:var(--t3)}
.eh-shot{position:relative;min-width:0;border:1px solid rgba(52,211,153,.35);border-radius:22px;background:var(--s1);box-shadow:0 40px 100px rgba(16,185,129,.16),0 0 0 1px rgba(255,255,255,.03);overflow:hidden}
.eh-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);font:500 .76rem ui-monospace,Menlo,monospace;color:var(--t3)}
.eh-bar i{width:10px;height:10px;border-radius:50%;background:var(--line2)}.eh-bar i:first-child{background:#ef4444}.eh-bar i:nth-child(2){background:var(--warn)}.eh-bar i:nth-child(3){background:var(--a)}.eh-bar span{margin:0 auto}
/* slide animation only: no arrows, no pause button, no dots. 3 screenshots push each other across every 5 seconds. */
.eh-slides{position:relative;aspect-ratio:16/10;background:var(--s2);overflow:hidden}
.eh-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;animation:ehs 15s infinite both}
.eh-slides img:nth-child(1){animation-delay:-1.5s}.eh-slides img:nth-child(2){animation-delay:3.5s}.eh-slides img:nth-child(3){animation-delay:8.5s}
@keyframes ehs{0%{transform:translateX(100%)}6%,33.3%{transform:translateX(0)}39.3%{transform:translateX(-100%)}39.4%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.eh-slides img{animation:none!important;transform:none}.eh-slides img:not(:first-child){display:none}}
@media(max-width:860px){.eh .wrap{grid-template-columns:1fr;gap:36px}}
@media(max-width:640px){.eh{padding:44px 0 24px}.eh-stats{grid-template-columns:1fr 1fr;width:100%}.eh-stats div:nth-child(2){border-right:0}.eh-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* ---------- luminous bot card (design: Camden @Designownow_, adapted to the emerald theme) ---------- */
.grid{gap:44px 28px}
.lcard[hidden]{display:none}
.lcard{position:relative;display:flex;flex-direction:column;font-size:16px;color:#fff;border-radius:1.8em;
 background:radial-gradient(circle at 50% 0%,#2b2f2d 0%,#131514 64%);
 box-shadow:inset 0 1.01em .2em -1em #fff0,inset 0 -1.01em .2em -1em #0000,0 -1.02em .2em -1em #fff0,0 1em .2em -1em #0000,0 0 0 1px #fff3,0 4px 4px 0 #0004,0 0 0 1px #333;
 transition:all .4s ease-in-out,translate .4s ease-out}
.lcard::before{content:"";display:block;--offset:1em;position:absolute;inset:calc(-1 * var(--offset));pointer-events:none;
 box-shadow:inset 0 0 0 .06em #fff2;border-radius:2.6em;--ax:4em;
 clip-path:polygon(var(--ax) 0,0 0,0 var(--ax),var(--ax) var(--ax),var(--ax) calc(100% - var(--ax)),0 calc(100% - var(--ax)),0 100%,var(--ax) 100%,var(--ax) calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) 100%,100% 100%,100% calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) var(--ax),100% var(--ax),100% 0,calc(100% - var(--ax)) 0,calc(100% - var(--ax)) var(--ax),var(--ax) var(--ax));
 transition:all .4s ease-in-out}
.lcard:hover{translate:0 -.2em}
.lcard:hover::before{--offset:.5em;--ax:8em;border-radius:2.2em;box-shadow:inset 0 0 0 .08em #fff1}
.lcard.deal::before{box-shadow:inset 0 0 0 .08em rgba(52,211,153,.4)}
/* stage = the light show at the top of the card */
.lcard .stage{position:relative;height:15.5em;border-radius:1.8em 1.8em 0 0;overflow:hidden;flex:none}
.lcard .light-layer{position:absolute;inset:0;transform-style:preserve-3d;perspective:400px}
.lcard .slit{position:absolute;inset:0;margin:auto;width:64%;height:1.2em;transform:rotateX(-76deg);background:#101211;box-shadow:0 0 4px 0 #fff0;transition:all .4s ease-in-out}
.lcard .lumen{position:absolute;inset:0;pointer-events:none;perspective:400px;opacity:0;transition:opacity .4s ease-in-out}
.lcard .lumen>div{position:absolute;left:0;right:0;margin:auto;background:linear-gradient(rgba(110,231,183,0),rgba(209,250,229,.67))}
.lcard .min{width:70%;height:1.9em;top:6em;transform:rotateX(-42deg);opacity:.4}
.lcard .mid{width:74%;height:8.4em;top:.3em;transform:rotateX(-42deg);filter:blur(.8em);opacity:.8;border-radius:100% 100% 0 0}
.lcard .hi{width:50%;height:8.4em;top:-.3em;transform:rotateX(22deg);filter:blur(.8em);opacity:.6;border-radius:100% 100% 0 0}
.lcard .darken{position:absolute;inset:0;pointer-events:none;perspective:400px;opacity:.5;transition:opacity .4s ease-in-out}
.lcard .darken>*{position:absolute;transition:opacity .4s ease-in-out}
.lcard .sl{left:0;right:0;margin:auto;width:64%;height:6.2em;top:7.8em;background:linear-gradient(#000,#0000);filter:blur(.2em);opacity:.1;border-radius:0 0 100% 100%;transform:rotateX(-22deg)}
.lcard .ll{left:0;right:0;margin:auto;width:62%;height:6.2em;top:8.4em;background:linear-gradient(#000a,#0000);filter:blur(.5em);opacity:.4;border-radius:0 0 100% 100%;transform:rotateX(22deg)}
.lcard .slt,.lcard .srt{width:.35em;height:2.6em;top:8.6em;background:linear-gradient(#0005,#0000);opacity:.6;border-radius:0 0 100% 100%}
.lcard .slt{left:17%;transform:skewY(42deg)}.lcard .srt{right:17%;transform:skewY(-42deg)}
/* animated Lottie icon: grey when the light is off, glowing emerald when on */
.lcard .icon{position:absolute;top:.6em;left:0;right:0;margin:auto;width:fit-content;z-index:2;filter:grayscale(1) brightness(.7);transition:filter .4s ease-in-out}
.lcard .icon .lti{color:var(--a);width:6.4em;height:6.4em}
/* the switch */
.lcard .toggle{position:absolute;right:1em;bottom:1em;height:2em;width:4.8em;border-radius:.6em;background:#000;z-index:3;cursor:pointer;
 box-shadow:inset 0 -8px 8px .3em #0004,inset 0 0 1px .3em #ddd,inset 0 -2px 1px .3em #fff,inset 0 1px 2px .3em #0006,inset 0 0 1px .8em #aaa;transition:all .4s ease-in-out}
.lcard .toggle::before{content:"";display:block;position:absolute;inset:0;margin:auto;width:3.4em;height:.68em;border-radius:.2em;background:#000;transition:all .4s ease-in-out}
.lcard .toggle .handle{position:absolute;top:0;bottom:.04em;margin:auto;left:.68em;width:40%;height:30%;background:#aaa;border-radius:.2em;display:block;
 box-shadow:inset 0 1px 4px 0 #fff,inset 0 -1px 1px 0 #000a,0 0 1px 1px #0003,1px 3px 6px 1px #000a;transition:all .4s ease-in-out}
.lcard .toggle.active .handle{transform:translateX(1.58em)}
.lcard .toggle b{pointer-events:none;text-align:center;position:absolute;left:-1em;right:-1em;bottom:calc(100% + .5em);font-size:.62em;font-weight:600;color:#9ca3af;opacity:0;transition:opacity .4s ease-in-out;white-space:nowrap}
.lcard .toggle:hover b,.lcard .toggle:focus-visible b{opacity:1}
.lcard .toggle:not(.active):hover .handle{transform:translateX(.2em)}
/* BOGO tag sits bottom-left of the stage so it never covers the icon */
.lcard .deal-tag{position:absolute;left:1em;bottom:1.15em;top:auto;right:auto;z-index:3;font-size:.66rem;padding:5px 11px;border-radius:99px!important;max-width:calc(100% - 8em)}
/* lit state */
.lcard:has(.toggle.active){box-shadow:inset 0 1.01em .1em -1em #fffa,inset 0 -4rem 3rem -3rem #000a,0 -1.02em .2em -1em #fffa,0 1em .2em -1em #000,0 0 0 1px #fff2,0 4px 4px 0 #0004,0 0 0 1px #333,0 0 46px rgba(52,211,153,.13)}
.lcard:has(.toggle.active) .slit{background:#ecfdf5;box-shadow:0 0 6px 0 #34d399}
.lcard:has(.toggle.active) .lumen{opacity:.55}
.lcard:has(.toggle.active) .darken{opacity:.8}
.lcard:has(.toggle.active) .darken .sl{opacity:.2}
.lcard:has(.toggle.active) .darken :is(.ll,.slt,.srt){opacity:1}
.lcard:has(.toggle.active) .icon{filter:drop-shadow(0 0 .7em rgba(52,211,153,.6)) brightness(1.25)}
.lcard:has(.toggle.active) .toggle::before{background:#ecfdf5cc;box-shadow:0 0 .3em .2em rgba(52,211,153,.5)}
.lcard:has(.toggle.active) .toggle .handle{box-shadow:inset 0 1px 12px 0 #fff,inset 0 -1px 1px 0 #fffa,0 0 2px 1px #4443,1px 3px 6px 1px #0004}
/* card body */
.lc-body{position:relative;display:flex;flex-direction:column;gap:.95em;padding:1em 1.3em 1.35em;flex:1}
.lc-h h3{font-size:1.32em;color:#e5e7eb;margin:0;line-height:1.15}
.lcard .game{display:block;margin-top:.3em;font-size:.76em;color:#ffffff66;font-weight:600}
.lcard .short{color:#ffffff80;font-size:.9em;padding-bottom:.8em;border-bottom:1px solid #fff1;margin:0}
.lcard .ft li{color:#ffffffcc;font-size:.88em}
.lcard .pr{background:#0d0f0e;border-color:#ffffff1f}
.lcard .prices{margin-top:auto}
.lcard .acts{gap:.6em}
@media(max-width:640px){.grid{gap:40px 0}}

/* ---------- tutorials page ---------- */
.tut-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 36px}
.tut-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--line2);border-radius:99px;background:var(--s1);font-size:.88rem;font-weight:600;color:var(--t2);transition:border-color .2s,color .2s,background .2s,transform .2s}
.tut-nav a:hover,.tut-nav a.on{border-color:var(--a);color:var(--a);background:rgba(52,211,153,.08);transform:translateY(-2px)}
.tut-nav .lti{width:1.6em;height:1.6em}
.tut{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;padding:28px;margin:0 0 22px;border:1px solid var(--line2);border-radius:24px;background:linear-gradient(170deg,var(--s2),var(--s1));scroll-margin-top:100px}
.tut.hit{animation:tuthit 2.8s ease-out 1}
@keyframes tuthit{0%,55%{border-color:var(--a);box-shadow:0 0 0 4px rgba(52,211,153,.28),0 0 70px rgba(52,211,153,.3)}100%{border-color:var(--line2);box-shadow:none}}
.tut-info{display:flex;flex-direction:column;gap:14px;align-content:start}
.tut-info .lti.big{width:5em;height:5em}
.tut-info h2{font-size:1.7rem}.tut-info p{color:var(--t2)}
.tut-chips{display:flex;flex-wrap:wrap;gap:8px}.tut-chips span{padding:5px 11px;border:1px solid var(--line2);border-radius:99px;background:var(--s2);font-size:.78rem;color:var(--t2)}
.tut-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.tut-media{display:grid;gap:12px;align-content:start;min-width:0}
@media(max-width:900px){.tut{grid-template-columns:1fr;padding:20px}}
.tut-nav .lti,.tut-info .lti{color:var(--a)}
.player .pb .rb-i{width:28px;height:28px;fill:currentColor;stroke:currentColor;margin-left:3px}

/* =====================================================================
   v5: ONE luminous card everywhere (always lit, no switch)
   .lum  = any card. site-shell.js adds the class and injects two helper
   elements: <i class="lum-fx"> (the light) and <i class="lum-fr"> (corner frame).
   The bot cards (.lcard) use the same look with their own markup.
   ===================================================================== */
.lum{--off:.55rem;--ax:2.6rem;position:relative!important;isolation:isolate;border-radius:1.6rem!important;border-color:transparent!important;
 background:radial-gradient(circle at 50% 0%,#2b2f2d 0%,#131514 64%)!important;
 box-shadow:inset 0 -4rem 3rem -3rem #000a,0 0 0 1px rgba(255,255,255,.2),0 4px 4px 0 #0004,0 0 0 1px #333,0 0 46px rgba(52,211,153,.12)!important;
 transition:translate .4s ease-out,box-shadow .4s ease-in-out}
.lum:hover{translate:0 -.2rem}
.lum.best,.lum.deal{box-shadow:inset 0 -4rem 3rem -3rem #000a,0 0 0 1px rgba(52,211,153,.6),0 4px 4px 0 #0004,0 0 60px rgba(52,211,153,.2)!important}
.lum-fx{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;overflow:hidden;
 background:radial-gradient(62% 100% at 50% 100%,rgba(110,231,183,.32),transparent 72%) 50% 100%/100% 9rem no-repeat,
  linear-gradient(to top,rgba(209,250,229,.16),transparent) 50% 100%/60% 5rem no-repeat;
 animation:lumbreath 5s ease-in-out infinite}
.lum-fx::after{content:"";position:absolute;bottom:0;left:19%;right:19%;height:3px;border-radius:4px 4px 0 0;background:#ecfdf5;box-shadow:0 0 10px 1px #34d399,0 0 28px 4px rgba(52,211,153,.45)}
@keyframes lumbreath{0%,100%{opacity:.8}50%{opacity:1}}
.lum-fr{position:absolute;inset:calc(-1*var(--off));z-index:0;pointer-events:none;border-radius:calc(1.6rem + var(--off));box-shadow:inset 0 0 0 .06rem rgba(255,255,255,.14);
 clip-path:polygon(var(--ax) 0,0 0,0 var(--ax),var(--ax) var(--ax),var(--ax) calc(100% - var(--ax)),0 calc(100% - var(--ax)),0 100%,var(--ax) 100%,var(--ax) calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) 100%,100% 100%,100% calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) var(--ax),100% var(--ax),100% 0,calc(100% - var(--ax)) 0,calc(100% - var(--ax)) var(--ax),var(--ax) var(--ax));
 transition:inset .4s ease-in-out,clip-path .4s}
.lum:hover>.lum-fr{--ax:4.5rem;inset:calc(-.5*var(--off))}
.lum.best>.lum-fr,.lum.deal>.lum-fr{box-shadow:inset 0 0 0 .08rem rgba(52,211,153,.45)}
/* give frames room where cards sit close together or inside a scroller */
.plans,.comm,.steps{gap:30px}
.lum.cc,.lum.plan,.steps li.lum{--off:.5rem}
.rv-track{padding:16px 16px 24px;scroll-padding-left:16px}.rv-track button.lum{--off:.4rem;--ax:1.8rem;border-radius:1.4rem!important}
.rv-track button.lum img{background:transparent}
/* hero screenshot card */
.eh-shot.lum{overflow:visible;border:1px solid transparent;padding-bottom:.9rem}
.eh-shot.lum .eh-bar{position:relative;z-index:1}
.eh-slides{border-radius:0}
/* features + video card */
.fcard.lum{overflow:visible}
.fcard.lum .fvid{border-radius:1.55rem 0 0 1.55rem;background:linear-gradient(180deg,rgba(52,211,153,.05),transparent)}
@media(max-width:980px){.fcard.lum .fvid{border-radius:1.55rem 1.55rem 0 0}}
.band.lum{border-radius:1.8rem!important}
.tut.lum{--off:.6rem}
@media(prefers-reduced-motion:reduce){.lum-fx{animation:none}}

/* bot cards: always lit, the switch is gone */
.lcard{box-shadow:inset 0 1.01em .1em -1em #fffa,inset 0 -4rem 3rem -3rem #000a,0 -1.02em .2em -1em #fffa,0 1em .2em -1em #000,0 0 0 1px #fff2,0 4px 4px 0 #0004,0 0 0 1px #333,0 0 46px rgba(52,211,153,.13)}
.lcard .slit{background:#ecfdf5;box-shadow:0 0 6px 0 #34d399}
.lcard .lumen{opacity:.55}
.lcard .darken{opacity:.8}
.lcard .darken .sl{opacity:.2}
.lcard .darken :is(.ll,.slt,.srt){opacity:1}
.lcard .icon{filter:drop-shadow(0 0 .7em rgba(52,211,153,.6)) brightness(1.25)}
.lcard .toggle{display:none!important}
.lcard .deal-tag{max-width:calc(100% - 2em)}

/* every button: same look, Lottie icon always moving */
.btn .lti{width:1.5em;height:1.5em}

/* v5.1: steps, community and plans are real bot cards (.lcard.mini): stage + light rising from the slit + big Lottie in the centre */
.lcard.mini .stage{font-size:11px}
.lcard.mini .icon .lti{width:6.6em;height:6.6em}
.lcard.mini .lc-body h3{font-size:1.25rem;color:#e5e7eb;margin:0;line-height:1.15}
.lcard.mini .lc-body p{color:#ffffff80;font-size:.92rem;margin:0}
.lcard.best::before{box-shadow:inset 0 0 0 .08em rgba(52,211,153,.45)}
.ccard .lc-body{gap:.7rem}.ccard p{flex:1}
.ccard .go{display:inline-flex;align-items:center;gap:8px;color:var(--a);font-weight:700;font-size:.9rem;min-height:44px}.ccard .go .rb-i{transition:transform .2s}.ccard:hover .go .rb-i{transform:translateX(4px)}
.steps .lc-body{gap:.55rem;padding-top:.9em}
/* plans */
.planc.best{transform:translateY(-8px)}
.planc .ribbon{z-index:4}
.planc .pstage{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding-top:1.1rem;text-align:center}
.planc .plbl{font:700 .78rem var(--fb);letter-spacing:.16em;text-transform:uppercase;color:#a7f3d0}
.planc .pstage .amt{justify-content:center;font-size:2.9rem;line-height:1;color:#fff;text-shadow:0 0 26px rgba(52,211,153,.5)}
.planc ul{list-style:none;padding:0;display:grid;gap:11px;font-size:.93rem}.planc li{display:flex;gap:10px;align-items:center;color:var(--t2)}.planc li b{color:var(--t)}.planc li .i{color:var(--a);padding:3px;border-radius:50%;background:rgba(52,211,153,.12);width:1.5em;height:1.5em}.planc li.no{color:var(--t3)}.planc li.no .i{color:var(--t3);background:var(--s3)}
.planc .btns{margin-top:auto;display:grid;gap:9px}
.planc .lc-body{gap:1.1rem;padding-top:1.1em}
@media(max-width:900px){.planc.best{transform:none;order:-1}}

/* =====================================================================
   v6: light control
   - "Ready to farm on autopilot?" band + review tiles: NO light
   - hero screenshot frame: light falls from the TOP (like before)
   - payment / refund / reseller / terms cards: light rises from the bottom
     of a stage, big Lottie in the centre (.lum-lt, injected by site-shell.js)
   ===================================================================== */
/* no light on: CTA band, review tiles, big content boxes, notices, FAQ, gallery shots, calculator, stat/chart tiles */
.band.lum>.lum-fx,.rv-track button.lum>.lum-fx,.box.lum>.lum-fx,.highlight-box.lum>.lum-fx,.warning-box.lum>.lum-fx,.signature-box.lum>.lum-fx,.faq-item.lum>.lum-fx,.gallery-item.lum>.lum-fx,.calc.lum>.lum-fx,.out.lum>.lum-fx,.stat-card.lum>.lum-fx,.chart-card.lum>.lum-fx,.compare-box.lum>.lum-fx,.kingdom-panel.lum>.lum-fx{display:none}
.band.lum,.rv-track button.lum,.box.lum,.highlight-box.lum,.warning-box.lum,.signature-box.lum,.faq-item.lum,.gallery-item.lum,.calc.lum,.out.lum,.stat-card.lum,.chart-card.lum,.compare-box.lum,.kingdom-panel.lum{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 4px 4px 0 #0004,0 0 0 1px #333!important}
.band.lum{background:radial-gradient(70% 120% at 50% 0,rgba(52,211,153,.1),var(--s1))!important}
.rv-track button.lum{background:var(--s1)!important}
/* dialogs: the global *{margin:0} reset removed the browser's auto-centering */
dialog{margin:auto}
.step.lum-st .lum-lt,.feature-item.lum-st .lum-lt{height:6.6rem}
.feature-item.lum-st h4>i,.feature-item.lum-st h4>svg{display:none!important}

.eh-shot.lum>.lum-fx{background:radial-gradient(62% 100% at 50% 0%,rgba(110,231,183,.32),transparent 72%) 50% 0/100% 9rem no-repeat,
 linear-gradient(to bottom,rgba(209,250,229,.16),transparent) 50% 0/60% 5rem no-repeat}
.eh-shot.lum>.lum-fx::after{bottom:auto;top:0;border-radius:0 0 4px 4px}
.lum.lum-st>.lum-fx{display:none}
.lum-lt{position:relative!important;display:grid;place-items:center;align-self:stretch;flex:none;width:100%;height:8.4rem;margin:0 0 1.1rem;border-radius:1.1rem;overflow:hidden;isolation:isolate;
 background:radial-gradient(70% 95% at 50% 100%,rgba(110,231,183,.3),transparent 74%) 50% 100%/100% 100% no-repeat,
  linear-gradient(to top,rgba(209,250,229,.13),transparent 75%),#0b0d0c;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);animation:lumbreath 5s ease-in-out infinite}
.lum-lt::after{content:"";position:absolute;bottom:0;left:22%;right:22%;height:3px;border-radius:4px 4px 0 0;background:#ecfdf5;box-shadow:0 0 10px 1px #34d399,0 0 28px 4px rgba(52,211,153,.45)}
.lum-lt .lti.big{width:5.6rem;height:5.6rem;color:var(--a);position:relative;z-index:1}
.pay-card.lum-st .pay-ico,.policy-card.lum-st .card-icon,.offer.lum-st .ic,.of.lum-st>i,.of.lum-st>svg{display:none!important}
.of.lum-st{flex-direction:column;align-items:center;text-align:center;gap:0}
.of.lum-st>div:not(.lum-lt){width:100%}
.tier.lum-st .lum-lt,.bot.lum-st .lum-lt{height:7rem}
@media(prefers-reduced-motion:reduce){.lum-lt{animation:none}}
#pricing .tabs{display:flex;width:fit-content;max-width:100%;margin:0 auto 28px}

/* mobile fixes: ROK Stats page header no longer runs off-screen; long page titles wrap */
@media(max-width:600px){.header-right .btn-back{display:none}.header-right .btn-export{padding:8px 12px;font-size:.78rem}.logo-name{font-size:1rem;letter-spacing:1px}.logo-sub{display:none}}
/* inner pages keep their own single-column title block (the 2-column .hero grid is for the old home hero only) */
body.legacy .hero .wrap{display:block}

/* ===== v11: breadcrumb, index-style cards on payment pages, setup sidebar + downloads ===== */
.crumbwrap{padding-top:26px}
.crumbwrap .crumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.78rem;color:var(--t3,#71717a)}
.crumbwrap .crumb a{display:inline-flex;align-items:center;gap:6px;color:inherit}.crumbwrap .crumb a:hover{color:var(--a)}
.crumbwrap .crumb svg{width:14px;height:14px}.crumbwrap .crumb svg:nth-of-type(2){width:11px;height:11px}
.crumbwrap .crumb span{color:var(--t2,#a1a1aa)}
/* payment pages: steps + confirm use the real index card (light rising from the slit, big Lottie centred) */
.lcard.mini .stn{position:absolute;top:1em;left:1.1em;z-index:3;display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:50%;background:var(--a);color:var(--ink,#04130d);font:800 .9rem var(--fb,inherit)}
.cf .cfc{grid-template-columns:repeat(2,1fr);max-width:860px;margin:28px auto 0;text-align:left}
.cf .lcard{text-align:left}
@media(max-width:820px){.cf .cfc{grid-template-columns:1fr}}
.steps>.st.lum .lum-lt{height:7rem}
/* setup page: downloads first */
.dl-sec{margin:34px 0 8px;scroll-margin-top:150px}.dl-sec h2{font-size:1.5rem;font-weight:800;margin-bottom:6px}
.dl-sub{color:var(--text2,#a1a1aa);font-size:.92rem;margin-bottom:18px}.dl-sub code{padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.08);font-size:.8rem}
.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.dl-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 18px 22px;border-radius:1.4rem}
.dl-card h3{font-size:1.15rem;margin:0 0 2px}.dl-card h3 em{font-style:normal;color:var(--a)}
.dl-card p{color:var(--text2,#a1a1aa);font-size:.8rem;margin:0 0 12px;word-break:break-all}
.dl-tag{position:absolute;top:26px;right:26px;z-index:3;padding:3px 10px;border-radius:99px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);font-size:.68rem;font-weight:700;color:var(--a)}
.dl-card .download-btn{margin:0}
/* setup page: the step bar is a sidebar on desktop (stays the horizontal bar on phones/tablets) */
@media(min-width:1100px){
 #stepbarWrap{position:fixed!important;left:max(20px,calc(50vw - 600px));top:150px;width:220px;max-height:calc(100vh - 176px);padding:14px 12px 20px!important;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(10,12,11,.88);box-shadow:0 18px 40px rgba(0,0,0,.45);display:flex;flex-direction:column;z-index:50;transition:opacity .25s}
 #stepbarWrap.sb-hide{opacity:0;pointer-events:none}
 #stepbarWrap .stepbar{flex-direction:column;align-items:stretch;gap:10px;max-width:none;margin:0;min-height:0;flex:1;display:flex}
 #stepbarWrap .sb-count{order:-1;padding:2px 6px 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.8rem}
 #stepbarWrap .sb-count span{display:inline!important}
 #stepbarWrap .sb-track{flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:4px;flex:1}
 #stepbarWrap .sb-track a{width:100%;border-radius:12px;border-color:transparent;background:transparent;padding:8px 10px;font-size:.82rem}
 #stepbarWrap .sb-track a.on{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.4)}
 #stepbarWrap .sb-fill{left:12px;bottom:9px;height:3px;border-radius:3px;max-width:calc(100% - 24px)}
 .container{padding-left:calc(5% + 236px)!important}
}