:root{
  --bg:#06060c;--s1:#0c0c15;--s2:#12121e;--s3:#1a1a2c;
  --b1:#1e1e36;--b2:#2c2c50;
  --t1:#f2f2fa;--t2:#a0a0c0;--t3:#6a6a8a;--t4:#44445e;
  --ac:#7C6CF7;--ac2:#00D0D0;--gn:#10b981;--rd:#ef4444;
  --r:12px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased}
.container{max-width:1100px;margin:0 auto;padding:0 24px}

/* ── Announce ── */
.announce{background:linear-gradient(90deg,#5b4cf0,var(--ac2));color:#fff;text-align:center;padding:11px 44px 11px 20px;font-size:13px;font-weight:500;position:relative;letter-spacing:.01em}
.announce strong{font-weight:700}
.announce-x{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.65;line-height:1;padding:0 4px}
.announce-x:hover{opacity:1}

/* ── Header ── */
.hdr{position:sticky;top:0;z-index:50;background:rgba(6,6,12,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}
.hdr-inner{display:flex;align-items:center;justify-content:space-between;padding:15px 0}
.hdr-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--t1);font-size:18px;font-weight:800}
.hdr-logo span{background:linear-gradient(135deg,#9B8CFF,#00E5E0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hdr-nav{display:flex;gap:30px}
.hdr-nav a{color:var(--t3);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s}
.hdr-nav a:hover{color:var(--t1)}
.hdr-actions{display:flex;gap:8px}
.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px}
.hamburger span{width:22px;height:2px;background:var(--t2);border-radius:1px;transition:all .2s}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;border:none;text-decoration:none;white-space:nowrap}
.btn.primary{background:var(--ac);color:#fff;box-shadow:0 0 0 0 rgba(124,108,247,0)}
.btn.primary:hover{background:#8d7fff;transform:translateY(-1px);box-shadow:0 8px 24px rgba(124,108,247,.3)}
.btn.ghost{background:transparent;border:1px solid var(--b2);color:var(--t2)}
.btn.ghost:hover{border-color:var(--ac);color:var(--t1)}
.btn.big{padding:15px 34px;font-size:15px;border-radius:11px}
.btn.sm{padding:8px 16px;font-size:12px}
.full{width:100%}

/* ── Hero ── */
.hero{padding:88px 0 64px;text-align:center}
.hero-badge{display:inline-block;padding:6px 18px;border-radius:20px;background:rgba(124,108,247,.08);border:1px solid rgba(124,108,247,.22);color:var(--ac);font-size:12px;font-weight:700;margin-bottom:22px;letter-spacing:.04em;text-transform:uppercase}
.hero h1{font-size:52px;font-weight:800;line-height:1.12;letter-spacing:-2px;max-width:740px;margin:0 auto 20px}
.grad-text{background:linear-gradient(135deg,#9B8CFF,#00E5E0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{font-size:17px;color:var(--t2);max-width:560px;margin:0 auto 28px;line-height:1.65}
.hero-sub em{font-style:normal;color:var(--t1);font-weight:600}
.hero-btns{display:flex;gap:12px;justify-content:center;margin-bottom:16px}
.hero-note{font-size:12px;color:var(--t4);text-align:center;margin-bottom:32px}
.hero-stats{display:flex;justify-content:center;gap:48px;margin-top:32px}
.hero-stats div{text-align:center}
.hero-stats strong{display:block;font-size:24px;font-weight:800;background:linear-gradient(135deg,#9B8CFF,#00E5E0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-stats span{font-size:11px;color:var(--t3);font-weight:500}

.hero-checks{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;margin:0 0 28px;font-size:13px;color:var(--t2);font-weight:500}
.hero-checks span{display:flex;align-items:center;gap:6px}

/* ── Sections ── */
.section{padding:88px 0}
.section.dark{background:var(--s1)}
.sec-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--ac);margin-bottom:14px;text-align:center}
.section h2{font-size:34px;font-weight:800;text-align:center;letter-spacing:-.6px;margin-bottom:14px;line-height:1.2}
.sec-sub{text-align:center;color:var(--t3);font-size:15px;margin-bottom:44px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6}

/* ── Trust Bar ── */
.trust-bar{background:var(--s1);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;color:var(--t3);padding:14px 0}
.trust-inner{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;align-items:center}
.trust-inner span{display:flex;align-items:center;gap:6px}

/* ── Features ── */
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.feat{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:26px 22px;transition:border-color .2s,transform .2s;position:relative}
.feat:hover{border-color:var(--b2);transform:translateY(-2px)}
.feat-highlight{border-color:rgba(124,108,247,.3);background:linear-gradient(135deg,rgba(124,108,247,.06),rgba(0,208,208,.03))}
.feat-highlight:hover{border-color:rgba(124,108,247,.5)}
.feat-ico{font-size:28px;margin-bottom:14px}
.feat h3{font-size:15px;font-weight:700;margin-bottom:7px}
.feat p{font-size:13px;color:var(--t3);line-height:1.6}
.feat p strong{color:var(--t1);font-weight:600}
.feat-tag{position:absolute;top:14px;right:14px;background:linear-gradient(90deg,var(--ac),var(--ac2));color:#fff;font-size:9px;font-weight:800;padding:3px 9px;border-radius:10px;letter-spacing:.06em;text-transform:uppercase}
.new-badge{background:linear-gradient(90deg,var(--ac),var(--ac2));color:#fff;font-size:9px;font-weight:800;padding:3px 9px;border-radius:10px;letter-spacing:.05em;text-transform:uppercase;display:inline-block;margin-left:6px;vertical-align:middle}

/* ── ZIP Showcase ── */
.zip-showcase{display:grid;grid-template-columns:260px 1fr;gap:24px;margin-top:44px;align-items:start}
.zip-tree{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:20px;font-size:13px}
.zip-root{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--t1);padding-bottom:14px;border-bottom:1px solid var(--b1);margin-bottom:10px}
.zip-icon{font-size:18px}
.zip-name{font-size:14px}
.zip-branch{display:flex;flex-direction:column;gap:2px}
.zip-folder,.zip-file{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:all .15s;color:var(--t3);font-weight:500;border:1px solid transparent}
.zip-folder:hover,.zip-file:hover{background:rgba(255,255,255,.04);color:var(--t1)}
.zip-folder.active,.zip-file.active{background:rgba(124,108,247,.1);border-color:rgba(124,108,247,.25);color:var(--t1)}
.folder-icon,.file-icon{font-size:15px;flex-shrink:0}
.folder-badge{margin-left:auto;font-size:8px;font-weight:700;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.05em}

.zip-detail{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:28px;min-height:260px}
.zip-panel{display:none}
.zip-panel.active{display:block}
.panel-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.panel-icon{font-size:32px;flex-shrink:0;margin-top:2px}
.panel-header h3{font-size:18px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.panel-sub{font-size:13px;color:var(--t3);line-height:1.5}
.panel-files{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.pf{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:var(--bg);border:1px solid var(--b1);border-radius:8px}
.pf-name{font-size:13px;font-weight:600;font-family:monospace;color:var(--ac2)}
.pf-meta{font-size:11px;color:var(--t4)}
.pf-more{justify-content:center}
.pf-more span{font-size:11px;color:var(--t4);font-style:italic}
.panel-callout{background:rgba(124,108,247,.06);border:1px solid rgba(124,108,247,.15);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--t2);line-height:1.65}
.panel-callout strong{color:var(--ac2);font-weight:700}

/* ── Workflow Strip ── */
.workflow-strip{display:flex;align-items:center;gap:0;margin-top:36px;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden}
.ws-step{flex:1;padding:20px 18px;text-align:center;font-size:13px;color:var(--t2);line-height:1.5;display:flex;flex-direction:column;align-items:center;gap:8px}
.ws-step code{background:rgba(124,108,247,.12);color:var(--ac);padding:1px 7px;border-radius:5px;font-size:11px;font-family:monospace}
.ws-n{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}
.ws-arrow{color:var(--t4);font-size:18px;flex-shrink:0;padding:0 4px}

/* ── Steps ── */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.step-card{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:30px 22px;text-align:center;transition:border-color .2s}
.step-card:hover{border-color:var(--b2)}
.step-n{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;margin:0 auto 16px}
.step-card h3{font-size:15px;font-weight:700;margin-bottom:8px}
.step-card p{font-size:13px;color:var(--t3);line-height:1.6}

/* ── Compare Table ── */
.compare-table{overflow-x:auto;margin-top:36px;border-radius:var(--r);border:1px solid var(--b1);overflow:hidden}
.compare-table table{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}
.compare-table th,.compare-table td{padding:13px 16px;border-bottom:1px solid var(--b1);text-align:center}
.compare-table th{color:var(--t3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--s2)}
.compare-table th.highlight{color:var(--ac);background:rgba(124,108,247,.06)}
.compare-table td:first-child{text-align:left;font-weight:500;color:var(--t1)}
.compare-table td.highlight{background:rgba(124,108,247,.04);color:var(--ac2);font-weight:600}
.compare-table tbody tr:hover{background:rgba(255,255,255,.015)}
.compare-table tbody tr:last-child td{border-bottom:none}

/* ── Pricing ── */
.price-card{background:var(--s2);border:1px solid var(--b1);border-radius:16px;padding:32px 24px;position:relative}
.price-card.pop{border-color:rgba(124,108,247,.4);background:linear-gradient(135deg,rgba(124,108,247,.04),rgba(0,208,208,.02))}
.pop-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--ac),#6b5eef);color:#fff;padding:5px 20px;border-radius:14px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.02em}
.price{font-size:42px;font-weight:800;background:linear-gradient(135deg,#9B8CFF,#00E5E0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.price span{font-size:15px;font-weight:400;color:var(--t3);-webkit-text-fill-color:var(--t3)}
.plan-stat{background:rgba(124,108,247,.06);border:1px solid rgba(124,108,247,.1);border-radius:10px;padding:12px;text-align:center}
.plan-stat strong{display:block;font-size:20px;font-weight:800;background:linear-gradient(135deg,#9B8CFF,#00E5E0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}
.plan-stat span{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.price-list{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:2px}
.price-list li{padding:8px 0;font-size:13px;color:var(--t2);border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.price-list li::before{content:'→';color:var(--ac);flex-shrink:0;margin-top:1px;font-weight:700}
.refund-box{margin-top:16px;padding:14px 16px;background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.15);border-radius:10px;font-size:12px;color:#f59e0b;line-height:1.65;text-align:center}
.refund-box strong{font-weight:700}

/* ── AI Tools Bonus ── */
.tools-bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px;margin-bottom:40px}
.tb-cat{background:var(--s2);border:1px solid var(--b1);border-radius:14px;padding:22px 20px;position:relative;overflow:hidden;transition:border-color .2s}
.tb-cat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7C6CF7,#00E5E0);opacity:0;transition:opacity .2s}
.tb-cat:hover{border-color:var(--b2)}.tb-cat:hover::before{opacity:1}
.tb-cat-icon{font-size:26px;margin-bottom:10px}
.tb-cat-name{font-size:15px;font-weight:700;color:var(--t1);margin-bottom:8px}
.tb-cat-tools{font-size:12px;color:var(--t3);line-height:1.7;margin-bottom:12px}
.tb-cat-count{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:rgba(124,108,247,.1);color:var(--ac)}
.tools-bonus-cta{display:flex;align-items:center;gap:32px;background:linear-gradient(135deg,rgba(124,108,247,.08),rgba(0,229,224,.05));border:1px solid rgba(124,108,247,.2);border-radius:16px;padding:28px 32px}
.tbc-left{display:flex;gap:28px;flex-shrink:0}
.tbc-stat{text-align:center}
.tbc-num{display:block;font-size:28px;font-weight:800;background:linear-gradient(135deg,#9B8CFF,#00E5E0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}
.tbc-lbl{display:block;font-size:11px;color:var(--t3);margin-top:2px;white-space:nowrap}
.tbc-right{flex:1}
.tbc-right p{font-size:14px;color:var(--t2);line-height:1.7;margin-bottom:16px}
.tbc-right strong{color:var(--t1)}

/* ── Testimonials ── */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.testi{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:26px;transition:border-color .2s}
.testi:hover{border-color:var(--b2)}
.testi-stars{color:#f59e0b;font-size:13px;margin-bottom:12px;letter-spacing:1px}
.testi p{font-size:13px;color:var(--t2);line-height:1.65;font-style:italic;margin-bottom:18px}
.testi-author strong{display:block;font-size:13px;font-weight:700;color:var(--t1)}
.testi-author span{font-size:11px;color:var(--t4)}

/* ── FAQ ── */
.faq-list{max-width:720px;margin:44px auto 0}
.faq-item{border-bottom:1px solid var(--b1)}
.faq-q{width:100%;text-align:left;background:none;border:none;color:var(--t1);padding:18px 0;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1.4}
.faq-q::after{content:'+';font-size:22px;color:var(--t3);transition:transform .2s;flex-shrink:0;font-weight:300}
.faq-item.open .faq-q::after{transform:rotate(45deg);color:var(--ac)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-a{max-height:300px}
.faq-a p{padding:0 0 18px;font-size:14px;color:var(--t3);line-height:1.7}

/* ── Seat Counter ── */
.seat-counter{max-width:420px;margin:24px auto 0;padding:16px 18px;background:rgba(124,108,247,.04);border:1px solid rgba(124,108,247,.14);border-radius:12px}
.seat-bar{height:7px;background:var(--s2);border-radius:4px;overflow:hidden;margin-bottom:10px}
.seat-fill{height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2));border-radius:4px;width:0%;transition:width 1.2s ease}
.seat-info{display:flex;justify-content:space-between;font-size:12px;color:var(--t3)}
.seat-info strong{color:var(--t1)}

/* ── CTA ── */
.cta-section{padding:72px 0}
.cta-box{text-align:center;background:linear-gradient(135deg,rgba(124,108,247,.08),rgba(0,208,208,.04));border:1px solid rgba(124,108,247,.18);border-radius:20px;padding:64px 48px}
.cta-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--ac);margin-bottom:14px}
.cta-box h2{font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}
.cta-box p{color:var(--t2);margin-bottom:8px;font-size:15px}
.trust-badges{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap;font-size:12px;color:var(--t3)}

/* ── Footer ── */
.footer{background:var(--s1);border-top:1px solid rgba(255,255,255,.04);padding:56px 0 0}
.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:48px}
.footer-brand p{font-size:13px;color:var(--t3);line-height:1.65;max-width:270px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.footer-links h4{font-size:12px;font-weight:700;margin-bottom:14px;color:var(--t2);text-transform:uppercase;letter-spacing:.08em}
.footer-links a{display:block;font-size:13px;color:var(--t3);text-decoration:none;padding:4px 0;transition:color .15s}
.footer-links a:hover{color:var(--ac)}
.footer-bottom{padding:22px 0;margin-top:36px;border-top:1px solid rgba(255,255,255,.04);font-size:12px;color:var(--t4);display:flex;justify-content:space-between;align-items:center}

/* ── WhatsApp Float ── */
.wa-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(37,211,102,.4);z-index:40;transition:transform .2s,box-shadow .2s}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 8px 32px rgba(37,211,102,.55)}

/* ── Demo Video ── */
.demo-video-wrap{position:relative;margin-top:44px}
.demo-video-glow{position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg,var(--ac),var(--ac2));opacity:.35;filter:blur(18px);z-index:0;pointer-events:none}
.demo-video-frame{position:relative;z-index:1;border-radius:16px;overflow:hidden;border:1px solid rgba(124,108,247,.3);background:#000;box-shadow:0 32px 80px rgba(0,0,0,.6)}
.demo-video-frame video{width:100%;display:block;aspect-ratio:16/9;background:#000;cursor:pointer}
.demo-play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(6,6,12,.55);backdrop-filter:blur(4px);transition:opacity .25s,visibility .25s;z-index:2}
.demo-play-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}
.demo-play-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0 rgba(124,108,247,0);transition:transform .2s,box-shadow .2s}
.demo-play-btn:hover{transform:scale(1.08);box-shadow:0 0 0 14px rgba(124,108,247,.18)}
.demo-play-btn svg{margin-left:4px}
.demo-play-label{font-size:13px;font-weight:600;color:rgba(255,255,255,.8);letter-spacing:.04em}
.demo-steps-row{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;justify-content:center}
.demo-step-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--s2);border:1px solid var(--b1);border-radius:20px;font-size:12px;color:var(--t3);transition:border-color .15s}
.demo-step-pill:hover{border-color:var(--ac);color:var(--t1)}
.dsp-n{font-size:11px;font-weight:700;color:var(--ac);font-family:monospace;flex-shrink:0}

/* ── Cookie ── */
.cookie-bar{position:fixed;bottom:0;left:0;right:0;background:var(--s2);border-top:1px solid var(--b1);padding:14px 20px;display:flex;align-items:center;gap:14px;z-index:60}

/* ── Responsive: Tablet ── */
@media(max-width:960px){
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .hero h1{font-size:38px;letter-spacing:-1px}
  .footer-inner{grid-template-columns:1fr}
  .zip-showcase{grid-template-columns:1fr}
  .zip-tree{display:flex;flex-wrap:wrap;gap:6px;padding:16px}
  .zip-root{width:100%;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--b1)}
  .zip-branch{flex-direction:row;flex-wrap:wrap}
  .zip-folder,.zip-file{font-size:12px;padding:7px 10px}
  .workflow-strip{flex-wrap:wrap;gap:0}
  .ws-step{min-width:50%}
  .ws-arrow{display:none}
  .compare-table table{font-size:12px}
  .compare-table th,.compare-table td{padding:10px 12px}
}

/* ── Touch optimizations ── */
button,a,.btn,.zip-folder,.zip-file,.faq-q{-webkit-tap-highlight-color:transparent;touch-action:manipulation}

/* ── Responsive: Large Phone ── */
@media(max-width:640px){
  .container{padding:0 16px}
  .features-grid,.steps-grid,.testi-grid{grid-template-columns:1fr}
  .tools-bonus-grid{grid-template-columns:1fr 1fr}
  .tools-bonus-cta{flex-direction:column;gap:20px;padding:22px 18px}
  .tbc-left{justify-content:space-around}
  .hero{padding:52px 0 44px}
  .hero h1{font-size:26px;letter-spacing:-.5px;line-height:1.18}
  .hero-sub{font-size:14px}
  .hero-checks{font-size:12px;gap:6px 14px}
  .hero-stats{flex-wrap:wrap;gap:18px;justify-content:center}
  .hero-stats div{min-width:60px}
  .hero-stats strong{font-size:20px}
  .hero-btns{flex-direction:column;align-items:stretch}
  .hero-btns .btn{text-align:center}
  .section{padding:52px 0}
  .section h2{font-size:24px;letter-spacing:-.3px}
  .sec-sub{font-size:14px}
  .hdr-nav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--s1);border-bottom:1px solid var(--b1);flex-direction:column;padding:16px 24px;gap:14px;z-index:50}
  .hdr-nav.open{display:flex}
  .hdr-actions{display:none}
  .hamburger{display:flex}
  .tools-bonus-grid{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr 1fr}
  .feat{padding:20px 16px}
  .feat-ico{font-size:24px}
  .step-card{padding:22px 16px}
  .testi{padding:20px}
  .price-card{padding:28px 20px!important}
  .seat-counter{padding:12px 14px}
  .trust-inner{gap:14px;font-size:11px}
  .compare-table table{min-width:500px;font-size:11px}
  .compare-table th,.compare-table td{padding:8px 8px}
  .cta-box{padding:40px 20px}
  .cta-box h2{font-size:24px}
  .footer-bottom{flex-direction:column;gap:6px;text-align:center}
  .wa-btn{width:50px;height:50px;bottom:16px;right:16px}
  .announce{font-size:11px;padding:9px 36px 9px 14px}
  .workflow-strip{display:none}
  .zip-detail{padding:20px 16px}
  .panel-header{gap:10px}
  .panel-icon{font-size:24px}
  .panel-header h3{font-size:16px}
  .trust-badges{gap:12px;font-size:11px}
}

/* ── Responsive: Small Phone ── */
@media(max-width:380px){
  .hero h1{font-size:22px}
  .hero-stats{gap:12px}
  .hero-stats strong{font-size:18px}
  .section h2{font-size:21px}
  .btn.big{padding:13px 22px;font-size:14px}
  .footer-links{grid-template-columns:1fr}
  .price{font-size:36px}
  .cookie-bar{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px}
  .cookie-bar p{font-size:12px}
  .demo-play-btn{width:60px;height:60px}
  .demo-step-pill{padding:6px 10px;font-size:11px}
  .hdr-logo span{font-size:16px}
  .announce{font-size:10px}
}