.system-scene{position:relative;padding:64px 28px 54px;min-width:0}.system-grid{position:absolute;inset:10px;border-radius:50%;border:1px solid var(--art-edge);background:repeating-linear-gradient(0deg,transparent 0 31px,var(--art-ambient) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,var(--art-ambient) 31px 32px);transform:rotateX(35deg) rotate(-8deg)}.system-planes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:center;position:relative}.system-plane{position:relative;min-width:0;padding:24px 18px;border:1px solid var(--art-edge);border-radius:var(--depth-radius);background:var(--art-surface);box-shadow:var(--art-shadow);transform:rotateY(-10deg) rotateX(5deg) translateY(12px)}.system-plane:nth-child(2n){transform:rotateY(-10deg) rotateX(5deg) translateY(-12px)}.system-plane:not(:last-child):after{content:"";position:absolute;width:17px;height:1px;background:var(--teal);top:50%;left:100%}.system-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--art-wash);color:var(--art-ink);font:20px JetBrains Mono,monospace}.system-plane:last-child .system-symbol{background:var(--amber);color:#0e2426}.system-traces{display:flex;gap:5px;height:48px;align-items:center}.system-traces i{width:10px;height:24px;border:1px solid var(--art-edge);border-radius:4px}.system-traces i:nth-child(2){height:35px;background:var(--art-wash)}.system-plane strong{display:block;font:500 clamp(18px,2vw,24px) Outfit,sans-serif;color:var(--art-ink)}.system-plane small{display:block;margin-top:8px;font-size:14px;line-height:1.6;color:var(--art-muted)}.system-baseline{position:relative;display:block;text-align:center;margin-top:42px;font:11px JetBrains Mono,monospace;letter-spacing:.12em;color:var(--muted)}@media(max-width:767px){.system-scene{padding:34px 0 24px}.system-planes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.system-plane{padding:18px 14px;transform:none}.system-plane:nth-child(2n){transform:translateY(-8px)}.system-plane:not(:last-child):after{display:none}.system-baseline{margin-top:24px;font-size:10px}}.planning-scene{position:relative;isolation:isolate;min-width:0;padding:28px 20px 24px;margin:0 auto}.planning-scene:before{content:"";position:absolute;z-index:-1;inset:13% 1% 10%;background:linear-gradient(90deg,transparent 49.8%,var(--border) 50%,transparent 50.2%),radial-gradient(ellipse,var(--tint),transparent 72%);border-block:1px solid var(--border);transform:skewY(-3deg);pointer-events:none}.planning-scene-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:30px;font:10px/1.6 JetBrains Mono,monospace;letter-spacing:.05em;color:var(--muted)}.planning-cue{display:flex;align-items:center;gap:8px}.planning-cue i{width:5px;height:5px;border-radius:50%;background:var(--amber);flex-shrink:0}.planning-map{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:32px;align-items:center}.planning-note{position:relative;min-width:0;padding:25px 22px;border:1px solid var(--border);border-radius:5px 18px 5px 5px;background:var(--surface);box-shadow:5px 12px color-mix(in srgb,var(--teal) 6%,var(--canvas)),0 20px 28px #0c26260c;transform:rotate(-4deg)}.planning-note-corner{position:absolute;right:-1px;top:-1px;width:22px;height:22px;background:var(--tint);border-left:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 16px 0 5px}.planning-note-label{color:var(--teal);font:9px/1.6 JetBrains Mono,monospace;letter-spacing:.1em}.planning-note>strong{display:block;margin-top:16px;font:500 clamp(20px,2.2vw,27px)/1.2 Outfit,sans-serif;letter-spacing:-.02em}.planning-note-lines{margin-top:22px;display:grid;gap:15px}.planning-note-lines>div{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;line-height:1.6}.planning-note-lines i{width:6px;height:6px;border:1px solid var(--teal);border-radius:2px;flex-shrink:0}.planning-note-traces{display:flex;align-items:end;gap:5px;margin-top:26px;height:25px}.planning-note-traces i{width:20%;height:7px;background:var(--tint);border-top:1px solid var(--border)}.planning-note-traces i:nth-child(2){height:16px}.planning-note-traces i:nth-child(3){height:25px;background:color-mix(in srgb,var(--amber) 18%,var(--canvas))}.planning-board{position:relative;min-width:0;padding:28px;border:1px solid var(--border);border-radius:12px;background:var(--canvas);box-shadow:0 16px 35px #10282912,3px 5px 0 var(--surface)}.planning-board-head{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--border);padding-bottom:24px}.planning-board-head>strong{font:500 clamp(21px,2.5vw,30px)/1.15 Outfit,sans-serif;letter-spacing:-.03em;max-width:19ch}.planning-orbit{display:block;position:relative;width:38px;height:38px;flex-shrink:0;border:1px solid var(--teal);border-radius:50%}.planning-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--amber);top:1px;left:0}.planning-orbit i+i{inset:auto 0 0 auto;background:var(--teal)}.planning-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;margin-top:26px}.planning-step{position:relative;min-width:0;border-left:1px solid var(--border);padding-left:13px}.planning-step-number{display:block;font:11px JetBrains Mono,monospace;color:var(--teal);margin-bottom:12px}.planning-step:last-child .planning-step-number{color:var(--ink)}.planning-step:last-child{border-left-color:var(--amber)}.planning-step>strong{display:block;font:500 18px/1.2 Outfit,sans-serif;letter-spacing:-.025em}.planning-step small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:8px;max-width:20ch}.planning-board-foot{margin-top:25px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font:9px/1.8 JetBrains Mono,monospace;letter-spacing:.04em}.planning-factors{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:35px}.planning-factors>span{display:flex;gap:8px;align-items:center;border:1px solid var(--border);padding:8px 12px;border-radius:4px;color:var(--muted);background:var(--canvas);font-size:12px;line-height:1.4}.planning-factors i{width:4px;height:4px;border-radius:50%;background:var(--teal)}.planning-scene--discovery .planning-note{transform:rotate(3deg)}.planning-scene--discovery .planning-board{border-top:2px solid var(--teal)}.dark .planning-board,.dark .planning-note{box-shadow:0 16px 30px #0003,3px 5px 0 var(--surface)}@media(max-width:767px){.planning-scene{padding:18px 0 24px}.planning-scene-head{margin-bottom:18px;font-size:9px}.planning-cue{display:none}.planning-map{grid-template-columns:minmax(0,1fr)}.planning-note{display:none}.planning-board{padding:24px 20px}.planning-board-head{padding-bottom:20px}.planning-steps{gap:22px 16px}.planning-factors{margin-top:24px;gap:6px}.planning-factors>span{padding:7px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.planning-scene .planning-note{transform:none}}
