main:has(.flow-canvas){--flow-main:#5b8cf8;--flow-alt:#38bdf8;--flow-core:#3b6cf6;--flow-deep:#e8f0ff;--flow-spark:#818cf8}.landing{isolation:isolate;position:relative}.landing>*{z-index:1;position:relative}.landing>.flow-canvas{z-index:0;pointer-events:none;filter:invert();mix-blend-mode:multiply;opacity:0;width:100%;height:100lvh;transition:opacity .9s;display:block;position:fixed;top:0;left:0}.landing>.flow-canvas[data-ready]{opacity:.85}.landing>.landing-sky{z-index:0;pointer-events:none;background:radial-gradient(38% 30% at 12% 22%,#fffffff2,#0000 70%),radial-gradient(30% 26% at 88% 16%,#ffffffe6,#0000 72%),radial-gradient(46% 34% at 72% 58%,#ffffffbf,#0000 70%),radial-gradient(40% 32% at 22% 70%,#ffffffb3,#0000 72%),radial-gradient(70% 55% at 50% 0,#cfe6ff 0%,#0000 75%),linear-gradient(#dcecff 0%,#e9f4ff 38%,#f5faff 70%,#fff 100%);height:min(1180px,140vh);position:absolute;inset:0 0 auto}.landing>.landing-sky:after{content:"";opacity:.5;background-image:radial-gradient(#ffffffb3 1px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.hero-halo:before{content:"";z-index:-1;pointer-events:none;filter:blur(8px);background:radial-gradient(50% 55% at 50% 45%,#ffffffd9,#fff6 55%,#0000 75%);position:absolute;inset:4% 12% 0}.hero-stage{perspective:2400px}.hero-stage:after{content:"";z-index:-1;filter:blur(40px);background:radial-gradient(60% 60% at 50% 60%,#2557eb47,#0000 70%);border-radius:40px;position:absolute;inset:12% 8% -6%}.hero-tilt{transform-origin:50% 0}@supports (animation-timeline:view()){.hero-tilt{animation:linear both hero-tilt;animation-timeline:view();animation-range:entry cover 42%}@keyframes hero-tilt{0%{transform:rotateX(16deg)scale(.94)translateY(12px)}to{transform:none}}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-card{animation:6s ease-in-out infinite float-y}.float-b{animation-delay:-2s}.float-c{animation-duration:7s;animation-delay:-4s}.product-band{background:repeating-linear-gradient(90deg,#2557eb12 0 1px,#0000 1px 14px),linear-gradient(#dbe8ffa6 0%,#e8f0ffd9 60%,#fff0 100%);-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 80%,#0000 100%)}.rail{--dur:7s;--ease:cubic-bezier(.45, 0, .55, 1);--node:24px;position:relative}.rail-line{background:#2557eb24;position:absolute}.rail-line-lit{background:linear-gradient(90deg,#60a5fa,#2557eb 55%,#0ea5e9);box-shadow:0 0 8px #2557eb73,0 0 18px #0ea5e959}.rail-packet{width:10px;height:10px;animation:var(--packet) var(--dur) var(--ease) infinite;animation-delay:var(--delay,0s);background:#2557eb;border-radius:9999px;margin:-5px 0 0 -5px;animation-fill-mode:backwards;position:absolute;box-shadow:0 0 0 4px #2557eb26,0 0 18px 4px #0ea5e98c}.rail-reveal{animation:var(--reveal) var(--dur) var(--ease) infinite;animation-delay:var(--delay,0s);animation-fill-mode:backwards;position:absolute;inset:0}@media (min-width:768px){.rail{--edge:48px;--packet:packet-x;--reveal:reveal-x}.rail-line{top:23px;left:var(--edge);right:var(--edge);height:2px}.rail-packet{top:24px}}@media (min-width:1024px){.rail{--edge:56px}}@media (max-width:767.98px){.rail{--packet:packet-y;--reveal:reveal-y}.rail-line{width:2px;top:24px;bottom:24px;left:23px}.rail-line-lit{background:linear-gradient(#60a5fa,#2557eb 55%,#0ea5e9)}.rail-packet{left:24px}}@keyframes packet-x{0%,6%{left:calc(var(--edge) + var(--node));opacity:0}10%{opacity:1}76%{opacity:1}78%,to{left:calc(100% - var(--edge) - var(--node));opacity:0}}@keyframes reveal-x{0%{clip-path:inset(-40px calc(100% - var(--edge) - var(--node)) -40px -40px);opacity:0}6%{clip-path:inset(-40px calc(100% - var(--edge) - var(--node)) -40px -40px);opacity:1}78%{clip-path:inset(-40px calc(var(--edge) + var(--node)) -40px -40px)}84%,90%{clip-path:inset(-40px);opacity:1}to{clip-path:inset(-40px);opacity:0}}@keyframes packet-y{0%,6%{top:calc(var(--node) * 2);opacity:0}10%{opacity:1}76%{opacity:1}78%,to{top:calc(100% - var(--node) * 2);opacity:0}}@keyframes reveal-y{0%{clip-path:inset(-40px -40px calc(100% - var(--node) * 2) -40px);opacity:0}6%{clip-path:inset(-40px -40px calc(100% - var(--node) * 2) -40px);opacity:1}78%{clip-path:inset(-40px -40px calc(var(--node) * 2) -40px)}84%,90%{clip-path:inset(-40px);opacity:1}to{clip-path:inset(-40px);opacity:0}}@keyframes navi-breathe{0%,to{box-shadow:0 0 #2557eb59}50%{box-shadow:0 0 0 6px #2557eb00}}.dot-breathe{animation:1.8s ease-in-out infinite navi-breathe}@supports (animation-timeline:view()){.reveal-up{animation:linear both reveal-up;animation-timeline:view();animation-range:entry entry 40%}@keyframes reveal-up{0%{opacity:0;filter:blur(6px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}}@media (prefers-reduced-motion:reduce){.rail-packet,.dot-breathe,.float-card,.hero-tilt{animation:none}.rail-packet,.rail-reveal{display:none}}