:root{--navy:#04275a;--blue:#147df5;--green:#17c866;--text:#102541;--muted:#64748b;--line:#e3ebf5}
*{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(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 34px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #edf2f7}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:21px;line-height:1}.brand-copy small{margin-top:4px;color:#748298;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.back-link{font-size:13px;font-weight:800;color:#315477}.hero{background:radial-gradient(circle at 84% 20%,rgba(28,150,255,.3),transparent 30%),linear-gradient(135deg,#032453,#0757a9);color:#fff;padding:62px 0}.hero-inner{display:grid;grid-template-columns:.88fr 1.12fr;gap:50px;align-items:center}.eyebrow{display:inline-block;padding:7px 11px;border:1px solid rgba(95,189,255,.45);border-radius:999px;color:#c8eaff;font-size:11px;font-weight:900;letter-spacing:.08em}.eyebrow.light{color:var(--blue);background:#eaf4ff;border:0}.hero h1{font-size:clamp(46px,5vw,70px);line-height:1.01;letter-spacing:-.05em;margin:16px 0}.hero h1 span{color:#35a7ff}.hero p{max-width:580px;color:#dbeafa;font-size:16px;line-height:1.7}.hero-note{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:12px;color:#d4e6f7}.hero-note span{width:9px;height:9px;border-radius:50%;background:#20d170;box-shadow:0 0 0 5px rgba(32,209,112,.12)}.preview-window{background:#101821;border:8px solid #101821;border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.3);overflow:hidden}.preview-top{height:38px;background:#f7f9fc;display:flex;align-items:center;gap:6px;padding:0 12px;color:#8190a4}.preview-top i{width:8px;height:8px;border-radius:50%;background:#ff5f57}.preview-top i:nth-child(2){background:#ffbd2e}.preview-top i:nth-child(3){background:#28c840}.preview-top b{margin-left:auto;margin-right:auto;font-size:9px}.preview-body{display:grid;grid-template-columns:105px 1fr;min-height:290px;background:#f7faff}.preview-body aside{background:#0a2f5a;color:#d6e8fa;padding:18px 12px;display:flex;flex-direction:column;gap:14px;font-size:9px}.preview-body aside strong{font-size:20px;color:#fff;margin-bottom:5px}.preview-body section{padding:17px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats div{padding:11px;background:#fff;border:1px solid var(--line);border-radius:10px}.stats small{display:block;font-size:7px;color:#8190a3}.stats b{font-size:12px}.chart{height:155px;margin-top:11px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.chart svg{width:100%;height:100%}.apps{padding:64px 0}.section-head h2{font-size:38px;margin:10px 0 6px;letter-spacing:-.04em}.section-head p{color:var(--muted);margin:0}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:30px}.app-card{position:relative;padding:23px;border-radius:19px;border:1px solid var(--line);min-height:245px;box-shadow:0 12px 30px rgba(20,60,110,.055)}.app-card.blue{background:linear-gradient(145deg,#f7fbff,#eaf4ff)}.app-card.orange{background:linear-gradient(145deg,#fffaf5,#fff1df)}.app-card.green{background:linear-gradient(145deg,#f7fff9,#eaf9ef)}.app-card.purple{background:linear-gradient(145deg,#fcfaff,#f2ecff)}.icon{width:54px;height:54px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 8px 20px rgba(20,60,100,.08)}.status{position:absolute;top:20px;right:20px;background:#fff;border:1px solid rgba(15,36,68,.08);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;color:#6f7e92}.app-card h3{font-size:19px;margin:18px 0 8px}.app-card p{font-size:13px;line-height:1.65;color:#607087;min-height:65px}.app-card a{display:inline-block;margin-top:12px;color:var(--blue);font-weight:900;font-size:13px}.info{padding:46px 0;background:#f4f9ff}.info-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.info h2{font-size:32px;margin:10px 0 7px}.info p{max-width:700px;color:#65748b;line-height:1.7;margin:0}.wa-btn{background:var(--green);color:#fff;padding:14px 18px;border-radius:10px;font-weight:900;font-size:13px;white-space:nowrap;box-shadow:0 12px 28px rgba(23,200,102,.2)}footer{padding:22px 0;border-top:1px solid #edf2f7}.footer-inner{display:flex;justify-content:space-between;color:#8794a6;font-size:12px}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.app-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.nav{height:66px}.brand img{width:42px;height:42px}.back-link{font-size:11px}.hero{padding:38px 0}.hero h1{font-size:42px}.hero p{font-size:14px}.preview-body{grid-template-columns:72px 1fr;min-height:235px}.preview-body aside{padding:12px 7px;font-size:6px;gap:9px}.stats{grid-template-columns:1.4fr .7fr}.stats div:nth-child(3){display:none}.chart{height:115px}.apps{padding:45px 0}.section-head h2{font-size:31px}.app-grid{grid-template-columns:1fr}.info-grid{display:block}.wa-btn{display:inline-flex;margin-top:20px}.footer-inner{display:block}.footer-inner span:last-child{display:block;margin-top:6px}}