:root{--ink:#16181d;--plum:#5b5bd6;--blush:#f2b8c6;--tomato:#e5484d;--butter:#f2c14e;--mint:#7dcfa3;--sky:#8bb9ea;--grape:#7b4dff;--bubblegum:#f472b6;--cobalt:#3d7bff;--aqua:#57e3d8;--leaf:#4ade80;--lemon:#facc15;--cherry:#f0524f;--snow:#f5f5f5;--purple:#4f29b7;--violet:#a380ff;--cyan:#57e3d8;--orange:#f4a664;--bg:#0e0b18;--surface:#161225;--raised:#1e1833;--edge:#342c4e;--fg:#ededed;--muted:#9a93b3;--accent:var(--violet);--display:"JetBrains Mono", "IBM Plex Sans Arabic", ui-monospace, monospace;--body:"IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--mono:"JetBrains Mono", "IBM Plex Sans Arabic", ui-monospace, monospace;--gutter:clamp(16px, 3vw, 40px);--radius:14px;--radius-sm:10px;--line:2px solid var(--edge);--dot:#a380ff8c;--spring:cubic-bezier(.3, 1.6, .5, 1);--cap:0 5px 0 0 #0a0812, 0 5px 0 2px var(--edge);--cap-down:0 2px 0 0 #0a0812, 0 2px 0 2px var(--edge)}:lang(ar){--display:"IBM Plex Sans Arabic", "JetBrains Mono", system-ui, sans-serif;--body:"IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Sans Arabic", "JetBrains Mono", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg);scroll-padding-top:90px}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60rem 28rem at 50% -8rem,#4f29b761,#0000 70%),radial-gradient(30rem 20rem at 0 110%,#57e3d814,#0000 70%),radial-gradient(26rem 18rem at 100% 100%,#f4a6640f,#0000 70%);position:fixed;inset:0}body.is-locked{overflow:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--purple);color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.wrap{width:100%;padding-inline:var(--gutter)}.section{padding-block:clamp(64px,9vw,120px)}.display{font-family:var(--display);letter-spacing:-.06em;font-weight:800;line-height:1.08}.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.eyebrow{color:var(--violet);align-items:center;gap:.6em;margin:0 0 14px;display:inline-flex}.eyebrow:before{content:"//";color:var(--orange);font-weight:700}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;margin-bottom:clamp(28px,4vw,48px);display:flex}.section-head h2{margin:0;font-size:clamp(2.4rem,6vw,4.6rem)}.section-head>p{max-width:34ch;color:var(--muted);margin:0}.section-head>p strong{color:var(--fg)}.section-pad{padding:clamp(72px, 10vw, 140px) var(--gutter)}.pill{--lift:4px;--pill-bg:var(--surface);--pill-edge:var(--edge);--pill-fg:var(--fg);isolation:isolate;border-radius:var(--radius-sm);color:var(--pill-fg);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;translate:var(--lift) calc(var(--lift) * -1);transition:translate .22s var(--spring), color .2s;background:0 0;border:0;align-items:center;gap:.55em;padding:.85em 1.35em;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex;position:relative}.pill:before,.pill:after{content:"";z-index:-1;border:2px solid var(--pill-edge);border-radius:inherit;pointer-events:none;transition:translate .22s var(--spring), border-color .2s, background-color .2s;position:absolute;inset:0}.pill:before{translate:calc(var(--lift) * -1) var(--lift);background:radial-gradient(var(--dot) 30%, transparent 32%) 0 0 / 6px 6px var(--bg)}.pill:after{background-color:var(--pill-bg)}@media (hover:hover){.pill:hover{--lift:6px;--pill-edge:var(--violet)}}.pill:active{--lift:1px}.pill--solid{--pill-bg:var(--purple);--pill-edge:var(--cyan);--pill-fg:#fff;--dot:var(--cyan)}.pill--accent{--pill-bg:var(--cyan);--pill-edge:var(--cyan);--pill-fg:var(--bg);--dot:var(--cyan)}@media (hover:hover){.pill--accent:hover{--pill-edge:#fff}}.roll{height:1.2em;line-height:1.2;display:inline-block;overflow:hidden}.roll__inner{flex-direction:column;display:flex}.roll__inner>span{height:1.2em;display:block}.char{width:100%;height:auto;overflow:visible}.char .eye{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite blink}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.char .sun__rays{transform-origin:100px 100px;animation:24s linear infinite spin}.sticker{filter:drop-shadow(4px 5px #0000008c)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1.5px solid;border-radius:6px;padding:3px 9px;font-size:.7rem;font-weight:700;line-height:1.3;display:inline-block}.cursor{vertical-align:-.12em;background:currentColor;width:.55em;height:1em;margin-inline-start:.1em;animation:1.05s step-end infinite cursor;display:inline-block}@keyframes cursor{50%{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:lang(ar){letter-spacing:0!important}.load-error{min-height:100vh;padding:0 var(--gutter);text-align:center;color:var(--muted);place-content:center;gap:8px;display:grid}.load-error .mono{color:var(--fg);font-weight:700}.badge-mark{flex-shrink:0;height:auto;overflow:visible}.badge-mark text{font-family:var(--mono);font-size:26px;font-weight:700}.shelf{flex-wrap:wrap;gap:18px 14px;margin:0;padding:0;list-style:none;display:flex}.shelf__slot{text-align:center;flex-direction:column;align-items:center;gap:8px;width:84px;display:flex;position:relative}.shelf__art{aspect-ratio:1;width:64px;color:inherit;font:inherit;background:0 0;border:0;padding:0;display:block;position:relative}button.shelf__art{cursor:help;border-radius:50%}button.shelf__art:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.shelf__badge .badge-mark{transition:translate .25s var(--spring)}.shelf__slot.is-active .shelf__badge .badge-mark{translate:0 -4px}.shelf__why{z-index:5;border:var(--line);border-color:var(--orange);border-radius:var(--radius-sm);background:var(--raised);text-align:start;pointer-events:none;flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex;position:absolute;bottom:calc(100% - 4px);box-shadow:4px 5px #00000080}.shelf__why-head{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.62rem;display:flex}.shelf__why-text{color:var(--fg);font-size:.85rem;line-height:1.4}.shelf__why-arrow{border-right:var(--line);border-bottom:var(--line);border-color:var(--orange);background:var(--raised);width:12px;height:12px;margin:-5px 0 0 -6px;position:absolute;top:100%;rotate:45deg}@media (prefers-reduced-motion:reduce){.shelf__badge .badge-mark{transition:none}}.shelf__trace,.shelf__badge{display:block;position:absolute;inset:0}.shelf__badge .badge-mark{filter:drop-shadow(3px 4px #00000080)}.shelf__ring{border:2px solid var(--orange);pointer-events:none;border-radius:50%;position:absolute;inset:0}.badge-trace{fill:none;width:100%;height:auto;stroke:var(--muted);stroke-width:3px;stroke-linejoin:round;stroke-dasharray:7 6;opacity:.6;animation:1.6s linear infinite trace;display:block;overflow:visible}.badge-trace__plus{stroke-dasharray:none;stroke-linecap:round;opacity:.7}@keyframes trace{to{stroke-dashoffset:-26px}}.shelf__name{color:var(--fg);font-size:.62rem;line-height:1.3}.shelf__slot--open .shelf__name{color:var(--muted)}