/* Sixth accepted platform: native gate form components, live text and dimension guides. */
.bl-magnet-preview .magnet-calculation { padding:0 24px 56px; scroll-margin-top:110px; }
.bl-magnet-preview .magnet-calculation-platform { container-type:inline-size; padding:3% 3.3% 2.5%; border-radius:4px; background:#f1f0ec url('./assets/selection-background.png') center bottom/auto 145% no-repeat; box-shadow:0 32px 56px -28px #25302b35,0 8px 18px -10px #25302b20; }
.bl-magnet-preview .magnet-calculation-layout { display:grid; grid-template-columns:1.12fr 1fr; gap:3.1cqw; align-items:start; }
.bl-magnet-preview .magnet-calculation-copy { min-width:0; padding-top:.4cqw; }
.bl-magnet-preview .magnet-calculation-copy .hsb-eyebrow { margin:0 0 1cqw; font-size:.9cqw; letter-spacing:.35em; }
.bl-magnet-preview .magnet-calculation-copy h2 { margin:0; font-size:4.25cqw; line-height:.98; letter-spacing:-.045em; font-weight:750; color:#0d1730; }
.bl-magnet-preview .magnet-calculation-copy h2 span { color:#006142; }
.bl-magnet-preview .magnet-calculation-copy .hsb-lead { margin:1.05cqw 0 0; font-size:1.4cqw; line-height:1.35; color:#15233b; }
.bl-magnet-preview .magnet-calculation-art { position:relative; margin:1.4cqw 0 1.8cqw; padding:0 2.6cqw 2.3cqw 0; }
.bl-magnet-preview .magnet-calculation-art > img { display:block; width:100%; height:auto!important; }
.bl-magnet-preview .magnet-calculation-art .hsb-dimension { font-size:1.1cqw; line-height:1.2; font-weight:650; }
.bl-magnet-preview .magnet-calculation-art .hsb-dimension-width { left:10%; right:12%; bottom:0; padding-top:12px; }
.bl-magnet-preview .magnet-calculation-art .hsb-dimension-height { top:14%; bottom:2.6cqw; right:0; padding-right:12px; }
.bl-magnet-preview .magnet-calculation-art .hsb-dimension-height::before,.bl-magnet-preview .magnet-calculation-art .hsb-dimension-height::after { content:''; position:absolute; right:-4px; width:10px; height:10px; border:solid #087a43; border-width:0 2px 2px 0; }
.bl-magnet-preview .magnet-calculation-art .hsb-dimension-height::before { top:0; transform:rotate(225deg); }
.bl-magnet-preview .magnet-calculation-art .hsb-dimension-height::after { bottom:0; transform:rotate(45deg); }
.bl-magnet-preview .magnet-calculation .hsb-cost-factors h3 { margin:0 0 1cqw; font-size:1.85cqw; line-height:1.2; letter-spacing:-.025em; }
.bl-magnet-preview .magnet-calculation .hsb-cost-factors .hsb-notes { display:flex; justify-content:space-between; flex-wrap:nowrap; gap:1.8cqw; margin:0; font-size:1.2cqw; }
.bl-magnet-preview .magnet-calculation .hsb-cost-factors li { position:relative; white-space:nowrap; gap:.65cqw; }
.bl-magnet-preview .magnet-calculation .hsb-cost-factors li::before { width:.85cqw; height:.85cqw; flex-basis:.85cqw; }
.bl-magnet-preview .magnet-calculation .hsb-cost-factors li:not(:last-child)::after { content:''; position:absolute; right:-1cqw; height:1.25cqw; width:1px; background:#acb6bd80; }
.bl-magnet-preview .magnet-calculation-form { min-width:0; margin:0; padding:2.6cqw 3cqw 2cqw; border-radius:1.8cqw; background:#fffffff5; box-shadow:0 16px 36px #23394c1a; }
.bl-magnet-preview .magnet-calculation-form > h3 { margin:0 0 .4cqw; font-size:2.9cqw; line-height:1.1; letter-spacing:-.035em; font-weight:750; }
.bl-magnet-preview .magnet-calculation-form .hsb-form-note { margin:0 0 1.6cqw; font-size:1.25cqw; line-height:1.35; }
.bl-magnet-preview .magnet-calculation-form .hsb-form-row { gap:1.2cqw; }
.bl-magnet-preview .magnet-calculation-form .hsb-field { margin-bottom:1cqw; }
.bl-magnet-preview .magnet-calculation-form .hsb-field label { margin-bottom:.4cqw; font-size:1.08cqw; line-height:1.35; }
.bl-magnet-preview .magnet-calculation-form .hsb-field :is(input,select) { min-height:3.5cqw; padding:.8cqw 1.1cqw; border:0; border-radius:1cqw; font:400 1.13cqw/1.35 "Segoe UI",system-ui,sans-serif; }
.bl-magnet-preview .magnet-calculation-form .hsb-field input { background:#eff1f4; }
.bl-magnet-preview .magnet-calculation-form .hsb-field select { display:flex; align-items:center; justify-content:space-between; background-color:#eff1f4; }
.bl-magnet-preview .magnet-calculation-form .hsb-field-error { font-size:.93cqw; }
.bl-magnet-preview .magnet-calculation-form .hsb-attachment-control { min-height:3.5cqw; border-radius:1cqw; padding:.8cqw 1.1cqw; font-size:1.1cqw; gap:.8cqw; }
.bl-magnet-preview .magnet-calculation-form .hsb-attachment-control input[type="file"] { position:absolute; inset:0; width:100%; height:100%; min-height:0; padding:0; opacity:0; cursor:pointer; }
.bl-magnet-preview .magnet-calculation-form .hsb-attachment-control:focus-within { outline:2px solid #7a8898; outline-offset:3px; }
.bl-magnet-preview .magnet-calculation-form .hsb-consent-field { margin:.3cqw 0 1.3cqw; }
.bl-magnet-preview .magnet-calculation-form .hsb-consent { gap:.8cqw; font-size:1cqw; line-height:1.4; }
.bl-magnet-preview .magnet-calculation-form .hsb-consent input { width:1.4cqw; height:1.4cqw; margin:0; }
.bl-magnet-preview .magnet-calculation-form .hsb-submit { position:relative; justify-content:center; width:100%; min-height:4.4cqw; padding:.85cqw 3.3cqw; gap:1.2cqw; font-size:1.45cqw; font-weight:700; }
.bl-magnet-preview .magnet-calculation-form .hsb-submit img { position:absolute; right:1.6cqw; width:2cqw; height:2cqw!important; filter:brightness(0) invert(1); }
.bl-magnet-preview .magnet-calculation-form .hsb-submit:disabled { opacity:.6; cursor:wait; }
.bl-magnet-preview .magnet-calculation-form > .hsb-small { margin-top:.9cqw; font-size:.95cqw; line-height:1.4; color:#52617a; }
.bl-magnet-preview .magnet-enquiry-local-note { margin-top:.55cqw; font-size:.8cqw; line-height:1.4; color:#68778c; }
.bl-magnet-preview .magnet-calculation-form .hsb-form-phone { display:block; margin-top:1.3cqw; padding-top:1cqw; text-align:center; font-size:1.05cqw; }
.bl-magnet-preview .magnet-calculation-form .hsb-form-phone a { display:block; margin-top:.4cqw; font-size:1.45cqw; color:#0d1730; }
.bl-magnet-preview .magnet-enquiry-selection { display:flex; align-items:center; gap:12px; padding:12px 14px; margin-bottom:18px; border-radius:10px; background:#edf5ef; }
.bl-magnet-preview .magnet-enquiry-selection p { flex:1; min-width:0; margin:0; color:#244b3a; font-size:14px; line-height:1.4; }
.bl-magnet-preview .magnet-enquiry-selection button { flex:none; min-height:36px; padding:4px 8px; border:0; border-radius:6px; background:#fff; color:#52617a; font:inherit; font-size:12px; cursor:pointer; }
.bl-magnet-preview .magnet-calculation-form .hsb-form-status { margin:16px 0; font-size:15px; line-height:1.45; }
.bl-magnet-preview .magnet-enquiry-draft { margin-top:16px; padding:14px; border-radius:12px; background:#f1f5f3; }
.bl-magnet-preview .magnet-enquiry-draft > label { display:block; font-size:14px; font-weight:650; margin-bottom:10px; }
.bl-magnet-preview .magnet-enquiry-draft textarea { width:100%; min-height:190px; padding:12px; resize:vertical; border:1px solid #d6ded9; border-radius:8px; background:#fff; color:#162233; font:14px/1.45 "Segoe UI",system-ui,sans-serif; }
.bl-magnet-preview .magnet-enquiry-draft-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.bl-magnet-preview .magnet-enquiry-draft-actions :is(button,a) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; border:0; border-radius:999px; background:#fff; color:#075943; font:600 14px/1.3 "Segoe UI",system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.bl-magnet-preview .magnet-enquiry-draft > p { margin-top:12px; font-size:13px; line-height:1.4; color:#52617a; }
.bl-magnet-preview .magnet-calculation [hidden] { display:none!important; }
@media(max-width:1100px) {
 .bl-magnet-preview .magnet-calculation-platform { padding:34px 24px 28px; background-size:cover; }
 .bl-magnet-preview .magnet-calculation-layout { grid-template-columns:1fr; gap:32px; }
 .bl-magnet-preview .magnet-calculation-copy { padding:0; }
 .bl-magnet-preview .magnet-calculation-copy .hsb-eyebrow { font-size:11px; margin-bottom:16px; }
 .bl-magnet-preview .magnet-calculation-copy h2 { font-size:clamp(34px,5.2vw,56px); }
 .bl-magnet-preview .magnet-calculation-copy .hsb-lead { font-size:18px; margin-top:18px; max-width:670px; }
 .bl-magnet-preview .magnet-calculation-art { max-width:740px; margin:24px auto; padding-right:36px; padding-bottom:34px; }
 .bl-magnet-preview .magnet-calculation-art .hsb-dimension { font-size:16px; }
 .bl-magnet-preview .magnet-calculation-art .hsb-dimension-height { bottom:40px; }
 .bl-magnet-preview .magnet-calculation .hsb-cost-factors h3 { font-size:27px; margin-bottom:16px; }
 .bl-magnet-preview .magnet-calculation .hsb-cost-factors .hsb-notes { gap:26px; font-size:16px; }
 .bl-magnet-preview .magnet-calculation .hsb-cost-factors li { gap:9px; }
 .bl-magnet-preview .magnet-calculation .hsb-cost-factors li::before { width:12px; height:12px; flex-basis:12px; }
 .bl-magnet-preview .magnet-calculation .hsb-cost-factors li:not(:last-child)::after { right:-14px; height:20px; }
 .bl-magnet-preview .magnet-calculation-form { width:100%; max-width:740px; margin:0 auto; padding:32px; border-radius:24px; }
 .bl-magnet-preview .magnet-calculation-form > h3 { font-size:36px; margin-bottom:8px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-form-note { font-size:18px; margin-bottom:24px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-form-row { gap:18px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-field { margin-bottom:16px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-field label { font-size:16px; margin-bottom:7px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-field :is(input,select),.bl-magnet-preview .magnet-calculation-form .hsb-attachment-control { min-height:50px; padding:12px 16px; font-size:16px; border-radius:12px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-field-error { font-size:14px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-attachment-control { gap:12px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-attachment-control > img { width:20px; height:20px!important; }
 .bl-magnet-preview .magnet-calculation-form .hsb-attachment-plus { width:28px; height:28px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-attachment-plus img { width:17px; height:17px!important; }
 .bl-magnet-preview .magnet-calculation-form .hsb-consent { font-size:14px; gap:10px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-consent input { width:20px; height:20px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-consent-field { margin:4px 0 20px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-submit { min-height:60px; padding:14px 44px; font-size:20px; gap:18px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-submit img { right:18px; width:28px; height:28px!important; }
 .bl-magnet-preview .magnet-calculation-form > .hsb-small { font-size:14px; margin-top:14px; }
 .bl-magnet-preview .magnet-enquiry-local-note { font-size:12px; margin-top:8px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-form-phone { font-size:15px; margin-top:20px; padding-top:18px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-form-phone a { font-size:21px; margin-top:6px; }
}
@media(max-width:767px) {
 .bl-magnet-preview .magnet-calculation { padding:0 12px 30px; scroll-margin-top:84px; }
 .bl-magnet-preview .magnet-calculation-platform { padding:30px 18px 24px; }
 .bl-magnet-preview .magnet-calculation-copy h2 { font-size:clamp(29px,7.5vw,44px); }
 .bl-magnet-preview .magnet-calculation-copy .hsb-lead { font-size:16px; line-height:1.4; }
 .bl-magnet-preview .magnet-calculation-art { padding-right:26px; padding-bottom:28px; margin:20px 0 26px; }
 .bl-magnet-preview .magnet-calculation-art .hsb-dimension { font-size:12px; }
 .bl-magnet-preview .magnet-calculation-art .hsb-dimension-height { bottom:32px; padding-right:8px; }
 .bl-magnet-preview .magnet-calculation .hsb-cost-factors h3 { font-size:23px; }
 .bl-magnet-preview .magnet-calculation .hsb-cost-factors .hsb-notes { display:grid; gap:12px; font-size:16px; }
 .bl-magnet-preview .magnet-calculation .hsb-cost-factors li::after { display:none; }
 .bl-magnet-preview .magnet-calculation-form { padding:26px 20px; border-radius:20px; }
 .bl-magnet-preview .magnet-calculation-form > h3 { font-size:30px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-form-note { font-size:16px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-field label { font-size:15px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-field :is(input,select),.bl-magnet-preview .magnet-calculation-form .hsb-attachment-control { font-size:15px; padding:12px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-form-row { gap:12px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-submit { font-size:18px; min-height:56px; }
 .bl-magnet-preview .magnet-enquiry-selection { align-items:flex-start; }
 .bl-magnet-preview .magnet-enquiry-draft-actions { display:grid; }
}
@media(max-width:360px) {
 .bl-magnet-preview .magnet-calculation-form { padding:24px 16px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-form-row { grid-template-columns:1fr; gap:0; }
 .bl-magnet-preview .magnet-calculation-form > h3 { font-size:27px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-field :is(input,select),.bl-magnet-preview .magnet-calculation-form .hsb-attachment-control { font-size:14px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-submit { gap:12px; padding-inline:40px; font-size:16px; }
 .bl-magnet-preview .magnet-calculation-form .hsb-submit img { right:12px; width:24px; height:24px!important; }
}