: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}}.backlink{position:fixed;top:16px;left:16px;z-index:30;display:inline-flex;align-items:center;padding:.45rem .9rem;border-radius:999px;background:#161b22d1;backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--text-muted);font:600 .82rem system-ui,sans-serif;text-decoration:none;transition:color .25s,border-color .25s}.backlink:hover{color:var(--text);border-color:var(--accent)}.ghero{max-width:var(--maxw);margin:0 auto;padding:7rem 2rem 2.5rem;text-align:center}.ghero__eyebrow{margin:0 0 .9rem;font:700 .8rem system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.ghero__title{margin:0 0 1rem;font:800 clamp(2rem,5vw,3.2rem)/1.05 system-ui,sans-serif;letter-spacing:-.02em}.ghero__lead{margin:0 auto;max-width:620px;color:var(--text-muted);font-size:1.05rem}.gallery{max-width:var(--maxw);margin:0 auto;padding:1rem 2rem 6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.6rem}.card{--card-accent: var(--accent);display:block;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--card-accent);border-radius:16px;overflow:hidden;color:var(--text);text-decoration:none;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);border-color:var(--card-accent);box-shadow:0 18px 40px -18px #000000b3}.card__cover{aspect-ratio:3 / 2;background-size:cover;background-position:center;background-color:#fff;border-bottom:1px solid var(--line)}.card__body{padding:1.3rem 1.4rem 1.5rem}.card__eyebrow{margin:0 0 .5rem;font:700 .74rem system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--card-accent)}.card__title{margin:0 0 .5rem;font:800 1.5rem/1.1 system-ui,sans-serif;letter-spacing:-.01em}.card__desc{margin:0;color:var(--text-muted);font-size:.97rem}.card__cta{margin:1rem 0 0;font:700 .9rem system-ui,sans-serif;color:var(--card-accent)}@media(max-width:560px){.ghero{padding-top:5rem}.gallery{padding:1rem 1.1rem 4rem}}