:root{
  --ink:#102033; --muted:#627084; --line:#e6edf5; --soft:#f5f9ff;
  --blue:#4d7cff; --blue2:#7357ff; --cyan:#31d6d1; --green:#20c997;
  --cream:#fffaf0; --white:#fff; --shadow:0 24px 60px rgba(16,32,51,.12);
  --radius:28px;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8fbff 0%,#fff 38%,#f7fbff 100%);line-height:1.55} a{color:inherit;text-decoration:none} img{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,237,245,.7)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:17px 0}.brand{display:flex;gap:12px;align-items:center;font-weight:900;letter-spacing:-.03em;font-size:24px}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;box-shadow:0 12px 26px rgba(77,124,255,.28)}.logo svg{width:25px}.menu{display:flex;gap:26px;align-items:center;color:#435166;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;font-weight:850;cursor:pointer;transition:.2s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;box-shadow:0 14px 34px rgba(77,124,255,.34)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:white;border:1px solid var(--line);color:var(--ink)}.hero{position:relative;overflow:hidden;padding:86px 0 76px}.hero:before{content:"";position:absolute;inset:-180px -120px auto auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(49,214,209,.35),rgba(77,124,255,.12) 45%,transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}.eyebrow{display:inline-flex;gap:10px;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:white;font-weight:800;color:#486076;box-shadow:0 10px 24px rgba(16,32,51,.05)}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(32,201,151,.12)}h1{font-size:clamp(46px,6vw,78px);line-height:.96;letter-spacing:-.065em;margin:22px 0 18px}.lead{font-size:21px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.trust div{background:white;border:1px solid var(--line);border-radius:20px;padding:14px 16px;font-weight:800;color:#415066}.visual{position:relative}.browser{background:white;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.browser-top{height:54px;background:#f3f7fc;display:flex;gap:8px;align-items:center;padding:0 20px}.browser-top span{width:12px;height:12px;border-radius:50%;background:#ccd8e6}.dash{padding:26px}.status-card{border-radius:24px;background:linear-gradient(135deg,#102033,#283b72);color:white;padding:26px;margin-bottom:18px;position:relative;overflow:hidden}.status-card:after{content:"";position:absolute;right:-50px;top:-60px;width:180px;height:180px;border-radius:50%;background:rgba(49,214,209,.25)}.status-card h3{margin:0 0 6px;font-size:28px}.meter{height:10px;border-radius:999px;background:rgba(255,255,255,.25);overflow:hidden;margin-top:18px}.meter i{display:block;width:92%;height:100%;background:linear-gradient(90deg,var(--cyan),#fff)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini{border:1px solid var(--line);border-radius:22px;padding:18px;background:#fbfdff}.mini b{display:block;font-size:25px}.float{position:absolute;right:-14px;bottom:28px;background:white;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 24px 50px rgba(16,32,51,.16);width:230px}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section h2{font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.05em;margin:0}.section p.sub{color:var(--muted);font-size:18px;max-width:620px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 18px 40px rgba(16,32,51,.06)}.icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,rgba(77,124,255,.14),rgba(49,214,209,.18));display:grid;place-items:center;margin-bottom:18px}.icon svg{width:27px;color:var(--blue)}.card h3{font-size:24px;margin:0 0 8px}.card p{color:var(--muted)}.feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;background:linear-gradient(135deg,#101f34,#17294a);border-radius:36px;padding:42px;color:white;overflow:hidden}.feature p{color:#cbd7e8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:white;border:1px solid var(--line);border-radius:24px;padding:22px}.step span{width:38px;height:38px;border-radius:14px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price{background:white;border:1px solid var(--line);border-radius:30px;padding:30px;position:relative}.price.featured{border:2px solid var(--blue);box-shadow:var(--shadow);transform:translateY(-10px)}.badge{position:absolute;top:18px;right:18px;background:#ecfdf6;color:#087a55;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px}.amount{font-size:48px;font-weight:950;letter-spacing:-.05em}.amount small{font-size:16px;color:var(--muted)}ul.clean{padding:0;list-style:none;margin:22px 0;display:grid;gap:12px}ul.clean li{display:flex;gap:10px;color:#45546a}.check{color:var(--green);font-weight:900}.order-wrap{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px}.panel{background:white;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 18px 38px rgba(16,32,51,.06)}label{font-weight:850;display:block;margin:14px 0 7px}input,select,textarea{width:100%;border:1px solid #dbe5f0;border-radius:16px;padding:15px 16px;font:inherit;background:#fbfdff}textarea{min-height:120px;resize:vertical}.footer{padding:46px 0;border-top:1px solid var(--line);background:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;color:#58677a}.footer b{color:var(--ink)}.graphic-cloud{height:310px;border-radius:30px;background:radial-gradient(circle at 20% 20%,rgba(49,214,209,.42),transparent 32%),radial-gradient(circle at 78% 25%,rgba(115,87,255,.35),transparent 35%),linear-gradient(135deg,#eef6ff,#fffaf0);display:grid;place-items:center;position:relative}.cloud{width:190px;height:76px;background:white;border-radius:999px;box-shadow:0 28px 60px rgba(16,32,51,.16);position:relative}.cloud:before,.cloud:after{content:"";position:absolute;background:white;border-radius:50%}.cloud:before{width:96px;height:96px;left:35px;top:-48px}.cloud:after{width:76px;height:76px;right:28px;top:-34px}.orb{position:absolute;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:0 20px 44px rgba(16,32,51,.12);padding:13px;font-weight:900}.orb.one{left:32px;top:34px}.orb.two{right:30px;bottom:42px}.orb.three{left:85px;bottom:28px}@media(max-width:900px){.hero-grid,.feature,.order-wrap{grid-template-columns:1fr}.cards,.pricing,.steps,.footer-grid{grid-template-columns:1fr}.menu{display:none}.trust{grid-template-columns:1fr}.price.featured{transform:none}.section-head{display:block}.hero{padding-top:50px}}
