:root{--font-display-ltr: "Labrada", "Fraunces", Georgia, serif;--font-body-ltr: "Labrada", "IBM Plex Mono", monospace;--font-display-rtl: "Rakkas", "Amiri", serif;--font-body-rtl: "IBM Plex Sans Arabic", "IBM Plex Mono", sans-serif}:root,[data-theme=light]{--bg: #f4f1ea;--bg-tint: #ece8de;--line: rgba(20, 20, 20, .07);--line-strong: rgba(20, 20, 20, .18);--ink: #1a1a1c;--ink-dim: #6a665e;--accent: #a8742a;--accent-glow: rgba(168, 116, 42, .12);--v1: #8a6a86;--v1-glow: rgba(138, 106, 134, .12);--v2: #4f7f8c;--v2-glow: rgba(79, 127, 140, .12);--v3: var(--accent);--v3-glow: var(--accent-glow);--noise-opacity: .8;--grid-mask-opacity: 1;color-scheme:light}[data-theme=dark]{--bg: #0d0d10;--bg-tint: #17171b;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .16);--ink: #f2f0ea;--ink-dim: rgba(242, 240, 234, .55);--accent: #cf9a4c;--accent-glow: rgba(207, 154, 76, .16);--v1: #b193ad;--v1-glow: rgba(177, 147, 173, .16);--v2: #7fb4c0;--v2-glow: rgba(127, 180, 192, .16);--v3: var(--accent);--v3-glow: var(--accent-glow);--noise-opacity: .5;color-scheme:dark}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font-body-ltr);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .35s ease,color .35s ease}html[lang=ar] body{font-family:var(--font-body-rtl)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 35%,transparent 80%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:var(--noise-opacity)}.stage{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:28px clamp(20px,5vw,56px);gap:32px}.top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);animation:rise .8s ease-out both}.mark{display:flex;align-items:center;gap:12px}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent-glow);animation:pulse 2.2s ease-in-out infinite;flex-shrink:0}.top-controls{display:flex;align-items:center;gap:14px}.top-controls .coord{white-space:nowrap}.lang-toggle{font-family:inherit;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);background:transparent;border:1px solid var(--line-strong);padding:6px 11px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.lang-toggle:hover{color:var(--ink);background:var(--bg-tint)}.settings-menu{position:relative}.settings-trigger{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-dim);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.settings-trigger:hover{color:var(--ink);background:var(--bg-tint)}.settings-dropdown{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:152px;background:var(--bg);border:1px solid var(--line-strong);box-shadow:0 12px 32px #0000002e;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:20;animation:dropdown-in .16s ease-out both}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;color:var(--ink-dim);font-family:inherit;font-size:12px;letter-spacing:.02em;text-align:start;cursor:pointer;transition:background .15s ease,color .15s ease}.settings-option:hover{background:var(--bg-tint);color:var(--ink)}.settings-option.active{color:var(--accent)}.settings-icon{display:flex;color:var(--accent);flex-shrink:0}.main{display:grid;place-items:center;text-align:center;gap:48px;padding:24px 0}.copy{max-width:640px;animation:rise 1s ease-out .15s both}.status-tag{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border:1px solid var(--line-strong);background:var(--accent-glow);color:var(--accent);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:26px}.status-tag:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}h1{font-family:var(--font-display-ltr);font-variation-settings:"opsz" 96,"SOFT" 30,"WONK" 1;font-weight:380;font-size:clamp(38px,6.2vw,68px);line-height:1.04;letter-spacing:-.025em;color:var(--ink);margin-bottom:18px}html[lang=ar] h1{font-family:var(--font-display-rtl);font-weight:500;letter-spacing:0}h1 em{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 90,"WONK" 1;color:var(--accent);font-weight:360}html[lang=ar] h1 em{font-style:normal;font-weight:700}.lede{font-size:14.5px;line-height:1.8;color:var(--ink-dim);max-width:480px;margin:0 auto}.lede strong{color:var(--ink);font-weight:500}.rig{position:relative;width:min(880px,92vw);animation:rise 1.1s ease-out .35s both}.mechanism{display:flex;justify-content:center;margin-bottom:-14px}.gear-wrap{position:relative;width:clamp(88px,9vw,116px);aspect-ratio:1}.gear-wrap:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle,var(--accent-glow),transparent 60%);filter:blur(18px);z-index:-1}.gear{width:100%;height:100%;animation:spin 36s linear infinite}.gear-inner{position:absolute;top:28%;right:28%;bottom:28%;left:28%;animation:spin 14s linear infinite reverse}.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-strong);border:1px solid var(--line-strong)}.panel{position:relative;background:var(--bg);padding:26px 22px 20px;text-align:start;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:background .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}.panel:hover{background:var(--bg-tint);transform:translateY(-3px)}.panel:before{content:"";position:absolute;top:0;inset-inline-start:0;width:18px;height:1px;background:var(--pc)}.p-tag{display:inline-flex;align-items:center;gap:7px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--pc);margin-bottom:20px}.p-dot{width:5px;height:5px;border-radius:50%;background:var(--pc);flex-shrink:0}.p-dot.live{box-shadow:0 0 8px var(--pc-glow);animation:pulse 1.6s ease-in-out infinite}.p-ver{font-family:var(--font-display-ltr);font-variation-settings:"opsz" 60,"WONK" 1;font-weight:420;font-size:40px;line-height:1;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px}html[lang=ar] .p-ver{font-family:var(--font-display-rtl);font-weight:700;font-size:26px}.p-title{font-size:11.5px;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:4px;text-transform:uppercase}html[lang=ar] .p-title{text-transform:none;letter-spacing:0;font-size:13px}.p-desc{font-size:12px;line-height:1.7;color:var(--ink-dim);margin-bottom:22px;flex:1}.p-domain{font-size:11px;letter-spacing:.02em;color:var(--ink);border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.p-arrow{opacity:0;transform:translate(-3px,3px);transition:opacity .25s,transform .25s;color:var(--pc)}html[dir=rtl] .p-arrow{transform:translate(3px,3px)}.panel:hover .p-arrow{opacity:1;transform:translate(0)}.s1{--pc: var(--v1);--pc-glow: var(--v1-glow)}.s2{--pc: var(--v2);--pc-glow: var(--v2-glow)}.s3{--pc: var(--v3);--pc-glow: var(--v3-glow)}.rig-caption{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-top:14px;padding:0 2px}html[lang=ar] .rig-caption{text-transform:none;letter-spacing:.05em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);animation:rise .8s ease-out .8s both}html[lang=ar] .foot{text-transform:none;letter-spacing:.04em}.foot .lines{display:flex;gap:4px}.foot .lines span{display:block;width:14px;height:1px;background:var(--line-strong)}.foot .lines span:first-child{background:var(--accent)}@media (max-width: 720px){.stage{padding:24px 18px}.top{font-size:10px}.top-controls .coord{display:none}.panels{grid-template-columns:1fr}.panel:hover{transform:none}.main{gap:36px}h1{font-size:clamp(32px,9vw,48px)}.foot{font-size:9px;gap:12px;flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion: reduce){.gear,.gear-inner,.dot,.status-tag:before,.p-dot.live{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}