main{animation:page-arrive .35s ease both}@keyframes page-arrive{from{opacity:.3}to{opacity:1}}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--rust);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--rust);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.button{transition:background .2s,box-shadow .2s}.button:hover{box-shadow:0 5px 0 #a6412725}.pointer-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 0}.pointer-instruction{font-size:11px;line-height:1.7;margin:0;max-width:270px}.pointer-instruction>span{font-size:20px;color:var(--rust);padding-right:6px}.pointer-controls .world-transform{margin:0;font-size:10px;min-height:44px}.pointer-alternative{width:100%;font-size:8px;color:#69715e}.interactive-chapter{padding:55px 0 65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:50px;scroll-margin-top:30px}.chapter-heading{margin-bottom:35px}.chapter-heading h2{font-size:48px;line-height:1.08;letter-spacing:-1.8px;margin:20px 0}.chapter-heading h2 em{color:var(--rust)}.chapter-heading>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:520px}.compare-layout,.journey-demo{display:grid;grid-template-columns:1.2fr 1fr;background:#eceee3;border:1px solid #d3d8c8}.chapter-copy{padding:45px;background:#faf9f3;display:flex;flex-direction:column;align-items:start}.chapter-copy h3{font-family:var(--serif);font-size:38px;font-weight:400;line-height:1.08;letter-spacing:-.6px;margin:25px 0 18px}.chapter-copy p{font-size:14px;color:var(--muted);line-height:1.9}.chapter-copy .chapter-hint,.chapter-copy .demo-note{font-size:11px;margin-top:auto;padding-top:20px}.chapter-copy .inline-link{font-size:12px}.chapter-switch{display:flex;gap:25px;border-bottom:1px solid var(--line);width:100%}.chapter-switch button{border:0;background:none;padding:10px 0 16px;font-size:12px;min-height:44px;color:var(--muted)}.chapter-switch button[aria-pressed=true]{color:var(--ink);border-bottom:2px solid var(--rust)}.connection-model{position:relative;min-height:430px;overflow:hidden;background:radial-gradient(ellipse at center,#fafbef,#e0e5d4);perspective:800px}.model-orbit{width:240px;height:240px;border:1px dashed #919e7c;border-radius:50%;position:absolute;left:calc(50% - 120px);top:80px;opacity:0;transform:scale(.65);transition:opacity .8s,transform .8s}.model-hub{position:absolute;left:calc(50% - 38px);top:165px;width:76px;height:76px;background:#f6f8ed;box-shadow:0 8px 0 #a5b191,0 20px 25px #60704922;border-radius:20px;display:grid;place-items:center;opacity:.4;transform:rotateX(20deg);transition:opacity .6s}.model-hub img{width:40px;height:40px}.model-piece{position:absolute;width:175px;padding:20px;background:#f9f6eb;border:1px solid #fff;border-radius:9px;box-shadow:0 7px 0 #b9bea7,5px 20px 25px #57614525;left:calc(50% - 87px);top:130px;transition:transform .85s cubic-bezier(.2,.8,.2,1);font-size:15px;transform:rotateX(20deg)}.model-piece span{display:block;font-size:9px;color:#8b947b;margin-bottom:12px}.model-piece small{display:block;font-size:7px;letter-spacing:1px;margin-top:12px;color:#737e65}.piece-one{transform:translate(-100px,-55px) rotate(-18deg);background:#e3e7d8}.piece-two{transform:translate(100px,0) rotate(16deg);background:#e6d9c9}.piece-three{transform:translate(-70px,135px) rotate(-8deg);background:#d5dfdc}.connection-model[data-mode=connected] .piece-one{transform:translate(0,-110px) rotate(0)}.connection-model[data-mode=connected] .piece-two{transform:translate(105px,110px) rotate(0)}.connection-model[data-mode=connected] .piece-three{transform:translate(-105px,110px) rotate(0)}.connection-model[data-mode=connected] .model-orbit{opacity:.7;transform:scale(1)}.connection-model[data-mode=connected] .model-hub{opacity:1}.model-caption{position:absolute;bottom:23px;width:100%;text-align:center;font-size:8px;letter-spacing:1px;color:#67745a}.journey-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-bottom:0}.journey-tabs button{background:transparent;border:0;border-right:1px solid var(--line);padding:20px;font-size:13px;text-align:left;min-height:65px;transition:background .25s}.journey-tabs button:last-child{border-right:0}.journey-tabs span{font-size:9px;color:#859073;margin-right:15px}.journey-tabs button[aria-pressed=true]{background:#3e5034;color:#fff}.journey-tabs button[aria-pressed=true] span{color:#c5d3b7}.journey-art{padding:50px;min-height:450px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 40% 30%,#f5f5ea,#dce4d1)}.journey-paper{position:relative;max-width:300px;width:100%;background:#fffef7;padding:30px;box-shadow:5px 20px 45px #40532b20;transform:rotate(-3deg);border-bottom:5px solid #dbdfcc}.paper-top{font-size:8px;letter-spacing:1.2px}.paper-symbol{font-family:var(--serif);font-size:60px;line-height:1;padding:25px 0 15px;color:var(--rust)}.journey-paper h3{font-size:25px;line-height:1.2;font-weight:450;letter-spacing:-.7px}.paper-lines span{display:block;width:100%;height:1px;background:#daddd0;margin:13px 0}.paper-lines span:last-child{width:60%}.paper-tag{font-size:8px;letter-spacing:1px;display:block;margin-top:25px}.paper-stamp{position:absolute;right:25px;bottom:20px;font-size:25px;font-family:var(--serif);color:#879477}.journey-track{position:absolute;left:22px;top:50px;bottom:50px;width:2px;background:#bfcab1}.journey-track span{display:block;height:100%;background:#4a603e;transform:scaleY(.25);transform-origin:top;transition:transform .5s}.workspace-demo{display:grid;grid-template-columns:240px 1fr;border:1px solid #cdd2c4;box-shadow:0 18px 40px #38472c0c}.workspace-menu{padding:20px;background:#e8ecdf;display:flex;flex-direction:column;gap:5px}.workspace-menu button{display:flex;align-items:center;gap:14px;background:transparent;border:0;padding:20px 12px;text-align:left;font-size:13px;border-radius:4px;transition:background .2s}.workspace-menu button>span{font-size:8px;color:#7a8869}.workspace-menu button>b{margin-left:auto;font-weight:400}.workspace-menu button[aria-pressed=true]{background:#3e5034;color:#fff}.workspace-menu button[aria-pressed=true]>span{color:#c4d3b6}.workspace-preview{background:#fcfbf5;padding:30px 40px;min-width:0}.preview-top{display:flex;align-items:center;gap:15px;padding-bottom:24px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1px}.preview-top img{width:22px;height:22px}.preview-dot{margin-left:auto;background:#90a57d;width:6px;height:6px;border-radius:50%}.workspace-story{padding-top:30px;min-height:200px}.workspace-story .eyebrow{font-size:9px}.workspace-story h3{font-family:var(--serif);font-size:36px;font-weight:400;margin:16px 0}.workspace-story p{font-size:13px;line-height:1.85;color:var(--muted);max-width:550px}.workflow-illustration{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0 35px}.workflow-illustration>span:not(.workflow-arrow){font-size:11px;padding:20px 14px;border:1px solid #d7dccd;background:#f1f3e9;flex:1;text-align:center}.workflow-illustration>div{width:65px;height:65px;display:grid;place-items:center;background:#e1e7d6;box-shadow:0 6px 0 #b4c09e;border-radius:14px}.workflow-illustration img{width:35px;height:35px}.workflow-arrow{color:#8b987b}.preview-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:7px;letter-spacing:.7px;color:#707c62}.chapter-next{margin-top:30px}.faq-discovery{padding:30px 0 35px;border-top:1px solid var(--line);margin-bottom:35px}.question-search{margin-top:24px;max-width:760px}.question-search label{font-family:var(--serif);font-size:30px;display:block;margin-bottom:18px}.question-search>div{display:flex;border-bottom:1px solid #8c967e;align-items:center;gap:15px}.question-search input{border:0;background:transparent;color:var(--ink);font:inherit;font-size:17px;padding:17px 0;width:100%;min-width:0}.question-search input:focus-visible{outline:2px solid var(--rust);outline-offset:4px}.question-search button{border:0;background:none;font-size:12px;padding:12px}.question-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.question-topics button{background:transparent;border:1px solid #c8cebd;border-radius:25px;padding:12px 18px;font-size:12px;min-height:44px;transition:background .2s}.question-topics button[aria-pressed=true]{background:#405336;color:white;border-color:#405336}#question-count,#no-questions{font-size:12px;color:var(--muted);margin:22px 0 0}[hidden]{display:none!important}.faq-group details[open]{background:#eeeee5;padding-left:15px;padding-right:15px}.faq-group details{transition:background .25s,padding .25s}
@media(max-width:800px){.chapter-heading h2{font-size:40px}.compare-layout,.journey-demo{grid-template-columns:1fr}.chapter-copy{padding:30px}.connection-model{min-height:420px}.workspace-demo{grid-template-columns:180px 1fr}.workspace-menu{padding:10px}.workspace-menu button{padding:18px 8px;font-size:12px}.workspace-preview{padding:25px}.workspace-story h3{font-size:30px}.workflow-illustration{gap:8px}.workflow-illustration>span:not(.workflow-arrow){font-size:10px;padding:15px 8px}.workspace-story{min-height:240px}.preview-bottom{flex-wrap:wrap}.chapter-copy .chapter-hint{margin-top:0}.journey-art{min-height:400px}}
@media(max-width:580px){.interactive-chapter{padding:35px 0 40px;margin-bottom:30px}.chapter-heading h2{font-size:33px;letter-spacing:-.8px}.chapter-heading>p{font-size:13px}.chapter-copy{padding:25px}.chapter-copy h3{font-size:32px}.chapter-copy p{font-size:13px}.connection-model{min-height:380px}.model-piece{width:140px;left:calc(50% - 70px);font-size:13px;padding:15px}.model-piece small{font-size:6px}.piece-one{transform:translate(-62px,-55px) rotate(-14deg)}.piece-two{transform:translate(65px,15px) rotate(14deg)}.piece-three{transform:translate(-50px,125px) rotate(-8deg)}.connection-model[data-mode=connected] .piece-one{transform:translate(0,-100px)}.connection-model[data-mode=connected] .piece-two{transform:translate(73px,115px)}.connection-model[data-mode=connected] .piece-three{transform:translate(-73px,115px)}.model-hub{top:153px}.model-caption{font-size:6px;bottom:18px}.journey-tabs button{padding:14px 8px;font-size:11px}.journey-tabs span{display:block;margin:0 0 8px}.journey-art{padding:30px 38px;min-height:370px}.journey-paper{padding:25px}.journey-paper h3{font-size:23px}.workspace-demo{grid-template-columns:1fr}.workspace-menu{flex-direction:row;flex-wrap:wrap;gap:4px;padding:12px}.workspace-menu button{flex:1 1 29%;justify-content:center;padding:12px 6px;min-height:44px;font-size:10px;gap:5px}.workspace-menu button b{display:none}.workspace-menu button span{font-size:7px}.workspace-preview{padding:22px}.workspace-story{min-height:225px}.workspace-story h3{font-size:29px}.workflow-illustration{gap:5px}.workflow-illustration>div{width:44px;height:50px}.workflow-illustration img{width:27px;height:27px}.workflow-illustration>span:not(.workflow-arrow){font-size:9px;padding:15px 5px}.preview-top{font-size:6px;gap:10px}.preview-bottom{font-size:6px;gap:12px}.question-search label{font-size:27px}.question-search input{font-size:14px}.question-topics{gap:7px}.question-topics button{font-size:11px;padding:10px 14px}.pointer-instruction{font-size:10px}.pointer-alternative{font-size:7px}.pointer-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}*{scroll-behavior:auto!important}.reading-progress{display:none}}