@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,700;0,800;0,900;1,900&family=Jost:wght@300;400;500;600&display=swap');

/* ── TOKENS ── */
:root {
  --bg:#f4f0eb; --bg-s:#eee9e2; --bg-card:#eee9e2;
  --text:#0e0d0c; --text-s:#6b6560; --text-h:#9b9591;
  --lime:#c8f04e; --lime-d:#a8cc35; --on-lime:#0e0d0c;
  --div:#d9d3cc;
  --red:#e53935; --green:#2e7d32;
  --radius:6px; --radius-sm:4px;
}
[data-theme="dark"] {
  --bg:#0e0d0c; --bg-s:#111110; --bg-card:#1a1917;
  --text:#f4f0eb; --text-s:#9b9591; --text-h:#4a4845;
  --div:#2a2825;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Jost',sans-serif;overflow-x:hidden;cursor:none;transition:background .3s,color .3s;}
a{color:var(--text);text-decoration:none;}

/* ── CURSOR — always on top ── */
#cursor{position:fixed;width:10px;height:10px;background:#0e0d0c;border-radius:50%;pointer-events:none;z-index:2147483647;top:0;left:0;will-change:transform;transition:background .2s;}
#cursor-ring{position:fixed;width:36px;height:36px;border:1.5px solid rgba(14,13,12,.4);border-radius:50%;pointer-events:none;z-index:2147483646;top:0;left:0;opacity:0;will-change:transform;transition:width .25s,height .25s,opacity .3s;}
[data-theme="dark"] #cursor{background:#c8f04e;}
[data-theme="dark"] #cursor-ring{border-color:rgba(200,240,78,.35);}
.cur-grow #cursor{background:#c8f04e!important;transform:scale(2.5) translate(-20%,-20%);}
.cur-grow #cursor-ring{opacity:0!important;width:52px;height:52px;}

/* ── PRELOADER ── */
#preloader{position:fixed;inset:0;background:var(--bg);z-index:9000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .65s ease;overflow:hidden;}
#preloader.out{opacity:0;pointer-events:none;}
.pre-logo-txt{font-family:'Barlow',sans-serif;font-weight:900;font-size:52px;color:var(--text);letter-spacing:-0.03em;}
.pre-logo-txt span{color:var(--lime);}
.pre-sub{font-size:10px;letter-spacing:4px;color:var(--text-h);text-transform:uppercase;margin:6px 0 44px;}
.pre-bar-wrap{width:180px;height:1px;background:var(--div);overflow:hidden;}
.pre-bar{height:1px;background:var(--lime);width:0;}
.pre-pct{font-family:'Barlow',sans-serif;font-weight:900;font-size:80px;color:var(--bg-s);position:fixed;bottom:32px;right:48px;letter-spacing:-0.04em;line-height:1;pointer-events:none;z-index:9001;}

/* ── DIAGONAL BG ── */
.diag{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.diag svg{position:absolute;inset:0;width:100%;height:100%;}

/* ── NAV ── */
#main-nav{position:fixed;top:36px;width:100%;z-index:500;height:64px;display:flex;align-items:center;padding:0 48px;border-bottom:1px solid var(--div);background:rgba(244,240,235,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s,border-color .3s;opacity:0;transform:translateY(-8px);transition:opacity .5s .3s,transform .5s .3s,background .3s,border-color .3s;}
#main-nav.ready{opacity:1;transform:none;}
[data-theme="dark"] #main-nav{background:rgba(14,13,12,.92);}
.nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between;}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:'Barlow',sans-serif;font-weight:900;font-size:17px;letter-spacing:.06em;color:var(--text);}
.logo-sq{width:32px;height:32px;background:var(--text);border-radius:5px;display:flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-weight:900;font-size:15px;color:var(--lime);flex-shrink:0;transition:background .3s,color .3s;}
[data-theme="dark"] .logo-sq{background:#f4f0eb;color:#0e0d0c;}
.nav-links{display:flex;align-items:center;gap:4px;}
.nav-links a{font-size:13px;color:var(--text-s);padding:6px 14px;border-radius:var(--radius-sm);transition:color .2s;}
.nav-links a:hover{color:var(--text);}
.lang-wrap{display:flex;border:1px solid var(--div);border-radius:var(--radius-sm);overflow:hidden;margin:0 8px;}
.lang-btn{font-size:11px;font-weight:700;padding:5px 12px;background:transparent;border:none;cursor:none;color:var(--text-h);font-family:'Jost',sans-serif;transition:all .2s;}
.lang-btn.active{background:var(--text);color:var(--lime);}
[data-theme="dark"] .lang-btn.active{background:#f4f0eb;color:#0e0d0c;}
.theme-btn{width:32px;height:32px;border:1px solid var(--div);border-radius:var(--radius-sm);background:transparent;cursor:none;display:flex;align-items:center;justify-content:center;margin-right:8px;transition:border-color .2s;}
.theme-btn svg{width:15px;height:15px;stroke:var(--text-s);fill:none;}
.nav-cta{background:var(--text);color:var(--lime);border:none;border-radius:var(--radius-sm);padding:9px 20px;font-size:11px;font-weight:700;cursor:none;font-family:'Jost',sans-serif;letter-spacing:.12em;transition:background .2s;}
.nav-cta:hover{opacity:.85;}
[data-theme="dark"] .nav-cta{background:var(--lime);color:#0e0d0c;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;cursor:none;border:none;transition:all .2s;font-family:'Jost',sans-serif;letter-spacing:.10em;}
.btn-primary{background:var(--text);color:var(--lime);}
[data-theme="dark"] .btn-primary{background:#f4f0eb;color:#0e0d0c;}
.btn-primary:hover{opacity:.85;transform:translateY(-1px);}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--div);}
.btn-ghost:hover{border-color:var(--text);transform:translateY(-1px);}
.btn-lime{background:var(--lime);color:#0e0d0c;}
.btn-lime:hover{background:var(--lime-d);transform:translateY(-1px);}
.btn-danger{background:transparent;color:var(--red);border:1px solid rgba(229,57,53,.3);}
.btn-sm{padding:7px 14px;font-size:11px;}
.btn-full{width:100%;}
.btn-outline{background:transparent;color:var(--text);border:1px solid var(--div);}
.btn-outline:hover{border-color:var(--text);}

/* ── CONTAINER ── */
.container{max-width:1160px;margin:0 auto;padding:0 48px;}

/* ── HERO ── */
.hero{min-height:100vh;padding:148px 48px 80px;display:flex;align-items:center;position:relative;overflow:hidden;}
.hero-inner{display:flex;align-items:center;gap:72px;max-width:1160px;margin:0 auto;width:100%;}
.hero-left{flex:1;min-width:0;}
.eyebrow{font-size:10px;letter-spacing:4px;color:var(--text-h);text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:12px;}
.eyebrow::before{content:'';display:block;width:28px;height:1px;background:var(--div);}
h1{font-family:'Barlow',sans-serif;font-weight:900;font-size:clamp(54px,7vw,92px);line-height:.93;letter-spacing:-.035em;color:var(--text);}
h1 .muted{color:var(--text-h);}
h1 .hi{display:inline-block;background:var(--text);color:var(--lime);padding:2px 14px;border-radius:6px;font-style:italic;}
.hero-sub{font-size:16px;color:var(--text-s);line-height:1.75;max-width:440px;margin:24px 0 36px;font-weight:400;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px;}
.hero-stats{display:flex;gap:44px;padding-top:32px;border-top:1px solid var(--div);}
.stat-n{font-family:'Barlow',sans-serif;font-weight:900;font-size:30px;letter-spacing:-.03em;color:var(--text);}
.stat-l{font-size:9px;letter-spacing:2px;color:var(--text-h);text-transform:uppercase;margin-top:3px;}
.phone-wrap{width:260px;flex-shrink:0;position:relative;}
.phone-glow{position:absolute;width:220px;height:220px;background:var(--lime);top:-50px;left:20px;border-radius:50%;filter:blur(90px);opacity:.05;pointer-events:none;}
.phone-frame{width:260px;height:520px;background:#0e0d0c;border-radius:36px;border:1.5px solid #2a2825;overflow:hidden;display:flex;}

/* ── MARQUEE ── */
.marquee-wrap{border-top:1px solid var(--div);border-bottom:1px solid var(--div);background:var(--bg-s);overflow:hidden;padding:14px 0;}
.m-track{display:flex;animation:mq 24s linear infinite;width:max-content;}
.m-item{white-space:nowrap;font-family:'Barlow',sans-serif;font-weight:700;font-size:12px;letter-spacing:.10em;color:var(--text-h);text-transform:uppercase;padding:0 28px;display:flex;align-items:center;gap:14px;}
.m-item::after{content:'✦';color:var(--lime);font-size:7px;}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── SECTIONS ── */
.section{padding:96px 0;}
.section-inner{max-width:1160px;margin:0 auto;padding:0 48px;}
.section-alt{background:var(--bg-s);position:relative;}
.section-alt .diag-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;opacity:0;}
[data-theme="dark"] .section-alt .diag-bg{opacity:1;}
.section-alt > *:not(.diag-bg){position:relative;z-index:1;}
[data-theme="dark"] .section-alt{background:#0f0e0d;}
h2{font-family:'Barlow',sans-serif;font-weight:900;font-size:clamp(34px,4.5vw,56px);letter-spacing:-.025em;line-height:.97;}
.section-sub{font-size:14px;color:var(--text-s);line-height:1.7;margin-top:10px;margin-bottom:48px;}

/* ── HOW IT WORKS ── */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--div);}
.step-card{background:var(--bg);padding:40px 32px;position:relative;overflow:hidden;transition:background .2s;}
.step-card:hover{background:var(--bg-s);}
.step-bg-num{font-family:'Barlow',sans-serif;font-weight:900;font-size:96px;color:var(--bg-s);letter-spacing:-.04em;line-height:1;position:absolute;bottom:-10px;right:16px;pointer-events:none;transition:color .2s;}
[data-theme="dark"] .step-bg-num{color:#1a1917;}
[data-theme="dark"] .step-card{background:#111110;}
[data-theme="dark"] .step-card:hover{background:#1a1917;}
.step-tag{display:inline-block;background:var(--text);color:var(--lime);font-size:9px;font-weight:700;letter-spacing:2px;padding:3px 9px;border-radius:3px;margin-bottom:14px;}
[data-theme="dark"] .step-tag{background:#f4f0eb;color:#0e0d0c;}
.step-h{font-family:'Barlow',sans-serif;font-weight:700;font-size:20px;color:var(--text);margin-bottom:10px;line-height:1.2;}
.step-p{font-size:13px;color:var(--text-s);line-height:1.65;position:relative;z-index:1;}

/* ── FEATURES ── */
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--div);border:1px solid var(--div);}
.feat-card{background:var(--bg-s);padding:36px 32px;transition:background .2s;}
.feat-card:hover{background:var(--bg);}
[data-theme="dark"] .feat-card{background:#111110;}
[data-theme="dark"] .feat-card:hover{background:#1a1917;}
.feat-icon-wrap{width:44px;height:44px;background:var(--text);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.feat-icon-wrap svg{width:22px;height:22px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
[data-theme="dark"] .feat-icon-wrap{background:#f4f0eb;}
[data-theme="dark"] .feat-icon-wrap svg{stroke:#0e0d0c;}
.feat-h{font-family:'Barlow',sans-serif;font-weight:700;font-size:18px;color:var(--text);margin-bottom:8px;}
.feat-p{font-size:13px;color:var(--text-s);line-height:1.65;}

/* ── PRICING ── */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.p-card{background:var(--bg-card);border:1px solid var(--div);border-radius:var(--radius);padding:32px 28px;position:relative;transition:border-color .25s,transform .25s;}
.p-card:hover{transform:translateY(-4px);border-color:var(--text-h);}
.p-card.pop{border-color:var(--text);}
.pop-badge{position:absolute;top:-12px;left:28px;background:var(--text);color:var(--lime);font-size:9px;font-weight:700;letter-spacing:2px;padding:4px 12px;border-radius:3px;}
[data-theme="dark"] .pop-badge{background:#f4f0eb;color:#0e0d0c;}
.p-period{font-size:10px;letter-spacing:3px;color:var(--text-h);text-transform:uppercase;margin-bottom:14px;}
.p-price{font-family:'Barlow',sans-serif;font-weight:900;font-size:54px;letter-spacing:-.03em;line-height:1;color:var(--text);}
.p-price sub{font-size:18px;font-weight:400;color:var(--text-s);vertical-align:super;margin-left:2px;}
.p-mo{font-size:12px;color:var(--text-h);margin:6px 0 22px;}
.p-line{height:1px;background:var(--div);margin-bottom:22px;}
.p-feats{list-style:none;margin-bottom:28px;}
.p-feats li{font-size:13px;color:var(--text-s);padding:7px 0;border-bottom:1px solid var(--div);display:flex;align-items:center;gap:10px;}
.p-feats li:last-child{border:none;}
.check{width:18px;height:18px;background:var(--text);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.check svg{width:10px;height:10px;stroke:var(--lime);fill:none;stroke-width:2.5;stroke-linecap:round;}
[data-theme="dark"] .check{background:#f4f0eb;}
[data-theme="dark"] .check svg{stroke:#0e0d0c;}
/* Primary button variant for pricing */
.p-btn{width:100%;padding:13px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;cursor:none;letter-spacing:.12em;font-family:'Jost',sans-serif;border:1px solid var(--div);background:transparent;color:var(--text);transition:all .2s;}
.p-btn:hover{border-color:var(--text);background:var(--bg-s);}
.p-btn.dark{background:var(--text);color:var(--lime);border-color:transparent;}
.p-btn.dark:hover{opacity:.85;}
[data-theme="dark"] .p-btn.dark{background:#f4f0eb;color:#0e0d0c;}

/* ── CARDS / FORM / TABLE ── */
.card{background:var(--bg-card);border:1px solid var(--div);border-radius:var(--radius);padding:28px;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:10px;letter-spacing:2px;color:var(--text-h);text-transform:uppercase;margin-bottom:8px;font-weight:600;}
.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--bg);border:1px solid var(--div);border-radius:var(--radius-sm);color:var(--text);padding:12px 16px;font-size:14px;outline:none;transition:border-color .2s;font-family:'Jost',sans-serif;}
.form-group input:focus,.form-group select:focus{border-color:var(--text);}
.form-group input::placeholder{color:var(--text-h);}
.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;}
.alert-error{background:rgba(229,57,53,.08);border:1px solid rgba(229,57,53,.2);color:var(--red);}
.alert-success{background:rgba(46,125,50,.08);border:1px solid rgba(46,125,50,.2);color:var(--green);}
.badge{display:inline-block;padding:3px 10px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.05em;}
.badge-active{background:rgba(200,240,78,.15);color:#6b9200;border:1px solid rgba(200,240,78,.3);}
.badge-expired{background:rgba(229,57,53,.08);color:var(--red);border:1px solid rgba(229,57,53,.2);}
[data-theme="dark"] .badge-active{color:var(--lime);}
.divider{height:1px;background:var(--div);margin:20px 0;}
.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--div);font-size:13px;}
th{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-h);font-weight:600;}
tr:last-child td{border:none;}
tr:hover td{background:var(--bg-s);}
.key-input{background:transparent;border:none;color:var(--text-s);font-family:monospace;font-size:12px;width:140px;outline:none;}
.code{background:var(--bg-s);border:1px solid var(--div);border-radius:var(--radius-sm);padding:12px 16px;font-family:monospace;font-size:13px;word-break:break-all;}
.hidden{display:none!important;}
.text-center{text-align:center;}

/* ── FOOTER ── */
footer{background:#0e0d0c;padding:56px 48px 40px;position:relative;z-index:1;}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:40px;border-bottom:1px solid #2a2825;gap:40px;flex-wrap:wrap;}
.footer-logo{font-family:'Barlow',sans-serif;font-weight:900;font-size:18px;letter-spacing:.06em;color:#f4f0eb;display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.f-sq{width:32px;height:32px;background:#f4f0eb;border-radius:5px;display:flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-weight:900;font-size:14px;color:#0e0d0c;}
.footer-desc{font-size:13px;color:#9b9591;line-height:1.6;max-width:260px;}
.footer-col h4{font-family:'Barlow',sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#f4f0eb;margin-bottom:14px;font-family:'Barlow',sans-serif;}
.footer-col a{display:block;font-size:13px;color:#6b6560;margin-bottom:8px;transition:color .2s;}
.footer-col a:hover{color:#f4f0eb;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:11px;color:#4a4845;}

/* ── AUTH / INSTALL ── */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;}
.auth-box{width:100%;max-width:440px;}
.auth-logo{display:flex;align-items:center;gap:10px;font-family:'Barlow',sans-serif;font-weight:900;font-size:18px;letter-spacing:.06em;color:var(--text);margin-bottom:36px;}
.install-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;}
.install-box{width:100%;max-width:540px;}
.install-logo{text-align:center;margin-bottom:36px;}
.install-logo-sq{width:52px;height:52px;background:var(--text);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-family:'Barlow',sans-serif;font-weight:900;font-size:28px;color:var(--lime);}
.install-logo h2{font-family:'Barlow',sans-serif;font-weight:900;font-size:28px;letter-spacing:-.02em;}
.install-logo p{font-size:13px;color:var(--text-s);margin-top:4px;}
.install-prog{height:2px;background:var(--div);border-radius:2px;margin-top:20px;overflow:hidden;}
.install-prog-fill{height:2px;background:var(--text);border-radius:2px;transition:width .4s ease;}
.site-blocked{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;}

/* ── ADMIN ── */
.adm-body{display:flex;min-height:100vh;background:var(--bg);}
.adm-side{width:236px;min-height:100vh;background:var(--bg-s);border-right:1px solid var(--div);display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:50;}
[data-theme="dark"] .adm-side{background:#111110;border-right-color:#2a2825;}
.adm-logo{padding:18px 20px;display:flex;align-items:center;gap:10px;font-family:'Barlow',sans-serif;font-weight:900;font-size:15px;letter-spacing:.08em;color:var(--text);border-bottom:1px solid var(--div);}
[data-theme="dark"] .adm-logo{border-bottom-color:#2a2825;}
.adm-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:1px;overflow-y:auto;}
.adm-nav-lbl{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-h);padding:10px 10px 4px;margin-top:6px;}
.adm-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:4px;color:var(--text-s);font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;cursor:none;}
.adm-item svg{width:16px;height:16px;flex-shrink:0;}
.adm-item:hover{background:var(--bg-card);color:var(--text);}
.adm-item.on{background:var(--text);color:var(--lime);}
.adm-item.red{color:var(--red)!important;}
.adm-foot{padding:10px 8px;border-top:1px solid var(--div);}
[data-theme="dark"] .adm-foot{border-top-color:#2a2825;}
.adm-main{margin-left:236px;flex:1;display:flex;flex-direction:column;}
.adm-bar{padding:14px 28px;border-bottom:1px solid var(--div);display:flex;align-items:center;justify-content:space-between;background:var(--bg);position:sticky;top:0;z-index:40;}
[data-theme="dark"] .adm-bar{border-bottom-color:#2a2825;}
.adm-title{font-family:'Barlow',sans-serif;font-weight:900;font-size:20px;letter-spacing:-.01em;}
.adm-cnt{padding:28px;flex:1;}
.adm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:28px;}
.adm-stat{background:var(--bg-s);border:1px solid var(--div);border-radius:6px;padding:20px 22px;}
[data-theme="dark"] .adm-stat{background:#111110;border-color:#2a2825;}
.adm-stat-n{font-family:'Barlow',sans-serif;font-weight:900;font-size:38px;letter-spacing:-.03em;line-height:1;}
.adm-stat-l{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-h);margin-top:6px;}
.adm-modal{position:fixed;inset:0;background:rgba(14,13,12,.75);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;}
.adm-modal-box{background:var(--bg);border:1px solid var(--div);border-radius:6px;padding:28px;width:100%;max-width:460px;}
.adm-modal-box h3{font-family:'Barlow',sans-serif;font-weight:900;font-size:20px;letter-spacing:-.01em;margin-bottom:20px;}

/* ── REVEAL ANIMATIONS ── */
.reveal,.reveal-l,.reveal-r{opacity:0;transition:opacity .7s ease,transform .7s ease;}
.reveal{transform:translateY(30px);}
.reveal-l{transform:translateX(-30px);}
.reveal-r{transform:translateX(30px);}
.reveal.in,.reveal-l.in,.reveal-r.in{opacity:1;transform:none;}
.d1{transition-delay:.1s;} .d2{transition-delay:.2s;} .d3{transition-delay:.3s;}
.d4{transition-delay:.4s;} .d5{transition-delay:.5s;}

/* ── RESPONSIVE ── */



/* ── NEW SECTIONS ── */
/* Testimonials */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.testi-card{background:var(--bg-card);border:1px solid var(--div);border-radius:var(--radius);padding:28px;}
.testi-stars{display:flex;gap:4px;margin-bottom:14px;}
.testi-star{width:14px;height:14px;fill:var(--lime);}
.testi-text{font-size:14px;color:var(--text-s);line-height:1.7;margin-bottom:16px;font-style:italic;}
.testi-author{font-size:12px;font-weight:600;color:var(--text);letter-spacing:.02em;}
.testi-role{font-size:11px;color:var(--text-h);margin-top:2px;}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:0;}
.faq-item{border-bottom:1px solid var(--div);}
.faq-item:first-child{border-top:1px solid var(--div);}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 0;cursor:none;gap:16px;}
.faq-q-text{font-family:'Barlow',sans-serif;font-weight:700;font-size:17px;color:var(--text);letter-spacing:-.01em;}
.faq-icon{width:24px;height:24px;flex-shrink:0;border:1px solid var(--div);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.faq-icon svg{width:12px;height:12px;stroke:var(--text-s);transition:transform .3s;}
.faq-item.open .faq-icon{background:var(--text);border-color:var(--text);}
.faq-item.open .faq-icon svg{stroke:var(--lime);transform:rotate(45deg);}
.faq-a{font-size:14px;color:var(--text-s);line-height:1.75;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;}
.faq-item.open .faq-a{max-height:300px;padding-bottom:20px;}

/* Carousel */
/* ── STACKED CAROUSEL ── */
/* ── CAROUSEL ── */
.carousel-stage{
  position:relative;height:520px;
  display:flex;align-items:center;justify-content:center;
  margin-top:48px;overflow:hidden;
}
/* Each item is absolutely centred; only phone transforms, label sits outside */
.carousel-item{
  position:absolute;
  width:220px;
  /* transition on the wrapper — phone + label move together */
  transition:transform .55s cubic-bezier(.25,.1,.25,1), opacity .55s ease, z-index 0s;
  cursor:none;
  display:flex;flex-direction:column;align-items:center;
}
.carousel-item .carousel-phone{
  width:220px;height:440px;
  background:#f4f0eb;border-radius:28px;
  border:1.5px solid var(--div);overflow:hidden;
  flex-shrink:0;
}
[data-theme="dark"] .carousel-item .carousel-phone{background:#0e0d0c;border-color:#2a2825;}

/* Pyramid positions — centre = 0, sides behind */
.carousel-item[data-pos="0"]{transform:translateX(0) scale(1);z-index:10;opacity:1;}
.carousel-item[data-pos="-1"]{transform:translateX(-240px) scale(0.8);z-index:7;opacity:0.5;}
.carousel-item[data-pos="1"]{transform:translateX(240px) scale(0.8);z-index:7;opacity:0.5;}
.carousel-item[data-pos="-2"]{transform:translateX(-390px) scale(0.62);z-index:4;opacity:0.22;}
.carousel-item[data-pos="2"]{transform:translateX(390px) scale(0.62);z-index:4;opacity:0.22;}
.carousel-item[data-pos="-3"],
.carousel-item[data-pos="3"],
.carousel-item[data-pos="-4"],
.carousel-item[data-pos="4"]{transform:translateX(0) scale(0.5);z-index:1;opacity:0;pointer-events:none;}

.carousel-label{
  text-align:center;margin-top:12px;
  font-size:11px;color:var(--text-h);
  letter-spacing:2px;text-transform:uppercase;
  transition:opacity .3s;
  height:18px;
}
.carousel-item:not([data-pos="0"]) .carousel-label{opacity:0;}

.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}
.carousel-dot{width:6px;height:6px;border-radius:50%;background:var(--div);transition:all .2s;cursor:none;}
.carousel-dot.on{background:var(--text);width:20px;border-radius:3px;}

.carousel-nav{display:flex;gap:10px;justify-content:center;margin-top:16px;}
.carousel-btn{
  width:40px;height:40px;border:1px solid var(--div);border-radius:4px;
  background:transparent;cursor:none;display:flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.carousel-btn:hover{background:var(--text);border-color:var(--text);}
.carousel-btn:hover svg{stroke:#f4f0eb!important;}
.carousel-btn svg{width:16px;height:16px;stroke:var(--text-s);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}


/* Stats band */
.stats-band{background:var(--text);padding:56px 0;}
.stats-band-inner{max-width:1160px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.stats-band-item{text-align:center;}
.stats-band-n{font-family:'Barlow',sans-serif;font-weight:900;font-size:48px;letter-spacing:-.04em;color:var(--lime);line-height:1;}
.stats-band-l{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(244,240,235,.4);margin-top:8px;}
[data-theme="dark"] .stats-band{background:#0f0e0d;border-top:1px solid #2a2825;border-bottom:1px solid #2a2825;position:relative;overflow:hidden;}
[data-theme="dark"] .stats-band-l{color:#4a4845;}

/* CTA section */
.cta-section{padding:96px 0;text-align:center;position:relative;overflow:hidden;}
.cta-section .diag{z-index:0;}
.cta-inner{position:relative;z-index:1;}
.cta-section h2{margin-bottom:16px;}
.cta-section p{font-size:16px;color:var(--text-s);margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto;}

/* Compare table */
.compare-wrap{overflow-x:auto;margin-top:48px;}
.compare-table{width:100%;border-collapse:collapse;min-width:320px;}
@media(max-width:600px){
  .compare-wrap{overflow-x:visible;}
  .compare-table{min-width:0;font-size:13px;}
  .compare-table th,.compare-table td{padding:10px 8px;}
}
.compare-table th{font-family:'Barlow',sans-serif;font-weight:700;font-size:14px;padding:16px;text-align:left;border-bottom:2px solid var(--div);}
.compare-table td{padding:14px 16px;font-size:13px;border-bottom:1px solid var(--div);color:var(--text-s);}
.compare-table tr:last-child td{border:none;}
.compare-table .col-us{background:rgba(200,240,78,.05);}
.compare-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:var(--text);}
[data-theme="dark"] .compare-check{background:#f4f0eb;}
[data-theme="dark"] .compare-check svg{stroke:#0e0d0c;}
.compare-check svg{width:11px;height:11px;stroke:var(--lime);fill:none;stroke-width:2.5;stroke-linecap:round;}
.compare-cross{color:var(--text-h);font-size:18px;line-height:1;}




/* ══════════════════════════════════════════════
   PATCH — только текст и nav-cta, ничего больше
   ══════════════════════════════════════════════ */

/* nav-cta СВЕТЛАЯ: чёрный фон, лаймовый текст, hover темнее фон */
.nav-cta { background: #0e0d0c !important; color: #c8f04e !important; }
.nav-cta:hover { background: #2a2825 !important; color: #c8f04e !important; opacity: 1 !important; }

/* nav-cta ТЁМНАЯ: лаймовый фон, ЧЁРНЫЙ текст, hover темнее лайм */
[data-theme="dark"] .nav-cta { background: #c8f04e !important; color: #0e0d0c !important; }
[data-theme="dark"] .nav-cta:hover { background: #a8cc35 !important; color: #0e0d0c !important; }

/* h1 "серверов" в тёмной — полупрозрачный белый */
[data-theme="dark"] h1 .muted { color: rgba(244,240,235,0.55) !important; }

/* h1 "без" в тёмной — лайм фон, ЧЁРНЫЙ текст */
[data-theme="dark"] h1 .hi { background: #c8f04e !important; color: #0e0d0c !important; }

/* Плохо видимые тексты в тёмной теме → #9b9591 (серо-белый) */
[data-theme="dark"] .eyebrow                { color: #9b9591 !important; }
[data-theme="dark"] .p-period               { color: #9b9591 !important; }
[data-theme="dark"] .p-mo                   { color: #9b9591 !important; }
[data-theme="dark"] .testi-role             { color: #9b9591 !important; }
[data-theme="dark"] .testi-text             { color: #9b9591 !important; }
[data-theme="dark"] .compare-table th       { color: #9b9591 !important; }
[data-theme="dark"] .compare-table td       { color: #9b9591 !important; }
[data-theme="dark"] .p-feats li             { color: #9b9591 !important; }
[data-theme="dark"] .stat-l                 { color: #9b9591 !important; }
[data-theme="dark"] .hero-sub               { color: #9b9591 !important; }
[data-theme="dark"] .section-sub            { color: #9b9591 !important; }
[data-theme="dark"] .feat-p                 { color: #9b9591 !important; }
[data-theme="dark"] .step-p                 { color: #9b9591 !important; }
[data-theme="dark"] .faq-a                  { color: #9b9591 !important; }
[data-theme="dark"] .faq-q-text             { color: #f4f0eb !important; }
[data-theme="dark"] .carousel-label         { color: #9b9591 !important; }
[data-theme="dark"] .stats-band-l           { color: #9b9591 !important; }
[data-theme="dark"] .nav-links a:not(.nav-cta)       { color: #9b9591 !important; }
[data-theme="dark"] .nav-links a:not(.nav-cta):hover { color: #f4f0eb !important; }
[data-theme="dark"] .p-btn:not(.dark)       { color: #f4f0eb !important; border-color: #2a2825 !important; }
[data-theme="dark"] .p-btn:not(.dark):hover { background: #1a1917 !important; border-color: #6b6560 !important; }

/* ── Auth/Install pages: диагонали за контентом, карточка поверх ── */
.auth-wrap { position: relative; overflow: hidden; }
.auth-wrap svg { z-index: 0; }
.auth-box  { position: relative; z-index: 1; }
.install-wrap { position: relative; overflow: hidden; }
.install-box  { position: relative; z-index: 1; }
.site-blocked > div { position: relative; z-index: 1; }

/* ── Preloader diag SVG ── */
#pre-diag{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}
#preloader .pre-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;}

/* ── FAQ icon: open state dark theme — black icon on lime bg ── */
[data-theme="dark"] .faq-item.open .faq-icon { background: var(--lime); border-color: var(--lime); }
[data-theme="dark"] .faq-item.open .faq-icon svg { stroke: #0e0d0c; }

/* ── Stars: black on light theme ── */
.testi-star { fill: #0e0d0c; }
[data-theme="dark"] .testi-star { fill: var(--lime); }

/* ── CRYPTO TICKER ── */
.crypto-bar{background:var(--bg-s);border-bottom:1px solid var(--div);height:36px;overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:502;}
/* push hero below crypto+nav */
.hero{padding-top:148px;position:relative;}
.crypto-track{display:flex;align-items:center;gap:0;animation:cticker 28s linear infinite;height:36px;width:max-content;}
.crypto-track:hover{animation-play-state:paused;}
.crypto-item{display:flex;align-items:center;gap:6px;padding:0 20px;height:36px;white-space:nowrap;border-right:1px solid var(--div);font-size:11px;font-family:'Jost',sans-serif;font-weight:500;}
.crypto-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;}
.crypto-symbol{color:var(--text);font-weight:700;font-size:11px;letter-spacing:.03em;}
.crypto-price{color:var(--text-s);font-size:11px;}
.crypto-change.up{color:#16a34a;font-size:10px;}
.crypto-change.down{color:var(--red);font-size:10px;}
[data-theme="dark"] .crypto-change.up{color:#4ade80;}
@keyframes cticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── FLOATING OBJECTS ── */
.float-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible;}
@keyframes floatIn{to{opacity:1}}
@keyframes floatA{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-18px) rotate(3deg)}}
@keyframes floatB{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-12px) rotate(-2deg)}}
@keyframes floatC{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-22px) rotate(4deg)}}
@keyframes floatD{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
@keyframes floatE{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-14px) scale(1.04)}}
.fo1{position:absolute;top:18%;right:3%;animation:floatIn .8s .2s ease forwards,floatA 5s 1s ease-in-out infinite;opacity:0;}
[data-theme="dark"] .fo1-rect{fill:#1a1917!important;}
.fo2{position:absolute;top:60%;right:1%;animation:floatIn .8s .5s ease forwards,floatB 6s 1.2s ease-in-out infinite;opacity:0;}
.fo3{position:absolute;top:25%;left:1%;animation:floatIn .8s .8s ease forwards,floatC 7s 1.5s ease-in-out infinite;opacity:0;}
.fo4{position:absolute;top:65%;left:3%;animation:floatIn .8s .3s ease forwards,floatD 4.5s .8s ease-in-out infinite;opacity:0;}
.fo5{position:absolute;top:6%;left:18%;animation:floatIn .8s 1s ease forwards,floatE 8s 2s ease-in-out infinite;opacity:0;}
.fo6{position:absolute;bottom:8%;left:20%;animation:floatIn .8s .6s ease forwards,floatA 5.5s 1.8s ease-in-out infinite;opacity:0;}

/* ── ACTIVITY FEED ── */
.activity-feed{display:flex;flex-direction:column;gap:8px;}
.activity-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--div);border-radius:var(--radius-sm);font-size:12px;color:var(--text-s);}
.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.activity-dot.green{background:#16a34a;}
.activity-dot.lime{background:var(--lime);}
.activity-dot.blue{background:#3b82f6;}
[data-theme="dark"] .activity-dot.green{background:#4ade80;}
.activity-time{margin-left:auto;font-size:10px;color:var(--text-h);white-space:nowrap;}

/* ── TRUST BADGES ── */
.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.trust-badge{display:flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--div);border-radius:var(--radius-sm);font-size:11px;color:var(--text-s);}
.trust-badge svg{flex-shrink:0;stroke:var(--text-h);}

/* ── LIVE COUNTER ── */
.live-counter{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-s);border:1px solid var(--div);border-radius:var(--radius-sm);font-size:11px;color:var(--text-s);margin-bottom:20px;}
.live-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;animation:livepulse 1.5s ease-in-out infinite;}
[data-theme="dark"] .live-dot{background:#4ade80;}
@keyframes livepulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}
.live-num{font-weight:700;color:var(--text);font-family:'Barlow',sans-serif;font-size:13px;}

/* ── TECH STACK BADGES ── */
.tech-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--div);}
.tech-badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--div);border-radius:3px;font-size:10px;font-weight:600;color:var(--text-h);letter-spacing:.04em;font-family:'Jost',sans-serif;}
.tech-badge svg{width:12px;height:12px;}



/* ── AUTH NAV ── */
.auth-nav{position:fixed;top:0;left:0;right:0;height:56px;z-index:501;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(244,240,235,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--div);transition:background .3s,border-color .3s;opacity:1!important;transform:none!important;}
[data-theme="dark"] .auth-nav{background:rgba(14,13,12,.9);}
.auth-nav-logo{display:flex;align-items:center;gap:8px;font-family:'Barlow',sans-serif;font-weight:900;font-size:15px;letter-spacing:.06em;color:var(--text);text-decoration:none;}
.auth-nav-logo .logo-sq{width:28px;height:28px;font-size:13px;}
.auth-nav-right{display:flex;align-items:center;gap:8px;}
.auth-nav-back{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-s);text-decoration:none;padding:6px 12px;border:1px solid var(--div);border-radius:4px;transition:all .2s;letter-spacing:.02em;}
.auth-nav-back:hover{color:var(--text);border-color:var(--text);}
.auth-nav-back svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;}
.auth-nav-page{font-size:11px;color:var(--text-h);letter-spacing:2px;text-transform:uppercase;}
/* push content below auth-nav */
body:has(.auth-nav) .auth-wrap{padding-top:80px;}
body:has(.auth-nav) .install-wrap{padding-top:80px;}

/* ── Dark sections diagonal bg ── */
[data-theme="dark"] .section{position:relative;}

/* ── Smooth reveal animations ── */
.reveal-scale{opacity:0;transform:scale(.94);transition:opacity .7s ease,transform .7s ease;}
.reveal-scale.in{opacity:1;transform:scale(1);}
.stagger > *{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.stagger.in > *:nth-child(1){opacity:1;transform:none;transition-delay:.05s;}
.stagger.in > *:nth-child(2){opacity:1;transform:none;transition-delay:.15s;}
.stagger.in > *:nth-child(3){opacity:1;transform:none;transition-delay:.25s;}
.stagger.in > *:nth-child(4){opacity:1;transform:none;transition-delay:.35s;}
.stagger.in > *:nth-child(5){opacity:1;transform:none;transition-delay:.45s;}
.stagger.in > *:nth-child(6){opacity:1;transform:none;transition-delay:.55s;}

/* ── Number counter animation ── */
.count-anim{display:inline-block;transition:transform .3s ease;}
.count-anim.bounce{animation:numBounce .4s ease;}
@keyframes numBounce{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(2px)}100%{transform:translateY(0)}}

/* ── Card hover lift ── */
.hover-lift{transition:transform .25s ease,box-shadow .25s ease;}
.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1);}
[data-theme="dark"] .hover-lift:hover{box-shadow:0 12px 40px rgba(0,0,0,.4);}

/* ── Gradient text ── */
.grad-text{background:linear-gradient(135deg,var(--text) 0%,var(--text-s) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
[data-theme="dark"] .grad-text{background:linear-gradient(135deg,#f4f0eb 0%,#9b9591 100%);-webkit-background-clip:text;background-clip:text;}

/* ── Pulse ring for live dot ── */
.live-dot-ring{position:relative;display:inline-block;}
.live-dot-ring::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid #16a34a;animation:ringpulse 2s ease-in-out infinite;opacity:0;}
[data-theme="dark"] .live-dot-ring::after{border-color:#4ade80;}
@keyframes ringpulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.5);opacity:0}}

/* ── Typewriter cursor ── */
.typewriter::after{content:'|';animation:blink .7s step-end infinite;color:var(--lime);}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* ── Scroll progress bar ── */
#scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--lime);z-index:9999;transition:width .1s linear;pointer-events:none;}

/* ── Activity item enter ── */
@keyframes slideInLeft{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
.activity-item-new{animation:slideInLeft .4s ease forwards;}

/* ── Crypto bar smooth ── */
.crypto-item{transition:background .2s;}
.crypto-item:hover{background:var(--bg);}

/* ── Crypto bar mobile ── */


/* ═══════════════════════════════════════════════════════
   MOBILE COMPLETE REDESIGN
   ═══════════════════════════════════════════════════════ */

/* ── Bottom Tab Bar (mobile nav) ── */
.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;z-index:700;background:var(--bg)!important;border-top:1.5px solid var(--div);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -8px 24px rgba(0,0,0,.12);}
[data-theme="dark"] .mobile-nav{background:rgba(14,13,12,.97);border-top-color:#2a2825;box-shadow:0 -4px 20px rgba(0,0,0,.4);}
.mob-nav-inner{display:flex;align-items:center;justify-content:space-around;height:60px;}
.mob-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 10px;border-radius:8px;color:#6b6560;text-decoration:none;transition:all .2s;min-width:44px;cursor:pointer;background:none;border:none;font-family:'Jost',sans-serif;}
.mob-tab svg{width:20px;height:20px;stroke:#6b6560;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;}
.mob-tab span{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:inherit;}
.mob-tab.active,.mob-tab:hover{color:#0e0d0c;}
.mob-tab.active svg,.mob-tab:hover svg{stroke:#0e0d0c;}

.mob-tab-cta{background:#0e0d0c!important;border-radius:10px;padding:8px 16px;color:#c8f04e!important;}
.mob-tab-cta svg{stroke:#c8f04e!important;}
[data-theme="dark"] .mob-tab-cta{background:var(--lime);}
[data-theme="dark"] .mob-tab-cta svg{stroke:#0e0d0c!important;}
[data-theme="dark"] .mob-tab{color:#9b9591;}
[data-theme="dark"] .mob-tab svg{stroke:#9b9591;}
[data-theme="dark"] .mob-tab.active,[data-theme="dark"] .mob-tab:hover{color:#f4f0eb;}
[data-theme="dark"] .mob-tab.active svg,[data-theme="dark"] .mob-tab:hover svg{stroke:#f4f0eb;}
[data-theme="dark"] .mob-tab-cta span{color:#0e0d0c!important;}
/* Theme toggle button: green on dark theme */
[data-theme="dark"] .mob-theme-toggle{color:var(--lime)!important;}
[data-theme="dark"] .mob-theme-toggle svg{stroke:var(--lime)!important;}





/* ── Tap highlight fix ── */
a,button{-webkit-tap-highlight-color:transparent;}

/* ── Safe area for iPhone X+ ── */

footer{padding-bottom:max(32px,calc(24px + env(safe-area-inset-bottom)));}


/* ═══════════════════════════════════════════════════════
   RESPONSIVE — ALL BREAKPOINTS (single source of truth)
   ═══════════════════════════════════════════════════════ */

/* ── 900px and below ── */
@media(max-width:900px){
  #main-nav{padding:0 16px;}
  .hero{padding:120px 16px 48px!important;}
  .hero-inner{flex-direction:column;gap:32px;align-items:flex-start;}
  .phone-wrap{width:100%;display:flex;justify-content:center;}
  .phone-wrap .phone-frame{width:200px;height:400px;border-radius:28px;}
  .phone-glow{display:none;}
  h1{font-size:clamp(42px,9vw,68px)!important;line-height:.95;}
  .hero-sub{font-size:15px;margin:14px 0 22px;}
  .hero-btns{flex-direction:column;gap:10px;}
  .hero-btns .btn{width:100%;justify-content:center;}
  .hero-stats{flex-wrap:wrap;gap:16px;}
  .hero-stats>div{flex:1;min-width:80px;}
  .stat-n{font-size:24px;}
  .trust-row{display:none;}
  .tech-row{gap:6px;margin-top:20px;}
  .tech-badge{font-size:9px;padding:4px 8px;}
  .live-counter{font-size:10px;}
  .section{padding:56px 0;}
  .section-inner,.container{padding:0 16px!important;}
  h2{font-size:clamp(28px,7vw,44px)!important;line-height:.97;}
  .steps-grid{grid-template-columns:1fr;gap:0;}
  .step-card{padding:28px 20px;}
  .step-bg-num{font-size:72px;}
  .feat-grid{grid-template-columns:1fr;gap:0;}
  .feat-card{padding:28px 20px;}
  .pricing-grid{grid-template-columns:1fr;gap:12px;}
  .p-price{font-size:44px;}
  .testimonials-grid{grid-template-columns:1fr;gap:12px;}
  .stats-band{padding:36px 0;}
  .stats-band-inner{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px;}
  .stats-band-n{font-size:36px;}
  .compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .compare-table{min-width:420px;}
  .faq-q-text{font-size:15px;}
  .activity-item{padding:10px 12px;font-size:11px;}
  .activity-time{display:none;}
  footer{padding:36px 16px 24px;}
  .footer-top{flex-direction:column;gap:24px;}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center;}
  .adm-side{width:56px;}
  .adm-logo span,.adm-item span,.adm-nav-lbl{display:none;}
  .adm-main{margin-left:56px;}
  .adm-item{justify-content:center;padding:10px;}
  .adm-cnt{padding:16px;}
  .crypto-bar{height:28px;}
  .crypto-item{padding:0 10px;font-size:10px;}
  .crypto-icon{width:12px;height:12px;font-size:7px;}
  .crypto-symbol{font-size:10px;}
  .crypto-price{font-size:10px;}
  .crypto-change{font-size:9px;}
  #main-nav{top:28px;height:52px;}
  .auth-nav{top:0;}
  .carousel-stage{height:400px;overflow:hidden;}
  .carousel-item{width:160px;}
  .carousel-item .carousel-phone{width:160px;height:320px;border-radius:22px;}
  .carousel-item[data-pos="0"]{transform:translateX(0) scale(1);}
  .carousel-item[data-pos="-1"]{transform:translateX(-140px) scale(0.78);opacity:0.45;}
  .carousel-item[data-pos="1"]{transform:translateX(140px) scale(0.78);opacity:0.45;}
  .carousel-item[data-pos="-2"]{transform:translateX(-230px) scale(0.6);opacity:0.18;}
  .carousel-item[data-pos="2"]{transform:translateX(230px) scale(0.6);opacity:0.18;}
  .carousel-item[data-pos="-3"],.carousel-item[data-pos="3"],.carousel-item[data-pos="-4"],.carousel-item[data-pos="4"]{opacity:0;pointer-events:none;}
  .m-track{animation-duration:16s;}
  .crypto-track{animation-duration:20s;}
}

/* ── 768px and below — Mobile ── */
@media(max-width:768px){
  /* Show bottom nav */
  .mobile-nav{display:block;}
  /* Hide desktop nav links (keep logo) */
  #main-nav .nav-links{display:none!important;}
  /* Push content above bottom nav */
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px));}
  /* Hero top spacing: 28px crypto + 52px nav + 28px gap = 108px */
  .hero{padding-top:108px!important;}
  /* Float objects: smaller, corners only */
  .float-canvas{display:block!important;}
  .fo1{top:auto;bottom:52%;right:2%;}
  .fo2{top:auto;bottom:28%;right:1%;}
  .fo3{top:14%;left:1%;right:auto;}
  .fo4{top:auto;bottom:16%;left:2%;right:auto;}
  .fo5,.fo6{display:none;}
  .fo1>*,.fo2>*{transform:scale(0.7);transform-origin:right center;}
  .fo3>*,.fo4>*{transform:scale(0.8);transform-origin:left center;}
  /* Auth pages */
  .auth-wrap{padding-top:100px!important;padding-left:16px!important;padding-right:16px!important;}
  .auth-box{max-width:100%!important;}
  .install-wrap{padding-top:100px!important;padding-left:16px!important;padding-right:16px!important;}
  .install-box{max-width:100%!important;}
  .auth-nav{padding:0 16px;}
  .auth-nav-page{display:none;}
  /* Cabinet */
  .container.section{padding-top:80px!important;padding-left:16px!important;padding-right:16px!important;}
  /* Footer — don't let it go under mobile nav */
  footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));}
  /* Section bottom gap before mobile nav */
  .cta-section{margin-bottom:0;}
}

/* ── 480px and below ── */
@media(max-width:480px){
  h1{font-size:clamp(36px,11vw,52px)!important;}
  .card{padding:18px 14px;}
  .adm-cnt{padding:10px;}
  .stats-band-n{font-size:28px;}
  .p-price{font-size:36px;}
  .carousel-stage{height:340px;overflow:hidden;}
  .carousel-item{width:130px;}
  .carousel-item .carousel-phone{width:130px;height:260px;border-radius:18px;}
  .carousel-item[data-pos="0"]{transform:translateX(0) scale(1);}
  .carousel-item[data-pos="-1"]{transform:translateX(-110px) scale(0.75);opacity:0.4;}
  .carousel-item[data-pos="1"]{transform:translateX(110px) scale(0.75);opacity:0.4;}
  .carousel-item[data-pos="-2"]{transform:translateX(-180px) scale(0.57);opacity:0.15;}
  .carousel-item[data-pos="2"]{transform:translateX(180px) scale(0.57);opacity:0.15;}
  .carousel-item[data-pos="-3"],.carousel-item[data-pos="3"]{opacity:0;pointer-events:none;}
}

/* ── 380px and below ── */
@media(max-width:380px){
  h1{font-size:clamp(32px,12vw,46px)!important;}
  .mob-tab span{display:none;}
  .mob-tab{padding:8px 10px;min-width:44px;}
  .mob-nav-inner{gap:4px;}
  .phone-wrap .phone-frame{width:170px;height:340px;border-radius:24px;}
}

/* ── Tap highlight & safe area ── */
a,button{-webkit-tap-highlight-color:transparent;}
.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom));}
footer{padding-bottom:max(32px,calc(24px + env(safe-area-inset-bottom)));}

/* SVG responsive inside phone frames */
.phone-frame svg, .carousel-phone svg { width:100%;height:100%;display:block;flex:1; }

/* Footer cursor fix — cursor visible in footer */
footer, footer *, .footer, .footer * {
    cursor: default !important;
}
footer a, footer button, footer [onclick], .footer a, .footer button {
    cursor: pointer !important;
}

/* ── Global diagonal stripe background (all pages) ──────────────────────── */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none !important;
    z-index: -1;
    background-image: repeating-linear-gradient(
        -60deg,
        transparent,
        transparent 80px,
        rgba(0,0,0,0.025) 80px,
        rgba(0,0,0,0.025) 81px
    );
}
[data-theme="dark"] body::before {
    background-image: repeating-linear-gradient(
        -60deg,
        transparent,
        transparent 80px,
        rgba(255,255,255,0.03) 80px,
        rgba(255,255,255,0.03) 81px
    );
}

/* ── Dark theme visibility fixes ─────────────────────────────────────────── */
[data-theme="dark"] .auth-nav { background:#111110; border-bottom-color:#2a2825; }
[data-theme="dark"] .auth-nav-back { background:#1a1917; border-color:#2a2825; color:#f4f0eb; }
[data-theme="dark"] .auth-nav-page { color:#9b9591; }

/* Inputs on all pages */
[data-theme="dark"] input:not([type=checkbox]):not([type=radio]),
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background:#111110!important;
    border-color:#2a2825!important;
    color:#f4f0eb!important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color:#555!important; }

/* Cards on dark */
[data-theme="dark"] .card { background:#111110; border-color:#2a2825; }
[data-theme="dark"] .badge-active  { color:#c8f04e; background:rgba(200,240,78,.1); border-color:rgba(200,240,78,.25); }
[data-theme="dark"] .badge-expired { color:#e57373; background:rgba(229,57,53,.1);  border-color:rgba(229,57,53,.25); }

/* Ticket modals dark */
[data-theme="dark"] .cab-modal-box { background:#111110; border-color:#2a2825; }
[data-theme="dark"] .ticket-card   { background:#111110; border-color:#2a2825; }
[data-theme="dark"] .order-card    { background:#111110; border-color:#2a2825; }
[data-theme="dark"] .tmsg.user     { background:#1a1917; border-color:#2a2825; }
[data-theme="dark"] .tmsg.admin    { background:rgba(200,240,78,.06); border-color:rgba(200,240,78,.2); }

/* Cab tabs dark */
[data-theme="dark"] .cab-tabs { border-bottom-color:#2a2825; }
[data-theme="dark"] .cab-tab  { color:#6b6460; }
[data-theme="dark"] .cab-tab.active { color:#f4f0eb; border-bottom-color:#f4f0eb; }
[data-theme="dark"] .key-input { background:#111110!important; border-color:#2a2825!important; color:#f4f0eb!important; }

/* ── Download card ───────────────────────────────────────────────────────── */
.dl-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: var(--bg-s);
    border: 1px solid var(--div);
    border-radius: 12px;
    padding: 28px 32px;
    max-width: 640px;
    margin: 32px auto 0;
    flex-wrap: wrap;
}
[data-theme="dark"] .dl-card { background: #111110; border-color: #2a2825; }
.dl-card-left { display: flex; align-items: center; gap: 20px; }
.dl-icon {
    width: 72px; height: 72px;
    background: rgba(200,240,78,.08);
    border: 1px solid rgba(200,240,78,.2);
    border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.dl-app-name {
    font-family: 'Barlow', sans-serif;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: .04em;
    margin-bottom: 4px;
}
.dl-app-meta { font-size: 12px; color: var(--text-h); margin-bottom: 10px; }
.dl-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.dl-badge {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .04em;
    padding: 3px 8px;
    border-radius: 20px;
    background: rgba(200,240,78,.08);
    border: 1px solid rgba(200,240,78,.2);
    color: var(--text-s);
}
.dl-btn { padding: 14px 24px; white-space: nowrap; }
@media (max-width: 560px) {
    .dl-card { flex-direction: column; align-items: flex-start; padding: 20px; }
    .dl-btn { width: 100%; justify-content: center; }
}

/* ── Universal nav button (consistent across ALL pages) ─────────────────── */
.auth-nav-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--div);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-s);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Jost', sans-serif;
    cursor: pointer;
    text-decoration: none;
    transition: border-color .15s, color .15s, background .15s;
    letter-spacing: .04em;
    white-space: nowrap;
}
.auth-nav-btn:hover {
    border-color: var(--text-h);
    color: var(--text);
}
.auth-nav-btn.icon-btn {
    padding: 6px 8px;
}
.auth-nav-btn.danger-btn {
    color: var(--red, #e53935);
    border-color: rgba(229,57,53,.3);
}
.auth-nav-btn.danger-btn:hover {
    background: rgba(229,57,53,.06);
}
[data-theme="dark"] .auth-nav-btn { color: #9b9591; border-color: #2a2825; }
[data-theme="dark"] .auth-nav-btn:hover { color: #f4f0eb; border-color: #3a3835; }

/* Lang-wrap consistent everywhere */
.lang-wrap {
    display: flex;
    border: 1px solid var(--div);
    border-radius: var(--radius-sm);
    overflow: hidden;
    flex-shrink: 0;
}
.lang-btn {
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    background: transparent;
    border: none;
    cursor: pointer !important;
    color: var(--text-h);
    font-family: 'Jost', sans-serif;
    transition: all .15s;
    letter-spacing: .04em;
}
.lang-btn.active, .lang-btn:active {
    background: var(--text);
    color: var(--lime);
}
[data-theme="dark"] .lang-btn.active {
    background: #f4f0eb;
    color: #0e0d0c;
}

/* ── Global cursor fix — always visible and on top ───────────────────────── */
*, *::before, *::after {
    cursor: default;
}
a, button, [onclick], label, select,
.btn, .lang-btn, .auth-nav-btn, .cab-tab,
.ticket-card, .order-card, .plan-card,
[role="button"], input[type="checkbox"],
input[type="radio"], input[type="submit"],
input[type="button"], input[type="file"] {
    cursor: pointer !important;
}
input[type="text"], input[type="email"],
input[type="password"], input[type="number"],
input[type="search"], input[type="tel"],
input[type="url"], textarea {
    cursor: text !important;
}
/* Custom cursor must be on top layer */
#cursor, #cursor-ring {
    z-index: 2147483647 !important;
    pointer-events: none !important;
}

/* ══════════════════════════════════════════════════════════════════
   AUTH PAGES (login, register, reset, checkout, cabinet, etc.)
   ══════════════════════════════════════════════════════════════════ */

.auth-page-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 16px 40px;
}
.auth-card {
    width: 100%;
    max-width: 420px;
    background: var(--bg);
    border: 1px solid var(--div);
    border-radius: 12px;
    padding: 40px 36px;
    position: relative;
}
[data-theme="dark"] .auth-card {
    background: #111110;
    border-color: #2a2825;
}
.auth-card-title {
    font-family: 'Barlow', sans-serif;
    font-weight: 900;
    font-size: 26px;
    margin: 0 0 6px;
    letter-spacing: -.01em;
}
.auth-card-sub {
    color: var(--text-h);
    font-size: 14px;
    margin: 0 0 24px;
}
.auth-field {
    margin-bottom: 16px;
}
.auth-label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--text-h);
    margin-bottom: 6px;
}
.auth-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.auth-input-wrap input {
    width: 100%;
    padding: 11px 40px 11px 38px;
    background: var(--bg-s);
    border: 1px solid var(--div);
    border-radius: 7px;
    color: var(--text);
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    transition: border-color .15s;
    box-sizing: border-box;
    cursor: text !important;
}
.auth-input-wrap input:focus {
    outline: none;
    border-color: var(--text-h);
}
[data-theme="dark"] .auth-input-wrap input {
    background: #0e0d0c;
    border-color: #2a2825;
    color: #f4f0eb;
}
.auth-input-icon {
    position: absolute;
    left: 11px;
    width: 16px;
    height: 16px;
    color: var(--text-h);
    pointer-events: none;
    flex-shrink: 0;
}
.auth-eye-btn {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer !important;
    color: var(--text-h);
}
.auth-eye-btn svg { width: 16px; height: 16px; }
.auth-eye-btn:hover { color: var(--text); }
.auth-submit {
    width: 100%;
    justify-content: center;
    padding: 13px;
    font-size: 13px;
    margin-top: 8px;
}
.auth-forgot {
    font-size: 11px;
    color: var(--text-h);
    text-decoration: none;
}
.auth-forgot:hover { color: var(--text); text-decoration: underline; }
.auth-switch {
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
    color: var(--text-h);
}
.auth-switch a { color: var(--text); font-weight: 600; text-decoration: none; }
.auth-switch a:hover { text-decoration: underline; }
.auth-alert {
    background: rgba(229,57,53,.08);
    border: 1px solid rgba(229,57,53,.3);
    border-radius: 7px;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--red, #e53935);
    margin-bottom: 16px;
}
.auth-alert.success {
    background: rgba(200,240,78,.08);
    border-color: rgba(200,240,78,.3);
    color: var(--lime);
}

/* ══════════════════════════════════════════════════════════════
   GLOBAL CURSOR FIX — ensures pointer cursor everywhere needed
   and custom cursor stays above ALL content layers
   ══════════════════════════════════════════════════════════════ */
html { cursor: default; }

/* Clickable elements - maximum specificity */
a,
a *,
button,
button *,
[onclick],
[onclick] *,
.btn,
.btn *,
.lang-btn,
.auth-nav-btn,
.cab-tab,
.ticket-card,
.order-card,
.plan-card,
.stat-chip,
[role="button"],
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="radio"],
input[type="file"],
label,
select,
.adm-btn,
.adm-nav-link,
.adm-cb-label,
.adm-check-wrap,
.plan-check,
.toggle-wrap,
.key-show-btn,
.cab-modal-close,
details > summary {
    cursor: pointer !important;
}

/* Text inputs */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
textarea {
    cursor: text !important;
}

/* Custom cursor ALWAYS on top */
#cursor {
    position: fixed !important;
    z-index: 2147483647 !important;
    pointer-events: none !important;
    top: 0; left: 0;
}
#cursor-ring {
    position: fixed !important;
    z-index: 2147483646 !important;
    pointer-events: none !important;
    top: 0; left: 0;
}