:root{--bg:#0a0b0f;--bg-elev:#13151c;--bg-card:#15171f;--line:#262a36;--text:#e7e9ee;--muted:#9aa0ad;--faint:#7d8494;--accent:#c6ff3a;--accent-2:#7a5cff;--accent-dim:rgba(198,255,58,.12);--info:#4ad7ff;--warn:#ff9d3a;--good:#3affc0;--bad:#ff6a5c;--radius:14px;--maxw:1080px;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--sans:"Space Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}code{font-family:var(--mono);font-size:.85em}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}section{padding:90px 0;border-top:1px solid var(--line)}.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}h2{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.section-sub{color:var(--muted);margin-top:12px;max-width:60ch}nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{font-weight:700;letter-spacing:-.01em;font-size:1.05rem}.brand span{color:var(--accent)}.nav-links{display:flex;gap:28px;font-size:.92rem;align-items:center}.nav-links a{color:var(--muted);transition:color .15s}.nav-links a:hover{color:var(--text)}@media(max-width:680px){.nav-links{display:none}}.nav-item{position:relative;display:flex;align-items:center;height:62px}.nav-drop{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);display:flex;flex-direction:column;gap:2px;min-width:210px;background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;padding:8px;z-index:60;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s}.nav-item:hover .nav-drop,.nav-item:focus-within .nav-drop,.nav-item.open .nav-drop{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-drop a{padding:7px 12px;border-radius:6px;font-size:.85rem;white-space:nowrap;transition:color .15s,background .15s}.nav-drop a:hover{background:var(--bg-card);color:var(--text)}.feature,.card{scroll-margin-top:84px;border-radius:var(--radius)}@keyframes jumpGlow{0%{outline-color:transparent;box-shadow:0 0 0 0 transparent}18%{outline-color:var(--accent);box-shadow:0 0 40px 4px color-mix(in srgb,var(--accent) 22%,transparent)}to{outline-color:transparent;box-shadow:0 0 0 0 transparent}}.jump-glow{outline:2px solid transparent;outline-offset:12px;animation:jumpGlow 1.6s ease-out}@media(prefers-reduced-motion:reduce){.jump-glow{animation:none}}.hero{padding:120px 0 96px;border-top:none;position:relative}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 50% at 10% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%)}.constellations{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.constellations svg{position:absolute;transform:translate(-50%,-50%)}.cg-1{left:10%;top:16%;width:clamp(52px,7vw,96px);rotate:23deg}.cg-2{left:44%;top:10%;width:clamp(60px,8vw,112px);rotate:9deg}.cg-3{left:68%;top:15%;width:clamp(48px,6vw,88px);rotate:-20deg}.cg-4{left:15%;top:74%;width:clamp(56px,7vw,100px);rotate:40deg}.cg-5{left:89%;top:74%;width:clamp(50px,6.5vw,92px);rotate:-11deg}.cg-6{left:56%;top:78%;width:clamp(56px,7.5vw,104px);rotate:6deg}@media(max-width:760px){.cg-4{left:12%;top:34%}.cg-5{left:88%;top:28%}.cg-6{left:76%;top:42%}}.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.02}.hero h1 .accent{color:var(--accent)}.hero .lead{font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--muted);margin-top:22px;max-width:62ch}.hero .lead strong{color:var(--text);font-weight:600}.engine-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.badge{font-family:var(--mono);font-size:.8rem;border:1px solid var(--line);background:var(--bg-elev);padding:7px 13px;border-radius:999px;color:var(--text)}.badge b{color:var(--accent);font-weight:500}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.95rem;padding:13px 22px;border-radius:10px;border:1px solid var(--line);transition:transform .12s ease,border-color .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover{box-shadow:0 8px 30px -8px var(--accent)}.btn-ghost{background:var(--bg-elev);color:var(--text)}.btn-ghost:hover{border-color:var(--accent)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:64px}.feature:first-of-type{margin-top:44px}.feature.flip .feature-media{order:2}@media(max-width:820px){.feature,.feature.flip{grid-template-columns:1fr;gap:24px}.feature.flip .feature-media{order:0}}.feature-media img,.feature-media video{width:100%;aspect-ratio:16/10;border:none;border-radius:var(--radius);display:block;object-fit:cover;background:#000}.feature-media video{cursor:pointer}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.pill{font-family:var(--mono);font-size:.72rem;color:var(--muted);border:1px solid var(--line);padding:4px 9px;border-radius:6px}.role-tag{display:inline-block;font-family:var(--mono);font-size:.72rem;color:var(--accent);letter-spacing:.04em;margin-bottom:8px}.feature h3{font-size:clamp(1.3rem,3vw,1.55rem);font-weight:700;letter-spacing:-.01em;line-height:1.15}.feature p{color:var(--muted);margin-top:12px;font-size:1rem;max-width:62ch}.feature p .hl{color:var(--text)}.challenge{margin-top:14px;font-size:.92rem;color:var(--muted);max-width:62ch;border-left:2px solid var(--accent);padding:6px 0 6px 14px;background:var(--accent-dim);border-radius:0 8px 8px 0}.challenge b{color:var(--text)}.links-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:.9rem;align-items:center}.desktop-tag{display:none;font-family:var(--mono);font-size:.72rem;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent);padding:2px 9px;border-radius:6px;white-space:nowrap}@media(pointer:coarse),(max-width:680px){.desktop-tag{display:inline-block}}.links-row a,.links-row .muted{font-family:var(--mono);color:var(--accent);border-bottom:1px solid transparent;transition:border-color .15s}.links-row a:hover{border-color:var(--accent)}.links-row .muted{color:var(--faint);cursor:default;border-bottom:none}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px}@media(max-width:680px){.grid{grid-template-columns:1fr}}.grid .card.expanded{grid-column:1/-1}.grid .card.expanded:hover{transform:none}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .14s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card-body{padding:20px 22px}.card-body h3{font-size:1.18rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}.card-body .pill-row{margin:10px 0 12px}.card-body p{color:var(--muted);font-size:.92rem;max-width:65ch}.found-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}@media(max-width:820px){.found-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.found-grid{grid-template-columns:1fr}}.found{background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;padding:18px;transition:border-color .15s}.found:hover{border-color:var(--accent)}.found h3{font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}.found .tech{font-family:var(--mono);font-size:.68rem;color:var(--accent)}.found p{color:var(--muted);font-size:.85rem;margin-top:7px;max-width:65ch}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 48px;margin-top:44px}@media(max-width:680px){.skills-grid{grid-template-columns:1fr}}.skill-group h3{font-family:var(--mono);font-size:.78rem;letter-spacing:.18em;font-weight:600;text-transform:uppercase;color:var(--faint);margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--mono);font-size:.8rem;background:var(--bg-elev);border:1px solid var(--line);padding:6px 12px;border-radius:6px;color:var(--text)}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;margin-top:44px;align-items:start}@media(max-width:780px){.about-grid{grid-template-columns:1fr}}.about p{color:var(--muted);margin-bottom:16px;max-width:62ch}.about p strong{color:var(--text)}.facts{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}.facts .row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.92rem}.facts .row:last-child{border-bottom:none}.facts .row span{color:var(--faint)}.facts .row b{color:var(--text);font-weight:600;text-align:right}.contact{text-align:center}.contact h2{margin-bottom:16px}.contact p{color:var(--muted);max-width:46ch;margin:0 auto 28px}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--faint);font-size:.85rem}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{color:var(--muted)}footer a:hover{color:var(--accent)}.hero .wrap{position:relative;z-index:1}.dtc-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;display:block}.dtc-hitzone{position:absolute;z-index:2;touch-action:none;pointer-events:auto;cursor:crosshair;user-select:none;-webkit-user-select:none}.dtc-hud{position:absolute;right:24px;bottom:18px;z-index:2;pointer-events:none;font-family:var(--mono);font-size:.72rem;line-height:1.6;letter-spacing:.06em;color:var(--faint);text-align:right}.dtc-hud .dtc-status{color:var(--accent)}.dtc-hint{position:absolute;left:24px;bottom:18px;z-index:2;pointer-events:none;font-family:var(--mono);font-size:.72rem;color:var(--faint);letter-spacing:.06em;display:flex;flex-direction:column;gap:8px}.dtc-hint b{color:var(--accent);font-weight:500}.dtc-book-btn{pointer-events:auto;cursor:pointer;align-self:flex-start;font-family:var(--mono);font-size:.72rem;color:var(--muted);background:var(--bg-elev);border:1px solid var(--line);border-radius:6px;padding:5px 12px;transition:border-color .15s,color .15s}.dtc-book-btn:hover{border-color:var(--accent);color:var(--text)}.dtc-spellbook{position:absolute;left:24px;bottom:72px;z-index:3;pointer-events:auto;display:grid;grid-template-columns:repeat(4,minmax(96px,1fr));gap:10px;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:10px;padding:14px;max-width:480px}.dtc-spell-entry{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:1px solid transparent;border-radius:10px;padding:8px 6px;cursor:pointer;transition:border-color .15s,background .15s}.dtc-spell-entry:hover,.dtc-spell-entry:focus-visible{border-color:var(--accent-2);background:var(--bg-card)}.dtc-mini{width:58px;height:58px;display:block}.dtc-spell-name{font-family:var(--mono);font-size:.68rem;color:var(--text);letter-spacing:.03em;white-space:nowrap}.dtc-spell-sub{font-family:var(--mono);font-size:.62rem;color:var(--faint);word-break:break-all;line-height:1.3}.term-root .links-row{margin-top:14px}.term-play{font-family:var(--mono);font-size:.9rem;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;border-bottom:1px solid transparent;transition:border-color .15s}.term-play:hover{border-color:var(--accent)}.term{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden}.term-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg-elev);font-family:var(--mono);font-size:.68rem;color:var(--faint)}.term-restart{font-family:var(--mono);font-size:.68rem;color:var(--muted);background:none;border:1px solid var(--line);border-radius:6px;padding:3px 10px;cursor:pointer;transition:border-color .15s,color .15s}.term-restart:hover{border-color:var(--accent);color:var(--text)}.term-out{height:340px;overflow-y:auto;padding:12px 14px;font-family:var(--mono);font-size:.8rem;line-height:1.55;color:var(--text);white-space:pre-wrap;overscroll-behavior:contain}.term-echo{color:var(--accent)}.term-over{color:var(--faint);margin-top:8px}.term-in{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line);background:var(--bg-elev);font-family:var(--mono);font-size:.8rem;color:var(--accent);transition:border-color .15s}.term-in:focus-within{border-top-color:var(--accent)}.term-in input{flex:1;background:none;border:none;outline:none;font-family:var(--mono);font-size:.8rem;color:var(--text)}.term-enter{font-family:var(--mono);font-size:.68rem;color:var(--muted);background:none;border:1px solid var(--line);border-radius:6px;padding:3px 10px;cursor:pointer;transition:border-color .15s,color .15s}.term-enter:hover{border-color:var(--accent);color:var(--text)}.dtc-hint.dtc--below{left:50%;right:auto;transform:translate(-50%);bottom:14px;align-items:center;text-align:center;width:max-content;max-width:92vw}.dtc-hint.dtc--below .dtc-book-btn{align-self:center}.dtc-hud.dtc--below{left:50%;right:auto;transform:translate(-50%);bottom:74px;text-align:center;width:max-content;max-width:92vw}.dtc-hud.dtc--below .dtc-tagline{display:none}.dtc-actions.dtc--below{left:50%;right:auto;transform:translate(-50%);bottom:112px;width:max-content}.dtc-spellbook.dtc--below{left:50%;bottom:120px;transform:translate(-50%);width:min(92vw,480px);grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.dtc-actions{position:absolute;right:24px;bottom:96px;z-index:2;display:flex;gap:8px}.dtc-action{pointer-events:auto;cursor:pointer;font-family:var(--mono);font-size:.72rem;background:var(--bg-elev);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 14px;transition:border-color .15s,box-shadow .15s}.dtc-action:hover{border-color:var(--accent)}.dtc-action-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.dtc-action-primary:hover{box-shadow:0 6px 20px -8px var(--accent)}.found{position:relative}.found .try-btn{margin-top:12px;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:var(--accent);background:var(--accent-dim);border:1px solid transparent;border-radius:6px;padding:5px 11px;cursor:pointer;transition:border-color .15s}.found .try-btn:hover{border-color:var(--accent)}.sortrace-controls .try-btn{margin-top:0}.found.expanded{grid-column:1/-1}.found-demo{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.sortrace-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.sortrace-canvas{width:100%;border-radius:10px;background:var(--bg);display:block}.sortrace-note{font-family:var(--mono);font-size:.68rem;color:var(--faint);margin-top:8px}.tinypie textarea{width:100%;min-height:74px;resize:vertical;font-family:var(--mono);font-size:.85rem;line-height:1.6;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}.tinypie textarea:focus{border-color:var(--accent)}.tinypie-out{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;min-height:30px}.tp-token{font-family:var(--mono);font-size:.72rem;padding:3px 8px;border-radius:6px;border:1px solid var(--line);background:var(--bg)}.tp-token b{font-weight:500;opacity:.65;margin-right:5px}.tp-err{font-family:var(--mono);font-size:.78rem;color:var(--bad)}.tinypie-samples{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tinypie-samples button{font-family:var(--mono);font-size:.68rem;color:var(--muted);background:none;border:1px solid var(--line);border-radius:6px;padding:3px 10px;cursor:pointer;transition:border-color .15s,color .15s}.tinypie-samples button:hover{border-color:var(--accent);color:var(--text)}@media(pointer:coarse){.term-in input,.tinypie textarea{font-size:1rem}.term-restart,.term-enter,.tinypie-samples button{padding:8px 14px}.term-play,.dtc-book-btn,.dtc-action{min-height:32px}.found .try-btn{padding:9px 14px}}