:root{--ink:#07111f;--navy:#0b1930;--blue:#2563eb;--cyan:#22d3ee;--text:#182337;--muted:#64748b;--line:#e5eaf1;--bg:#f7f9fc;--white:#fff;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white)}a{text-decoration:none;color:inherit}.landing-container{width:min(1180px,calc(100% - 40px));margin:auto}.landing-header{height:76px;display:flex;align-items:center;position:absolute;top:0;left:0;right:0;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.nav-wrap{display:flex;align-items:center;gap:40px}.landing-brand{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:-.02em;white-space:nowrap}.landing-brand strong{font-weight:850}.landing-brand small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#8da3c5}.landing-logo{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900}.landing-header nav{display:flex;gap:28px;margin-left:auto}.landing-header nav a{font-size:13px;color:#becce2}.landing-header nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:800;transition:.2s}.btn-outline{border:1px solid rgba(255,255,255,.3);color:#fff}.btn-outline:hover{background:#fff;color:var(--ink)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(37,99,235,.28)}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-text{color:#cad7eb}.btn-light{background:#fff;color:#1646a0}.hero-landing{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#173e77 0,transparent 33%),linear-gradient(130deg,#06101d,#0b1b34 65%,#102d59);color:#fff;padding:150px 0 95px}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#2563eb;filter:blur(150px);opacity:.12;left:-200px;top:0}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;position:relative}.hero-copy h1{font-size:58px;line-height:1.03;letter-spacing:-.055em;margin:22px 0}.hero-copy h1 em{font-style:normal;color:#72a5ff}.hero-copy>p{color:#aebdd3;font-size:18px;line-height:1.7;max-width:600px}.hero-tag{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(96,165,250,.28);background:rgba(37,99,235,.12);color:#bcd3ff;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-tag i{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px rgba(34,197,94,.13)}.hero-actions{display:flex;align-items:center;gap:12px;margin:30px 0}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#8296b4;font-size:12px}.platform-preview{background:#f8fafc;border:1px solid rgba(255,255,255,.16);border-radius:20px;box-shadow:0 35px 90px rgba(0,0,0,.4);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.preview-top{height:53px;background:#0c1729;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.preview-brand{font-weight:800;font-size:12px}.preview-brand span{display:inline-grid;place-items:center;background:var(--blue);width:25px;height:25px;border-radius:7px;margin-right:7px}.preview-user{width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#334b6e,#7293c4)}.preview-body{display:grid;grid-template-columns:58px 1fr;min-height:390px;color:var(--text)}.preview-body aside{background:#111f35;padding-top:25px;display:flex;align-items:center;flex-direction:column;gap:22px}.preview-body aside i{width:20px;height:5px;border-radius:4px;background:#49617f}.preview-body aside i.active{background:#60a5fa}.preview-content{padding:22px}.preview-title{display:flex;justify-content:space-between;align-items:center}.preview-title small,.preview-kpis small{font-size:7px;letter-spacing:.1em;color:#8290a5}.preview-title b{display:block;font-size:17px}.preview-title>span{font-size:9px;background:#e8eef7;padding:7px 10px;border-radius:7px}.preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.preview-kpis>div{background:#fff;border:1px solid #e5ebf3;border-radius:10px;padding:12px}.preview-kpis strong{display:block;font-size:18px;margin:5px 0}.preview-kpis span{font-size:7px;color:#64748b}.preview-kpis .up{color:#16a34a}.preview-kpis .warn{color:#d97706}.preview-chart{background:#fff;border:1px solid #e5ebf3;border-radius:11px;padding:13px}.chart-head{display:flex;justify-content:space-between;font-size:9px}.chart-head span{color:#94a3b8}.preview-chart svg{width:100%;height:110px;margin-top:10px}.preview-table{margin-top:10px;background:#fff;border:1px solid #e5ebf3;border-radius:10px;overflow:hidden}.preview-table>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:7px;padding:9px;border-bottom:1px solid #edf1f6;font-size:8px}.preview-table small{grid-column:2;color:#94a3b8}.preview-table i{grid-column:3;grid-row:1/3;font-style:normal;font-size:6px;background:#dcfce7;color:#166534;padding:5px;border-radius:999px}.preview-table i.pending{background:#fef3c7;color:#92400e}.product-icon{display:grid;place-items:center;grid-row:1/3;width:28px;height:28px;background:#eaf2ff;color:var(--blue);border-radius:7px}.metrics{border-bottom:1px solid var(--line);background:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.metrics-grid>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.metrics-grid>div:last-child{border:0}.metrics strong{font-size:22px;color:#0f2d62}.metrics span{font-size:11px;color:var(--muted);margin-top:4px}.section{padding:100px 0;background:var(--bg)}.section-heading{text-align:center;max-width:700px;margin:0 auto 50px}.section-heading>span,.section-label{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.13em}.section h2,.final-cta h2{font-size:42px;letter-spacing:-.04em;margin:12px 0}.section-heading p,.split>div>p{color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:17px;padding:28px;min-height:260px}.feature.featured{grid-row:span 2;background:linear-gradient(160deg,#0d2143,#0a1730);color:#fff}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e9f1ff;color:var(--blue);font-size:22px;margin-bottom:24px}.featured .feature-icon{background:rgba(96,165,250,.15);color:#7db2ff}.feature>span{font-size:9px;color:var(--blue);font-weight:900;letter-spacing:.12em}.feature h3{font-size:21px;margin:10px 0}.feature p,.feature li{color:var(--muted);font-size:14px;line-height:1.65}.featured p,.featured li{color:#aabbd4}.feature ul{list-style:none;padding:10px 0 0}.feature li{padding:7px 0}.feature li:before{content:"✓";color:#60a5fa;margin-right:9px}.dark-section{background:#07111f;color:#fff}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.split>div>p{color:#9babc1;margin-bottom:28px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-grid>div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:14px;padding:22px}.check-grid i{font-style:normal;color:#5791fa;font-size:10px}.check-grid b{display:block;margin:12px 0}.check-grid p{color:#8fa0b8;font-size:12px;line-height:1.6}.security-card{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:44px;box-shadow:0 20px 60px rgba(15,23,42,.07)}.security-symbol{display:grid;place-items:center;width:70px;height:70px;background:#e8f1ff;color:var(--blue);border-radius:20px;font-size:28px}.security-card h2{font-size:30px;margin:8px 0}.security-card p{color:var(--muted);line-height:1.7}.security-points{grid-column:2;display:flex;gap:8px;flex-wrap:wrap}.security-points span{background:#eff5ff;color:#2453a6;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800}.final-cta{padding:90px 0;text-align:center;background:linear-gradient(130deg,#174ea6,#2563eb);color:#fff}.final-cta>div>span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#bfdbfe}.final-cta p{color:#d8e7ff;margin-bottom:25px}footer{background:#050c16;color:#a8b5c8;padding:36px 0}footer>div{display:flex;align-items:center;gap:28px}footer p{font-size:12px}footer small{margin-left:auto;font-size:10px}.login-page{background:#07111f;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,560px) 1fr}.login-panel{background:#fff;padding:55px clamp(30px,7vw,90px);display:flex;flex-direction:column;justify-content:center}.login-panel .landing-brand{position:absolute;top:34px;color:var(--text)}.login-copy{margin:70px 0 28px}.login-copy .hero-tag{color:#2453a6;background:#eff5ff;border-color:#d8e6ff}.login-copy h1{font-size:42px;letter-spacing:-.045em;margin:18px 0 8px}.login-copy p{color:var(--muted)}.login-form{display:grid;gap:17px}.login-form label{display:grid;gap:7px;font-size:12px;font-weight:800}.login-form input{font:inherit;padding:13px;border:1px solid #cfd8e5;border-radius:10px;outline:none}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #dbeafe}.login-form button{border:0;margin-top:5px}.login-error{background:#fee2e2;color:#991b1b;padding:11px;border-radius:9px;font-size:12px}.back-link{margin-top:22px;color:var(--muted);font-size:12px}.login-visual{display:flex;align-items:center;padding:10%;color:#fff;background:radial-gradient(circle at 70% 20%,#1d4f99 0,transparent 34%),linear-gradient(135deg,#081426,#102c56)}.login-visual>div{max-width:600px}.login-visual span{font-size:10px;letter-spacing:.15em;color:#71a6ff}.login-visual h2{font-size:48px;line-height:1.1;letter-spacing:-.045em}.login-visual ul{list-style:none;padding:15px 0}.login-visual li{color:#adbed7;padding:9px 0}.login-visual li:before{content:"✓";color:#60a5fa;margin-right:10px}
@media(max-width:900px){.landing-header nav{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.platform-preview{transform:none;max-width:680px;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature.featured{grid-row:auto;grid-column:1/-1}.login-shell{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:620px){.landing-container{width:min(100% - 28px,1180px)}.landing-header{height:68px}.landing-header .btn{padding:9px 13px}.hero-landing{padding:115px 0 65px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust-row{gap:9px}.trust-row span{font-size:10px}.platform-preview{margin-top:20px}.preview-body{grid-template-columns:38px 1fr;min-height:320px}.preview-content{padding:12px}.preview-kpis{grid-template-columns:1fr 1fr}.preview-kpis>div:last-child{display:none}.metrics-grid{grid-template-columns:1fr 1fr;gap:22px}.metrics-grid>div{border:0}.section{padding:70px 0}.section h2,.final-cta h2{font-size:32px}.feature-grid,.check-grid{grid-template-columns:1fr}.security-card{grid-template-columns:1fr;padding:28px}.security-points{grid-column:1}.final-cta{padding:70px 0}footer>div{flex-direction:column;align-items:flex-start}footer small{margin:0}.login-panel{padding:100px 24px 45px}.login-panel .landing-brand{top:28px}.login-copy{margin:20px 0}.login-copy h1{font-size:34px}}
/* Ecossistema de APIs */
.integration-showcase{padding:32px 0;background:#fff;border-bottom:1px solid #e6ebf2}.integration-showcase .section-label{display:block;text-align:center;margin-bottom:18px}.landing-api-logos{display:grid;grid-template-columns:repeat(9,minmax(90px,1fr));gap:10px}.landing-api-logos>div{min-height:92px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #e7ebf2;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.04)}.landing-api-logos img{width:58px;height:35px;object-fit:contain}.landing-api-logos span{font-size:10px;font-weight:800;color:#516074;text-align:center}
@media(max-width:900px){.landing-api-logos{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.landing-api-logos{grid-template-columns:repeat(2,1fr)}}