.guide-shell{min-height:100vh;color:var(--ink)}.guide-header nav,.guide-footer nav{align-items:center;gap:6px;display:flex}.guide-header nav>a:not(.guide-open-tool),.guide-footer nav a{color:#536158;border-radius:8px;align-items:center;min-height:38px;padding:0 10px;font-size:10px;font-weight:760;text-decoration:none;display:inline-flex}.guide-header nav>a:not(.guide-open-tool):hover,.guide-footer nav a:hover{color:var(--forest);background:#ffffff9e}.guide-ribbon{position:relative}.guide-hero,.guide-playground,.guide-route-grid,.guide-principle,.scroll-story,.guide-quick-reference,.repair-comparator,.repair-decision,.guide-warning-grid,.guide-next{width:min(1240px,100% - 48px);margin-inline:auto}.guide-hero{grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:72px;min-height:480px;padding:72px 0 64px;display:grid}.guide-kicker{color:#34704c;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:9px;font-weight:850}.guide-hero h1{max-width:850px;color:var(--forest-dark);letter-spacing:-.065em;margin:0;font-size:clamp(48px,6.4vw,78px);line-height:.97}.guide-hero h1 span{color:#3d7955}.guide-hero>div>p:last-child{max-width:690px;color:var(--ink-soft);margin:24px 0 0;font-size:17px;line-height:1.65}.guide-hero-index{border:1px solid var(--line);border-radius:var(--radius-md);background:#fbfaf5d1;grid-template-columns:42px 1fr;padding:8px 18px;display:grid;box-shadow:0 12px 35px #14291d0f}.guide-hero-index span,.guide-hero-index p{border-bottom:1px solid var(--line);margin:0;padding:16px 0;font-size:11px}.guide-hero-index span{color:#3e7e58;font-family:var(--font-mono);font-weight:800}.guide-hero-index p{color:#34453b;font-weight:720}.guide-hero-index span:last-of-type,.guide-hero-index p:last-child{border-bottom:0}.guide-playground,.repair-comparator{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);grid-template-columns:minmax(300px,.78fr) minmax(440px,1.22fr);gap:18px;padding:18px;display:grid}.playground-copy,.repair-mode-copy{align-self:center;padding:clamp(22px,4vw,48px)}.playground-copy h2,.repair-mode-copy h2{max-width:510px;color:var(--forest-dark);letter-spacing:-.05em;margin:0;font-size:clamp(31px,4vw,50px);line-height:1}.playground-copy>p:nth-of-type(2){color:#58665d;max-width:520px;margin:18px 0 0;font-size:13px;line-height:1.65}.playground-tabs,.repair-mode-tabs{background:#e9eeea;border:1px solid #cbd3cd;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:26px;padding:4px;display:grid}.playground-tabs button,.repair-mode-tabs button{color:#59675e;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:42px;padding:0 7px;font-size:9px;font-weight:790}.playground-tabs button[aria-pressed=true],.repair-mode-tabs button[aria-pressed=true]{background:var(--forest);color:#fff;box-shadow:0 4px 12px #123c2a33}.guide-range{color:#56645b;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:10px;margin-top:18px;font-size:9px;font-weight:760;display:grid}.guide-range input{accent-color:#226846;cursor:ew-resize;width:100%;min-height:30px;margin:0}.guide-range output{min-width:34px;color:var(--forest);font-family:var(--font-mono);text-align:right;font-weight:800}.playground-status{color:#2f6446;min-height:38px;font-family:var(--font-mono);background:#f0f7f2;border:1px solid #cfe0d4;border-radius:9px;margin:18px 0 0;padding:10px 11px;font-size:8px;line-height:1.5}.guide-mesh-scene{background:#f3f5f1;border:1px solid #cbd5ce;border-radius:18px;min-height:560px;transition:background .22s;position:relative;overflow:hidden}.guide-mesh-scene.mode-xray{background:#061722;border-color:#153949}.guide-three-demo,.guide-three-demo canvas{width:100%;height:100%}.guide-three-demo{position:absolute;inset:0}.guide-three-demo canvas{touch-action:none;display:block}.guide-live-badge,.guide-view-hint,.guide-reset-view{z-index:3;color:#425047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #5a70633d;font-size:8px;font-weight:790;position:absolute;box-shadow:0 6px 18px #14291d14}.guide-live-badge{min-height:29px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:0 10px;display:inline-flex;top:13px;left:13px}.guide-live-badge i{background:#25a95f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #25a95f21}.mode-xray .guide-live-badge,.mode-xray .guide-view-hint,.mode-xray .guide-reset-view{color:#c4edf3;background:#03131cd1;border-color:#73deef3d}.mode-xray .guide-live-badge i{background:#62e7fa;box-shadow:0 0 0 4px #62e7fa1f,0 0 12px #62e7fabf}.guide-reset-view{cursor:pointer;border-radius:8px;min-height:34px;padding:0 11px;top:13px;right:13px}.guide-view-hint{white-space:nowrap;border-radius:999px;align-items:center;min-height:29px;padding:0 10px;display:flex;bottom:13px;left:50%;transform:translate(-50%)}.guide-axis{z-index:3;width:45px;height:45px;font-family:var(--font-mono);pointer-events:none;font-size:8px;position:absolute;bottom:15px;right:15px}.guide-axis span{font-weight:850;position:absolute}.guide-axis span:first-child{color:#dc5b55;bottom:0;right:0}.guide-axis span:nth-child(2){color:#2aaa62;bottom:0;left:3px}.guide-axis span:nth-child(3){color:#3281bf;top:0;left:20px}.mode-xray .guide-axis span:first-child{color:#ff6984}.mode-xray .guide-axis span:nth-child(2){color:#70e6a2}.mode-xray .guide-axis span:nth-child(3){color:#75dfff}.guide-webgl-fallback{color:#657169;text-align:center;place-items:center;margin:0;padding:30px;font-size:12px;display:grid;position:absolute;inset:0}.guide-demo-loading{color:#617067;font-family:var(--font-mono);place-items:center;font-size:9px;display:grid}.guide-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:110px 0;display:grid}.guide-route-heading{grid-column:1/-1;margin-bottom:24px}.guide-route-heading h2,.guide-quick-reference h2,.repair-decision h2{max-width:780px;color:var(--forest-dark);letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,58px);line-height:1}.guide-route-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-bright);min-height:340px;color:var(--forest-dark);flex-direction:column;padding:28px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #14291d0f}.guide-route-card:hover{border-color:#8eaa98;transform:translateY(-3px);box-shadow:0 20px 48px #14291d1c}.guide-route-card>span{color:#477a5b;font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:820}.guide-route-card h3{letter-spacing:-.05em;max-width:430px;margin:20px 0 12px;font-size:clamp(28px,3.5vw,43px);line-height:1}.guide-route-card p{color:#59675e;max-width:430px;margin:0;font-size:12px;line-height:1.65}.guide-route-card b{color:#285f40;margin-top:auto;font-size:10px}.guide-route-card b i{margin-left:5px;font-style:normal}.guide-route-card.repair{background:#edf5ef}.route-model-stage{pointer-events:none;background:#061722;border-top:1px solid #35784d24;border-left:1px solid #35784d24;border-radius:18px 0 0;width:46%;height:76%;position:absolute;bottom:0;right:0;overflow:hidden}.route-model-stage.repair{background:#eef4ef}.route-model-stage canvas{width:100%;height:100%;display:block}.guide-route-card h3,.guide-route-card p,.guide-route-card b,.guide-route-card>span{z-index:2;position:relative}.guide-route-card h3,.guide-route-card p{max-width:58%}.guide-principle{border-radius:var(--radius-lg);background:#e6f2e9;border:1px solid #adc6b5;margin-bottom:110px;padding:clamp(28px,5vw,58px)}.guide-principle blockquote{max-width:980px;color:var(--forest-dark);letter-spacing:-.05em;margin:18px 0 30px;font-size:clamp(30px,4.5vw,54px);font-weight:760;line-height:1.1}.guide-principle blockquote em{color:#3f7b56;font-style:normal}.guide-principle a,.guide-next a{color:#225b3a;font-size:10px;font-weight:820;text-decoration:none}.guide-footer{margin-top:0}.guide-footer>div{color:var(--forest);align-items:center;gap:9px;display:flex}.guide-footer .brand-mark{width:28px;height:28px}.guide-footer p{color:#68756c;margin:0;font-size:9px}.guide-article-hero{grid-template-columns:minmax(0,1fr) 150px;min-height:500px}.guide-hero-model{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 45px #14291d1a}.guide-hero-model .route-model-stage{border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.scroll-story{grid-template-columns:minmax(420px,1fr) minmax(330px,.78fr);align-items:start;gap:clamp(44px,7vw,90px);padding:34px 0 120px;display:grid}.story-stage{border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:14px;position:sticky;top:18px}.story-stage-heading{color:#3e5447;justify-content:space-between;align-items:center;min-height:48px;padding:0 4px;display:flex}.story-stage-heading span{font-family:var(--font-mono);font-size:9px;font-weight:800}.story-stage-heading p{color:#39724f;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:8px;font-weight:820}.story-stage .guide-mesh-scene{min-height:470px}.story-stage-signal{color:#59675e;min-height:42px;font-family:var(--font-mono);align-items:center;gap:8px;padding:0 5px;font-size:8px;display:flex}.story-stage-signal i{background:#76847b;border-radius:50%;width:8px;height:8px}.story-stage-signal i.xray{background:#53dff4;box-shadow:0 0 8px #53dff4bf}.story-stage-signal i.section{background:#e3a744;box-shadow:0 0 8px #e3a7448c}.story-stage-signal i.defect{background:#ef4f69;box-shadow:0 0 8px #ef4f698c}.story-progress{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.story-progress span{background:#dde4df;border-radius:3px;height:3px}.story-progress span.is-active{background:#2ea765}.story-steps{display:grid}.story-steps article{border-top:1px solid var(--line);opacity:.38;min-height:430px;padding:72px 22px;transition:opacity .18s,transform .18s;transform:translate(8px)}.story-steps article.is-active{opacity:1;transform:translate(0)}.story-steps article>span{color:#43805a;font-family:var(--font-mono);font-size:9px;font-weight:820}.story-steps article>p{color:#477a5a;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin:14px 0 0;font-size:8px;font-weight:820}.story-steps h2{color:var(--forest-dark);letter-spacing:-.05em;margin:16px 0;font-size:clamp(31px,4.2vw,47px);line-height:1}.story-steps article>div{color:#59675e;font-size:13px;line-height:1.75}.guide-quick-reference{border-top:1px solid #4c625433;padding:100px 0 120px}.guide-quick-reference>div:first-child{grid-template-columns:.5fr 1.5fr;align-items:end;gap:35px;display:grid}.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:52px;display:grid}.reference-grid article,.guide-warning-grid article{border:1px solid var(--line);background:var(--paper-bright);border-radius:13px;min-height:235px;padding:22px}.reference-grid article{border-top:3px solid #59a977}.reference-grid article span,.guide-warning-grid span{color:#477a5a;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:820}.reference-grid h3,.guide-warning-grid h3{color:#243a2c;letter-spacing:-.025em;margin:28px 0 11px;font-size:18px}.reference-grid p,.guide-warning-grid p{color:#5f6c64;margin:0;font-size:11px;line-height:1.7}.guide-next{border-radius:var(--radius-lg);background:var(--forest-dark);color:#fff;box-shadow:var(--shadow);border:1px solid #a9c4b2;margin-bottom:110px;padding:clamp(30px,5vw,56px)}.guide-next p{color:var(--mint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;font-size:8px;font-weight:820}.guide-next h2{letter-spacing:-.05em;max-width:820px;margin:0 0 28px;font-size:clamp(30px,4.6vw,52px);line-height:1}.guide-next a{color:#ddf6e6}.repair-mode-tabs{grid-template-columns:repeat(2,1fr)}.repair-mode-answer{background:#f5f8f5;border:1px solid #d4ded7;border-radius:11px;min-height:160px;margin-top:22px;padding:20px}.repair-mode-answer span{color:#36704d;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:820}.repair-mode-answer h3{color:var(--forest-dark);margin:9px 0 8px;font-size:20px}.repair-mode-answer p{color:#59675e;margin:0;font-size:11px;line-height:1.65}.repair-visual{background:radial-gradient(circle,#3f77511f,#0000 42%),linear-gradient(#123c2a09 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#123c2a09 1px,#0000 1px) 0 0/28px 28px,#f3f5f1;border:1px solid #cbd5ce;border-radius:18px;min-height:560px;position:relative;overflow:hidden}.repair-3d-stage .guide-three-demo{position:absolute;inset:0}.repair-3d-stage canvas{touch-action:none;width:100%;height:100%;display:block}.repair-visual-labels{z-index:6;color:#5c6d63;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;pointer-events:none;justify-content:space-between;font-size:8px;font-weight:820;display:flex;position:absolute;inset:16px 16px auto}.comparison-handle{z-index:5;pointer-events:none;background:#2e9d5d;width:2px;position:absolute;top:0;bottom:0}.comparison-handle i{background:#fff;border:2px solid #3e9f61;border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px #14291d33}.comparison-handle i:before{content:"↔";color:var(--forest);place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.comparison-handle span{color:#356548;font-family:var(--font-mono);text-transform:uppercase;font-size:7px;font-weight:800;position:absolute;top:calc(50% + 31px);left:50%;transform:translate(-50%)}.comparison-scrubber{z-index:10;opacity:0;cursor:ew-resize;width:100%;height:60px;margin:0;position:absolute;top:calc(50% - 30px);left:0;right:0}.repair-reset-view{z-index:12}.repair-readout{z-index:6;color:#53635a;font-family:var(--font-mono);pointer-events:none;align-items:center;gap:13px;font-size:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.repair-readout span{align-items:center;gap:6px;display:flex}.repair-readout i{background:#77857c;border-radius:50%;width:8px;height:8px}.repair-readout span:nth-child(2) i{background:#36ad68;box-shadow:0 0 7px #36ad6880}.repair-readout strong{color:var(--forest);margin-left:auto;font-weight:760}.repair-decision{grid-template-columns:.9fr 1.1fr;gap:clamp(45px,7vw,95px);padding:110px 0;display:grid}.repair-decision-heading{align-self:start;position:sticky;top:28px}.repair-decision ol{margin:0;padding:0;list-style:none}.repair-decision li{border-top:1px solid var(--line-strong);grid-template-columns:46px 1fr;gap:18px;padding:28px 0;display:grid}.repair-decision li>span{color:#43805a;font-family:var(--font-mono);font-size:8px;font-weight:820}.repair-decision h3{color:#203629;letter-spacing:-.025em;margin:0 0 8px;font-size:20px}.repair-decision li p{color:#5c6961;margin:0;font-size:12px;line-height:1.7}.guide-warning-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 0 110px;display:grid}.guide-warning-grid article{min-height:240px}.guide-warning-grid span{color:#916025}@keyframes guide-section-arrive{0%{opacity:.22;transform:translateY(34px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@supports (animation-timeline:view()){.guide-playground,.guide-route-grid,.guide-principle,.scroll-story,.guide-quick-reference,.repair-comparator,.repair-decision,.guide-warning-grid,.guide-next{animation:linear both guide-section-arrive;animation-timeline:view();animation-range:entry entry 28%}}@media (max-width:940px){.guide-header nav>a:not(.guide-open-tool){display:none}.guide-hero{grid-template-columns:1fr;gap:35px}.guide-hero-index{max-width:470px}.guide-playground,.repair-comparator{grid-template-columns:1fr}.guide-mesh-scene,.repair-visual{min-height:500px}.guide-route-grid{grid-template-columns:1fr}.guide-route-heading{grid-column:auto}.guide-hero-model{max-width:340px}.scroll-story{grid-template-columns:minmax(340px,.9fr) 1fr;gap:35px}.story-stage .guide-mesh-scene{min-height:390px}.story-steps article{min-height:390px;padding:60px 12px}.reference-grid{grid-template-columns:repeat(2,1fr)}.repair-decision{grid-template-columns:1fr}.repair-decision-heading{position:static}.guide-warning-grid{grid-template-columns:1fr}}@media (max-width:640px){.guide-header,.guide-hero,.guide-playground,.guide-route-grid,.guide-principle,.scroll-story,.guide-quick-reference,.repair-comparator,.repair-decision,.guide-warning-grid,.guide-next{width:min(100% - 18px,560px)}.guide-header{min-height:72px}.guide-header .brand small{display:none}.guide-open-tool{padding-inline:10px}.guide-ribbon{padding-inline:14px}.guide-hero{min-height:430px;padding:52px 0 46px}.guide-hero h1{font-size:clamp(43px,14.5vw,66px)}.guide-hero>div>p:last-child{font-size:15px}.guide-playground,.repair-comparator{border-radius:19px;padding:9px}.playground-copy,.repair-mode-copy{padding:22px 13px}.playground-tabs{grid-template-columns:repeat(2,1fr)}.playground-tabs button,.repair-mode-tabs button{min-height:46px}.guide-mesh-scene,.repair-visual{min-height:410px}.guide-view-hint{left:13px;transform:none}.guide-axis{display:none}.guide-route-grid{padding:80px 0}.guide-route-card{min-height:320px;padding:23px}.guide-principle{margin-bottom:80px}.scroll-story{grid-template-columns:1fr;padding-top:15px}.story-stage{z-index:10;padding:8px;top:6px}.story-stage .guide-mesh-scene{min-height:265px}.story-stage-heading{min-height:40px}.story-stage-signal{min-height:36px}.story-steps article{opacity:.42;min-height:390px;padding:95px 7px}.guide-quick-reference>div:first-child,.reference-grid{grid-template-columns:1fr}.repair-readout strong{display:none}.guide-footer{flex-wrap:wrap;padding:18px 0}.guide-footer p{order:3;width:100%}}@media (prefers-reduced-motion:reduce){.guide-shell *,.guide-shell :before,.guide-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
