.setup-flow,.setup-scope,.setup-handover,.setup-faq{padding-block:clamp(42px,5vw,66px)}
.setup-flow .wl-intro,.setup-scope .wl-intro,.setup-handover .wl-intro{margin-bottom:22px}
.setup-flow__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(16px,2.4vw,30px);align-items:stretch}
.setup-flow__controls{min-width:0;display:flex;flex-direction:column;gap:12px}
.setup-flow__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.setup-flow__step{min-width:0;min-height:85px;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:start;gap:9px;padding:15px;border:1px solid #61717f;border-radius:10px;background:#293949;color:#fff;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.setup-flow__step:hover,.setup-flow__step.is-active{border-color:#d5bc65;background:#3c4b58}.setup-flow__step strong,.setup-flow__step small{display:block}.setup-flow__step strong{font-size:14px}.setup-flow__step small{margin-top:6px;color:#c5d5da;font-size:12px;line-height:1.35}.setup-flow__number,.setup-flow__step>span:last-child{color:#e5c974;font-size:12px;font-weight:800}
.setup-flow__detail{flex:1;padding:20px 22px;border-radius:10px;background:#f3f0df;color:#163648}.setup-flow__eyebrow{display:block;color:#896b36;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.setup-flow__detail h3{margin:8px 0 7px;font:600 clamp(21px,2vw,27px)/1.2 Lora,Georgia,serif}.setup-flow__detail>p{margin:0;font-size:14px;line-height:1.6}.setup-flow__result{display:flex;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid #d8d3bd;font-size:12px;line-height:1.5}.setup-flow__result strong{min-width:95px;color:#755c2e}
.setup-flow__figure{min-width:0;margin:0;display:flex;flex-direction:column;padding:14px;border-radius:12px;background:#fff;color:#173746}.setup-flow__figure img{display:block;width:100%;max-height:340px;object-fit:contain}.setup-flow__markers{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:10px}.setup-flow__marker{min-width:44px;min-height:40px;border:1px solid #c4d2d1;border-radius:7px;background:#eff4f2;color:#173746;font-weight:800;cursor:pointer}.setup-flow__marker:hover,.setup-flow__marker.is-active{background:#173746;border-color:#173746;color:#fff}.setup-flow__figure figcaption{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:9px;color:#64757a;font-size:11px;line-height:1.45}.setup-flow__figure figcaption strong{color:#173746}
.setup-next{padding:clamp(35px,4vw,52px) 0;background:#eef3f0}.setup-next__head{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:end;margin-bottom:16px}.setup-next__head h2{margin:8px 0 0;color:#173746;font:600 clamp(26px,3vw,37px)/1.17 Lora,Georgia,serif}.setup-next__head p{margin:0;color:#52666b;font-size:14px;line-height:1.55}.setup-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.setup-next__card{display:flex;flex-direction:column;min-width:0;padding:19px;border:1px solid #cad8d2;border-radius:10px;background:#fff;color:#173746;text-decoration:none}.setup-next__card:hover{border-color:#7b9d99;background:#f9fcfa}.setup-next__index{display:flex;justify-content:space-between;gap:8px;font-weight:800;font-size:14px}.setup-next__card p{margin:10px 0;color:#536970;font-size:13px;line-height:1.5}.setup-next__card small{margin-top:auto;padding-top:12px;border-top:1px solid #e4eae6;color:#8b6638;font-size:12px;line-height:1.4}
.wl-kit-estimate,.wl-estimate-grid{align-items:start}.wl-kit-estimate>div{min-width:0}.setup-estimate-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.setup-estimate-proof>div{padding:16px 17px;border-left:2px solid #b69a52;background:#f2f5f2}.setup-estimate-proof strong{color:#203b4c;font-size:13px}.setup-estimate-proof p{margin:6px 0 0;color:#5b6c70;font-size:12px;line-height:1.5}
.setup-scope{background:#eeeade}.setup-scope__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-scope__panel{min-width:0;padding:22px;border-radius:11px;background:#fff}.setup-scope__panel h3{margin:0 0 14px;color:#173746;font:600 22px/1.2 Lora,Georgia,serif}.setup-scope__item{display:grid;grid-template-columns:23px 1fr;gap:8px;padding:11px 0;border-top:1px solid #e2e8e5}.setup-scope__item>span{color:#9b7b3e;font-weight:800}.setup-scope__item strong{font-size:13px}.setup-scope__item p{margin:4px 0 0;color:#586b70;font-size:12px;line-height:1.5}.setup-scope__confirm{display:flex;align-items:center;gap:16px;margin-top:12px;padding:18px 22px;border-radius:9px;background:#dfe8e4;color:#173746}.setup-scope__confirm strong{min-width:155px;font-size:13px}.setup-scope__confirm p{flex:1;margin:0;font-size:12px;line-height:1.5}.setup-scope__confirm a{white-space:nowrap;color:#1d5569;font-size:12px;font-weight:800}
.setup-handover{background:#fff}.setup-handover__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.setup-handover__card{min-width:0;padding:21px;border:1px solid #dce4e0;border-top:3px solid #b49b56;border-radius:9px;background:#f6f8f6}.setup-handover__card>span{color:#9b7338;font-size:11px;font-weight:800;text-transform:uppercase}.setup-handover__card h3{margin:11px 0;color:#173746;font:600 21px/1.2 Lora,Georgia,serif}.setup-handover__card>p,.setup-handover__card div p{margin:0;color:#52676d;font-size:12px;line-height:1.55}.setup-handover__card div{margin-top:16px;padding-top:12px;border-top:1px solid #dce4e0}.setup-handover__card div strong{display:block;margin-bottom:5px;color:#173746;font-size:12px}
.setup-faq{background:#eeeade}.setup-faq__layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:32px;align-items:start}.setup-faq .wl-faq{max-width:none}.setup-faq .wl-intro{position:sticky;top:130px}.setup-faq .wl-text-link{display:inline-block;margin-top:16px}.setup-faq details{border-color:#d9e0dc}.setup-faq summary{font-size:13px}.setup-flow button:focus-visible,.setup-next a:focus-visible,.setup-scope a:focus-visible,.setup-faq a:focus-visible{outline:3px solid #40a9c6;outline-offset:2px}
@media(max-width:900px){.setup-flow__layout,.setup-next__head,.setup-faq__layout{grid-template-columns:1fr}.setup-flow__figure img{max-height:300px}.setup-faq .wl-intro{position:static}.setup-scope__confirm{flex-wrap:wrap}.setup-next__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.wl-subnav .sp-shell{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;scrollbar-width:thin}.wl-subnav a{flex:none;white-space:nowrap}.setup-flow__steps,.setup-next__grid,.setup-scope__grid,.setup-handover__grid,.setup-estimate-proof{grid-template-columns:1fr}.setup-flow__step{min-height:64px}.setup-flow__figure img{max-height:280px}.setup-scope__confirm{display:block}.setup-scope__confirm p{margin:8px 0}.setup-handover__card{padding:18px}}
.setup-flow__image{position:relative;width:min(100%,410px);aspect-ratio:1;margin:auto;isolation:isolate}
.setup-flow__image img{width:100%;height:100%;max-height:none;object-fit:contain}
.setup-flow__image .setup-flow__marker{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);transform:translate(-50%,-50%);width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border:2px solid #fff;border-radius:50%;background:#173746;color:#fff;box-shadow:0 2px 10px #09263380;font-size:12px;line-height:1;z-index:1}
.setup-flow__image .setup-flow__marker:hover,.setup-flow__image .setup-flow__marker.is-active{border-color:#173746;background:#f3ca57;color:#173746;box-shadow:0 0 0 4px #fff,0 3px 14px #09263380;z-index:2}
@media(max-width:900px){.setup-flow__image{width:min(100%,360px)}.setup-flow__image img{max-height:none}}
@media(max-width:640px){.setup-flow__image{width:min(100%,320px)}.setup-flow__image img{max-height:none}.setup-flow__image .setup-flow__marker{width:40px;height:40px;min-width:40px;min-height:40px}}