:root{--ink:#171a22;--muted:#8b8a85;--paper:#fffdf8;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}.hero{height:100svh;min-height:640px;position:relative;overflow:hidden}.layer{isolation:isolate;background:var(--paper);position:absolute;inset:0;overflow:hidden}@property --r{syntax:"<length>";inherits:false;initial-value:0}@property --x{syntax:"<length>";inherits:false;initial-value:0}@property --y{syntax:"<length>";inherits:false;initial-value:0}.overlay{pointer-events:none;clip-path:circle(var(--r) at var(--x) var(--y));position:absolute;inset:0}.top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:22px;right:22px}.mark{width:36px;height:36px;display:block}.pill{color:#444;background:#0000000a;border-radius:999px;padding:7px 14px;font-size:15px}.cards{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 68%,#0000 99%);mask-image:linear-gradient(#000 68%,#0000 99%)}.card{width:max(var(--w), 84px);background:#fff;border-radius:max(1.1vw,12px);margin:0;padding:max(.45vw,5px);animation:.7s cubic-bezier(.2,.9,.3,1.15) both pop;position:absolute;translate:-50% -50%;box-shadow:0 1px 2px #0000000f,0 22px 44px -14px #00000038}.card img{border-radius:max(.75vw,8px);width:100%;height:auto;display:block}.copy{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 16px;display:flex;position:relative}.brand{width:auto;height:clamp(40px,3.6vw,72px);margin:0 0 clamp(14px,1.4vw,28px);animation:.6s both fade;display:block}h1{letter-spacing:-.04em;margin:0;font-size:clamp(48px,5.4vw,104px);font-weight:600;line-height:.98}h1>span{padding-bottom:.06em;display:block;overflow:hidden}h1>span+span{margin-top:-.16em}h1>span>span{animation:.75s cubic-bezier(.2,.8,.2,1) both rise;display:inline-block}h1>span:nth-child(2)>span{animation-delay:.12s}h1>span:nth-child(3)>span{animation-delay:.24s}.grad{background:linear-gradient(90deg,#2c58d6,#7a3fd1 50%,#a3622c);color:#0000;-webkit-background-clip:text;background-clip:text}.sub{max-width:27em;color:var(--muted);margin:1.6em 0 1.5em;font-size:clamp(15px,1.2vw,23px);line-height:1.55;animation:.6s .5s both fade}.cta{background:var(--ink);color:#fff;border-radius:999px;padding:.7em 1.3em;font-size:clamp(15px,1.15vw,22px);font-weight:600;transition:background .3s;animation:.6s .6s both fade;box-shadow:0 10px 24px -10px #00000080}.more{color:var(--muted);margin-top:1.3em;font-size:clamp(14px,1.05vw,20px);animation:.6s .7s both fade}@keyframes rise{0%{transform:translateY(105%)}}@keyframes fade{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}}@keyframes pop{0%{opacity:0;filter:blur(10px);scale:.7}}.layer:not(.base){color:#fff}.layer:not(.base) :is(.sub,.more){color:#ffffffb8}.layer:not(.base) :is(.brand,.mark){filter:brightness(0)invert()}.layer:not(.base) .grad{color:inherit;background:0 0}.layer:not(.base) .cta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29}.layer:not(.base) .pill{color:#fff;background:#ffffff1f}.layer:not(.base) .belt{color:#fff}.layer:not(.base) .card{background:#ffffff1a;box-shadow:0 24px 48px -12px #00000073}.legendary{background:#07080c}.legendary:before,.legendary:after{content:"";z-index:-1;background:repeating-conic-gradient(from 0deg, transparent 0 1.6deg, #aac3ff99 1.85deg, transparent 2.2deg 4.3deg), repeating-conic-gradient(from 1.3deg, transparent 0 2.7deg, #ffa07866 2.95deg, transparent 3.3deg 6.1deg), repeating-conic-gradient(from .6deg, transparent 0 3.6deg, #96ffd24d 3.8deg, transparent 4.1deg 7.9deg);animation:1.8s linear infinite warp;position:absolute;inset:-60%;-webkit-mask-image:radial-gradient(circle,#0000 4%,#000 38%);mask-image:radial-gradient(circle,#0000 4%,#000 38%)}.legendary:after{animation-delay:-.9s}@keyframes warp{0%{opacity:0;transform:scale(.8)rotate(0)}50%{opacity:1}to{opacity:0;transform:scale(1.5)rotate(3deg)}}.flow{background:#6a24d6}.flow:before{content:"";z-index:-1;filter:blur(40px);background:radial-gradient(38% 48% at 22% 30%,#e51fd2,#0000 70%),radial-gradient(42% 46% at 76% 42%,#ffd60a,#0000 70%),radial-gradient(48% 46% at 52% 88%,#ff7a1a,#0000 70%),radial-gradient(36% 40% at 12% 82%,#8b2cff,#0000 70%);animation:8s ease-in-out infinite alternate flow;position:absolute;inset:-30%}@keyframes flow{to{transform:rotate(28deg)scale(1.15)translate(5%,-4%)}}.golden{background:radial-gradient(circle at 50% 45%,#f0435a,#b90f2b 75%)}.medals{position:absolute;inset:0}.medals span{filter:drop-shadow(0 12px 18px #0000004d);line-height:1;animation:linear infinite drift;position:absolute;bottom:-120px}@keyframes drift{0%{transform:translateY(0)rotate(-12deg)}to{transform:translateY(calc(-100svh - 240px))rotate(14deg)}}@media (max-width:1100px){.wide-only{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}