*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080812;--text:#fff;--dim:#ffffff80;--muted:#ffffff4d;--border:#ffffff14;--accent:#8b7bf4;--accent-glow:#8b7bf440;--purple:#7b6cf6;--font:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--red:#e05252;--yellow:#d4a843;--green:#4ea87a}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}canvas,.beam,.beam-lines,.beam-pulse,.beam-pool,.top-line{display:none}}.top-line{z-index:100;opacity:.6;background:linear-gradient(90deg,#0000,#8b7bf480 25%,#b4a0ffb3 50%,#8b7bf480 75%,#0000);height:1px;position:fixed;top:0;left:0;right:0}.grid-bg{z-index:0;pointer-events:none;opacity:.025;background-image:linear-gradient(#fff9 1px,#0000 1px),linear-gradient(90deg,#fff9 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(55% 50% at 50% 42%,#000,#0000);mask-image:radial-gradient(55% 50% at 50% 42%,#000,#0000)}.icons-canvas{z-index:1;pointer-events:none;position:fixed;inset:0}nav{z-index:60;border-bottom:1px solid #0000;padding:18px 0;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,padding .4s,border-color .4s;position:fixed;top:1px;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border);background:#080812e0;padding:12px 0}.nav-inner{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{opacity:.9;align-items:center;text-decoration:none;display:flex}.nav-logo img{width:auto;height:36px}.nav-demo{color:var(--text);font-family:var(--font);cursor:pointer;letter-spacing:.01em;background:0 0;border:1px solid #fff3;border-radius:5px;padding:8px 20px;font-size:13px;font-weight:500;transition:border-color .25s,background .25s}.nav-demo:hover{background:#8b7bf40f;border-color:#8b7bf480}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 24px;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;position:absolute;inset:0}.beam{z-index:1;width:10px;height:22%;animation:4s ease-in-out infinite beamPulse;position:absolute;top:40%;left:50%;transform:translate(-50%)}@keyframes beamPulse{0%,to{opacity:.7}50%{opacity:1}}.beam:before{content:"";filter:blur(.5px);background:linear-gradient(#8b7bf480 0%,#6450dccc 40%,#8b7bf499 75%,#8b7bf426);width:3px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.beam:after{content:"";filter:blur(20px);background:linear-gradient(#8b7bf40a,#6450dc1a 40%,#8b7bf40f 80%,#0000);width:80px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.beam-lines{z-index:1;pointer-events:none;width:16px;height:22%;animation:4s ease-in-out infinite beamPulse;position:absolute;top:40%;left:50%;transform:translate(-50%)}.beam-line{filter:blur(.5px);background:linear-gradient(#8b7bf433,#7864f080 40%,#8b7bf44d 80%,#8b7bf41a);width:1.5px;height:100%;position:absolute;top:0}.beam-line:first-child{left:1px}.beam-line:nth-child(2){opacity:.7;left:7px}.beam-line:nth-child(3){opacity:.5;left:13px}.beam-pulse{z-index:1;pointer-events:none;width:6px;height:22%;position:absolute;top:40%;left:50%;overflow:hidden;transform:translate(-50%)}.beam-pulse:before{content:"";filter:blur(2px);background:linear-gradient(#0000,#c8beff99 40%,#b4a5ffcc 50%,#c8beff99 60%,#0000);width:100%;height:60px;animation:2.8s ease-in-out infinite flowDown;position:absolute;left:0}.beam-pulse:after{content:"";filter:blur(12px);background:linear-gradient(#0000,#8b7bf426 40%,#8b7bf433 50%,#8b7bf426 60%,#0000);width:40px;height:60px;animation:2.8s ease-in-out infinite flowDown;position:absolute;left:50%;transform:translate(-50%)}@keyframes flowDown{0%{top:-60px}to{top:calc(100% + 10px)}}.beam-pool{filter:blur(25px);z-index:1;pointer-events:none;background:radial-gradient(#7864f029,#8b7bf40a 60%,#0000 80%);width:180px;height:100px;animation:4s ease-in-out infinite beamPulse;position:absolute;top:60%;left:50%;transform:translate(-50%)}.hero-content{z-index:2;flex-direction:column;align-items:center;min-height:100vh;padding-top:22vh;display:flex;position:relative}.hero-upper{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-lower{text-align:center;flex-direction:column;align-items:center;margin-top:clamp(100px,18vh,220px);display:flex;position:relative}.hero-lower:before{content:"";filter:blur(15px);pointer-events:none;background:radial-gradient(#7864f026,#0000 70%);width:160px;height:80px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.hero-badge{color:#ffffffb3;letter-spacing:.07em;text-transform:uppercase;opacity:0;animation:fadeUp .8s var(--ease) .2s forwards;background:#8b7bf414;border:1px solid #8b7bf433;border-radius:100px;align-items:center;gap:6px;margin-bottom:32px;padding:7px 18px;font-size:12px;font-weight:600;display:inline-flex;transform:translateY(20px)}.hero-title{letter-spacing:-.02em;color:#fff;opacity:0;max-width:700px;animation:fadeUp .9s var(--ease) .4s forwards;margin-bottom:0;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(36px,6vw,64px);font-style:italic;font-weight:400;line-height:1.1;transform:translateY(30px)}.hero-cta{color:#fff;font-family:var(--font);cursor:pointer;letter-spacing:.01em;opacity:0;animation:fadeUp .8s var(--ease) .75s forwards;z-index:2;background:#6450dc26;border:1px solid #8b7bf466;border-radius:6px;align-items:center;gap:6px;padding:14px 32px;font-size:15px;font-weight:500;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex;position:relative;transform:translateY(20px)}.hero-cta:hover{background:#6450dc40;border-color:#8b7bf499;transform:translateY(-2px);box-shadow:0 6px 30px #7864f04d}.hero-cta .arrow{transition:transform .2s}.hero-cta:hover .arrow{transform:translate(3px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.creds{z-index:2;opacity:0;animation:fadeUp .8s var(--ease) .95s forwards;margin-top:28px;position:relative}.creds-label{color:#fff6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;font-size:14px;font-weight:500}.marquee-wrap{max-width:700px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:35s linear infinite scroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.m-set{align-items:center;gap:60px;padding:0 30px;display:flex}.m-logo{opacity:.4;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;height:30px;transition:opacity .3s;display:flex}.m-logo:hover{opacity:.65}.m-logo img{filter:brightness(0)invert();width:auto;height:28px;display:block}footer{border-top:1px solid var(--border);z-index:2;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;position:relative}.foot-logo{opacity:.5;align-items:center;display:flex}.foot-logo img{width:auto;height:20px}.foot-copy{color:var(--muted);font-size:12px}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{width:100%;max-width:440px;transition:transform .35s var(--ease);background:#0e0e14f7;border:1px solid #ffffff14;border-radius:14px;padding:0;transform:translateY(16px)scale(.98);box-shadow:0 20px 60px #00000080}.modal-overlay.open .modal{transform:translateY(0)scale(1)}.modal-head{justify-content:space-between;align-items:center;padding:24px 28px 0;display:flex}.modal-head h3{letter-spacing:-.02em;font-size:18px;font-weight:700}.modal-close{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text)}.modal-body{padding:24px 28px 28px}.modal-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.modal-field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.modal-field.half{margin-bottom:0}.modal-field label{color:var(--dim);letter-spacing:.02em;font-size:12px;font-weight:500}.modal-field input{color:var(--text);font-family:var(--font);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.modal-field input::placeholder{color:var(--muted)}.modal-field input:focus{border-color:#8b7bf480}.modal-submit{background:var(--accent);color:#fff;width:100%;font-family:var(--font);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:box-shadow .2s;display:flex}.modal-submit:hover{box-shadow:0 4px 16px var(--accent-glow)}.modal-submit:disabled{opacity:.6;cursor:not-allowed}.modal-confirm{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px 28px 48px;display:none}.modal-confirm.show{display:flex}.modal-confirm-icon{background:#4ea87a1f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.modal-confirm-icon svg{width:28px;height:28px;stroke:var(--green);fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.modal-confirm h4{letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:700}.modal-confirm p{color:var(--dim);max-width:300px;font-size:14px;line-height:1.6}@media (width<=768px){nav{padding:14px 0}.nav-inner{padding:0 20px}.hero-content{padding-top:18vh}.hero-lower{margin-top:clamp(60px,12vh,120px)}.hero-title{font-size:clamp(32px,8vw,48px)}.icons-canvas,.beam,.beam-lines,.beam-pulse,.beam-pool{display:none}.modal-row{grid-template-columns:1fr}footer{text-align:center;flex-direction:column;gap:12px}.marquee-wrap{max-width:90vw}}@media (width<=480px){.hero-title{font-size:clamp(28px,8vw,36px)}.m-set{gap:32px}}#root{min-height:100vh}