.hero{--maxw:1200px;--padX:clamp(16px, 5vw, 48px);--padY:clamp(32px, 8vw, 96px);background:var(--surface,#0b0d12);color:var(--text,#e8f0ff);padding:var(--padY) var(--padX)}.hero__inner{max-width:var(--maxw);grid-template-columns:1fr;align-items:center;gap:clamp(20px,4vw,48px);margin:0 auto;display:grid}@media (width>=900px){.hero__inner{grid-template-columns:1.15fr .85fr}.hero__content{order:1}.hero__media{order:2;justify-self:end}}@media (width<=899.98px){.hero__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.hero__media{justify-content:center;width:100%;margin-bottom:2rem;display:flex}.hero__content{order:2;width:100%}.hero__cta{justify-content:center}}.eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:.5rem;font-size:.82rem}.hero__title{margin:0 0 .8rem;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.1}.hero__blurb{opacity:.9;max-width:60ch;font-size:clamp(1rem,1.3vw,1.125rem)}.hero__cta{flex-wrap:wrap;gap:12px;margin-top:clamp(16px,2vw,24px);display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;height:44px;padding:0 18px;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent,#00d1ff);color:#041014}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{border-color:color-mix(in oklab, var(--accent,#00d1ff) 50%, #fff 0%);color:var(--text,#e8f0ff)}.btn--ghost:hover{background:color-mix(in oklab, var(--accent,#00d1ff) 15%, transparent)}.hero__media{width:100%}.avatar{--size:clamp(180px, 32vw, 320px);width:var(--size);aspect-ratio:1;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff08}.avatar:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:conic-gradient(from 180deg,#f5c,#00e0ff,#55ffda,#f5c);border-radius:50%;padding:3px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(farthest-side,#000 98%,#0000),radial-gradient(farthest-side,#000 100%,#0000);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@supports not ((-webkit-mask-composite:xor) or (mask-composite:exclude)){.avatar{border:3px solid #00d1ff}.avatar:before{display:none}}.avatar img{object-fit:cover;border-radius:50%;width:calc(100% - 8px);height:calc(100% - 8px);display:block}@media (prefers-reduced-motion:reduce){.btn{transition:none}}