.configurator-page{background:#f8faf7}.configurator-page .site-header{background:#fff;color:var(--ink);border-color:var(--line)}
.cfg-summary>[data-add-terrace]{margin:12px 0}.cfg-summary>.text-link{display:block;margin-top:12px}
.cfg-budget{scroll-margin-top:90px}.cfg-budget h2{font-size:clamp(30px,4vw,48px);line-height:1.12;max-width:850px}.cfg-budget>p{max-width:900px}.cfg-budget-controls{display:grid;gap:8px;max-width:550px;margin:24px 0}.cfg-budget-controls label{font-weight:700}.cfg-budget-controls select{width:100%;padding:14px;background:#fff;color:#183b28;border:1px solid #63846c;border-radius:6px;font:inherit}.cfg-budget-summary{border-left:4px solid #167347;padding:18px 24px;background:#e7f2e9;margin:24px 0}.cfg-budget-summary h3{margin-top:0}.cfg-budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cfg-budget-grid article{background:#fff;border:1px solid #d0dcd3;border-radius:8px;padding:22px}.cfg-budget-grid h3{margin:8px 0}.cfg-budget-grid .eyebrow{font-size:11px}.cfg-budget details{border-bottom:1px solid #bfd0c4;padding:18px 0}.cfg-budget summary{cursor:pointer;font-weight:700}.cfg-budget li{margin:10px 0}.cfg-budget-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.cfg-budget [hidden]{display:none!important}.cfg-budget select:focus-visible{outline:3px solid #20b469;outline-offset:4px}@media(max-width:650px){.cfg-budget-grid{grid-template-columns:1fr}.cfg-budget-actions .button{width:100%;text-align:center;white-space:normal}.cfg-budget-summary{padding:16px}}@media print{.configurator-page .site-header,.configurator-page .site-footer,.configurator-page .ai-launcher,.configurator-page .ai-drawer,.configurator-page main>section:not(.cfg-budget),.cfg-budget-actions{display:none!important}.cfg-budget{padding:0!important;max-width:none!important}.cfg-budget-grid{grid-template-columns:1fr 1fr}.cfg-budget-grid article{break-inside:avoid}.cfg-budget details::details-content{display:block}.cfg-budget details>*{display:block!important}}
.cfg-intro{padding-top:135px;padding-bottom:45px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:end}.cfg-intro h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.04em;line-height:1.04;margin:0}.cfg-intro h1>span{color:#167347}.cfg-intro-copy{max-width:500px;font-size:18px}.cfg-intro-copy p{margin-top:0}.cfg-intro-copy a{font-size:15px}
.cfg-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);align-items:stretch;border-radius:12px;overflow:hidden;padding:0;border:1px solid #d0dcd3;scroll-margin-top:95px}.cfg-canvas{background:radial-gradient(ellipse at 60% 35%,#254d39,#10271c 70%);color:#f5fff8;padding:28px 28px 22px;min-width:0;display:flex;flex-direction:column}.cfg-canvas-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cfg-system-label{font-size:11px;letter-spacing:.15em;font-weight:750;color:#b5d8c2}.cfg-views{display:flex;gap:4px;background:#0a1d14;border:1px solid #476352;border-radius:6px;padding:4px}.cfg-views button{border:0;border-radius:3px;background:transparent;color:#c5d8cc;font:inherit;font-size:12px;font-weight:650;padding:9px 12px;min-height:40px;cursor:pointer}.cfg-views button[aria-pressed=true]{background:#b3f5ca;color:#102019}.cfg-views button:hover{background:#315e45;color:#fff}.cfg-views button[aria-pressed=true]:hover{background:#b3f5ca;color:#102019}
.cfg-scene-wrap{margin:auto -18px;position:relative}.cfg-scene{display:block;width:100%;height:auto;min-height:270px;overflow:visible}.cfg-scene text{font-family:inherit;fill:#d7efdf;font-weight:600}.cfg-scene .cfg-module-tag{fill:#102019;font-weight:800}.cfg-scene .cfg-dimension{fill:#acccba;letter-spacing:.02em}.cfg-scene-caption{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:42px;font-size:11px;color:#b6d2c0;margin:0 22px 18px}.cfg-live-dot{width:6px;height:6px;background:#8cf0b3;border-radius:100%;flex-shrink:0}.cfg-metrics{display:grid;grid-template-columns:1fr 1fr 1.35fr;border-block:1px solid #547661;padding:20px 0;gap:16px}.cfg-metrics>div{display:flex;flex-direction:column;gap:6px}.cfg-metrics>div>span{font-size:12px;color:#c4dacc}.cfg-metrics strong{font-size:clamp(22px,2.6vw,34px);font-weight:750;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}.cfg-metrics small{font-size:15px;font-weight:500;letter-spacing:0}.cfg-metrics>div:last-child strong{color:#9bf6bd}.cfg-area-note{font-size:11px;line-height:1.6;color:#bdd2c4;margin:15px 0 0}
.cfg-panel{background:#fff;padding:28px;min-width:0}.cfg-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.cfg-panel-heading .eyebrow{font-size:11px;max-width:180px;line-height:1.5;margin:0 0 22px}.cfg-panel-heading a{font-size:12px;color:#52715e;white-space:nowrap}.cfg-module-picker{border:0;border-bottom:1px solid var(--line);padding:0 0 20px;margin:0 0 20px;min-width:0}.cfg-module-picker legend{font-size:16px;font-weight:750;margin-bottom:14px}.cfg-module-picker legend>span,.cfg-step{color:#62806c;font-size:12px;margin-right:8px}.cfg-count-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cfg-count-options button{padding:12px 0;font:inherit;font-size:22px;font-weight:800;min-height:52px;background:#f3f6f2;border:1px solid #d1ddd3;border-radius:4px;color:#243d2c;cursor:pointer}.cfg-count-options button[aria-pressed=true]{background:#173e29;color:#b3f5ca;border-color:#173e29}.cfg-count-options button:hover{border-color:#15854d}.cfg-module-picker p,.cfg-terrace-picker p{font-size:12px;color:#557160;margin:9px 0 0}.cfg-terrace-picker{border-bottom:1px solid var(--line);padding-bottom:20px}.cfg-terrace-picker label{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;min-height:48px}.cfg-terrace-picker b{font-size:16px}.cfg-terrace-picker small{display:block;font-size:12px;margin:8px 0 0 26px;color:#557160}.cfg-terrace-picker input{width:24px;height:24px;accent-color:#167347;flex-shrink:0;cursor:pointer}.cfg-result{margin-top:25px}.cfg-result-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#557160;margin:0 0 8px}.cfg-result h2{font-size:34px;letter-spacing:-.03em;line-height:1.13;margin:0 0 10px}.cfg-result>p:not(.cfg-result-kicker){font-size:14px;line-height:1.55}.cfg-result .cfg-formula{font-variant-numeric:tabular-nums;font-size:14px;background:#f2f6f0;border-radius:4px;padding:10px 12px;color:#244d33;margin:15px 0}.cfg-panel>.button{width:100%;gap:5px;justify-content:center;text-align:center;min-height:52px;padding:14px;font-size:14px}.cfg-project-link>span:last-child{margin-left:auto}.cfg-status{font-size:11px;color:#536c5b;line-height:1.55;margin:12px 0 20px}.cfg-share>button{border:0;border-bottom:1px solid #85a08e;background:none;color:#365540;padding:8px 0;font:inherit;font-size:12px;text-align:left;cursor:pointer;min-height:40px}.cfg-share p,.cfg-share label{font-size:12px;color:#3b6550}.cfg-share p:empty{display:none}.cfg-share input{display:block;width:100%;font-size:16px;margin-top:8px;padding:8px;border:1px solid #557160}.configurator-page button:focus-visible,.configurator-page input:focus-visible{outline:3px solid #20b469;outline-offset:4px}.cfg-panel [hidden],.cfg-canvas [hidden],.cfg-series [hidden]{display:none!important}
.cfg-foundation{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cfg-foundation h2,.cfg-next h2{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.03em}.cfg-foundation p{color:#52715e;font-size:16px;max-width:550px}.cfg-unit-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px}.cfg-unit-cards article{border-top:1px solid #bfd0c4;padding-top:20px}.cfg-unit-cards h3{font-size:18px;margin:18px 0 8px}.cfg-unit-cards p{font-size:13px}.cfg-unit-cards strong{font-size:21px}.cfg-unit-diagram{height:110px;display:grid;place-items:center;perspective:500px}.cfg-unit-block{display:grid;place-items:center;width:125px;height:59px;border:1px solid #488560;background:#d6eddc;box-shadow:8px 8px 0 #adcbb7;transform:rotateX(45deg) rotateZ(-24deg);font-weight:800;font-size:24px;color:#285239}.terrace .cfg-unit-block{width:125px;height:43px;background:repeating-linear-gradient(0deg,#e4d3b3 0 5px,#c6ad82 5px 6px);border-color:#bfa47a;box-shadow:5px 5px 0 #c9b288;color:#614d2f}
.cfg-series .section-heading h2{font-size:clamp(32px,4vw,50px)}.cfg-series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cfg-series-card{background:#fff;border:1px solid #cbd8ce;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.cfg-series-card[data-selected=true]{border-color:#1a844c;box-shadow:0 0 0 2px #1a844c}.cfg-series-card>a{display:flex;flex-direction:column;flex:1}.cfg-series-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.cfg-series-card a>div{padding:20px}.cfg-series-card span{display:block;font-size:12px;color:#41614c}.cfg-series-card h3{font-size:24px;margin:10px 0}.cfg-series-card p{font-size:14px;color:#52715e;line-height:1.5;min-height:63px}.cfg-series-card strong{font-size:13px;white-space:nowrap}.cfg-series-card .cfg-card-link{margin-top:20px;font-weight:750;text-decoration:underline;text-underline-offset:4px;color:#183e29}.cfg-series-card button{margin:0 20px 20px;border:1px solid #234c34;background:#edf5ee;color:#234c34;min-height:44px;font:inherit;font-size:13px;font-weight:700;border-radius:4px;cursor:pointer}.cfg-series-note{font-size:13px;max-width:850px;color:#52715e;margin-top:28px;line-height:1.7}.cfg-next{display:grid;grid-template-columns:1fr 1fr;gap:60px}.cfg-next p{font-size:16px;color:#52715e}.cfg-next p+p{font-size:13px}.cfg-next .button{margin-top:15px}
@media(max-width:1100px){.cfg-workspace{grid-template-columns:minmax(0,1.5fr) minmax(295px,1fr)}.cfg-panel{padding:23px}.cfg-canvas{padding:22px}.cfg-views{gap:1px}.cfg-views button{padding:8px}.cfg-series-grid{grid-template-columns:1fr 1fr}.cfg-series-card p{min-height:0}}
@media(max-width:800px){.cfg-intro{grid-template-columns:1fr;gap:24px;padding-top:115px;padding-bottom:30px}.cfg-intro h1{font-size:48px}.cfg-intro-copy{max-width:650px;font-size:16px}.cfg-workspace{grid-template-columns:1fr}.cfg-canvas{padding:20px}.cfg-scene{max-height:390px}.cfg-panel{padding:25px}.cfg-panel-heading .eyebrow{max-width:none}.cfg-count-options button{min-height:54px}.cfg-module-picker{margin-bottom:16px;padding-bottom:16px}.cfg-result{margin-top:20px}.cfg-foundation,.cfg-next{grid-template-columns:1fr;gap:30px}.cfg-foundation,.cfg-next,.cfg-series{padding-block:60px}.cfg-scene-wrap{margin:0 -10px}.cfg-metrics strong{font-size:29px}}
@media(max-width:440px){.cfg-intro h1{font-size:42px}.cfg-canvas-top{gap:12px}.cfg-canvas{padding:18px 14px}.cfg-system-label{font-size:10px}.cfg-views{width:100%;justify-content:center}.cfg-views button{flex:1;min-height:40px}.cfg-scene{min-height:210px}.cfg-metrics{gap:10px;padding-block:16px}.cfg-metrics strong{font-size:24px}.cfg-metrics small{font-size:12px}.cfg-metrics>div>span{font-size:10px}.cfg-area-note{font-size:11px}.cfg-scene-caption{margin-inline:14px;line-height:1.5}.cfg-panel{padding:22px 18px}.cfg-unit-cards{gap:20px}.cfg-unit-diagram{height:80px}.cfg-unit-block,.terrace .cfg-unit-block{width:100px}.cfg-unit-cards h3{font-size:16px}.cfg-unit-cards strong{font-size:18px}.cfg-series-grid{grid-template-columns:1fr}.cfg-series-card h3{font-size:27px}.cfg-series-card p{min-height:0}.cfg-next h2{font-size:36px}}
.cfg-summary>.button{width:100%;gap:5px;justify-content:center;text-align:center;min-height:52px;padding:14px;font-size:14px}
.cfg-wall-section{padding-top:20px}.cfg-wall-picker{border:0;padding:0;margin:0;min-width:0}.cfg-wall-picker legend{font-size:16px;font-weight:750;margin-bottom:12px}.cfg-wall-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cfg-wall-options label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px;border:1px solid #ccdacf;border-radius:4px;background:#f3f6f2;font-size:13px;font-weight:650;cursor:pointer}.cfg-wall-options label:has(input:checked){background:#173e29;border-color:#173e29;color:#b3f5ca}.cfg-wall-options input{margin:0;width:16px;height:16px;accent-color:#167347;flex-shrink:0}.cfg-wall-symbol{display:inline-block;width:24px;height:18px;border:1px solid currentColor;flex-shrink:0;opacity:.8}.cfg-wall-symbol.is-left{border-left-width:5px}.cfg-wall-symbol.is-right{border-right-width:5px}.cfg-wall-section>p{font-size:11px;line-height:1.5;color:#557160;margin:9px 0 0}.cfg-wall-picker:disabled{opacity:.5}.cfg-wall-picker:disabled label{cursor:not-allowed}.cfg-wall-section .cfg-wall-unavailable{color:#345a43;font-weight:650}.cfg-result .cfg-wall-summary{font-size:12px;color:#47644f;margin:8px 0}
.cfg-wall-options input:checked{accent-color:#b3f5ca}
.cfg-inputs{min-width:0}.cfg-wall-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-wall-options label{min-width:0}
@media(max-width:360px){.cfg-wall-symbol{display:none}.cfg-wall-options label{font-size:12px;gap:6px;padding-inline:6px}}
@media(max-width:800px){.cfg-wall-section{padding:0 0 20px}.cfg-wall-picker legend{font-size:15px}.cfg-wall-section>p{max-width:440px}}
.cfg-scene.is-rotatable{cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.cfg-scene.is-dragging{cursor:grabbing}.cfg-rotation{margin:0 22px 12px;padding-top:4px}.cfg-rotation>p{font-size:12px;line-height:1.5;color:#c4dacc;text-align:center;margin:0 0 10px}.cfg-rotation-controls{display:flex;gap:10px;align-items:center;justify-content:center}.cfg-rotation button{flex-shrink:0;min-width:44px;min-height:44px;padding:8px;border:1px solid #587b65;border-radius:5px;background:#173c29;color:#dcf4e4;font:inherit;font-size:24px;cursor:pointer}.cfg-rotation button:hover{background:#315e45}.cfg-rotation .cfg-reset-angle{font-size:11px;max-width:110px;line-height:1.4}.cfg-angle-control{flex:1;max-width:240px;min-width:65px}.cfg-angle-control label{display:flex;justify-content:space-between;font-size:11px;color:#c4dacc;gap:6px}.cfg-angle-control output{font-variant-numeric:tabular-nums}.cfg-angle-control input{display:block;width:100%;height:32px;accent-color:#a0f0bb;margin:0;cursor:ew-resize}.cfg-rotation input:focus-visible{outline-color:#b3f5ca}.cfg-rotation button:focus-visible{outline-color:#b3f5ca}
@media(max-width:440px){.cfg-rotation{margin-inline:14px}.cfg-rotation-controls{gap:7px}.cfg-rotation .cfg-reset-angle{max-width:76px;font-size:10px}.cfg-rotation>p{font-size:11px}}
@media(max-width:800px){.cfg-panel{display:contents}.cfg-inputs{order:-1;padding:22px 22px 0;background:#fff}.cfg-summary{padding:2px 22px 22px;background:#fff}.cfg-inputs .cfg-module-picker{border:0;padding:0;margin-bottom:15px}.cfg-inputs .cfg-panel-heading{display:none}.cfg-inputs .cfg-terrace-picker{border:0;padding-bottom:20px}.cfg-inputs .cfg-terrace-picker p{display:none}.cfg-inputs .cfg-terrace-picker small{margin-left:0}.cfg-inputs .cfg-terrace-picker label>span{display:flex;flex-wrap:wrap;gap:0 15px;align-items:center}.cfg-inputs .cfg-terrace-picker label{min-height:44px}.cfg-inputs .cfg-count-options button{padding-block:6px;min-height:48px}.cfg-inputs .cfg-module-picker legend{margin-bottom:10px}}
@keyframes cfg-block-arrival{from{opacity:.3;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
.cfg-scene.is-changing [data-module],.cfg-scene.is-changing [data-deck]{animation:cfg-block-arrival .35s ease-out both}
@media(prefers-reduced-motion:reduce){.configurator-page *{scroll-behavior:auto!important}.cfg-scene.is-changing [data-module],.cfg-scene.is-changing [data-deck]{animation:none}}