:root{--ink:#101212;--muted:#6d7373;--line:#10121229;--soft:#e4e8e8;--paper:#f7f8f7;--green:#a9ff00;--green-dark:#82d900;--orange:#fb7b00;--radius:22px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.shell{width:min(1240px,100% - 64px);margin:0 auto}.eyebrow,.small-caps,.section-number,.stage-label,.hero-note,.topbar-meta,.usage-sticker,.lockup-top,.lockup-bottom>span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.eyebrow{color:#606666;margin:0 0 22px}.section-intro{grid-template-columns:88px minmax(0,650px);gap:24px;padding:116px 0 60px;display:grid}.section-number{color:var(--green-dark);padding-top:10px}.section-intro h2{letter-spacing:-.07em;max-width:720px;margin:0;font-size:clamp(42px,7vw,84px);font-weight:800;line-height:.91}.section-copy{color:#646a6a;max-width:520px;margin:25px 0 0;font-size:16px;line-height:1.55}.section-intro--dark .eyebrow,.section-intro--dark .section-copy{color:#a4aaaa}.section-intro--dark .section-number{color:var(--green)}.hero{background:var(--soft);min-height:100vh;position:relative;overflow:hidden}.topbar{z-index:5;border-bottom:1px solid #1012122e;justify-content:space-between;align-items:center;height:76px;display:flex;position:relative}.brand-mark img{width:116px;height:auto}.topbar-meta{color:#687070;align-items:center;gap:22px;display:flex}.status-dot{align-items:center;gap:7px;display:flex}.status-dot i{background:var(--green-dark);border-radius:100%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #82d9001f}.hero-grid{grid-template-columns:.76fr 1.24fr;align-items:center;gap:34px;min-height:calc(100vh - 76px);padding:46px 0 80px;display:grid}.hero-copy{z-index:2;padding-bottom:22px;position:relative}.hero-copy h1{letter-spacing:-.095em;margin:0;font-size:clamp(64px,8.2vw,126px);font-weight:800;line-height:.82}.hero-copy h1 em{color:var(--green-dark);font-style:normal}.hero-lede{color:#5e6666;max-width:400px;margin:32px 0 26px;font-size:16px;line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.button{text-transform:uppercase;letter-spacing:.08em;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;padding:15px 18px 15px 20px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button--dark{color:#f4f7f6;background:var(--ink)}.button--dark span{color:var(--green);font-size:16px;line-height:0}.text-button{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;padding:8px 0;font-size:12px;font-weight:700}.text-button span{color:var(--green-dark);padding-left:4px;font-size:17px}.text-button:hover{color:var(--green-dark)}.hero-note{color:#717878;align-items:center;gap:11px;margin-top:68px;display:flex}.hero-note span:first-child{color:var(--ink)}.hero-stage{perspective:1000px;--pointer-x:0;--pointer-y:0;cursor:crosshair;background:#d9dddd;border-radius:36px;min-height:min(690px,71vh);position:relative;overflow:hidden}.stage-grid{opacity:.3;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.hero-stage:before{content:"SWAY / VALUE / CULTURE / MOMENTUM";letter-spacing:.14em;color:#10121273;font-size:10px;font-weight:700;position:absolute;top:30px;left:34px}.hero-stage:after{content:"";pointer-events:none;border:1px solid #10121224;border-radius:50%;position:absolute;inset:10% 15%;transform:rotate(-12deg)}.hero-image-wrap{width:126%;transform:translate3d(calc(var(--pointer-x) * 8px), calc(var(--pointer-y) * 6px), 0) rotateX(calc(var(--pointer-y) * -1.4deg)) rotateY(calc(var(--pointer-x) * 1.4deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:1.25s cubic-bezier(.2,.8,.2,1) both hero-arrive;position:absolute;top:18%;left:-13%}.hero-image{filter:drop-shadow(0 30px 22px #0f1e142e);width:100%;animation:6s ease-in-out 1.3s infinite hero-breathe}.hero-orbit{border:1px solid #10121238;border-radius:50%;animation:1.4s .2s both orbit-in;position:absolute;inset:32% 16% 28%;transform:rotate(18deg)}.hero-orbit--two{opacity:.6;inset:16% 29% 42%;transform:rotate(-28deg)}.hero-chip{color:#10121299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.14em;background:#f7f8f785;border:1px solid #10121229;border-radius:4px;padding:8px 10px;font-size:9px;font-weight:700;position:absolute}.hero-chip--top{animation:1s .7s both chip-in;top:58px;right:34px}.hero-chip--bottom{animation:1s 1s both chip-in;bottom:34px;left:34px}.hero-cursor{background:var(--green);border-radius:100%;place-items:center;width:38px;height:38px;animation:4s ease-in-out infinite cursor-pulse;display:grid;position:absolute;bottom:26%;right:19%;box-shadow:0 0 0 10px #a9ff0029}.hero-cursor span{white-space:nowrap;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;position:absolute;left:48px}.scroll-cue{color:#697171;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:20px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-line{background:#697171;width:65px;height:1px;display:block}.scene{overflow:hidden}.scene--light{background:#f6f7f6}.scene--white{background:#fff}.scene--black{background:var(--ink);color:#f6f7f5}.scene--green{background:var(--green)}.interaction-stage{position:relative;overflow:hidden}.stage-label{z-index:2;color:#10121299;position:absolute;top:24px;left:26px}.stage-label span{color:var(--green-dark);margin-left:12px}.stage-caption{letter-spacing:.12em;text-transform:uppercase;color:#10121285;z-index:2;justify-content:space-between;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:22px;left:25px;right:25px}.keyring-layout{grid-template-columns:1.12fr .88fr;align-items:center;gap:74px;padding-bottom:132px;display:grid}.keyring-stage{background:var(--soft);border-radius:var(--radius);min-height:660px;transform:translateZ(0)}.keyring-stage:before{content:"";border:1px solid #1012121f;border-radius:50%;width:60%;height:70%;position:absolute;top:10%;left:20%;transform:rotate(14deg)}.hanging-line{background:#10121247;width:1px;height:100px;position:absolute;top:0;left:50%}.keyring-image{width:88%;max-width:610px;transform:rotate(var(--tilt,0deg));transform-origin:50% 7%;filter:drop-shadow(0 22px 20px #12181429);transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:6.5s ease-in-out infinite dangle;position:absolute;top:5%;left:6%}.dangle-echo{pointer-events:none;border:1px solid #a9ff00b3;border-radius:100%;position:absolute}.dangle-echo--a{width:34px;height:20px;animation:6.5s ease-in-out .7s infinite charm-echo;bottom:23%;right:20%}.dangle-echo--b{opacity:.55;width:22px;height:12px;animation:6.5s ease-in-out 1s infinite reverse charm-echo;bottom:17%;right:28%}.context-tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:24px;display:flex}.context-tabs button{color:#848b8b;background:0 0;border:0;padding:0 0 12px;font-size:11px;font-weight:700}.context-tabs button.is-active{color:var(--ink);border-bottom:2px solid var(--green-dark)}.context-card{background:#fff;border:1px solid #10121214;border-radius:12px;min-height:300px;padding:22px;animation:.45s cubic-bezier(.2,.8,.2,1) card-in;position:relative;box-shadow:0 18px 40px #121c1814}.context-card-top{align-items:center;gap:10px;display:flex}.avatar{background:var(--green);width:38px;height:38px;color:var(--ink);border-radius:10px;place-items:center;font-size:20px;font-weight:800;display:grid}.context-card-top strong,.context-card-top small{display:block}.context-card-top strong{font-size:13px}.context-card-top small{color:#7a8181;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-size:10px}.verified{background:var(--ink);width:22px;height:22px;color:var(--green);border-radius:100%;place-items:center;margin-left:auto;font-size:12px;display:grid}.creator-stat{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:56px 0 32px;display:flex}.creator-stat strong{letter-spacing:-.08em;font-size:52px}.creator-stat span,.context-card p{color:#777f7f;font-size:12px}.creator-tags{gap:7px;padding-top:20px;display:flex}.creator-tags span{background:var(--soft);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:7px 9px;font-size:10px}.context-card-footer{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;padding-top:16px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.event-card{background:var(--ink);color:#fff;grid-template-columns:80px 1fr;align-content:start;gap:20px;display:grid}.event-date{color:var(--green);letter-spacing:-.09em;font-size:58px;font-weight:800;line-height:.78}.event-date small{letter-spacing:.08em;font-size:13px}.event-card h3,.music-card h3{letter-spacing:-.06em;max-width:240px;margin:28px 0 8px;font-size:30px;line-height:.92}.event-card p,.music-card p{margin:0}.event-card .context-card-footer{border-color:#fff3}.music-card{background:var(--green);grid-template-columns:112px 1fr;align-content:start;gap:20px;display:grid}.record-art{background:#dbe4dc;border-radius:12px;width:112px;height:112px;overflow:hidden}.record-art img{object-fit:cover;width:100%;height:100%}.music-card h3{margin-top:16px}.motion-caption{border-top:1px solid var(--line);align-items:flex-start;gap:16px;margin-top:26px;padding-top:23px;display:flex}.motion-glyph{color:var(--green-dark);font-size:38px;line-height:.7}.motion-caption strong{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.motion-caption p{color:#777f7f;margin:7px 0 0;font-size:13px;line-height:1.45}.controller-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:92px;padding-bottom:135px;display:grid}.controller-stage{border-radius:var(--radius);background:#202525;border:1px solid #ffffff29;min-height:690px}.controller-glow{filter:blur(80px);background:#a9ff0033;border-radius:50%;width:50%;height:40%;position:absolute;top:34%;left:25%}.controller-image{width:94%;transform:perspective(900px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));filter:drop-shadow(0 30px 18px #0006);transition:transform .55s cubic-bezier(.2,.8,.2,1);position:absolute;top:4%;left:3%}.controller-stage.is-pressed .controller-image{animation:.7s cubic-bezier(.2,.8,.2,1) controller-hit}.controller-press{background:var(--green);width:78px;height:78px;color:var(--ink);text-transform:uppercase;letter-spacing:.1em;border:0;border-radius:100%;font-size:9px;font-weight:800;transition:transform .2s;position:absolute;bottom:18%;right:18%;box-shadow:0 0 0 12px #a9ff0024}.controller-press:hover,.controller-press:focus-visible{transform:scale(1.06)}.controller-press:active{transform:scale(.93)}.controller-press i{border:1px solid var(--green);opacity:.4;border-radius:100%;position:absolute;inset:-8px}.controller-copy .feature-index{color:var(--green);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}.controller-copy h3{letter-spacing:-.08em;margin:20px 0 18px;font-size:clamp(40px,5vw,70px);line-height:.9}.controller-copy>p{color:#a2aaaa;max-width:360px;line-height:1.55}.button-spec{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;align-items:center;gap:14px;margin-top:58px;padding:14px 0;display:flex}.spec-circle{border:1px solid var(--green);width:38px;height:38px;color:var(--green);border-radius:100%;place-items:center;font-weight:800;display:grid}.button-spec strong,.button-spec small{display:block}.button-spec strong{text-transform:uppercase;letter-spacing:.1em;font-size:12px}.button-spec small{color:#899191;margin-top:4px;font-size:10px}.spec-arrow{color:var(--green);margin-left:auto;font-size:20px}.black-tags{gap:8px;margin-top:25px;display:flex}.black-tags span{color:#acb4b4;text-transform:uppercase;letter-spacing:.1em;border:1px solid #ffffff38;border-radius:999px;padding:7px 9px;font-size:10px}.keyboard-layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:74px;padding-bottom:125px;display:grid}.product-window{background:#f4f6f2;border:1px solid #10121233;min-height:410px;box-shadow:13px 13px #1012121f}.product-window-bar,.product-window-foot{text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid #10121229;justify-content:space-between;align-items:center;min-height:42px;padding:0 16px;font-size:9px;font-weight:700;display:flex}.window-dots{gap:4px;display:flex}.window-dots i{background:#9fa8a3;border-radius:100%;width:6px;height:6px}.product-window-content{padding:58px 35px 35px}.product-window-content .small-caps{color:#657165}.product-window-content h3{letter-spacing:-.08em;max-width:330px;margin:15px 0 12px;font-size:44px;line-height:.88}.product-window-content p{color:#6b756c;font-size:13px}.fake-input{text-transform:uppercase;letter-spacing:.1em;background:#fff;border:1px solid #10121233;justify-content:space-between;align-items:center;margin-top:42px;padding:15px 14px;font-size:12px;font-weight:700;display:flex}.caret{background:var(--ink);width:1px;height:16px;animation:1s steps(2,end) infinite blink}.product-window-foot{border-top:1px solid #10121229;border-bottom:0}.window-cta{background:var(--ink);width:28px;height:28px;color:var(--green);border-radius:100%;place-items:center;display:grid}.keyboard-context>.button{margin-top:25px}.keyboard-stage{border-radius:var(--radius);background:#b8ef1c;min-height:560px;position:relative;overflow:hidden}.keyboard-stage>img{filter:drop-shadow(0 28px 20px #0f220c2e);width:120%;max-width:none;position:absolute;top:2%;left:-10%}.key-overlay{pointer-events:none;grid-template-columns:repeat(4,1fr);gap:4.5%;display:grid;position:absolute;top:45%;left:26.5%;right:22.5%;transform:perspective(500px)rotateX(12deg)rotate(-2deg)}.key-overlay span{color:#101212b8;background:#a9ff000f;border-radius:8px;place-items:center;height:clamp(42px,7vw,86px);font-size:clamp(18px,3vw,32px);font-weight:800;transition:transform .12s,background .12s;display:grid}.key-overlay span.is-active{color:var(--green);background:#10121238;transform:translateY(9px)scale(.96)}.keyboard-stage .stage-caption{color:#101212a1}.motion-section{border-top:1px solid var(--line)}.motion-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.motion-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;padding:18px}.motion-demo{background:var(--soft);place-items:center;height:142px;display:grid;position:relative;overflow:hidden}.demo-object{width:54px;height:54px;color:var(--ink);background:var(--green);border-radius:100%;place-items:center;font-size:23px;font-weight:800;display:grid;box-shadow:0 12px 10px #1012121f}.motion-demo--sway .demo-object{transform-origin:50% -35px;animation:4.6s ease-in-out infinite demo-sway}.motion-demo--sway:before{content:"";background:#10121273;width:1px;height:35px;position:absolute;top:20px}.demo-charm{color:var(--green-dark);margin:60px 0 0 50px;font-size:32px;animation:4.6s ease-in-out .4s infinite demo-charm;position:absolute}.motion-demo--snap .demo-object{border-radius:8px;animation:3.8s ease-in-out infinite demo-snap}.motion-demo--flip .demo-object{animation:4.3s ease-in-out infinite demo-flip}.motion-demo--stack:before,.motion-demo--stack:after{content:"●";color:#0000;background:#78bc00;border-radius:100%;place-items:center;width:54px;height:54px;animation:4.8s ease-in-out infinite demo-stack;display:grid;position:absolute}.motion-demo--stack:before{animation-delay:-.15s}.motion-demo--stack:after{animation-delay:-.3s}.motion-demo--stack .demo-object{z-index:2;position:relative}.motion-demo--press .demo-object{border-radius:8px;animation:3.2s ease-in-out infinite demo-press}.motion-demo--tilt .demo-object{border-radius:8px;animation:4s ease-in-out infinite demo-tilt}.demo-cursor{color:var(--ink);font-size:25px;animation:4s ease-in-out infinite demo-cursor;position:absolute;bottom:30px;right:33%}.motion-card-copy{justify-content:space-between;gap:14px;padding-top:18px;display:flex}.motion-name,.motion-spec{display:block}.motion-name{letter-spacing:-.03em;font-size:17px;font-weight:800}.motion-spec{color:var(--green-dark);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:10px;font-weight:700}.motion-card-copy p{color:#727a7a;max-width:140px;margin:0;font-size:11px;line-height:1.4}.motion-footer{justify-content:space-between;align-items:center;gap:30px;padding:28px 0 112px;display:flex}.motion-footer p{color:#6d7575;margin:0;font-size:13px}.motion-footer strong{color:var(--ink)}.usage-grid{grid-template-columns:repeat(12,1fr);gap:18px;padding-bottom:124px;display:grid}.usage-card{grid-column:span 4}.usage-card--hero,.usage-card--campaign,.usage-card--editorial{grid-column:span 8}.usage-visual{border-radius:var(--radius);background:var(--soft);min-height:300px;position:relative;overflow:hidden}.usage-visual img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.usage-card:hover .usage-visual img{transform:scale(1.035)}.usage-sticker{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f7f8f7b3;border-radius:3px;padding:7px 9px;position:absolute;top:18px;left:18px}.usage-arrow{background:var(--green);width:38px;height:38px;color:var(--ink);border-radius:100%;place-items:center;font-size:18px;display:grid;position:absolute;bottom:18px;right:18px}.usage-visual--hero{min-height:410px}.usage-visual--hero img{object-fit:cover;object-position:center}.usage-visual--creator{min-height:410px}.usage-visual--creator>img{object-position:50% 22%}.profile-ui{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101212b8;border:1px solid #ffffff73;border-radius:9px;align-items:center;gap:9px;padding:10px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.avatar--small{border-radius:7px;width:28px;height:28px;font-size:14px}.profile-ui strong,.profile-ui small{display:block}.profile-ui strong{font-size:12px}.profile-ui small{color:#bbc3c3;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-size:9px}.profile-pill{background:var(--green);color:var(--ink);text-transform:uppercase;border-radius:99px;margin-left:auto;padding:7px 9px;font-size:9px;font-weight:700}.usage-visual--campaign{background:#e95800;min-height:410px}.usage-visual--campaign img{object-fit:cover}.campaign-copy{color:#fff;position:absolute;bottom:28px;left:28px}.campaign-copy span,.campaign-copy small{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;display:block}.campaign-copy strong{letter-spacing:-.09em;margin:12px 0;font-size:clamp(40px,6vw,76px);line-height:.8;display:block}.campaign-copy small{color:#ffffffbf}.usage-visual--mobile{background:#ccd4ce;place-items:center;min-height:410px;display:grid}.phone-shell{color:#fff;background:#161a19;border-radius:24px;width:198px;height:338px;padding:18px 13px;box-shadow:13px 18px 30px #10121240}.phone-top{color:#bbc2bd;justify-content:space-between;font-size:8px;display:flex}.phone-shell .small-caps{color:var(--green);margin-top:28px;font-size:8px;display:block}.phone-shell h4{letter-spacing:-.06em;margin:9px 0 0;font-size:22px;line-height:.9}.phone-shell img{object-fit:cover;border-radius:100%;width:110px;height:110px;margin:16px auto 7px}.mobile-row{text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #ffffff38;justify-content:space-between;align-items:center;padding-top:13px;font-size:9px;display:flex}.mobile-row strong{color:var(--green);font-size:17px}.usage-visual--editorial{background:#dce1e1;min-height:300px}.usage-visual--editorial img{object-fit:cover}.editorial-overlay{color:var(--ink);position:absolute;bottom:28px;left:28px}.editorial-overlay span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;display:block}.editorial-overlay strong{letter-spacing:-.08em;margin-top:8px;font-size:38px;line-height:.86;display:block}.usage-visual--play{background:#ee6e00;min-height:410px}.usage-visual--play img{object-fit:cover;object-position:50% 64%;opacity:.93}.play-ui{color:#fff;position:absolute;bottom:22px;left:22px}.play-ui span{letter-spacing:.12em;font-size:10px;font-weight:700;display:block}.play-ui strong{letter-spacing:-.08em;margin:10px 0 16px;font-size:38px;line-height:.84;display:block}.play-ui button{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #fff;border-radius:999px;padding:9px 11px;font-size:9px;font-weight:700}.usage-card-meta{padding:15px 2px 0}.usage-card-meta h3{letter-spacing:-.04em;margin:0;font-size:16px}.usage-card-meta p{color:#788080;margin:5px 0 0;font-size:11px}.lockup{min-height:760px}.lockup-inner{flex-direction:column;min-height:760px;padding-top:30px;display:flex;position:relative}.lockup-top,.lockup-bottom{color:#8a9393;justify-content:space-between;align-items:center;display:flex}.lockup-top span:first-child{color:var(--green)}.lockup-logo{filter:invert();z-index:2;width:min(390px,58vw);margin:auto;position:relative}.lockup-object{opacity:.9;width:min(650px,70vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.lockup-object img{filter:drop-shadow(0 25px 20px #00000059);width:100%;animation:5s ease-in-out infinite lockup-breathe}.lockup-bottom{border-top:1px solid #ffffff2e;align-items:flex-end;padding-top:18px;padding-bottom:30px}.lockup-bottom p{color:#f4f6f4;letter-spacing:-.07em;margin:0;font-size:28px;line-height:.9}.lockup-bottom p em{color:var(--green);font-style:normal}@keyframes hero-arrive{0%{opacity:0;transform:translateY(48px)scale(.74)}60%{opacity:1;transform:translateY(-10px)scale(1.02)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes hero-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.008)}}@keyframes orbit-in{0%{opacity:0;transform:scale(.7)rotate(-18deg)}to{opacity:.9;transform:scale(1)rotate(18deg)}}@keyframes chip-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cursor-pulse{0%,to{transform:scale(.94)}50%{transform:scale(1)}}@keyframes dangle{0%,to{transform:rotate(-2.5deg)}35%{transform:rotate(5deg)}67%{transform:rotate(-3.5deg)}}@keyframes charm-echo{0%,to{transform:translate(0)rotate(0)}38%{transform:translate(12px,-4px)rotate(10deg)}67%{transform:translate(-6px,4px)rotate(-5deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes controller-hit{0%,to{transform:perspective(900px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) translateY(0)}34%{transform:perspective(900px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) translateY(8px) scale(.985)}}@keyframes blink{50%{opacity:0}}@keyframes demo-sway{0%,to{transform:rotate(-5deg)}35%{transform:rotate(6deg)}68%{transform:rotate(-3deg)}}@keyframes demo-charm{0%,to{transform:rotate(-5deg)}40%{transform:translate(9px,-4px)rotate(12deg)}70%{transform:translate(-4px,3px)rotate(-6deg)}}@keyframes demo-snap{0%,60%{transform:translate(-33px)}72%{transform:translate(8px)}82%,to{transform:translate(0)}}@keyframes demo-flip{0%,28%{transform:rotateY(0)}48%,62%{transform:rotateY(180deg)}74%,to{transform:rotateY(0)}}@keyframes demo-stack{0%,30%{opacity:.8;transform:translate(0)scale(.9)}64%,to{opacity:.95;transform:translate(0)scale(1)}}@keyframes demo-press{0%,55%,to{transform:translateY(0)}62%{transform:translateY(8px)scale(.96)}72%{transform:translateY(-2px)}}@keyframes demo-tilt{0%,to{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}@keyframes demo-cursor{0%,to{transform:translate(16px,10px)}50%{transform:translate(-15px,-10px)}}@keyframes lockup-breathe{0%,to{transform:rotate(-2deg)scale(.98)}50%{transform:rotate(2deg)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=980px){.shell{width:min(100% - 40px,760px)}.hero-grid,.keyring-layout,.controller-layout,.keyboard-layout{grid-template-columns:1fr;gap:40px}.hero-grid{padding-top:72px}.hero-copy{padding:0}.hero-stage{min-height:560px}.hero-image-wrap{width:135%;top:23%;left:-17%}.scroll-cue{display:none}.keyring-layout,.controller-layout,.keyboard-layout{padding-bottom:100px}.keyring-stage,.controller-stage{min-height:600px}.controller-copy{max-width:620px}.keyboard-context{max-width:600px}.keyboard-stage{min-height:510px}.usage-card,.usage-card--hero,.usage-card--campaign,.usage-card--editorial{grid-column:span 6}.usage-visual--hero,.usage-visual--campaign,.usage-visual--creator,.usage-visual--mobile,.usage-visual--play{min-height:340px}}@media (width<=620px){.shell{width:calc(100% - 32px)}.topbar{height:62px}.topbar-meta>span:first-child{display:none}.topbar-meta{font-size:9px}.hero{min-height:auto}.hero-grid{min-height:0;padding:70px 0 100px}.hero-copy h1{font-size:clamp(56px,17vw,86px)}.hero-lede{font-size:14px}.hero-note{letter-spacing:.08em;gap:7px;margin-top:42px;font-size:8px}.hero-stage{border-radius:18px;min-height:330px}.hero-stage:before{font-size:8px;top:18px;left:18px}.hero-image-wrap{width:154%;top:24%;left:-27%}.hero-chip{padding:6px 7px;font-size:8px}.hero-chip--top{top:42px;right:18px}.hero-chip--bottom{bottom:18px;left:18px}.hero-cursor{width:28px;height:28px;bottom:24%;right:14%}.hero-cursor span{font-size:8px;left:35px}.section-intro{grid-template-columns:34px 1fr;gap:10px;padding:78px 0 42px}.section-intro h2{font-size:clamp(42px,14vw,70px)}.section-copy{margin-top:18px;font-size:14px}.section-number{font-size:9px}.keyring-stage,.controller-stage{border-radius:15px;min-height:430px}.keyring-image{width:112%;top:2%;left:-6%}.controller-image{width:116%;top:1%;left:-8%}.controller-press{width:58px;height:58px;font-size:8px;bottom:16%;right:13%}.stage-caption{gap:10px;font-size:8px;bottom:15px;left:15px;right:15px}.context-tabs{white-space:nowrap;gap:12px;overflow-x:auto}.context-tabs button{font-size:9px}.context-card{min-height:280px}.creator-stat strong{font-size:42px}.controller-copy h3{font-size:50px}.button-spec{margin-top:36px}.product-window{min-height:360px}.product-window-content{padding:44px 22px 24px}.product-window-content h3{font-size:36px}.keyboard-stage{border-radius:15px;min-height:310px}.keyboard-stage>img{width:145%;top:3%;left:-22%}.key-overlay{top:46%;left:21%;right:17%}.key-overlay span{border-radius:5px;height:42px}.motion-grid{grid-template-columns:repeat(2,1fr)}.motion-card{min-height:250px;padding:12px}.motion-demo{height:115px}.motion-card-copy{display:block}.motion-card-copy p{max-width:none;margin-top:12px}.motion-footer{padding-bottom:80px;display:block}.motion-footer .text-button{margin-top:22px}.usage-grid{gap:12px}.usage-card,.usage-card--hero,.usage-card--campaign,.usage-card--editorial{grid-column:span 12}.usage-visual--hero,.usage-visual--campaign,.usage-visual--creator,.usage-visual--mobile,.usage-visual--play{min-height:300px}.lockup,.lockup-inner{min-height:620px}.lockup-logo{width:240px}.lockup-object{width:420px}.lockup-bottom{display:block}.lockup-bottom p{margin-bottom:24px;font-size:23px}.lockup-bottom>span{font-size:8px}}