:root{--landing-font-family:var(--font-jakarta), "Plus Jakarta Sans", system-ui, sans-serif;--landing-bg-primary:#090b0f;--landing-bg-surface:#0f1117;--landing-text-primary:#f4f5f9;--landing-text-secondary:#828690;--landing-accent-primary:#9c69ff;--landing-accent-secondary:#fb55b1;--landing-bg-primary-hex:#0a0a0f;--landing-bg-surface-hex:#14141a;--landing-text-primary-hex:#f5f5f7;--landing-text-secondary-hex:#8e8e93;--landing-accent-primary-hex:#a855f7;--landing-accent-secondary-hex:#ec4899;--landing-glow-purple:#9c69ff66;--landing-glow-purple-strong:#9c69ff99;--landing-glow-pink:#fb55b14d;--landing-gradient-primary:linear-gradient(135deg, var(--landing-accent-primary) 0%, var(--landing-accent-secondary) 100%);--landing-gradient-mesh:linear-gradient(45deg, var(--landing-accent-primary) 0%, var(--landing-accent-secondary) 25%, var(--landing-accent-primary) 50%, var(--landing-accent-secondary) 75%, var(--landing-accent-primary) 100%)}@supports (color:lab(0% 0 0)){:root{--landing-bg-primary:lab(3.0147% .123538 -2.18379);--landing-bg-surface:lab(5.2094% .213474 -3.77359);--landing-text-primary:lab(96.4931% .0267327 -1.89825);--landing-text-secondary:lab(55.8343% .163406 -5.64766);--landing-accent-primary:lab(55.171% 55.2786 -80.5327);--landing-accent-secondary:lab(62.2276% 69.8393 -13.5777);--landing-glow-purple:lab(55.171% 55.2786 -80.5327/.4);--landing-glow-purple-strong:lab(55.171% 55.2786 -80.5327/.6);--landing-glow-pink:lab(62.2276% 69.8393 -13.5777/.3)}}@supports not (color:oklch(0 0 0)){:root{--landing-bg-primary:#0a0a0f;--landing-bg-surface:#14141a;--landing-text-primary:#f5f5f7;--landing-text-secondary:#8e8e93;--landing-accent-primary:#a855f7;--landing-accent-secondary:#ec4899;--landing-glow-purple:#a855f766;--landing-glow-purple-strong:#a855f799;--landing-glow-pink:#ec48994d}}.film-grain{position:relative}.film-grain:before{content:"";opacity:.03;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.film-grain:before{opacity:.015}}@media (max-width:768px){.film-grain:before{display:none}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--landing-glow-purple), 0 0 40px var(--landing-glow-purple), inset 0 0 20px #9c69ff1a}50%{box-shadow:0 0 30px var(--landing-glow-purple-strong), 0 0 60px var(--landing-glow-purple), inset 0 0 30px #9c69ff26}}@supports (color:lab(0% 0 0)){@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--landing-glow-purple), 0 0 40px var(--landing-glow-purple), inset 0 0 20px lab(55.171% 55.2786 -80.5327/.1)}50%{box-shadow:0 0 30px var(--landing-glow-purple-strong), 0 0 60px var(--landing-glow-purple), inset 0 0 30px lab(55.171% 55.2786 -80.5327/.15)}}}@supports not (color:oklch(0 0 0)){@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #a855f766,0 0 40px #a855f733,inset 0 0 20px #a855f71a}50%{box-shadow:0 0 30px #a855f799,0 0 60px #a855f74d,inset 0 0 30px #a855f726}}}@keyframes text-glow-pulse{0%,to{text-shadow:0 0 10px var(--landing-glow-purple), 0 0 20px var(--landing-glow-purple), 0 0 40px #9c69ff33}50%{text-shadow:0 0 15px var(--landing-glow-purple-strong), 0 0 30px var(--landing-glow-purple), 0 0 60px #9c69ff4d}}@supports (color:lab(0% 0 0)){@keyframes text-glow-pulse{0%,to{text-shadow:0 0 10px var(--landing-glow-purple), 0 0 20px var(--landing-glow-purple), 0 0 40px lab(55.171% 55.2786 -80.5327/.2)}50%{text-shadow:0 0 15px var(--landing-glow-purple-strong), 0 0 30px var(--landing-glow-purple), 0 0 60px lab(55.171% 55.2786 -80.5327/.3)}}}@keyframes gradient-drift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gradient-shift-subtle{0%{background-position:0 0}25%{background-position:50% 100%}50%{background-position:100%}75%{background-position:50% 0}to{background-position:0 0}}@layer utilities{.landing-glow-text{color:var(--landing-text-primary);text-shadow:0 0 10px var(--landing-glow-purple), 0 0 20px #9c69ff4d, 0 0 40px #9c69ff26}@supports (color:lab(0% 0 0)){.landing-glow-text{text-shadow:0 0 10px var(--landing-glow-purple), 0 0 20px lab(55.171% 55.2786 -80.5327/.3), 0 0 40px lab(55.171% 55.2786 -80.5327/.15)}}.landing-glow-text-animated{color:var(--landing-text-primary);animation:3s ease-in-out infinite text-glow-pulse}.landing-glow-button{background:var(--landing-gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;font-weight:600;transition:transform .2s,box-shadow .3s;animation:3s ease-in-out infinite glow-pulse;position:relative}.landing-glow-button:hover{transform:translateY(-2px)scale(1.02)}.landing-glow-button:active{transform:translateY(0)scale(.98)}.landing-gradient-mesh{background:var(--landing-gradient-mesh);background-size:400% 400%;animation:15s infinite gradient-drift}.landing-gradient-mesh-subtle{background:linear-gradient(135deg,#9c69ff1a 0%,#fb55b10d 50%,#9c69ff1a 100%) 0 0/200% 200%;background:linear-gradient(135deg,lab(55.171% 55.2786 -80.5327/.1) 0%,lab(62.2276% 69.8393 -13.5777/.05) 50%,lab(55.171% 55.2786 -80.5327/.1) 100%) 0 0/200% 200%;animation:20s infinite gradient-drift}.landing-bg{background-color:var(--landing-bg-primary);color:var(--landing-text-primary)}.landing-surface{background-color:var(--landing-bg-surface);border:1px solid #2a2d3880;border:1px solid lab(18.6704% .472084 -7.41397/.5)}.landing-glass{-webkit-backdrop-filter:blur(20px);background:#0f1117cc;background:lab(5.2094% .213474 -3.77359/.8);border:1px solid #43475333;border:1px solid lab(30.2765% .371277 -7.45609/.2)}.landing-gradient-text{background:var(--landing-gradient-primary);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.landing-border-glow{border:1px solid #9c69ff4d;border:1px solid lab(55.171% 55.2786 -80.5327/.3);box-shadow:0 0 10px #9c69ff1a,inset 0 0 10px #9c69ff0d;box-shadow:0 0 10px lab(55.171% 55.2786 -80.5327/.1),inset 0 0 10px lab(55.171% 55.2786 -80.5327/.05)}.landing-hover-glow{transition:box-shadow .3s,border-color .3s}.landing-hover-glow:hover{border-color:#9c69ff80;border-color:lab(55.171% 55.2786 -80.5327/.5);box-shadow:0 0 20px #9c69ff33,0 0 40px #9c69ff1a;box-shadow:0 0 20px lab(55.171% 55.2786 -80.5327/.2),0 0 40px lab(55.171% 55.2786 -80.5327/.1)}}@media (prefers-reduced-motion:reduce){.landing-glow-button{box-shadow:0 0 20px var(--landing-glow-purple), 0 0 40px #9c69ff33;animation:none}@supports (color:lab(0% 0 0)){.landing-glow-button{box-shadow:0 0 20px var(--landing-glow-purple), 0 0 40px lab(55.171% 55.2786 -80.5327/.2)}}.landing-glow-text-animated{text-shadow:0 0 10px var(--landing-glow-purple), 0 0 20px #9c69ff4d;animation:none}@supports (color:lab(0% 0 0)){.landing-glow-text-animated{text-shadow:0 0 10px var(--landing-glow-purple), 0 0 20px lab(55.171% 55.2786 -80.5327/.3)}}.landing-gradient-mesh,.landing-gradient-mesh-subtle{background-size:100% 100%;animation:none}}@supports not (color:oklch(0 0 0)){@layer utilities{.landing-glow-text{text-shadow:0 0 10px #a855f766,0 0 20px #a855f74d,0 0 40px #a855f726}.landing-gradient-mesh-subtle{background:linear-gradient(135deg,#a855f71a 0%,#ec48990d 50%,#a855f71a 100%)}.landing-surface{border-color:#ffffff1a}.landing-glass{background:#14141acc;border-color:#ffffff14}.landing-border-glow{border-color:#a855f74d;box-shadow:0 0 10px #a855f71a,inset 0 0 10px #a855f70d}.landing-hover-glow:hover{border-color:#a855f780;box-shadow:0 0 20px #a855f733,0 0 40px #a855f71a}}}@property --badge-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes badge-border-spin{to{--badge-angle:360deg}}@keyframes badge-shimmer{0%{background-position:-200%}to{background-position:200%}}.hero-badge-pill{position:relative}.hero-badge-pill:before{content:"";border-radius:inherit;background:conic-gradient(from var(--badge-angle), #a855f799, #8b5cf626, #ec489980, #3b82f626, #a855f799);-webkit-mask-composite:xor;z-index:0;padding:1px;animation:4s linear infinite badge-border-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-badge-pill:after{content:"";border-radius:inherit;z-index:0;pointer-events:none;background:radial-gradient(#a855f714 0%,#0000 70%);position:absolute;inset:0}.hero-badge-shimmer{background:linear-gradient(110deg,#d8b4fee6 0%,#e8c8ff 35%,#fff 50%,#f4b4e6 65%,#d8b4fee6 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite badge-shimmer}@media (prefers-reduced-motion:reduce){.hero-badge-pill:before{animation:none}.hero-badge-shimmer{-webkit-text-fill-color:currentColor;background:0 0;animation:none}}@media (max-width:768px){.hero-badge-pill:before{background:linear-gradient(135deg,#a855f799,#ec489980);animation:none}.hero-badge-shimmer{-webkit-text-fill-color:currentColor;background:0 0;animation:none}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-spin{to{--border-angle:360deg}}.mockup-border-glow{position:relative}.mockup-border-glow:before{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle), #a855f74d, #3b82f626, #ec489933, #a855f74d);-webkit-mask-composite:xor;z-index:-1;padding:1px;animation:8s linear infinite border-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:reduce){.mockup-border-glow:before{animation:none}}@media (max-width:768px){.mockup-border-glow:before{background:linear-gradient(135deg,#a855f74d,#ec489933);animation:none}}@keyframes mockup-float{0%,to{transform:translateY(-1.5px)}50%{transform:translateY(1.5px)}}.mockup-float{animation:12s ease-in-out infinite mockup-float}@media (prefers-reduced-motion:reduce){.mockup-float{animation:none}}.mockup-aurora-glow{position:relative}.mockup-aurora-glow:after{content:"";border-radius:inherit;pointer-events:none;z-index:-2;animation:12s ease-in-out infinite aurora-glow-pulse;position:absolute;inset:0;box-shadow:0 0 80px #a855f747,0 0 120px #3b82f61f,0 0 100px #ec48991a}@keyframes aurora-glow-pulse{0%,to{opacity:1}33%{opacity:.35}66%{opacity:.7}}@media (prefers-reduced-motion:reduce){.mockup-aurora-glow:after{animation:none}}@media (max-width:768px){.mockup-aurora-glow:after{animation:none;box-shadow:0 0 40px #a855f733}}