:root{--bg: #0f1216;--surface: #161b22;--text: #e8edf2;--text-muted: #9aa6b2;--line: #2b323b;--accent: #e8a23a;--accent-soft: rgba(232, 162, 58, .25);--plumb: #4f9ad6;--wall: #cdd6e0;--maxw: 1320px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.switch{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:4px;padding:5px;background:#161b22d1;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px}.switch button{border:0;cursor:pointer;padding:.5rem 1.1rem;border-radius:999px;background:transparent;color:var(--text-muted);font:600 .85rem system-ui,sans-serif;transition:background .25s,color .25s}.switch button:hover{color:var(--text)}.switch button.is-active{background:var(--accent);color:#14110a}.hero{min-height:92vh;display:grid;place-items:center;text-align:center;padding:2rem;background:radial-gradient(120% 90% at 50% 0%,#1a2230 0%,var(--bg) 60%)}.hero__inner{max-width:760px}.hero__eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;color:var(--accent);margin:0 0 1rem}.hero__title{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05;margin:0 0 1.2rem;letter-spacing:-.02em}.hero__subtitle{font-size:1.15rem;color:var(--text-muted);margin:0 auto;max-width:48ch}.hero__scroll{margin-top:3rem;width:26px;height:42px;border:2px solid var(--line);border-radius:14px;margin-inline:auto;position:relative}.hero__scroll span{position:absolute;top:8px;left:50%;width:4px;height:8px;background:var(--accent);border-radius:2px;transform:translate(-50%);animation:scrolldot 1.6s var(--ease) infinite}@keyframes scrolldot{0%{opacity:0;top:8px}40%{opacity:1}to{opacity:0;top:22px}}.story{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}.story__stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;padding:4vh 2vw;z-index:3}.stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:#fbfbf9;border:1px solid var(--line);box-shadow:0 12px 44px #00000073}.stage__error{color:var(--text-muted);text-align:center;background:var(--surface);padding:2rem;border-radius:10px}.stage__dots{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.7rem}.stage__dot{width:11px;height:11px;padding:0;border:0;cursor:pointer;border-radius:50%;background:var(--line);transition:background .3s,transform .3s}.stage__dot.is-active{background:var(--accent);transform:scale(1.3)}.story__steps{padding:12vh 0;position:relative;z-index:1}.step{min-height:96vh;display:flex;align-items:center;padding:0 clamp(1.5rem,5vw,5rem)}.step__card{max-width:46ch;opacity:.35;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.step.is-active .step__card{opacity:1;transform:none}.step__eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--accent);margin:0 0 .8rem}.step__title{font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.12;margin:0 0 1rem;letter-spacing:-.015em}.step__body{color:var(--text-muted);font-size:1.08rem}.step__body strong{color:var(--text)}.step__stat{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:.6rem}.step__stat-num{font-size:2.6rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.step__stat-label{color:var(--text-muted)}.outro{min-height:80vh;display:grid;place-items:center;text-align:center;padding:2rem}.outro__inner{max-width:620px}.outro__title{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 1rem}.outro__body{color:var(--text-muted);font-size:1.1rem}.outro__note{color:var(--text-muted);font-size:.82rem;opacity:.6;margin-top:1.4rem;font-style:italic}.plan{width:100%;height:100%;max-height:86vh;overflow:hidden}[data-layer]{transition:opacity .6s var(--ease),filter .6s var(--ease)}[data-layer].is-dim{opacity:.12}[data-layer].is-hidden{opacity:0;pointer-events:none}[data-layer].is-hi{filter:drop-shadow(0 0 7px var(--accent-soft))}.room{fill:#ffffff04;stroke:none}.room-label{fill:var(--text-muted);font-size:15px;letter-spacing:.12em;text-anchor:middle;opacity:.7}.wall{fill:none;stroke:var(--wall);stroke-width:5;stroke-linecap:square;opacity:.85}.furn{fill:#cdd6e014;stroke:#cdd6e040;stroke-width:1.5}.pipe{fill:none;stroke:var(--plumb);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.fixture{fill:var(--plumb)}.board{fill:var(--accent);opacity:.9}.board-label{fill:#1a1206;font-size:12px;font-weight:700;text-anchor:middle}.wire{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.lamp{fill:var(--accent)}.socket{fill:none;stroke:var(--accent);stroke-width:2.5}[data-layer=electrical].is-hi .lamp{animation:lamppulse 2s var(--ease) infinite}@keyframes lamppulse{0%,to{opacity:1}50%{opacity:.4}}.overlay-circuit{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px var(--accent-soft))}.lamp-dot{fill:var(--accent);filter:drop-shadow(0 0 6px var(--accent-soft));animation:lamppulse 2s var(--ease) infinite}.hl-box{fill:none;stroke:var(--accent);stroke-width:4;stroke-dasharray:16 11;rx:10}.hl-label{fill:var(--accent);font:700 36px system-ui,-apple-system,sans-serif;text-anchor:middle;paint-order:stroke;stroke:var(--bg);stroke-width:6px}@media(max-width:860px){.story{display:block}.story__stage{height:46vh;padding:1rem;background:linear-gradient(var(--bg),var(--bg)) padding-box;border-bottom:1px solid var(--line);z-index:5}.plan{max-height:42vh}.stage__dots{right:.8rem}.step{min-height:auto;padding:32vh 1.5rem 18vh}.step:first-child{padding-top:8vh}}@media(prefers-reduced-motion:reduce){[data-layer],.step__card,.stage__dot{transition:none}.hero__scroll span,[data-layer=electrical].is-hi .lamp,.lamp-dot{animation:none}}