*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white: #ffffff;--white-dim: rgba(255, 255, 255, .72);--white-faint: rgba(255, 255, 255, .42);--glass-bg: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .13);--glass-shadow: rgba(0, 0, 0, .4);--font: "Inter", -apple-system, "Helvetica Neue", system-ui, sans-serif}html,body{width:100%;background:#080810;color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100vh}a{color:inherit;text-decoration:none}.bg{position:fixed;inset:0;z-index:0;background:#080810;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:0;will-change:transform,opacity;animation:orbFloat linear infinite,orbFadeIn 2.5s ease forwards}.bg-orb-1{width:78vmax;height:78vmax;background:radial-gradient(circle,rgba(90,50,210,.6) 0%,rgba(70,15,170,.25) 50%,transparent 70%);top:-22%;left:-18%;animation-duration:24s,2s;animation-delay:0s,.2s}.bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px;opacity:.35;pointer-events:none;mix-blend-mode:overlay}@keyframes orbFloat{0%{transform:translate(0) scale(1)}25%{transform:translate(3%,-4%) scale(1.03)}50%{transform:translate(5%,3%) scale(.98)}75%{transform:translate(-2%,5%) scale(1.02)}to{transform:translate(0) scale(1)}}@keyframes orbFadeIn{0%{opacity:0}to{opacity:1}}.page{position:relative;z-index:1;width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 2rem}.wordmark{position:fixed;top:clamp(1.5rem,3vw,2.2rem);left:clamp(1.5rem,3vw,2.2rem);font-size:clamp(.75rem,1.2vw,.95rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff6;opacity:0;animation:fadeUp .8s ease 1.6s forwards;z-index:10}.content{text-align:center;max-width:90vw;width:100%}.headline{font-size:clamp(3.5rem,min(14vw,22dvh),14rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;hyphens:none;overflow-wrap:normal;background:linear-gradient(180deg,#fff,#ffffffc7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(10px) scale(.98);animation:heroIn 1.1s cubic-bezier(.16,1,.3,1) .3s forwards;will-change:transform,opacity}.subtext{font-size:clamp(.95rem,1.8vw,1.3rem);font-weight:400;line-height:1.65;color:var(--white-faint);margin-top:clamp(1.5rem,3vw,2.5rem);letter-spacing:.01em;opacity:0;transform:translateY(18px);animation:heroIn 1s cubic-bezier(.16,1,.3,1) .75s forwards;will-change:transform,opacity}.glass-badge{position:relative;display:inline-flex;align-items:center;gap:.55em;margin-top:clamp(2rem,4vw,3.5rem);padding:.85em 1.6em;border-radius:100px;overflow:hidden;isolation:isolate;font:inherit;color:inherit;background:#ffffff0a;backdrop-filter:url(#liquid-glass) blur(4px) saturate(200%) brightness(1.06);-webkit-backdrop-filter:blur(14px) saturate(200%) brightness(1.06);border:1px solid rgba(255,255,255,.22);box-shadow:0 1px #ffffff73 inset,0 -1px #ffffff14 inset,0 10px 28px #00000061;opacity:0;transform:translateY(14px) scale(.97);animation:heroIn 1s cubic-bezier(.16,1,.3,1) 1.05s forwards;will-change:transform,opacity;transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.glass-badge:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff38,#ffffff0a 45%,#fff0);pointer-events:none;z-index:0}.glass-badge:hover{border-color:#ffffff57;transform:translateY(-1px);box-shadow:0 1px #ffffff8c inset,0 -1px #ffffff1a inset,0 14px 36px #0000007a}.glass-badge:active{transform:translateY(0) scale(.985);box-shadow:0 1px #fff6 inset,0 -1px #ffffff0f inset,0 6px 18px #0000006b}.badge-dot{position:relative;z-index:1;width:6px;height:6px;border-radius:50%;background:#6ee696f2;box-shadow:0 0 8px #6ee696a6;animation:dotPulse 2.8s ease-in-out infinite;flex-shrink:0}.badge-text{position:relative;z-index:1;font-size:clamp(.78rem,1.3vw,.98rem);font-weight:500;color:var(--white);letter-spacing:.02em}.scroll-hint{position:fixed;bottom:clamp(1.5rem,3vw,2rem);left:50%;transform:translate(-50%);opacity:0;animation:fadeUp .8s ease 2s forwards}.scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,rgba(255,255,255,.35),transparent);animation:scrollDrop 2.6s ease-in-out 2.8s infinite;transform-origin:top}@keyframes heroIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes scrollDrop{0%{transform:scaleY(0);opacity:0;transform-origin:top}20%{opacity:1}80%{opacity:.5}to{transform:scaleY(1.8);opacity:0;transform-origin:top}}@media(max-width:480px){html,body{overflow:auto}.page{height:auto;min-height:100dvh;padding:1.5rem 1.25rem}.headline{font-size:clamp(2.8rem,12vw,4rem)}.subtext{font-size:.95rem}}
