@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--n:#0B1F3A;--b:#1E90FF;--c:#00B4FF;--g:#5B6576;--l:#e1e8ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,Arial;color:var(--n)}a{text-decoration:none;color:inherit}header{height:76px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--l);position:sticky;top:0;background:#fffe;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.brand{display:flex;align-items:center;gap:10px}.mark{width:40px;height:40px;border-radius:10px;background:var(--n);color:#fff;position:relative;display:grid;place-items:center;font-size:24px}.mark i{position:absolute;color:var(--b);font-size:20px;right:5px;bottom:-1px}.mark span{position:absolute;color:var(--c);font-size:10px;right:2px;top:4px;transform:rotate(-30deg)}nav{display:flex;gap:25px;font-size:14px;font-weight:800}.hero{min-height:640px;padding:75px 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(135deg,#fff 50%,#f2f7fb)}section>div>small,.section>small,.cta small,.admin main>small{color:var(--b);font-weight:900;letter-spacing:2px}.hero h1{font-size:70px;line-height:1;margin:15px 0}.hero h1 em{color:var(--b);font-style:normal}.hero p{font-size:19px;color:var(--g);max-width:580px;line-height:1.6}.btn{display:inline-flex;gap:8px;align-items:center;background:var(--b);color:#fff;padding:13px 20px;border-radius:11px;font-weight:900}.btn svg{width:18px}.checks{display:flex;gap:20px;margin-top:30px;color:var(--g);font-size:13px;font-weight:800}.checks span{display:flex;align-items:center}.checks svg{width:15px;color:var(--b)}.demo{display:grid;place-items:center}.plaque{width:300px;height:350px;background:#fff;border:2px solid #a8d3f8;border-radius:24px;box-shadow:0 25px 60px #0b1f3a25;padding:35px;text-align:center;transform:rotate(3deg);display:flex;flex-direction:column}.stars{color:#fbbc04;font-size:26px;letter-spacing:4px}.plaque small{color:var(--g);margin-top:18px}.plaque h3{font-size:25px}.plaque h3 em{color:var(--b);font-style:normal}.touch{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-weight:900}.plaque>i{font-size:10px;color:#8fa3c4;font-style:normal;margin-top:15px}.bar{background:var(--n);color:#fff;padding:24px 8%;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.bar b{font-size:22px}.bar span{display:block;font-size:9px;color:#9db0c3;letter-spacing:1px}.section{padding:90px 7%}.section h2,.cta h2{font-size:44px;margin:10px 0}.section>p,.platform p{color:var(--g)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:40px}.cards article{border:1px solid var(--l);border-radius:17px;padding:25px;min-height:220px}.cards svg{color:var(--b)}.cards p{color:var(--g);font-size:13px;line-height:1.6}.dark{background:var(--n);color:#fff;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps article{background:#ffffff08;border:1px solid #ffffff15;border-radius:16px;padding:23px}.steps svg{color:var(--c)}.steps b{float:right;color:#ffffff30;font-size:25px}.steps p{color:#9db0c3;font-size:13px}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.prices article{border:1px solid var(--l);border-radius:18px;padding:30px}.prices article.hot{border:2px solid var(--b);box-shadow:0 15px 40px #1e90ff18}.prices h3{font-size:27px;margin:10px 0}.prices strong{font-size:28px}.prices strong i{font-size:11px;color:var(--g);font-style:normal}.prices p{color:var(--g);margin-bottom:25px}.platform{background:#f5f8fa;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.panel{background:#fff;border:1px solid var(--l);border-radius:18px;padding:10px 25px}.panel p{display:grid;grid-template-columns:30px 1fr 1fr;align-items:center;border-bottom:1px solid var(--l);padding:15px 0;font-size:13px}.panel p:last-child{border:0}.panel svg{width:18px;color:var(--b)}.panel b{text-align:right;color:var(--n)}.cta{margin:0 7% 60px;background:var(--n);color:#fff;border-radius:25px;padding:55px;display:flex;justify-content:space-between;align-items:center}.cta p{color:#9db0c3}.white{background:#fff;color:var(--n)}footer{border-top:1px solid var(--l);padding:25px 7%;display:flex;justify-content:space-between;color:var(--g);font-size:12px}.redirect{min-height:100vh;background:#f5f8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.redirect>p{max-width:500px;color:var(--g)}.redirect>span{background:#e6f7f0;color:#087a54;padding:7px 12px;border-radius:20px;font-weight:800}.admin{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#f4f7fa}.admin aside{background:var(--n);color:#fff;padding:30px;display:flex;flex-direction:column;gap:18px}.admin aside small{color:#7890a7}.admin aside span{color:#aab9c7}.admin main{padding:45px}.admin main h1{font-size:36px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metrics article{background:#fff;border:1px solid var(--l);border-radius:14px;padding:22px;display:flex;flex-direction:column}.metrics span{color:var(--g);font-size:12px}.metrics b{font-size:30px}.notice{margin-top:25px;background:#fff;border:1px solid var(--l);border-radius:14px;padding:25px;display:flex;gap:15px}.notice svg{color:var(--b)}.notice h3,.notice p{margin:0 0 5px}.notice p{color:var(--g)}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding:55px 25px}.hero h1{font-size:48px}.demo{margin-top:50px}.plaque{width:260px;height:310px}.bar{grid-template-columns:1fr 1fr;gap:22px}.section{padding:65px 25px}.section h2,.cta h2{font-size:34px}.cards{grid-template-columns:1fr 1fr}.dark,.platform,.steps,.prices{grid-template-columns:1fr}.cta{margin:0 20px 40px;padding:35px;display:block}.cta .btn{margin-top:15px}footer{padding:25px;gap:12px;flex-wrap:wrap}.admin{grid-template-columns:1fr}.admin aside{display:none}.admin main{padding:25px}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:500px){.cards{grid-template-columns:1fr}.checks{flex-wrap:wrap}.hero{min-height:auto}.hero h1{font-size:44px}}
