:root{--navy:#061827;--navy-2:#0a2236;--teal:#27c3b4;--cyan:#7bdff2;--gold:#c89b5c;--white:#f8fbff;--muted:#a9bdca;--card:#ffffff13;--border:#ffffff24}*{box-sizing:border-box}body{color:var(--white);background:radial-gradient(circle at top left, #27c3b438, transparent 34%), radial-gradient(circle at 80% 15%, #7bdff229, transparent 30%), linear-gradient(135deg, var(--navy), #02080f 70%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}.nav{z-index:50;background:linear-gradient(90deg,#061827 0%,#0a2236 28%,#15473f 62%,#1f6f63 100%);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:24px;min-height:150px;padding:28px 6vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:22px;display:flex}.brand>div:last-child{flex-direction:column;gap:6px;display:flex}.brandMark{color:#021014;background:linear-gradient(135deg, var(--teal), var(--cyan));border-radius:16px;place-items:center;width:44px;height:44px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 12px 40px #27c3b440}.brandLogo{object-fit:contain;width:100%;height:100%;padding:5px;display:block}.footerBrand .brandLogo{padding:3px}.nav .brandMark{background:#fff;border-radius:22px;width:180px;height:46px;padding:6px 12px;box-shadow:0 24px 60px #00000059}.nav .brandMark .brandLogo{object-fit:contain;padding:0}.brandName{letter-spacing:.18px;color:color-mix(in oklab, var(--white) 94%, var(--cyan) 6%);font-size:17px;font-weight:780;line-height:1}.brandSub{color:var(--muted);font-size:12px;line-height:1.1}.nav .brandName{letter-spacing:-.5px;color:#fff;font-size:clamp(28px,3.4vw,40px);font-weight:800}.nav .brandSub{color:var(--teal);letter-spacing:.1px;font-size:clamp(14px,1.2vw,17px);font-weight:500}.footerBrand .brandName{color:color-mix(in oklab, var(--white) 82%, var(--muted) 18%);font-size:15px}.footerBrand .brandSub{color:color-mix(in oklab, var(--muted) 92%, var(--white) 8%);font-size:11px}.navLinks{color:#fff;align-items:center;gap:38px;font-size:16px;font-weight:500;display:flex}.navLinks a{color:#fff;opacity:.92;transition:opacity .2s}.navLinks a:hover{opacity:1}.navLinks a.navCta{color:var(--navy);opacity:1;background:#fff;border:1px solid #fff;border-radius:999px;padding:12px 24px;font-weight:600;box-shadow:0 8px 24px #0000002e}.navLinks a.navCta:hover{opacity:1;color:var(--navy);background:#f4fbfa}@media (width<=820px){.nav{flex-wrap:wrap;gap:12px;min-height:auto;padding:18px 6vw}.nav .brandMark{border-radius:12px;width:138px;height:36px;padding:5px 9px}.nav .brandName{font-size:22px}.nav .brandSub{font-size:12px}.navLinks{gap:18px;font-size:14px}.navLinks a.navCta{padding:8px 16px}}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;min-height:760px;padding:110px 6vw 80px;display:grid}.eyebrow{color:var(--cyan);letter-spacing:.35px;text-transform:uppercase;background:#7bdff214;border:1px solid #7bdff240;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow.small{margin-bottom:18px}h1{letter-spacing:-3px;margin:26px 0 20px;font-size:clamp(46px,7vw,82px);line-height:.96}h2{letter-spacing:-1.8px;margin:0;font-size:clamp(32px,4vw,54px);line-height:1.02}h3{margin:0;font-size:20px}p{color:var(--muted);font-size:17px;line-height:1.65}.heroCopy>p{max-width:680px;font-size:20px}.heroTrustline{max-width:680px;color:color-mix(in oklab, var(--cyan) 68%, var(--white) 32%);margin-top:10px;font-size:14px}.heroButtons{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.primaryBtn,.secondaryBtn{border-radius:999px;align-items:center;gap:8px;padding:15px 22px;font-weight:800;display:inline-flex}.primaryBtn{background:linear-gradient(135deg, var(--teal), var(--cyan));color:#041118;box-shadow:0 18px 50px #27c3b440}.secondaryBtn{border:1px solid var(--border);background:#ffffff0f}.dashboardCard,.featureCard,.partnerCard,.comparison,.statGrid>div{border:1px solid var(--border);background:linear-gradient(#ffffff1a,#ffffff0b);border-radius:28px;box-shadow:0 28px 80px #00000052}.dashboardCard{padding:26px}.dashboardTop{justify-content:space-between;align-items:center;display:flex}.tinyLabel{color:var(--cyan);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:800}.statusIcon{color:var(--teal)}.criteriaGrid{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.criteriaBlock{border:1px solid var(--border);background:#030c148c;border-radius:22px;padding:18px}.criteriaBlock span{color:var(--gold);font-size:13px;font-weight:800}.criteriaBlock p{margin:8px 0 0;font-size:14px}.matchPanel{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.matchPanel>div{background:#27c3b414;border:1px solid #27c3b433;border-radius:20px;padding:16px}.metric{color:var(--white);font-size:34px;font-weight:900}.matchPanel span{color:var(--muted);font-size:12px}.progressRows{gap:10px;display:grid}.progressRows>div{border:1px solid var(--border);color:var(--muted);background:#ffffff0e;border-radius:16px;justify-content:space-between;padding:14px 16px;display:flex}.progressRows b{color:var(--teal)}.problem,.features,.workflow,.positioning,.partners,.cta,.demo{padding:92px 6vw}.demoShell{background:#0b0d12;border:1px solid #ffffff14;border-radius:20px;max-width:1040px;margin:0 auto;overflow:hidden;box-shadow:0 30px 80px #00000059}.demoVideo{width:100%;max-height:70vh;display:block}.sectionHead{text-align:center;max-width:840px;margin:0 auto 38px}.sectionHead.left{text-align:left;margin:0}.statGrid,.featureGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.statGrid>div{padding:28px}.statGrid strong{margin-bottom:10px;font-size:22px;display:block}.statGrid span{color:var(--muted)}.featureGrid{grid-template-columns:repeat(3,1fr)}.featureCard{padding:28px;position:relative}@media (width<=1100px){.featureGrid{grid-template-columns:repeat(2,1fr)}}.featureCard.primary{background:linear-gradient(#27c3b42e,#27c3b40f);border:1px solid #27c3b473;box-shadow:0 28px 80px #27c3b42e}.featureCard.primary .iconWrap{background:linear-gradient(135deg, var(--teal), var(--cyan));color:#041118}.featureBadge{color:var(--cyan);letter-spacing:.5px;text-transform:uppercase;background:#27c3b42e;border:1px solid #27c3b473;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;top:18px;right:18px}.iconWrap{width:48px;height:48px;color:var(--teal);background:#27c3b41f;border-radius:16px;place-items:center;margin-bottom:20px;display:grid}.featureCard svg{width:24px;height:24px}.workflow{grid-template-columns:.9fr 1.1fr;align-items:start;gap:52px;display:grid}.stepList{gap:14px;display:grid}.step{border:1px solid var(--border);background:#ffffff0f;border-radius:22px;grid-template-columns:46px 1fr 28px;align-items:center;gap:16px;padding:18px;display:grid}.step>span{width:46px;height:46px;color:var(--cyan);background:linear-gradient(135deg,#27c3b438,#7bdff21f);border-radius:15px;place-items:center;font-weight:900;display:grid}.step p{color:var(--white);margin:0}.step svg{color:var(--teal)}.comparison{max-width:880px;margin:auto;overflow:hidden}.comparisonTableWrap{border:1px solid var(--border);border-radius:22px;overflow-x:auto}.comparisonTable{border-collapse:collapse;background:linear-gradient(#ffffff14,#ffffff0a);width:100%;min-width:860px}.comparisonTable thead th{color:var(--white);letter-spacing:.2px;text-transform:uppercase;border-bottom:1px solid var(--border);background:#061827f5;font-size:13px;position:sticky;top:0}.comparisonTable th,.comparisonTable td{border-bottom:1px solid var(--border);text-align:center;padding:14px 12px}.comparisonTable tbody tr:last-child th,.comparisonTable tbody tr:last-child td{border-bottom:0}.comparisonTable th:first-child{text-align:left;min-width:320px}.comparisonTable tbody th{color:var(--white);font-size:15px;font-weight:700}.comparisonTable tbody tr:nth-child(2n){background:#ffffff08}.comparisonTable td:last-child,.comparisonTable th:last-child{background:#27c3b41a}.checkMark{border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-weight:900;display:inline-flex}.checkMark.yes{color:#04231f;background:linear-gradient(135deg, var(--teal), var(--cyan))}.checkMark.no{color:var(--muted);background:#ffffff14}.comparisonDisclaimer{max-width:880px;color:var(--muted);margin:12px auto 0;font-size:13px}.positioningBottomLine{max-width:880px;color:var(--white);margin:20px auto 0}.partners{grid-template-columns:1fr 1fr;gap:24px;display:grid}.partnerCard{padding:42px}.partnerCard svg{color:var(--teal);width:44px;height:44px;margin-bottom:20px}.partnerBullets{gap:14px;display:grid}.partnerBullets>div{border:1px solid var(--border);background:#ffffff0f;border-radius:22px;align-items:center;gap:14px;padding:22px;display:flex}.partnerBullets svg{color:var(--cyan)}.cta{border:1px solid var(--border);background:linear-gradient(135deg,#27c3b438,#7bdff214),#ffffff0f;border-radius:32px;margin:40px 6vw 70px;padding:48px;display:block}.ctaBody{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.cta p{max-width:720px}.contactForm{border:1px solid var(--border);background:#020a106b;border-radius:20px;gap:12px;padding:18px;display:grid}.contactForm label{color:var(--white);gap:6px;font-size:13px;font-weight:700;display:grid}.contactForm input,.contactForm textarea{border:1px solid var(--border);width:100%;font:inherit;color:var(--white);background:#ffffff0f;border-radius:12px;padding:10px 12px}.contactForm textarea{resize:vertical}.hpField{position:absolute;left:-9999px}.contactForm .primaryBtn{cursor:pointer;border:0;justify-content:center}.contactForm .primaryBtn[disabled]{opacity:.7;cursor:progress}.formStatus{margin:6px 0 0;font-size:.95rem;line-height:1.45}.formStatusSuccess{color:#4ade80}.formStatusError{color:#f87171}.formStatus a{color:inherit;text-decoration:underline}footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:28px 6vw 46px;display:flex}.footerBrand .brandMark{border-radius:14px;width:38px;height:38px}@media (width<=960px){.brandName{font-size:16px}.brandSub{font-size:11px}.footerBrand .brandName{font-size:14px}.brandLogo{padding:4px}.footerBrand .brandLogo{padding:2px}.nav .brandMark{width:42px;height:42px}.footerBrand .brandMark{width:34px;height:34px}.navLinks{display:none}.hero,.workflow,.partners,.featureGrid,.statGrid,.criteriaGrid,.matchPanel{grid-template-columns:1fr}.comparisonTable{min-width:740px}.comparisonTable th:first-child{min-width:250px}.ctaBody{grid-template-columns:1fr}.cta{margin-left:4vw;margin-right:4vw}footer{flex-direction:column;align-items:flex-start;gap:18px}h1{letter-spacing:-1.6px}}
