.landing .product-preview{--tilt-x:0deg;--tilt-y:0deg;--glow-x:50%;--glow-y:35%;position:relative;isolation:isolate;overflow:hidden;border-color:#dbe4f0;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#3977f61f,transparent 28%),linear-gradient(145deg,#fff,#f3f7ff 72%);box-shadow:0 32px 90px #31466e24,inset 0 1px 0 #fff;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .18s ease-out,box-shadow .25s ease}.landing .product-preview:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#3977f60d 1px,transparent 1px),linear-gradient(90deg,#3977f60d 1px,transparent 1px);background-size:34px 34px;animation:productGrid 11s linear infinite}.landing .product-preview:after{content:"";position:absolute;left:-30%;top:-45%;width:42%;height:190%;background:linear-gradient(90deg,transparent,#3977f624,transparent);transform:rotate(18deg);animation:productScan 4.8s ease-in-out infinite}.landing .preview-top{position:relative;z-index:1;padding:4px 2px 14px;border-bottom:1px solid #dfe7f2}.landing .preview-top i:first-child{background:#ff806b}.landing .preview-top i:nth-child(2){background:#ffd65c}.landing .preview-top i:nth-child(3){background:#49dfa0}.landing .preview-top span:after{content:" LIVE";margin-left:10px;padding:3px 7px;border-radius:999px;color:#315fdd;background:#3977f612;border:1px solid #3977f633;font-size:9px;letter-spacing:.8px}.landing .preview-grid div{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff,#f7faff);box-shadow:inset 0 1px 0 #fff,0 12px 28px #31466e0d;transform:translateY(0);animation:productCardFloat 5.4s ease-in-out infinite}.landing .preview-grid div:nth-child(2){animation-delay:.35s}.landing .preview-grid div:nth-child(3){animation-delay:.7s}.landing .preview-grid div:after{content:"";position:absolute;inset:auto 12px 10px 12px;height:3px;border-radius:999px;background:linear-gradient(90deg,#43dff7,#69f3cf);transform-origin:left;animation:productMeter 3.6s ease-in-out infinite}.landing .preview-grid div:nth-child(2):after{animation-delay:.55s}.landing .preview-grid div:nth-child(3):after{animation-delay:1.1s}.landing .preview-grid strong{color:#182033;text-shadow:0 0 24px #3977f61f}.landing .preview-chart{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f4f8ff);box-shadow:inset 0 1px 0 #fff,0 12px 28px #31466e0c}.landing .preview-chart:before{content:"";position:absolute;inset:18px;background:linear-gradient(#3977f610 1px,transparent 1px);background-size:100% 25%;pointer-events:none}.landing .preview-chart span{position:relative;z-index:1;box-shadow:0 0 20px #43dff736;transform-origin:bottom;animation:productBarPulse 2.8s ease-in-out infinite}.landing .preview-chart span:nth-child(2){animation-delay:.18s}.landing .preview-chart span:nth-child(3){animation-delay:.36s}.landing .preview-chart span:nth-child(4){animation-delay:.54s}.landing .preview-chart span:nth-child(5){animation-delay:.72s}.landing .preview-chart span:nth-child(6){animation-delay:.9s}.landing .preview-chart span:nth-child(7){animation-delay:1.08s}.landing .preview-list p{position:relative;border:1px solid #dfe7f2;transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease}.landing .preview-list p.is-active{color:#1c2a44;background:#f0f5ff;border-color:#3977f64d;transform:translateX(8px)}.landing .preview-list p.is-active i{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:7px;color:#fff;background:#3977f6}html[data-theme=dark] .landing .product-preview{border-color:#4d6f882e;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#43dff72f,transparent 28%),linear-gradient(145deg,#102537,#07131f 72%);box-shadow:0 32px 90px #00101f59,inset 0 1px 0 #ffffff12}html[data-theme=dark] .landing .product-preview:before{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)}html[data-theme=dark] .landing .product-preview:after{background:linear-gradient(90deg,transparent,#ffffff24,transparent)}html[data-theme=dark] .landing .preview-top{border-bottom-color:#ffffff12}html[data-theme=dark] .landing .preview-top span:after{color:#74f5cf;background:#36d89b18;border-color:#67eec541}html[data-theme=dark] .landing .preview-grid div{background:linear-gradient(160deg,#10263a,#081827);box-shadow:inset 0 1px 0 #ffffff0d}html[data-theme=dark] .landing .preview-grid strong{color:inherit;text-shadow:0 0 26px #43dff733}html[data-theme=dark] .landing .preview-chart{background:linear-gradient(180deg,#081724,#07111d);box-shadow:inset 0 1px 0 #ffffff0b}html[data-theme=dark] .landing .preview-chart:before{background:linear-gradient(#ffffff08 1px,transparent 1px)}html[data-theme=dark] .landing .preview-list p{border-color:#ffffff0d}html[data-theme=dark] .landing .preview-list p.is-active{color:#e8fbff;background:#102b3d;border-color:#43dff766}html[data-theme=dark] .landing .preview-list p.is-active i{color:#06131c;background:#69f3cf}@media(min-width:901px){.landing .landing-nav{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)}.landing .landing-nav nav{position:static;transform:none;width:auto;justify-self:center;text-align:center}.landing .landing-nav>div{justify-self:end}}.view-transition-ready #app,.view-transition-ready #auth,.view-transition-ready #landing{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1),filter .28s ease}.view-transition-ready .view-leaving{opacity:0!important;transform:translateY(-10px) scale(.992)!important;filter:blur(3px)!important;pointer-events:none}.view-transition-ready .view-entering{opacity:0;transform:translateY(16px) scale(.985);filter:blur(4px)}#view{transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),filter .22s ease}#view.view-refreshing{opacity:.45;transform:translateY(8px);filter:blur(2px)}@media(prefers-reduced-motion:reduce){.view-transition-ready #app,.view-transition-ready #auth,.view-transition-ready #landing{transition:none;transform:none;filter:none}#view{transition:none;transform:none;filter:none}.landing .preview-chart span,.landing .preview-grid div,.landing .preview-grid div:after,.landing .product-preview,.landing .product-preview:after,.landing .product-preview:before{animation:none!important;transform:none!important}}@keyframes productGrid{to{background-position:34px 34px}}@keyframes productScan{0%,22%{left:-38%;opacity:0}38%,62%{opacity:1}100%,82%{left:115%;opacity:0}}@keyframes productCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes productMeter{0%,100%{transform:scaleX(.52)}50%{transform:scaleX(1)}}@keyframes productBarPulse{0%,100%{scale:1 .78;filter:saturate(.9)}50%{scale:1 1.04;filter:saturate(1.25)}}@media(max-width:900px){.landing .product-preview{transform:none!important}}@media(max-width:600px){.landing .product-preview:after{display:none}.landing .preview-list p.is-active{transform:none}}.landing .product-flow-preview{overflow:hidden;border-color:rgba(45,212,191,.28);background:radial-gradient(circle at 18% 18%,rgba(45,212,191,.18),transparent 30%),radial-gradient(circle at 86% 12%,rgba(99,102,241,.18),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,248,255,.94) 68%,rgba(236,253,245,.9))}.landing .product-flow-preview .preview-top span:after{content:" LIVE";color:#0f766e;background:rgba(45,212,191,.12);border-color:rgba(20,184,166,.28)}.landing .product-flow-preview .preview-grid div{border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,252,.7)),radial-gradient(circle at 18% 18%,rgba(45,212,191,.14),transparent 42%)}.landing .product-flow-preview .preview-grid strong{color:#0f172a}.landing .product-flow-preview .preview-grid b{color:#0f766e}.landing .product-flow-stage{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:auto;min-height:156px;padding:18px;align-items:stretch;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(241,245,249,.72)),radial-gradient(circle at 50% 0,rgba(14,165,233,.13),transparent 48%)}.landing .product-flow-stage:before{content:"";position:absolute;left:42px;right:42px;top:50%;height:2px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,rgba(45,212,191,.2),rgba(14,165,233,.7),rgba(99,102,241,.35));animation:flowLine 3.8s ease-in-out infinite}.landing .flow-step{position:relative;z-index:1;display:grid;align-content:center;gap:8px;min-height:118px;padding:14px 10px;border:1px solid rgba(148,163,184,.18);border-radius:16px;text-align:center;background:rgba(255,255,255,.76);box-shadow:0 12px 28px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.8);animation:flowCard 4.8s ease-in-out infinite}.landing .flow-step:nth-child(2){animation-delay:.35s}.landing .flow-step:nth-child(3){animation-delay:.7s}.landing .flow-step:nth-child(4){animation-delay:1.05s}.landing .flow-step:before{content:"";width:10px;height:10px;margin:0 auto 4px;border-radius:999px;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);box-shadow:0 0 16px rgba(14,165,233,.34)}.landing .flow-step span{color:#0f172a;font-size:12px;font-weight:900}.landing .flow-step b{color:#64748b;font-size:10px;font-weight:800}.landing .platform-pulse{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.landing .platform-pulse span{flex:1 1 auto;min-width:max-content;padding:7px 10px;border:1px solid rgba(14,165,233,.16);border-radius:999px;color:#2563eb;background:rgba(239,246,255,.82);font-size:10px;font-weight:900;text-align:center;animation:platformPulse 3.2s ease-in-out infinite}.landing .platform-pulse span:nth-child(2){animation-delay:.2s}.landing .platform-pulse span:nth-child(3){animation-delay:.4s}.landing .platform-pulse span:nth-child(4){animation-delay:.6s}.landing .platform-pulse span:nth-child(5){animation-delay:.8s}html[data-theme=dark] .landing .product-flow-preview{border-color:rgba(45,212,191,.22);background:radial-gradient(circle at 18% 18%,rgba(45,212,191,.18),transparent 30%),radial-gradient(circle at 86% 12%,rgba(99,102,241,.18),transparent 26%),linear-gradient(145deg,#102537,#07131f 72%)}html[data-theme=dark] .landing .flow-step,html[data-theme=dark] .landing .product-flow-preview .preview-grid div{border-color:rgba(255,255,255,.09);background:rgba(15,35,52,.82)}html[data-theme=dark] .landing .product-flow-stage{background:linear-gradient(180deg,#081724,#07111d)}html[data-theme=dark] .landing .flow-step span,html[data-theme=dark] .landing .product-flow-preview .preview-grid strong{color:#e8fbff}html[data-theme=dark] .landing .flow-step b{color:#8fb2c7}html[data-theme=dark] .landing .platform-pulse span{color:#99f6e4;border-color:rgba(45,212,191,.18);background:rgba(45,212,191,.08)}@keyframes flowLine{0%,100%{opacity:.55;transform:translateY(-50%) scaleX(.82)}50%{opacity:1;transform:translateY(-50%) scaleX(1)}}@keyframes flowCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes platformPulse{0%,100%{transform:translateY(0);filter:saturate(.92)}50%{transform:translateY(-3px);filter:saturate(1.18)}}@media (max-width:900px){.landing .product-flow-stage{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto}.landing .product-flow-stage:before{display:none}}@media (max-width:600px){.landing .product-flow-preview{max-height:none!important}.landing .product-flow-preview .preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}.landing .product-flow-preview .preview-grid div{padding:10px 7px}.landing .product-flow-preview .preview-grid small{font-size:10px}.landing .product-flow-preview .preview-grid strong{font-size:20px}.landing .product-flow-stage{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.landing .flow-step{min-height:86px;padding:10px 8px;border-radius:13px}.landing .flow-step span{font-size:11px}.landing .platform-pulse{gap:6px}.landing .platform-pulse span{flex:1 1 30%;padding:6px 7px;font-size:9px}}.landing .product-flow-stage:before{display:none!important;content:none!important}.landing .flow-step:not(:last-child)::after{content:""!important;position:absolute!important;right:-16px!important;top:50%!important;z-index:3!important;width:22px!important;height:22px!important;transform:translateY(-50%) rotate(45deg)!important;border-top:2px solid rgba(45,212,191,.42)!important;border-right:2px solid rgba(14,165,233,.34)!important;border-radius:3px!important;background:0 0!important;box-shadow:none!important;animation:flowArrowPulse 2.8s ease-in-out infinite!important}.landing .flow-step:nth-child(2)::after{animation-delay:.22s!important}.landing .flow-step:nth-child(3)::after{animation-delay:.44s!important}@keyframes flowArrowPulse{0%,100%{opacity:.34;transform:translateY(-50%) rotate(45deg) scale(.86)}50%{opacity:.85;transform:translateY(-50%) rotate(45deg) scale(1)}}@media (max-width:900px){.landing .flow-step::after{display:none!important;content:none!important}}.landing .product-flow-preview .flow-step{overflow:hidden!important;padding-top:18px!important}.landing .product-flow-preview .flow-step:before{width:12px!important;height:12px!important;margin:0 auto 10px!important;background:linear-gradient(135deg,#67e8f9,#38bdf8)!important;box-shadow:0 0 14px rgba(14,165,233,.24)!important}.landing .product-flow-preview .flow-step span{display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;width:auto!important;max-width:100%!important;min-height:24px!important;padding:0 12px!important;border:1px solid rgba(14,165,233,.14)!important;border-radius:999px!important;color:#0f172a!important;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.46)),linear-gradient(135deg,rgba(224,242,254,.76),rgba(204,251,241,.64))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 5px 12px rgba(14,165,233,.08)!important;font-size:12px!important;line-height:1!important}.landing .product-flow-preview .flow-step b{margin-top:2px!important}html[data-theme=dark] .landing .product-flow-preview .flow-step span{color:#e8fbff!important;border-color:rgba(45,212,191,.16)!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),linear-gradient(135deg,rgba(14,165,233,.18),rgba(45,212,191,.12))!important}@media (max-width:600px){.landing .product-flow-preview .flow-step{padding-top:12px!important}.landing .product-flow-preview .flow-step:before{width:10px!important;height:10px!important;margin-bottom:7px!important}.landing .product-flow-preview .flow-step span{min-height:21px!important;padding:0 9px!important;font-size:10px!important}}