:root {
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --primary-soft: #eff6ff;
  --success: #10b981;
  --success-soft: #ecfdf5;
  --danger: #ef4444;
  --danger-soft: #fef2f2;
  --warning: #f59e0b;
  --warning-soft: #fffbeb;
  --ink: #1e293b;
  --muted: #64748b;
  --line: #e2e8f0;
  --surface: #ffffff;
  --soft: #f8fafc;
  --navy: #0f172a;
  --radius: 16px;
  --shadow-sm: 0 8px 24px rgba(15, 23, 42, .07);
  --shadow-lg: 0 26px 70px rgba(15, 23, 42, .14);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--surface); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.menu-open, body.sidebar-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: var(--primary); text-decoration: none; }
a:hover { color: var(--primary-dark); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { color: var(--ink); line-height: 1.15; letter-spacing: -.025em; }
h1 { font-size: clamp(2.4rem, 8vw, 4.8rem); }
h2 { font-size: clamp(1.75rem, 5vw, 2.65rem); }
h3 { font-size: 1.12rem; }
p { color: var(--muted); }
code, pre { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.container { width: min(100% - 32px, 1180px); margin-inline: auto; }
.container.narrow { max-width: 800px; }
.section { padding: 72px 0; }
.section-soft { background: var(--soft); }
.section-dark { overflow: hidden; position: relative; background: radial-gradient(circle at 10% 0, #1e3a8a 0, transparent 35%), var(--navy); }
.section-heading { max-width: 720px; margin: 0 auto 40px; text-align: center; }
.section-heading p { margin: 14px auto 0; font-size: 1.02rem; }
.section-heading.light h2, .section-heading.light p { color: white; }
.section-heading.light p { color: #cbd5e1; }
.kicker { display: inline-block; margin-bottom: 12px; color: var(--primary); font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.light-kicker, .section-dark .kicker { color: #93c5fd; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 2000; top: 8px; left: 8px; padding: 8px 12px; color: white; background: var(--navy); border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.global-banner { padding: 8px 16px; color: white; background: var(--primary); text-align: center; font-weight: 600; }

.button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 10px 17px; border: 1px solid transparent; border-radius: 10px; cursor: pointer; font-weight: 700; line-height: 1.2; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: #fff; background: var(--primary); box-shadow: 0 8px 20px rgba(37, 99, 235, .22); }
.button-primary:hover { color: #fff; background: var(--primary-dark); box-shadow: 0 12px 25px rgba(37, 99, 235, .3); }
.button-secondary { color: var(--ink); background: white; border-color: var(--line); }
.button-secondary:hover { color: var(--primary); border-color: #93c5fd; box-shadow: var(--shadow-sm); }
.button-ghost { color: var(--muted); background: transparent; border-color: var(--line); }
.button-danger { color: white; background: var(--danger); }
.button-white { color: var(--primary-dark); background: white; box-shadow: 0 12px 30px rgba(0, 0, 0, .13); }
.button-sm { min-height: 38px; padding: 8px 13px; font-size: .84rem; }
.button-lg { min-height: 52px; padding: 14px 22px; }
.button-block { width: 100%; }
.text-link { color: var(--primary); font-weight: 700; }
.text-danger, .text-danger-link { color: var(--danger) !important; }
.text-success { color: var(--success) !important; }
.text-warning { color: var(--warning) !important; }
.text-danger-link { padding: 0; border: 0; background: none; cursor: pointer; font-weight: 700; }

.site-header { position: sticky; z-index: 1000; top: 0; height: 70px; background: rgba(255, 255, 255, .92); border-bottom: 1px solid transparent; backdrop-filter: blur(14px); transition: box-shadow .2s, border-color .2s; }
.site-header.scrolled { border-color: var(--line); box-shadow: 0 8px 30px rgba(15, 23, 42, .07); }
.nav-wrap { display: flex; height: 100%; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-size: 1.15rem; font-weight: 800; letter-spacing: -.025em; }
.brand:hover { color: var(--ink); }
.mobile-menu-button { display: grid; width: 42px; height: 42px; place-content: center; gap: 4px; border: 0; border-radius: 10px; background: var(--soft); cursor: pointer; }
.mobile-menu-button > span:not(.sr-only) { display: block; width: 20px; height: 2px; background: var(--ink); transition: transform .2s, opacity .2s; }
.mobile-menu-button[aria-expanded="true"] > span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.mobile-menu-button[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
.mobile-menu-button[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.primary-nav { position: fixed; inset: 70px 0 auto; display: none; padding: 20px 24px 26px; background: white; border-bottom: 1px solid var(--line); box-shadow: var(--shadow-lg); }
.primary-nav.open { display: grid; gap: 5px; }
.primary-nav > a { padding: 11px 5px; color: var(--ink); font-weight: 600; }
.nav-actions { display: grid; gap: 8px; margin-top: 8px; }
.nav-actions .login-link { padding: 10px; color: var(--ink); text-align: center; font-weight: 700; }

.hero { position: relative; overflow: hidden; padding: 74px 0 86px; background: url("../images/hero-bg.svg") center/cover no-repeat, linear-gradient(180deg, #f8fbff 0%, #fff 100%); }
.hero::after { position: absolute; inset: auto 0 0; height: 1px; content: ""; background: linear-gradient(90deg, transparent, #dbeafe, transparent); }
.hero-grid { display: grid; gap: 54px; align-items: center; }
.pill { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; padding: 7px 12px; color: #1e40af; background: #eff6ff; border: 1px solid #dbeafe; border-radius: 100px; font-size: .76rem; font-weight: 700; }
.status-dot { width: 7px; height: 7px; background: var(--success); border-radius: 50%; box-shadow: 0 0 0 4px rgba(16, 185, 129, .14); }
.hero h1 { max-width: 720px; margin-bottom: 22px; font-size: clamp(2.55rem, 11vw, 4.9rem); letter-spacing: -.06em; }
.hero-lead { max-width: 650px; margin-bottom: 28px; font-size: clamp(1rem, 3vw, 1.19rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 10px 17px; margin-top: 26px; color: var(--muted); font-size: .75rem; font-weight: 600; }
.trust-row span::first-letter { color: var(--success); }
.hero-visual { position: relative; padding: 22px 2px; }
.mock-window { overflow: hidden; position: relative; z-index: 2; background: white; border: 1px solid #dbe5f2; border-radius: 16px; box-shadow: 0 35px 80px rgba(30, 64, 175, .2); transform: perspective(1100px) rotateY(-2deg) rotateX(1deg); }
.mock-toolbar { display: flex; height: 42px; align-items: center; gap: 6px; padding: 0 13px; background: #f8fafc; border-bottom: 1px solid var(--line); }
.mock-toolbar span { width: 7px; height: 7px; background: #cbd5e1; border-radius: 50%; }
.mock-toolbar span:first-child { background: #fb7185; }.mock-toolbar span:nth-child(2){background:#fbbf24}.mock-toolbar span:nth-child(3){background:#34d399}
.mock-toolbar b { margin-left: 7px; color: var(--muted); font-size: .56rem; font-weight: 600; }
.mock-body { display: grid; grid-template-columns: 38px 1fr; min-height: 310px; }
.mock-side { display: flex; align-items: center; flex-direction: column; gap: 14px; padding-top: 17px; background: #172554; }
.mock-side i { width: 16px; height: 4px; background: #93c5fd; border-radius: 4px; opacity: .45; }.mock-side i:first-child{height:16px;border-radius:5px;opacity:1}
.mock-content { padding: 14px; }
.mock-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.mock-kpis div { padding: 9px; border: 1px solid var(--line); border-radius: 8px; }
.mock-kpis small,.mock-kpis em { display:block;color:var(--muted);font-size:.43rem;font-style:normal}.mock-kpis strong{display:block;margin:2px 0;color:var(--ink);font-size:.8rem}.mock-kpis .red{color:var(--danger)}.mock-kpis .green{color:var(--success)}
.mock-chart { width: 100%; height: 155px; margin-top: 10px; }.mock-chart .grid-line{fill:none;stroke:#e2e8f0;stroke-width:1}.mock-chart .area{fill:url(#lineFill)}.mock-chart .line{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round}.mock-chart .fraud-line{fill:none;stroke:#ef4444;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 7}
.mock-activity { display: grid; gap: 6px; padding-top: 8px; border-top: 1px solid var(--line); }.mock-activity>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.48rem}.mock-activity b{width:6px;height:6px;background:#94a3b8;border-radius:50%}.mock-activity b.pulse{background:var(--success)}.mock-activity em{margin-left:auto;padding:2px 5px;border-radius:10px;font-style:normal;font-weight:700}.tag.good{color:#047857;background:#ecfdf5}.tag.bad{color:#b91c1c;background:#fef2f2}
.floating-card { display: flex; position: absolute; z-index: 4; align-items: center; gap: 9px; padding: 10px 12px; background: rgba(255,255,255,.96); border: 1px solid var(--line); border-radius: 11px; box-shadow: var(--shadow-lg); animation: float 4s ease-in-out infinite; }
.floating-card-one { right: -5px; bottom: -7px; }.floating-card-two{top:0;left:-4px;animation-delay:-2s}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:.66rem}.floating-card small{color:var(--muted);font-size:.52rem}.icon-box{display:grid;width:28px;height:28px;place-content:center;border-radius:8px;font-weight:800}.icon-green{color:#047857;background:#d1fae5}.icon-red{color:#b91c1c;background:#fee2e2}
@keyframes float{50%{transform:translateY(-7px)}}

.card-grid { display: grid; gap: 16px; }
.feature-card { padding: 25px; background: white; border: 1px solid var(--line); border-radius: var(--radius); transition: transform .25s, box-shadow .25s, border-color .25s; }
.feature-card:hover { transform: translateY(-4px); border-color: #bfdbfe; box-shadow: var(--shadow-sm); }
.feature-icon { display: grid; width: 46px; height: 46px; margin-bottom: 18px; place-content: center; border-radius: 13px; font-size: 1.3rem; font-weight: 800; }
.feature-icon.primary,.kpi-icon.primary { color: var(--primary); background: var(--primary-soft); }.feature-icon.success,.kpi-icon.success{color:#059669;background:var(--success-soft)}.feature-icon.danger,.kpi-icon.danger{color:var(--danger);background:var(--danger-soft)}.feature-icon.warning,.kpi-icon.warning{color:#d97706;background:var(--warning-soft)}.feature-icon.violet{color:#7c3aed;background:#f5f3ff}.feature-icon.cyan{color:#0891b2;background:#ecfeff}
.feature-card h3 { margin-bottom: 8px; }.feature-card p{margin-bottom:0;font-size:.91rem}
.stat-callout { max-width: 850px; margin: 28px auto 0; padding: 24px; background: linear-gradient(135deg,#eff6ff,#ecfdf5); border: 1px solid #bfdbfe; border-radius: var(--radius); text-align:center; }.stat-callout strong{display:block;color:var(--primary-dark);font-size:1.35rem}.stat-callout p{margin:7px 0;font-size:.83rem}.stat-callout a{font-size:.75rem;font-weight:700}
.timeline { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; counter-reset: timeline; }.timeline li{position:relative;padding:25px 25px 25px 84px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.timeline-icon{display:grid;position:absolute;top:24px;left:24px;width:44px;height:44px;place-content:center;color:var(--primary);background:var(--primary-soft);border-radius:12px;font-weight:800}.step-number{display:block;margin-bottom:5px;color:#93c5fd;font-size:.65rem;font-weight:800;letter-spacing:.1em}.timeline h3{margin-bottom:6px}.timeline p{margin:0;font-size:.88rem}
.sector-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }.sector-card{padding:20px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;text-align:center;transition:background .2s,transform .2s}.sector-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.11)}.sector-card>span{display:block;margin-bottom:9px;color:#93c5fd;font-size:1.45rem}.sector-card h3{margin-bottom:4px;color:white;font-size:.88rem}.sector-card small{color:#94a3b8;font-size:.64rem}
.counter-section { color:white;background:linear-gradient(120deg,#1d4ed8,#2563eb 48%,#0f766e); }.counter-grid{display:grid;text-align:center}.counter-grid>div{padding:30px 10px;border-bottom:1px solid rgba(255,255,255,.18)}.counter-grid>div:last-child{border-bottom:0}.counter-grid span,.counter-grid small{display:block;color:#dbeafe}.counter-grid span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.counter-grid strong{display:block;margin:2px 0;font-size:2rem;letter-spacing:-.04em}.counter-grid small{font-size:.67rem}
.billing-toggle { display: inline-flex; margin-top: 21px; padding: 4px; background: #e2e8f0; border-radius: 11px; }.billing-toggle button{padding:8px 13px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font-size:.78rem;font-weight:700}.billing-toggle button.active{color:var(--ink);background:white;box-shadow:0 2px 8px rgba(15,23,42,.1)}.billing-toggle button span{color:var(--success);font-size:.62rem}
.pricing-grid { display: grid; gap: 16px; }.price-card{position:relative;padding:28px 24px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 14px rgba(15,23,42,.04)}.price-card.popular{border:2px solid var(--primary);box-shadow:0 20px 50px rgba(37,99,235,.14)}.popular-badge{position:absolute;top:-12px;right:20px;padding:5px 10px;color:white;background:var(--primary);border-radius:20px;font-size:.62rem;font-weight:800;letter-spacing:.08em}.price-card h3{margin-bottom:5px;font-size:.95rem;letter-spacing:.04em}.price-card>p{font-size:.8rem}.price{display:flex;align-items:flex-start;margin:20px 0}.price>span{margin-top:8px;font-weight:800}.price strong{font-size:2.45rem;line-height:1;letter-spacing:-.06em}.price small{align-self:flex-end;margin:0 0 3px 6px;color:var(--muted)}.price-card ul{display:grid;gap:10px;margin:0 0 25px;padding:0;list-style:none;font-size:.82rem}.price-card li{color:#334155}.price-card li::first-letter{color:var(--success);font-weight:800}.price-card li.muted{color:#94a3b8}.comparison-note{margin-top:38px;padding:30px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.comparison-note h2{font-size:1.5rem}.comparison-note p{max-width:620px;margin-inline:auto}
.testimonials .testimonial{padding:26px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.stars{margin-bottom:12px;color:#f59e0b;letter-spacing:.1em}.testimonial>p{color:#334155;font-size:.9rem}.testimonial>div:last-child{display:flex;align-items:center;gap:10px}.avatar{display:grid;flex:0 0 auto;width:38px;height:38px;place-content:center;color:var(--primary);background:var(--primary-soft);border-radius:10px;font-size:.72rem;font-weight:800}.testimonial strong,.testimonial small{display:block}.testimonial strong{font-size:.78rem}.testimonial small{color:var(--muted);font-weight:500}
.accordion{display:grid;gap:9px}.faq-item{background:white;border:1px solid var(--line);border-radius:12px}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;cursor:pointer;list-style:none;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{display:grid;width:26px;height:26px;place-content:center;color:var(--primary);background:var(--primary-soft);border-radius:7px;transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{padding:0 17px 17px;margin:0;font-size:.88rem}
.final-cta{padding-top:20px}.cta-panel{padding:44px 22px;color:white;background:radial-gradient(circle at 90% 10%,rgba(52,211,153,.35),transparent 28%),linear-gradient(135deg,#1e40af,#2563eb);border-radius:24px;text-align:center;box-shadow:0 28px 70px rgba(37,99,235,.25)}.cta-panel h2,.cta-panel p{color:white}.cta-panel h2{max-width:700px;margin-inline:auto}.cta-panel p{color:#dbeafe}.cta-panel small{display:block;margin-top:16px;color:#bfdbfe;font-size:.69rem}

.site-footer{padding:55px 0 22px;color:#cbd5e1;background:var(--navy)}.footer-grid{display:grid;gap:30px}.brand-light{color:white}.brand-light:hover{color:white}.footer-grid p{max-width:330px;color:#94a3b8;font-size:.82rem}.footer-grid h3{margin-bottom:12px;color:white;font-size:.83rem}.footer-grid>div>a:not(.brand){display:block;margin:6px 0;color:#94a3b8;font-size:.78rem}.footer-grid>div>a:hover{color:white}.social-links{display:flex;gap:8px;margin-top:12px}.social-links a{display:grid;width:32px;height:32px;place-content:center;color:#cbd5e1;border:1px solid #334155;border-radius:8px}.footer-bottom{display:flex;flex-direction:column;gap:8px;margin-top:35px;padding-top:20px;border-top:1px solid #273449;color:#64748b;font-size:.63rem}
.lenatek-signature{padding:14px 16px;text-align:center;background:#070d1a;border-top:1px solid #1e293b}.lenatek-signature a{display:inline-flex;position:relative;align-items:center;gap:8px;overflow:hidden;padding:7px 13px;color:#94a3b8;border:1px solid #253248;border-radius:100px;font-size:.66rem;letter-spacing:.02em}.lenatek-signature a::after{position:absolute;inset:0 auto 0 -70%;width:45%;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);transform:skewX(-20deg);animation:lenatekShine 3.8s ease-in-out infinite}.lenatek-signature b{color:#93c5fd;font-weight:800}.lenatek-signature a:hover{color:white;border-color:#3b82f6}.app-powered{margin-top:auto}.app-main>.lenatek-signature{background:#fff;border-top-color:var(--line)}.app-main>.lenatek-signature a{color:#64748b;background:#f8fafc;border-color:#dbe3ef}.app-main>.lenatek-signature b{color:var(--primary)}
@keyframes lenatekShine{0%,60%{left:-70%}100%{left:140%}}
.cms-hero-image{display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;border:1px solid rgba(148,163,184,.32);border-radius:22px;box-shadow:0 32px 80px rgba(30,64,175,.22)}.animations-disabled .reveal,.animations-disabled .floating-card{opacity:1!important;transform:none!important;animation:none!important}.blocked-card{background:var(--blocked-background,rgba(255,255,255,.96))}

.gateway-body{min-height:100vh;background:radial-gradient(circle at 15% 10%,#dbeafe,transparent 30%),radial-gradient(circle at 90% 85%,#d1fae5,transparent 28%),#f8fafc}.gateway-main{display:grid;min-height:calc(100vh - 64px);place-items:center;padding:28px 16px}.gateway-card{width:min(100%,590px);padding:34px 25px;background:rgba(255,255,255,.96);border:1px solid #dbe5f2;border-radius:24px;box-shadow:0 35px 90px rgba(30,64,175,.15);text-align:center}.gateway-brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:27px;color:var(--ink);font-size:.78rem;font-weight:800}.gateway-shield{display:grid;position:relative;width:90px;height:100px;margin:0 auto 23px;place-content:center;clip-path:polygon(50% 0,93% 18%,86% 70%,50% 100%,14% 70%,7% 18%);color:var(--primary);background:linear-gradient(145deg,#dbeafe,#eff6ff);filter:drop-shadow(0 13px 22px rgba(37,99,235,.2))}.gateway-shield>span{position:absolute;inset:15px;border:2px solid rgba(37,99,235,.25);clip-path:inherit}.gateway-shield i{font-size:1.75rem;font-style:normal;font-weight:800;animation:shieldPulse 1.4s ease-in-out infinite}.gateway-shield.denied,.gateway-shield.blocked{color:#b91c1c;background:linear-gradient(145deg,#fee2e2,#fff1f2)}.gateway-shield.approved{color:#047857;background:linear-gradient(145deg,#d1fae5,#ecfdf5)}.gateway-card h1{margin-bottom:12px;font-size:clamp(1.75rem,7vw,2.5rem)}.gateway-card>p{max-width:480px;margin:0 auto 20px;font-size:.88rem}.gateway-card>small{display:block;margin-top:14px;color:#94a3b8;font-size:.66rem}.gateway-progress{height:7px;overflow:hidden;background:#e2e8f0;border-radius:20px}.gateway-progress span{display:block;width:10%;height:100%;background:linear-gradient(90deg,#2563eb,#10b981);border-radius:inherit;transition:width .45s ease}.gateway-error .gateway-progress span{background:var(--danger)}.blocked-card .button{margin-top:24px}.danger-kicker{color:var(--danger)}.protected-by-notice{display:grid;grid-template-columns:38px 1fr;gap:5px 11px;align-items:center;margin:22px 0 14px;padding:15px;color:#334155;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #bfdbfe;border-radius:14px;text-align:left;transition:transform .2s,box-shadow .2s}.protected-by-notice:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,235,.12)}.protected-by-notice>span:nth-child(2){font-size:.72rem;line-height:1.55}.protected-by-notice strong{color:#1d4ed8}.protected-by-notice>b{grid-column:2;color:#2563eb;font-size:.68rem}.protected-by-icon{display:grid;grid-row:1/3;width:38px;height:38px;place-content:center;color:#fff;background:linear-gradient(135deg,#2563eb,#10b981);border-radius:11px;font-weight:900}.blocked-reference{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px;padding:13px 15px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;text-align:left}.blocked-reference span{color:var(--muted);font-size:.68rem}.blocked-reference code{color:#b91c1c;font-size:.75rem;font-weight:800}
@keyframes shieldPulse{50%{transform:scale(.88);opacity:.55}}

.page-hero{padding:68px 0;background:linear-gradient(180deg,#eff6ff,#fff);text-align:center}.page-hero h1{margin-bottom:16px;font-size:clamp(2.2rem,8vw,4rem)}.page-hero p{max-width:700px;margin-inline:auto;font-size:1rem}.process-list{display:grid;gap:16px}.process-list article{display:grid;grid-template-columns:55px 1fr;gap:14px;padding:24px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.process-list article>span{display:grid;width:48px;height:48px;place-content:center;color:var(--primary);background:var(--primary-soft);border-radius:14px;font-weight:800}.process-list h2{margin-bottom:8px;font-size:1.25rem}.process-list p{margin:0}.two-column{display:grid;gap:20px}.info-panel{padding:25px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius)}.info-panel h3{font-size:1.2rem}.info-panel ul{display:grid;gap:8px;margin:0;padding-left:20px;color:#475569}
.routing-flow{display:grid;gap:14px;margin-top:38px;padding:18px;background:#fff;border:1px solid #dbe5f2;border-radius:20px;box-shadow:var(--shadow-sm)}.route-entry,.route-engine{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:13px}.route-entry>span,.route-engine>span{display:grid;grid-row:1/3;width:34px;height:34px;place-content:center;color:var(--primary);background:var(--primary-soft);border-radius:10px;font-size:.7rem;font-weight:800}.route-engine{background:#f8fafc}.routing-flow strong,.route-outcomes b{color:var(--ink);font-size:.8rem}.routing-flow small{color:var(--muted);font-size:.68rem}.route-arrow{display:none;color:#94a3b8;font-size:1.35rem;text-align:center}.route-outcomes{display:grid;gap:10px}.route-outcomes>div{display:grid;gap:3px;padding:14px 16px;border:1px solid;border-radius:12px}.route-success{background:#ecfdf5;border-color:#a7f3d0!important}.route-success b{color:#047857}.route-block{background:#fff1f2;border-color:#fecdd3!important}.route-block b{color:#b91c1c}
.contact-grid{display:grid;gap:28px}.contact-copy h2{font-size:1.8rem}.contact-item{display:flex;align-items:flex-start;gap:12px;margin-top:20px}.contact-item>span{display:grid;width:42px;height:42px;place-content:center;color:var(--primary);background:var(--primary-soft);border-radius:11px}.contact-item strong,.contact-item p,.contact-item a{display:block;margin:0}.contact-item a,.contact-item p{font-size:.86rem}.form-card,.auth-card{padding:24px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
label{display:grid;gap:6px;color:#334155;font-size:.78rem;font-weight:700}label small{color:var(--muted);font-weight:500}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;color:var(--ink);background:white;border:1px solid #cbd5e1;border-radius:9px;outline:none;transition:border .2s,box-shadow .2s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.12)}input:disabled{color:#94a3b8;background:#f1f5f9}.form-card,.stack-form{display:grid;gap:16px}.form-row{display:grid;gap:15px}.checkbox{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:9px;font-weight:500;line-height:1.5}.checkbox input{width:17px;min-height:17px;margin-top:2px}.checkbox a{text-decoration:underline}
.auth-section{display:grid;min-height:calc(100vh - 70px);place-items:center;padding:44px 16px;background:radial-gradient(circle at 80% 10%,#dbeafe,transparent 35%),var(--soft)}.auth-card{width:min(100%,480px);padding:30px}.auth-card-wide{width:min(100%,740px)}.auth-heading{text-align:center}.auth-logo{display:grid;width:58px;height:58px;margin:0 auto 15px;place-content:center;color:var(--primary);background:var(--primary-soft);border-radius:17px;font-size:1.6rem;font-weight:800}.auth-card h1{margin-bottom:9px;font-size:1.8rem}.auth-card form{display:grid;gap:15px;margin-top:24px}.auth-switch{margin:20px 0 0;text-align:center;font-size:.82rem}.label-row{float:right}.password-field{display:grid;position:relative}.password-field input{grid-area:1/1}.password-field button{grid-area:1/1;align-self:center;justify-self:end;margin-right:8px;padding:4px;border:0;color:var(--primary);background:white;cursor:pointer;font-size:.7rem;font-weight:700}
.legal-content{max-width:820px}.legal-content section{padding:22px 0;border-bottom:1px solid var(--line)}.legal-content h2{font-size:1.3rem}.legal-note{margin-top:30px;padding:18px;background:var(--warning-soft);border:1px solid #fde68a;border-radius:10px;font-size:.78rem}.state-page{display:grid;min-height:65vh;place-items:center;padding:50px 16px;background:var(--soft)}.state-card{max-width:560px;padding:40px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);text-align:center}.state-icon{display:grid;width:64px;height:64px;margin:0 auto 18px;place-content:center;color:var(--primary);background:var(--primary-soft);border-radius:18px;font-size:1.8rem;font-weight:800}.state-icon.success{color:var(--success);background:var(--success-soft)}.state-icon.error{color:var(--danger);background:var(--danger-soft)}
.flash{margin-top:16px;padding:13px 16px;border:1px solid;border-radius:10px;font-size:.83rem}.flash-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.flash-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.flash ul{margin:6px 0 0;padding-left:18px}
.blog-grid{display:grid;gap:20px}.blog-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.blog-cover{display:grid;aspect-ratio:16/9;place-content:center;overflow:hidden;color:var(--primary);background:linear-gradient(135deg,#dbeafe,#ecfdf5);font-size:3rem;font-weight:800}.blog-cover img{width:100%;height:100%;object-fit:cover}.blog-card>div{padding:22px}.blog-card small{color:var(--primary);font-size:.67rem;font-weight:700}.blog-card h2{margin:8px 0;font-size:1.2rem}.blog-card h2 a{color:var(--ink)}.blog-card p{font-size:.84rem}.article-page{padding:65px 0}.article-header{text-align:center}.article-header h1{font-size:clamp(2.3rem,8vw,4.1rem)}.article-header>p{font-size:1.08rem}.article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;color:var(--muted);font-size:.74rem}.article-cover{overflow:hidden;margin-top:35px;border-radius:20px}.article-cover img{width:100%;max-height:520px;object-fit:cover}.article-content{max-width:760px;padding-top:42px;color:#334155;font-size:1rem}.article-content h2,.article-content h3{margin-top:1.7em}.article-content p{color:#334155}.article-content img{border-radius:12px}.article-content blockquote{margin:24px 0;padding:16px 20px;color:#1e40af;background:#eff6ff;border-left:4px solid var(--primary)}.article-content pre{overflow:auto;padding:16px;background:#0f172a;border-radius:10px;color:#e2e8f0}.article-footer{display:flex;max-width:760px;align-items:center;justify-content:space-between;margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.pagination{display:flex;justify-content:center;gap:6px;margin-top:25px}.pagination a{display:grid;min-width:36px;height:36px;place-content:center;color:var(--muted);background:white;border:1px solid var(--line);border-radius:8px}.pagination a.active{color:white;background:var(--primary);border-color:var(--primary)}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal.visible{opacity:1;transform:none}

@media (min-width: 768px) {
  body { font-size: 16px; }
  .section { padding: 92px 0; }
  .container { width: min(100% - 48px, 1180px); }
  .card-grid.three,.testimonials,.blog-grid{grid-template-columns:repeat(3,1fr)}
  .features-six{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .sector-grid{grid-template-columns:repeat(4,1fr);gap:14px}.sector-card{padding:25px 14px}
  .counter-grid{grid-template-columns:repeat(3,1fr)}.counter-grid>div{padding:38px 15px;border-right:1px solid rgba(255,255,255,.18);border-bottom:0}.counter-grid>div:last-child{border-right:0}.counter-grid strong{font-size:2.4rem}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:2fr repeat(3,1fr)}.footer-bottom{flex-direction:row;justify-content:space-between}.footer-bottom span:last-child{max-width:560px;text-align:right}
  .form-row{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:.8fr 1.2fr}.form-card{padding:32px}
  .two-column{grid-template-columns:1.1fr .9fr;align-items:center}.process-list article{grid-template-columns:70px 1fr;padding:30px}.process-list article>span{width:58px;height:58px}.process-list h2{font-size:1.5rem}.routing-flow{grid-template-columns:1fr 30px 1fr 38px 1.2fr;align-items:center;padding:24px}.route-arrow{display:block}.route-arrow.split{line-height:2.1}
  .auth-card{padding:38px}.article-content{font-size:1.05rem}
}

@media (min-width: 1024px) {
  .site-header{height:78px}.mobile-menu-button{display:none}.primary-nav{display:flex;position:static;align-items:center;gap:26px;padding:0;background:transparent;border:0;box-shadow:none}.primary-nav> a{padding:8px 0;font-size:.84rem}.primary-nav> a:hover{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:9px;margin:0 0 0 6px}.nav-actions .login-link{padding:8px 10px;font-size:.84rem}
  .hero{padding:105px 0 120px}.hero-grid{grid-template-columns:1.02fr .98fr;gap:55px}.hero h1{font-size:4.7rem}.hero-visual{padding:35px 0}.floating-card-one{right:-25px;bottom:0}.floating-card-two{left:-25px}.mock-body{grid-template-columns:48px 1fr;min-height:380px}.mock-content{padding:20px}.mock-chart{height:195px}.mock-kpis strong{font-size:1rem}.mock-kpis small,.mock-kpis em{font-size:.52rem}.mock-activity>span{font-size:.58rem}
  .features-six{grid-template-columns:repeat(3,1fr)}.feature-card{padding:29px}
  .timeline{grid-template-columns:repeat(4,1fr);gap:0}.timeline li{padding:86px 19px 24px;text-align:center;border:0;background:transparent}.timeline li::after{position:absolute;top:45px;left:60%;width:80%;height:2px;content:"";background:#dbeafe}.timeline li:last-child::after{display:none}.timeline-icon{z-index:2;top:22px;left:50%;width:48px;height:48px;transform:translateX(-50%);border:4px solid var(--soft)}
  .pricing-grid{grid-template-columns:repeat(4,1fr);gap:12px;align-items:center}.price-card{padding:30px 21px}.price-card.popular{padding-block:43px}
  .page-hero{padding:90px 0}.auth-section{min-height:calc(100vh - 78px)}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .js .reveal { opacity: 1; transform: none; }
}
 .whatsapp-float{position:fixed;left:22px;bottom:22px;z-index:999999998;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1;filter:drop-shadow(0 12px 24px rgba(15,23,42,.24));transition:transform .2s ease}.whatsapp-icon{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:999px;background:linear-gradient(145deg,#32df73,#17b857);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 8px 22px rgba(37,211,102,.38);transition:transform .2s ease,box-shadow .2s ease}.whatsapp-icon::after{content:"";position:absolute;inset:-6px;border:2px solid rgba(37,211,102,.48);border-radius:inherit;animation:whatsapp-pulse 2.2s ease-out infinite}.whatsapp-icon svg{width:31px;height:31px;fill:#fff}.whatsapp-label{padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0f172a;box-shadow:0 8px 24px rgba(15,23,42,.2);opacity:0;transform:translateX(-8px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-2px);color:#fff}.whatsapp-float:hover .whatsapp-icon,.whatsapp-float:focus-visible .whatsapp-icon{transform:scale(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 28px rgba(37,211,102,.46)}.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label{opacity:1;transform:translateX(0)}.whatsapp-float:focus-visible{outline:3px solid rgba(37,211,102,.32);outline-offset:5px;border-radius:999px}@keyframes whatsapp-pulse{0%{transform:scale(.86);opacity:.9}72%,100%{transform:scale(1.32);opacity:0}}@media(max-width:680px){.whatsapp-float{left:14px;bottom:14px}.whatsapp-icon{width:52px;height:52px}.whatsapp-icon svg{width:28px;height:28px}.whatsapp-label{display:none}}@media(prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-icon,.whatsapp-label{transition:none}.whatsapp-icon::after{animation:none}}.whatsapp-label{max-width:0;padding-left:0;padding-right:0;border-width:0;overflow:hidden}.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label{max-width:120px;padding-left:14px;padding-right:14px;border-width:1px}