.lightbulb-stage{--lb-cycle: 6.6s;position:relative;width:clamp(22rem,min(64vw,177.778cqh),var(--bulb-stage-max));aspect-ratio:16 / 9;flex:0 0 auto;overflow:visible;isolation:isolate;margin-left:-100px;transform:perspective(1200px) translate3d(calc(var(--mx, 0) * 18px),calc(-7% + var(--my, 0) * 14px),0) rotateX(calc(var(--my, 0) * -5deg)) rotateY(calc(var(--mx, 0) * 7.4deg));&:before,&:after,.lb-particles,:is(.lb-glow,.lb-halo,.lb-asset,.lb-micro){position:absolute;pointer-events:none}&:before,&:after{content:"";opacity:0}&:before{inset:-70%;z-index:0;background:radial-gradient(closest-side circle at calc(50% + var(--mx, 0) * 20%) calc(48% + var(--my, 0) * 20%),rgba(var(--blue-rgb),.13),rgba(var(--blue-rgb),.05) 34%,rgba(var(--blue-rgb),.015) 54%,transparent 78%);animation:lbStageGlowIn 1.2s .7s ease-out forwards}&:after{inset:-30%;z-index:30;background:conic-gradient(from 0deg,transparent,rgba(var(--blue-rgb),.1) 18deg,transparent 34deg 110deg,rgba(var(--dark-rgb),.04) 128deg,transparent 150deg);transform:rotate(-38deg) scale(.72);animation:lbEnergySweep 1.4s var(--ease-expo) 1.15s both}.lb-particles{inset:0;z-index:13;width:100%;height:100%;mix-blend-mode:multiply}:is(.lb-glow,.lb-halo){left:48%;top:var(--y);z-index:var(--z);width:var(--w);aspect-ratio:1;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2);animation:var(--anim)}.lb-glow{--w: 34%;--y: 45%;--z: 2;--anim: lbGlowIgnite 2.2s var(--ease-expo) .85s both;background:radial-gradient(circle,rgba(var(--blue-rgb),.34),rgba(var(--blue-rgb),.18) 28%,rgba(var(--blue-rgb),.05) 52%,transparent 72%);filter:blur(18px)}.lb-halo{--w: 33%;--y: 44%;--z: 3;--anim: lbHaloPulse 1.8s var(--ease-expo) 1.05s both;border:2px solid rgba(var(--blue-rgb),.2)}.lb-asset{display:block;left:var(--x);top:var(--y);z-index:var(--z, 1);width:var(--w);opacity:0;filter:var(--filter, none);transform-origin:var(--origin, 50% 50%);user-select:none;will-change:transform,opacity,filter,clip-path;animation:var(--anim)}.lb-brush-pale{--w: 52%;--x: 3%;--y: 66%;--origin: 0 50%;--anim: lbPaleSweep var(--lb-cycle) var(--ease-expo) .1s both}.lb-brush-bottom{--w: 58%;--x: 43%;--y: 71%;--origin: 0 50%;--anim: lbBlueSlash var(--lb-cycle) var(--ease-expo) .42s both}.lb-paint-inside{--w: 38%;--x: 30.8%;--y: 17%;--z: 6;--filter: drop-shadow(0 12px 18px rgba(var(--blue-rgb), .22));--anim: lbPaintBurst var(--lb-cycle) var(--ease-spring) .92s both;clip-path:circle(0% at 22% 50%)}.lb-bulb{--w: 42%;--x: 29%;--y: 1.8%;--z: 9;--filter: drop-shadow(0 8px 2px rgba(var(--dark-rgb), .015)) drop-shadow(0 24px 28px rgba(var(--dark-rgb), .06));--anim: lbBulbReveal var(--lb-cycle) var(--ease-expo) .62s both;clip-path:inset(100% 0 0 0)}.lb-filaments{--w: 15.3%;--x: 42.4%;--y: 36.3%;--z: 8;--origin: 50% 100%;--anim: lbFilamentRise var(--lb-cycle) var(--ease-expo) 1.15s both}.lb-arc{--w: 12.6%;--x: 31%;--y: 13.8%;--z: 8;--anim: lbArcBlink var(--lb-cycle) ease-out 1.6s both}.lb-doodle{--z: 11;--filter: drop-shadow(0 4px 5px rgba(var(--dark-rgb), .045));--anim: var(--pop, lbDoodlePop) var(--lb-cycle) var(--ease-spring) var(--delay) forwards, var(--idle, none)}.lb-circle{--w: 6%;--x: 22.1%;--y: 10%;--delay: 1.42s;--drift-x: 7px;--drift-y: -8px;--idle: lbIdleDrift 4.6s ease-in-out 2.2s infinite alternate}.lb-spark-left{--w: 8%;--x: 12.2%;--y: 36.5%;--delay: 1.58s;--idle: lbSpinSpark 4.8s linear 2.2s infinite}.lb-diag-arrows{--w: 12.4%;--x: 18.3%;--y: 47.2%;--delay: 1.72s;--drift-x: 10px;--drift-y: -8px;--idle: lbIdleDrift 2.9s ease-in-out 2.3s infinite alternate}.lb-diamond{--w: 4.2%;--x: 30.2%;--y: 55.2%;--delay: 1.84s;--drift-scale: 1.13;--drift-rotate: 6deg;--idle: lbIdleDrift 2.4s ease-in-out 2.2s infinite alternate}.lb-right-arrow{--w: 14.4%;--x: 69.5%;--y: 46.3%;--delay: 1.63s;--drift-x: -11px;--idle: lbIdleDrift 3s ease-in-out 2.2s infinite alternate}.lb-x-large{--w: 4.8%;--x: 73.8%;--y: 34.2%;--delay: 1.95s;--drift-y: -6px;--drift-rotate: -7deg;--idle: lbIdleDrift 3.8s ease-in-out 2.4s infinite alternate}:is(.lb-tiny-dot,.lb-tiny-x,.lb-vertical-dots){--pop: lbSpeckPop}.lb-tiny-dot{--w: 1.15%;--x: 68.6%;--y: 13.8%;--delay: 2.08s}.lb-tiny-x{--w: 2.2%;--x: 76.2%;--y: 13.7%;--delay: 2s;--idle: lbSpinSpark 5.2s linear 2.2s infinite}.lb-vertical-dots{--w: 1.4%;--x: 76.8%;--y: 24.8%;--delay: 2.16s}.lb-blue-star{--w: 4%;--x: 68.4%;--y: 57%;--delay: 1.86s;--pop: lbStarBirth;--filter: drop-shadow(0 0 12px rgba(var(--blue-rgb), .35));--idle: lbStarTwinkle 1.8s ease-in-out 2.4s infinite alternate}.lb-micro{left:var(--x);top:var(--y);z-index:12;width:var(--size, .46rem);aspect-ratio:1;border-radius:50%;background:var(--blue);opacity:0;filter:blur(.15px);animation:lbMicroFleck var(--lb-cycle) var(--ease-expo) var(--delay) forwards}.lb-one{--x: 46%;--y: 23%;--delay: 1.25s}.lb-two{--x: 41%;--y: 28%;--size: .32rem;--delay: 1.45s}.lb-three{--x: 52%;--y: 17%;--size: .24rem;--delay: 1.62s}.lb-four{--x: 72%;--y: 64%;--size: .3rem;--delay: 1.8s}}@media(prefers-reduced-motion:reduce){.lightbulb-stage{translate:none!important;transform:translate3d(0,-7%,0)!important}.lightbulb-stage .lb-asset,.lightbulb-stage .lb-particles{translate:none!important}}@media(max-width:860px){.lightbulb-stage{width:clamp(18rem,94vw,var(--bulb-stage-max));max-width:min(100%,var(--bulb-stage-max));transform:perspective(1200px) translate3d(calc(var(--mx, 0) * 12px),calc(var(--my, 0) * 10px),0) rotateX(calc(var(--my, 0) * -3deg)) rotateY(calc(var(--mx, 0) * 4.5deg));margin-left:0}.lightbulb-stage .lb-paint-inside{--w: 30%;--x: 35%;--y: 20%}.lightbulb-stage .lb-bulb{--w: 33.5%;--x: 33.2%;--y: 5.6%}.lightbulb-stage .lb-filaments{--w: 12.2%;--x: 43.6%;--y: 36.8%}.lightbulb-stage .lb-arc{--w: 10%;--x: 34.7%;--y: 18.1%}}@keyframes lbStageGlowIn{to{opacity:1}}@keyframes lbPaleSweep{0%,4%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-28%) translateY(16%) rotate(-2deg) scaleX(.18)}18%,to{opacity:.76;clip-path:inset(0 0 0 0);transform:translate(130px) translateY(-10px) rotate(3deg) scaleX(1)}}@keyframes lbBlueSlash{0%,8%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(35%) translateY(8%) rotate(1deg) scaleX(.06);filter:blur(2px) saturate(1.2)}21%,to{opacity:.98;clip-path:inset(0 0 0 0);transform:translate(-110px) translateY(30px) rotate(1deg) scaleX(1) rotate(-5deg) skew(-10deg,6deg);filter:blur(0) saturate(1.08)}}@keyframes lbPaintBurst{0%,12%{opacity:0;transform:rotate(-7deg) scale(.54);clip-path:circle(0% at 24% 52%)}24%{opacity:1;transform:rotate(-3deg) scale(1.08);clip-path:circle(76% at 43% 45%)}32%,to{opacity:1;transform:rotate(-2deg) scale(1);clip-path:circle(92% at 50% 50%)}}@keyframes lbBulbReveal{0%,9%{opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(4%) scale(.96)}22%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0) scale(1.02)}28%,to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0) scale(1)}}@keyframes lbFilamentRise{0%,16%{opacity:0;transform:translateY(18%) scaleY(.1);clip-path:inset(100% 0 0 0)}28%{opacity:.95;transform:translateY(0) scaleY(1.06);clip-path:inset(0 0 0 0)}34%,to{opacity:.82;transform:translateY(0) scaleY(1);clip-path:inset(0 0 0 0)}}@keyframes lbArcBlink{0%,24%{opacity:0;transform:translate(-8%,-5%) rotate(-4deg)}31%,to{opacity:.65;transform:translate(0) rotate(-4deg)}}@keyframes lbGlowIgnite{0%,12%{opacity:0;transform:translate(-50%,-50%) scale(.2)}24%{opacity:.85;transform:translate(-50%,-50%) scale(1.05)}48%{opacity:.6;transform:translate(-50%,-50%) scale(.95)}to{opacity:.72;transform:translate(-50%,-50%) scale(1.02)}}@keyframes lbHaloPulse{0%,16%{opacity:0;transform:translate(-50%,-50%) scale(.2)}27%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:.22;transform:translate(-50%,-50%) scale(1.18)}}@keyframes lbDoodlePop{0%,22%{opacity:0;transform:translateY(16px) scale(.7) rotate(-8deg)}32%{opacity:1;transform:translateY(0) scale(1.1) rotate(2deg)}38%,to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes lbSpeckPop{0%,25%{opacity:0;transform:scale(.2)}32%,to{opacity:1;transform:scale(1)}}@keyframes lbStarBirth{0%,24%{opacity:0;transform:scale(.1) rotate(-20deg)}33%{opacity:1;transform:scale(1.32) rotate(18deg)}39%,to{opacity:1;transform:scale(1) rotate(0)}}@keyframes lbStarTwinkle{0%,to{filter:drop-shadow(0 0 8px rgba(var(--blue-rgb),.32))}50%{filter:drop-shadow(0 0 24px rgba(var(--blue-rgb),.62))}}@keyframes lbSpinSpark{to{rotate:360deg}}@keyframes lbIdleDrift{0%,to{translate:0 0;scale:1;rotate:0deg}50%{translate:var(--drift-x, 0) var(--drift-y, 0);scale:var(--drift-scale, 1);rotate:var(--drift-rotate, 0deg)}}@keyframes lbMicroFleck{0%,26%{opacity:0;transform:translate(0) scale(.2)}35%{opacity:.95;transform:translate(12px,-18px) scale(1)}to{opacity:.55;transform:translate(22px,-26px) scale(1)}}@keyframes lbEnergySweep{0%,18%{opacity:0;transform:rotate(-45deg) scale(.6)}30%{opacity:.42;transform:rotate(-25deg) scale(1.05)}to{opacity:.08;transform:rotate(0) scale(1.18)}}.page{--page-x: clamp(1rem, 4vw, 3.5rem);--hero-top: clamp(4.75rem, 7.5dvh, 6rem);--hero-bottom: clamp(1.25rem, 4dvh, 3rem);--hero-gap: clamp(1rem, 3vw, 2.5rem);--hero-name-size: clamp(2.7135rem, min(6.885vw, 10.53dvh), 6.237rem);--hero-tagline-size: clamp(1.1745rem, min(2.0655vw, 3.402dvh), 1.8225rem);--bulb-stage-max: 58.75rem;position:relative;width:100%;min-height:100dvh;overflow:hidden;background:linear-gradient(120deg,rgba(var(--blue-rgb),.035),transparent 34%),linear-gradient(180deg,#fff,#fbfcff);animation:lightsOn 1.8s ease-out;@media(max-width:860px){--page-x: clamp(1rem, 5vw, 1.75rem);--hero-top: clamp(4.25rem, 10dvh, 5.25rem);--hero-bottom: clamp(1.5rem, 6dvh, 2.5rem);--hero-gap: clamp(.7rem, 2.5dvh, 1.35rem);--hero-name-size: clamp(2.7135rem, 11.34vw, 4.617rem);--hero-tagline-size: clamp(1.1745rem, 4.212vw, 1.62rem);--bulb-stage-max: 38rem;overflow-x:hidden;overflow-y:visible}@media(prefers-reduced-motion:reduce){&,&:before,&:after,*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero{display:grid;grid-template-columns:minmax(min(24rem,100%),.9fr) minmax(0,1.1fr);align-items:center;gap:var(--hero-gap);min-height:100dvh;padding-block:var(--hero-top) var(--hero-bottom);padding-inline:var(--page-x);overflow:hidden;@media(max-width:860px){grid-template-columns:1fr;min-height:100dvh;align-content:start;overflow:visible}.hero-content{position:relative;z-index:2;justify-self:start;width:min(100%,620px);@media(max-width:860px){text-align:center;justify-self:center}.hero-name{font-family:var(--font-display);font-size:var(--hero-name-size);font-weight:1000;line-height:.92;letter-spacing:0;color:var(--dark);margin-bottom:clamp(1.7rem,min(4vw,5dvh),2.85rem);text-wrap:balance;animation:nameReveal 1s .35s var(--ease-expo) both;@media(max-width:860px){margin-bottom:clamp(1.7rem,5dvh,2.35rem)}}:is(.hero-tagline,.hero-actions){animation:fadeUp var(--duration) var(--delay) var(--ease-expo) both}.hero-tagline{--duration: .7s;--delay: .6s;font-family:var(--font-hand);font-size:var(--hero-tagline-size);font-weight:400;line-height:1.25;color:var(--dark);margin-bottom:clamp(1.5rem,min(4vw,5dvh),3rem);@media(max-width:860px){margin-bottom:clamp(1.5rem,4dvh,2.25rem)}.blue-underline{position:relative;color:var(--blue);font-weight:700;text-decoration:none;&:after{content:"";position:absolute;bottom:.02em;left:0;width:0;height:.14em;background:var(--blue);border-radius:999px;transform:rotate(-1.5deg);transform-origin:left center;opacity:.86}&:first-of-type:after{animation:underlineGrow .7s 1s var(--ease-expo) forwards}&:last-of-type:after{animation:underlineGrow .7s 1.2s var(--ease-expo) forwards}}}.hero-actions{--duration: .6s;--delay: .9s;display:flex;align-items:center;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.5rem);margin-bottom:clamp(2.5rem,6vw,4rem);@media(max-width:860px){justify-content:center;margin-bottom:0}:is(.btn-primary,.btn-ghost){display:inline-flex;align-items:center;font-family:var(--font-display);font-size:.92rem;font-weight:900}.btn-primary{gap:.6rem;padding:.9rem 1.75rem;border-radius:80px;background:var(--dark);color:#fff;transition:background .3s,transform .3s var(--ease-spring),box-shadow .3s;&:hover{background:#222;transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--dark-rgb),.15);& svg{transform:translate(4px)}}& svg{display:block;transition:transform .3s var(--ease-expo)}}.btn-ghost{gap:.55rem;padding:.9rem .5rem;color:var(--dark);transition:color .25s;&:hover{color:var(--blue);& svg{animation:downloadBounce .7s ease infinite}}& svg{display:block;transition:transform .3s ease}}}}.hero-illustration{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;min-width:0;height:clamp(18rem,min(58vw,calc(100dvh - var(--hero-top) - var(--hero-bottom))),41.25rem);min-height:0;overflow:visible;container-type:size;@media(max-width:860px){order:-1;justify-content:center;height:clamp(12rem,min(46vw,31dvh),22rem)}}}}html,body,#root{@media(max-width:860px){height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}}@keyframes lightsOn{0%{background-color:#ededf0}to{background-color:#fff}}@keyframes nameReveal{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(45px)}to{opacity:1;clip-path:inset(-5%);transform:translateY(0)}}@keyframes underlineGrow{0%{width:0}to{width:100%}}@keyframes downloadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}