.howfield.howfield-playback{--hf-cycle:0;pointer-events:none}.howfield-playback .hf-desc{animation:none;gap:3px;min-height:32px;height:auto}.howfield-playback .hf-desc b{font-size:clamp(14px,1.25vw,18px);overflow-wrap:anywhere;font-weight:500}.howfield-playback .hf-input-caret{display:block;width:1px;align-self:stretch;min-height:20px;background:#d78748;opacity:.8}.howfield-playback[data-phase=result] .hf-input-caret{opacity:0}.howfield-playback .hf-tick{width:100%;transform:scaleX(var(--hf-cycle));transform-origin:left;animation:none}.howfield-playback .hf-origin{width:clamp(180px,20vw,258px)}.howfield-playback .hf-controls{display:flex;align-items:center;gap:5px;margin-top:17px;pointer-events:auto}.howfield-playback .hf-controls button{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid #3a392f;border-radius:50%;background:transparent;color:#b0a998;font-size:12px;cursor:pointer;transition:color .2s,border-color .2s}.howfield-playback .hf-controls button:hover,.howfield-playback .hf-controls button:focus-visible{color:#f2cda2;border-color:#c57f45;outline:none}.howfield-playback .hf-controls span{font-size:8px;line-height:1.5;color:#777163;margin-left:5px;max-width:122px;letter-spacing:.02em}.howfield-playback .hf-dist{width:clamp(300px,27vw,392px);right:4.2%}.howfield-playback .hf-slot{grid-template-columns:34px minmax(0,1fr) 72px 64px;gap:8px;min-height:40px;padding:7px 10px}.howfield-playback .hf-sym{min-width:0;max-width:40px;overflow:hidden;height:26px;font-size:15px}.howfield-playback .hf-sym .katex{font-size:1.2em}.howfield-playback .hf-name{border:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--sans);font-size:12.5px;color:#bdb6a6;letter-spacing:.02em}.howfield-playback .hf-track{height:4px}.howfield-playback .hf-track i{width:100%;transform:scaleX(0);transform-origin:left;transition:none}.howfield-playback .hf-p{font-variant-numeric:tabular-nums;font-size:12.5px;color:#a39c8b;letter-spacing:.01em}.howfield-playback .hf-slot.on{border-color:#e08a3c9e;background:#e08a3c16}.howfield-playback .hf-slot.on .hf-name{color:#f2ece0;font-size:13px}.howfield-playback .hf-slot.on .hf-p{font-size:14.5px;font-weight:600;color:#f0a862}.howfield-playback .hf-other{display:grid;grid-template-columns:minmax(0,1fr) 52px 60px;align-items:center;gap:8px;padding:7px 9px;color:#837d6e;font-size:10px}.howfield-playback .hf-foot{font-size:8px;letter-spacing:.04em;color:#8b8270;gap:8px}.howfield-playback .hf-dfoot{color:#817a68;font-size:8px;letter-spacing:.04em}@media(max-width:900px){.howfield.howfield-playback .hf-origin{left:24px;right:24px;top:186px;transform:none;width:auto}.howfield-playback .hf-desc{min-height:24px}.howfield-playback .hf-frame{padding:10px 12px}.howfield-playback .hf-controls{position:absolute;right:0;bottom:-7px;margin:0}.howfield-playback .hf-controls span{display:none}.howfield-playback .hf-foot{justify-content:flex-start;gap:12px;padding-right:100px}.howfield.howfield-playback .hf-dist{left:clamp(88px,24vw,132px);right:16px;top:328px;transform:none;width:auto}.howfield-playback .hf-slots{gap:5px}.howfield-playback .hf-slot{grid-template-columns:32px minmax(0,1fr) 44px 58px;gap:6px;min-height:34px;padding:5px 8px}.howfield-playback .hf-sym{max-width:32px;height:21px;font-size:11px}.howfield-playback .hf-name{font-size:10px}.howfield-playback .hf-other{grid-template-columns:minmax(0,1fr) 44px 58px;gap:6px;padding:6px 8px}}@media(prefers-reduced-motion:reduce){.howfield-playback *{animation:none!important;transition:none!important}}@keyframes hf-settle{0%{opacity:0;transform:translateY(4px)}55%{opacity:1;transform:none}70%{background-color:#e08a3c1a}to{transform:none}}.howfield-playback .hf-slots>*{transition:transform .46s cubic-bezier(.2,.72,.28,1),border-color .3s ease,background .3s ease}.howfield-playback .hf-slots>*:nth-child(2){animation-delay:45ms}.howfield-playback .hf-slots>*:nth-child(3){animation-delay:.09s}.howfield-playback .hf-slots>*:nth-child(4){animation-delay:.135s}.howfield-playback .hf-slots>*:nth-child(5){animation-delay:.18s}.howfield-playback .hf-slots>*:nth-child(6){animation-delay:.225s}.howfield-playback .hf-slots>*:nth-child(7){animation-delay:.27s}.howfield-playback .hf-slots>*:nth-child(8){animation-delay:.315s}@media(prefers-reduced-motion:reduce){.howfield-playback .hf-slots>*{animation:none}}.howfield-playback .hf-slots{position:relative;display:block}.howfield-playback .hf-slot,.howfield-playback .hf-other{position:absolute;left:0;right:0;top:0;box-sizing:border-box;height:44px;min-height:0;margin:0}@media(max-width:900px){.howfield-playback .hf-slot,.howfield-playback .hf-other{height:38px}}.howfield-playback .hf-other{border:1px dashed #33322a;border-radius:7px;background:#10100d6b;grid-template-columns:minmax(0,1fr) 72px 64px}.writing-places{position:relative;padding:24px max(28px,calc((100vw - 1120px)/2)) 0}.features-anchor{position:absolute;top:0}.writing-head{max-width:640px}.writing-head h2{margin:0;font-size:clamp(26px,2.8vw,40px);line-height:1.24;letter-spacing:-.035em;font-weight:600;color:var(--ink);text-wrap:balance}.writing-head p{margin:18px 0 0;font-size:14px;line-height:1.85;color:var(--ink-2);max-width:32em}.places-frame{position:relative;margin-top:44px;aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(20,20,20,.14);border-radius:14px;background:#fff;box-shadow:0 26px 60px -40px #0000008c}.places-bar{position:absolute;top:0;left:0;right:0;height:34px;z-index:2;display:flex;align-items:center;gap:7px;padding:0 14px;background:#faf9f6;border-bottom:1px solid rgba(20,20,20,.1)}.places-bar i{width:9px;height:9px;border-radius:50%;background:#dcd8cf}.places-frame img{position:absolute;inset:34px 0 0;width:100%;height:calc(100% - 34px);object-fit:cover;object-position:center;opacity:0;transition:opacity .65s ease}.places-frame img.is-on{opacity:1}.context-capsule-layer{position:absolute;inset:34px 0 0;z-index:2;pointer-events:none;user-select:none}.context-capsule-position{position:absolute;left:52%;top:64%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none}.context-capsule-position iframe{position:absolute;border:0;background:transparent;transform-origin:top left;pointer-events:none}.places-frame .context-result{position:absolute;display:block;opacity:1;transition:none;animation:context-insert .4s ease both}.places-frame img.context-formula{inset:74% auto auto;width:29%;height:auto;object-fit:contain;background:transparent;border:0;border-radius:0}.places-frame .result-0{left:65%!important;top:77%!important}.places-frame .result-1{left:35%!important;top:66%!important}.places-frame .result-3{left:26%!important;top:54%!important;width:35%!important}.context-latex-result{position:absolute;left:20.8%;top:77.5%;width:36%;padding:3px;background:#fff;color:#3042ad;font:clamp(7px,.85vw,13px)/1.6 ui-monospace,monospace;overflow-wrap:anywhere}.context-chat{left:28%;top:91%;width:62%;font:clamp(8px,1.05vw,16px)/1.5 ui-monospace,monospace;color:#292929;background:#fff;padding:2px 0;overflow-wrap:anywhere}@keyframes context-insert{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.places-label{position:absolute;left:16px;bottom:16px;z-index:3;padding:6px 12px;border-radius:999px;background:#0c0c0a9e;color:#f6f2e8;font-size:11.5px;letter-spacing:.02em;backdrop-filter:blur(6px)}.places-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.places-tabs button{height:32px;padding:0 14px;border:1px solid rgba(20,20,20,.16);border-radius:999px;background:transparent;color:var(--ink-2);font-size:12px;cursor:pointer;transition:border-color .18s,color .18s,background .18s}.places-tabs button:hover{border-color:#14141466;color:var(--ink)}.places-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fbfaf6}@media(max-width:900px){.writing-places{padding:24px 24px 0}.places-frame{margin-top:26px}.places-bar{height:26px;padding:0 10px}.places-bar i{width:7px;height:7px}.places-frame img{top:26px;height:calc(100% - 26px)}.context-capsule-layer{top:26px}.places-label{left:10px;bottom:10px;font-size:10.5px;padding:5px 10px}.places-tabs{gap:6px;margin-top:14px}.places-tabs button{height:29px;padding:0 11px;font-size:11px}}:root{--bg:#fbfbf9;--ink:#141414;--ink-2:#5a5a54;--ink-3:#6f6f66;--rule:#e7e7e0;--rule-2:#f1f1ec;--accent:#c8571c;--note-accent:#c8571c;--sans:system-ui,-apple-system,"Segoe UI Variable Text","Segoe UI","PingFang SC","Microsoft YaHei UI",sans-serif;--mono:"Cascadia Mono",ui-monospace,SFMono-Regular,Consolas,monospace;--ease:cubic-bezier(.2,.72,.28,1)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}.topbar{position:fixed;inset:0 0 auto;z-index:60;height:52px;display:flex;align-items:center;gap:20px;padding:0 28px;background:#fbfbf9d1;backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);transition:opacity .3s ease,transform .3s var(--ease)}.topbar.is-past{opacity:0;transform:translateY(-100%);pointer-events:none}.wordmark{display:inline-flex;align-items:baseline;gap:7px;font-size:15px;font-weight:600;letter-spacing:-.01em}.wordmark .mark{color:var(--accent);font-size:17px;font-family:Georgia,serif;line-height:1;font-weight:400}.wordmark.small{font-size:14px}.tagline{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.02em;white-space:nowrap}.topnav{display:flex;gap:20px;margin-left:auto;font-size:12.5px;color:var(--ink-2)}.topnav a:hover{color:var(--accent)}.topactions{display:flex;align-items:center;gap:18px;font-size:12.5px}.lang{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.lang:hover{color:var(--ink)}.get{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:var(--ink);color:#fbfaf6;font-size:12px;transition:background .2s}.get:hover{background:#2b2b26}.site-pages{opacity:1;transition:opacity 1.25s cubic-bezier(.2,.65,.25,1)}.intro-playing .site-pages{opacity:0}.opening-wrap{position:fixed;inset:0;z-index:100;height:100dvh;opacity:1;transition:opacity 1.25s cubic-bezier(.2,.65,.25,1)}.intro-revealing .opening-wrap{opacity:0;pointer-events:none}.opening{position:relative;height:100%;overflow:hidden;background:#0e0e0d;color:#e6e2d4}.open-flow{position:absolute;inset:-8% 0;display:flex;gap:70px;justify-content:center;opacity:0;transition:opacity .9s ease;pointer-events:none}.open-flow pre{margin:0;font-family:var(--mono);font-size:11px;line-height:1.95;color:#d9d4c4;white-space:pre;animation:flow-up 60s linear infinite}.open-flow pre:nth-child(2){animation-duration:82s;animation-direction:reverse;color:#7f7a6c}.open-flow pre:nth-child(3){animation-duration:104s;color:#5d594d}@keyframes flow-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.open-code{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,84vw);font-family:var(--mono);transition:transform 1s var(--ease),opacity .9s ease,filter .9s ease}.open-head{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.16em;color:#6c6a5f;margin-bottom:16px}.open-mark{color:var(--accent);letter-spacing:.2em}.open-len{margin-left:auto;letter-spacing:.06em}.open-src{margin:0;font-family:inherit;font-size:clamp(11px,1.05vw,13px);line-height:1.85;white-space:pre-wrap;word-break:break-word}.open-src code{font-family:inherit;color:#e6e2d4}.open-caret{display:inline-block;width:7px;height:1em;background:var(--accent);vertical-align:-2px;margin-left:2px;animation:cursor-blink 1s steps(1) infinite}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.opening.phase-compiled .open-code{transform:translate(-50%,-50%) scale(.9);opacity:.14;filter:blur(1.5px)}.opening.phase-compiled .open-caret{display:none}.opening.phase-compiled .open-flow{opacity:1}.open-hero{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);place-content:center;justify-items:center;gap:24px;padding:0 6vw;text-align:center;opacity:0;transform:translateY(14px);transition:opacity .8s ease .2s,transform .8s var(--ease) .2s;pointer-events:none}.opening.phase-compiled .open-hero{opacity:1;transform:none}.open-label{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8b8779}.open-formula{position:relative;width:100%;min-width:0;color:#f2eee2;font-size:clamp(18px,2vw,28px)}.open-formula-ink{position:absolute;left:50%;top:0;width:max-content;white-space:nowrap;transform:translate(-50%) scale(var(--formula-scale,1));transform-origin:top center}.open-formula .katex{font-size:1em}.open-formula .katex-display{margin:0}.open-question{margin:0;font-size:clamp(23px,2.9vw,40px);font-weight:600;letter-spacing:-.02em;color:#f4f1e8}.flow{position:relative;height:320svh;overflow-anchor:none}.flow-anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}.stage{position:sticky;top:0;height:100svh;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.capsule-zone{position:absolute;left:50%;top:44%;z-index:20;transform:translate(-50%,-50%);display:grid;place-items:center;transition:top .9s var(--ease),opacity .55s ease,transform .9s var(--ease)}.capsule-canvas{position:relative;overflow:clip}.capsule-zone iframe{border:0;background:transparent;color-scheme:light;pointer-events:none}.feature-pointer-plane{position:absolute;transform-origin:top left;pointer-events:none;z-index:80}.feature-drag-trail{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.feature-pointer{position:absolute;left:0;top:0;width:25px;height:31px;opacity:0;visibility:hidden;pointer-events:none;filter:drop-shadow(0 2px 3px #40392a44);will-change:transform}.feature-pointer svg{display:block;transform-origin:2px 2px;transition:transform .12s ease}.feature-pointer.is-pressed svg{transform:scale(.9)}.feature-click-ring{position:absolute;left:-15px;top:-15px;width:34px;height:34px;border:2px solid #c77538;border-radius:50%;animation:feature-click .5s ease-out both}@keyframes feature-click{0%{transform:scale(.25);opacity:.85}to{transform:scale(1.25);opacity:0}}.phase-how .capsule-zone{opacity:0;top:30%;pointer-events:none}.phase-gallery .capsule-zone{top:72%;z-index:10}.product-hint{position:absolute;inset:0;z-index:15;text-align:center;pointer-events:none;transition:opacity .5s ease}.product-hint>*{position:absolute;left:0;right:0}.product-claim{top:calc(44% + var(--capsule-half,150px) + 16px);margin:0;font-size:clamp(20px,1.9vw,26px);font-weight:600;letter-spacing:-.02em}.product-claim p{margin:0}.product-caption{display:block;margin:10px auto 0;max-width:580px;padding:0 18px;font-size:12px;font-weight:400;color:var(--ink-2);line-height:1.6;min-height:20px}.product-arrow{top:calc(44% + var(--capsule-half,150px) + 128px);display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;opacity:.55;animation:nudge 2.6s ease-in-out infinite}.product-arrow span{display:block;width:19px;height:19px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);border-radius:1px}.product-arrow span:nth-child(2){margin-top:-10px;opacity:.55}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.product-tip{top:calc(44% + var(--capsule-half,150px) + 175px);margin:0;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);opacity:.8}.phase-how .product-hint,.phase-gallery .product-hint{opacity:0;pointer-events:none}.how{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;justify-content:center;padding:0 6vw;background:#0e0e0d;color:#e8e4d7;opacity:0;transition:opacity .5s ease;pointer-events:none}.phase-how .how{opacity:1;pointer-events:auto}.howfield{position:absolute;inset:0}.howfield canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.how-caption{position:absolute;left:50%;top:74px;transform:translate(-50%);text-align:center;max-width:min(760px,80vw);z-index:3;pointer-events:none}.how-caption h2{margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.5;font-weight:600;letter-spacing:.01em;color:#f1ece0}.how-caption p{margin:8px 0 0;font-family:var(--mono);font-size:10.5px;line-height:1.8;color:#7c786a;letter-spacing:.04em}.hf-origin{position:absolute;left:6.2%;top:50%;transform:translateY(-50%);width:236px;z-index:3}.hf-head{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#7c786a;margin-bottom:9px}.hf-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #e08a3ccc}.hf-frame{position:relative;padding:12px 14px 11px;border:1px solid #3a392f;border-radius:9px;background:#10100ddb;overflow:hidden}.hf-desc{display:flex;align-items:center;gap:9px;height:32px;animation:hf-in .34s var(--ease) both}@keyframes hf-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.hf-desc b{font-size:16px;font-weight:600;color:#f1ece0;letter-spacing:.02em}.hf-desc span{font-family:var(--mono);font-size:10px;color:#7c786a}.hf-tick{position:absolute;left:0;bottom:0;height:1px;background:var(--accent);opacity:.85;animation:hf-tick 3.2s linear both}@keyframes hf-tick{0%{width:0}to{width:100%}}.hf-foot{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:#565245}.hf-dist{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:268px;z-index:3}.hf-dhead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;font-family:var(--mono)}.hf-dhead b{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#7c786a;font-weight:400}.hf-dhead span{font-size:9px;letter-spacing:.1em;color:#4c493d}.hf-slots{display:grid;gap:7px}.hf-slot{display:grid;grid-template-columns:30px 1fr 62px 40px;gap:9px;align-items:center;padding:7px 9px;border:1px dashed #3a392f;border-radius:7px;background:#10100d80;transition:border-color .3s,background .3s}.hf-slot.on{border-style:solid;border-color:#e08a3c8c;background:#e08a3c12}.hf-sym{display:grid;place-items:center;height:20px;font-size:14px;color:#d7d2c3}.hf-slot.on .hf-sym{color:var(--accent)}.hf-name{font-family:var(--mono);font-size:10px;color:#8c8779;border-bottom:1px dashed #3a392f;padding-bottom:2px}.hf-slot.on .hf-name{color:#c9c4b5}.hf-track{height:5px;border-radius:3px;background:#191914;overflow:hidden}.hf-track i{display:block;height:100%;background:#5a5344;border-radius:3px;transition:width .4s ease}.hf-slot.on .hf-track i{background:var(--accent);box-shadow:0 0 8px #e08a3c80}.hf-p{text-align:right;font-family:var(--mono);font-size:10.5px;color:#6f6b5e}.hf-slot.on .hf-p{color:var(--accent)}.hf-dfoot{margin-top:10px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:#4c493d}.how-foot{position:absolute;left:50%;bottom:24px;transform:translate(-50%);margin:0;max-width:70vw;text-align:center;z-index:3;font-family:var(--mono);font-size:10px;line-height:1.7;color:#6e6a5e;pointer-events:none}.how-head{max-width:760px;margin:0 auto;text-align:center}.how .eyebrow{color:#7d796c}.how-head h2{margin:12px 0 0;font-size:clamp(20px,2.1vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.35;color:#f2eee2}.how-body{display:flex;align-items:stretch;justify-content:center;gap:clamp(10px,1.6vw,28px);margin-top:clamp(22px,3vh,44px)}.how-step{position:relative;flex:1;min-width:0;max-width:300px;padding:16px 16px 14px;border:1px solid #2a2a24;border-radius:10px;background:#151513}.how-step-wide{max-width:380px}.how-n{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--accent)}.how-cap{display:block;margin-top:6px;font-size:11.5px;color:#9a958a}.how-tokens{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tok{padding:5px 9px;border-radius:6px;background:#22221d;border:1px solid #33332b;font-size:12px;color:#ded9cc}.tok-wide{font-family:var(--mono);font-size:10.5px;color:#a9a496}.how-tower{display:flex;flex-direction:column-reverse;gap:3px;margin-top:14px}.how-tower .layer{display:block;height:9px;border-radius:2px;background:linear-gradient(90deg,#c8571cbf,#c8571c2e);transform-origin:0 50%}.how-note{display:block;margin-top:10px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:#6c6a5f}.how-cands{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px}.how-row{display:grid;grid-template-columns:26px 38px 1fr 34px;align-items:center;gap:8px;font-size:10.5px;color:#a9a496}.how-tex{color:#e8e4d7;font-size:12px;text-align:center}.how-tex .katex{font-size:1em}.how-label{font-size:10px;color:#8c8779}.how-track{display:block;height:5px;border-radius:3px;background:#22221d;overflow:hidden}.how-bar{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#c8571c,#e8843f);transform-origin:0 50%}.how-p{font-family:var(--mono);font-size:9.5px;text-align:right;color:#c9c4b5}.how-out{margin:14px 0 0;font-size:11px;line-height:1.7;color:#cfcabb}.how-arrow{align-self:center;color:#4a473d;font-size:14px}.how-foot{max-width:900px;margin:clamp(16px,2.4vh,30px) auto 0;text-align:center;font-size:10.5px;line-height:1.7;color:#6e6a5e}.field{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s ease;perspective:1400px}.phase-gallery .field{opacity:1}.note{position:absolute;left:50%;top:50%;width:min(600px,42vw);transform-origin:50% 50%;will-change:transform,filter,opacity}.note-par{will-change:transform;transform-style:preserve-3d}.note-float{animation:drift 11s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(-7px) rotate(-.6deg)}50%{transform:translateY(7px) rotate(.6deg)}}.note-art{display:block;color:#2f2a20}.note-art svg{display:block;width:100%;height:auto}.note-n{position:absolute;left:2px;top:-18px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink-3)}.note-label{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-size:11.5px;color:var(--ink-3);letter-spacing:.04em}.note.is-active .note-n,.note.is-active .note-label{color:var(--ink-2)}.note.is-active .note-art{color:#1b1710}.head{position:absolute;left:0;right:0;top:86px;z-index:25;text-align:center;pointer-events:none;opacity:0;transition:opacity .5s ease}.phase-gallery .head{opacity:1}.eyebrow{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.case-copy{margin-top:16px;animation:case-in .45s var(--ease) both}@keyframes case-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.case-n{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--accent)}.case-n span{color:var(--ink-3)}.case-copy h2{margin:8px 0 0;font-size:27px;line-height:1.28;font-weight:600;letter-spacing:-.02em}.case-copy p{margin:8px 0 0;font-size:12.5px;line-height:1.7;color:var(--ink-2)}.stage-foot{position:absolute;right:28px;bottom:30px;z-index:30;display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);opacity:0;transition:opacity .5s ease}.phase-gallery .stage-foot{opacity:1}.state{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2)}.dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3)}.dot.is-live{background:var(--accent);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.is-dragging .stage{cursor:grabbing;user-select:none}.is-dragging .capsule-zone,.is-dragging iframe{pointer-events:none}.download{margin-top:104px;padding:88px 40px 72px;background:#101010;color:#ded9cc}.download .eyebrow{color:#7b776b}.download-head{max-width:620px}.download h2{margin:12px 0 0;font-size:30px;font-weight:600;line-height:1.35;letter-spacing:-.015em;color:#f4f0e6}.download-head p{margin:12px 0 0;font-size:13px;line-height:1.8;color:#a29d8e}.builds{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px;max-width:980px}.build-card{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px;border:1px solid #2a2a24;border-radius:10px;background:#171714;transition:border-color .2s,background .2s,transform .2s}.build-card:hover{border-color:#4b4b3f;background:#1d1d19;transform:translateY(-2px)}.build-platform{display:flex;flex-direction:column;gap:4px}.build-platform small{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:#7b776b}.build-platform strong{font-size:20px;font-weight:600;color:#f4f0e6}.build-platform span{font-size:11px;color:#918c7e}.build-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:var(--mono);font-size:10.5px;color:#7b776b}.build-get{color:#f4f0e6;font-size:14px}.build-note{margin:18px 0 0;font-size:10.5px;line-height:1.8;color:#6e6a5e;max-width:70em}.faq{display:grid;grid-template-columns:260px 1fr;gap:48px;padding:88px 40px;background:var(--bg)}.faq-head h2{margin:10px 0 0;font-size:22px;font-weight:600;letter-spacing:-.01em}.faq-item{border-top:1px solid var(--rule);padding:14px 0}.faq-item summary{list-style:none;cursor:pointer;font-size:13.5px;display:flex;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--ink-3);font-family:var(--mono)}.faq-item[open] summary:after{content:"-"}.faq-item p{margin:8px 0 0;font-size:12.5px;line-height:1.8;color:var(--ink-2);max-width:40em}.footer{display:flex;align-items:center;gap:20px;padding:22px 40px;border-top:1px solid var(--rule);font-size:11.5px;color:var(--ink-3)}.footer p{margin:0;flex:1}.footer a:hover{color:var(--accent)}@media(prefers-reduced-motion:reduce){.note-float,.open-flow pre,.product-arrow,.dot.is-live,.open-caret,.case-copy{animation:none}.app *{transition:none!important}}@media(max-width:1100px){.tagline{display:none}.how-body{flex-wrap:wrap}.how-step{flex:1 1 240px;max-width:none}.note{width:min(380px,38vw)}.case-copy h2{font-size:21px}}@media(max-width:900px){.topnav,.tagline{display:none}.flow{height:260svh}.open-code{width:calc(100vw - 32px)}.note{width:240px}.note-n,.note-label{font-size:9px}.head{top:70px}.case-copy h2{font-size:19px}.case-copy p{font-size:11.5px;max-width:24em;margin-left:auto;margin-right:auto}.capsule-zone{top:40%}.phase-gallery .capsule-zone{top:70%}.product-claim{top:calc(40% + var(--capsule-half,130px) + 18px)}.product-arrow{top:calc(40% + var(--capsule-half,130px) + 150px)}.product-tip{top:calc(40% + var(--capsule-half,130px) + 197px)}.how{padding:70px 18px 0;justify-content:flex-start;overflow:auto}.how-body{margin-top:16px}.how-step{padding:12px}.stage-foot{right:16px;bottom:12px;font-size:9.5px}.hint{display:none}.download,.faq,.footer{padding-left:18px;padding-right:18px}.faq{grid-template-columns:1fr;gap:20px}.builds{grid-template-columns:1fr}}.opening{cursor:pointer}.opening:focus-visible{outline:2px solid var(--accent);outline-offset:-6px}.open-advance{position:absolute;left:50%;bottom:34px;transform:translate(-50%);margin:0;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#6c6a5f;animation:advance-pulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes advance-pulse{0%,to{opacity:.4}50%{opacity:.95}}.is-entering .capsule-zone{animation:capsule-rise .95s cubic-bezier(.2,.72,.28,1) both}@keyframes capsule-rise{0%{opacity:0;transform:translate(-50%,-50%) scale(.93)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.is-entering .product-claim{animation:claim-rise .85s cubic-bezier(.2,.72,.28,1) .3s both}.is-entering .product-arrow,.is-entering .product-tip{animation:claim-rise .85s cubic-bezier(.2,.72,.28,1) .55s both}@keyframes claim-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.is-entering .capsule-zone,.is-entering .product-claim,.is-entering .product-arrow,.is-entering .product-tip{animation:none}}@media(prefers-reduced-motion:reduce){.open-advance{animation:none}}.eyebrow,.case-copy>p,.note-label,.case-n span,.stage-foot,.product-caption,.how-caption>p,.how-foot,.open-len,.open-label,.open-advance,.hf-foot,.hf-dfoot{display:none!important}.hg-bg{position:absolute;inset:0;z-index:0;pointer-events:none;color:#2f2a20;transition:opacity .6s ease}.phase-how .hg-bg,.phase-gallery .hg-bg{opacity:0}.hg-item{position:absolute;display:block;opacity:.15;transform:translate(-50%,-50%) rotate(var(--rot,0deg))}.hg-item svg{display:block;width:100%;height:auto}.hg-item .hg-top{transform-box:view-box;transform-origin:60px 66px;transform:scaleY(calc(1 - var(--sand,0)));transition:transform .35s cubic-bezier(.2,.72,.28,1);opacity:.16}.hg-item .hg-bottom{transform-box:view-box;transform-origin:60px 142px;transform:scaleY(calc(.22 + .78 * var(--sand,0)));transition:transform .35s cubic-bezier(.2,.72,.28,1);opacity:.22}.hg-item .hg-stream{animation:hg-fall 1.2s linear infinite;opacity:.5}@keyframes hg-fall{to{stroke-dashoffset:-14}}@media(max-width:900px){.hg-item{opacity:.1}}@media(prefers-reduced-motion:reduce){.hg-item .hg-stream{animation:none}}.how-lead{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:#6e6a5e}.how-lead a{color:#e08a3c;border-bottom:1px solid rgba(224,138,60,.35);padding-bottom:1px;transition:border-color .2s,color .2s}.how-lead a:hover{color:#f0a862;border-color:#f0a862}.how-lead a{display:inline-flex;align-items:center;gap:7px;pointer-events:auto}.catalog-link-icon{width:14px;height:14px;flex:none;vertical-align:middle}.how-lead span{color:#6e6a5e}.download{margin-top:0;background:var(--bg);color:var(--ink);border-top:1px solid var(--rule);padding-top:84px}.download h2{color:var(--ink)}.download-head p{color:var(--ink-2)}.download .eyebrow{color:var(--ink-3)}.build-card{border-color:var(--rule);background:#fff;box-shadow:0 10px 26px -22px #0005}.build-card:hover{border-color:var(--ink-3);background:#fcfcfa;transform:translateY(-2px)}.build-platform small{color:var(--ink-3)}.build-platform strong{color:var(--ink)}.build-platform span,.build-meta{color:var(--ink-3)}.build-get{color:var(--ink)}.build-note{color:var(--ink-3)}.download{margin-top:0;padding:104px max(28px,calc((100vw - 1120px)/2)) 96px;background:#f6f4ee;border-top:1px solid var(--rule);color:var(--ink)}.download-head{max-width:820px}.download h2{margin:16px 0 0;font-size:clamp(34px,4.2vw,60px);line-height:1.1;letter-spacing:-.04em;color:var(--ink);font-weight:600}.download-head p{margin:18px 0 0;font-size:14px;line-height:1.8;color:var(--ink-2)}.builds{display:block;margin-top:56px;max-width:none;border-top:1px solid #d9d4c6}.build-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(200px,1.4fr) auto auto 92px 34px;align-items:baseline;gap:24px;padding:26px 4px 24px;border-bottom:1px solid #d9d4c6;color:var(--ink);transition:background .2s ease,padding-left .2s ease}.build-row:hover{background:#fbfaf6;padding-left:14px}.build-os{font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.02em}.build-arch{font-size:12.5px;color:var(--ink-2)}.build-meta-line{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);justify-self:end}.build-num{font-family:var(--mono);font-size:12px;color:var(--ink-2);justify-self:end;font-variant-numeric:tabular-nums}.build-get{font-size:16px;color:var(--ink);justify-self:end;transition:transform .2s ease}.build-row:hover .build-get{transform:translateY(3px)}.build-note{margin:22px 0 0;font-size:11px;line-height:1.8;color:var(--ink-3);max-width:66em}.faq{padding:96px max(28px,calc((100vw - 1120px)/2)) 110px;gap:56px;grid-template-columns:300px 1fr}.faq-head h2{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em}.faq-item{padding:20px 0}.faq-item summary{font-size:16px;line-height:1.6;letter-spacing:-.01em}.faq-item summary:after{font-size:18px;line-height:1}.faq-item p{margin:12px 0 0;font-size:13.5px;line-height:1.9;max-width:44em}@media(max-width:900px){.download{padding:64px 24px 60px}.builds{margin-top:36px}.build-row{grid-template-columns:1fr auto;gap:6px 16px;padding:20px 2px;align-items:baseline}.build-os{grid-column:1;font-size:24px}.build-arch{grid-column:1;grid-row:2}.build-meta-line{display:none}.build-num{grid-row:2;justify-self:end}.build-num+.build-num{grid-row:3}.build-get{grid-column:2;grid-row:1 / span 1;justify-self:end}.faq{padding:64px 24px 80px;gap:24px;grid-template-columns:1fr}.faq-item summary{font-size:15px}}.cta{padding:118px 28px 126px;border-top:1px solid var(--rule);background:var(--bg);text-align:center}.cta h2{margin:0 auto;max-width:15em;font-size:clamp(30px,3.7vw,54px);line-height:1.16;letter-spacing:-.04em;font-weight:600;text-wrap:balance}.cta-actions{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:40px}.cta-primary{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 28px;border-radius:8px;background:var(--ink);color:#fbfaf6;font-size:14.5px;transition:background .2s ease,transform .2s ease}.cta-primary:hover{background:#2b2b26;transform:translateY(-1px)}.cta-primary span{font-size:13px;opacity:.8}.cta-secondary{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-2);border-bottom:1px solid var(--rule);padding-bottom:3px;transition:color .2s,border-color .2s}.cta-secondary:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:900px){.cta{padding:74px 24px 82px}.cta-actions{gap:18px;margin-top:28px;flex-direction:column}.cta-primary{height:46px;padding:0 24px;font-size:14px}}.export{background:#fbfbf9}.product-features{background:#f8f5ee}.download{background:linear-gradient(180deg,#f8f5ee 0,#f1ece1 150px);border-top-color:transparent}.faq{background:linear-gradient(180deg,#f1ece1 0,#e7e1d3 150px);border-top:1px solid transparent}.faq-item{border-top-color:#d3ccb9}.faq-item summary:after{color:#8d8676}.cta{position:relative;background:#0b0b0a;border-top:0;color:#f2eee2;padding:150px 28px 130px;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(64% 52% at 50% -10%,#fff7e838,#fff7e800 72%),linear-gradient(180deg,#e7e1d3,#dcd5c4 16%,#b7b09e,#807a6a,#4a463c,#211f1a 72%,#0b0b0a 88%)}.cta h2,.cta-actions{position:relative;z-index:1}.cta h2{color:#f4f0e6;text-shadow:0 1px 24px rgba(0,0,0,.35)}.cta-primary{background:#f4f0e6;color:#141414}.cta-primary:hover{background:#fffdf7}.cta-primary span{opacity:.55}.cta-secondary{color:#b9b3a4;border-bottom-color:#3a382f}.cta-secondary:hover{color:#f4f0e6;border-color:#f4f0e6}@media(max-width:900px){.cta{padding:120px 24px 104px}.cta:before{background:radial-gradient(76% 50% at 50% -8%,#fff7e833,#fff7e800 72%),linear-gradient(180deg,#e7e1d3,#d5cebb 18%,#a49d8c,#6a6558 46%,#2f2c25 62%,#0b0b0a 82%)}}.export{background:#fff}.product-features{background:linear-gradient(180deg,#fff,#fbfbf9)}.download{background:radial-gradient(120% 130% at 50% 8%,#fdfdfb 34%,#efeee9 78%,#e2e1da);border-top-color:#ecebe6}.faq{background:radial-gradient(135% 125% at 50% 16%,#f3f2ec,#e4e3dc 55%,#d3d2c9);border-top:1px solid #e2e1d9}.faq-item{border-top-color:#cfcec4}.cta{background:radial-gradient(120% 110% at 50% 0%,#ffffff1a,#fff0 62%),linear-gradient(180deg,#d3d2c9,#c2c1b8 12%,#9c9b92 28%,#6f6e66,#43423c,#23231f,#0b0b0a);border-top:0;color:#f2eee2}.footer{background:#0b0b0a;border-top:1px solid #1d1c18;color:#8b8578}.footer a:hover{color:#f4f0e6}@media(max-width:900px){.download{background:radial-gradient(140% 130% at 50% 6%,#fdfdfb 40%,#e6e5df)}.faq{background:radial-gradient(150% 130% at 50% 14%,#f0efe9,#d4d3ca)}}.tail{position:relative;isolation:isolate;background:linear-gradient(180deg,#fbfbf9,#fafaf8 14%,#f7f7f5 30%,#f2f2ef 44%,#eaeae7,#dededa 68%,#cbcbc6 78%,#90908b 86%,#3a3a35 92%,#121210,#0a0a0a)}.tail:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 60% at 50% 52%,#0a0a0a00 52%,#0a0a0a42);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 24%,#000 100%);mask-image:linear-gradient(180deg,#0000,#000 46% 100%)}.tail>*{position:relative;z-index:1}.tail .product-features,.tail .download,.tail .faq,.tail .cta{background:transparent;border-top:0}.tail .download{border-top:0}.tail .cta:before{display:none}.tail .cta{background:transparent}.tail .faq{border-top:0}.tail .build-card,.tail .builds,.tail .build-row{border-color:#14141429}.tail .footer{background:transparent;border-top:1px solid rgba(255,255,255,.08)}.tail .faq,.tail .faq h2{color:var(--ink)}.tail .faq-item{border-top-color:#14141424}.tail .faq-item summary{color:var(--ink)}.tail .faq-item summary:after{color:#8d8678}.tail .faq-item p{color:var(--ink-2)}.tail .footer{color:#8b8578}.thesis{padding:104px max(28px,calc((100vw - 1120px)/2)) 0;max-width:100%}.thesis-lead{margin:0;max-width:17em;font-size:clamp(28px,3.4vw,46px);line-height:1.22;letter-spacing:-.035em;font-weight:600;color:var(--ink);text-wrap:balance}.thesis-body{margin:22px 0 0;max-width:34em;font-size:15px;line-height:1.85;color:var(--ink-2)}@media(max-width:900px){.thesis{padding:64px 24px 0}.thesis-body{font-size:14px}}.desktop-shot{margin:52px 0 0;max-width:1120px}.desktop-frame{position:relative;border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(20,20,20,.14);box-shadow:0 26px 60px -40px #0000008c}.desktop-bar{display:flex;gap:7px;align-items:center;height:34px;padding:0 14px;border-bottom:1px solid rgba(20,20,20,.1);background:#faf9f6}.desktop-bar i{width:9px;height:9px;border-radius:50%;background:#dcd8cf}.desktop-frame img{display:block;width:100%;height:auto;object-fit:cover}.desktop-shot figcaption{margin-top:14px;font-size:12px;line-height:1.7;color:var(--ink-3)}@media(max-width:900px){.desktop-shot{margin-top:34px}.desktop-bar{height:26px;padding:0 10px}.desktop-bar i{width:7px;height:7px}.desktop-shot figcaption{font-size:11.5px}}.footer{display:block;padding:72px max(28px,calc((100vw - 1120px)/2)) 28px;background:#0b0b0a;border-top:1px solid rgba(255,255,255,.08);color:#8b8578}.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.footer-brand .wordmark{color:#f4f0e6}.footer-brand p{margin:14px 0 0;max-width:22em;font-size:12px;line-height:1.8;color:#8b8578}.footer-col h3{margin:0 0 14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#6d6759;font-weight:400}.footer-col a{display:block;margin-bottom:10px;font-size:12.5px;color:#b9b3a4;transition:color .2s}.footer-col a:hover{color:#f4f0e6}.footer-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:10.5px;color:#6d6759}.footer-bottom .spacer{flex:1}.footer-bottom a:hover{color:#f4f0e6}@media(max-width:900px){.footer{padding:52px 24px 22px}.footer-cols{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1 / -1}.footer-bottom{margin-top:32px;gap:14px}}.details{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:64px;padding:96px max(28px,calc((100vw - 1120px)/2)) 104px}.details-side{min-width:0}.detail-stat{border-top:1px solid rgba(20,20,20,.14);padding-top:20px}.detail-num{margin:0;font-size:clamp(56px,6vw,84px);line-height:.95;font-weight:400;letter-spacing:-.06em;color:var(--ink)}.detail-num span{font-size:13px;font-family:var(--mono);letter-spacing:.02em;color:var(--accent);margin-left:10px}.detail-note{margin:14px 0 0;font-size:12.5px;line-height:1.8;color:var(--ink-2);max-width:24em}.detail-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.rm-col{border-top:1px solid rgba(20,20,20,.14);padding-top:16px}.rm-col.planned{border-top-style:dashed;opacity:.72}.rm-col h3{margin:0 0 14px;font-size:12px;font-weight:600;color:var(--ink)}.rm-col ul{list-style:none;margin:0;padding:0}.rm-col li{position:relative;padding-left:16px;margin-bottom:10px;font-size:12px;line-height:1.65;color:var(--ink-2)}.rm-col li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.rm-col.planned li:before{content:"↗"}.details-faq h2{margin:0 0 6px;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;font-weight:600}.details-faq .faq-item{border-top-color:#14141424}@media(max-width:900px){.details{grid-template-columns:1fr;gap:36px;padding:64px 24px 72px}.detail-roadmap{gap:18px}}