/* ============================================================
   VulnAudit — Landing  (NEW DESIGN)
   Light, modern, SaaS-style
   Font: Plus Jakarta Sans
   ============================================================ */

/* ---------- RESET & TOKENS ---------- */
:root{
    --white:#fff;
    --bg:#F7F8FC;
    --bg2:#EEF1F8;
    --bg-blue:#E8EEFB;
    --gray50:#F9FAFB;--gray100:#F3F4F6;--gray200:#E5E7EB;--gray300:#D1D5DB;
    --gray400:#9CA3AF;--gray500:#6B7280;--gray600:#4B5563;--gray700:#374151;--gray800:#1F2937;--gray900:#111827;
    --blue:#3B6CF5;--blue-d:#2B52C7;--blue-l:#D6E2FD;--blue-bg:#EBF0FE;
    --violet:#7C3AED;--violet-l:#EDE9FE;
    --teal:#0D9488;--teal-l:#CCFBF1;
    --green:#16A34A;--green-l:#DCFCE7;
    --red:#DC2626;--red-l:#FEE2E2;
    --orange:#EA580C;--orange-l:#FFF7ED;
    --yellow:#CA8A04;--yellow-l:#FEF9C3;
    --cyan:#0891B2;
    --font:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
    --r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-full:9999px;
    --sh-xs:0 1px 2px rgba(0,0,0,.04);
    --sh-sm:0 2px 6px rgba(0,0,0,.06);
    --sh-md:0 4px 14px rgba(0,0,0,.07);
    --sh-lg:0 10px 30px rgba(0,0,0,.09);
    --sh-xl:0 20px 40px rgba(0,0,0,.10);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{font-family:var(--font);background:var(--bg);color:var(--gray800);line-height:1.6;overflow-x:hidden;}
a{color:var(--blue);text-decoration:none;transition:color .2s;}
a:hover{color:var(--blue-d);}
img{max-width:100%;display:block;}
ul,ol{list-style:none;}
button{cursor:pointer;border:none;background:none;font:inherit;color:inherit;}
code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:var(--gray100);padding:2px 7px;border-radius:4px;}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 30px;font-size:.95rem;font-weight:600;border-radius:var(--r-md);transition:all .25s;text-decoration:none;white-space:nowrap;}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(59,108,245,.3);}
.btn-primary:hover{background:var(--blue-d);box-shadow:0 6px 20px rgba(59,108,245,.4);transform:translateY(-2px);color:#fff;}
.btn-outline{background:var(--white);color:var(--gray700);border:1.5px solid var(--gray300);box-shadow:var(--sh-xs);}
.btn-outline:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-bg);transform:translateY(-2px);}
.btn-white{background:#fff;color:var(--blue);box-shadow:var(--sh-md);font-weight:700;}
.btn-white:hover{transform:translateY(-2px);box-shadow:var(--sh-lg);color:var(--blue-d);}
.btn-ghost-white{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.3);}
.btn-ghost-white:hover{background:rgba(255,255,255,.22);color:#fff;transform:translateY(-2px);}
.btn-sm{display:inline-flex;align-items:center;padding:9px 20px;font-size:.85rem;font-weight:600;border-radius:var(--r-sm);transition:all .2s;}
.btn-sm-fill{background:var(--blue);color:#fff !important;box-shadow:0 2px 8px rgba(59,108,245,.25);}
.btn-sm-fill:hover{background:var(--blue-d);box-shadow:0 4px 14px rgba(59,108,245,.35);}

/* ---------- TOPBAR ---------- */
.topbar{position:fixed;top:0;left:0;right:0;z-index:200;height:68px;background:rgba(247,248,252,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s;}
.topbar.scrolled{border-color:var(--gray200);box-shadow:var(--sh-sm);}
.topbar-inner{max-width:1200px;margin:0 auto;height:100%;padding:0 28px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;color:var(--gray900);text-decoration:none;}
.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:var(--r-sm);}
.logo-icon-sm{width:28px;height:28px;border-radius:6px;}
.topbar-nav{display:flex;align-items:center;gap:6px;}
.topbar-nav a{font-size:.88rem;font-weight:500;color:var(--gray500);padding:8px 14px;border-radius:var(--r-sm);transition:color .2s,background .2s;}
.topbar-nav a:hover{color:var(--gray900);background:var(--gray100);}
.topbar-actions{display:flex;align-items:center;}
.hamburger{display:none;flex-direction:column;gap:5px;padding:6px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--gray700);border-radius:2px;transition:.3s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:130px 24px 80px;overflow:hidden;background:linear-gradient(175deg,#fff 0%,#EDF2FE 45%,var(--bg) 100%);}
.hero-bg-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;}
.blob-1{width:500px;height:500px;top:-100px;right:-100px;background:var(--blue-l);}
.blob-2{width:400px;height:400px;bottom:-50px;left:-80px;background:var(--violet-l);}
.blob-3{width:300px;height:300px;top:40%;left:50%;background:var(--teal-l);opacity:.3;}
.hero-wrap{position:relative;z-index:1;max-width:820px;text-align:center;}
.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 18px 6px 10px;background:var(--white);border:1px solid var(--gray200);border-radius:var(--r-full);font-size:.8rem;font-weight:600;color:var(--gray600);margin-bottom:28px;box-shadow:var(--sh-xs);}
.pill-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.85);}}
.hero h1{font-size:3.6rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--gray900);margin-bottom:24px;}
.hero-em{background:linear-gradient(135deg,var(--blue),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-desc{font-size:1.15rem;color:var(--gray500);max-width:580px;margin:0 auto 38px;line-height:1.7;}
.hero-btns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:56px;}

/* TERMINAL */
.terminal{text-align:left;max-width:680px;margin:0 auto;background:var(--gray900);border-radius:var(--r-lg);box-shadow:var(--sh-xl);overflow:hidden;}
.terminal-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:var(--gray800);border-bottom:1px solid rgba(255,255,255,.06);}
.t-dot{width:11px;height:11px;border-radius:50%;}
.t-red{background:#EF4444;}.t-yellow{background:#EAB308;}.t-green{background:#22C55E;}
.terminal-title{flex:1;text-align:center;font-size:.75rem;color:var(--gray400);font-weight:500;}
.terminal-body{padding:20px 22px 24px;font-family:'JetBrains Mono','Fira Code',monospace;font-size:.78rem;line-height:1.8;color:#D1D5DB;overflow-x:auto;}
.t-line{white-space:pre;}
.t-muted{color:var(--gray500);}
.t-green-text{color:#4ADE80;}
.t-red-text{color:#F87171;font-weight:700;}
.t-orange-text{color:#FB923C;font-weight:700;}
.t-yellow-text{color:#FACC15;font-weight:700;}
.t-blue-text{color:#60A5FA;font-weight:700;}
.t-cyan{color:#22D3EE;font-weight:600;}
.t-underline{text-decoration:underline;text-decoration-color:var(--gray500);}

/* ---------- TRUST ---------- */
.trust{padding:48px 24px;background:var(--white);border-top:1px solid var(--gray200);border-bottom:1px solid var(--gray200);}
.trust-inner{max-width:900px;margin:0 auto;text-align:center;}
.trust-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray400);margin-bottom:18px;}
.trust-items{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;}
.trust-items span{font-size:.95rem;font-weight:700;color:var(--gray600);letter-spacing:.02em;transition:color .2s;}
.trust-items span:hover{color:var(--gray800);}

/* ---------- SECTIONS ---------- */
.sec{padding:100px 24px;}
.sec-gray{background:var(--white);}
.sec-blue{background:linear-gradient(160deg,var(--blue) 0%,#5B4AE4 100%);color:#fff;}
.sec-inner{max-width:1100px;margin:0 auto;}
.sec-narrow{max-width:760px;}
.sec-top{text-align:center;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto;}
.sec-top.sec-top-light h2,.sec-top.sec-top-light p{color:#fff;}
.badge{display:inline-block;padding:5px 16px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--blue);background:var(--blue-bg);border-radius:var(--r-full);margin-bottom:14px;}
.badge-green{color:var(--green);background:var(--green-l);}
.badge-violet{color:var(--violet);background:var(--violet-l);}
.badge-white{color:var(--blue-d);background:rgba(255,255,255,.9);}
.sec-top h2{font-size:2.5rem;font-weight:800;letter-spacing:-.035em;line-height:1.15;margin-bottom:14px;}
.sec-top p{font-size:1.08rem;color:var(--gray500);line-height:1.7;}

/* ---------- BENTO GRID ---------- */
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.bento-card{background:var(--white);border:1px solid var(--gray200);border-radius:var(--r-xl);padding:32px 28px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;}
.bento-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);}
.bento-wide{grid-column:span 1;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;}
.bento-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-md);margin-bottom:16px;}
.icon-blue{background:var(--blue-bg);color:var(--blue);}
.icon-red{background:var(--red-l);color:var(--red);}
.icon-violet{background:var(--violet-l);color:var(--violet);}
.icon-teal{background:var(--teal-l);color:var(--teal);}
.icon-green{background:var(--green-l);color:var(--green);}
.icon-orange{background:var(--orange-l);color:var(--orange);}
.bento-card h3{font-size:1.08rem;font-weight:700;margin-bottom:6px;color:var(--gray900);}
.bento-card p{font-size:.9rem;color:var(--gray500);line-height:1.6;}

/* bento visuals */
.port-list{display:flex;flex-direction:column;gap:8px;}
.port-row{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--gray50);border:1px solid var(--gray200);border-radius:var(--r-sm);font-size:.82rem;font-weight:500;color:var(--gray700);}
.port-num{font-family:'JetBrains Mono',monospace;font-weight:700;min-width:38px;color:var(--gray800);}
.port-svc{flex:1;}
.port-tag{padding:2px 10px;border-radius:var(--r-full);font-size:.7rem;font-weight:700;}
.tag-ok{background:var(--green-l);color:var(--green);}
.tag-warn{background:var(--yellow-l);color:var(--yellow);}
.tag-danger{background:var(--red-l);color:var(--red);}

.vuln-bars{display:flex;flex-direction:column;gap:12px;}
.vuln-row{display:flex;align-items:center;gap:10px;}
.vuln-label{width:52px;font-size:.72rem;font-weight:700;text-align:right;color:var(--gray500);}
.vuln-track{flex:1;height:22px;background:var(--gray100);border-radius:var(--r-sm);overflow:hidden;}
.vuln-fill{height:100%;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:.65rem;font-weight:800;color:#fff;}
.vf-crit{background:#EF4444;}.vf-high{background:#F97316;}.vf-med{background:#EAB308;}.vf-low{background:#3B82F6;}
.vuln-n{width:22px;font-size:.78rem;font-weight:700;color:var(--gray700);}

/* ---------- MONITOR SECTION ---------- */
.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;}
.mon-card{background:var(--gray50);border:1px solid var(--gray200);border-radius:var(--r-xl);padding:28px;box-shadow:var(--sh-sm);}
.mon-status{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;color:var(--gray900);margin-bottom:4px;}
.mon-dot{width:10px;height:10px;border-radius:50%;}
.dot-green{background:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.2);}
.mon-type{font-size:.78rem;color:var(--gray400);font-weight:500;margin-bottom:18px;}
.mon-metrics{display:flex;gap:24px;margin-bottom:18px;}
.mon-metric{display:flex;flex-direction:column;}
.mon-metric-val{font-size:1.6rem;font-weight:800;color:var(--gray900);letter-spacing:-.02em;}
.mon-metric-lbl{font-size:.72rem;color:var(--gray400);font-weight:500;}
.mon-bar-row{display:flex;gap:3px;margin-bottom:8px;}
.mon-bar-item{flex:1;height:18px;border-radius:3px;}
.bg-green{background:var(--green);opacity:.7;}.bg-yellow{background:var(--yellow);opacity:.7;}.bg-red{background:var(--red);opacity:.7;}
.mon-bar-legend{font-size:.7rem;color:var(--gray400);font-weight:500;}

.mon-features{display:flex;flex-direction:column;gap:18px;}
.mon-feat{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:var(--gray50);border:1px solid var(--gray200);border-radius:var(--r-lg);transition:transform .2s,box-shadow .2s;}
.mon-feat:hover{transform:translateY(-2px);box-shadow:var(--sh-md);}
.mon-feat-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;}
.mf-green{background:var(--green-l);color:var(--green);}
.mf-blue{background:var(--blue-bg);color:var(--blue);}
.mf-purple{background:var(--violet-l);color:var(--violet);}
.mf-red{background:var(--red-l);color:var(--red);}
.mon-feat strong{display:block;font-size:.92rem;font-weight:700;color:var(--gray800);margin-bottom:3px;}
.mon-feat p{font-size:.82rem;color:var(--gray500);line-height:1.55;margin:0;}

/* ---------- TIMELINE / PROCESO ---------- */
.timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:60px;}
.timeline::before{content:'';position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--blue-l),var(--violet-l),var(--teal-l));}
.tl-item{display:flex;gap:24px;align-items:flex-start;padding:28px 0;position:relative;}
.tl-item+.tl-item{border-top:1px solid var(--gray100);}
.tl-num{position:absolute;left:-60px;top:28px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--white);border:2px solid var(--blue-l);border-radius:50%;font-size:1rem;font-weight:800;color:var(--blue);box-shadow:var(--sh-sm);z-index:1;}
.tl-content h3{font-size:1.1rem;font-weight:700;color:var(--gray900);margin-bottom:6px;}
.tl-content p{font-size:.92rem;color:var(--gray500);line-height:1.65;max-width:520px;}

/* ---------- PLANS ---------- */
.plan-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:44px;}
.plan-toggle-label{font-size:.9rem;color:rgba(255,255,255,.6);font-weight:500;transition:color .2s;}
.plan-toggle-label.active,#pt-monthly{color:#fff;font-weight:700;}
.plan-toggle{position:relative;width:48px;height:26px;background:rgba(255,255,255,.25);border-radius:var(--r-full);cursor:pointer;transition:background .25s;}
.plan-toggle.on{background:rgba(255,255,255,.5);}
.plan-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:var(--sh-xs);}
.plan-toggle.on .plan-toggle-knob{transform:translateX(22px);}
.plan-save{font-size:.72rem;font-weight:700;color:#fff;background:rgba(255,255,255,.18);padding:3px 10px;border-radius:var(--r-full);}

.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;}
.plan-card{background:#fff;border-radius:var(--r-xl);padding:36px 28px;position:relative;transition:transform .3s,box-shadow .3s;box-shadow:var(--sh-sm);}
.plan-card:hover{transform:translateY(-6px);box-shadow:var(--sh-xl);}
.plan-card-pop{border:2px solid var(--blue);transform:scale(1.03);z-index:1;box-shadow:var(--sh-lg);}
.plan-card-pop:hover{transform:scale(1.03) translateY(-6px);}
.plan-pop-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:5px 22px;border-radius:var(--r-full);box-shadow:0 4px 12px rgba(59,108,245,.3);}
.plan-card h3{font-size:1.35rem;font-weight:800;color:var(--gray900);margin-bottom:2px;}
.plan-desc{font-size:.85rem;color:var(--gray400);margin-bottom:18px;}
.plan-price{font-size:1rem;color:var(--gray500);margin-bottom:24px;}
.plan-amount{font-size:3rem;font-weight:800;color:var(--gray900);letter-spacing:-.04em;}
.btn-plan-outline{display:block;width:100%;text-align:center;padding:13px;font-size:.92rem;font-weight:600;border:1.5px solid var(--gray300);border-radius:var(--r-md);color:var(--gray700);background:#fff;transition:all .25s;margin-bottom:26px;}
.btn-plan-outline:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-bg);}
.btn-plan-fill{display:block;width:100%;text-align:center;padding:13px;margin-bottom:26px;}
.plan-list{display:flex;flex-direction:column;gap:11px;}
.plan-list li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--gray600);}
.plan-list li::before{content:'';width:18px;height:18px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;}
.pl-yes::before{background:var(--green-l);content:'✓';color:var(--green);line-height:18px;text-align:center;}
.pl-no{opacity:.45;}
.pl-no::before{background:var(--gray100);content:'✕';color:var(--gray400);line-height:18px;text-align:center;}

/* ---------- FAQ ---------- */
.faq-list{display:flex;flex-direction:column;gap:10px;}
.faq-item{background:var(--white);border:1px solid var(--gray200);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .2s;}
.faq-item:hover{box-shadow:var(--sh-sm);}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-size:1rem;font-weight:600;color:var(--gray800);cursor:pointer;list-style:none;transition:color .2s;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';font-size:1.3rem;font-weight:400;color:var(--gray400);transition:transform .25s;}
.faq-item[open] summary::after{content:'−';}
.faq-item[open] summary{color:var(--blue);}
.faq-body{padding:0 24px 20px;font-size:.92rem;color:var(--gray500);line-height:1.7;}

/* ---------- CTA FINAL ---------- */
.cta-final{padding:100px 24px;text-align:center;background:linear-gradient(160deg,var(--gray900) 0%,#1a2746 100%);color:#fff;position:relative;overflow:hidden;}
.cta-final::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(59,108,245,.15) 0%,transparent 70%);pointer-events:none;}
.cta-final-inner{position:relative;z-index:1;max-width:620px;margin:0 auto;}
.cta-final h2{font-size:2.6rem;font-weight:800;letter-spacing:-.035em;margin-bottom:16px;line-height:1.15;}
.cta-final p{font-size:1.1rem;color:rgba(255,255,255,.65);margin-bottom:36px;line-height:1.7;}
.cta-final-btns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}

/* ---------- WHATSAPP FLOAT ---------- */
.wa-float{position:fixed;bottom:26px;right:26px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(37,211,102,.4);z-index:9999;transition:transform .2s,box-shadow .2s;}
.wa-float:hover{transform:scale(1.12);box-shadow:0 6px 22px rgba(37,211,102,.55);}

/* ---------- FOOTER ---------- */
.foot{background:var(--white);border-top:1px solid var(--gray200);padding:56px 28px 0;}
.foot-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;}
.foot-brand{display:flex;flex-direction:column;gap:12px;}
.foot-brand p{font-size:.85rem;color:var(--gray400);max-width:260px;line-height:1.6;}
.foot-col{display:flex;flex-direction:column;gap:10px;}
.foot-col h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray400);margin-bottom:4px;}
.foot-col a{font-size:.88rem;color:var(--gray500);transition:color .2s;}
.foot-col a:hover{color:var(--blue);}
.foot-bottom{border-top:1px solid var(--gray200);padding:20px 0;text-align:center;}
.foot-bottom p{font-size:.78rem;color:var(--gray400);}

/* ---------- RESPONSIVE ---------- */

/* Tablet: <= 1024px */
@media(max-width:1024px){
    .hero h1{font-size:2.8rem;}
    .bento{grid-template-columns:1fr;}
    .bento-wide{grid-column:span 1;}
    .bento-card{padding:26px 22px;}
    .monitor-grid{grid-template-columns:1fr;gap:24px;}
    .plans{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto;}
    .plan-card-pop{transform:none;}
    .plan-card-pop:hover{transform:translateY(-6px);}
    .foot-inner{grid-template-columns:1fr 1fr;gap:32px;}
    .trust-items{gap:24px;}
    .faq-item summary{padding:16px 20px;font-size:.95rem;}
    .faq-body{padding:0 20px 16px;}
}

/* Mobile: <= 768px */
@media(max-width:768px){
    /* Topbar */
    .topbar-nav{
        display:none;
        position:absolute;
        top:68px;left:0;right:0;
        background:var(--white);
        border-bottom:1px solid var(--gray200);
        flex-direction:column;
        padding:16px 20px;
        box-shadow:var(--sh-md);
    }
    .topbar-nav.open{display:flex;}
    .hamburger{display:flex;}
    .topbar-inner{padding:0 16px;}

    /* Hero */
    .hero{padding:110px 16px 50px;min-height:auto;}
    .hero h1{font-size:2.2rem;margin-bottom:18px;}
    .hero-desc{font-size:1rem;margin-bottom:28px;}
    .hero-btns{flex-direction:column;width:100%;gap:10px;}
    .hero-btns .btn{width:100%;justify-content:center;}
    .hero-pill{font-size:.72rem;padding:5px 14px 5px 8px;}

    /* Terminal */
    .terminal{margin:0 -4px;border-radius:var(--r-md);}
    .terminal-body{font-size:.68rem;padding:14px 16px;line-height:1.7;}
    .terminal-bar{padding:10px 14px;}

    /* Blobs */
    .blob-1{width:300px;height:300px;}
    .blob-2{width:250px;height:250px;}
    .blob-3{width:200px;height:200px;}

    /* Sections */
    .sec{padding:60px 16px;}
    .sec-top{margin-bottom:40px;}
    .sec-top h2{font-size:1.8rem;}
    .sec-top p{font-size:.95rem;}

    /* Trust */
    .trust{padding:32px 16px;}
    .trust-items{gap:16px;}
    .trust-items span{font-size:.82rem;}

    /* Bento */
    .bento{gap:14px;}
    .bento-card{padding:22px 18px;}
    .bento-wide{grid-template-columns:1fr;}
    .bento-icon{width:40px;height:40px;margin-bottom:12px;}
    .bento-card h3{font-size:1rem;}
    .bento-card p{font-size:.85rem;}

    /* Monitor section */
    .mon-card{padding:22px 18px;}
    .mon-metrics{gap:16px;flex-wrap:wrap;}
    .mon-metric-val{font-size:1.3rem;}
    .mon-feat{padding:14px 16px;gap:12px;}
    .mon-feat-icon{width:36px;height:36px;}
    .mon-feat strong{font-size:.85rem;}
    .mon-feat p{font-size:.78rem;}

    /* Timeline */
    .timeline{padding-left:50px;}
    .timeline::before{left:18px;}
    .tl-num{left:-50px;width:38px;height:38px;font-size:.85rem;}
    .tl-item{padding:22px 0;}
    .tl-content h3{font-size:1rem;}
    .tl-content p{font-size:.88rem;}

    /* Plans */
    .plan-toggle-wrap{margin-bottom:32px;}
    .plan-card{padding:28px 22px;}
    .plan-amount{font-size:2.4rem;}
    .plan-list li{font-size:.82rem;}

    /* FAQ */
    .faq-item summary{padding:14px 18px;font-size:.92rem;}
    .faq-body{padding:0 18px 14px;font-size:.85rem;}

    /* CTA */
    .cta-final{padding:72px 16px;}
    .cta-final h2{font-size:1.8rem;}
    .cta-final p{font-size:.95rem;margin-bottom:28px;}
    .cta-final-btns{flex-direction:column;width:100%;}
    .cta-final-btns .btn{width:100%;justify-content:center;}

    /* Footer */
    .foot{padding:40px 16px 0;}
    .foot-inner{grid-template-columns:1fr;gap:28px;padding-bottom:28px;}
    .foot-brand p{max-width:100%;}

    /* WhatsApp float */
    .wa-float{bottom:18px;right:18px;width:50px;height:50px;}
}

/* Small mobile: <= 480px */
@media(max-width:480px){
    .hero h1{font-size:1.7rem;}
    .hero-desc{font-size:.9rem;}
    .hero-pill{margin-bottom:20px;}
    .sec-top h2{font-size:1.5rem;}
    .mon-metrics{flex-direction:column;gap:12px;}
    .mon-metric-val{font-size:1.15rem;}
    .tl-content p{font-size:.82rem;}
    .plan-amount{font-size:2rem;}
    .plan-card{padding:24px 18px;}
    .cta-final h2{font-size:1.5rem;}
    .trust-items{flex-direction:column;gap:10px;}
    .bento-card{padding:18px 14px;}
    .port-row{padding:7px 10px;font-size:.75rem;}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}}