@keyframes rise{0%{opacity:0;transform:translateY(.6em)rotateX(-40deg)}to{opacity:1;transform:none}}.rise{transform-origin:bottom;animation:.9s cubic-bezier(.2,.7,.2,1) both rise}@keyframes pulse-glow{0%,to{opacity:.75;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}.sun{aspect-ratio:2;filter:blur(30px);background:radial-gradient(at 50% 100%,#b6f24a8c,#10b98140 45%,#0000 70%);border-radius:999px 999px 0 0;width:min(760px,90vw);animation:6s ease-in-out infinite pulse-glow;position:absolute;bottom:38%;left:50%}.outline-text{color:#0000;-webkit-text-stroke:1.5px #e8eaed73}.outline-accent{color:#0000;-webkit-text-stroke:1.5px var(--accent)}@keyframes marquee{to{transform:translate(-50%)}}.marquee{width:max-content;animation:38s linear infinite marquee;display:flex}.marquee-rev{animation-duration:46s;animation-direction:reverse}.cube-scene{perspective:900px}.cube{--s:140px;width:var(--s);height:var(--s);transform-style:preserve-3d;position:relative}.cube>div{font-family:var(--font-geist-mono);font-weight:700;font-size:calc(var(--s) * .32);color:var(--accent);background:#b6f24a12;border:1.5px solid #b6f24ab3;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 40px #b6f24a26}.cube .f1{transform:translateZ(calc(var(--s) / 2))}.cube .f2{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.cube .f3{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.cube .f4{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.cube .f5{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.cube .f6{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.stairs{perspective:1200px}.stairs-inner{transform-style:preserve-3d;transform:rotateX(28deg)rotate(-8deg)}@media (max-width:640px){.stairs-inner{transform:translate(-6%)rotateX(28deg)rotate(-8deg)scale(.86)}}@keyframes chat1{0%,4%{opacity:0;transform:translateY(12px)scale(.96)}8%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes chat2{0%,18%{opacity:0;transform:translateY(12px)scale(.96)}22%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes chat3{0%,30%{opacity:0;transform:translateY(12px)scale(.96)}34%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes chat4{0%,42%{opacity:0;transform:translateY(12px)scale(.96)}46%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes chat5{0%,60%{opacity:0;transform:translateY(12px)scale(.96)}65%,92%{opacity:1;transform:none}to{opacity:0}}.chat1{animation:10s infinite both chat1}.chat2{animation:10s infinite both chat2}.chat3{animation:10s infinite both chat3}.chat4{animation:10s infinite both chat4}.chat5{animation:10s infinite both chat5}@keyframes reveal{0%{opacity:0;transform:translateY(70px)scale(.97)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 55%}.reveal-slow{animation:linear both reveal;animation-timeline:view();animation-range:entry 10% cover 40%}}.tile{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}.tile:hover{border-color:#b6f24a59;transform:translateY(-4px)rotateX(2deg)}@media (prefers-reduced-motion:reduce){.rise,.sun,.marquee,.cube,.chat1,.chat2,.chat3,.chat4,.chat5,.reveal,.reveal-slow{opacity:1!important;animation:none!important}}.tilt{transform-style:preserve-3d;will-change:transform;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.tilt:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(400px circle at var(--gx,50%) var(--gy,50%), #ffffff14, transparent 45%);transition:opacity .3s;position:absolute;inset:0}@media (hover:hover){.tilt:hover:after{opacity:1}}.kb-scene{perspective:1400px;perspective-origin:50% 0}.kb-board{transform-origin:50% 100%;background:linear-gradient(#11150d,#0a0c08);border:1px solid #b6f24a2e;border-radius:22px;gap:clamp(3px,.5vw,7px);padding:clamp(10px,1.6vw,22px);display:grid;transform:rotateX(34deg);box-shadow:0 40px 80px -10px #000c,0 0 120px #b6f24a24,inset 0 1px #ffffff0d}.kb-row{grid-template-columns:repeat(60,minmax(0,1fr));gap:clamp(3px,.5vw,7px);display:grid}.key{height:clamp(26px,4.2vw,54px);font-family:var(--font-geist-mono);color:#b6f24ab3;animation:5s ease-in-out infinite key-wave;animation-delay:calc(var(--i) * 55ms);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#1c2215,#11150d);border:1px solid #b6f24a24;border-radius:clamp(5px,.7vw,9px);place-items:center;transition:transform 70ms,box-shadow 70ms,background .45s,color .45s;display:grid;box-shadow:0 5px #060805,0 7px 14px #0000008c,inset 0 1px #ffffff0f}.key[data-brand]{color:var(--accent);border-color:#b6f24a4d}.key:hover{border-color:#b6f24a73}.key[data-down]{color:#0b0d08;background:linear-gradient(#d6ff7a,#9fd83a);transition-duration:40ms;transform:translateY(4px);box-shadow:0 1px #060805,0 0 28px #b6f24acc,0 0 60px #b6f24a59,inset 0 0 10px #fff6}@keyframes key-wave{0%,70%,to{box-shadow:0 5px #060805,0 7px 14px #0000008c,inset 0 1px #ffffff0f}80%{box-shadow:0 5px #060805,0 7px 18px #b6f24a40,inset 0 1px #b6f24a40}}.key[data-down]{animation:none}@keyframes caret{50%{opacity:0}}.caret{animation:1s step-end infinite caret}@media (prefers-reduced-motion:reduce){.key,.caret{animation:none!important}.tilt{transition:none}}.step{-webkit-tap-highlight-color:transparent;outline:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.step:focus-visible,.step:focus{transform:translateY(-14px);box-shadow:0 0 60px #b6f24a59}@media (hover:hover){.step:hover{transform:translateY(-14px);box-shadow:0 0 60px #b6f24a59}}.memory-box{perspective:700px;width:150px;height:110px;position:relative}.memory-body{height:80px;color:var(--accent);background:linear-gradient(#1c2215,#0d0f0a);border:1px solid #b6f24a59;border-radius:10px;place-items:center;font-size:22px;display:grid;position:absolute;inset:auto 0 0;box-shadow:inset 0 18px 30px #b6f24a40,0 20px 60px #b6f24a2e}.memory-lid{transform-origin:50% 100%;background:linear-gradient(#2a3320,#151a10);border:1px solid #b6f24a66;border-radius:8px;height:22px;animation:5s ease-in-out infinite lid;position:absolute;top:0;left:-6px;right:-6px}@keyframes lid{0%,to{transform:translateY(-18px)rotateX(55deg)rotate(-6deg)}50%{transform:translateY(-28px)rotateX(62deg)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.memory-lid{animation:none;transform:translateY(-20px)rotateX(55deg)}}.name-word{color:var(--accent);animation:1.2s .9s both name-glow;position:relative}.name-word:after{content:"";background:var(--accent);transform-origin:0;border-radius:999px;height:.12em;animation:.7s cubic-bezier(.2,.7,.2,1) 1s both name-underline;position:absolute;bottom:.02em;left:-.08em;right:-.08em;transform:scaleX(0);box-shadow:0 0 18px #b6f24acc}@keyframes name-glow{0%{color:inherit;text-shadow:none}to{color:var(--accent);text-shadow:0 0 40px #b6f24a73}}@keyframes name-underline{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.name-word,.name-word:after{animation:none;transform:none}}
