.hero{min-height:calc(100svh - 70px);padding:0 var(--gutter) 24px;grid-template-rows:auto 1fr auto;gap:20px;display:grid;position:relative;overflow-x:clip}.hero-head{justify-content:space-between;align-items:start;gap:32px;margin-top:clamp(8px,2svh,24px);display:flex}.hero h1{font:800 clamp(22px, 2.1vw, 32px)/1.08 var(--sans);letter-spacing:-.02em;max-width:24ch}.hero-who{color:var(--muted);font:500 13px/1.6 var(--mono);text-align:right;max-width:30ch}.hero-stage{place-items:center;min-height:0;display:grid;position:relative}.hero-stage:before{content:"";z-index:-1;background:radial-gradient(55% 48% at 50% 55%, var(--glow) 0%, var(--bg-2) 45%, var(--bg) 100%);pointer-events:none;position:absolute;inset:-10% -20%}.hero-foot{justify-content:space-between;align-items:end;gap:24px;display:flex}.hero-hint{color:var(--muted);font:500 12px/1.6 var(--mono);max-width:46ch}.hero-hint strong{font:800 40px/1 var(--sans);color:var(--ink);letter-spacing:-.03em;display:block}.hero-ctas{gap:10px;display:flex}.on-touch{display:none}@media (hover:none){.on-pointer{display:none}.on-touch{display:inline}}.ring-grid{perspective:1600px;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,28px);width:min(1100px,100%);margin:0;padding:0;list-style:none;display:grid}.ring-grid li{transform:rotateX(8deg) rotateY(calc((var(--i) - 1.5) * -3deg));transition:transform .4s var(--ease)}.ring-grid li:nth-child(n+5){transform:rotateX(-6deg) rotateY(calc((var(--i) - 5.5) * -3deg))}.ring-grid a{text-decoration:none;display:block}.ring-grid li:hover,.ring-grid li:focus-within{z-index:1;transform:scale(1.06)}.ring-grid-name{font:500 12px/1.3 var(--mono);color:var(--muted);margin-top:8px;display:block}.ring-grid li:hover .ring-grid-name{color:var(--ink)}@media (max-width:700px){.hero{min-height:calc(100svh - 64px)}.hero-head{flex-direction:column;gap:10px}.hero-who{text-align:left}.ring-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ring-grid li,.ring-grid li:nth-child(n+5){transform:none}.ring-grid li:nth-child(n+5){display:none}.hero-foot{flex-direction:column;align-items:stretch;gap:14px}.hero-hint strong{margin-right:6px;font-size:22px;display:inline}.hero-ctas{flex-direction:column}}.hero-head,.hero-foot{z-index:2;pointer-events:none;position:relative}.hero-head a,.hero-foot a{pointer-events:auto}.ring{place-items:center;width:100%;display:grid;position:relative}.ring-fallback{width:100%;transition:opacity .5s var(--ease), visibility .5s;place-items:center;display:grid}.ring[data-phase=ready] .ring-fallback{opacity:0;visibility:hidden}.ring-layer{inset:-18svh calc(-1 * var(--gutter));z-index:1;opacity:0;transition:opacity .8s var(--ease);position:absolute}.ring[data-phase=ready] .ring-layer{opacity:1}.ring-layer canvas{display:block}.ring-keys{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;list-style:none;position:absolute;overflow:hidden}.ring-keys:focus-within{clip:auto;z-index:20;background:var(--bg);border:1px solid var(--line);width:auto;height:auto;font:500 13px/1.6 var(--mono);border-radius:12px;gap:4px;padding:12px;display:grid;position:fixed;bottom:16px;left:16px}.ring-tip{z-index:20;pointer-events:none;background:var(--accent);color:var(--ink);font:500 13px/1 var(--mono);white-space:nowrap;opacity:0;border-radius:99px;padding:10px 12px;transition:opacity .15s;position:fixed;top:0;left:0}.ring-tip.on{opacity:1}.ring-tip b{font-weight:600}