:root{--bg:#f6f8fb;--bg2:#edf2f7;--panel:#111f34ad;--panel2:#0b182bd1;--ink:#142033;--muted:#64748a;--line:#0b132b1a;--accent:#7897bd;--accent2:#d7e2f0;--deep:#07101c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#dce8f5;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1220px;margin:auto;padding:0 28px}.landingShell{background:radial-gradient(circle at 18% 8%,#b3cdebbf,#0000 31%),radial-gradient(circle at 82% 13%,#86afdf6b,#0000 27%),linear-gradient(#c9dff3 0%,#eaf2f9 38%,#f7f9fc 72%,#f5f7fa 100%);min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(60px);opacity:.55;pointer-events:none;z-index:0;border-radius:999px;animation:14s ease-in-out infinite alternate floatAmbient;position:absolute}.ambientA{background:#74a2d759;width:360px;height:360px;top:90px;left:-120px}.ambientB{background:#e1e9f4d1;width:420px;height:420px;animation-delay:-4s;top:40px;right:-140px}.ambientC{background:#a6c3e352;width:300px;height:300px;animation-delay:-7s;top:520px;left:46%}@keyframes floatAmbient{0%{transform:translate(0,0)scale(1)}to{transform:translate(20px,-14px)scale(1.06)}}.heroFrame{z-index:2;padding:34px 28px 54px;position:relative}.heroPanel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff57,#ffffff57),linear-gradient(#fcfdffeb,#eff5fbed);border:1px solid #ffffffb8;border-radius:30px;max-width:1360px;margin:0 auto;overflow:hidden;box-shadow:0 34px 100px #3253782e,inset 0 1px #fffffff2}.heroPanel:before{content:"";pointer-events:none;opacity:.65;background-image:linear-gradient(#4d6a8b0e 1px,#0000 1px),linear-gradient(90deg,#4d6a8b0e 1px,#0000 1px);background-size:52px 52px;border-radius:30px;height:700px;position:absolute;inset:34px 28px auto;-webkit-mask-image:linear-gradient(#000 0%,#0000 82%);mask-image:linear-gradient(#000 0%,#0000 82%)}.nav{z-index:3;border-bottom:1px solid #14203314;justify-content:space-between;align-items:center;height:76px;display:flex;position:relative}.navV3{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff47;padding:0 34px}.logo{letter-spacing:.18em;color:#0b132b;font-size:18px;font-weight:900}.navlinks{color:#536277;align-items:center;gap:24px;font-size:14px;display:flex}.navlinks>a:not(.btn):hover{color:#0b132b}.btn{color:#16243a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #0b132b24;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;transition:all .2s;display:inline-flex}.btn:hover{background:#fff;transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#0b132b,#18345a);border-color:#0b132b;box-shadow:0 12px 30px #0b132b2e}.textLink{color:#314762;align-self:center;font-size:14px;font-weight:650}.heroV3{z-index:2;grid-template-columns:.92fr 1.08fr;align-items:center;gap:62px;padding:86px 58px 58px;display:grid;position:relative}.heroCopy{max-width:650px}.eyebrow{letter-spacing:.19em;text-transform:uppercase;color:#526f93;font-size:11px;font-weight:800}h1{letter-spacing:-.058em;color:#0b132b;max-width:760px;margin:16px 0 24px;font-size:72px;font-weight:780;line-height:.96}h1 span{color:#263d59;display:block}.lede{color:#53647b;max-width:610px;font-size:20px;line-height:1.55}.actions{align-items:center;gap:18px;margin-top:30px;display:flex}.proof{color:#6a7c92;margin-top:28px;font-size:13px}.heroProduct{min-width:0;padding:26px 0 4px;position:relative}.productHalo{filter:blur(24px);pointer-events:none;background:radial-gradient(circle at 52% 40%,#6591c54d,#0000 44%),radial-gradient(circle at 62% 76%,#647ad02e,#0000 34%);position:absolute;inset:4% -8% -12%}.signalStrip{z-index:2;letter-spacing:.15em;color:#72849a;background:#ffffff47;border-top:1px solid #14203312;justify-content:center;align-items:center;gap:12px;padding:18px 26px;font-size:10px;font-weight:800;display:flex;position:relative}.signalStrip i{background:linear-gradient(90deg,#425b7924,#425b7975);width:28px;height:1px;display:block}.lightSection{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafdd6;position:relative}.section{border-top:1px solid #14203314;padding:90px 0}.section h2{letter-spacing:-.045em;color:#0b132b;margin:0 0 16px;font-size:48px}.sectionintro{color:var(--muted);max-width:720px;font-size:19px;line-height:1.55}.cols{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;display:grid}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #0b132b14;border-radius:18px;padding:24px;box-shadow:0 18px 46px #0b132b0e}.card h3{color:#0b132b;margin:0 0 9px;font-size:16px}.card p{color:var(--muted);font-size:14px;line-height:1.58}.steps{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px;display:grid}.step{color:#5b6b80;background:#ffffffb8;border:1px solid #0b132b14;border-radius:16px;padding:20px;box-shadow:0 12px 34px #0b132b0a}.step b{color:#142033;margin-bottom:8px;display:block}.cta{color:#fff;background:radial-gradient(circle at 18% 0,#5c7ba447,#0000 32%),linear-gradient(135deg,#0c1a2d,#12233a);border:1px solid #ffffff1a;border-radius:24px;margin:82px 0 20px;padding:48px;box-shadow:0 30px 80px #00000038}.cta h2{color:#fff}.cta p{color:#afbccb;max-width:650px;line-height:1.6}.footer{z-index:2;color:#6f7f92;background:#f5f7fa;padding:30px 28px 46px;font-size:12px;position:relative}.demoStage{perspective:1400px;position:relative}.demoGlow{filter:blur(30px);pointer-events:none;background:radial-gradient(circle,#3e628f47,#0000 68%);position:absolute;inset:10% 2% -10%}.demoWindow{background:#07101df7;border:1px solid #ffffff1c;border-radius:22px;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;transform:rotateY(-4deg)rotateX(2deg)translateZ(0);box-shadow:0 38px 92px #0b132b47}.demoStage:hover .demoWindow{transform:rotateY(-1deg)rotateX(.5deg)translateY(-5px)scale(1.015)}.demoChrome{color:#93a2b6;background:#ffffff06;border-bottom:1px solid #ffffff12;grid-template-columns:90px 1fr 70px;align-items:center;height:44px;padding:0 14px;font-size:10px;display:grid}.demoDots{gap:5px;display:flex}.demoDots i{background:#ffffff2e;border-radius:50%;width:7px;height:7px}.demoTitle{text-align:center;letter-spacing:.04em}.demoLive{text-align:right;color:#c9d7e8;letter-spacing:.12em;font-weight:800}.demoBody{grid-template-columns:112px 1fr;min-height:360px;display:grid}.demoSide{background:#ffffff05;border-right:1px solid #ffffff0f;padding:16px 10px}.demoBrand{letter-spacing:.18em;color:#dbe4ef;margin:4px 7px 18px;font-size:9px;font-weight:900}.demoNav{color:#69798d;border-radius:8px;margin-bottom:4px;padding:9px;font-size:10px;transition:all .45s}.demoNav.on{color:#f5f8fc;background:#9db7d71f;box-shadow:inset 0 0 0 1px #9db7d714}.demoMain{min-width:0;padding:22px;position:relative;overflow:hidden}.demoTopline{letter-spacing:.13em;color:#91a4bc;text-transform:uppercase;justify-content:space-between;font-size:9px;display:flex}.demoStatus{letter-spacing:0;text-transform:none;color:#718196}.demoFocus{margin-top:28px;animation:.55s both demoEnter}.demoFocusMeta{letter-spacing:.15em;color:#8da7c5;text-transform:uppercase;font-size:9px}.demoFocusTitle{letter-spacing:-.045em;color:#f4f7fb;margin-top:7px;font-size:34px;font-weight:760}.demoFocusSub{color:#9aa8ba;margin-top:6px;font-size:12px;line-height:1.5}.demoChips{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.demoChips>*{color:#aab8ca;background:#ffffff06;border:1px solid #ffffff14;border-radius:999px;padding:7px 9px;font-size:9px}.demoChips b{color:#f3f6fb;background:#9ab5d61f}.demoEvidence{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.demoEvidence>div{background:#ffffff09;border:1px solid #ffffff0f;border-radius:11px;padding:12px}.demoEvidence small{color:#687a90;text-transform:uppercase;letter-spacing:.1em;font-size:8px;display:block}.demoEvidence strong{color:#dce5ef;margin-top:5px;font-size:10px;font-weight:600;line-height:1.35;display:block}.demoTableWrap{margin-top:24px;animation:.7s cubic-bezier(.2,.75,.2,1) both tableZoom}.demoTableHead,.demoTableRow{grid-template-columns:1fr .75fr 1.5fr .7fr;align-items:center;gap:8px;display:grid}.demoTableHead{color:#67788e;text-transform:uppercase;letter-spacing:.09em;padding:0 10px 7px;font-size:8px}.demoTableRow{color:#b8c5d5;background:#ffffff05;border-top:1px solid #ffffff0e;padding:13px 10px;font-size:10px}.demoTableRow.hot{background:linear-gradient(90deg,#658ab51f,#ffffff05)}.demoTableRow b{color:#edf3f9}.demoTableRow.dim{opacity:.55}.demoCursor{filter:drop-shadow(0 4px 10px #0006);z-index:5;width:18px;height:22px;transition:all 1s cubic-bezier(.2,.8,.2,1);position:absolute;top:62%;left:71%;transform:translate(-50%,-50%)}.demoCursor:before{content:"";border-top:11px solid #0000;border-bottom:3px solid #0000;border-left:8px solid #fff;width:0;height:0;display:block;transform:rotate(-25deg)}.demoCursor span{border:1px solid #a7c3e58c;border-radius:50%;width:16px;height:16px;animation:2.6s infinite cursorPulse;position:absolute;top:-4px;left:-4px}.scene-0 .demoCursor{top:67%;left:42%}.scene-1 .demoCursor{top:68%;left:68%}.scene-2 .demoCursor{top:30%;left:57%}.scene-3 .demoCursor{top:56%;left:38%}.scene-3 .demoWindow{transform:rotateY(-1deg)rotateX(0)scale(1.035)}.demoCaption{color:#607187;text-align:center;letter-spacing:.04em;margin-top:14px;font-size:10px}@keyframes demoEnter{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@keyframes tableZoom{0%{opacity:0;transform:scale(.93)translateY(12px)}to{opacity:1;transform:scale(1.03)translateY(0)}}@keyframes cursorPulse{0%,55%{opacity:0;transform:scale(.5)}65%{opacity:1;transform:scale(1.6)}to{opacity:0;transform:scale(2)}}@media (prefers-reduced-motion:reduce){.ambient,.demoWindow,.demoNav,.demoCursor{transition:none!important;animation:none!important}.demoCursor span,.demoFocus,.demoTableWrap{animation:none!important}}@media (max-width:980px){.heroV3{grid-template-columns:1fr;padding:64px 34px 44px}.heroCopy{max-width:none}h1{font-size:56px}.heroProduct{width:100%;max-width:760px;margin:0 auto}.signalStrip{flex-wrap:wrap}.cols,.steps{grid-template-columns:1fr}.navlinks a:not(.btn){display:none}}@media (max-width:620px){.heroFrame{padding:12px}.heroPanel{border-radius:20px}.navV3{padding:0 18px}.heroV3{padding:48px 20px 34px}h1{font-size:44px}.lede{font-size:17px}.actions{flex-direction:column;align-items:flex-start}.demoWindow{transform:none}.demoBody{grid-template-columns:78px 1fr}.demoMain{padding:14px}.demoFocusTitle{font-size:26px}.demoEvidence{grid-template-columns:1fr}.demoTableHead,.demoTableRow{grid-template-columns:1fr .8fr 1.2fr}.demoTableHead span:last-child,.demoTableRow span:last-child,.signalStrip{display:none}}