:root{
  --ink:#111827;--muted:#667085;--line:#e8e8ec;--paper:#fff;--soft:#f6f7f9;
  --primary:#0b1220;--accent:#5b5df0;--cyan:#20c5d8;--success:#14b87a;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;margin:0}
.navbar{backdrop-filter:blur(18px);background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(17,24,39,.06)}
.nav-main{gap:.2rem}.nav-main .nav-link{font-size:.9rem;font-weight:600;color:#4b5563;padding:.75rem .65rem!important;border-radius:10px;white-space:nowrap}.nav-main .nav-link:hover{color:#111827;background:#f3f4f6}.nav-actions .btn{white-space:nowrap;padding:.72rem 1rem}.dropdown-menu{min-width:245px}
.brand-mark{width:40px;height:40px;border-radius:13px;background:#0c111d;color:#fff;display:inline-grid;place-items:center;font-weight:800;box-shadow:0 12px 35px rgba(15,23,42,.18)}
.hero{position:relative;overflow:hidden;padding:150px 0 95px;background:
radial-gradient(circle at 78% 10%,rgba(91,93,240,.16),transparent 24%),
radial-gradient(circle at 8% 50%,rgba(32,197,216,.13),transparent 28%),#fff}
.hero:after{content:"";position:absolute;inset:auto -10% -45% 20%;height:520px;border-radius:50%;background:linear-gradient(120deg,rgba(91,93,240,.10),rgba(32,197,216,.05));filter:blur(40px)}
.hero h1{font-size:clamp(2.75rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;font-weight:800;max-width:720px;text-wrap:balance}
.hero .lead{font-size:1.18rem;line-height:1.8;max-width:720px;color:var(--muted)}
.gradient-text{background:linear-gradient(100deg,#111827 20%,#5b5df0 65%,#20a9bd);-webkit-background-clip:text;color:transparent}
.btn-premium{border-radius:14px;padding:.9rem 1.25rem;font-weight:700;box-shadow:0 10px 30px rgba(15,23,42,.10)}
.btn-dark.btn-premium{background:#111827;border-color:#111827}.btn-outline-dark.btn-premium{background:#fff}
.mock-shell{position:relative;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 30px 100px rgba(15,23,42,.13);padding:12px;z-index:2}
.mock-app{min-height:540px;border-radius:21px;overflow:hidden;background:#fff;display:grid;grid-template-columns:220px 1fr;border:1px solid #efeff2}
.mock-side{background:#fafafa;border-right:1px solid #ececf0;padding:18px}.mock-main{display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 35%,rgba(91,93,240,.04),transparent 30%)}
.mock-command{width:min(650px,90%);border:1px solid #d8d9de;border-radius:22px;padding:20px;background:#fff;box-shadow:0 15px 40px rgba(15,23,42,.08)}
.mock-chip{display:inline-block;padding:8px 12px;border:1px solid #dddfe5;border-radius:999px;font-size:.8rem;margin:5px;background:#fff}
.logo-dots{display:flex;gap:5px;justify-content:center;margin-bottom:30px}.logo-dots span{width:8px;height:8px;border-radius:50%;background:#d1d5db}.logo-dots span:nth-child(4n){background:#111827}.logo-dots span:nth-child(7n){background:#5b5df0}
.section-pad{padding:105px 0}.section-kicker{letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:800;color:#5b5df0}
.section-title{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.045em;font-weight:800}
.feature-card{height:100%;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:.25s ease;box-shadow:0 10px 35px rgba(15,23,42,.04)}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(15,23,42,.10)}
.feature-icon{width:48px;height:48px;border-radius:15px;background:#f0f1ff;color:#5557df;display:grid;place-items:center;font-size:1.15rem;margin-bottom:18px}
.tier-card{border-radius:26px;padding:32px;border:1px solid var(--line);background:#fff;height:100%}.tier-card.featured{background:#111827;color:#fff;transform:translateY(-10px);box-shadow:0 30px 75px rgba(15,23,42,.18)}
.stats-band{background:#111827;color:#fff;border-radius:32px;padding:48px}.stat-number{font-size:3rem;font-weight:800;letter-spacing:-.05em}
.cta{border-radius:34px;padding:70px;background:linear-gradient(135deg,#111827 5%,#232965 62%,#1a8491);color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(255,255,255,.09);right:-100px;top:-130px}
footer{padding:40px 0;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:991px){.hero{padding:112px 0 72px}.hero h1{max-width:760px}.mock-app{grid-template-columns:1fr}.mock-side{display:none}.mock-main{min-height:470px}.tier-card.featured{transform:none}}

.feature-card-highlight{border-color:rgba(91,93,240,.32);background:linear-gradient(180deg,#fff,#f7f7ff)}
.floating-contact{position:fixed;right:18px;bottom:22px;z-index:1050;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.floating-contact-btn{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 12px 35px rgba(15,23,42,.2);transition:.2s transform,.2s box-shadow}
.floating-contact-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(15,23,42,.26)}
.floating-contact-btn.quote{background:#111827;color:#fff}.floating-contact-btn.whatsapp{background:#16a34a;color:#fff}
@media(max-width:1199px){.navbar-collapse{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;margin-top:12px;box-shadow:0 18px 45px rgba(15,23,42,.1)}.nav-main .nav-link{padding:.75rem!important}.nav-actions{border-top:1px solid var(--line);padding-top:12px}.nav-actions .btn{width:100%}}
@media(max-width:767px){.hero{padding:104px 0 64px}.hero h1{font-size:clamp(2.15rem,9vw,3.15rem);line-height:1.02;letter-spacing:-.045em;max-width:100%}.hero .lead{font-size:1rem;line-height:1.65}.floating-contact{right:10px;bottom:12px}.floating-contact-btn{min-height:44px;padding:0 13px;font-size:.83rem}.floating-contact-btn span{display:inline}.floating-contact-btn.quote span{max-width:82px;overflow:hidden;text-overflow:ellipsis}.section-pad{padding:75px 0}.mock-main{min-height:390px}.mock-shell{margin-top:8px}}
@media(max-width:420px){.hero h1{font-size:clamp(2rem,10vw,2.65rem)}.floating-contact-btn{min-width:46px;width:46px;padding:0;justify-content:center}.floating-contact-btn span{display:none}}