:root{color-scheme:dark;--ink: #221b3a;--panel: #2e2650;--panel2: #3a3163;--line: #4a4180;--deep: #191430;--console: #0f0c20;--locked: #28214a;--cream: #fff6e9;--text-strong: #efe8fd;--dim: #d3c9f2;--locked-text: #9a8fc4;--sunny: #ffc94d;--sunny-shadow: #c99527;--coral: #ff7a6e;--mint: #5de1a5;--mint-shadow: #35a972;--sky: #6ec1ff;--grape: #c58bff;--font-ui: "Fredoka", system-ui, sans-serif;--font-code: "JetBrains Mono", ui-monospace, monospace;--r: 18px;--r-sm: 12px;--r-md: 14px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 22px;--duration-fast: .12s;--duration-normal: .3s;--ease-pop: cubic-bezier(.2, .9, .3, 1.2)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink);scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);font-family:var(--font-ui);font-size:17px;line-height:1.55;overflow-x:hidden}img{max-width:100%}code{font-family:var(--font-code);font-size:.92em;background:var(--deep);border:1px solid var(--line);border-radius:6px;padding:1px 6px;white-space:nowrap}pre code{background:none;border:0;padding:0;white-space:pre;font-size:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--sunny);outline-offset:3px;border-radius:6px}.btn{display:inline-block;font-weight:700;text-decoration:none;border-radius:var(--r-md);padding:11px 20px;transition:transform .08s;white-space:nowrap}.btn-primary{background:var(--sunny);color:var(--ink);box-shadow:0 4px 0 var(--sunny-shadow)}.btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sunny-shadow)}.btn-ghost{background:var(--panel2);color:var(--cream);border:2px solid var(--line)}.btn-ghost:hover{border-color:var(--sunny)}.btn-lg{font-size:1.08rem;padding:15px 28px}.btn-sm{font-size:.9rem;padding:9px 14px}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:14px clamp(16px,4vw,48px);background:#221b3aeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:1.3rem;letter-spacing:.5px;text-decoration:none}.brand span{color:var(--sunny)}.nav nav{display:flex;gap:20px;margin-left:auto}.nav nav a{color:var(--dim);text-decoration:none;font-weight:600;font-size:.95rem}.nav nav a:hover{color:var(--cream)}main{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.section{padding:clamp(64px,9vw,120px) 0;border-top:1px solid var(--line)}.eyebrow{color:var(--sunny);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;margin-bottom:12px}h1{font-size:clamp(2.4rem,7vw,4.6rem);line-height:1.02;font-weight:700;letter-spacing:-.02em}h1 em{font-style:normal;color:var(--sunny)}h2{font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.12;font-weight:700;max-width:22ch}h3{font-size:1.12rem;font-weight:700}.lede,.section-lede{color:#e4dbf8;font-size:clamp(1.02rem,1.5vw,1.18rem);max-width:56ch;margin-top:18px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(48px,7vw,96px) 0 clamp(40px,6vw,80px)}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.fineprint{color:var(--dim);font-size:.88rem;margin-top:16px}.hero-demo{background:var(--panel);border:2px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 24px 60px #00000073}.demo-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--panel2);border-bottom:1px solid var(--line)}.dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.dot:first-child{background:var(--coral)}.dot:nth-child(2){background:var(--sunny)}.dot:nth-child(3){background:var(--mint)}.demo-title{margin-left:auto;font-size:.8rem;color:var(--dim);font-weight:600}.demo-code{margin:0;padding:18px 20px;font-family:var(--font-code);font-size:.98rem;line-height:1.75;background:var(--deep);overflow-x:auto}.demo-code .k{color:var(--grape)}.demo-code .f{color:var(--sky)}.demo-code .n{color:var(--mint)}.demo-code .s{color:var(--sunny)}.demo-track{position:relative;height:210px;background:radial-gradient(circle at 78% 22%,rgba(110,193,255,.14),transparent 55%),#171230;border-top:1px solid var(--line)}.road{position:absolute;background:var(--panel2);border-radius:3px}.road-a{left:18%;top:30%;width:58%;height:13px}.road-b{left:71%;top:30%;width:13px;height:46%}.road-c{left:18%;top:70%;width:58%;height:13px}.car{position:absolute;width:20px;height:9px;margin-top:2px;border-radius:3px;background:#ff4d4d;box-shadow:0 0 14px #ff4d4dbf;animation:lap 7s ease-in-out infinite}@keyframes lap{0%{left:19%;top:30%;transform:rotate(0)}30%{left:69%;top:30%;transform:rotate(0)}36%{left:69%;top:30%;transform:rotate(90deg)}58%{left:69%;top:70%;transform:rotate(90deg)}64%{left:69%;top:70%;transform:rotate(180deg)}90%,to{left:19%;top:70%;transform:rotate(180deg)}}.flag{position:absolute;left:15%;top:66%;font-size:1.3rem}.demo-note{padding:14px 20px 18px;color:var(--dim);font-size:.9rem}.strip{display:flex;flex-wrap:wrap;gap:clamp(20px,5vw,64px);justify-content:space-between;padding:26px clamp(20px,4vw,40px);background:var(--panel);border:2px solid var(--line);border-radius:var(--r)}.strip div{display:flex;align-items:baseline;gap:10px}.strip b{font-size:1.9rem;color:var(--sunny);line-height:1}.strip span{color:var(--dim);font-weight:600;font-size:.92rem}.primm{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:42px;counter-reset:step}.primm li{background:var(--panel);border:2px solid var(--line);border-radius:var(--r);padding:20px 18px;position:relative}.primm li:nth-child(1){border-top:4px solid var(--sky)}.primm li:nth-child(2){border-top:4px solid var(--mint)}.primm li:nth-child(3){border-top:4px solid var(--sunny)}.primm li:nth-child(4){border-top:4px solid var(--grape)}.primm li:nth-child(5){border-top:4px solid var(--coral)}.step-n{font-family:var(--font-code);color:var(--dim);font-size:.8rem}.primm h3{margin:6px 0 8px}.primm p{color:var(--dim);font-size:.92rem}.zones{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.zone{background:var(--panel);border:2px solid var(--line);border-radius:var(--r);padding:24px 22px;transition:transform .14s,border-color .14s}.zone:hover{transform:translateY(-4px);border-color:var(--sunny)}.zone-wide{grid-column:span 2;background:linear-gradient(135deg,var(--panel2),var(--panel))}.zone-ico{font-size:2rem;display:block;margin-bottom:10px}.zone h3{margin-bottom:8px}.zone p{color:var(--dim);font-size:.95rem}.section-split{display:grid;grid-template-columns:1fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}.ticks{list-style:none;margin-top:22px;display:grid;gap:12px}.ticks li{padding-left:30px;position:relative;color:#e4dbf8}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--mint);font-weight:700}.hintcard{background:var(--panel);border:2px solid var(--line);border-radius:var(--r);padding:22px}.hint-task{color:var(--text-strong);font-weight:600;margin-bottom:16px}.hint{display:grid;gap:3px;background:var(--panel2);border-left:4px solid var(--sky);border-radius:var(--r-sm);padding:12px 14px;margin-bottom:10px}.hint b{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--sky)}.hint span{font-size:.92rem;color:#e4dbf8}.hint.rung-2{border-left-color:var(--sunny)}.hint.rung-2 b{color:var(--sunny)}.hint.rung-3{border-left-color:var(--coral)}.hint.rung-3 b{color:var(--coral)}.tcards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}.tcards article{background:var(--panel);border:2px solid var(--line);border-radius:var(--r);padding:24px 22px}.tcards h3{color:var(--sunny);margin-bottom:8px}.tcards p{color:var(--dim);font-size:.95rem}.safety{margin-top:28px;background:#5de1a512;border:2px solid var(--mint);border-radius:var(--r);padding:26px}.safety h3{color:var(--mint);margin-bottom:6px}.finale{text-align:center;padding:clamp(72px,10vw,130px) 0;border-top:1px solid var(--line)}.finale h2{max-width:none;margin:0 auto}.finale p{color:var(--dim);margin:16px auto 30px;max-width:46ch}.foot{border-top:1px solid var(--line);padding:40px clamp(16px,4vw,48px) 60px;text-align:center;color:var(--dim);font-size:.9rem}.foot .brand{font-size:1.1rem;color:var(--cream);margin-bottom:10px}.foot p{max-width:52ch;margin:0 auto 10px}.foot-links{display:flex;gap:18px;justify-content:center;margin-top:16px}.foot-links a{color:var(--sunny);font-weight:600;text-decoration:none}.foot-links a:hover{text-decoration:underline}@media (max-width: 980px){.hero,.section-split{grid-template-columns:1fr}.primm,.zones,.tcards{grid-template-columns:repeat(2,1fr)}.zone-wide{grid-column:span 2}.nav nav{display:none}}@media (max-width: 560px){.nav{flex-wrap:wrap;gap:10px;padding:12px}.brand{font-size:1.1rem}.btn-sm{font-size:.8rem;padding:8px 10px}.nav .btn-primary{font-size:.85rem;padding:9px 13px}.primm,.zones,.tcards{grid-template-columns:1fr}.zone-wide{grid-column:span 1}.strip{gap:14px}.strip div{width:100%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.car{left:19%;top:70%}html{scroll-behavior:auto}}