:root{color-scheme:dark;--page: #151916;--surface: #202521;--surface-2: #2a302b;--ink: #f0f0e8;--muted: #a8ada5;--line: rgba(240,240,232,.16);--accent: #e86243;--accent-rgb: 232,98,67;--fx-intensity: .75;--fx-fast: .65s;--fx-slow: 3.8s;--fx-blur: 14px;--shadow: 0 24px 70px rgba(0,0,0,.3)}html[data-mode=light]{color-scheme:light;--page:#ecebe5;--surface:#f7f6f1;--surface-2:#dfe1d9;--ink:#1a1f1b;--muted:#646a63;--line:rgba(26,31,27,.17);--shadow:0 24px 70px rgba(36,42,37,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial Narrow,Aptos Narrow,Helvetica Neue,Arial,sans-serif}a{color:inherit}button,input{font:inherit}button,input[type=range],input[type=color]{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;z-index:30;left:1rem;top:1rem;padding:.8rem 1rem;background:var(--accent);color:#111;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:absolute;z-index:5;inset:0 0 auto;min-height:76px;padding:1rem clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800}.brand span,.round-button{width:2.6rem;height:2.6rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.site-header nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.45rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.site-header nav a{text-underline-offset:.35em}.round-button{justify-self:end;background:transparent;color:inherit;font-size:1.1rem}.round-button:hover{background:var(--surface-2)}.hero{min-height:100dvh;padding:9rem clamp(1.25rem,8vw,8rem) 5rem;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:5rem;overflow:hidden}.eyebrow{margin:0 0 1rem;font-size:.68rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero h1{margin:0;max-width:9ch;font-size:clamp(4rem,9.2vw,9rem);line-height:.88;letter-spacing:-.075em}.hero h1 em{display:inline-block;padding-bottom:.08em;color:var(--accent);font-style:italic;line-height:1.06}.hero-copy{max-width:34ch;margin:2rem 0 0 38%;color:var(--muted);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5}.hero-rig{position:relative;justify-self:center;width:180px;height:480px}.hero-rig:before{content:"";position:absolute;left:50%;inset-block:0;width:1px;background:var(--line)}.hero-rig span{position:absolute;left:calc(50% - 12px);top:0;width:25px;height:110px;border-radius:45% 55% 38% 62%;background:var(--accent);animation:hero-ride 2.8s cubic-bezier(.65,0,.35,1) infinite alternate;box-shadow:0 0 30px rgba(var(--accent-rgb),.4)}.hero-rig i{position:absolute;left:50%;top:18%;width:8px;height:8px;border-radius:50%;background:var(--ink);animation:hero-orbit 2.2s linear infinite}.hero-rig i:nth-child(2){top:42%;animation-delay:-.7s}.hero-rig i:nth-child(3){top:70%;animation-delay:-1.4s}@keyframes hero-ride{to{transform:translateY(370px) rotate(7deg);border-radius:62% 38% 58% 42%}}@keyframes hero-orbit{50%{transform:translate(42px) scale(.6)}to{transform:translate(-1px)}}.playground{padding:clamp(5rem,8vw,8rem) clamp(1rem,5vw,5rem);background:var(--ink);color:var(--page)}html[data-mode=light] .playground{background:#1a1f1b;color:#efefe8}.section-heading{max-width:1500px;margin:0 auto 2rem}.section-heading h2{margin:0;max-width:15ch;font-size:clamp(2.8rem,6vw,6rem);letter-spacing:-.065em;line-height:.92}.section-heading>p:last-child{max-width:46ch;color:var(--muted);line-height:1.55}.playground .section-heading>p:last-child{color:#a9afa8}.playground-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:1px;background:#ffffff29}.playground-stage{min-height:560px;padding:clamp(1rem,5vw,5rem);display:grid;place-items:center;background:#101411}.playground-stage .fx-shell{width:min(100%,760px);height:390px}.motion-controls{padding:1.5rem;display:flex;flex-direction:column;background:#202520;color:#efefe8}.motion-controls label{padding:1.15rem 0;display:grid;gap:.8rem;border-bottom:1px solid rgba(255,255,255,.14)}.motion-controls label>span{display:flex;justify-content:space-between;font-size:.76rem}.motion-controls input[type=range]{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff40}.motion-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #202520;background:var(--accent);box-shadow:0 0 0 1px #ffffff80}.motion-controls input[type=color]{width:100%;height:42px;padding:3px;border:1px solid rgba(255,255,255,.2);background:#2a302b}.motion-controls .switch{grid-template-columns:auto 1fr;align-items:center}.motion-controls .switch input{width:20px;height:20px;accent-color:var(--accent)}.button{min-height:44px;margin-top:.8rem;padding:.8rem 1rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-align:center;text-decoration:none;text-transform:uppercase}.button:hover{background:#ffffff1a}.button-solid{background:var(--accent);border-color:var(--accent);color:#101410}.support-note{max-width:1500px;margin:1rem auto 0;color:#a9afa8;font-size:.76rem}.concepts{padding:clamp(5rem,9vw,9rem) clamp(1rem,5vw,5rem)}.concept-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.concept-card{min-width:0;padding:clamp(1rem,2vw,1.6rem);border:1px solid var(--line);background:var(--surface);contain:layout paint}.concept-card.is-featured{border-color:rgba(var(--accent-rgb),.58)}.concept-card.is-featured .concept-number{border-color:var(--accent);background:var(--accent);color:#151916}.concept-card:nth-child(3n){transform:translateY(1.5rem)}.concept-card__header{min-height:92px;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:start}.concept-number{width:2.6rem;height:2.6rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:.68rem}.concept-card h3{margin:0 0 .35rem;font-size:1.55rem;letter-spacing:-.04em}.concept-card__header p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.4}.select-button{border:0;border-bottom:1px solid currentColor;padding:.2rem 0;background:transparent;color:inherit;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.concept-stage{padding:1rem;background:#0d110e}.concept-stage .fx-shell{height:300px}.concept-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.concept-actions .button{color:var(--ink)}.concept-meta{margin:.9rem 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.45rem 1rem;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.concept-meta span:first-child{color:var(--ink);font-weight:700}.playground-stage.is-silhouette{background:#e7e6df}.playground-stage.is-silhouette .fx-scroll{background:#f4f3ed}.playground-stage.is-silhouette .fx-content{opacity:.06}.playground-stage.is-silhouette .fx-track{background:#d3d2ca!important;box-shadow:none!important}.playground-stage.is-silhouette .fx-progress{display:none}.playground-stage.is-silhouette .fx-thumb{filter:grayscale(1) brightness(0)!important;box-shadow:none!important;animation-play-state:paused!important}.playground-stage.is-silhouette .fx-thumb:before,.playground-stage.is-silhouette .fx-thumb:after,.playground-stage.is-silhouette .fx-thumb i{animation-play-state:paused!important;box-shadow:none!important}.site-footer{padding:3rem clamp(1rem,5vw,5rem);display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;border-top:1px solid var(--line);align-items:end}.site-footer p{margin:0;color:var(--muted)}.site-footer>nav{justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem 1.25rem}.code-dialog{width:min(980px,calc(100% - 2rem));max-height:90dvh;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.code-dialog::backdrop{background:#050806c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.code-dialog header,.code-dialog footer{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.code-dialog h2{margin:0}.dialog-note{margin:0;padding:1rem 1.25rem;color:var(--muted)}.code-dialog pre{margin:0;max-height:55dvh;padding:1.25rem;overflow:auto;background:#0d110e;color:#e8e9e1;font:12px/1.6 Consolas,monospace;white-space:pre-wrap}.code-dialog footer{border:0;border-top:1px solid var(--line);justify-content:flex-end}.toast{position:fixed;z-index:40;left:50%;bottom:1.5rem;padding:.8rem 1rem;background:var(--accent);color:#111;font-weight:800;transform:translate(-50%,150%);opacity:0;transition:.25s}.toast.is-visible{transform:translate(-50%);opacity:1}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-column:1/-1;justify-self:start}.hero{grid-template-columns:1fr;padding-top:11rem}.hero-rig{display:none}.hero-copy{margin-left:0}.playground-grid,.concept-grid{grid-template-columns:1fr}.concept-card:nth-child(3n){transform:none}}@media(max-width:560px){.site-header{min-height:0;padding:.8rem 1rem;gap:.75rem}.site-header nav{gap:.65rem 1rem}.playground-stage{min-height:430px;padding:.75rem}.playground-stage .fx-shell{height:340px}.concept-actions{grid-template-columns:1fr}.concept-card__header{grid-template-columns:auto 1fr}.select-button{grid-column:2}.site-footer{grid-template-columns:1fr}.site-footer>nav{justify-self:start;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){.fx-track,.fx-thumb,.concept-card,.button{border:1px solid CanvasText}.fx-thumb{background:Highlight!important}}