
:root{font-family:Arial,Helvetica,sans-serif;color:#292921;background:#f9f5e9;--orange:#cf481a;--ink:#292921}body{margin:0}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}h1,h2,h3,p{margin:0}a,button,input,select,summary{touch-action:manipulation}button{cursor:pointer}.demo-bar{padding:8px 5%;display:flex;justify-content:space-between;font-size:11px;background:#eae5d8}header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 5%}.brand{font-size:26px;line-height:.88;letter-spacing:-1.5px;text-decoration:none}.brand b{font-weight:800}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a{text-decoration:none}.nav-action{border:1px solid;padding:0 17px;min-height:46px;display:inline-flex;align-items:center}.hero{padding:55px 5% 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;position:relative}.hero-title>p{font-size:14px;margin-bottom:25px}h1{font-size:clamp(3.5rem,6.8vw,7rem);line-height:1.01;letter-spacing:-.075em;font-weight:500}.button{display:inline-block;background:var(--orange);color:white;border:0;padding:17px 24px;font-weight:700;font-size:13px;text-decoration:none;min-height:48px}.hero .button{margin-top:35px}.hero-aside{font-size:14px;line-height:1.7;max-width:450px;margin-top:5px}.circuit{position:relative;min-height:330px;align-self:center;background-image:radial-gradient(#c9c5b8 1px,transparent 1px);background-size:20px 20px;border:1px solid #dbd5c8}.route{position:absolute;border:3px solid var(--orange);border-radius:22px}.route-a{inset:20% 42% 35% 10%;border-right:0}.route-b{inset:35% 12% 20% 45%;border-left:0}.route-c{inset:15% 23% 40% 35%;border-bottom:0;border-right:0}.junction{position:absolute;top:45%;left:44%;background:var(--orange);border:7px solid #f9f5e9;width:25px;height:25px;border-radius:50%}.room{position:absolute;font-size:12px;background:#f9f5e9;padding:8px 13px;border:1px solid #bcb6a7}.kitchen{top:12%;left:5%}.living{top:30%;right:5%}.studio{bottom:13%;right:8%}.power-source{position:absolute;bottom:30%;left:9%;font-size:13px;font-weight:bold;background:var(--orange);color:white;padding:12px}.drawing-note{position:absolute;bottom:-25px;left:0;font-size:10px;color:#666052}.section{padding:75px 8%}h2{font-size:clamp(2.4rem,4.2vw,4.4rem);font-weight:500;letter-spacing:-.06em;line-height:1.1}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-top p{max-width:290px;font-size:14px;line-height:1.7}.services{background:#ede9dc}.switch{display:inline-flex;margin:34px 0 12px;border:1px solid var(--ink);padding:4px;gap:4px}.switch button{border:0;padding:12px 26px;background:transparent;font-weight:700;font-size:13px}.switch button[aria-pressed=true]{background:var(--ink);color:white}.service-status{font-size:12px;margin-bottom:27px}.group-title{font-size:15px;margin:20px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service-grid article{border-top:3px solid var(--orange);padding-top:22px}.service-grid h3{font-size:22px;letter-spacing:-.04em;font-weight:500}.service-grid p{font-size:14px;line-height:1.75;margin:17px 0 24px}.service-grid span{font-size:11px;font-weight:bold}.approach,.details,.inquiry{display:grid;grid-template-columns:1fr 1fr;gap:12%}.small{font-size:12px!important;line-height:1.65;margin-bottom:22px}.steps article{border-bottom:1px solid #ccc6b7;padding:0 0 22px;margin-bottom:25px}.steps h3{font-size:17px;margin-bottom:9px}.steps p{font-size:14px;line-height:1.75}.details{padding-top:10px}details{border-bottom:1px solid #ccc6b7;padding:18px 0}summary{font-size:14px;cursor:pointer;font-weight:700;line-height:1.5;min-height:44px;display:flex;align-items:center}details p{font-size:13px;line-height:1.75;margin-top:13px}.inquiry{background:#dedfcf}.inquiry>div>p{font-size:15px;line-height:1.7;max-width:340px;margin-top:25px}.form-note{font-size:12px;line-height:1.7;margin-bottom:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:12px;font-weight:700;display:block}input,select{width:100%;min-width:0;background:#f9f5e9;border:1px solid #a6a995;border-radius:0;padding:13px;margin-top:8px;display:block;box-sizing:border-box}form>.button{margin-top:25px}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:11px;line-height:1.7;max-width:300px}footer>a:last-child{font-size:12px}:focus-visible{outline:3px solid #874213;outline-offset:4px}@media(max-width:800px){nav{gap:18px}.hero{gap:25px}.hero-title{grid-column:1/-1}.circuit{grid-column:1/-1;min-height:300px;max-width:700px;width:100%}.hero-aside{margin-top:10px;grid-column:1/-1}.section{padding:55px 5%}.approach,.details,.inquiry{gap:7%}.fields{grid-template-columns:1fr}.service-grid{gap:22px}}@media(max-width:540px){.demo-bar{font-size:10px;flex-wrap:wrap;gap:8px}header{align-items:start;flex-wrap:wrap;gap:20px}.brand{font-size:23px}nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}.nav-action{padding:9px}h1{font-size:3.5rem}.hero{padding-top:28px}.section-top{display:block}.section-top p{margin-top:20px}.service-grid,.approach,.details,.inquiry{grid-template-columns:1fr;gap:28px}.service-grid{gap:35px}.section{padding:40px 6%}.switch button{padding:12px 23px}.fields{gap:16px}footer{flex-wrap:wrap}footer p{max-width:210px}.circuit{min-height:280px}}