.system-anatomy{--anatomy-container:1240px;background:var(--white);color:var(--slate)}.system-anatomy .container{width:min(calc(100% - 40px), var(--anatomy-container))}.system-anatomy .anatomy-hero{border-bottom:1px solid var(--mist);background:linear-gradient(180deg, #fff 0%, var(--foam) 100%);padding:clamp(70px,8vw,110px) 0 clamp(62px,7vw,88px);position:relative;overflow:hidden}.system-anatomy .anatomy-hero:after{content:"";opacity:.36;pointer-events:none;background:repeating-radial-gradient(at 0 100%,#0000 0 28px,#4fc6cf73 29px 31px,#0000 32px 46px);width:500px;height:210px;position:absolute;bottom:-80px;left:-4%;transform:rotate(8deg)}.system-anatomy .hero-orbit{border:1px solid var(--mist);border-radius:50%;width:720px;height:720px;position:absolute;top:-310px;right:-80px;box-shadow:0 0 0 80px #dce7ef40,0 0 0 160px #dce7ef1f}.system-anatomy .hero-grid{z-index:1;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);align-items:end;gap:clamp(52px,8vw,120px);display:grid;position:relative}.system-anatomy .hero-copy h1{max-width:790px;color:var(--navy);font:700 clamp(46px, 6.4vw, 82px)/.96 var(--display);letter-spacing:-.05em;margin:0}.system-anatomy .hero-lede{max-width:760px;color:var(--slate);margin:27px 0 0;font-size:clamp(18px,1.8vw,22px)}.system-anatomy .hero-badges{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.system-anatomy .hero-badges span{border:1px solid var(--mist);min-height:38px;color:var(--navy);font:600 11px var(--display);letter-spacing:.04em;text-transform:uppercase;background:#ffffffbf;border-radius:999px;align-items:center;gap:9px;padding:7px 13px;display:inline-flex}.system-anatomy .hero-badges i{background:var(--signal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #1d9ea81f}.system-anatomy .hero-note{border-radius:var(--radius-lg);background:var(--abyss);color:var(--white);border:1px solid #4fc6cf33;padding:32px;position:relative;transform:perspective(1000px)rotateY(-2deg)rotateX(1deg);box-shadow:0 30px 90px #0a1b362e}.system-anatomy .hero-note:before{content:"";background:var(--aqua);border-radius:20px;width:74px;height:3px;position:absolute;top:0;left:0}.system-anatomy .note-index{color:var(--aqua);font:600 10px var(--display);letter-spacing:.18em}.system-anatomy .hero-note strong{font:600 24px/1.2 var(--display);margin-top:42px;display:block}.system-anatomy .hero-note p{color:#b9c8dd;margin:12px 0 0;font-size:14px}.system-anatomy .explorer-section{padding:clamp(76px,8vw,118px) 0}.system-anatomy .section-heading,.system-anatomy .flow-heading{grid-template-columns:1fr minmax(320px,.65fr);align-items:end;gap:60px;margin-bottom:42px;display:grid}.system-anatomy .section-heading h2,.system-anatomy .flow-heading h2,.system-anatomy .sources-grid h2{color:var(--navy);font:700 clamp(34px, 4.4vw, 56px)/1.02 var(--display);letter-spacing:-.04em;margin:0}.system-anatomy .section-heading>p,.system-anatomy .flow-heading>p{max-width:600px;color:var(--muted);margin:0}.system-anatomy .explorer-shell{border:1px solid var(--mist);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) 330px;display:grid;overflow:hidden}.system-anatomy .model-panel{background:var(--abyss);min-width:0;color:var(--white)}.system-anatomy .model-toolbar{border-bottom:1px solid #dce7ef1f;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:14px 20px;display:flex}.system-anatomy .system-readout{align-items:center;gap:12px;display:flex}.system-anatomy .live-dot{background:var(--aqua);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 7px #4fc6cf1a}.system-anatomy .system-readout small,.system-anatomy .orientation-readout small{color:#8198b9;font:600 8px var(--display);letter-spacing:.16em;display:block}.system-anatomy .system-readout strong{color:var(--white);font:600 13px var(--display);display:block}.system-anatomy .mode-switch{background:#ffffff09;border:1px solid #dce7ef24;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.system-anatomy .mode-button{color:#93a8c6;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:48px;padding:8px 13px;font-size:12px;font-weight:600}.system-anatomy .mode-button.is-active{color:var(--aqua);background:#4fc6cf21}.system-anatomy .scene-controls{border-bottom:1px solid #dce7ef1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;min-height:72px;padding:11px 20px;display:flex}.system-anatomy .view-picker{align-items:center;gap:11px;min-width:0;display:flex}.system-anatomy .view-picker>span,.system-anatomy .circulation-control>span{color:#8198b9;font:600 8px var(--display);letter-spacing:.14em}.system-anatomy .view-switch{background:#ffffff09;border:1px solid #dce7ef24;border-radius:999px;gap:4px;min-width:0;padding:4px;display:inline-flex}.system-anatomy .view-button{color:#93a8c6;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:48px;padding:8px 12px;font-size:11px;font-weight:600}.system-anatomy .view-button.is-active{background:var(--aqua);color:var(--abyss)}.system-anatomy .circulation-control{cursor:pointer;align-items:center;gap:10px;min-height:48px;display:inline-flex}.system-anatomy .circulation-control input{width:20px;height:20px;accent-color:var(--aqua);cursor:pointer;margin:0}.system-anatomy .circulation-control span{gap:2px;display:grid}.system-anatomy .circulation-control small{color:#93a8c6;font:400 9px var(--body);letter-spacing:0;text-transform:none}.system-anatomy .circulation-control strong{min-width:38px;color:var(--aqua);font:600 10px var(--display);text-align:right}.system-anatomy .circulation-control:has(input:disabled){cursor:default;opacity:.58}.system-anatomy .circulation-control input:disabled{cursor:default}.system-anatomy .model-stage{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;min-height:670px;position:relative;overflow:hidden}.system-anatomy .model-stage.is-dragging{cursor:grabbing}.system-anatomy #aquarium-model{outline-offset:-5px;width:100%;height:auto;min-height:670px;display:block}.system-anatomy .model-face,.system-anatomy .model-pipe,.system-anatomy .model-wire,.system-anatomy .model-rock{transition:filter .18s var(--ease), opacity .18s var(--ease), stroke-width .18s var(--ease)}.system-anatomy .model-face.is-active,.system-anatomy .model-pipe.is-active,.system-anatomy .model-wire.is-active,.system-anatomy .model-rock.is-active{filter:url(#soft-glow)}.system-anatomy .model-face.is-active{stroke:var(--aqua)!important;stroke-width:2.5px!important;opacity:1!important}.system-anatomy .model-pipe.is-active,.system-anatomy .model-wire.is-active,.system-anatomy .model-rock.is-active{stroke-width:10px;stroke:var(--aqua)!important}.system-anatomy .model-hit{cursor:pointer;pointer-events:stroke}.system-anatomy .model-hit-area{cursor:pointer;fill:#0000;stroke:#0000;stroke-width:1px;pointer-events:all}.system-anatomy .model-flow-active{stroke-dasharray:12 10;animation:1.2s linear infinite anatomy-water-flow}.system-anatomy .model-flow-display,.system-anatomy .model-flow-skimmer{stroke-dasharray:7 9;animation:2s linear infinite anatomy-water-flow}.system-anatomy .model-flow-sump{stroke-dasharray:9 8;animation:1.65s linear infinite anatomy-water-flow}.system-anatomy .model-flow-dormant{stroke-dasharray:7 8}.system-anatomy .model-flow-intermittent{stroke-dasharray:3 9}.system-anatomy .flow-label{font:600 8px var(--display);letter-spacing:.12em;text-transform:uppercase;paint-order:stroke;stroke:var(--abyss);stroke-width:4px}.system-anatomy .chamber-label{font-size:9px}.system-anatomy .power-reserve{fill:#d99a2b1f;stroke:var(--watch);stroke-width:2px;stroke-dasharray:7 7}@keyframes anatomy-water-flow{to{stroke-dashoffset:-44px}}.system-anatomy .model-tooltip{z-index:8;pointer-events:none;max-width:220px;color:var(--white);font:600 11px var(--display);background:#0a1b36f0;border:1px solid #4fc6cf4d;border-radius:10px;padding:9px 11px;position:absolute;transform:translate(14px,12px);box-shadow:0 16px 42px #0000004d}.system-anatomy .model-tooltip span{color:var(--aqua);font:500 9px var(--body);margin-top:2px;display:block}.system-anatomy .orientation-readout{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1b36b8;border:1px solid #dce7ef1f;border-radius:12px;align-items:center;gap:9px;padding:8px 11px;display:flex;position:absolute;bottom:20px;left:20px}.system-anatomy .orientation-readout strong{color:var(--white);font:600 12px var(--display);display:block}.system-anatomy .compass{border:1px solid #4fc6cf52;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative}.system-anatomy .compass:after{content:"N";color:#8198b9;font:600 6px var(--display);position:absolute;top:2px}.system-anatomy .compass i{background:linear-gradient(var(--aqua) 0 50%, #8198b9 50%);width:2px;height:19px;transition:transform .18s var(--ease);display:block;position:relative;transform:rotate(26deg)}.system-anatomy .drag-hint{color:#8198b9;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:25px;right:20px}.system-anatomy .drag-hint svg{fill:none;width:19px;stroke:var(--aqua);stroke-width:1.8px}.system-anatomy .view-controls{border-top:1px solid #dce7ef1f;align-items:center;gap:10px;min-height:72px;padding:12px 20px;display:flex}.system-anatomy .icon-button,.system-anatomy .reset-button{min-width:48px;min-height:48px;color:var(--white);cursor:pointer;background:#ffffff09;border:1px solid #dce7ef29;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.system-anatomy .icon-button:hover,.system-anatomy .reset-button:hover{border-color:var(--aqua);color:var(--aqua)}.system-anatomy .icon-button svg,.system-anatomy .reset-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px}.system-anatomy .angle-control{color:#93a8c6;flex:1;align-items:center;gap:13px;min-width:150px;font-size:11px;display:flex}.system-anatomy .angle-control span{font-weight:600}.system-anatomy .angle-control input{width:100%;accent-color:var(--aqua);cursor:ew-resize}.system-anatomy .reset-button{border-radius:999px;gap:8px;width:auto;padding:0 15px;font-size:11px}.system-anatomy .flow-legend{color:#93a8c6;border-top:1px solid #dce7ef1a;grid-template-columns:repeat(2,1fr);gap:9px 18px;padding:14px 20px 18px;font-size:9px;display:grid}.system-anatomy .flow-legend span{align-items:center;gap:8px;display:flex}.system-anatomy .line{border-top:3px solid var(--aqua);width:25px;height:0;display:inline-block}.system-anatomy .line-emergency{border-top-color:var(--watch);border-top-style:dashed}.system-anatomy .line-ato{border-top-color:var(--aqua);border-top-style:dotted}.system-anatomy .line-circulation{border-top-style:dashed;border-top-color:#7ca1cc}.system-anatomy .line-skimmer{border-top-color:var(--healthy);border-top-style:dashed}.system-anatomy .line-reserve{border-top-color:var(--watch);border-top-style:dashed}.system-anatomy .inspector{border-left:1px solid var(--mist);background:var(--white);min-width:0;padding:28px}.system-anatomy .inspector-topline{color:var(--muted);font:600 9px var(--display);letter-spacing:.16em;justify-content:space-between;display:flex}.system-anatomy .inspector-icon{background:var(--foam);width:58px;height:58px;color:var(--signal);border-radius:16px;place-items:center;margin-top:56px;display:grid}.system-anatomy .inspector-icon:before{content:"";width:22px;height:22px;box-shadow:8px -8px 0 -5px var(--white), 8px -8px 0 -3px currentColor;border:2px solid;border-radius:5px;transform:rotate(45deg)}.system-anatomy .inspector-tag{color:var(--signal);font:600 10px var(--display);letter-spacing:.14em;text-transform:uppercase;margin:28px 0 0}.system-anatomy .inspector h3{color:var(--navy);font:700 27px/1.1 var(--display);letter-spacing:-.03em;margin:9px 0 0}.system-anatomy .inspector-description{color:var(--muted);margin:14px 0 0;font-size:14px}.system-anatomy .flow-card,.system-anatomy .source-card{border-top:1px solid var(--mist);margin-top:23px;padding-top:18px}.system-anatomy .flow-card>span,.system-anatomy .source-card>span{color:var(--muted);font:600 9px var(--display);letter-spacing:.16em}.system-anatomy .flow-card p{color:var(--navy);margin:7px 0 0;font-size:12px;font-weight:600}.system-anatomy .source-card a{color:var(--signal);text-underline-offset:3px;margin-top:8px;font-size:11px;font-weight:600;-webkit-text-decoration:underline #1d9ea859;text-decoration:underline #1d9ea859;display:block}.system-anatomy .inspector-help{background:var(--foam);color:var(--muted);border-radius:10px;margin:28px 0 0;padding:12px;font-size:11px}.system-anatomy .parts-panel{border:1px solid var(--mist);border-radius:var(--radius-lg);margin-top:22px;padding:clamp(24px,4vw,38px)}.system-anatomy .parts-heading{grid-template-columns:1fr 360px;align-items:end;gap:40px;display:grid}.system-anatomy .parts-heading h3{color:var(--navy);font:700 28px/1.15 var(--display);margin:0}.system-anatomy .parts-heading>p{color:var(--muted);margin:0;font-size:13px}.system-anatomy .parts-groups{grid-template-columns:repeat(5,1fr);gap:24px;margin-top:32px;display:grid}.system-anatomy .part-group h4{color:var(--muted);font:600 9px var(--display);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px}.system-anatomy .part-group div{gap:7px;display:grid}.system-anatomy .part-button{border:1px solid var(--mist);background:var(--white);width:100%;min-height:48px;color:var(--slate);cursor:pointer;text-align:left;border-radius:11px;align-items:center;gap:9px;padding:9px 10px;font-size:11px;font-weight:600;display:flex}.system-anatomy .part-button:before{content:"";border:2px solid var(--signal);border-radius:50%;flex:none;width:8px;height:8px}.system-anatomy .part-button:hover,.system-anatomy .part-button.is-active{border-color:var(--signal);color:var(--navy);background:#1d9ea80f}.system-anatomy .part-button.is-active:before{background:var(--signal);box-shadow:0 0 0 5px #1d9ea81a}.system-anatomy .flow-guide{background:var(--foam);padding:clamp(76px,9vw,128px) 0}.system-anatomy .flow-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.system-anatomy .flow-grid article{border:1px solid var(--mist);border-radius:var(--radius);background:var(--white);min-height:270px;padding:28px;position:relative;overflow:hidden}.system-anatomy .flow-grid article:nth-child(2){background:var(--navy);color:var(--white)}.system-anatomy .flow-grid article>span{color:var(--signal);font:600 11px var(--display);letter-spacing:.16em}.system-anatomy .flow-grid article:nth-child(2)>span{color:var(--aqua)}.system-anatomy .flow-grid h3{color:var(--navy);font:600 21px/1.2 var(--display);margin:70px 0 0}.system-anatomy .flow-grid article:nth-child(2) h3{color:var(--white)}.system-anatomy .flow-grid p{color:var(--muted);margin:10px 0 0;font-size:13px}.system-anatomy .flow-grid article:nth-child(2) p{color:#b9c8dd}.system-anatomy .power-note{border-radius:var(--radius);background:var(--navy);color:var(--white);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:20px;padding:24px;display:grid}.system-anatomy .power-note-mark{color:#f4c66f;width:48px;height:48px;font:700 22px var(--display);background:#d99a2b24;border-radius:13px;place-items:center;display:grid}.system-anatomy .power-note strong{font:600 16px var(--display)}.system-anatomy .power-note p{color:#b9c8dd;margin:5px 0 0;font-size:12px}.system-anatomy .button-signal{background:var(--signal);color:var(--white);box-shadow:0 12px 30px #1d9ea83d}.system-anatomy .button-signal:hover{background:#168a93;box-shadow:0 16px 36px #1d9ea852}.system-anatomy .sources-section{padding:clamp(76px,9vw,118px) 0}.system-anatomy .sources-grid{grid-template-columns:.82fr 1.18fr;align-items:start;gap:clamp(50px,8vw,110px);display:grid}.system-anatomy .sources-grid>div:first-child>p:last-child{max-width:560px;color:var(--muted)}.system-anatomy .sources-list{border-top:1px solid var(--mist)}.system-anatomy .source-row{border-bottom:1px solid var(--mist);grid-template-columns:38px 1fr auto;align-items:center;gap:14px;min-height:72px;display:grid}.system-anatomy .source-row span{color:var(--signal);font:600 10px var(--display)}.system-anatomy .source-row strong{color:var(--navy);font:600 14px var(--display)}.system-anatomy .source-row a{min-height:44px;color:var(--signal);align-items:center;font-size:12px;font-weight:600;display:inline-flex}@media (max-width:1080px){.system-anatomy .explorer-shell{grid-template-columns:minmax(0,1fr) 300px}.system-anatomy .parts-groups{grid-template-columns:repeat(3,1fr)}.system-anatomy .flow-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.system-anatomy .hero-grid,.system-anatomy .section-heading,.system-anatomy .flow-heading,.system-anatomy .sources-grid{grid-template-columns:1fr}.system-anatomy .hero-note{max-width:620px;transform:none}.system-anatomy .explorer-shell{grid-template-columns:1fr}.system-anatomy .inspector{border-top:1px solid var(--mist);border-left:0}.system-anatomy .inspector-icon{margin-top:28px}.system-anatomy .parts-heading{grid-template-columns:1fr}.system-anatomy .power-note{grid-template-columns:auto 1fr}.system-anatomy .power-note .button{grid-column:1/-1}}@media (max-width:700px){.system-anatomy .container{width:min(calc(100% - 30px), var(--anatomy-container))}.system-anatomy .anatomy-hero{padding-top:58px}.system-anatomy .hero-copy h1{font-size:clamp(42px,13vw,62px)}.system-anatomy .hero-note{padding:26px}.system-anatomy .section-heading,.system-anatomy .flow-heading{gap:18px}.system-anatomy .explorer-section{padding-top:68px}.system-anatomy .model-toolbar{flex-direction:column;align-items:flex-start}.system-anatomy .mode-switch{width:100%}.system-anatomy .mode-button{flex:1}.system-anatomy .scene-controls{grid-template-columns:minmax(0,1fr);padding-inline:14px;display:grid}.system-anatomy .view-picker{gap:7px;display:grid}.system-anatomy .view-switch{width:100%}.system-anatomy .view-button{flex:1;min-width:0;padding-inline:8px}.system-anatomy .circulation-control{width:100%}.system-anatomy .circulation-control strong{margin-left:auto}.system-anatomy .model-stage,.system-anatomy #aquarium-model{min-height:0}.system-anatomy .model-stage{aspect-ratio:820/720}.system-anatomy .model-stage[data-view=display]{aspect-ratio:660/590}.system-anatomy .model-stage[data-view=sump]{aspect-ratio:630/470}.system-anatomy #aquarium-model{height:100%}.system-anatomy .drag-hint{display:none}.system-anatomy .orientation-readout{bottom:12px;left:12px}.system-anatomy .model-stage[data-view=sump] .orientation-readout{display:none}.system-anatomy #aquarium-model[data-view=sump] .chamber-label{letter-spacing:.06em;font-size:14px}.system-anatomy #aquarium-model[data-view=sump] .sump-level-label{letter-spacing:.06em;font-size:11px}.system-anatomy .view-controls{flex-wrap:wrap;padding-inline:14px}.system-anatomy .angle-control{flex-basis:100%;order:-1;width:100%}.system-anatomy .reset-button{margin-left:auto}.system-anatomy .flow-legend{grid-template-columns:1fr}.system-anatomy .inspector{padding:24px}.system-anatomy .parts-groups{grid-template-columns:repeat(2,1fr);gap:20px 12px}.system-anatomy .flow-grid{grid-template-columns:1fr}.system-anatomy .flow-grid article{min-height:230px}.system-anatomy .flow-grid h3{margin-top:48px}}@media (max-width:440px){.system-anatomy .hero-badges{flex-direction:column;align-items:stretch}.system-anatomy .hero-badges span{justify-content:center}.system-anatomy .parts-groups,.system-anatomy .power-note{grid-template-columns:1fr}.system-anatomy .source-row{grid-template-columns:34px 1fr;padding-block:10px}.system-anatomy .source-row a{grid-column:2}}@media (prefers-reduced-motion:reduce){.system-anatomy *,.system-anatomy :before,.system-anatomy :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}