/* Homepage "Get a quote" section: dark panel on the left, four-step form card on the right */
.qw{position:relative;overflow:hidden;background:var(--forest-900);color:#fff;padding:72px 0}
.qw:before{content:"";position:absolute;inset:0;background:url(/assets/img/contour-w.svg) center/cover no-repeat;opacity:.05;pointer-events:none}
.qw-in{position:relative;max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:content-box;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px;align-items:stretch}
.qw-l{position:relative;display:flex;flex-direction:column;padding:16px 0 300px}
.qw-l:after{content:"";position:absolute;left:-40px;right:-24px;bottom:-72px;height:330px;background:url(/assets/img/wp/2025/09/Untitled-design-19.webp) center 40%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 38%);mask-image:linear-gradient(180deg,transparent 0,#000 38%)}
.qw-tag{display:flex;align-items:center;gap:10px;font:600 15px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.qw-tag i{width:12px;height:12px;background:var(--orange-500)}
.qw h2{margin:18px 0 20px;font:800 clamp(40px,4.6vw,66px)/.98 var(--font-display);text-transform:uppercase;color:#fff}
.qw h2 span{color:var(--orange-500)}
.qw-int{margin:0 0 28px;max-width:470px;font:400 18px/1.55 var(--font-sans);color:rgba(255,255,255,.88)}
.qw-pts{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.qw-pts li{display:flex;align-items:center;gap:18px}
.qw-ic{flex:none;display:grid;place-items:center;width:54px;height:54px;border:1.5px solid rgba(255,255,255,.8);border-radius:10px;color:var(--orange-500)}
.qw-ic svg{width:28px;height:28px}
.qw-pts b{display:block;font:700 20px/1.1 var(--font-display);letter-spacing:.04em;text-transform:uppercase}
.qw-pts small{display:block;margin-top:4px;font:400 16px/1.35 var(--font-sans);color:rgba(255,255,255,.82)}
.qw-alt{margin:28px 0 0;font:400 15px/1.5 var(--font-sans);color:rgba(255,255,255,.8)}
.qw-alt a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:var(--orange-500);text-underline-offset:3px}
/* card */
.qw-card{position:relative;z-index:1;background:#FBFAF7;color:var(--forest-900);border-radius:20px;padding:40px 48px 36px;box-shadow:0 24px 60px rgba(0,0,0,.25);display:flex;flex-direction:column}
.qw-stp{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.qw-stp li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.qw-stp li:not(:last-child):after{content:"";position:absolute;top:24px;left:calc(50% + 30px);right:calc(-50% + 30px);height:2px;background:var(--stone-300)}
.qw-stp li.done:not(:last-child):after{background:var(--forest-900)}
.qw-dot{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--stone-300);background:#fff;font:700 19px/1 var(--font-sans);color:var(--forest-900)}
.qw-dot svg{width:20px;height:20px}
.qw-stp li.on .qw-dot{background:var(--orange-500);border-color:var(--orange-500);color:#fff}
.qw-stp li.done .qw-dot{background:var(--forest-900);border-color:var(--forest-900);color:#fff}
.qw-stp li.on .qw-dot{box-shadow:0 0 0 5px rgba(255,122,0,.18)}
.qw-sl{font:500 15px/1.2 var(--font-sans);color:var(--stone-600,#55605a)}
.qw-stp li.on .qw-sl,.qw-stp li.done .qw-sl{font-weight:600;color:var(--forest-900)}
.qw-card h3{margin:0;font:700 clamp(26px,2.4vw,34px)/1.15 var(--font-sans);letter-spacing:-.01em;color:var(--forest-900);outline:none}
.qw-sub{margin:8px 0 28px;font:400 17px/1.5 var(--font-sans);color:var(--stone-700)}
.qw-body{flex:1}
.qw-use{border:0;margin:0 0 28px;padding:0}
.qw-use legend,.qw-f label{display:block;margin-bottom:12px;padding:0;font:700 18px/1.3 var(--font-sans);color:var(--forest-900)}
.qw-opt{font-weight:400;color:var(--stone-500)}
.qw-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qw-o{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:136px;padding:16px 10px;border:1.5px solid var(--stone-300);border-radius:12px;background:#fff;text-align:center;cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out}
.qw-o:hover{border-color:var(--forest-800)}
.qw-o input{position:absolute;opacity:0;pointer-events:none}
.qw-o:has(input:focus-visible){outline:3px solid var(--orange-500);outline-offset:2px}
.qw-oi svg{width:44px;height:44px;color:var(--forest-900)}
.qw-ot{font:500 15.5px/1.25 var(--font-sans);color:var(--forest-900)}
.qw-ok{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:var(--orange-500);color:#fff;display:none;place-items:center}
.qw-ok svg{width:14px;height:14px}
.qw-o.on{border-color:var(--orange-500);background:#FFF1E5;box-shadow:0 0 0 1px var(--orange-500) inset}
.qw-o.on .qw-ok{display:grid}
.qw-f{margin-bottom:20px}
.qw-f input,.qw-sel select{width:100%;box-sizing:border-box;min-height:54px;padding:0 18px;border:1.5px solid #8A938D;border-radius:8px;background:#fff;font:400 17px var(--font-sans);color:var(--forest-900)}
.qw-f input::placeholder{color:#8A938D}
.qw-f input:focus,.qw-sel select:focus{outline:none;border-color:var(--forest-900);box-shadow:0 0 0 3px rgba(255,122,0,.35)}
.qw-sel{position:relative}
.qw-sel select{appearance:none;-webkit-appearance:none;padding-right:48px;cursor:pointer}
.qw-sel select:invalid,.qw-sel select:has(option[value=""]:checked){color:#6B746E}
.qw-sel svg{position:absolute;right:16px;top:50%;width:22px;height:22px;margin-top:-11px;pointer-events:none;color:var(--forest-900)}
.qw-f.bad input,.qw-f.bad select{border-color:#B3261E}
.qw-err{display:flex;align-items:center;gap:8px;margin:8px 0 0;font:500 14.5px/1.35 var(--font-sans);color:#B3261E}
.qw-err svg{width:18px;height:18px;flex:none}
.qw-2c{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-content:start;align-items:end}
.qw-wide{grid-column:1/-1}
.qw-rev{margin:0 0 20px;border:1.5px solid var(--stone-300);border-radius:12px;background:#fff}
.qw-rev>div{display:grid;grid-template-columns:170px 1fr auto;gap:12px;align-items:baseline;padding:13px 18px}
.qw-rev>div+div{border-top:1px solid var(--stone-200,#e6e8e3)}
.qw-rev dt{font:600 14px/1.4 var(--font-sans);color:var(--stone-600,#55605a)}
.qw-rev dd{margin:0;font:500 16px/1.4 var(--font-sans);color:var(--forest-900);overflow-wrap:anywhere}
.qw-edit{border:0;background:none;padding:4px 2px;font:600 14px var(--font-sans);color:var(--orange-600);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qw-edit:focus-visible{outline:3px solid var(--orange-500);outline-offset:2px}
.qw-cons{display:flex;gap:12px;align-items:flex-start;font:400 15.5px/1.45 var(--font-sans);color:var(--forest-900);cursor:pointer}
.qw-cons input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--orange-500)}
.qw-cons.bad input{outline:2px solid #B3261E;outline-offset:1px}
.qw-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qw-bk{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border:0;background:none;font:600 16px var(--font-sans);color:var(--forest-900);cursor:pointer}
.qw-bk svg{width:18px;height:18px}
.qw-bk:hover{color:var(--orange-600)}
.qw-bk:focus-visible{outline:3px solid var(--orange-500);outline-offset:2px;border-radius:6px}
.qw-ft{display:grid;gap:22px;margin-top:24px;padding-top:8px}
.qw-nav{display:flex;align-items:center;gap:24px}
.qw-pr{display:flex;flex-direction:column;gap:8px;flex:1;font:500 15px var(--font-sans);color:var(--forest-900)}
.qw-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.qw-bar i{height:8px;border-radius:99px;background:var(--stone-200,#e6e8e3);transition:background-color .3s ease-out}
.qw-bar i.on{background:var(--orange-500)}
.qw-go{justify-self:end;min-width:240px}
.qw-go[disabled]{opacity:.7;cursor:progress}
/* step 2-4 parts */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qw-li{display:inline-grid;place-items:center;width:28px;margin-right:12px;vertical-align:-6px;color:var(--forest-900)}
.qw-li svg{width:24px;height:24px}
.qw-ind{padding-left:40px}
.qw-f legend{display:block;margin-bottom:12px;padding:0;font:700 18px/1.3 var(--font-sans);color:var(--forest-900)}
fieldset.qw-f{border:0;margin:0 0 20px;padding:0;min-width:0}
.qw-lw{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qw-sm{display:block!important;margin:0 0 8px!important;font:500 15px/1.3 var(--font-sans)!important;color:var(--stone-700)!important}
.qw-lw input{width:100%;box-sizing:border-box;min-height:54px;padding:0 18px;border:1.5px solid #8A938D;border-radius:8px;background:#fff;font:400 17px var(--font-sans);color:var(--forest-900)}
.qw-lw input:focus{outline:none;border-color:var(--forest-900);box-shadow:0 0 0 3px rgba(255,122,0,.35)}
.qw-size.bad .qw-lw input{border-color:#B3261E}
.qw-est{display:flex;align-items:center;gap:14px;margin:14px 0 0;padding:14px 18px;border-radius:10px;background:#EEF2EA;font:400 15.5px/1.45 var(--font-sans);color:var(--forest-900)}
.qw-est svg{flex:none;width:24px;height:24px;color:var(--orange-500)}
.qw-est b{font-weight:700}
.qw-when .qw-o{min-height:80px;padding:12px 8px}
.qw-when .qw-ot{font-size:15px}
.qw-help{margin:8px 0 0;font:400 14.5px/1.4 var(--font-sans);color:var(--stone-700)}
.qw-ph{display:flex;gap:10px}
.qw-ph input{flex:1;min-width:0}
.qw-wa{flex:none;display:grid;place-items:center;width:56px;min-height:54px;border:1.5px solid #8A938D;border-radius:8px;background:#fff;color:#8A938D;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}
.qw-wa svg{width:28px;height:28px}
.qw-wa.on{background:#25D366;border-color:#25D366;color:#fff}
.qw-wa:focus-visible{outline:3px solid var(--orange-500);outline-offset:2px}
.qw-wat{margin:6px 0 0;font:400 13.5px/1.4 var(--font-sans);color:var(--stone-500)}
.qw-safe{display:flex;align-items:center;gap:14px;margin:8px 0 0;padding:16px 20px;border-radius:10px;background:#EEF2EA;font:400 15.5px/1.45 var(--font-sans);color:var(--forest-900)}
.qw-safe svg{flex:none;width:26px;height:26px}
.qw-rev{padding:8px 0;background:#F4F2EC;border:0}
.qw-rev>div{grid-template-columns:200px 1fr auto;border:0!important;padding:10px 20px}
.qw-rev dt{display:flex;align-items:center;font:400 15.5px/1.4 var(--font-sans);color:var(--forest-900)}
.qw-ri{display:inline-grid;place-items:center;width:24px;margin-right:16px}
.qw-ri svg{width:22px;height:22px}
.qw-rev dd{font-weight:700}
.qw-rev dd small{font-weight:400;font-size:14.5px}
.qw-rev hr{border:0;border-top:1px solid #DDD9CE;margin:8px 20px}
.qw-cons a{color:var(--forest-800);font-weight:600;text-underline-offset:3px}
.qw-fail{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:14px 16px;border-radius:10px;background:#FCEAE8;font:500 15px/1.45 var(--font-sans);color:#8C1D18}
.qw-fail svg{flex:none;width:20px;height:20px;margin-top:1px}
.qw-fail a{color:inherit;font-weight:700}
@media (prefers-reduced-motion:reduce){.qw-bar i,.qw-o,.qw-wa{transition:none}}
@media (max-width:1100px){.qw-in{grid-template-columns:1fr;gap:36px}.qw-l{padding-bottom:0}.qw-l:after{display:none}.qw-card{padding:32px}}
@media (max-width:1000px){.qw{padding:48px 0}.qw-in{padding:0 var(--page-x)}}
@media (max-width:640px){
.qw-card{padding:24px 18px;border-radius:16px}
.qw-stp{margin-bottom:28px}
.qw-dot{width:38px;height:38px;font-size:16px}
.qw-stp li:not(:last-child):after{top:19px;left:calc(50% + 24px);right:calc(-50% + 24px)}
.qw-sl{font-size:12.5px}
.qw-opts{grid-template-columns:1fr 1fr;gap:10px}
.qw-o{min-height:112px}
.qw-oi svg{width:36px;height:36px}
.qw-2c{grid-template-columns:1fr}
.qw-rev>div{grid-template-columns:1fr auto;gap:2px 12px}
.qw-rev dt{grid-column:1}.qw-rev dd{grid-column:1}.qw-edit{grid-column:2;grid-row:1/3;align-self:center}
.qw-go{justify-self:stretch;min-width:0}
.qw-ind{padding-left:0}
.qw-when .qw-opts{grid-template-columns:1fr 1fr}
.qw-rev>div{grid-template-columns:1fr auto;padding:10px 14px}.qw-ri{margin-right:10px}
.qw-nav{gap:14px}
}
/* plot-size cards (step 2) */
.qw-plot .qw-opts{grid-template-columns:repeat(3,minmax(0,1fr))}
.qw-plot .qw-o{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;min-height:84px;padding:14px 12px;text-align:left}
.qw-plot .qw-oi svg{width:30px;height:30px}
.qw-plot .qw-ok{top:-9px;right:-9px}
.qw-plot .qw-o.on .qw-oi svg{color:var(--orange-600,#E06A00)}
.qw-plot .qw-ot{display:flex;flex-direction:column;gap:3px}
.qw-plot .qw-ot b{font:700 17px/1.2 var(--font-sans)}
.qw-plot .qw-ot small{font:400 13.5px/1.3 var(--font-sans);color:#56615A;white-space:nowrap}
.qw-when .qw-oi svg{width:30px;height:30px}
.qw-when .qw-o.on .qw-oi svg{color:var(--orange-500)}
.qw-sw{display:inline-block;text-align:left;margin-top:14px;padding:0 0 3px;border:0;border-bottom:1.5px solid var(--orange-500);background:none;color:#B35500;font:500 15.5px/1.3 var(--font-sans);cursor:pointer}
.qw-sw svg{display:inline-block;width:16px;height:16px;margin-left:8px;vertical-align:-3px;transition:transform .2s ease-out}
.qw-sw:hover svg{transform:translateX(3px)}
.qw-sw:focus-visible{outline:3px solid var(--orange-500);outline-offset:3px}
@media (max-width:1100px) and (min-width:641px){.qw-plot .qw-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.qw-plot .qw-opts{grid-template-columns:1fr 1fr}.qw-plot .qw-o{flex-direction:column;justify-content:center;text-align:center;min-height:112px;padding:14px 8px}.qw-plot .qw-ot{align-items:center}.qw-sw{text-align:left}}
@media (prefers-reduced-motion:reduce){.qw-sw svg{transition:none}}
