@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(./instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2")}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(./caveat-latin-500-normal-B9SDL8cy.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(./jetbrains-mono-latin-600-normal-C8RAYTDA.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(./noto-naskh-arabic-arabic-400-normal-U_i0HMfG.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(./noto-naskh-arabic-arabic-600-normal-G5n5bgdQ.woff2)format("woff2")}:root{--ink:#2a211b;--ink-soft:#2a211b9e;--paper:#f8f4ee;--accent:#e0682f;--label-ink:#2a211b;--label-glow:#fff6e800;--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--sans:"Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--hand:"Caveat", "Bradley Hand", cursive;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--arabic:"Noto Naskh Arabic", "Geeza Pro", serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#14110f;margin:0;overflow:hidden}button{font:inherit;color:inherit}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#gl{touch-action:none;width:100%;height:100%;transition:opacity .5s,filter .6s;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#gl.hot{cursor:pointer}#vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#0a060361 100%);position:absolute;top:0;bottom:0;left:0;right:0}#grain{pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}#brand{color:var(--label-ink);pointer-events:none;z-index:3;transition:color .8s;position:absolute;top:22px;left:26px}.brand-name{font-family:var(--serif);letter-spacing:.01em;font-size:24px;line-height:1}.brand-role{letter-spacing:.14em;text-transform:uppercase;opacity:.62;margin-top:6px;font-size:11px}#site-link{letter-spacing:.08em;color:var(--label-ink);opacity:.7;border:1px solid color-mix(in srgb, var(--label-ink) 22%, transparent);z-index:3;border-radius:99px;padding:8px 12px;font-size:12px;text-decoration:none;transition:opacity .2s,background .2s,color .8s;position:absolute;top:24px;right:26px}#site-link:hover{opacity:1;background:color-mix(in srgb, var(--label-ink) 8%, transparent)}#labels{pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;left:0;right:0}.anchored{will-change:transform;transition:opacity .6s;position:absolute;top:0;left:0}#headline{text-align:center;transform-origin:50% 100%;color:var(--label-ink);transition:color .8s,opacity .5s}#headline h1{font-family:var(--serif);letter-spacing:-.01em;white-space:nowrap;text-shadow:0 0 30px var(--label-glow);margin:0;font-size:clamp(34px,4.4vw,68px);font-weight:400;line-height:1}#headline .sub{letter-spacing:.22em;text-transform:uppercase;opacity:.6;margin:10px 0 0;font-size:12px}#headline .arrow{width:44px;height:66px;margin:6px auto 0;animation:2.4s ease-in-out infinite bob;display:block}.arrow path,.arrow2 path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.draw{stroke-dasharray:200;stroke-dashoffset:200px;animation:draw 1.4s .6s var(--ease-out) forwards}.draw.head{animation-duration:.5s;animation-delay:1.6s}@keyframes draw{to{stroke-dashoffset:0}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}#freetime{color:var(--label-ink);transition:color .8s,opacity .5s}#freetime .hand{font-family:var(--hand);white-space:nowrap;font-size:clamp(22px,2.1vw,32px);display:block;transform:rotate(-4deg)}#freetime .arrow2{width:88px;height:60px;margin:2px 0 0 30%;display:block}#freetime .arrow2 .draw{animation-delay:1.9s}#freetime .arrow2 .draw.head{animation-delay:2.9s}body.night{--label-ink:#f1e6d6;--label-glow:#ffd6a040}body.diving #labels,body.diving #timebar,body.diving #brand,body.diving #site-link,body.focus #labels{opacity:0;pointer-events:none}#labels,#timebar,#brand,#site-link{transition:opacity .5s,color .8s}#tooltip{z-index:4;pointer-events:none;color:#fbf3e8;letter-spacing:.01em;-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .18s ease, transform .25s var(--ease-out);white-space:nowrap;background:#18120ec7;border-radius:99px;align-items:center;gap:8px;padding:7px 12px 7px 10px;font-size:12.5px;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-100%)translateY(6px)scale(.96);box-shadow:0 8px 30px #00000040}#tooltip.show{opacity:1;transform:translate(-50%,-100%)translateY(-10px)scale(1)}#tooltip .dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse;box-shadow:0 0 0 4px #e0682f40}@keyframes pulse{50%{box-shadow:0 0 0 7px #e0682f00}}#hotspots{pointer-events:none;z-index:3;position:absolute;top:0;bottom:0;left:0;right:0}.hotspot{pointer-events:none;opacity:0;background:0 0;border:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.hotspot:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 6px #e0682f8c}body.touch .hotspot{pointer-events:auto}body.touch .hotspot:after{content:"";background:#ffffffd9;border-radius:50%;animation:2.2s infinite tap;position:absolute;top:15px;bottom:15px;left:15px;right:15px;box-shadow:0 0 #fff9}body.touch .hotspot{opacity:1}@keyframes tap{0%{box-shadow:0 0 #ffffff8c}70%,to{box-shadow:0 0 0 14px #fff0}}#timebar{z-index:5;-webkit-backdrop-filter:blur(14px)saturate(1.2);color:#2a211b;background:#fffaf26b;border:1px solid #ffffff59;border-radius:99px;align-items:center;gap:10px;padding:8px 10px 8px 12px;display:flex;position:absolute;bottom:20px;left:22px;box-shadow:0 6px 24px #1e12081f}body.night #timebar{color:#efe4d4;background:#1c181e80;border-color:#ffffff1a}.tb-icon{background:#f4b440;border-radius:50%;flex:none;width:16px;height:16px;transition:all .6s;box-shadow:0 0 10px #f4b440cc}body.night .tb-icon{background:0 0;transform:rotate(-20deg);box-shadow:inset -5px -2px #f0e4c8}#time-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:150px;height:18px}#time-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#1d2336 0%,#3b3a5c 20%,#f2a65a 27%,#fff1d6 50%,#f2a65a 72%,#3b3a5c 80%,#1d2336 100%);border-radius:2px;height:2px}#time-slider::-moz-range-track{background:linear-gradient(90deg,#1d2336 0%,#3b3a5c 20%,#f2a65a 27%,#fff1d6 50%,#f2a65a 72%,#3b3a5c 80%,#1d2336 100%);border-radius:2px;height:2px}#time-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #00000026;border-radius:50%;width:14px;height:14px;margin-top:-6px;transition:transform .2s;box-shadow:0 2px 8px #00000040}#time-slider:active::-webkit-slider-thumb{transform:scale(1.25)}#time-slider::-moz-range-thumb{background:#fff;border:1px solid #00000026;border-radius:50%;width:14px;height:14px}#time-label{font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;min-width:132px;font-size:12px}#time-label b{font-weight:600}#time-live{cursor:pointer;letter-spacing:.04em;opacity:0;pointer-events:none;background:#0000000f;border:0;border-radius:99px;padding:4px 9px;font-size:11px;transition:opacity .3s}body.night #time-live{background:#ffffff1a}#time-live.show{opacity:1;pointer-events:auto}#flash{opacity:0;pointer-events:none;z-index:20;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}#flash.go{animation:.7s ease-out flash}@keyframes flash{0%{opacity:0}8%{opacity:.92}to{opacity:0}}#loader{z-index:50;background:#17120f;place-items:center;transition:opacity .9s,visibility .9s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#loader.done{opacity:0;visibility:hidden}.ld-inner{text-align:center;color:#e9dccb}.ld-mark{background:var(--accent);width:54px;height:40px;animation:hop 1s var(--ease-out) infinite;border-radius:6px;margin:0 auto 18px;position:relative}.ld-mark span{background:#1a120d;width:6px;height:12px;position:absolute;top:12px}.ld-mark span:first-child{left:14px}.ld-mark span:last-child{right:14px}@keyframes hop{0%,to{transform:translateY(0)scale(1.05,.95)}45%{transform:translateY(-16px)scale(.96,1.05)}}.ld-text{font-family:var(--serif);font-size:22px}.ld-bar{background:#ffffff1a;border-radius:2px;width:160px;height:2px;margin:16px auto 0;overflow:hidden}.ld-bar i{background:var(--accent);width:0;height:100%;transition:width .3s;display:block}#fallback{z-index:60;background:#f3ebe0;place-items:center;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.fb-card{background:#fff;border-radius:20px;max-width:560px;padding:32px;box-shadow:0 20px 60px #00000014}.fb-card h2{font-family:var(--serif);margin:0 0 8px;font-size:32px;font-weight:400}.fb-card li{margin:6px 0}#modal-root{pointer-events:none;z-index:12;position:absolute;top:0;bottom:0;left:0;right:0}.modal-scrim{opacity:0;pointer-events:auto;background:radial-gradient(80% 80%,#0c08051f,#0c080580);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.modal-scrim.show{opacity:1}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(1.3);color:var(--ink);opacity:0;transition:opacity .45s var(--ease-out), transform .6s var(--ease-out);background:#faf5eeeb;border:1px solid #fff9;border-radius:22px;position:absolute;transform:translateY(18px)scale(.97);box-shadow:0 30px 80px #140a0459,inset 0 2px #fff9}.panel.show{opacity:1;transform:none}.panel .x{cursor:pointer;width:34px;height:34px;transition:background .2s, transform .3s var(--ease-spring);z-index:2;background:#0000000f;border:0;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:12px;right:12px}.panel .x:hover{background:#0000001f;transform:rotate(90deg)}.panel .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.panel h2{font-family:var(--serif);margin:4px 0 6px;font-size:38px;font-weight:400;line-height:1.05}.panel p.lead{color:var(--ink-soft);margin:0;font-size:14px}.ph-tag{letter-spacing:.12em;text-transform:uppercase;color:#b4501f;background:#e0682f1f;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:600;display:inline-block}.panel.photos{width:min(1100px,94vw);padding:28px 0 26px;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-46%)scale(.97)}.panel.photos.show{transform:translate(-50%,-50%)}.panel.photos .hd{padding:0 32px 18px}.strip{height:300px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.strip-track{will-change:transform;gap:18px;height:100%;display:flex;position:absolute;top:0;left:0}.photo{width:240px;height:290px;transition:transform .4s var(--ease-out);background:#fff;border-radius:4px;flex:none;padding:10px 10px 40px;position:relative;box-shadow:0 10px 30px #0000002e}.photo:nth-child(odd){transform:rotate(-1.6deg)}.photo:nth-child(2n){transform:rotate(1.4deg)translateY(6px)}.photo:hover{z-index:2;transform:rotate(0)scale(1.04)translateY(-4px)}.photo .img{border-radius:2px;width:100%;height:100%;overflow:hidden}.photo .img svg,.photo .img img{object-fit:cover;width:100%;height:100%;display:block}.photo .cap{font-family:var(--hand);color:#3a3029;justify-content:space-between;align-items:baseline;font-size:20px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.photo .cap small{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#b4501f;font-size:9px}.strip-ctrl{justify-content:center;gap:8px;margin-top:14px;display:flex}.strip-ctrl button{cursor:pointer;background:#0000000f;border:0;border-radius:99px;padding:6px 12px;font-size:12px}.panel.langs{width:min(1080px,94vw);max-height:90vh;padding:30px 32px;top:50%;left:50%;overflow:auto;transform:translate(-50%,-46%)scale(.97)}.panel.langs.show{transform:translate(-50%,-50%)}.lang-grid{perspective:1000px;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;display:grid}.lang-card{opacity:0;transform-origin:0;transition:transform .25s var(--ease-out), box-shadow .25s;background:#fff;border-radius:14px;position:relative;overflow:hidden;transform:rotateY(-30deg)translateY(20px);box-shadow:0 1px #0000000a,0 10px 30px #28140514}.lang-card.in{animation:cardIn .8s var(--ease-out) forwards}@keyframes cardIn{0%{opacity:0;transform:rotateY(-40deg)translateY(30px)}to{opacity:1;transform:none}}.lang-card:hover{box-shadow:0 1px #0000000a,0 18px 40px #28140526}.lc-chrome{background:#f1ece5;border-bottom:1px solid #e7e0d6;align-items:center;gap:6px;padding:8px 10px;display:flex}.lc-chrome i{background:#d9d0c4;border-radius:50%;width:7px;height:7px}.lc-url{color:#7a6d60;font-size:10.5px;font-family:var(--mono);background:#fff;border-radius:6px;flex:1;margin-left:6px;padding:3px 8px}.lc-body{padding:14px 16px 16px}.lc-mast{border-bottom:2px solid var(--a);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.lc-logo{font-family:var(--serif);font-size:20px}.lc-nav{letter-spacing:.1em;color:#8b7f72;text-transform:uppercase;gap:8px;font-size:9px;display:flex}.lc-kicker{letter-spacing:.14em;color:var(--a);font-size:10px;font-weight:700}.lc-title{font-family:var(--serif);margin:4px 0 6px;font-size:21px;line-height:1.12}.lc-text{color:#5d5249;margin:0;font-size:12.5px;line-height:1.5}.lc-foot{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.lc-lang{font-size:12px;font-weight:600}.lc-level{letter-spacing:.1em;text-transform:uppercase;background:color-mix(in srgb, var(--a) 12%, white);color:var(--a);border-radius:99px;padding:3px 8px;font-size:10px}.lang-card[dir=rtl] .lc-title,.lang-card[dir=rtl] .lc-text,.lang-card[dir=rtl] .lc-kicker,.lang-card[dir=rtl] .lc-logo{font-family:var(--arabic)}.lang-card[dir=rtl] .lc-title{font-size:19px;line-height:1.45}.lang-card.next{box-shadow:none;text-align:left;background:repeating-linear-gradient(-45deg,#fbf7f1,#fbf7f1 10px,#f5efe6 10px 20px);border:1.5px dashed #d8c9b4;flex-direction:row;grid-column:1/-1;justify-content:center;align-items:center;gap:22px;min-height:96px;padding:16px 24px;display:flex}.lang-card.next .tz,.lang-card.next .lock,.lang-card.next .dots i{margin-top:0}.lang-card.next .fr{font-family:var(--serif);background:linear-gradient(90deg,#2b4c9b 0 33%,#9a9a9a 33% 66%,#d8423a 66%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:46px;line-height:1}.lang-card.next .tz{font-family:var(--hand);color:#6d5f52;margin-top:6px;font-size:26px}.lang-card.next .lock{letter-spacing:.12em;text-transform:uppercase;color:#9c8d7c;margin-top:10px;font-size:11px}.lang-card.next .dots i{background:#c9b9a4;border-radius:50%;width:5px;height:5px;margin:10px 3px 0;animation:1.4s infinite blinkdot;display:inline-block}.lang-card.next .dots i:nth-child(2){animation-delay:.2s}.lang-card.next .dots i:nth-child(3){animation-delay:.4s}@keyframes blinkdot{0%,to{opacity:.2}50%{opacity:1}}.panel.city{width:min(380px,92vw);padding:14px 14px 18px;top:50%;right:max(4vw,24px);transform:translate(20px,-50%)scale(.97)}.panel.city.show{transform:translateY(-50%)}.city-photo{border-radius:14px;height:230px;position:relative;overflow:hidden}.city-photo svg,.city-photo img{object-fit:cover;width:100%;height:100%;display:block}.city-photo .ph-tag{background:#ffffffd9;position:absolute;top:10px;left:10px}.city-body{padding:14px 6px 0}.city-body h2{margin:0;font-size:44px}.city-meta{color:var(--ink-soft);align-items:center;gap:10px;margin-top:2px;font-size:13px;display:flex}.city-meta .cc{letter-spacing:.1em;color:#fff;background:#2a211b;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:700}.city-coords{font-family:var(--mono);color:#9a8b7b;margin-top:10px;font-size:11px}.city-actions{gap:8px;margin-top:14px;display:flex}.btn{cursor:pointer;color:#fff;transition:transform .2s var(--ease-spring), background .2s;background:#2a211b;border:0;border-radius:99px;padding:10px 16px;font-size:13px;font-weight:600}.btn:hover{transform:translateY(-1px)}.btn.ghost{color:var(--ink);background:#0000000f}.visited{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.visited span{color:#6b5d50;background:#0000000d;border-radius:99px;padding:4px 8px;font-size:11px;transition:background .3s,color .3s}.visited span.on{background:var(--accent);color:#fff}#race-hud{z-index:11;pointer-events:none;opacity:0;font-family:var(--mono);align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;top:9vh;left:50%;transform:translate(-50%)}#race-hud.show{opacity:1}#race-hud .pill{color:#fff;letter-spacing:.06em;background:#100e0dd1;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex;box-shadow:0 10px 30px #0000004d}#race-hud .pill b{color:#fc3;font-weight:700}#race-hud .lights{gap:6px;display:flex}#race-hud .lights i{background:#3a1512;border-radius:50%;width:14px;height:14px;transition:background .1s;box-shadow:inset 0 0 0 2px #1a0a08}#race-hud .lights i.on{background:#ff2a1a;box-shadow:0 0 12px #ff2a1a}#race-hud .lights.go i{background:#2fe06a;box-shadow:0 0 12px #2fe06a}#race-hud .flag{background:conic-gradient(#111 25%, #fff 0 50%, #111 0 75%, #fff 0) 0 0 / 8px 8px;transform-origin:0;border-radius:2px;width:34px;height:22px;animation:.4s ease-in-out infinite alternate wave}@keyframes wave{0%{transform:skewY(-6deg)scaleX(.95)}to{transform:skewY(6deg)scaleX(1.02)}}@media (max-width:900px){.lang-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.lang-grid{grid-template-columns:1fr}}@media (max-width:720px){#brand{top:16px;left:16px}.brand-name{font-size:20px}#site-link{padding:6px 10px;top:16px;right:16px}#timebar{bottom:14px;left:50%;transform:translate(-50%)}#time-slider{width:110px}#time-label{min-width:0}.panel.city{width:calc(100vw - 32px);top:auto;bottom:16px;right:50%;transform:translate(50%,20px)}.panel.city.show{transform:translate(50%)}.city-photo{height:160px}.strip{height:240px}.photo{width:190px;height:232px}}@media (prefers-reduced-motion:reduce){#grain,#headline .arrow,.ld-mark{animation:none}.draw{animation-duration:10ms;animation-delay:0s!important}}#fallback[hidden]{display:none}#desktop{z-index:30;opacity:0;visibility:hidden;transition:opacity .55s ease, transform .9s var(--ease-out), visibility .55s;color:#f7efe6;font-family:var(--sans);-webkit-user-select:none;user-select:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;transform:scale(1.035)}#desktop.show{opacity:1;visibility:visible;transform:none}.os-wall{background:radial-gradient(60% 50% at 78% 92%,#ff96508c,#0000 70%),radial-gradient(50% 45% at 12% 85%,#d65c4073,#0000 70%),radial-gradient(70% 60% at 50% -10%,#505ca08c,#0000 70%),linear-gradient(175deg,#141726 0%,#24203a 38%,#4a2c3e 66%,#a4503a 92%,#d77b45 100%);position:absolute;top:0;bottom:0;left:0;right:0}.os-wall:before{content:"";opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%23ffd9b0' stroke-width='.8' opacity='.6'%3E%3Cpath d='M0 420 C120 380 200 460 320 420 S520 360 600 400'/%3E%3Cpath d='M0 450 C120 410 200 490 320 450 S520 390 600 430'/%3E%3Cpath d='M0 480 C120 440 200 520 320 480 S520 420 600 460'/%3E%3Cpath d='M0 510 C120 470 200 550 320 510 S520 450 600 490'/%3E%3Cpath d='M0 540 C120 500 200 580 320 540 S520 480 600 520'/%3E%3C/g%3E%3C/svg%3E");background-position:bottom;background-size:1200px 1200px;animation:60s linear infinite drift;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes drift{to{background-position:1200px bottom}}.os-wall:after{content:"";filter:blur(8px);background:radial-gradient(circle,#ffc4788c,#ff8c462e 45%,#0000 70%);border-radius:50%;width:70vh;height:70vh;animation:8s ease-in-out infinite sunpulse;position:absolute;bottom:-34vh;left:50%;transform:translate(-50%)}@keyframes sunpulse{50%{opacity:.85;transform:translate(-50%)scale(1.05)}}.os-bar{-webkit-backdrop-filter:blur(24px)saturate(1.4);z-index:50;background:#14101852;align-items:center;gap:18px;height:34px;padding:0 14px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.os-bar .logo{background:var(--accent);border-radius:2px;width:16px;height:12px;position:relative}.os-bar .logo:before,.os-bar .logo:after{content:"";background:#1a120d;width:2px;height:4px;position:absolute;top:3px}.os-bar .logo:before{left:4px}.os-bar .logo:after{right:4px}.os-bar .who{font-weight:600}.os-bar .menu{opacity:.78;gap:16px;display:flex}.os-bar .spacer{flex:1}.os-bar .clock{font-variant-numeric:tabular-nums;opacity:.9}.os-bar .status{opacity:.8;align-items:center;gap:10px;display:flex}.os-bar .status svg{width:15px;height:15px}.os-back{z-index:5;-webkit-backdrop-filter:blur(16px);color:#fff;cursor:pointer;transition:background .2s, transform .3s var(--ease-spring);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:8px;padding:9px 14px 9px 10px;font-size:13px;display:flex;position:absolute;top:48px;left:18px}.os-back:hover{background:#fff3;transform:translate(-2px)}.os-back kbd{font-family:var(--mono);background:#ffffff24;border-radius:4px;padding:2px 5px;font-size:10px}.os-hero{text-align:center;pointer-events:none;position:absolute;top:13vh;left:0;right:0}.os-hero .eyebrow{letter-spacing:.26em;text-transform:uppercase;opacity:.7;font-size:11px}.os-hero h1{font-family:var(--serif);letter-spacing:-.015em;text-shadow:0 10px 50px #00000040;margin:10px 0 8px;font-size:clamp(48px,7vw,104px);font-weight:400;line-height:.95}.os-hero h1 em{color:#ffc89a;font-style:italic}.os-hero p{opacity:.78;margin:0;font-size:15px}.os-icons{grid-template-columns:repeat(4,168px);gap:26px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-18%)}.os-icon{all:unset;cursor:pointer;text-align:center;perspective:600px;border-radius:24px;outline:none;flex-direction:column;align-items:center;gap:14px;padding:6px;display:flex}.os-icon .tile{width:128px;height:128px;transform-style:preserve-3d;transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);box-shadow:0 18px 40px -10px var(--glow), 0 2px 0 #ffffff59 inset, 0 -10px 30px #0000002e inset;background:var(--bg);border-radius:32px;position:relative;overflow:hidden}.os-icon .tile:before{content:"";border-radius:inherit;mix-blend-mode:soft-light;background:linear-gradient(160deg,#ffffff8c,#fff0 42%);position:absolute;top:0;bottom:0;left:0;right:0}.os-icon .tile:after{content:"";border-radius:inherit;border:1px solid #ffffff59;position:absolute;top:0;bottom:0;left:0;right:0}.os-icon .shine{background:radial-gradient(circle at var(--mx,50%) var(--my,30%), #ffffff8c, transparent 35%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;top:-40%;bottom:-40%;left:-40%;right:-40%}.os-icon:hover .shine{opacity:.7}.os-icon:focus-visible .shine{opacity:.7}.os-icon:hover .tile{box-shadow:0 28px 60px -12px var(--glow), 0 2px 0 #ffffff73 inset, 0 -10px 30px #0000002e inset}.os-icon:focus-visible .tile{box-shadow:0 28px 60px -12px var(--glow), 0 2px 0 #ffffff73 inset, 0 -10px 30px #0000002e inset}.os-icon:focus-visible .tile{outline-offset:4px;outline:2px solid #fff}.os-icon .glyph{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateZ(30px)}.os-icon .glyph svg{width:76px;height:76px;overflow:visible}.os-icon .t{letter-spacing:-.005em;text-shadow:0 2px 12px #00000059;font-size:15px;font-weight:600}.os-icon .s{opacity:.7;margin-top:-9px;font-size:12px}.os-icon .open-dot{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;margin-top:-8px;transition:opacity .3s}.os-icon.running .open-dot{opacity:.9}.os-icon[data-hue=amber]{--bg:linear-gradient(150deg, #ffcf7a, #f08a3c 55%, #c4522a);--glow:#f08a3cb3}.os-icon[data-hue=teal]{--bg:linear-gradient(150deg, #8ff0dc, #2bb3a3 55%, #11717a);--glow:#2bb3a3a6}.os-icon[data-hue=violet]{--bg:linear-gradient(150deg, #d6b8ff, #8a63f0 55%, #4b33b0);--glow:#8a63f0a6}.os-icon[data-hue=rose]{--bg:linear-gradient(150deg, #ffc1cf, #f0647e 55%, #a83252);--glow:#f0647ea6}.g-anim{transition:transform .6s var(--ease-spring);transform-box:fill-box;transform-origin:50%}.os-icon:hover .ga-1{transform:translateY(-6px)}.os-icon:focus-visible .ga-1{transform:translateY(-6px)}.os-icon:hover .ga-2{transform:translateY(5px)}.os-icon:focus-visible .ga-2{transform:translateY(5px)}.os-icon:hover .ga-spin{transform:rotate(90deg)scale(1.1)}.os-icon:focus-visible .ga-spin{transform:rotate(90deg)scale(1.1)}.os-icon:hover .ga-grow{transform:scaleY(1.25)}.os-icon:focus-visible .ga-grow{transform:scaleY(1.25)}.ga-grow{transform-origin:bottom}.os-icon .flow{stroke-dasharray:4 5;animation:1s linear infinite paused flow}.os-icon:hover .flow{animation-play-state:running}@keyframes flow{to{stroke-dashoffset:-18px}}.os-hint{font-family:var(--hand);opacity:.8;pointer-events:none;animation:hintIn 1s 1.2s both var(--ease-out);align-items:center;gap:10px;font-size:24px;display:flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}@keyframes hintIn{0%{opacity:0;transform:translate(-50%,10px)}}.os-dock{-webkit-backdrop-filter:blur(24px)saturate(1.5);z-index:45;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:22px;gap:10px;padding:9px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.dock-item{all:unset;cursor:pointer;background:var(--bg,#fff3);width:46px;height:46px;transition:transform .35s var(--ease-spring);border-radius:13px;place-items:center;display:grid;position:relative;box-shadow:inset 0 2px #ffffff4d}.dock-item:hover{transform:translateY(-8px)scale(1.12)}.dock-item:focus-visible{transform:translateY(-8px)scale(1.12)}.dock-item svg{width:26px;height:26px}.dock-item .tip{white-space:nowrap;opacity:0;pointer-events:none;background:#141018d9;border-radius:7px;padding:4px 9px;font-size:11.5px;transition:all .2s;position:absolute;bottom:60px;left:50%;transform:translate(-50%)translateY(4px)}.dock-item:hover .tip{opacity:1;transform:translate(-50%)}.dock-item:focus-visible .tip{opacity:1;transform:translate(-50%)}.dock-item .run{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:-6px;left:50%}.dock-item.running .run{opacity:.85}.dock-sep{background:#fff3;width:1px;margin:6px 2px}.dock-item[data-hue=amber]{--bg:linear-gradient(150deg, #ffcf7a, #f08a3c 55%, #c4522a)}.dock-item[data-hue=teal]{--bg:linear-gradient(150deg, #8ff0dc, #2bb3a3 55%, #11717a)}.dock-item[data-hue=violet]{--bg:linear-gradient(150deg, #d6b8ff, #8a63f0 55%, #4b33b0)}.dock-item[data-hue=rose]{--bg:linear-gradient(150deg, #ffc1cf, #f0647e 55%, #a83252)}.win{color:#251d17;transform-origin:50%;will-change:transform;-webkit-user-select:text;user-select:text;background:#fbf8f3;border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 40px 100px #00000073,0 0 0 1px #0000001f,inset 0 1px #fffc}.win.inactive{box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000001a}.win.inactive .win-bar{opacity:.85}.win.max{width:calc(100% - 20px)!important;height:calc(100% - 128px)!important;top:44px!important;left:10px!important}.win-bar{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#f4efe8,#ece6dd);border-bottom:1px solid #e0d8cc;flex:none;align-items:center;gap:12px;height:42px;padding:0 14px;display:flex}.win-bar:active{cursor:grabbing}.lights{gap:8px;display:flex}.lights button{cursor:pointer;border:0;border-radius:50%;width:13px;height:13px;padding:0;position:relative;box-shadow:inset 0 0 0 .5px #0003}.lights .c{background:#ff5f57}.lights .m{background:#febc2e}.lights .z{background:#28c840}.lights button:after{content:"";color:#0009;opacity:0;place-items:center;font-size:9px;font-weight:700;line-height:13px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.lights:hover .c:after{content:"×";opacity:1}.lights:hover .m:after{content:"–";opacity:1}.lights:hover .z:after{content:"+";opacity:1}.win-title{text-align:center;color:#4a3f36;flex:1;justify-content:center;align-items:center;gap:8px;margin-right:52px;font-size:13px;font-weight:600;display:flex}.win-title i{background:var(--bg);border-radius:5px;width:16px;height:16px;display:inline-block}.win-body{flex:1;position:relative;overflow:auto}.win-tools{align-items:center;gap:8px;display:flex}.chip{color:#6b5d50;white-space:nowrap;background:#0000000d;border-radius:99px;padding:4px 9px;font-size:11px}.chip.demo{color:#b4501f;letter-spacing:.04em;background:#fff1e0;font-weight:600}.replay{cursor:pointer;color:#fff;transition:transform .2s var(--ease-spring);background:#251d17;border:0;border-radius:99px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.replay:hover{transform:translateY(-1px)}.app-head{justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 24px 8px;display:flex}.app-head h3{font-family:var(--serif);margin:0;font-size:30px;font-weight:400;line-height:1.05}.app-head p{color:#7a6b5d;margin:4px 0 0;font-size:13px}.board{grid-template-columns:repeat(5,1fr);gap:10px;padding:8px 24px 6px;display:grid}.stage{background:#f2ece3;border-radius:10px;min-height:132px;padding:8px;position:relative;overflow:hidden}.stage h5{letter-spacing:.1em;text-transform:uppercase;color:#8b7b6b;justify-content:space-between;margin:0 0 6px;font-size:10.5px;display:flex}.stage .bar{background:var(--accent);width:0;height:3px;transition:width 1.2s var(--ease-out);position:absolute;bottom:0;left:0}.deal{background:#fff;border-radius:7px;margin-bottom:6px;padding:7px 8px;font-size:11px;box-shadow:0 1px 2px #0000000f,0 4px 10px #0000000a}.deal b{font-size:11.5px;display:block}.deal span{color:#8b7b6b;font-size:10.5px}.deal.fly{z-index:2;border-left:3px solid var(--accent);width:calc(100% - 16px);position:absolute}.tools{grid-template-columns:repeat(2,1fr);gap:12px;padding:14px 24px 24px;display:grid}.tool{transition:transform .3s var(--ease-out), box-shadow .3s;background:#fff;border-radius:14px;gap:14px;padding:14px;display:flex;box-shadow:0 1px #0000000a,0 8px 24px #2814050f}.tool:hover{transform:translateY(-3px);box-shadow:0 1px #0000000a,0 16px 34px #2814051a}.tool .mk{color:#fff;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid}.tool h4{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.tool p{color:#6b5d50;margin:4px 0 8px;font-size:12.5px;line-height:1.45}.tool .tags{flex-wrap:wrap;gap:5px;display:flex}.tool.home{outline:2px solid var(--accent);outline-offset:-2px}.tool .home-b{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:9.5px;font-weight:700}.facts{flex-wrap:wrap;gap:10px;padding:0 24px 22px;display:flex}.fact{font-family:var(--serif);background:#f2ece3;border-radius:12px;padding:8px 14px;font-size:22px}.flow-wrap{padding:0 16px;position:relative}.flow-svg{width:100%;height:auto;display:block}.fnode{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.6)}.fnode.in{animation:nodeIn .55s var(--ease-spring) forwards}@keyframes nodeIn{to{opacity:1;transform:none}}.fnode rect.ncard{fill:#fff;stroke:#e5ddd1;stroke-width:1px;filter:drop-shadow(0 6px 10px #2814051a)}.fnode.hot rect.ncard{stroke:var(--accent);stroke-width:1.5px}.fnode text{font-family:var(--sans)}.fnode .t1{fill:#251d17;font-size:13px;font-weight:600}.fnode .t2{fill:#8b7b6b;font-size:10.5px}.fedge{fill:none;stroke:#c9bba8;stroke-width:2px}.fedge.live{stroke:#b6a690;stroke-dasharray:5 7;animation:.9s linear infinite dash}.fedge.loop{stroke:#d9a074}@keyframes dash{to{stroke-dashoffset:-24px}}.flabel{fill:#6b5d50;opacity:0;font-size:11px;font-weight:700;font-family:var(--sans);transition:opacity .4s}.flabel.in{opacity:1}.packet{filter:drop-shadow(0 0 4px)}.flow-foot{color:#7a6b5d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 24px 18px;font-size:12px;display:flex}.run-dot{background:#28c840;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.4s infinite runp;display:inline-block;box-shadow:0 0 #28c84080}@keyframes runp{70%{box-shadow:0 0 0 7px #28c84000}}.counter{font-family:var(--mono);color:#251d17;font-weight:600}.ai-grid{grid-template-columns:1fr 1fr;gap:14px;padding:10px 24px 14px;display:grid}.term{color:#e8e2f5;font-family:var(--mono);background:#17141f;border-radius:12px;height:300px;padding:14px 16px;font-size:12px;line-height:1.6;position:relative;overflow:hidden;box-shadow:0 10px 30px #140a2840}.term .ln{white-space:pre-wrap;word-break:break-word}.term .p{color:#a78bfa}.term .ok{color:#4ade80}.term .dim{color:#8b84a3}.term .kw{color:#f472b6}.term .str{color:#fcd34d}.term .fn{color:#60a5fa}.term .cursor{vertical-align:-2px;background:#e8e2f5;width:7px;height:14px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.spin{animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.preview{background:#fff;border-radius:12px;flex-direction:column;height:300px;display:flex;overflow:hidden;box-shadow:0 10px 30px #2814051f}.pv-chrome{background:#f1ece5;align-items:center;gap:6px;padding:8px 10px;display:flex}.pv-chrome i{background:#d9d0c4;border-radius:50%;width:8px;height:8px}.pv-chrome span{color:#7a6d60;font-size:10.5px;font-family:var(--mono);background:#fff;border-radius:6px;flex:1;margin-left:6px;padding:3px 8px}.pv-body{background:linear-gradient(#faf7ff,#fff);flex:1;padding:16px;position:relative}.pv-el{opacity:0;transition:opacity .5s var(--ease-out), transform .6s var(--ease-out);transform:translateY(10px)}.pv-el.in{opacity:1;transform:none}.pv-head{justify-content:space-between;align-items:center;display:flex}.pv-logo{align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.pv-logo i{background:linear-gradient(135deg,#8a63f0,#f0647e);border-radius:6px;width:18px;height:18px}.pv-lang{color:#6b5d8a;border:1px solid #e4dcf3;border-radius:99px;padding:2px 8px;font-size:10px}.pv-h{font-family:var(--serif);margin:14px 0 10px;font-size:26px;line-height:1.05}.pv-field{color:#a39bb5;background:#fff;border:1px solid #e4dcf3;border-radius:8px;align-items:center;height:30px;margin-bottom:8px;padding:0 10px;font-size:11px;display:flex}.pv-btn{color:#fff;background:#251d17;border-radius:8px;place-items:center;height:32px;margin-top:4px;font-size:12px;font-weight:600;display:grid}.pv-toast{background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:11.5px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 10px 30px #00000026}.pv-toast b{color:#16a34a}.ai-tools{flex-wrap:wrap;align-items:center;gap:8px;padding:0 24px;display:flex}.ai-tools .chip{color:#5b3fc4;background:#efe9fb;font-weight:600}.certs{gap:12px;padding:14px 24px 22px;display:flex;overflow-x:auto}.cert{background:linear-gradient(150deg,#fffdf8,#f6efe2);border:1.5px dashed #d8c9b4;border-radius:14px;flex:none;width:230px;padding:14px;position:relative;overflow:hidden}.cert .seal{color:#6b4a10;background:conic-gradient(#e7b84a,#c88a2a,#e7b84a,#f5d98a,#e7b84a);border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;display:grid;box-shadow:0 2px 6px #9664144d}.cert h5{margin:10px 0 2px;font-size:14px}.cert p{color:#7a6b5d;margin:0;font-size:11.5px}.cert .ribbon{background:var(--accent);color:#fff;letter-spacing:.14em;padding:3px 34px;font-size:9px;font-weight:700;position:absolute;top:14px;right:-30px;transform:rotate(35deg)}.dash{grid-template-columns:repeat(4,1fr);gap:12px;padding:6px 22px 22px;display:grid}.kpi{opacity:0;background:#fff;border-radius:14px;padding:14px;transform:translateY(14px);box-shadow:0 1px #0000000a,0 8px 22px #2814050f}.kpi.in{animation:up .6s var(--ease-out) forwards}@keyframes up{to{opacity:1;transform:none}}.kpi .l{color:#8b7b6b;letter-spacing:.04em;font-size:11px}.kpi .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:26px;font-weight:700}.kpi .d{color:#16a34a;font-size:11px;font-weight:600}.kpi svg{width:100%;height:26px;margin-top:6px}.card{opacity:0;background:#fff;border-radius:14px;padding:14px 16px;transform:translateY(14px);box-shadow:0 1px #0000000a,0 8px 22px #2814050f}.card.in{animation:up .6s var(--ease-out) forwards}.card h6{color:#6b5d50;justify-content:space-between;margin:0 0 10px;font-size:12px;font-weight:600;display:flex}.c-line,.c-funnel{grid-column:span 2}.c-bars{grid-column:span 4}.funnel-row{grid-template-columns:70px 1fr 54px;align-items:center;gap:10px;margin-bottom:9px;font-size:12px;display:grid}.funnel-row .track{background:#f4eee6;border-radius:6px;height:22px;overflow:hidden}.funnel-row .fill{width:0;height:100%;transition:width 1.1s var(--ease-out);background:linear-gradient(90deg,#f0647e,#f08a3c);border-radius:6px}.funnel-row .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.funnel-row .pct{color:#9a8b7b;font-size:10.5px;font-weight:500;display:block}.line-svg,.bars-svg{width:100%;display:block}.bars-svg rect.b{transform-box:fill-box;transform-origin:bottom;transition:transform .9s var(--ease-spring);transform:scaleY(0)}.bars-svg rect.b.in{transform:scaleY(1)}.legend{color:#8b7b6b;gap:12px;font-size:11px;font-weight:500;display:flex}.legend i{vertical-align:middle;border-radius:2px;width:10px;height:3px;margin-right:4px;display:inline-block}@media (max-width:900px){.os-icons{grid-template-columns:repeat(2,140px);gap:18px;transform:translate(-50%,-30%)}.os-icon .tile{border-radius:26px;width:100px;height:100px}.os-icon .glyph svg{width:58px;height:58px}.os-hero{top:104px}.os-hero h1{font-size:46px}.os-hero .eyebrow{font-size:9.5px}.os-bar{gap:10px;font-size:11.5px}.os-bar .who{white-space:nowrap;text-overflow:ellipsis;max-width:46vw;overflow:hidden}.os-bar .status{display:none}.app-head{flex-direction:column;align-items:flex-start;padding:16px 16px 6px}.app-head h3{font-size:26px}.win-tools{flex-wrap:wrap}.flow-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.flow-svg{min-width:880px}.flow-foot{padding:6px 16px 16px}.board,.tools,.facts,.ai-grid,.ai-tools,.certs{padding-left:16px;padding-right:16px}.dash{padding:6px 14px 16px}.kpi .v{font-size:20px}.os-hint,.os-bar .menu{display:none}.win{right:8px;width:calc(100% - 16px)!important;height:calc(100% - 120px)!important;top:44px!important;left:8px!important}.board{grid-template-columns:repeat(5,120px);overflow-x:auto}.tools,.ai-grid{grid-template-columns:1fr}.dash{grid-template-columns:repeat(2,1fr)}.c-line,.c-funnel,.c-bars{grid-column:span 2}}
