@font-face{font-family:Space;src:url("fonts/SpaceGrotesk.ttf") format("truetype");font-weight:300 700;font-display:swap}
@font-face{font-family:Proto;src:url("fonts/0xProto.woff2") format("woff2");font-display:swap}
:root{--head:Space,system-ui,sans-serif;--mono:Proto,monospace;--ice:#d5f9fa;--rose:#f2c5d9}
.hero h1{font-weight:620;letter-spacing:-.083em;font-size:clamp(44px,9.4vw,135px);line-height:.88;text-shadow:0 0 32px #afcf9b42}
.section-top h2,.profile h2{font-weight:620;letter-spacing:-.07em}
.record h3{font-weight:610;letter-spacing:-.055em}
.optical{position:relative}
.optical-lens{position:absolute;inset:0;pointer-events:none;border-radius:inherit;backdrop-filter:blur(12px) saturate(1.12);background:linear-gradient(151deg,#efffff45,transparent 36%,#f1b9d627 82%,#fff8);box-shadow:inset 0 1px 2px #fff8,inset 0 -1px 2px #eebbd24d}
.optical>:not(.optical-lens){position:relative;z-index:1}
.mast nav{backdrop-filter:none;background:#c1edda0d;box-shadow:0 4px 16px #01070352}
.mast nav .optical-lens{background:linear-gradient(155deg,#efffff32,#b8d5c208 50%,#ecc7d321)}
.launch-field{position:relative;display:grid;place-items:center;margin-top:22px;min-width:290px;padding:9px 15px}
.launch-field::before{content:"";position:absolute;inset:-10px -28px;pointer-events:none;background:repeating-linear-gradient(105deg,transparent 0 17px,#c7f5ef35 18px 19px,transparent 20px 23px),radial-gradient(ellipse at 38% 52%,#76c4bb46,transparent 60%),radial-gradient(ellipse at 73% 54%,#deb7d848,transparent 57%);mask-image:radial-gradient(ellipse,#000 13%,transparent 73%)}
.launch{margin-top:0;background:#c3f4ee32;border-color:#dcfff3ba;color:#f4fffb;box-shadow:0 8px 28px #02070385,0 0 22px #b8ffe32f}
.launch:hover{background:#d8fff448;color:white;box-shadow:0 0 27px #bbffe851}
.launch .optical-lens{background:linear-gradient(155deg,#eaffff69,#a6d7cb21 34%,#141f1b66 55%,#e7c2dc53)}
.launch .border-slot,.launch .glare-slot{position:absolute}
.launch b{text-shadow:0 1px 6px #000}
.catalog a[aria-current]{background:linear-gradient(145deg,#d7f4de39,#638e6234);color:#f0ffe5;box-shadow:inset 0 0 0 1px #d6efcb65}
.stages{border-radius:20px;padding:6px;background:#b5ddcb11}
.stages .optical-lens{background:linear-gradient(175deg,#d5f7e82c,#abcbce08 55%,#f7c5d720)}
.stages button[aria-pressed=true]::after{display:none}
.stages button[aria-pressed=true]{background:linear-gradient(#ddfbef3b,#77a48955);border-color:#d6f8e296}
.craft{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:20px 0}
.craft li{display:flex;align-items:center;gap:8px;border-radius:999px;border:1px solid #c4e6c52f;padding:7px 11px;background:linear-gradient(135deg,#d1f1da21,#121d1370);font-size:12px}
.craft img{width:15px;height:15px;filter:invert(93%) sepia(31%) saturate(370%) hue-rotate(107deg)}
@media(max-width:720px){.hero h1{font-size:clamp(37px,10.5vw,72px)}.launch-field{min-width:0}.stages{border-radius:15px}}
.dot-slot,.matrix-slot,.launch-field{overflow:clip}
.launch-field{overflow-clip-margin:8px}
@media(max-width:420px){.mast{gap:5px}.mast nav{flex:none}.mast nav a{padding-inline:5px}.launch-field::before{inset:-8px 0}}