:root{
  --blue:#0757c8;
  --blue-dark:#07336f;
  --blue-soft:#eaf4ff;
  --cyan:#16b8ee;
  --red:#f31e25;
  --yellow:#ffb92f;
  --ink:#0e223f;
  --muted:#64748b;
  --line:#e7edf5;
  --bg:#f8fbff;
  --white:#fff;
  --shadow:0 20px 60px rgba(7,51,111,.11);
  --shadow2:0 12px 30px rgba(7,51,111,.12);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max), calc(100% - 40px));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,237,245,.8)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--blue-dark);letter-spacing:-.04em;font-size:1.35rem}
.brand img{width:48px;height:48px;object-fit:contain}
.brand span small{display:block;font-size:.68rem;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:-5px}
.menu{display:flex;align-items:center;gap:22px;color:#263a57;font-weight:700;font-size:.95rem}
.menu a{opacity:.92}.menu a:hover{color:var(--blue)}
.mobile-toggle{display:none;border:0;background:var(--blue-soft);border-radius:14px;padding:11px;color:var(--blue-dark);font-weight:900}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 22px;font-weight:900;transition:.25s ease;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 12px 25px rgba(7,87,200,.28)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(7,87,200,.34)}
.btn-light{background:#fff;color:var(--blue-dark);border-color:var(--line);box-shadow:0 10px 28px rgba(7,51,111,.08)}
.btn-light:hover{border-color:#b7d8ff;transform:translateY(-2px)}
.hero{position:relative;overflow:hidden;padding:88px 0 60px;background:radial-gradient(circle at 15% 20%, #fff7df 0, transparent 28%), radial-gradient(circle at 80% 15%, #daf5ff 0, transparent 30%), linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.hero:before{content:"";position:absolute;inset:-250px -160px auto auto;width:620px;height:620px;border-radius:50%;background:rgba(22,184,238,.10);filter:blur(10px)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;z-index:1}
.kicker{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:8px 13px;border-radius:999px;color:var(--blue-dark);font-weight:900;box-shadow:0 10px 30px rgba(7,51,111,.06);font-size:.88rem}
h1{font-size:clamp(2.35rem, 5vw, 5.25rem);line-height:.98;margin:22px 0 20px;letter-spacing:-.075em;color:#061f49}
.grad{background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.22rem;color:#40536e;max-width:650px;margin:0 0 28px}
.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:30px 0 28px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;max-width:650px}
.trust-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(7,51,111,.06)}
.trust-card strong{display:block;font-size:1.25rem;color:var(--blue-dark);line-height:1}.trust-card span{font-size:.86rem;color:var(--muted);font-weight:700}
.hero-visual{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}
.logo-orb{position:absolute;inset:38px 20px auto auto;width:390px;height:390px;border-radius:50%;background:linear-gradient(145deg,#fff,#edf7ff);box-shadow:var(--shadow);display:grid;place-items:center;animation:float 6s ease-in-out infinite}
.logo-orb img{width:86%;filter:drop-shadow(0 30px 22px rgba(7,51,111,.12))}
.panel{position:absolute;border:1px solid rgba(231,237,245,.92);background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-radius:26px;box-shadow:var(--shadow2);padding:20px;animation:float 7s ease-in-out infinite}
.panel.dashboard{left:0;top:70px;width:270px}.panel.task{right:0;bottom:70px;width:285px}.panel.ai{left:48px;bottom:40px;width:255px}
.panel b{display:block;color:#0c2e67;margin-bottom:8px}.mini-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:.9rem;color:var(--muted)}.mini-row:first-of-type{border-top:0}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:var(--blue)}.dot.red{background:var(--red)}.dot.yellow{background:var(--yellow)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
section{padding:90px 0}.section-head{max-width:780px;margin:0 auto 42px;text-align:center}.eyebrow{font-weight:1000;color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.section-head h2,.page-title h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.05;margin:10px 0 14px;color:#08234e}.section-head p{color:var(--muted);font-size:1.1rem;margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 14px 36px rgba(7,51,111,.06);transition:.25s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}.icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--blue-soft),#fff7df);display:grid;place-items:center;font-size:1.6rem;margin-bottom:18px}.card h3{font-size:1.25rem;margin:0 0 8px;color:#09285a}.card p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.feature-box{background:#fff;border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:var(--shadow)}.list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.list li{display:flex;gap:12px;align-items:flex-start;color:#41546f;font-weight:650}.check{min-width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-size:.82rem;font-weight:900;margin-top:2px}.highlight{background:linear-gradient(135deg,#07336f,#0757c8);color:#fff;border-radius:34px;padding:38px;position:relative;overflow:hidden}.highlight:after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)}.highlight h2{font-size:clamp(2rem,3vw,3.25rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 14px}.highlight p{color:#dcecff;font-size:1.1rem}.highlight .btn{margin-top:14px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:var(--shadow2)}.price-card.featured{background:linear-gradient(180deg,#fff,#eef8ff);border:2px solid #b7d8ff}.badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff0dc;color:#8c5600;font-weight:900;font-size:.8rem}.price{font-size:2.15rem;font-weight:1000;color:var(--blue-dark);letter-spacing:-.05em;margin:16px 0 4px}.faq{display:grid;gap:14px;max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 22px;box-shadow:0 10px 28px rgba(7,51,111,.04)}.faq summary{cursor:pointer;font-weight:900;color:#09285a}.faq p{color:var(--muted);margin-bottom:0}.cta{padding:44px 0 90px}.cta-box{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:40px;padding:42px;box-shadow:var(--shadow)}.cta-box h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 12px}.cta-box p{color:var(--muted);font-size:1.08rem;margin:0}.footer{background:#061f49;color:#dcecff;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr .8fr;gap:28px}.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;color:#dcecff;opacity:.84;margin:8px 0}.footer a:hover{opacity:1}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:20px;color:#aabfe0;font-size:.9rem}.page-hero{padding:70px 0 45px;background:linear-gradient(180deg,#fff,#f8fbff)}.page-title{max-width:850px}.page-title p{font-size:1.15rem;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.form{background:#fff;border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:var(--shadow2)}label{font-weight:850;color:#12335d;font-size:.92rem}input,textarea,select{width:100%;border:1px solid var(--line);background:#fbfdff;border-radius:16px;padding:14px 15px;margin:7px 0 16px;font:inherit;color:var(--ink)}textarea{min-height:132px;resize:vertical}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:60;background:#25d366;color:#fff;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;box-shadow:0 16px 35px rgba(37,211,102,.38)}
@media (max-width:920px){.menu{position:absolute;left:20px;right:20px;top:84px;display:none;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:18px;border-radius:22px;box-shadow:var(--shadow2)}.menu.open{display:flex}.mobile-toggle{display:block}.hero{padding-top:54px}.hero-grid,.split,.cta-box,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:520px}.grid-3,.pricing,.footer-grid{grid-template-columns:1fr}.trust{grid-template-columns:1fr}.panel.dashboard{left:0;top:24px}.panel.task{right:0;bottom:36px}.panel.ai{left:0;bottom:0}.logo-orb{position:relative;inset:auto;width:min(86vw,360px);height:min(86vw,360px)}}
@media (max-width:560px){.container{width:min(100% - 28px,var(--max))}.nav{height:72px}.brand{font-size:1.1rem}.brand img{width:42px;height:42px}section{padding:64px 0}.actions{align-items:stretch}.btn{width:100%}.panel{position:relative!important;width:100%!important;inset:auto!important;margin-top:14px;animation:none}.hero-visual{display:block;min-height:auto}.logo-orb{margin:auto}.cta-box,.highlight,.feature-box,.card,.price-card,.form{border-radius:24px;padding:24px}.floating-whatsapp{width:54px;height:54px}}