/* =============================================================
   FrotaUber — Landing page styles (compiled from styles.scss)
   Edit styles.scss and recompile:  sass src/styles.scss src/styles.css
   ============================================================= */

:root{
  --mint:#00FFA7; --mint-400:#4DFFC1; --mint-600:#00D98E; --mint-700:#00B377;
  --mint-050:rgba(0,255,167,.08); --mint-100:rgba(0,255,167,.16);
  --black:#000; --bg-900:#080B12; --bg-850:#0C111D; --bg-800:#101828; --bg-700:#161F33; --bg-600:#1E293D;
  --line-1:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.12); --line-3:rgba(255,255,255,.20);
  --fg-1:#FFFFFF; --fg-2:#C5CEDC; --fg-3:#8A97AB; --fg-4:#5A6678;
  --danger:#FF5C6C; --warning:#F7B955; --info:#5BA8FF;
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;}
body{font-family:var(--font-sans);background:var(--bg-900);color:var(--fg-2);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
::selection{background:rgba(0,255,167,.25);}
a{color:inherit;text-decoration:none;}
.accent{color:var(--mint);}
.danger{color:var(--danger);}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
i[data-lucide]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;stroke-width:1.75;vertical-align:middle;}

.container{max-width:1180px;margin:0 auto;padding:0 32px;}
.container--narrow{max-width:820px;}

/* Reveal */
.reveal{opacity:0;transform:translate3d(0,26px,0);filter:blur(6px);transition:opacity .7s var(--ease),transform .8s var(--ease),filter .7s ease;}
.reveal[data-dir="down"]{transform:translate3d(0,-14px,0);}
.reveal[data-dir="left"]{transform:translate3d(40px,0,0);}
.reveal[data-dir="right"]{transform:translate3d(-40px,0,0);}
.reveal.is-in{opacity:1;transform:none;filter:blur(0);}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;filter:none;transition:none;}}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:700;font-size:14.5px;padding:12px 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .17s var(--ease);}
.btn i{width:17px;height:17px;}
.btn--sm{padding:8px 14px;font-size:13px;}
.btn--lg{padding:15px 28px;font-size:16px;}
.btn--lg i{width:19px;height:19px;}
.btn--primary{background:var(--mint);color:#06140E;box-shadow:0 0 26px rgba(0,255,167,.34);}
.btn--primary:hover{background:var(--mint-600);transform:translateY(-1px);box-shadow:0 0 36px rgba(0,255,167,.5);}
.btn--ghost{color:var(--fg-1);border-color:var(--line-3);background:transparent;}
.btn--ghost:hover{color:var(--mint-400);border-color:var(--mint);background:var(--mint-050);}
.btn--dark{background:var(--bg-800);color:var(--fg-1);border-color:var(--line-2);}
.btn--dark:hover{background:#16213a;transform:translateY(-1px);}

/* Eyebrow / head */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint-400);border:1px solid var(--mint-100);background:var(--mint-050);padding:7px 15px;border-radius:999px;}
.eyebrow i{width:14px;height:14px;color:var(--mint);}
.head{text-align:center;max-width:720px;margin:0 auto 52px;}
.head h2{font-size:clamp(30px,3.7vw,46px);font-weight:800;letter-spacing:-.025em;color:var(--fg-1);margin:20px 0 0;line-height:1.04;text-wrap:balance;}
.head p{font-size:17px;line-height:1.6;color:var(--fg-3);margin:18px auto 0;max-width:600px;text-wrap:pretty;}

/* Sections */
.section{padding:94px 0;position:relative;overflow:hidden;}
.section--dark{background:var(--bg-900);}
.section--black{background:var(--black);}
.section__bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.section .container{position:relative;z-index:1;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

/* Brand */
.brand{display:inline-flex;align-items:center;gap:10px;}
.brand__word{font-weight:800;font-size:20px;letter-spacing:-.03em;color:var(--fg-1);}
.brand__word.lg{font-size:26px;}

/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(8,11,18,.4);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:all .25s ease;}
.nav.is-scrolled{background:rgba(8,11,18,.82);border-bottom-color:var(--line-2);}
.nav__inner{height:68px;display:flex;align-items:center;justify-content:space-between;}
.nav__links{display:flex;gap:28px;}
.nav__links a{color:var(--fg-2);font-size:14.5px;font-weight:500;transition:color .15s;}
.nav__links a:hover{color:var(--fg-1);}
.nav__actions{display:flex;align-items:center;gap:22px;}
.nav__login{color:var(--fg-2);font-size:14px;font-weight:600;position:relative;}
.nav__login::after{content:'';position:absolute;right:-11px;top:50%;transform:translateY(-50%);height:18px;width:1px;background:var(--line-2);}
.nav__login:hover{color:var(--fg-1);}
.nav__burger{display:none;background:none;border:none;color:var(--fg-1);cursor:pointer;padding:6px;}
.nav__burger i{width:26px;height:26px;}
.nav__mobile{display:none;flex-direction:column;gap:4px;padding:12px 32px 20px;border-top:1px solid var(--line-1);background:rgba(8,11,18,.96);}
.nav__mobile a{color:var(--fg-2);font-size:16px;font-weight:500;padding:12px 0;border-bottom:1px solid var(--line-1);}
.nav__mobile .btn{margin-top:12px;}

/* Hero */
.hero{position:relative;background:var(--black);padding:64px 0 90px;overflow:hidden;}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.hero__veil{position:absolute;inset:0;z-index:0;background:radial-gradient(58% 50% at 50% 36%,rgba(0,0,0,0) 0%,rgba(0,0,0,.86) 100%);}
.hero__inner{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;}
.hero__title{font-weight:800;font-size:clamp(38px,5.6vw,74px);line-height:.98;letter-spacing:-.035em;color:var(--fg-1);margin:26px 0 0;max-width:940px;text-wrap:balance;}
.hero__sub{font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--fg-3);max-width:660px;margin:26px 0 0;text-wrap:pretty;}
.hero__cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;justify-content:center;}
.hero__badges{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap;justify-content:center;}
.hero__badges span{display:flex;align-items:center;gap:8px;color:var(--fg-3);font-size:14px;}
.hero__badges i{width:15px;height:15px;color:var(--mint);}

/* Mockup */
.mockup{position:relative;margin-top:60px;width:min(960px,94vw);background:var(--bg-850);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.6);overflow:hidden;text-align:left;}
.mockup__bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--bg-800);border-bottom:1px solid var(--line-1);}
.mockup__bar .dots{display:flex;gap:6px;}
.mockup__bar .dots i{width:10px;height:10px;border-radius:50%;display:block;}
.mockup__bar .dots i:nth-child(1){background:var(--danger);}
.mockup__bar .dots i:nth-child(2){background:var(--warning);}
.mockup__bar .dots i:nth-child(3){background:var(--mint);}
.mockup__url{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-4);}
.mockup__ai{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--mint);background:var(--mint-050);border:1px solid var(--mint-100);padding:3px 9px;border-radius:999px;}
.mockup__ai i{width:12px;height:12px;}
.mockup__body{display:grid;grid-template-columns:168px 1fr;min-height:360px;}
.mockup__side{background:var(--bg-900);border-right:1px solid var(--line-1);padding:14px 10px;display:flex;flex-direction:column;gap:2px;}
.mockup__side a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:12.5px;color:var(--fg-3);border:1px solid transparent;}
.mockup__side a i{width:15px;height:15px;}
.mockup__side a.is-active{color:var(--fg-1);font-weight:700;background:var(--mint-050);border-color:var(--mint-100);}
.mockup__side a.is-active i{color:var(--mint);}
.mockup__brand{display:flex;align-items:center;gap:7px;padding:4px 8px 14px;font-size:13px;color:var(--fg-1);}
.mockup__brand b{font-weight:800;}
.mockup__main{padding:16px;display:flex;flex-direction:column;gap:12px;}
.mockup__row{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.kpi{background:var(--bg-900);border:1px solid var(--line-1);border-radius:10px;padding:11px 12px;display:flex;flex-direction:column;}
.kpi__l{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-4);}
.kpi__v{font-family:var(--font-mono);font-weight:600;font-size:17px;margin-top:6px;letter-spacing:-.02em;color:var(--fg-1);}
.kpi__d{font-size:10.5px;color:var(--fg-4);margin-top:3px;}
.card-soft{background:var(--bg-900);border:1px solid var(--line-1);border-radius:10px;padding:12px 13px;}
.card-soft__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11.5px;font-weight:600;color:var(--fg-2);}
.card-soft .spark{width:100%;height:50px;display:block;}
.card-mint{background:var(--mint-050);border:1px solid rgba(0,255,167,.18);border-radius:10px;padding:12px 13px;}
.card-mint__head{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--fg-1);margin-bottom:8px;}
.card-mint__head i{width:14px;height:14px;color:var(--mint);}
.card-mint__msg{background:var(--bg-850);border-radius:8px;padding:8px 9px;font-size:10.8px;color:var(--fg-2);line-height:1.45;margin:0;}
.card-mint__msg b{color:var(--fg-1);}
.card-mint__foot{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:10px;color:var(--fg-4);}
.card-mint__foot i{width:13px;height:13px;color:var(--mint);}
.tbl{background:var(--bg-900);border:1px solid var(--line-1);border-radius:10px;overflow:hidden;}
.tbl__head{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line-1);font-size:11.5px;color:var(--fg-2);}
.tbl__head span:last-child{color:var(--fg-4);font-size:10px;}
.tbl__row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line-1);font-size:11.5px;color:var(--fg-2);}
.tbl__row:last-child{border-bottom:none;}
.tbl__row .mono{font-size:11.5px;color:var(--fg-1);}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;white-space:nowrap;}
.chip::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;}
.chip--mint{color:var(--mint);background:rgba(0,255,167,.12);border:1px solid rgba(0,255,167,.2);}
.chip--warn{color:var(--warning);background:rgba(247,185,85,.12);border:1px solid rgba(247,185,85,.25);}
.chip--danger{color:var(--danger);background:rgba(255,92,108,.12);border:1px solid rgba(255,92,108,.25);}
.float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(12,17,29,.92);border-radius:12px;padding:10px 13px;box-shadow:0 16px 40px rgba(0,0,0,.5);backdrop-filter:blur(8px);animation:floaty 5.5s ease-in-out infinite;}
.float b{display:block;font-size:12.5px;color:var(--fg-1);}
.float small{font-size:11px;color:var(--fg-3);}
.float__ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;}
.float__ic i{width:17px;height:17px;}
.float--danger{border:1px solid rgba(255,92,108,.4);left:-22px;top:42%;}
.float--danger .float__ic{background:rgba(255,92,108,.1);border:1px solid rgba(255,92,108,.3);}
.float--danger .float__ic i{color:var(--danger);}
.float--mint{border:1px solid rgba(0,255,167,.4);right:-20px;top:20%;animation-delay:.8s;}
.float--mint .float__ic{background:var(--mint-050);border:1px solid var(--mint-100);}
.float--mint .float__ic i{color:var(--mint);}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* Trust */
.trust{background:var(--bg-900);border-top:1px solid var(--line-1);border-bottom:1px solid var(--line-1);padding:30px 0;}
.trust__label{text-align:center;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-4);margin:0 0 22px;}
.trust__logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px 48px;}
.trust__logos span{display:inline-flex;align-items:center;gap:9px;color:var(--fg-3);font-weight:800;font-size:19px;letter-spacing:-.02em;opacity:.78;}
.trust__logos i{width:19px;height:19px;color:var(--fg-4);}

/* Stats */
.stats{background:var(--bg-800);border-bottom:1px solid var(--line-1);}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);padding:46px 32px;}
.stat{text-align:center;}
.stat__v{font-family:var(--font-mono);font-weight:600;font-size:clamp(30px,3.4vw,42px);letter-spacing:-.02em;color:var(--mint);}
.stat__l{color:var(--fg-3);font-size:13.5px;margin-top:8px;display:block;}

/* Lists */
.list{margin:0;padding:0;list-style:none;}
.list li{display:flex;align-items:flex-start;gap:11px;padding:9px 0;font-size:14.5px;color:var(--fg-2);line-height:1.45;}
.list li i{width:17px;height:17px;color:var(--mint);flex-shrink:0;margin-top:1px;stroke-width:2.2;}
.list li.bad i,.list li.off i{color:var(--danger);}
.list li.off{color:var(--fg-4);}
.list--sm{border-top:1px solid var(--line-1);padding-top:16px;margin-top:4px;}
.list--sm li{padding:4px 0;font-size:14px;}

/* Compare */
.compare{border-radius:20px;padding:30px 30px 34px;background:rgba(12,17,29,.5);border:1px solid var(--line-2);}
.compare__kicker{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;}
.compare__kicker i{width:16px;height:16px;}
.compare h3{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--fg-1);margin:14px 0 22px;}
.compare .list li{border-top:1px solid var(--line-1);}
.compare--featured{background:var(--bg-850);border-color:var(--mint);box-shadow:0 0 50px rgba(0,255,167,.14);}

/* Features */
.feature{background:var(--bg-850);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.45);padding:28px;height:100%;transition:all .22s var(--ease);}
.feature:hover{transform:translateY(-4px);border-color:rgba(0,255,167,.4);box-shadow:0 0 34px rgba(0,255,167,.11);}
.feature__top{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.feature__ic{width:44px;height:44px;border-radius:12px;background:var(--mint-050);border:1px solid var(--mint-100);display:grid;place-items:center;}
.feature__ic i{width:21px;height:21px;color:var(--mint);}
.feature__tag{font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);}
.feature h3{font-size:22px;font-weight:700;letter-spacing:-.015em;color:var(--fg-1);margin:0 0 10px;}
.feature p{font-size:14.5px;line-height:1.6;color:var(--fg-3);margin:0 0 18px;}

/* Video */
.video__grid{display:grid;grid-template-columns:1.55fr 1fr;gap:36px;align-items:center;}
.video__player{position:relative;width:100%;aspect-ratio:16/9;background:#05070c;border:1px solid var(--line-2);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55);}
.video__player iframe{width:100%;height:100%;border:none;display:block;}
.video__poster{position:absolute;inset:0;width:100%;border:none;cursor:pointer;display:grid;place-items:center;text-align:center;background:radial-gradient(120% 100% at 50% 0%,rgba(0,255,167,.1),transparent 55%),#05070c;color:var(--fg-3);}
.video__poster small{display:block;margin-top:22px;font-size:14px;font-weight:600;}
.video__play{display:block;width:80px;height:80px;margin:22px auto 0;border-radius:50%;background:var(--mint);box-shadow:0 0 44px rgba(0,255,167,.5);position:relative;animation:pulse 2s ease-in-out infinite;}
.video__play::after{content:'';position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);width:0;height:0;border-left:24px solid #06140E;border-top:15px solid transparent;border-bottom:15px solid transparent;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,255,167,.4);}50%{box-shadow:0 0 0 12px rgba(0,255,167,0);}}
.video__points{display:flex;flex-direction:column;gap:0;}
.point{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line-1);font-size:17px;font-weight:600;color:var(--fg-1);}
.point__ic{width:46px;height:46px;border-radius:12px;background:var(--mint-050);border:1px solid var(--mint-100);display:grid;place-items:center;flex-shrink:0;}
.point__ic i{width:21px;height:21px;color:var(--mint);}

/* Steps */
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.steps::before{content:'';position:absolute;top:38px;left:16%;right:16%;height:2px;z-index:0;background:linear-gradient(90deg,transparent,rgba(0,255,167,.33),transparent);}
.step{text-align:center;position:relative;z-index:1;}
.step__ic{width:76px;height:76px;margin:0 auto 22px;border-radius:20px;background:var(--bg-850);border:1px solid rgba(0,255,167,.3);display:grid;place-items:center;box-shadow:0 0 40px rgba(0,255,167,.18);position:relative;}
.step__ic i{width:30px;height:30px;color:var(--mint);}
.step__ic b{position:absolute;top:-10px;right:-10px;font-family:var(--font-mono);font-size:12px;color:#06140E;background:var(--mint);border-radius:999px;padding:3px 8px;}
.step__k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mint);}
.step h3{font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--fg-1);margin:8px 0 12px;}
.step p{font-size:14.5px;line-height:1.6;color:var(--fg-3);margin:0 auto;max-width:320px;}

/* Profiles */
.profile{background:var(--bg-850);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.45);padding:34px;height:100%;}
.profile__ic{width:52px;height:52px;border-radius:14px;background:var(--mint-050);border:1px solid var(--mint-100);display:grid;place-items:center;margin-bottom:18px;}
.profile__ic i{width:24px;height:24px;color:var(--mint);}
.profile__k{font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint);}
.profile h3{font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--fg-1);margin:8px 0 20px;}

/* Testimonials */
.quote{background:var(--bg-850);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.45);padding:28px;height:100%;display:flex;flex-direction:column;margin:0;}
.quote .stars{color:var(--mint);letter-spacing:2px;margin-bottom:16px;}
.quote blockquote{margin:0;font-size:15.5px;line-height:1.6;color:var(--fg-2);flex:1;text-wrap:pretty;}
.quote figcaption{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line-1);}
.quote figcaption b{font-size:14px;color:var(--fg-1);display:block;}
.quote figcaption small{font-size:12px;color:var(--fg-3);}
.quote figcaption span:nth-child(2){flex:1;}
.quote__m{text-align:right;}
.quote__m b{font-size:18px;}
.quote__m small{font-size:10px;color:var(--fg-4);max-width:84px;line-height:1.2;display:block;}
.quote .avatar{width:42px;height:42px;border-radius:50%;background:var(--bg-700);border:1px solid var(--line-2);display:grid;place-items:center;flex-shrink:0;}
.quote .avatar i{color:var(--fg-3);width:19px;height:19px;}

/* Pricing */
.toggle{display:flex;justify-content:center;margin:-24px auto 44px;background:var(--bg-800);border:1px solid var(--line-2);border-radius:999px;padding:4px;width:max-content;}
.toggle__btn{font-family:inherit;font-weight:700;font-size:13.5px;padding:9px 22px;border-radius:999px;border:none;cursor:pointer;background:transparent;color:var(--fg-3);transition:all .18s;display:inline-flex;align-items:center;gap:8px;}
.toggle__btn.is-active{background:var(--mint);color:#06140E;}
.toggle__off{font-size:10px;background:rgba(0,255,167,.14);color:var(--mint);padding:2px 6px;border-radius:6px;}
.toggle__btn.is-active .toggle__off{background:rgba(6,20,14,.18);color:#06140E;}
.plan{background:var(--bg-850);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.45);padding:32px 28px;position:relative;transition:all .22s var(--ease);}
.plan:hover{transform:translateY(-4px);border-color:rgba(0,255,167,.35);}
.plan--featured{border-color:var(--mint);box-shadow:0 0 46px rgba(0,255,167,.2);transform:scale(1.03);z-index:2;}
.plan--featured:hover{transform:scale(1.03) translateY(-4px);}
.plan__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--mint);color:#06140E;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 0 20px rgba(0,255,167,.5);}
.plan__badge i{width:12px;height:12px;}
.plan__k{font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);}
.plan__name{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--fg-1);margin:8px 0 6px;}
.plan__desc{font-size:14px;color:var(--fg-3);min-height:42px;margin:0;}
.plan__price{display:flex;align-items:flex-end;gap:4px;margin:18px 0 4px;color:var(--fg-1);}
.plan__price .cur{font-size:16px;color:var(--fg-3);padding-bottom:8px;}
.plan__price .amt{font-size:46px;font-weight:600;line-height:1;letter-spacing:-.02em;}
.plan__price .dec{font-size:20px;color:var(--fg-2);padding-bottom:4px;}
.plan__price .per{font-size:14px;color:var(--fg-3);padding-bottom:8px;margin-left:4px;}
.plan__note{font-size:12.5px;color:var(--fg-4);margin:0 0 18px;}
.plan .btn{width:100%;}
.plan .list--sm{margin-top:22px;}
.pricing__assur{display:flex;justify-content:center;gap:34px;margin-top:38px;color:var(--fg-4);font-size:13px;flex-wrap:wrap;}
.pricing__assur span{display:flex;align-items:center;gap:7px;}
.pricing__assur i{width:14px;height:14px;}

/* FAQ */
.faq{display:flex;flex-direction:column;gap:12px;}
.faq__item{background:rgba(12,17,29,.5);border:1px solid var(--line-2);border-radius:14px;overflow:hidden;transition:all .2s;}
.faq__item[open]{background:var(--bg-850);border-color:rgba(0,255,167,.3);}
.faq__item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;font-weight:600;color:var(--fg-1);}
.faq__item summary::-webkit-details-marker{display:none;}
.faq__item summary i{width:20px;height:20px;color:var(--fg-3);transition:transform .25s;flex-shrink:0;}
.faq__item[open] summary i{transform:rotate(45deg);color:var(--mint);}
.faq__item p{margin:0;padding:0 22px 22px;font-size:14.5px;line-height:1.62;color:var(--fg-3);max-width:760px;}

/* Final */
.final__inner{text-align:center;display:flex;flex-direction:column;align-items:center;}
.final__inner h2{font-size:clamp(34px,4.6vw,58px);font-weight:800;letter-spacing:-.03em;color:var(--fg-1);margin:24px 0 0;max-width:800px;line-height:1.02;text-wrap:balance;}
.final__inner p{color:var(--fg-3);font-size:18px;margin:22px 0 36px;max-width:560px;text-wrap:pretty;}
.final__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.final__fine{color:var(--fg-4);font-size:13px;margin-top:26px;}

/* Footer */
.footer{background:var(--bg-900);border-top:1px solid var(--line-1);padding:54px 0 36px;}
.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;}
.footer__grid h4{font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:0 0 14px;}
.footer__grid a{display:block;color:var(--fg-2);font-size:14px;padding:5px 0;}
.footer__grid a:hover{color:var(--mint);}
.footer__grid>div:first-child a{padding:0;}
.footer .brand{display:inline-flex;align-items:center;gap:10px;}
.footer .brand img{flex-shrink:0;}
.footer__about{color:var(--fg-4);font-size:13.5px;line-height:1.6;margin:16px 0 0;max-width:280px;}
.footer__social{display:flex;gap:10px;margin-top:18px;}
.footer__social a{width:36px;height:36px;border-radius:9px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--fg-3);padding:0;}
.footer__social a:hover{color:var(--mint);border-color:rgba(0,255,167,.4);}
.footer__social i{width:16px;height:16px;}
.footer__bottom{margin-top:44px;padding-top:24px;border-top:1px solid var(--line-1);display:flex;justify-content:space-between;color:var(--fg-4);font-size:13px;flex-wrap:wrap;gap:12px;}
.footer__bottom span{display:inline-flex;align-items:center;gap:7px;}
.footer__bottom i{width:14px;height:14px;}

/* Modal */
.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;}
.modal[hidden]{display:none;}
.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);animation:fade .2s ease;}
.modal__dialog{position:relative;width:min(880px,96vw);animation:rise .3s var(--ease);}
.modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--fg-2);font-size:13.5px;font-weight:600;}
.modal__head span{display:inline-flex;align-items:center;gap:9px;}
.modal__head span i{width:17px;height:17px;color:var(--mint);}
.modal__x{width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line-2);cursor:pointer;color:var(--fg-2);display:grid;place-items:center;}
.modal__frame{position:relative;aspect-ratio:16/9;width:100%;background:#05070c;border:1px solid var(--line-2);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6);}
.modal__frame iframe{width:100%;height:100%;border:none;display:block;}
.modal.is-vertical .modal__dialog{width:min(380px,92vw);}
.modal.is-vertical .modal__frame{aspect-ratio:9/16;max-height:74vh;}
@keyframes fade{from{opacity:0;}to{opacity:1;}}
@keyframes rise{from{opacity:0;transform:translateY(16px) scale(.98);}to{opacity:1;transform:none;}}

/* Scrollbar */
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-track{background:#06080d;}
::-webkit-scrollbar-thumb{background:var(--bg-600);border-radius:6px;border:2px solid #06080d;}
::-webkit-scrollbar-thumb:hover{background:#2a3a55;}

/* WhatsApp FAB */
.wa-fab{position:fixed;right:24px;bottom:24px;z-index:150;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 0 rgba(37,211,102,.5);transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
.wa-fab svg{width:32px;height:32px;position:relative;z-index:1;}
.wa-fab:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.5);}
.wa-fab__pulse{position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.55;animation:waPulse 2.2s ease-out infinite;}
@keyframes waPulse{0%{transform:scale(1);opacity:.5;}70%,100%{transform:scale(1.7);opacity:0;}}
@media (prefers-reduced-motion:reduce){.wa-fab__pulse{display:none;}}
@media (max-width:560px){.wa-fab{right:16px;bottom:16px;width:54px;height:54px;}.wa-fab svg{width:29px;height:29px;}}

/* Responsive */
@media (max-width:920px){
  .nav__links,.nav__login{display:none;}
  .nav__burger{display:block;}
  .nav.is-open .nav__mobile{display:flex;}
  .grid-2,.grid-3,.video__grid{grid-template-columns:1fr;}
  .stats__grid{grid-template-columns:1fr 1fr;gap:28px 0;}
  .footer__grid{grid-template-columns:1fr 1fr;gap:32px;}
  .steps{grid-template-columns:1fr;}
  .steps::before{display:none;}
  .float{display:none;}
  .mockup__body{grid-template-columns:1fr;}
  .mockup__side{display:none;}
  .plan--featured{transform:none;}
  .plan--featured:hover{transform:translateY(-4px);}
  .video__player{max-width:320px;margin:0 auto;aspect-ratio:9/16;}
}
@media (max-width:560px){
  .container{padding:0 20px;}
  .footer__grid,.stats__grid{grid-template-columns:1fr;}
  .kpis{grid-template-columns:1fr;}
  .mockup__row{grid-template-columns:1fr;}
}