.brand-stage{position:relative}.brand-stage-mark{position:relative;width:var(--mark-w,200px);aspect-ratio:314/229}.brand-mark{position:absolute;inset:0;width:100%;height:100%;color:var(--color-text-primary);transition:opacity .6s var(--ease-standard)}.brand-mark[data-state=hidden]{opacity:0;transition-duration:var(--duration-fast)}.brand-mark[data-state=dim]{opacity:.32}.brand-mark[data-state=lit]{filter:drop-shadow(0 0 2px rgb(153 194 255/.45)) drop-shadow(0 0 36px rgb(21 120 247/.38))}.brand-stage-field{position:absolute;left:-75%;top:-60%;width:250%;height:220%;pointer-events:none;transition:opacity .7s var(--ease-standard)}.brand-stage-field[data-faded]{opacity:0}@media (max-width:63.999rem){.brand-stage-field{top:-40%;height:180%}}.brand-stage-glow{position:absolute;left:50%;top:50%;width:calc(var(--mark-w, 200px) * 3.2);aspect-ratio:1.35;translate:-50% -50%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-cobalt-450) 30%,transparent),color-mix(in srgb,var(--color-cobalt-700) 14%,transparent) 55%,transparent);opacity:.5;transition:opacity 1.2s var(--ease-standard)}.brand-stage-glow[data-lit]{opacity:1}@media (prefers-reduced-motion:no-preference){.brand-stage[data-await] .brand-mark{opacity:0;animation:brand-reveal .4s 3s both}.brand-stage[data-await] .brand-stage-glow{opacity:.5}}@keyframes brand-reveal{0%{opacity:0}to{opacity:1}}.brand-stage-control{position:absolute;right:0;bottom:0;display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9999px;border:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-canvas) 70%,transparent);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-moderate) var(--ease-standard)}.brand-stage-control:hover{color:var(--color-text-primary);border-color:var(--color-border-input)}.brand-stage-control[data-rest]:not(:focus-visible){opacity:0;pointer-events:none}@media (pointer:coarse){.brand-stage-control{width:44px;height:44px}}.brand-stage-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgb(255 255 255/.07) 1px,transparent 0);background-size:24px 24px;mask-image:radial-gradient(closest-side,black,transparent)}@media (min-width:64rem){.gate-card{background:var(--color-stage);border:1px solid var(--color-stage-line);border-radius:var(--radius-stage);box-shadow:inset 0 1px 0 rgb(255 255 255/.05)}}.code-cells{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.code-cells input{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:text}.code-cell{display:flex;height:56px;align-items:center;justify-content:center;border:1px solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-primary);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.code-cells[data-focused] .code-cell[data-active]{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 25%,transparent)}.code-cells[data-invalid] .code-cell{border-color:var(--color-danger-fg)}@media (forced-colors:active){.code-cell{border-color:CanvasText}.code-cells:has(input:focus-visible){outline:2px solid Highlight;outline-offset:4px}}.code-cells[data-focused] .code-cell[data-active]:empty:after{content:"";width:1.5px;height:24px;background:var(--color-text-primary);animation:code-caret 1s steps(1) 4}@keyframes code-caret{50%{opacity:0}}