*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0f172a;background:#f1f5f9;margin:0;font-family:system-ui,sans-serif}a,a:visited{color:inherit;text-decoration:none}.page{width:min(1120px,100% - 28px);margin:0 auto;padding-bottom:56px}.siteHeader{z-index:50;position:sticky;top:0}.headerTopBar{background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 32px;display:grid}.headerTopBarRight{justify-content:flex-end;display:flex}.headerBrand{flex-shrink:0;align-items:center;gap:14px;text-decoration:none;display:flex}.headerBrandText{flex-direction:column;line-height:1.1;display:flex}.headerBrandName{color:#1b2a4a;letter-spacing:.03em;font-size:32px;font-weight:700;line-height:1}.headerBrandTagline{color:#e8a020;letter-spacing:.12em;font-size:11px;font-weight:700}.headerCtaBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#1b2a4a;border:none;border-radius:8px;padding:10px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s}.headerCtaBtn:hover{background:#253a60}.headerBottomBar{background:#f8f9fa;border-top:1px solid #e9ecef;border-bottom:2px solid #e8a020;justify-content:space-between;align-items:center;height:44px;padding:0 32px;display:flex}.siteNav{align-items:center;gap:28px;font-size:16px;font-weight:600;display:flex}.siteNav a{color:#475569;text-decoration:none;transition:color .2s}.siteNav a:hover{color:#1b2a4a}.burgerBtn{color:#1b2a4a;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;display:none}.mobileNav{background:#fff;border-top:1px solid #e9ecef;border-bottom:2px solid #e8a020;flex-direction:column;gap:0;padding:16px 24px 20px;display:none}.mobileNav a{color:#1b2a4a;border-bottom:1px solid #f0f0f0;padding:12px 0;font-size:18px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.mobileNav a:last-of-type{border-bottom:none}.mobileNav a:hover{color:#e8a020}.btnSmall,.btnPrimary{color:#fff;cursor:pointer;background:#1b2a4a;border:none;border-radius:12px;font-weight:800}a.btnPrimary:visited,a.headerCtaBtn:visited{color:#fff}.btnSmall{white-space:nowrap;border-radius:14px;flex-shrink:0;padding:12px 20px;font-size:15px;font-weight:800;transition:all .2s}.btnPrimary{border-radius:16px;padding:16px 26px;font-size:17px;font-weight:800;transition:all .2s;box-shadow:0 10px 25px #1b2a4a38}.btnSecondary{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;transition:background .15s;display:inline-block}.btnSecondary:hover{background:#f1f5f9}.heroActions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.card,.infoCard{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;box-shadow:0 12px 30px #0f172a14}.card svg,.infoCard svg{margin-bottom:10px}.cardsGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.section{margin-top:64px}.sectionText{color:#475569;max-width:760px;line-height:1.6}.eyebrow{color:#e8a020;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.demoIntro{margin-top:24px;margin-bottom:8px}.demoHero{margin-top:24px;margin-bottom:32px}.demoHero h1{margin:8px 0 12px;font-size:clamp(28px,4vw,42px);font-weight:900}.demoProductFrame{background:#1e293b;border-radius:20px;margin-bottom:40px;overflow:hidden;box-shadow:0 20px 60px #00000040}.demoDeviceBar{color:#94a3b8;background:#0f172a;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;font-weight:600;display:flex}.demoImageWrap{width:100%;overflow:hidden}.demoImage{object-fit:cover;width:100%;height:auto;display:block}.demoPoints{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:32px;display:grid}.demoPoints .card h2{margin:0 0 8px;font-size:16px;font-weight:800}.demoPoints .card p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.demoVideoSection{background:#0f172a;border-radius:20px;margin:24px 0;padding:24px}.demoVideoSection video{border:none;border-radius:12px;width:100%;max-width:860px;margin:0 auto;display:block;box-shadow:0 8px 32px #0006}.demoMenu{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:24px;display:grid}.demoMenuCard{transition:transform .15s,box-shadow .15s;display:block}.demoMenuCard:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0000001f}.demoMenuCard h2{margin:0 0 8px;font-size:17px;font-weight:800}.demoMenuCard p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.pricingGrid{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;margin-top:32px;display:grid}.pricingMobileBtns{display:none}@media (width<=767px){.pricingGrid{grid-template-columns:1fr}.pricingList{display:none}.pricingDesktopBtn{display:none!important}.pricingMobileBtns{flex-direction:column;gap:10px;width:100%;margin-top:20px;display:flex}}@media (width<=760px){.page{width:min(100% - 20px,1120px)}.demoPreviewWrapper{grid-template-columns:1fr}.siteHeader{position:static}.headerTopBar{padding:10px 16px}.headerBrandName{font-size:22px}.headerBrandTagline{font-size:10px}.headerCtaBtn{padding:8px 14px;font-size:13px}.headerBottomBar{display:none}.burgerBtn{display:block}.mobileNav{display:flex}.heroActions .btnPrimary,.heroActions .btnSecondary{width:auto}.btnSmall,.btnPrimary{text-align:center;justify-content:center;width:100%;padding:14px 18px;font-size:16px}.card,.infoCard{padding:18px}h1{font-size:38px;line-height:1.05}h2{font-size:28px;line-height:1.1}.demoPoints,.demoMenu{grid-template-columns:1fr}}
