/* ═══════════════════════════════════════════════════════════════════════════
   Lion Workspace — Landing premium
   ═══════════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap');

:root {
    --bg: #050505;
    --bg2: #0a0a0a;
    --card: rgba(255,255,255,.025);
    --card-hover: rgba(255,255,255,.04);
    --accent: #bef264;
    --accent2: #a3e635;
    --accent-glow: rgba(190,242,100,.45);
    --text: #f5f5f5;
    --text2: #a3a3a3;
    --text3: #636363;
    --text4: #404040;
    --border: rgba(255,255,255,.07);
    --border-hover: rgba(190,242,100,.35);
    --radius: 16px;
    --ease-out: cubic-bezier(.16,1,.3,1);
    --ease-spring: cubic-bezier(.34,1.56,.64,1);
}

* { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; }

body {
    font-family:'Inter','Segoe UI',-apple-system,sans-serif;
    background:var(--bg);
    color:var(--text);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    line-height:1.5;
    cursor:default;
}

/* AMBIENT BACKGROUND — gradient mesh + grain */
body::before {
    content:'';position:fixed;inset:0;z-index:-2;
    background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(190,242,100,.13), transparent 60%),
        radial-gradient(ellipse 60% 40% at 100% 30%, rgba(34,211,238,.08), transparent 60%),
        radial-gradient(ellipse 50% 50% at 0% 70%, rgba(168,85,247,.07), transparent 60%),
        var(--bg);
    animation:meshShift 22s ease-in-out infinite alternate;
}
@keyframes meshShift {
    0%   { transform:translate(0,0) scale(1); }
    100% { transform:translate(2%,-1%) scale(1.05); }
}
body::after {
    content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .4 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/></svg>");
    opacity:.07;mix-blend-mode:overlay;
}

/* SCROLL PROGRESS BAR */
.scroll-progress {
    position:fixed;top:0;left:0;right:0;height:2px;z-index:1000;
    background:transparent;pointer-events:none;
}
.scroll-progress::before {
    content:'';display:block;height:100%;
    background:linear-gradient(90deg,var(--accent),#22d3ee);
    width:var(--progress, 0%);
    box-shadow:0 0 12px var(--accent-glow);
    transition:width .1s linear;
}

/* NAV — sticky com blur */
nav {
    position:sticky;top:0;z-index:100;
    display:flex;align-items:center;justify-content:space-between;
    padding:18px clamp(20px, 5vw, 60px);
    background:rgba(5,5,5,.6);
    backdrop-filter:blur(20px) saturate(140%);
    -webkit-backdrop-filter:blur(20px) saturate(140%);
    border-bottom:1px solid transparent;
    transition:border-color .3s, background .3s;
}
nav.scrolled { border-bottom-color:var(--border); background:rgba(5,5,5,.85); }

.logo {
    font-size:1.05rem;font-weight:800;letter-spacing:-.6px;
    background:linear-gradient(135deg, #fff, #bef264);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    background-clip:text;
}
.logo span { color:var(--accent); -webkit-text-fill-color:var(--accent); }

.nav-right { display:flex;gap:6px;align-items:center; }

/* Lang switcher — utilitário, mais discreto */
.lang-btn {
    background:transparent;border:none;color:var(--text3);
    padding:8px 10px;border-radius:8px;
    font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.6px;
    cursor:pointer;transition:color .2s var(--ease-out), background .2s var(--ease-out);
}
.lang-btn:hover { color:var(--text); background:rgba(255,255,255,.04); }

/* Divisor visual entre lang e auth — agrupa semanticamente */
.nav-divider {
    width:1px;height:18px;background:var(--border);
    margin:0 4px;
    flex-shrink:0;
}

/* Entrar — link sutil, peso intermediário, pra usuários existentes */
.nav-login {
    text-decoration:none;color:var(--text2);font-weight:600;font-size:.82rem;
    padding:9px 14px;border-radius:8px;letter-spacing:-.1px;
    transition:color .2s var(--ease-out), background .2s var(--ease-out);
}
.nav-login:hover { color:var(--text); background:rgba(255,255,255,.05); }

/* Criar conta — CTA principal, sólido, com seta */
.nav-cta {
    display:inline-flex;align-items:center;gap:7px;
    text-decoration:none;color:#0a0a0a;font-weight:700;font-size:.82rem;
    background:var(--accent);padding:9px 16px 9px 18px;border-radius:8px;
    letter-spacing:-.1px;
    transition:transform .2s var(--ease-out), background .2s var(--ease-out), box-shadow .25s var(--ease-out);
    box-shadow:0 0 0 0 var(--accent-glow);
    position:relative;
}
.nav-cta svg {
    transition:transform .25s var(--ease-out);
    opacity:.85;
}
.nav-cta:hover {
    background:var(--accent2);
    transform:translateY(-1px);
    box-shadow:0 6px 20px var(--accent-glow);
}
.nav-cta:hover svg {
    transform:translateX(3px);
    opacity:1;
}

/* HERO */
.hero {
    position:relative;text-align:center;
    padding:clamp(70px,12vh,140px) clamp(20px,5vw,60px) 60px;
    max-width:1100px;margin:0 auto;
    overflow:visible;
}

.hero-badge {
    display:inline-flex;align-items:center;gap:8px;
    padding:7px 16px 7px 12px;border-radius:999px;
    background:rgba(190,242,100,.06);
    border:1px solid rgba(190,242,100,.18);
    font-size:.78rem;color:var(--text2);
    margin-bottom:32px;
    backdrop-filter:blur(10px);
    animation:fadeUp .8s var(--ease-out) backwards;
}
.hero-badge .dot {
    width:7px;height:7px;border-radius:50%;background:var(--accent);
    box-shadow:0 0 10px var(--accent-glow);
    animation:pulse 1.8s ease-in-out infinite;
}
@keyframes pulse {
    0%,100% { opacity:1; transform:scale(1); }
    50% { opacity:.5; transform:scale(1.4); }
}

.hero h1 {
    font-size:clamp(2.4rem, 5.5vw, 4.6rem);
    font-weight:900;line-height:1.04;letter-spacing:-.04em;
    margin:0 auto 18px;max-width:18ch;
    animation:fadeUp .9s var(--ease-out) .1s backwards;
}
.hero h1 .gradient {
    color:var(--accent);
    text-shadow:0 0 40px rgba(190,242,100,.18);
}

/* Word swap — slide vertical contínuo, dois slots empilhados se revezando */
.word-swap {
    position:relative;display:inline-block;
    color:var(--accent);font-weight:700;
    text-align:center;
    vertical-align:baseline;
    line-height:1;
    height:1.15em;
    overflow:hidden;
    padding:0 .05em;
}
.word-swap .ws-slot {
    position:absolute;left:0;right:0;top:0;
    white-space:nowrap;
    will-change:transform, opacity;
    transform:translate3d(0, 105%, 0);
    opacity:0;
    transition:transform .7s cubic-bezier(.22,1,.36,1), opacity .55s cubic-bezier(.22,1,.36,1);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}
.word-swap .ws-slot.is-active {
    transform:translate3d(0, 0, 0);
    opacity:1;
}
.word-swap .ws-slot.is-below {
    transform:translate3d(0, 105%, 0);
    opacity:0;
}
.word-swap .ws-slot.is-above {
    transform:translate3d(0, -105%, 0);
    opacity:0;
}
.word-swap .ws-slot.no-anim {
    transition:none !important;
}
.word-swap .ws-ghost {
    visibility:hidden;
    white-space:nowrap;
    pointer-events:none;
    display:inline-block;
}

.hero-tagline {
    font-size:clamp(1rem, 1.8vw, 1.2rem);
    color:var(--text2);max-width:42ch;margin:0 auto 36px;line-height:1.55;
    animation:fadeUp 1s var(--ease-out) .25s backwards;
}
.hero-tagline strong { color:var(--text); font-weight:600; }

.hero-ctas {
    display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;
    animation:fadeUp 1.1s var(--ease-out) .4s backwards;
}

@keyframes fadeUp {
    from { opacity:0; transform:translateY(20px); }
    to   { opacity:1; transform:translateY(0); }
}

/* CTA primário */
.buy-btn {
    position:relative;display:flex;flex-direction:column;align-items:stretch;
    text-decoration:none;color:#0a0a0a;font-weight:800;
    background:linear-gradient(135deg, var(--accent), var(--accent2));
    padding:14px 26px;border-radius:12px;font-size:1rem;letter-spacing:-.2px;
    box-shadow:0 8px 24px rgba(190,242,100,.2), inset 0 1px 0 rgba(255,255,255,.3);
    transition:transform .25s var(--ease-out), box-shadow .25s;
    overflow:hidden;cursor:pointer;
}
.buy-btn::before {
    content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
    transition:left .8s var(--ease-out);
}
.buy-btn:hover::before { left:130%; }
.buy-btn:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(190,242,100,.4); }
.buy-btn:active { transform:translateY(0); }
.buy-btn-content { display:inline-flex;align-items:center;gap:10px;justify-content:center; }
.buy-btn-content svg { transition:transform .3s var(--ease-spring); }
.buy-btn:hover .buy-btn-content svg { transform:translateX(4px); }
.buy-btn-sub { font-size:.66rem;font-weight:600;opacity:.7;margin-top:3px;letter-spacing:.4px;text-transform:uppercase; }

.secondary-btn {
    text-decoration:none;color:var(--text);font-weight:600;font-size:.92rem;
    padding:14px 22px;border-radius:12px;
    border:1px solid var(--border);background:rgba(255,255,255,.02);
    transition:all .25s var(--ease-out);
    backdrop-filter:blur(8px);
}
.secondary-btn:hover { background:rgba(255,255,255,.06); border-color:var(--border-hover); transform:translateY(-2px); }

.hero-trust {
    margin-top:36px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
    animation:fadeUp 1.2s var(--ease-out) .55s backwards;
}
.trust-pill {
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 16px 8px 8px;border-radius:999px;
    background:linear-gradient(135deg, rgba(190,242,100,.06), rgba(255,255,255,.012));
    border:1px solid rgba(190,242,100,.14);
    font-size:.74rem;font-weight:600;color:var(--text2);
    transition:all .25s var(--ease-out);
    backdrop-filter:blur(8px);
    user-select:none;
}
.trust-pill:hover {
    background:linear-gradient(135deg, rgba(190,242,100,.12), rgba(255,255,255,.025));
    border-color:rgba(190,242,100,.32);
    color:var(--text);
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(190,242,100,.1);
}
.trust-pill .trust-ico {
    width:20px;height:20px;border-radius:50%;flex-shrink:0;
    background:rgba(190,242,100,.18);
    display:inline-flex;align-items:center;justify-content:center;
    color:var(--accent);
    box-shadow:0 0 0 1px rgba(190,242,100,.2), inset 0 0 4px rgba(190,242,100,.1);
}
.trust-pill .trust-ico svg { width:11px;height:11px;display:block; }

/* Typewriter cursor */
.typewriter, .typewriter-title { color:var(--accent); }
.typewriter-cursor {
    color:var(--accent);font-weight:700;animation:blink 1.05s step-end infinite;
    margin-left:1px;
}
.title-cursor { font-size:.85em; }
@keyframes blink { 50% { opacity:0; } }

/* STAT CARDS */
.preview { padding:0 clamp(20px,5vw,60px) 100px; position:relative; }

.mock {
    display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
    max-width:980px;margin:0 auto;padding:24px;
    background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
    border:1px solid var(--border);border-radius:24px;
    backdrop-filter:blur(20px);
    box-shadow:0 30px 80px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
    position:relative;
}
.mock::before {
    content:'';position:absolute;inset:-1px;border-radius:24px;padding:1px;
    background:linear-gradient(135deg, var(--accent-glow), transparent 50%, rgba(34,211,238,.3));
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude;
    opacity:.5;pointer-events:none;
}

.mock-card {
    padding:22px;background:rgba(0,0,0,.4);
    border:1px solid var(--border);border-radius:14px;
    transition:transform .3s var(--ease-out), border-color .3s;
    position:relative;overflow:hidden;
}
.mock-card:hover { transform:translateY(-4px); border-color:var(--border-hover); }
.mock-card::after {
    content:'';position:absolute;top:0;left:0;width:100%;height:1px;
    background:linear-gradient(90deg,transparent,var(--accent),transparent);
    transform:scaleX(0);transform-origin:left;transition:transform .5s;
}
.mock-card:hover::after { transform:scaleX(1); }

.mc-title { font-size:.7rem;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:10px; }
.mc-val { font-size:2.1rem;font-weight:800;letter-spacing:-1.5px;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1; }
.mc-sub { font-size:.74rem;color:var(--text3);margin-top:8px; }

/* MARQUEE */
.marquee-section {
    padding:50px 0;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    background:rgba(0,0,0,.3);overflow:hidden;
}
.marquee {
    display:flex;gap:60px;
    animation:marquee 32s linear infinite;
    width:max-content;
}
.marquee-section:hover .marquee { animation-play-state:paused; }
.marquee-item {
    display:inline-flex;align-items:center;gap:14px;
    color:var(--text2);font-size:1rem;font-weight:600;letter-spacing:-.3px;white-space:nowrap;
}
.marquee-item strong { color:var(--accent);font-weight:800;font-size:1.4rem; }
.marquee-dot { width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.5; }
@keyframes marquee {
    0%   { transform:translateX(0); }
    100% { transform:translateX(-50%); }
}

/* SECTIONS */
section { padding:100px clamp(20px,5vw,60px); position:relative; }

.section-eyebrow {
    display:block;text-align:center;
    font-size:.74rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
    color:var(--accent);margin-bottom:14px;
}

.features-title {
    text-align:center;
    font-size:clamp(2rem, 4vw, 3.4rem);
    font-weight:900;letter-spacing:-.03em;
    margin-bottom:14px;
    background:linear-gradient(180deg,#fff 50%,rgba(255,255,255,.5));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.features-sub {
    text-align:center;color:var(--text2);font-size:1.05rem;
    max-width:54ch;margin:0 auto 60px;line-height:1.55;
}

/* FEATURES GRID */
.features-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto; }
.feat {
    position:relative;padding:0;border-radius:18px;
    background:var(--card);border:1px solid var(--border);
    transition:transform .35s var(--ease-out), border-color .35s, background .35s;
    overflow:hidden;will-change:transform;
}
.feat::before {
    content:'';position:absolute;inset:-1px;border-radius:18px;padding:1px;
    background:radial-gradient(circle 200px at var(--mx,50%) var(--my,50%), var(--accent-glow), transparent 70%);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude;
    opacity:0;transition:opacity .4s;pointer-events:none;
}
.feat:hover { transform:translateY(-6px); background:var(--card-hover); border-color:transparent; }
.feat:hover::before { opacity:1; }

.feat-motion {
    position:relative;height:120px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(180deg, rgba(0,0,0,.25), transparent);
    border-bottom:1px solid var(--border);
    overflow:hidden;
}
.feat-content { padding:22px 26px 26px; }
.feat h3 { font-size:1.05rem;font-weight:700;margin-bottom:8px;letter-spacing:-.3px; }
.feat p { color:var(--text2);font-size:.88rem;line-height:1.55; }

/* ────── MOTION 1 — CRM de clientes (avatars + currency tags) ────── */
.m-crm { display:flex;gap:14px;align-items:center; }
.m-crm-avatar {
    width:42px;height:42px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:700;font-size:.85rem;
    box-shadow:0 4px 12px rgba(0,0,0,.4);
    position:relative;
    animation:crmFloat 4s ease-in-out infinite;
}
.m-crm-avatar:nth-child(1) { background:linear-gradient(135deg,#bef264,#a3e635); animation-delay:0s; }
.m-crm-avatar:nth-child(2) { background:linear-gradient(135deg,#22d3ee,#0891b2); animation-delay:.5s; }
.m-crm-avatar:nth-child(3) { background:linear-gradient(135deg,#a855f7,#7c3aed); animation-delay:1s; }
.m-crm-avatar::after {
    content:attr(data-tag);position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);
    font-size:.55rem;font-weight:700;color:var(--accent);
    background:rgba(0,0,0,.6);padding:2px 6px;border-radius:4px;
    letter-spacing:.5px;
}
@keyframes crmFloat {
    0%,100% { transform:translateY(0); }
    50%     { transform:translateY(-5px); }
}

/* ────── MOTION 2 — Pipeline kanban com impacto no OK ────── */
.m-pipe { display:flex;gap:6px;width:80%;height:80%;align-items:center;padding:8px; }
.m-pipe-col {
    flex:1;height:90%;border-radius:6px;background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);position:relative;padding:6px 4px;
    display:flex;flex-direction:column;gap:4px;
    transition:border-color .3s, box-shadow .3s;
}
/* Última coluna (OK) tem flash quando o card chega */
.m-pipe-col.ok { animation:pipeOkFlash 5s ease-in-out infinite; }
@keyframes pipeOkFlash {
    0%,72%    { border-color:rgba(255,255,255,.06); box-shadow:none; background:rgba(255,255,255,.03); }
    75%,82%   { border-color:rgba(34,197,94,.55); box-shadow:0 0 22px rgba(34,197,94,.35), inset 0 0 12px rgba(34,197,94,.12); background:rgba(34,197,94,.06); }
    100%      { border-color:rgba(255,255,255,.06); box-shadow:none; background:rgba(255,255,255,.03); }
}
.m-pipe-col-head { font-size:.45rem;text-transform:uppercase;color:var(--text3);font-weight:700;letter-spacing:.4px;text-align:center;margin-bottom:2px; transition:color .3s; }
.m-pipe-col.ok .m-pipe-col-head { animation:pipeOkHead 5s ease-in-out infinite; }
@keyframes pipeOkHead {
    0%,72%    { color:var(--text3); }
    75%,85%   { color:#22c55e; text-shadow:0 0 8px rgba(34,197,94,.5); }
    100%      { color:var(--text3); text-shadow:none; }
}
.m-pipe-card {
    height:8px;border-radius:3px;background:rgba(255,255,255,.08);
}
.m-pipe-card.active {
    background:#fbbf24;
    animation:pipeMove 5s ease-in-out infinite;
}
@keyframes pipeMove {
    0%    { background:#fbbf24; transform:translateX(0) scale(1); }
    24%   { background:#fbbf24; transform:translateX(0) scale(1); }
    25%   { background:#a855f7; transform:translateX(calc(100% + 14px)) scale(1); }
    49%   { background:#a855f7; transform:translateX(calc(100% + 14px)) scale(1); }
    50%   { background:#22d3ee; transform:translateX(calc(200% + 28px)) scale(1); }
    74%   { background:#22d3ee; transform:translateX(calc(200% + 28px)) scale(1); }
    75%   { background:#22c55e; transform:translateX(calc(300% + 42px)) scale(1.4); box-shadow:0 0 14px rgba(34,197,94,.7); }
    82%   { background:#22c55e; transform:translateX(calc(300% + 42px)) scale(1); box-shadow:0 0 6px rgba(34,197,94,.4); }
    99%   { background:#22c55e; transform:translateX(calc(300% + 42px)) scale(1); }
    100%  { background:#fbbf24; transform:translateX(0) scale(1); }
}
/* Pop-up "+R$ XXX" verde subindo do OK */
.m-pipe-pop {
    position:absolute;left:50%;top:50%;transform:translate(-50%, 0) scale(.6);
    font-size:.6rem;font-weight:900;color:#22c55e;
    text-shadow:0 0 10px rgba(34,197,94,.8), 0 0 20px rgba(34,197,94,.4);
    white-space:nowrap;letter-spacing:-.2px;
    opacity:0;pointer-events:none;
    animation:pipePop 5s ease-out infinite;
    z-index:5;
}
@keyframes pipePop {
    0%,70%    { opacity:0; transform:translate(-50%, 0) scale(.6); }
    75%       { opacity:0; transform:translate(-50%, 0) scale(.6); }
    78%       { opacity:1; transform:translate(-50%, -8px) scale(1.25); }
    82%       { opacity:1; transform:translate(-50%, -16px) scale(1); }
    92%,100%  { opacity:0; transform:translate(-50%, -28px) scale(.95); }
}
/* Burst radial no momento do impacto */
.m-pipe-burst {
    position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;
    transform:translate(-50%,-50%);
    background:#22c55e;
    opacity:0;
    pointer-events:none;
    animation:pipeBurst 5s ease-out infinite;
}
@keyframes pipeBurst {
    0%,73%   { opacity:0; transform:translate(-50%,-50%) scale(0); box-shadow:0 0 0 0 rgba(34,197,94,.6); }
    75%      { opacity:1; transform:translate(-50%,-50%) scale(.5); box-shadow:0 0 0 4px rgba(34,197,94,.55); }
    82%      { opacity:0; transform:translate(-50%,-50%) scale(2.5); box-shadow:0 0 0 24px rgba(34,197,94,0); }
    100%     { opacity:0; transform:translate(-50%,-50%) scale(0); }
}

/* ────── MOTION 3 — Timer Pomodoro ────── */
.m-timer { position:relative;width:90px;height:90px; }
.m-timer-ring { transform:rotate(-90deg); }
.m-timer-ring circle { fill:none; }
.m-timer-ring .bg { stroke:rgba(245,158,11,.15); stroke-width:6; }
.m-timer-ring .fg {
    stroke:#f59e0b; stroke-width:6; stroke-linecap:round;
    stroke-dasharray:226;
    animation:timerFill 4s ease-in-out infinite;
    filter:drop-shadow(0 0 6px rgba(245,158,11,.5));
}
@keyframes timerFill {
    0%   { stroke-dashoffset:226; }
    100% { stroke-dashoffset:0; }
}
.m-timer-num {
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-family:'JetBrains Mono',monospace;font-weight:700;color:#f59e0b;
    font-size:.95rem;letter-spacing:-.5px;
    animation:timerCount 4s steps(60) infinite;
}
@keyframes timerCount { 0%{content:'00:00';} 100%{content:'25:00';} }

/* ────── MOTION 4 — Impostos counter ────── */
.m-tax { display:flex;flex-direction:column;gap:6px;width:80%;font-family:'JetBrains Mono',monospace; }
.m-tax-row { display:flex;justify-content:space-between;align-items:center;font-size:.7rem; }
.m-tax-row .lbl { color:var(--text3);font-weight:600;font-size:.6rem;text-transform:uppercase;letter-spacing:.3px; }
.m-tax-row .val { font-weight:700; }
.m-tax-row .val.bruto { color:#fff; }
.m-tax-row .val.imp   { color:#f43f5e; }
.m-tax-row .val.liq   { color:#22c55e;font-size:.85rem; }
.m-tax-bar {
    height:3px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden;
}
.m-tax-bar::after {
    content:'';display:block;height:100%;width:0;
    background:linear-gradient(90deg,#a855f7,#bef264);
    animation:taxFill 4s ease-in-out infinite;
}
@keyframes taxFill {
    0%   { width:0; }
    50%  { width:82%; }
    100% { width:82%; }
}

/* ────── MOTION 5 — Faturas (paper drawing) ────── */
.m-invoice {
    width:80px;height:96px;background:#fff;border-radius:6px;position:relative;
    box-shadow:0 8px 20px rgba(0,0,0,.5);
    animation:invFloat 4s ease-in-out infinite;
}
@keyframes invFloat {
    0%,100% { transform:rotate(-3deg) translateY(0); }
    50%     { transform:rotate(3deg) translateY(-4px); }
}
.m-invoice::before {
    content:'';position:absolute;top:8px;left:8px;right:8px;height:8px;
    background:linear-gradient(90deg,#1a1a1a 60%,transparent 60%);background-size:100% 100%;
    border-radius:1px;
}
.m-invoice-line {
    position:absolute;left:8px;right:8px;height:2px;background:#ddd;border-radius:1px;
    transform-origin:left;animation:invLine 4s ease-out infinite;
}
.m-invoice-line:nth-child(2) { top:24px; animation-delay:.2s; }
.m-invoice-line:nth-child(3) { top:32px; animation-delay:.4s;width:60%; }
.m-invoice-line:nth-child(4) { top:46px; animation-delay:.6s; }
.m-invoice-line:nth-child(5) { top:54px; animation-delay:.8s;width:80%; }
.m-invoice-line:nth-child(6) { top:62px; animation-delay:1s;width:40%; }
@keyframes invLine {
    0%,80%,100% { transform:scaleX(0); opacity:.4; }
    40%,60%     { transform:scaleX(1); opacity:1; }
}
.m-invoice-stamp {
    position:absolute;bottom:8px;right:8px;width:22px;height:22px;
    border-radius:50%;background:#22c55e;
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:.7rem;font-weight:900;
    animation:invStamp 4s ease-out infinite;
    box-shadow:0 0 10px rgba(34,197,94,.5);
}
@keyframes invStamp {
    0%,75%,100% { transform:scale(0) rotate(-30deg); }
    85%,90%     { transform:scale(1) rotate(0); }
}

/* ────── MOTION 6 — Multi-moeda 3D rotating cube ────── */
.m-curr { width:70px;height:70px;perspective:200px; }
.m-curr-cube {
    width:100%;height:100%;position:relative;transform-style:preserve-3d;
    animation:currRot 6s linear infinite;
}
.m-curr-face {
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-size:1.6rem;font-weight:900;color:#22d3ee;
    background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.25);border-radius:10px;
    backface-visibility:hidden;
}
.m-curr-face:nth-child(1) { transform:rotateY(0deg)   translateZ(35px); }
.m-curr-face:nth-child(2) { transform:rotateY(90deg)  translateZ(35px); color:#bef264; background:rgba(190,242,100,.06); border-color:rgba(190,242,100,.25); }
.m-curr-face:nth-child(3) { transform:rotateY(180deg) translateZ(35px); color:#a855f7; background:rgba(168,85,247,.06); border-color:rgba(168,85,247,.25); }
.m-curr-face:nth-child(4) { transform:rotateY(270deg) translateZ(35px); color:#f59e0b; background:rgba(245,158,11,.06); border-color:rgba(245,158,11,.25); }
@keyframes currRot {
    0%   { transform:rotateY(0); }
    100% { transform:rotateY(360deg); }
}

/* ────── MOTION 7 — Sync na nuvem ────── */
.m-sync { display:flex;align-items:center;gap:14px;color:#bef264; }
.m-sync .device {
    width:30px;height:22px;border:1.5px solid currentColor;border-radius:3px;position:relative;
}
.m-sync .device::after {
    content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);
    width:14px;height:2px;background:currentColor;border-radius:0 0 2px 2px;
}
.m-sync .cloud { font-size:1.5rem;line-height:1; }
.m-sync .arrow { width:28px;height:14px;position:relative;overflow:hidden; }
.m-sync .arrow::before, .m-sync .arrow::after {
    content:'';position:absolute;height:1.5px;background:currentColor;
    width:100%;top:50%;border-radius:1px;
}
.m-sync .arrow::before { animation:syncArr1 1.8s ease-in-out infinite; }
.m-sync .arrow::after  { animation:syncArr2 1.8s ease-in-out infinite .9s; }
@keyframes syncArr1 {
    0%   { transform:translate(-100%,0) translateY(-3px); opacity:0; }
    50%  { transform:translate(0,0) translateY(-3px); opacity:1; }
    100% { transform:translate(100%,0) translateY(-3px); opacity:0; }
}
@keyframes syncArr2 {
    0%   { transform:translate(100%,0) translateY(3px); opacity:0; }
    50%  { transform:translate(0,0) translateY(3px); opacity:1; }
    100% { transform:translate(-100%,0) translateY(3px); opacity:0; }
}

/* ────── MOTION 8 — Plugins (timeline com playhead + curva easing) ────── */
.m-plugin { width:90%;height:80%;display:flex;flex-direction:column;gap:8px;justify-content:center; }
.m-plugin-tl {
    height:24px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.18);
    border-radius:4px;position:relative;overflow:hidden;
}
.m-plugin-clip {
    position:absolute;top:3px;bottom:3px;left:6px;width:30%;
    background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;
}
.m-plugin-clip:nth-child(2) { left:42%; width:18%; background:linear-gradient(90deg,#a855f7,#c084fc); }
.m-plugin-clip:nth-child(3) { left:66%; width:30%; background:linear-gradient(90deg,#22d3ee,#67e8f9); }
.m-plugin-playhead {
    position:absolute;top:-4px;bottom:-4px;width:1.5px;background:#fff;
    box-shadow:0 0 8px #fff;
    animation:plugPlay 4s ease-in-out infinite;
}
@keyframes plugPlay {
    0%   { left:0; }
    100% { left:100%; }
}
.m-plugin-curve { width:100%;height:24px; }
.m-plugin-curve path {
    fill:none;stroke:#bef264;stroke-width:1.5;stroke-linecap:round;
    stroke-dasharray:120;stroke-dashoffset:120;
    animation:plugDraw 4s ease-in-out infinite;
}
@keyframes plugDraw {
    0%   { stroke-dashoffset:120; }
    50%  { stroke-dashoffset:0; }
    100% { stroke-dashoffset:0; }
}

/* ────── MOTION 9 — Offline-first (wifi off + check) ────── */
.m-offline { position:relative;width:60px;height:60px; }
.m-offline svg { position:absolute;inset:0; }
.m-offline .wifi {
    color:#22c55e;animation:offWifi 4s ease-in-out infinite;
}
.m-offline .check {
    color:#22c55e;opacity:0;animation:offCheck 4s ease-in-out infinite;
    filter:drop-shadow(0 0 8px rgba(34,197,94,.6));
}
@keyframes offWifi {
    0%,100% { opacity:1; }
    40%,80% { opacity:.3; }
}
@keyframes offCheck {
    0%,40%,100% { opacity:0; transform:scale(.5); }
    50%,80%     { opacity:1; transform:scale(1); }
}

/* Reveal-on-scroll */
.reveal { opacity:0; transform:translateY(30px); transition:opacity .8s var(--ease-out), transform .8s var(--ease-out); }
.reveal.in { opacity:1; transform:translateY(0); }
.reveal-stagger > * { opacity:0; transform:translateY(30px); transition:opacity .7s var(--ease-out), transform .7s var(--ease-out); }
.reveal-stagger.in > *:nth-child(1) { transition-delay:.05s; }
.reveal-stagger.in > *:nth-child(2) { transition-delay:.10s; }
.reveal-stagger.in > *:nth-child(3) { transition-delay:.15s; }
.reveal-stagger.in > *:nth-child(4) { transition-delay:.20s; }
.reveal-stagger.in > *:nth-child(5) { transition-delay:.25s; }
.reveal-stagger.in > *:nth-child(6) { transition-delay:.30s; }
.reveal-stagger.in > *:nth-child(7) { transition-delay:.35s; }
.reveal-stagger.in > *:nth-child(8) { transition-delay:.40s; }
.reveal-stagger.in > *:nth-child(9) { transition-delay:.45s; }
.reveal-stagger.in > * { opacity:1; transform:translateY(0); }

/* PLUGIN SHOWCASE — feature cards grandes com motion elaborado */
.plugin-showcase { padding-bottom:60px; }
.ps-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto; }
.ps-card {
    position:relative;border-radius:22px;overflow:hidden;
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.005));
    border:1px solid var(--border);
    transition:transform .4s var(--ease-out), border-color .4s, box-shadow .4s;
}
.ps-card:hover { transform:translateY(-6px); border-color:var(--border-hover); box-shadow:0 30px 70px rgba(0,0,0,.4); }
.ps-motion {
    position:relative;height:240px;
    background:radial-gradient(ellipse at center, rgba(190,242,100,.06), transparent 70%), #0a0a0a;
    border-bottom:1px solid var(--border);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
}
.ps-content { padding:26px 30px 30px; }
.ps-tag {
    display:inline-flex;align-items:center;gap:6px;
    padding:4px 10px;border-radius:99px;
    background:rgba(190,242,100,.1);color:var(--accent);
    font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;
    border:1px solid rgba(190,242,100,.2);
}
.ps-card h3 { font-size:1.2rem;font-weight:800;margin-bottom:10px;letter-spacing:-.4px; }
.ps-card p { color:var(--text2);font-size:.93rem;line-height:1.6; }

/* ────── MOTION YT DOWNLOADER ────── */
.m-yt {
    width:88%;height:78%;display:flex;flex-direction:column;gap:10px;justify-content:center;
}
.m-yt-input {
    display:flex;align-items:center;gap:10px;
    padding:8px 12px;border-radius:8px;
    background:rgba(255,255,255,.03);border:1px solid var(--border);
    font-family:'JetBrains Mono',monospace;font-size:.7rem;
}
.m-yt-platform {
    width:22px;height:22px;border-radius:5px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;color:#fff;
    font-size:.6rem;font-weight:900;
    animation:ytPlatform 8s steps(4) infinite;
}
.m-yt-platform::before {
    content:'YT'; display:block;
}
@keyframes ytPlatform {
    0%,25%   { background:#f43f5e; }
    25%,50%  { background:linear-gradient(135deg,#fb7185,#a855f7,#f59e0b); }
    50%,75%  { background:#000; }
    75%,100% { background:#1d9bf0; }
}
.m-yt-url {
    color:var(--text2);overflow:hidden;white-space:nowrap;
    flex:1;
    animation:ytUrl 8s steps(1) infinite;
}
.m-yt-url::before { content:'youtube.com/watch?v=k7q2...'; }
@keyframes ytUrl {
    0%,25%   { content:'youtube.com/watch?v=k7q2...'; }
    25%,50%  { content:'instagram.com/reel/Cz9...'; }
    50%,75%  { content:'tiktok.com/@user/video/...'; }
    75%,100% { content:'twitter.com/user/status/...'; }
}
.m-yt-fmt {
    flex-shrink:0;font-size:.6rem;color:var(--accent);font-weight:700;
    padding:2px 8px;border-radius:4px;background:rgba(190,242,100,.1);border:1px solid rgba(190,242,100,.25);
}

.m-yt-progress {
    height:5px;border-radius:4px;background:rgba(255,255,255,.04);overflow:hidden;
    border:1px solid var(--border);
}
.m-yt-bar {
    height:100%;width:0;
    background:linear-gradient(90deg,#22c55e,var(--accent));
    box-shadow:0 0 8px var(--accent-glow);
    animation:ytBarFill 4s ease-in-out infinite;
}
@keyframes ytBarFill {
    0%,5%   { width:0; }
    70%     { width:100%; }
    72%,100%{ width:100%; opacity:0; }
}

.m-yt-stats {
    display:flex;justify-content:space-between;
    font-size:.55rem;color:var(--text3);font-family:'JetBrains Mono',monospace;
}
.m-yt-stats span:first-child { color:var(--accent); }

.m-yt-result {
    display:flex;align-items:center;gap:8px;
    padding:8px 12px;border-radius:8px;
    background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2);
    font-size:.7rem;color:#22c55e;font-weight:600;
    opacity:0;transform:translateY(10px);
    animation:ytResult 4s ease-in-out infinite;
}
.m-yt-result svg { flex-shrink:0;color:#22c55e; }
@keyframes ytResult {
    0%,72%   { opacity:0; transform:translateY(10px); }
    80%,95%  { opacity:1; transform:translateY(0); }
    100%     { opacity:0; transform:translateY(10px); }
}

/* ────── MOTION BG REMOVER ────── */
.m-bg {
    width:170px;height:170px;position:relative;border-radius:14px;overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,.5);
}
.m-bg-original {
    position:absolute;inset:0;
    background:linear-gradient(135deg,#a855f7,#22d3ee,#bef264);
    display:flex;align-items:flex-end;justify-content:center;
    overflow:hidden;
}
.m-bg-checker {
    position:absolute;inset:0;opacity:0;
    background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);
    background-size:14px 14px;background-position:0 0,0 7px,7px -7px,7px 0;
    background-color:#1a1a1a;
    animation:bgCheckerShow 5s ease-in-out infinite;
}
@keyframes bgCheckerShow {
    0%,40%   { opacity:0; }
    65%,95%  { opacity:1; }
    100%     { opacity:0; }
}
.m-bg-person {
    position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:90px;height:140px;
    z-index:2;
}
/* Person silhouette via CSS — head + body */
.m-bg-person::before {
    content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
    width:38px;height:38px;border-radius:50%;
    background:#fff;
    box-shadow:0 0 20px rgba(255,255,255,.15);
}
.m-bg-person::after {
    content:'';position:absolute;top:32px;left:50%;transform:translateX(-50%);
    width:74px;height:108px;
    background:#fff;
    border-radius:32px 32px 8px 8px;
    box-shadow:0 0 20px rgba(255,255,255,.15);
}
.m-bg-scan {
    position:absolute;left:0;right:0;height:3px;top:0;z-index:3;
    background:linear-gradient(90deg,transparent,var(--accent),transparent);
    box-shadow:0 0 16px var(--accent), 0 0 30px var(--accent-glow);
    animation:bgScan 5s ease-in-out infinite;
}
@keyframes bgScan {
    0%,40%   { top:-5%; opacity:0; }
    42%      { opacity:1; }
    60%      { top:100%; opacity:1; }
    62%,100% { opacity:0; }
}
.m-bg-bg {
    position:absolute;inset:0;z-index:1;
    background:linear-gradient(135deg,#a855f7,#22d3ee,#bef264);
    animation:bgFade 5s ease-in-out infinite;
}
@keyframes bgFade {
    0%,40%   { opacity:1; }
    65%,95%  { opacity:0; }
    100%     { opacity:1; }
}
.m-bg-label {
    position:absolute;bottom:8px;left:50%;transform:translateX(-50%);
    font-size:.55rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;
    padding:3px 9px;border-radius:99px;
    background:rgba(0,0,0,.6);backdrop-filter:blur(8px);
    z-index:4;
    color:#fff;
    animation:bgLabel 5s ease-in-out infinite;
}
@keyframes bgLabel {
    0%,40%   { opacity:0; transform:translateX(-50%) translateY(8px); }
    50%,55%  { opacity:1; transform:translateX(-50%) translateY(0); content:'PROCESSANDO'; }
    65%,95%  { opacity:1; transform:translateX(-50%) translateY(0); }
    100%     { opacity:0; transform:translateX(-50%) translateY(8px); }
}

/* COMPARATIVO */
.compare-section { background:linear-gradient(180deg, transparent, rgba(190,242,100,.025), transparent); }
.compare-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;margin:0 auto; }
.compare-col {
    padding:36px 32px;border-radius:20px;border:1px solid var(--border);background:var(--card);
}
.compare-col.bad {
    border-color:rgba(244,63,94,.18);
    background:linear-gradient(180deg, rgba(244,63,94,.04), transparent);
}
.compare-col.good {
    border-color:rgba(190,242,100,.3);
    background:linear-gradient(180deg, rgba(190,242,100,.06), transparent);
    box-shadow:0 20px 50px rgba(190,242,100,.06);
}
.compare-head { display:flex;align-items:center;gap:10px;margin-bottom:22px;font-weight:700;font-size:1.1rem; }
.compare-head .badge {
    font-size:.6rem;font-weight:800;padding:3px 9px;border-radius:99px;letter-spacing:.5px;text-transform:uppercase;
}
.compare-col.bad .badge { background:rgba(244,63,94,.12); color:#fb7185; }
.compare-col.good .badge { background:rgba(190,242,100,.16); color:var(--accent); }
.compare-list { list-style:none;padding:0;display:flex;flex-direction:column;gap:14px; }
.compare-list li { display:flex;align-items:flex-start;gap:10px;color:var(--text2);font-size:.92rem;line-height:1.5; }
.compare-list li::before { content:'';flex-shrink:0;width:18px;height:18px;border-radius:50%;margin-top:2px;display:inline-block; }
.compare-col.bad .compare-list li::before {
    background:rgba(244,63,94,.12) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fb7185' stroke-width='3' stroke-linecap='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>") center/12px no-repeat;
}
.compare-col.good .compare-list li::before {
    background:rgba(190,242,100,.16) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23bef264' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/12px no-repeat;
}
.compare-col.good .compare-list li { color:var(--text); }

/* PRICING */
.pricing-grid { display:flex;justify-content:center; }
.plan {
    position:relative;width:100%;max-width:460px;
    padding:38px 34px 32px;border-radius:22px;
    background:linear-gradient(180deg, rgba(190,242,100,.05), rgba(255,255,255,.012));
    border:1px solid rgba(190,242,100,.18);
    transition:transform .4s var(--ease-out), box-shadow .4s;
    overflow:hidden;
}
.plan::before {
    content:'';position:absolute;top:-50%;right:-30%;width:400px;height:400px;border-radius:50%;
    background:radial-gradient(circle, rgba(190,242,100,.18), transparent 70%);
    pointer-events:none;animation:floatGlow 8s ease-in-out infinite alternate;
}
@keyframes floatGlow {
    0%   { transform:translate(0,0); }
    100% { transform:translate(-30px,30px); }
}
.plan:hover { transform:translateY(-6px); box-shadow:0 30px 70px rgba(190,242,100,.15); }

.plan-badge {
    position:absolute;top:-1px;right:24px;
    background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0a0a0a;
    font-size:.62rem;font-weight:800;padding:6px 14px;border-radius:0 0 8px 8px;letter-spacing:1px;
}
.plan-name { font-size:.78rem;color:var(--text3);text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:6px; }
.plan-price {
    font-size:3.2rem;font-weight:900;letter-spacing:-2.5px;line-height:1;
    color:var(--text);margin-bottom:6px;font-variant-numeric:tabular-nums;
}
.plan-price .curr { font-size:1.4rem;color:var(--text3);font-weight:600;margin-right:6px;vertical-align:top; }
.plan-price .period { font-size:1rem;color:var(--text3);font-weight:500; }
.plan-cancel-note { color:var(--text3);font-size:.78rem;margin-bottom:24px;display:inline-flex;align-items:center;gap:6px; }
.plan-cancel-note::before { content:'';width:6px;height:6px;border-radius:50%;background:var(--accent); }
.plan-features { list-style:none;padding:0;display:flex;flex-direction:column;gap:11px;margin-bottom:28px; }
.plan-features li { color:var(--text);font-size:.94rem;display:flex;align-items:center;gap:10px; }
.plan-features li svg { color:var(--accent);flex-shrink:0; }
.plan-btn {
    display:flex;align-items:center;justify-content:center;gap:8px;
    text-decoration:none;
    background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0a0a0a;font-weight:800;
    padding:15px;border-radius:12px;font-size:1rem;letter-spacing:-.2px;
    transition:transform .25s var(--ease-out), box-shadow .25s;position:relative;overflow:hidden;
}
.plan-btn::before {
    content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
    transition:left .8s var(--ease-out);
}
.plan-btn:hover::before { left:130%; }
.plan-btn:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(190,242,100,.4); }

/* FAQ */
.faq-list { max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:10px; }
.faq-item {
    background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 22px;
    transition:border-color .25s, background .25s;
}
.faq-item:hover { border-color:var(--border-hover); }
.faq-item summary {
    cursor:pointer;font-weight:600;font-size:.98rem;list-style:none;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after {
    content:'+';font-size:1.6rem;font-weight:300;color:var(--accent);
    transition:transform .3s var(--ease-out);
}
.faq-item[open] summary::after { transform:rotate(45deg); }
.faq-item p { color:var(--text2);font-size:.92rem;margin-top:14px;line-height:1.65; }

/* FINAL CTA */
.final-cta { text-align:center;padding:120px clamp(20px,5vw,60px);position:relative;overflow:hidden; }
.final-cta::before {
    content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;border-radius:50%;
    background:radial-gradient(circle, rgba(190,242,100,.12), transparent 60%);
    transform:translate(-50%,-50%);pointer-events:none;
}
.final-cta h2 {
    position:relative;font-size:clamp(2rem,4.5vw,3.6rem);font-weight:900;
    letter-spacing:-.04em;line-height:1.05;max-width:18ch;margin:0 auto 18px;
    background:linear-gradient(135deg,#fff,var(--accent));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.final-cta p { position:relative;color:var(--text2);font-size:1.1rem;max-width:48ch;margin:0 auto 36px; }

/* FOOTER */
footer { padding:80px clamp(20px,5vw,60px) 40px;border-top:1px solid var(--border); }
.footer-grid { max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px; }
.footer-col .logo { font-size:1.05rem;margin-bottom:12px; }
.footer-desc { color:var(--text3);font-size:.86rem;line-height:1.55; }
.footer-title { font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text2);font-weight:700;margin-bottom:14px; }
.footer-col a {
    display:block;color:var(--text3);text-decoration:none;font-size:.88rem;margin-bottom:8px;
    transition:color .2s;
}
.footer-col a:hover { color:var(--accent); }
.footer-bottom {
    max-width:1180px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--border);
    text-align:center;color:var(--text4);font-size:.78rem;
}

/* RESPONSIVE */
@media (max-width: 880px) {
    .features-grid { grid-template-columns:repeat(2,1fr); }
    .compare-grid { grid-template-columns:1fr; }
    .footer-grid { grid-template-columns:repeat(2,1fr); }
    .mock { grid-template-columns:1fr;padding:18px; }
}
@media (max-width: 540px) {
    .hero { padding:60px 18px 40px; }
    .features-grid { grid-template-columns:1fr; }
    .footer-grid { grid-template-columns:1fr;gap:30px; }
    .hero-ctas { flex-direction:column;width:100%; }
    .buy-btn, .secondary-btn { width:100%; }
    .marquee { gap:30px; }
    .marquee-item strong { font-size:1.1rem; }
    /* Nav compacta: esconde divisor e seta do CTA pra caber */
    .nav-divider { display:none; }
    .nav-cta svg { display:none; }
    .nav-cta { padding:9px 14px; }
    .nav-login { padding:9px 10px; font-size:.78rem; }
    nav { padding:14px 18px; }
}
@media (max-width: 380px) {
    /* Em telas muito apertadas, esconde "Entrar" — fica só lang + CTA */
    .nav-login { display:none; }
}

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