/* ── Variables ─────────────────────────────── */
    :root {
      --c0: #03070d;
      --c1: #050b15;
      --c2: #0d1523;
      --c3: #131929;
      --c4: #02263b;
      --blue: #0481cb;
      --blue2: #2b94d4;
      --cyan: #38bdf8;
      --cyan2: #7dd3fc;
      --white: #f8fafc;
      --light: #e2e8f0;
      --muted: #94a3b8;
      --dim: #475569;
      --border: rgba(56,189,248,.15);
      --border2: rgba(56,189,248,.25);
      --glow: rgba(4,129,203,.2);
      --glow2: rgba(56,189,248,.12);
      --glass: rgba(5,11,21,.75);
      --glass2: rgba(13,21,35,.6);
      --card: rgba(5,11,21,.85);
      --r: 1.25rem;
      --r2: 2rem;
      --sans: 'Manrope','Segoe UI',system-ui,sans-serif;
      --display: 'Poppins','Segoe UI',system-ui,sans-serif;
    }

    /* ── Reset ─────────────────────────────────── */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
    body{font-family:var(--sans);background:var(--c0);color:var(--white);line-height:1.65;overflow-x:hidden}
    img{max-width:100%;height:auto;display:block}
    a{color:inherit;text-decoration:none}
    ul{list-style:none}
    button{cursor:pointer;border:none;background:none;font-family:inherit}

    /* ── Global bg glow ────────────────────────── */
    body::before{
      content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
      background:
        radial-gradient(ellipse 70% 50% at 15% 5%, rgba(4,129,203,.1) 0%,transparent 55%),
        radial-gradient(ellipse 50% 40% at 85% 95%, rgba(56,189,248,.07) 0%,transparent 55%),
        linear-gradient(180deg,var(--c0) 0%,var(--c1) 50%,var(--c0) 100%);
    }

    /* ── Container ─────────────────────────────── */
    .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}

    /* ── Gradient text ─────────────────────────── */
    .grad{background:linear-gradient(135deg,var(--white) 0%,var(--cyan2) 60%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .grad-blue{background:linear-gradient(135deg,var(--blue2) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

    /* ── Buttons ───────────────────────────────── */
    .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:50px;font-size:.9rem;font-weight:700;transition:all .2s;cursor:pointer;white-space:nowrap}
    .btn-primary{background:linear-gradient(135deg,var(--blue) 0%,var(--blue2) 100%);color:#fff;box-shadow:0 0 24px rgba(4,129,203,.4)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 36px rgba(4,129,203,.6)}
    .btn-outline{border:1.5px solid var(--border2);color:var(--cyan);background:rgba(56,189,248,.05)}
    .btn-outline:hover{background:rgba(56,189,248,.1);border-color:var(--cyan);transform:translateY(-2px)}
    .btn-ghost{color:var(--muted);font-size:.875rem;font-weight:600;padding:.5rem 1rem}
    .btn-ghost:hover{color:var(--white)}
    .btn-lg{padding:1rem 2.25rem;font-size:1rem}
    .btn-sm{padding:.5rem 1.25rem;font-size:.8rem}

    /* ── Section common ────────────────────────── */
    section{padding:5rem 0;position:relative;z-index:1}
    .section-label{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:50px;border:1px solid var(--border2);background:rgba(56,189,248,.07);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.25rem}
    .section-title{font-family:var(--display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.2;margin-bottom:1rem}
    .section-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75}
    .center{text-align:center}
    .center .section-sub{margin:0 auto}
    .divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0}

    /* ── Card base ─────────────────────────────── */
    .card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:2rem;backdrop-filter:blur(12px);transition:border-color .2s,box-shadow .2s}
    .card:hover{border-color:var(--border2);box-shadow:0 0 32px var(--glow2)}

    /* ── NAV ───────────────────────────────────── */
    .nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.9rem 0;transition:background .3s,box-shadow .3s}
    .nav.scrolled{background:rgba(3,7,13,.92);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border)}
    .nav-inner{display:flex;align-items:center;gap:2rem}
    .nav-logo{display:flex;align-items:center;flex-shrink:0}
    .nav-logo img{height:32px;width:auto}
    .nav-logo-text{font-family:var(--display);font-size:1.4rem;font-weight:800;color:var(--white)}
    .nav-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}
    .nav-links a{font-size:.875rem;font-weight:600;color:var(--muted);padding:.5rem .875rem;border-radius:50px;transition:color .2s,background .2s}
    .nav-links a:hover{color:var(--white);background:rgba(255,255,255,.06)}
    .nav-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;padding-top:7px}
    .hamburger{display:none;flex-direction:column;gap:5px;padding:.5rem}
    .hamburger span{width:22px;height:2px;background:var(--muted);border-radius:2px;transition:.2s}
    @media(max-width:768px){
      .nav-links{display:none;position:fixed;top:64px;left:0;right:0;flex-direction:column;background:rgba(3,7,13,.97);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:1rem 1.5rem 1.5rem;gap:.25rem}
      .nav-links.open{display:flex}
      .hamburger{display:flex}
      .nav-actions .btn-ghost{display:none}
    }

    /* ── HERO ──────────────────────────────────── */
    .hero{min-height:100vh;display:flex;align-items:center;padding-top:5rem;padding-bottom:3rem;overflow:hidden}
    .hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:50px;border:1px solid rgba(56,189,248,.3);background:rgba(56,189,248,.07);font-size:.75rem;font-weight:700;color:var(--cyan);margin-bottom:1.5rem;animation:fadeUp .6s ease both}
    .hero-badge span{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pulse 2s infinite}
    .hero h1{font-family:var(--display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1.25rem;animation:fadeUp .6s .1s ease both}
    .hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;margin-bottom:2rem;max-width:480px;animation:fadeUp .6s .2s ease both}
    .hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;animation:fadeUp .6s .3s ease both}
    .hero-stats{display:flex;gap:1.25rem;margin-top:2.5rem;flex-wrap:nowrap;animation:fadeUp .6s .4s ease both}
    .hero-stat{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--muted);font-weight:600;white-space:nowrap}
    .hero-stat svg{color:var(--cyan);flex-shrink:0}
    .hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
    .hero-visual{animation:fadeUp .6s .2s ease both;position:relative}
    /* dashboard mockup */
    @property --neon-a{syntax:'<angle>';initial-value:0deg;inherits:false}
    .mockup-neon-wrap{position:relative;border-radius:calc(1.5rem + 2px);padding:2px;--neon-a:0deg;background:conic-gradient(from var(--neon-a),var(--cyan) 0%,var(--blue2) 15%,var(--blue) 35%,rgba(4,129,203,.1) 50%,var(--blue) 65%,var(--blue2) 85%,var(--cyan) 100%);animation:neon-rotate 5s linear infinite;box-shadow:0 0 40px rgba(56,189,248,.15),0 0 80px rgba(4,129,203,.1)}
    @keyframes neon-rotate{to{--neon-a:360deg}}
    .mockup{background:linear-gradient(160deg,rgba(13,21,35,.98) 0%,rgba(5,11,21,1) 100%);border:none;border-radius:1.5rem;overflow:hidden;position:relative}
    .mockup::before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
    .mockup-bar{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border)}
    .mockup-dot{width:10px;height:10px;border-radius:50%}
    .mockup-title{font-size:.7rem;font-weight:700;color:var(--muted);margin-left:.5rem;letter-spacing:.08em}
    .mockup-body{display:flex;gap:0}
    .mockup-sidebar{width:48px;border-right:1px solid var(--border);padding:.75rem .5rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}
    .mockup-nav-dot{width:28px;height:28px;border-radius:.5rem;background:rgba(56,189,248,.08)}
    .mockup-nav-dot.active{background:rgba(4,129,203,.3);border:1px solid rgba(4,129,203,.4)}
    .mockup-content{flex:1;padding:1rem;min-width:0}
    .mockup-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}
    .mockup-kpi{background:rgba(56,189,248,.05);border:1px solid var(--border);border-radius:.75rem;padding:.6rem .7rem}
    .mockup-kpi-val{font-size:.9rem;font-weight:800;color:var(--white);line-height:1}
    .mockup-kpi-lbl{font-size:.55rem;color:var(--muted);margin-top:.2rem;font-weight:600}
    .mockup-chart{background:rgba(56,189,248,.03);border:1px solid var(--border);border-radius:.75rem;padding:.75rem;height:80px;display:flex;align-items:flex-end;gap:4px;overflow:hidden}
    .mockup-bar-item{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--blue2),rgba(4,129,203,.4));animation:barGrow 1.2s ease both}
    .mockup-bar-item:nth-child(1){height:40%;animation-delay:.1s}
    .mockup-bar-item:nth-child(2){height:65%;animation-delay:.15s}
    .mockup-bar-item:nth-child(3){height:45%;animation-delay:.2s}
    .mockup-bar-item:nth-child(4){height:80%;animation-delay:.25s}
    .mockup-bar-item:nth-child(5){height:55%;animation-delay:.3s}
    .mockup-bar-item:nth-child(6){height:90%;animation-delay:.35s;background:linear-gradient(180deg,var(--cyan),rgba(56,189,248,.4))}
    .mockup-bar-item:nth-child(7){height:70%;animation-delay:.4s}
    .mockup-bar-item:nth-child(8){height:50%;animation-delay:.45s}
    .mockup-widgets{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}
    .mockup-widget{background:rgba(56,189,248,.04);border:1px solid var(--border);border-radius:.75rem;padding:.6rem}
    .mockup-widget-hdr{font-size:.55rem;color:var(--muted);font-weight:700;margin-bottom:.4rem}
    .mockup-chip{display:inline-block;padding:.15rem .4rem;border-radius:50px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25);font-size:.5rem;color:#34d399;font-weight:700}
    .mockup-line{height:1.5px;border-radius:1px;background:linear-gradient(90deg,var(--blue),var(--cyan),transparent);margin-top:.4rem;animation:lineGrow 1.5s ease both}
    .mockup-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(4,129,203,.15),transparent 70%);pointer-events:none}
    @media(max-width:960px){
      .hero-inner{grid-template-columns:1fr;text-align:center;padding-top:0}
      .hero-sub{margin:0 auto 2rem}
      .hero-actions{justify-content:center}
      .hero-stats{justify-content:center;flex-wrap:wrap}
      .hero-visual{max-width:500px;margin:0 auto;padding-top:0}
    }

    /* ── AUDIENCES ─────────────────────────────── */
    .audiences{padding:2.5rem 0 5rem}
    .audiences-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}
    .audience-card{border-radius:var(--r2);padding:2.5rem;border:1px solid var(--border);position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(13,21,35,.9) 0%,rgba(5,11,21,.95) 100%);transition:border-color .25s,transform .25s}
    .audience-card:hover{border-color:var(--border2);transform:translateY(-4px)}
    .audience-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
    .audience-card.blue::before{background:linear-gradient(90deg,var(--blue),var(--blue2))}
    .audience-card.cyan::before{background:linear-gradient(90deg,var(--cyan),var(--cyan2))}
    .audience-icon{width:52px;height:52px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;flex-shrink:0}
    .audience-icon.blue{background:rgba(4,129,203,.15);border:1px solid rgba(4,129,203,.25)}
    .audience-icon.cyan{background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.2)}
    .audience-card h3{font-family:var(--display);font-size:1.4rem;font-weight:700;margin-bottom:.75rem}
    .audience-card p{font-size:.9rem;color:var(--muted);line-height:1.8;margin-bottom:1.5rem}
    .audience-bullets{display:flex;flex-direction:column;gap:.6rem}
    .audience-bullets li{display:flex;align-items:center;gap:.625rem;font-size:.85rem;font-weight:600;color:var(--light)}
    .audience-bullets li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0}
    @media(max-width:768px){.audiences-grid{grid-template-columns:1fr}}

    /* ── DIFFERENTIALS ─────────────────────────── */
    .diffs{padding:5rem 0;background:linear-gradient(180deg,transparent,rgba(2,38,59,.15),transparent)}
    .diffs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}
    .diff-card{border-radius:var(--r2);padding:2rem;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:all .25s}
    .diff-card:hover{border-color:var(--border2);box-shadow:0 8px 40px var(--glow2);transform:translateY(-4px)}
    .diff-card-glow{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;pointer-events:none;opacity:.4}
    .diff-icon{width:48px;height:48px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;border:1px solid var(--border2)}
    .diff-card h3{font-family:var(--display);font-size:1.15rem;font-weight:700;margin-bottom:.75rem}
    .diff-card p{font-size:.85rem;color:var(--muted);line-height:1.75;margin-bottom:1.25rem}
    .diff-tags{display:flex;flex-wrap:wrap;gap:.4rem}
    .diff-tag{padding:.2rem .65rem;border-radius:50px;font-size:.7rem;font-weight:700;background:rgba(56,189,248,.08);border:1px solid var(--border);color:var(--cyan2)}
    @media(max-width:900px){.diffs-grid{grid-template-columns:1fr}}

    /* ── FEATURES ──────────────────────────────── */
    .features{padding:5rem 0}
    .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}
    .feat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s;cursor:default;backdrop-filter:blur(8px)}
    .feat-card:hover{border-color:var(--border2);background:rgba(5,11,21,.95);transform:translateY(-3px);box-shadow:0 8px 32px var(--glow2)}
    .feat-icon{width:40px;height:40px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border2)}
    .feat-icon svg{width:18px;height:18px;stroke:var(--cyan);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .feat-card h4{font-size:.9rem;font-weight:700;line-height:1.3}
    .feat-card p{font-size:.8rem;color:var(--muted);line-height:1.65;flex:1}
    .feat-badge{display:inline-block;padding:.15rem .55rem;border-radius:50px;font-size:.65rem;font-weight:700;align-self:flex-start}
    .badge-new{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);color:#a5b4fc}
    .badge-soon{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#fbbf24}
    .feat-card.featured{position:relative;border-color:rgba(4,129,203,.5);background:linear-gradient(160deg,rgba(4,129,203,.1) 0%,var(--card) 60%)}
    .feat-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:var(--r) var(--r) 0 0}
    @media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:560px){.features-grid{grid-template-columns:1fr}}

    /* ── PAIN SECTION ──────────────────────────── */
    .pain{padding:5rem 0;background:linear-gradient(180deg,transparent,rgba(30,10,5,.2),transparent)}
    .pain-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:3rem}
    .pain-cards{display:flex;flex-direction:column;gap:1rem}
    .pain-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border-radius:var(--r);border:1px solid rgba(245,158,11,.15);background:rgba(245,158,11,.04);transition:all .2s}
    .pain-card:hover{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.07)}
    .pain-icon{width:36px;height:36px;border-radius:.5rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .pain-icon svg{width:18px;height:18px;stroke:#f59e0b;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .pain-card h4{font-size:.875rem;font-weight:700;color:var(--light);margin-bottom:.3rem}
    .pain-card p{font-size:.8rem;color:var(--muted);line-height:1.6}
    .pain-solution{background:linear-gradient(135deg,rgba(4,129,203,.08) 0%,rgba(56,189,248,.05) 100%);border:1px solid var(--border2);border-radius:var(--r2);padding:2.5rem;position:relative;overflow:hidden}
    .pain-solution::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
    .pain-solution h3{font-family:var(--display);font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:1rem}
    .pain-solution p{font-size:.875rem;color:var(--muted);line-height:1.8;margin-bottom:1.5rem}
    .pain-bullets{display:flex;flex-direction:column;gap:.75rem}
    .pain-bullet{display:flex;align-items:flex-start;gap:.625rem;font-size:.85rem;color:var(--light)}
    .pain-bullet-icon{width:20px;height:20px;border-radius:50%;background:rgba(56,189,248,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
    .pain-bullet-icon svg{width:11px;height:11px;stroke:var(--cyan);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
    @media(max-width:768px){.pain-inner{grid-template-columns:1fr}}

    /* ── HOW IT WORKS ──────────────────────────── */
    .how{padding:5rem 0;background:linear-gradient(180deg,transparent,rgba(2,38,59,.12),transparent)}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3.5rem;position:relative}
    .steps::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border2),var(--border2),transparent);z-index:0}
    .step{text-align:center;position:relative;z-index:1}
    .step-num{width:80px;height:80px;border-radius:50%;border:1px solid var(--border2);background:var(--card);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;position:relative;backdrop-filter:blur(12px)}
    .step-num::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px dashed var(--border);animation:spin 12s linear infinite}
    .step-num svg{width:28px;height:28px;stroke:var(--cyan);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .step h3{font-family:var(--display);font-size:1.05rem;font-weight:700;margin-bottom:.5rem}
    .step p{font-size:.85rem;color:var(--muted);line-height:1.7;max-width:240px;margin:0 auto}
    @media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}.steps::before{display:none}}
    @media(max-width:560px){.steps{grid-template-columns:1fr;gap:2rem}}

    /* ── IA SECTION ────────────────────────────── */
    .ia-section{padding:5rem 0}
    .ia-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}

    /* ── Fluxos section ─────────────────────────── */
    .flows-section{padding:5rem 0}
    .flows-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
    .flows-visual{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:2.75rem 2rem;position:relative;overflow:hidden}
    .flows-visual::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan),transparent)}
    .flx-node{display:flex;align-items:center;gap:.875rem;padding:.9rem 1.1rem;border-radius:1rem;background:rgba(5,11,21,.92);border:1.5px solid var(--nc,var(--cyan));box-shadow:0 0 22px rgba(var(--nca,56,189,248),.14);animation:fadeUp .5s ease both}
    .flx-node-ico{width:38px;height:38px;border-radius:.65rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--nca,56,189,248),.14);border:1px solid var(--nc,var(--cyan))}
    .flx-node-ico svg{width:19px;height:19px;stroke:var(--nc,var(--cyan));fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .flx-node-tag{display:block;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--nc,var(--cyan));opacity:.75;margin-bottom:.15rem}
    .flx-node-name{font-size:.85rem;font-weight:700;color:var(--light)}
    .flx-line{width:2px;height:32px;margin:0 0 0 2.85rem;position:relative;background:linear-gradient(180deg,var(--cyan),var(--blue));opacity:.4;animation:fadeUp .5s ease both}
    .flx-pkt{position:absolute;top:-4px;left:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--cyan),0 0 20px var(--cyan);animation:flxPktSlide 2.2s linear infinite}
    @keyframes flxPktSlide{0%{top:-4px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:calc(100% - 4px);opacity:0}}
    @media(max-width:768px){.flows-inner{grid-template-columns:1fr}}
    .ia-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
    .ia-chip{display:flex;align-items:center;gap:.4rem;padding:.4rem .875rem;border-radius:50px;border:1px solid var(--border2);background:rgba(56,189,248,.06);font-size:.78rem;font-weight:600;color:var(--cyan2)}
    .ia-chip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
    .ia-visual{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:1.5rem;position:relative;overflow:hidden}
    .ia-visual::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan),transparent)}
    .chat-msg{display:flex;gap:.75rem;margin-bottom:1rem;animation:fadeUp .4s ease both}
    .chat-msg.user{flex-direction:row-reverse}
    .chat-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;font-weight:800}
    .chat-avatar.ai{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}
    .chat-avatar.user{background:rgba(100,116,139,.2);border:1px solid var(--border);color:var(--muted)}
    .chat-bubble{max-width:82%;padding:.65rem 1rem;border-radius:1rem;font-size:.8rem;line-height:1.6}
    .chat-bubble.ai{background:rgba(4,129,203,.12);border:1px solid rgba(4,129,203,.2);border-radius:.25rem 1rem 1rem 1rem;color:var(--light)}
    .chat-bubble.user{background:rgba(100,116,139,.12);border:1px solid var(--border);border-radius:1rem 1rem .25rem 1rem;color:var(--muted);text-align:right}
    .sql-block{background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:.625rem;padding:.75rem;margin-top:.5rem;font-family:'Courier New',monospace;font-size:.72rem;color:var(--cyan2);line-height:1.6}
    .sql-kw{color:#f0abfc}
    .sql-fn{color:var(--cyan)}
    .sql-str{color:#86efac}
    @media(max-width:768px){.ia-inner{grid-template-columns:1fr}}

    /* ── INTEGRATIONS ──────────────────────────── */
    .integrations{padding:5rem 0}
    .int-section{margin-top:3rem}
    .int-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:1rem}
    .int-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}
    .int-item{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;border-radius:50px;border:1px solid var(--border);background:var(--card);font-size:.8rem;font-weight:700;color:var(--muted);transition:all .2s}
    .int-item:hover{border-color:var(--border2);color:var(--white)}
    .int-item img{width:20px;height:20px;object-fit:contain}
    .int-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);flex-shrink:0}

    /* ── PLANS ─────────────────────────────────── */
    .plans{padding:5rem 0}
    .plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;max-width:840px;margin-left:auto;margin-right:auto}
    .plan-card{border-radius:var(--r2);border:1px solid var(--border);padding:3.75rem 2.5rem 2.5rem;background:var(--card);backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:all .25s}
    .plan-card.featured{border-color:rgba(4,129,203,.5);background:linear-gradient(160deg,rgba(4,129,203,.08) 0%,var(--card) 60%)}
    .plan-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
    .plan-badge{position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);white-space:nowrap;padding:.3rem .9rem;border-radius:50px;font-size:.7rem;font-weight:700;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 6px 16px rgba(4,129,203,.35);z-index:2}
    .plan-badge-default{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.7rem;font-weight:700;background:rgba(100,116,139,.15);border:1px solid rgba(100,116,139,.3);color:var(--muted);margin-bottom:1.25rem}
    .plan-name{font-family:var(--display);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}
    .plan-price{font-family:var(--display);font-size:1.1rem;font-weight:700;color:var(--muted);margin-bottom:1.5rem}
    .plan-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}
    .plan-feat{display:flex;align-items:flex-start;gap:.625rem;font-size:.85rem;color:var(--light)}
    .plan-feat svg{width:16px;height:16px;stroke:var(--cyan);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:2px}
    @media(max-width:700px){.plans-grid{grid-template-columns:1fr}}
    .plans-grid-3{grid-template-columns:repeat(3,1fr);max-width:1120px}
    .plans-grid-2{grid-template-columns:repeat(2,1fr);max-width:760px}
    @media(max-width:900px){.plans-grid-3{grid-template-columns:1fr 1fr}}
    @media(max-width:700px){.plans-grid-3,.plans-grid-2{grid-template-columns:1fr}}
    .plan-card{display:flex;flex-direction:column}
    .plan-audience{font-size:.8rem;color:var(--muted);min-height:2.4em;margin-bottom:1.25rem;line-height:1.5}
    .plan-amount{font-family:var(--display);font-size:1.75rem;font-weight:800;color:var(--white);margin-bottom:.25rem}
    .plan-amount small{font-size:.85rem;font-weight:600;color:var(--muted)}
    .plan-discount-tag{display:inline-block;margin-left:.5rem;padding:.15rem .5rem;border-radius:50px;font-size:.7rem;font-weight:800;background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.35);vertical-align:middle}
    .plan-features{flex:1}
    .plan-note{font-size:.72rem;color:var(--dim);margin-top:-1rem;margin-bottom:1.5rem}
    .plan-group-label{display:flex;align-items:center;gap:1rem;margin:3rem 0 1.5rem}
    .plans-grid+.plan-group-label{margin-top:3.5rem}
    .plan-group-label span{font-family:var(--display);font-size:1.1rem;font-weight:700;color:var(--white);white-space:nowrap}
    .plan-group-label i{flex:1;height:1px;background:linear-gradient(90deg,var(--border2),transparent)}
    .plan-group-label small{font-size:.8rem;color:var(--muted);white-space:nowrap}
    @media(max-width:640px){.plan-group-label{flex-wrap:wrap}.plan-group-label i{display:none}}
    .billing-toggle-wrap{display:flex;justify-content:center;margin:2rem 0 2.75rem}
    .billing-toggle{display:inline-flex;padding:.3rem;gap:.25rem;border-radius:50px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(12px)}
    .billing-toggle-btn{display:flex;align-items:center;gap:.45rem;padding:.55rem 1.4rem;border-radius:50px;font-size:.85rem;font-weight:700;color:var(--muted);transition:all .2s}
    .billing-toggle-btn:hover{color:var(--light)}
    .billing-toggle-btn.active{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}
    .billing-off-badge{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:50px;font-size:.65rem;font-weight:800;background:rgba(16,185,129,.18);color:#34d399;border:1px solid rgba(16,185,129,.35)}
    .billing-toggle-btn.active .billing-off-badge{background:rgba(255,255,255,.22);color:#fff;border-color:rgba(255,255,255,.4)}
    .plans-status{text-align:center;color:var(--muted);font-size:.9rem;padding:2rem 0}
    .plans-status-error{color:#fca5a5}
    .plans-compare-toggle{display:flex;justify-content:center;margin-top:3rem}
    .plans-compare-toggle .btn svg{transition:transform .25s}
    .plans-compare-toggle .btn.open svg{transform:rotate(180deg)}
    .compare-wrap{margin-top:2rem;border:1px solid var(--border);border-radius:var(--r2);background:var(--card);backdrop-filter:blur(12px)}
    .compare-table-scroll{overflow-x:auto;border-radius:var(--r2)}
    .compare-footnote{text-align:center;font-size:.85rem;color:var(--muted);padding:1.25rem 1.5rem;border-top:1px solid var(--border)}
    .compare-table{width:100%;min-width:820px;border-collapse:collapse;font-size:.85rem}
    .compare-table th,.compare-table td{padding:.9rem 1.1rem;text-align:center;border-bottom:1px solid var(--border)}
    .compare-table th:first-child,.compare-table td:first-child{text-align:left;color:var(--light)}
    .compare-table thead th{font-family:var(--display);font-weight:700;color:var(--white);position:sticky;top:0;background:var(--c2)}
    .compare-table thead th.compare-recommended-col{color:var(--cyan)}
    .compare-cat-row td{background:rgba(56,189,248,.05);font-family:var(--display);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);text-align:left;border-bottom:1px solid var(--border)}
    .compare-table td.compare-recommended-col{background:rgba(4,129,203,.06)}
    .compare-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(56,189,248,.12)}
    .compare-check svg{width:13px;height:13px;stroke:var(--cyan);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
    .compare-x{color:var(--dim);font-size:1rem}
    .compare-value{color:var(--light);font-weight:600}

    /* ── CONTACT ───────────────────────────────── */
    .contact{padding:5rem 0}
    .contact-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start}
    .contact-info{padding-top:.5rem}
    .contact-info p{font-size:.9rem;color:var(--muted);line-height:1.8;margin-top:.75rem;margin-bottom:2rem}
    .contact-detail{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--muted);margin-bottom:.875rem}
    .contact-detail svg{width:18px;height:18px;stroke:var(--cyan);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
    .contact-form{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:2.5rem;backdrop-filter:blur(12px)}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
    .form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
    .form-group label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
    .form-group input,.form-group textarea,.form-group select{background:rgba(5,11,21,.8);border:1px solid var(--border);border-radius:.875rem;padding:.75rem 1rem;font-size:.875rem;color:var(--white);font-family:var(--sans);outline:none;transition:border-color .2s;width:100%}
    .form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--blue2)}
    .form-group input::placeholder,.form-group textarea::placeholder{color:var(--dim)}
    .form-group textarea{resize:vertical;min-height:110px;line-height:1.6}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
    .form-row .form-group{min-width:0}
    @media(max-width:600px){.form-row{grid-template-columns:1fr}}
    .form-status{display:none;margin-bottom:1rem;padding:.9rem 1rem;border-radius:1rem;font-size:.875rem;line-height:1.6}
    .form-status.error{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.24);color:#fecaca}
    .honeypot-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}
    .form-success{display:none;text-align:center;padding:2rem;color:var(--cyan)}
    .form-success svg{width:48px;height:48px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 1rem}
    @media(max-width:768px){.contact-inner{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}

    /* ── FOOTER ────────────────────────────────── */
    footer{border-top:1px solid var(--border);padding:3rem 0 2rem;position:relative;z-index:1}
    .footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}
    .footer-brand img{height:28px;margin-bottom:.75rem}
    .footer-brand p{font-size:.8rem;color:var(--dim);line-height:1.7;max-width:280px}
    .footer-col h5{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.875rem}
    .footer-col ul li{margin-bottom:.5rem}
    .footer-col ul li a{font-size:.825rem;color:var(--dim);transition:color .2s}
    .footer-col ul li a:hover{color:var(--cyan)}
    .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--dim);flex-wrap:wrap;gap:1rem}
    @media(max-width:768px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
    @media(max-width:460px){.footer-inner{grid-template-columns:1fr}}

    /* ── WHATSAPP FLOAT ────────────────────────── */
    .wa-float{position:fixed;bottom:1.75rem;right:1.75rem;z-index:200;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform .2s,box-shadow .2s}
    .wa-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.55)}
    .wa-float svg{width:28px;height:28px;fill:#fff}
    .wa-tooltip{position:absolute;right:68px;white-space:nowrap;background:rgba(3,7,13,.92);border:1px solid var(--border);border-radius:.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;color:var(--white);opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(8px)}
    .wa-float:hover .wa-tooltip{opacity:1}

    /* ── Animations ────────────────────────────── */
    @keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
    @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}
    @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
    @keyframes barGrow{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
    @keyframes lineGrow{from{width:0}to{width:100%}}
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
    .reveal.visible{opacity:1;transform:none}

    /* ── Canvas bg ─────────────────────────────── */
    #bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}

    /* ── DATA FLOW ANIMATION ─────────────────────── */
    .flow-anim{padding:6rem 0;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(2,38,59,.14),transparent)}
    .flow-sub{font-size:.95rem;color:var(--muted);max-width:560px;margin:.75rem auto 3.5rem;line-height:1.8;text-align:center}
    .flow-mobile-hint{display:none;text-align:center;font-size:.72rem;color:var(--dim);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem}
    @media(max-width:860px){.flow-mobile-hint{display:block}}

    /* Stage */
    .flow-stage{position:relative}

    /* Wrap: nodes + connectors inline */
    .flow-wrap{display:flex;align-items:flex-start;justify-content:center;position:relative;padding:1rem 0 4rem}

    /* Node */
    .fnode{display:flex;flex-direction:column;align-items:center;gap:.875rem;position:relative;flex-shrink:0;width:130px;cursor:pointer;outline:none}

    /* Circle */
    .fnode-circle{width:76px;height:76px;border-radius:50%;background:rgba(5,11,21,.92);border:1.5px solid var(--nc,var(--cyan));display:flex;align-items:center;justify-content:center;position:relative;transition:transform .22s,box-shadow .22s;box-shadow:0 0 22px rgba(var(--nca,56,189,248),.14),inset 0 0 14px rgba(var(--nca,56,189,248),.06)}
    .fnode:hover .fnode-circle,.fnode:focus .fnode-circle,.fnode.fnode-lit .fnode-circle{transform:scale(1.1);box-shadow:0 0 38px rgba(var(--nca,56,189,248),.38),inset 0 0 20px rgba(var(--nca,56,189,248),.12)}

    /* Pulse ring */
    .fnode-circle::before{content:'';position:absolute;inset:-9px;border-radius:50%;border:1px solid var(--nc,var(--cyan));opacity:.22;animation:fnPulse 2.8s ease-in-out infinite;animation-delay:var(--nd,0s)}

    /* Spinning dashed ring */
    .fnode-circle::after{content:'';position:absolute;inset:-18px;border-radius:50%;border:1px dashed rgba(var(--nca,56,189,248),.18);animation:spin 22s linear infinite}

    .fnode-icon{width:30px;height:30px;stroke:var(--nc,var(--cyan));fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:filter .22s}
    .fnode:hover .fnode-icon,.fnode.fnode-lit .fnode-icon{filter:drop-shadow(0 0 6px var(--nc,var(--cyan)))}

    /* Label */
    .fnode-lbl{text-align:center}
    .fnode-num{display:block;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--nc,var(--cyan));opacity:.65;margin-bottom:.2rem}
    .fnode-name{font-size:.8rem;font-weight:700;color:var(--light);line-height:1.35;display:block}

    /* Tooltip */
    .fnode-tip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(8px);width:264px;background:rgba(3,7,13,.97);border:1px solid rgba(var(--nca,56,189,248),.2);border-top:2px solid var(--nc,var(--cyan));border-radius:1rem;padding:1.125rem 1.25rem;box-shadow:0 24px 60px rgba(0,0,0,.65),0 0 0 1px rgba(56,189,248,.04);backdrop-filter:blur(28px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30}
    .fnode:hover .fnode-tip,.fnode:focus-within .fnode-tip,.fnode.tip-open .fnode-tip{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
    /* Tooltip arrow */
    .fnode-tip::after{content:'';position:absolute;bottom:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:11px;height:11px;background:rgba(3,7,13,.97);border-right:1px solid rgba(var(--nca,56,189,248),.2);border-bottom:1px solid rgba(var(--nca,56,189,248),.2)}
    .fnode-tip-title{font-size:.78rem;font-weight:800;color:var(--nc,var(--cyan));margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}
    .fnode-tip-title svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
    .fnode-tip p{font-size:.76rem;color:var(--muted);line-height:1.7}

    /* Connector */
    .fconn{flex:1;position:relative;height:2px;align-self:flex-start;margin-top:calc(38px - 1px);min-width:28px;overflow:visible;z-index:1}
    .fconn-line{position:absolute;inset:0;background:var(--cg,linear-gradient(90deg,var(--cyan),var(--blue)));opacity:.35;border-radius:1px}

    /* Data packet */
    .fpkt{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:-3px;box-shadow:0 0 10px var(--pc,var(--cyan)),0 0 20px var(--pc,var(--cyan));animation:fpktSlide 2.6s var(--fd,0s) linear infinite}
    @keyframes fpktSlide{0%{left:-4px;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 4px);opacity:0}}

    /* Node pulse keyframe */
    @keyframes fnPulse{0%,100%{transform:scale(1);opacity:.22}50%{transform:scale(1.45);opacity:0}}

    /* CTA after diagram */
    .flow-cta{margin-top:2rem}
    .flow-cta p{font-size:.82rem;color:var(--dim);margin-top:.875rem}

    /* ── Mobile: vertical layout ───────────────── */
    @media(max-width:860px){
      .flow-wrap{flex-direction:column;align-items:flex-start;padding:0 0 2rem 1rem;gap:0}
      .fnode{flex-direction:row;width:100%;gap:1rem;padding:.5rem 0}
      .fnode-lbl{text-align:left}
      .fnode-circle::after{display:none}
      .fconn{width:2px;height:40px;margin:0 0 0 36px;align-self:auto;flex:none}
      .fconn-line{inset:0;background:var(--cg)}
      .fpkt{left:-3px;top:-4px;width:6px;height:6px;animation:fpktSlideV 2.6s var(--fd,0s) linear infinite}
      @keyframes fpktSlideV{0%{top:-3px;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:calc(100% - 3px);opacity:0}}
      /* mobile tooltip: positioned as bottom sheet via JS, hide CSS tip */
      .fnode-tip{display:none}
    }

    /* ── Mobile bottom sheet ───────────────────── */
    .flow-sheet{position:fixed;bottom:0;left:0;right:0;background:rgba(5,11,21,.98);border-top:1px solid var(--border2);border-radius:1.5rem 1.5rem 0 0;padding:0 1.5rem 2.5rem;z-index:500;transform:translateY(100%);transition:transform .35s cubic-bezier(.22,.9,.2,1);backdrop-filter:blur(28px);max-height:72vh;overflow-y:auto}
    .flow-sheet.open{transform:translateY(0)}
    .flow-sheet-handle{width:40px;height:4px;background:rgba(56,189,248,.2);border-radius:2px;margin:1rem auto 1.5rem;cursor:pointer;flex-shrink:0}
    .flow-sheet-top{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
    .flow-sheet-ico{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--sheet-nc,var(--cyan));background:rgba(5,11,21,.9);display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .flow-sheet-ico svg{width:22px;height:22px;stroke:var(--sheet-nc,var(--cyan));fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .flow-sheet-step{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sheet-nc,var(--cyan));opacity:.7;margin-bottom:.2rem}
    .flow-sheet-title{font-size:1rem;font-weight:800;color:var(--white)}
    .flow-sheet p{font-size:.875rem;color:var(--muted);line-height:1.75}
    .flow-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:499;opacity:0;pointer-events:none;transition:opacity .3s}
    .flow-overlay.open{opacity:1;pointer-events:auto}

    /* ── Popup "Fale conosco" (leads de plano) ── */
    .lead-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:599;display:none;align-items:center;justify-content:center;padding:1.25rem}
    .lead-popup-overlay.open{display:flex}
    .lead-popup{width:100%;max-width:440px;max-height:calc(100vh - 2.5rem);overflow-y:auto;background:var(--c1);border:1px solid var(--border2);border-radius:var(--r2);padding:2rem;box-shadow:0 24px 64px rgba(0,0,0,.5);scrollbar-width:thin;scrollbar-color:var(--border2) transparent}
    .lead-popup::-webkit-scrollbar{width:6px}
    .lead-popup::-webkit-scrollbar-track{background:transparent}
    .lead-popup::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}
    .lead-popup::-webkit-scrollbar-thumb:hover{background:var(--cyan)}
    .lead-popup-title{font-family:var(--display);font-size:1.375rem;font-weight:800;color:var(--white);margin-bottom:1.25rem}
    .lead-popup .form-group{margin-bottom:.875rem}
    .lead-popup-actions{display:flex;gap:.75rem;margin-top:1.5rem}
    .lead-popup-actions .btn{flex:1;justify-content:center}
    .btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 10px 28px rgba(37,211,102,.32)}
    .btn-whatsapp:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
    .btn-whatsapp svg{width:18px;height:18px;fill:#fff}
    .btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--muted)}

    /* ── Interior page hero (páginas de aprofundamento) ── */
    .page-hero{padding:9rem 0 3.5rem}
    .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--dim);margin-bottom:1.5rem}
    .breadcrumb a{color:var(--muted);font-weight:600}
    .breadcrumb a:hover{color:var(--cyan)}
    .page-hero h1{font-family:var(--display);font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.15;margin-bottom:1.25rem;max-width:800px}
    .page-hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:640px;margin-bottom:2rem}

    /* ── FAQ (accordion nativo via details/summary) ── */
    .faq-list{display:flex;flex-direction:column;gap:.75rem;max-width:760px;margin:0 auto}
    .faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .2s}
    .faq-item[open]{border-color:var(--border2)}
    .faq-item summary{list-style:none;cursor:pointer;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--display);font-size:.95rem;font-weight:700;color:var(--white)}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary::after{content:'+';font-size:1.3rem;font-weight:400;color:var(--cyan);flex-shrink:0;transition:transform .2s}
    .faq-item[open] summary::after{transform:rotate(45deg)}
    .faq-item p{padding:0 1.5rem 1.25rem;font-size:.875rem;color:var(--muted);line-height:1.75}

    /* ── Comparação simples (2 colunas: tradicional vs Reavo) ── */
    .vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}
    .vs-card{border-radius:var(--r2);padding:2rem;border:1px solid var(--border)}
    .vs-card.old{background:rgba(245,158,11,.03)}
    .vs-card.new{background:linear-gradient(135deg,rgba(4,129,203,.08) 0%,rgba(56,189,248,.05) 100%);border-color:var(--border2)}
    .vs-card h3{font-family:var(--display);font-size:1.1rem;font-weight:700;margin-bottom:1.25rem}
    .vs-list{display:flex;flex-direction:column;gap:.75rem}
    .vs-item{display:flex;align-items:flex-start;gap:.625rem;font-size:.85rem;color:var(--light);line-height:1.6}
    .vs-item svg{flex-shrink:0;margin-top:2px}
    @media(max-width:768px){.vs-grid{grid-template-columns:1fr}}

    /* ── Cross-link entre páginas ("Saiba mais") ── */
    .learn-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.25rem;font-size:.85rem;font-weight:700;color:var(--cyan)}
    .learn-more:hover{color:var(--cyan2)}
    .learn-more svg{width:14px;height:14px;transition:transform .2s}
    .learn-more:hover svg{transform:translateX(3px)}

    .related-pages{padding:5rem 0;background:linear-gradient(180deg,transparent,rgba(2,38,59,.12),transparent)}
    .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}
    .related-card{display:block;border-radius:var(--r2);padding:2rem;background:var(--card);border:1px solid var(--border);transition:all .25s}
    .related-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 8px 40px var(--glow2)}
    .related-card h3{font-family:var(--display);font-size:1.1rem;font-weight:700;margin-bottom:.6rem}
    .related-card p{font-size:.85rem;color:var(--muted);line-height:1.7}
    @media(max-width:860px){.related-grid{grid-template-columns:1fr}}

    /* ── Vagas: lista horizontal (accordion), upload de currículo, sucesso e botões sociais ── */
    .jobs-list{display:flex;flex-direction:column;gap:1rem;max-width:960px;margin:3rem auto 0}
    .job-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .2s}
    .job-item[open]{border-color:var(--border2)}
    .job-item summary{list-style:none;cursor:pointer;padding:1.5rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
    .job-item summary::-webkit-details-marker{display:none}
    .job-item-main h3{font-family:var(--display);font-size:1.1rem;font-weight:700;color:var(--white);margin-bottom:.35rem}
    .job-item-main p{font-size:.85rem;color:var(--muted);line-height:1.6;max-width:520px}
    .job-item-actions{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}
    .job-item-toggle{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:var(--cyan);white-space:nowrap}
    .job-item-toggle svg{width:14px;height:14px;transition:transform .2s}
    .job-item[open] .job-item-toggle svg{transform:rotate(180deg)}
    .job-item-body{padding:0 1.75rem 1.75rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}
    .job-item-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:.75rem}
    .job-item-feats{display:flex;flex-direction:column;gap:.65rem}
    @media(max-width:720px){
      .job-item-body{grid-template-columns:1fr}
      .job-item summary{flex-direction:column;align-items:flex-start}
      .job-item-actions{width:100%;justify-content:space-between}
    }

    /* ── Vagas: upload de currículo, sucesso e botões sociais ── */
    .form-group input[type="file"]{padding:.6rem .75rem;cursor:pointer;color:var(--muted)}
    .form-group input[type="file"]::file-selector-button{margin-right:.75rem;padding:.4rem .9rem;border-radius:50px;border:1px solid var(--border2);background:rgba(56,189,248,.1);color:var(--cyan);font-weight:700;font-size:.8rem;cursor:pointer;transition:background .2s}
    .form-group input[type="file"]::file-selector-button:hover{background:rgba(56,189,248,.18)}
    .form-hint{font-size:.75rem;color:var(--dim);margin:-.6rem 0 .9rem}

    .apply-success{text-align:center;padding:.5rem 0 0}
    .apply-success-icon{width:56px;height:56px;border-radius:50%;background:rgba(56,189,248,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}
    .apply-success-icon svg{width:26px;height:26px;stroke:var(--cyan);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
    .apply-success h3{font-family:var(--display);font-size:1.2rem;font-weight:800;margin-bottom:.6rem}
    .apply-success p{font-size:.875rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem}
    .social-follow-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:.9rem}
    .social-links{display:flex;flex-direction:column;gap:.75rem}
    .social-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-radius:1rem;font-weight:700;font-size:.9rem;color:#fff;transition:transform .2s,box-shadow .2s}
    .social-btn:hover{transform:translateY(-2px)}
    .social-btn svg{width:22px;height:22px;flex-shrink:0}
    .social-btn.linkedin{background:#0a66c2;box-shadow:0 10px 28px rgba(10,102,194,.32)}
    .social-btn.instagram{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);box-shadow:0 10px 28px rgba(238,42,123,.28)}