:root{color-scheme:dark;--purple: #4c35cd;--purple-deep: #2f1f9d;--purple-light: #603cf0;--cyan: #31adff;--white: #f8f7ff}*{box-sizing:border-box}html{min-width:320px;height:100%;background:var(--purple);overflow:hidden}body{width:100%;height:100svh;margin:0;overflow:hidden;color:var(--white);background:radial-gradient(circle at 50% 18%,rgba(119,82,255,.72),transparent 35rem),linear-gradient(135deg,var(--purple-light) 0%,var(--purple) 52%,var(--purple-deep) 100%);font-family:Archivo Black,Impact,sans-serif;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;content:"";pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000,transparent 74%);mask-image:radial-gradient(circle at 50% 38%,#000,transparent 74%)}::selection{color:var(--white);background:var(--cyan)}.page-shell{position:relative;z-index:2;display:grid;width:min(100% - 64px,1320px);height:100svh;min-height:0;margin:0 auto;grid-template-rows:112px 1fr;transform-origin:50% 34%;animation:page-impact .34s .382s linear,page-impact .34s 1.122s linear}.site-header{position:fixed;top:16px;left:18px;z-index:20}.fluid-canvas{position:fixed;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}.brand-logo{width:126px;display:block;height:auto;filter:brightness(0) invert(1)}.hero{grid-row:2;display:flex;min-height:0;padding:clamp(12px,2vh,24px) 0 clamp(18px,3vh,32px);flex-direction:column;align-items:center;gap:clamp(40px,6vh,72px)}h1{position:relative;z-index:2;display:flex;margin:0;align-items:baseline;justify-content:center;gap:.28em;text-align:center;font-size:clamp(52px,6.4vw,96px);font-weight:400;letter-spacing:-.058em;line-height:.92;white-space:nowrap;text-transform:uppercase;text-shadow:0 18px 42px rgba(39,19,139,.2)}h1 span:first-child{animation:slam-under .52s .08s cubic-bezier(.16,1,.3,1) both}h1 span:last-child{animation:slam-construction .52s .82s cubic-bezier(.16,1,.3,1) both}.gif-stage{position:relative;isolation:isolate;width:min(84vw,650px,calc((100svh - 300px)*1.334));margin:0;transform-origin:50% 78%;will-change:transform}.gif-stage img{display:block;width:100%;height:auto;opacity:0;filter:saturate(.94) contrast(.99) brightness(1.02) drop-shadow(0 30px 56px rgba(40,18,132,.25));transition:opacity .16s ease-out;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 91%,transparent 100%),linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 91%,transparent 100%),linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%);mask-composite:intersect}.gif-stage img.is-ready{opacity:1}@keyframes slam-under{0%{opacity:0;filter:blur(14px) brightness(1.8);transform:translateY(-120px) scaleX(1.2) scaleY(.64)}58%{opacity:1;filter:blur(0) brightness(1);transform:translateY(11px) scaleX(.96) scaleY(1.05)}76%{transform:translateY(-4px) scaleX(1.015) scaleY(.99)}to{opacity:1;filter:none;transform:none}}@keyframes slam-construction{0%{opacity:0;filter:blur(15px) brightness(1.9);transform:translate(190px) skew(-13deg) scaleX(1.26)}58%{opacity:1;filter:blur(0) brightness(1);transform:translate(-11px) skew(3deg) scaleX(.97)}76%{transform:translate(4px) skew(-1deg) scaleX(1.01)}to{opacity:1;filter:none;transform:none}}@keyframes page-impact{0%{transform:translate3d(-14px,4px,0) rotate(-.28deg)}15%{transform:translate3d(12px,-4px,0) rotate(.22deg)}30%{transform:translate3d(-9px,3px,0) rotate(-.16deg)}46%{transform:translate3d(6px,-2px,0) rotate(.1deg)}64%{transform:translate3d(-3px,1px,0)}82%{transform:translate3d(1px,0,0)}to{transform:none}}@media(max-width:760px){body{background:var(--purple)}body:before{display:none}.page-shell{width:min(100% - 36px,620px)}.brand-logo{width:110px}.hero{gap:clamp(34px,5vh,52px);padding-top:16px}h1{flex-direction:column;gap:.08em;font-size:clamp(38px,11.8vw,72px);line-height:.94;white-space:normal}.gif-stage{width:min(94vw,620px,calc((100svh - 285px)*1.334))}}@media(max-width:480px){.page-shell{width:min(100% - 26px,430px);grid-template-rows:98px 1fr}.brand-logo{width:90px}.site-header{top:10px;left:11px}.hero{gap:clamp(28px,4vh,40px);padding-top:12px;padding-bottom:18px}h1{font-size:clamp(36px,11.4vw,54px)}}@media(prefers-reduced-motion:reduce){.page-shell,h1 span{animation:none}.gif-stage img{transition:none}.gif-stage{will-change:auto}}