/* Fifth platform: width-based composition and native release20.10 details drawer. */
html:has(> body.bl-magnet-preview) { scrollbar-gutter:stable; }
.bl-magnet-preview .magnet-process { padding:0 24px 56px; scroll-margin-top:110px; }
.bl-magnet-preview .magnet-process-platform { container-type:inline-size; padding:3.1% 3.1% 1.6%; border-radius:4px; background:#f1f0ec url('./assets/selection-background.png') center bottom/auto 160% no-repeat; box-shadow:0 32px 56px -28px #25302b35,0 8px 18px -10px #25302b20; }
.bl-magnet-preview .magnet-process-composition { position:relative; height:42cqw; }
.bl-magnet-preview .magnet-process-heading { position:relative; z-index:1; width:70%; }
.bl-magnet-preview .magnet-process-heading .hsb-eyebrow { margin:0 0 1.3cqw; font-size:.95cqw; letter-spacing:.34em; }
.bl-magnet-preview .magnet-process-heading h2 { font-size:4.85cqw; line-height:.98; letter-spacing:-.045em; font-weight:750; color:#0d1730; }
.bl-magnet-preview .magnet-process-heading h2 span { color:#006142; }
.bl-magnet-preview .magnet-process-lead { margin-top:1.25cqw; font-size:1.4cqw; line-height:1.35; color:#15233e; }
.bl-magnet-preview .magnet-process-art { position:absolute; inset:0; pointer-events:none; }
.bl-magnet-preview .magnet-process-object { position:absolute; display:block; object-fit:contain; height:auto!important; }
.bl-magnet-preview .magnet-process-object-measure { left:-2cqw; bottom:.2cqw; width:29cqw; max-height:23cqw; }
.bl-magnet-preview .magnet-process-object-samples { left:23cqw; bottom:.2cqw; width:25cqw; max-height:26cqw; }
.bl-magnet-preview .magnet-process-object-crate { left:45cqw; bottom:1cqw; width:27cqw; max-height:25cqw; }
.bl-magnet-preview .magnet-process-object-door { right:-1cqw; bottom:1.7cqw; width:32cqw; max-height:42cqw; }
.bl-magnet-preview .magnet-process-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2cqw; list-style:none; margin:0 0 2cqw; padding:0 2.2cqw; }
.bl-magnet-preview .magnet-process-steps li { position:relative; padding-top:1.6cqw; min-width:0; }
.bl-magnet-preview .magnet-process-steps li::before { content:''; position:absolute; top:0; left:0; width:calc(100% + 2cqw); height:1px; background:#228b58; }
.bl-magnet-preview .magnet-process-steps li:last-child::before { width:100%; }
.bl-magnet-preview .magnet-process-steps li::after { content:''; position:absolute; top:-.55cqw; left:5.2cqw; width:1.15cqw; height:1.15cqw; border-radius:50%; background:#078047; box-shadow:0 2px 5px #0747282b; }
.bl-magnet-preview .magnet-process-number { display:block; margin-bottom:.35cqw; color:#087a43; font-size:1.45cqw; font-weight:650; }
.bl-magnet-preview .magnet-process-steps h3 { font-size:1.75cqw; line-height:1.15; letter-spacing:-.025em; font-weight:750; color:#0d1730; }
.bl-magnet-preview .magnet-process-steps p { margin-top:.55cqw; font-size:1.3cqw; line-height:1.35; color:#14243d; }
.bl-magnet-preview .magnet-process-disclosures { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1cqw; padding:.9cqw 1.1cqw; border-radius:1.7cqw; background:#fffffff2; box-shadow:0 8px 22px #1e2a3512; }
.bl-magnet-preview .magnet-process-disclosures .hsb-support-trigger { padding:.9cqw 1.1cqw; min-height:4.6cqw; gap:.5cqw; font-size:1.14cqw; }
.bl-magnet-preview .magnet-process-disclosures .hsb-support-trigger > span { width:2.7cqw; height:2.7cqw; }
.bl-magnet-preview .magnet-process-disclosures .hsb-support-trigger img { width:1.45cqw; height:1.45cqw!important; }
.bl-magnet-preview .magnet-process-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:.8cqw; }
.bl-magnet-preview .magnet-process-bottom p { font-size:1cqw; line-height:1.4; color:#45566a; }
.bl-magnet-preview .magnet-process-bottom a { display:flex; align-items:center; justify-content:center; gap:1.5cqw; min-height:44px; color:#087a43; font-size:1.15cqw; font-weight:650; text-decoration:none; }
.bl-magnet-preview .magnet-process-bottom a img { width:1.8cqw; height:1.8cqw!important; filter:invert(32%) sepia(74%) saturate(780%) hue-rotate(110deg) brightness(85%); }
.bl-magnet-preview .magnet-process-bottom a:hover { text-decoration:underline; }
.bl-magnet-preview .magnet-process-drawer .hs-support-art img { object-fit:contain; }
.bl-magnet-preview .magnet-process-drawer .hsb-support-footer .hsb-button img { filter:brightness(0) invert(1); }
@media(max-width:1100px) {
 .bl-magnet-preview .magnet-process-platform { padding:32px 24px 22px; background-size:cover; }
 .bl-magnet-preview .magnet-process-composition { height:auto; }
 .bl-magnet-preview .magnet-process-heading { width:100%; }
 .bl-magnet-preview .magnet-process-heading .hsb-eyebrow { font-size:11px; margin-bottom:16px; }
 .bl-magnet-preview .magnet-process-heading h2 { font-size:clamp(36px,5vw,54px); line-height:1.02; }
 .bl-magnet-preview .magnet-process-lead { margin-top:16px; font-size:17px; max-width:620px; }
 .bl-magnet-preview .magnet-process-art { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end; height:27cqw; margin:24px -12px 10px; }
 .bl-magnet-preview .magnet-process-object { position:static; width:100%; max-height:27cqw; }
 .bl-magnet-preview .magnet-process-object-door { height:27cqw!important; }
 .bl-magnet-preview .magnet-process-steps { padding:0; gap:18px; margin-bottom:24px; }
 .bl-magnet-preview .magnet-process-steps li { padding-top:18px; }
 .bl-magnet-preview .magnet-process-steps li::before { width:calc(100% + 18px); }
 .bl-magnet-preview .magnet-process-steps li::after { top:-5px; left:16px; width:11px; height:11px; }
 .bl-magnet-preview .magnet-process-number { font-size:16px; margin-bottom:6px; }
 .bl-magnet-preview .magnet-process-steps h3 { font-size:20px; }
 .bl-magnet-preview .magnet-process-steps p { font-size:16px; margin-top:8px; }
 .bl-magnet-preview .magnet-process-steps p br { display:none; }
 .bl-magnet-preview .magnet-process-disclosures { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:12px; border-radius:20px; }
 .bl-magnet-preview .magnet-process-disclosures .hsb-support-trigger { min-height:58px; font-size:15px; padding:10px 14px; gap:8px; }
 .bl-magnet-preview .magnet-process-disclosures .hsb-support-trigger > span { width:32px; height:32px; }
 .bl-magnet-preview .magnet-process-disclosures .hsb-support-trigger img { width:18px; height:18px!important; }
 .bl-magnet-preview .magnet-process-bottom { margin-top:14px; }
 .bl-magnet-preview .magnet-process-bottom p { font-size:13px; }
 .bl-magnet-preview .magnet-process-bottom a { font-size:16px; gap:14px; }
 .bl-magnet-preview .magnet-process-bottom a img { width:24px; height:24px!important; }
}
@media(max-width:767px) {
 .bl-magnet-preview .magnet-process { padding:0 12px 30px; scroll-margin-top:84px; }
 .bl-magnet-preview .magnet-process-platform { padding:30px 18px 22px; }
 .bl-magnet-preview .magnet-process-heading h2 { font-size:clamp(30px,8vw,44px); }
 .bl-magnet-preview .magnet-process-lead { font-size:16px; line-height:1.4; }
 .bl-magnet-preview .magnet-process-art { display:none; }
 .bl-magnet-preview .magnet-process-steps { display:block; margin-top:18px; padding-left:16px; }
 .bl-magnet-preview .magnet-process-steps li { padding:0 0 26px 18px; border-left:1px solid #228b58; }
 .bl-magnet-preview .magnet-process-steps li:last-child { border-color:transparent; }
 .bl-magnet-preview .magnet-process-steps li::before { display:none; }
 .bl-magnet-preview .magnet-process-steps li::after { top:8px; left:-6px; }
 .bl-magnet-preview .magnet-process-steps li { background-position:right top; background-repeat:no-repeat; background-size:contain; }
 .bl-magnet-preview .magnet-process-steps li::before { display:block; position:static; height:220px; width:100%; background-color:transparent; background-size:contain; background-position:center; background-repeat:no-repeat; margin:0 0 12px; }
 .bl-magnet-preview .magnet-process-steps li:nth-child(1)::before { background-image:url('./assets/process-measure.png'); }
 .bl-magnet-preview .magnet-process-steps li:nth-child(2)::before { background-image:url('./assets/process-samples.png'); }
 .bl-magnet-preview .magnet-process-steps li:nth-child(3)::before { background-image:url('./assets/process-crate.png'); }
 .bl-magnet-preview .magnet-process-steps li:nth-child(4)::before { background-image:url('./assets/process-door.png'); height:300px; }
 .bl-magnet-preview .magnet-process-steps h3 { font-size:22px; }
 .bl-magnet-preview .magnet-process-steps p { font-size:17px; }
 .bl-magnet-preview .magnet-process-disclosures { grid-template-columns:1fr; gap:10px; padding:12px; border-radius:20px; }
 .bl-magnet-preview .magnet-process-disclosures .hsb-support-trigger { font-size:16px; min-height:58px; }
 .bl-magnet-preview .magnet-process-bottom { display:block; }
 .bl-magnet-preview .magnet-process-bottom p { margin-bottom:10px; }
 .bl-magnet-preview .magnet-process-bottom a { justify-content:space-between; min-height:50px; }
}
@media(prefers-reduced-motion:reduce) { .bl-magnet-preview .magnet-process .hsb-support-trigger,.bl-magnet-preview .magnet-process .hsb-support-trigger > span { transition:none; } }

/* High-speed category support pages only: existing native drawer with an editorial hierarchy. */
.bl-magnet-preview .magnet-process-drawer .hsb-support-header {padding-bottom:26px;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-tabs {gap:4px;margin:18px 0 28px;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-tabs button {transition:background .16s ease,color .16s ease;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-header h2 {font-size:36px;letter-spacing:-.04em;margin-bottom:16px;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-lead {font-size:16px;line-height:1.6;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-body {padding-top:0;padding-bottom:36px;}
.bl-magnet-preview .magnet-process-drawer .hs-support-figure {margin:0;}
.bl-magnet-preview .magnet-process-drawer .hs-support-art {aspect-ratio:2.45/1;overflow:hidden;border-radius:14px;background:#f3f5f2;}
.bl-magnet-preview .magnet-process-drawer .hs-support-art img {width:100%;height:100%;display:block;object-fit:contain;}
.bl-magnet-preview .magnet-process-drawer .hs-support-figure figcaption {font-size:11px;color:#7d8897;line-height:1.5;margin-top:9px;}
.bl-magnet-preview .magnet-process-drawer .hs-support-goal {margin:24px 0 32px;padding:0;}
.bl-magnet-preview .magnet-process-drawer .hs-support-goal>span {display:block;color:#087a43;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;}
.bl-magnet-preview .magnet-process-drawer .hs-support-goal>strong {display:block;font-size:23px;font-weight:650;letter-spacing:-.025em;line-height:1.25;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-block h3 {font-size:21px;margin-bottom:22px;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-rows>div {padding:0 0 20px 40px;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-rows>div+div {margin-top:20px;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-rows>div:not(:last-child) {border-bottom:1px solid #edf0ed;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-rows dt {font-size:17px;font-weight:650;margin-bottom:8px;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-rows dt>span {top:1px;font-size:12px;font-weight:700;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-rows dd {font-size:15px;line-height:1.65;}
.bl-magnet-preview .magnet-process-drawer .hs-support-checklist {margin:16px 0 34px;padding:24px;border-radius:14px;background:#edf5ef;}
.bl-magnet-preview .magnet-process-drawer .hs-support-checklist h3 {font-size:19px;line-height:1.3;letter-spacing:-.025em;margin:0 0 18px;font-weight:650;}
.bl-magnet-preview .magnet-process-drawer .hs-support-checklist ul {list-style:none;padding:0;margin:0;}
.bl-magnet-preview .magnet-process-drawer .hs-support-checklist li {position:relative;padding-left:25px;color:#446151;font-size:15px;line-height:1.55;}
.bl-magnet-preview .magnet-process-drawer .hs-support-checklist li+li {margin-top:13px;}
.bl-magnet-preview .magnet-process-drawer .hs-support-checklist li::before {position:absolute;left:0;top:0;content:'✓';color:#087a43;font-weight:700;}
.bl-magnet-preview .magnet-process-drawer .hs-support-faq details {background:#f6f7f8;border-radius:8px;}
.bl-magnet-preview .magnet-process-drawer .hs-support-faq details+details {margin-top:10px;}
.bl-magnet-preview .magnet-process-drawer .hs-support-faq summary {display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:16px 18px;font-size:15px;font-weight:600;line-height:1.45;}
.bl-magnet-preview .magnet-process-drawer .hs-support-faq summary::-webkit-details-marker {display:none;}
.bl-magnet-preview .magnet-process-drawer .hs-support-faq summary img {flex:none;transition:transform .16s ease;}
.bl-magnet-preview .magnet-process-drawer .hs-support-faq details[open] summary img {transform:rotate(45deg);}
.bl-magnet-preview .magnet-process-drawer .hs-support-faq details>p {margin:0;padding:0 18px 18px;color:#68778c;font-size:15px;line-height:1.65;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-note {margin-top:30px;background:#f5f6f6;padding:20px;border-radius:12px;color:#68778c;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-note>strong {display:block;font-size:14px;font-weight:650;color:#354b40;margin-bottom:8px;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-note>p {margin:0;font-size:13px;line-height:1.65;}
@media(max-width:600px) {
 .bl-magnet-preview .magnet-process-drawer .hsb-support-tabs {gap:0;margin:12px 0 24px;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-tabs button {padding-inline:9px;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-header {padding-bottom:22px;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-header h2 {font-size:29px;margin-bottom:14px;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-lead {font-size:14px;}
 .bl-magnet-preview .magnet-process-drawer .hs-support-art {aspect-ratio:2.15/1;border-radius:12px;}
 .bl-magnet-preview .magnet-process-drawer .hs-support-goal {margin:22px 0 28px;}
 .bl-magnet-preview .magnet-process-drawer .hs-support-goal>strong {font-size:21px;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-block h3 {font-size:19px;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-rows>div {padding-left:32px;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-rows dd {font-size:14px;}
 .bl-magnet-preview .magnet-process-drawer .hs-support-checklist {padding:20px;}
 .bl-magnet-preview .magnet-process-drawer .hs-support-checklist li {font-size:14px;}
 .bl-magnet-preview .magnet-process-drawer .hs-support-faq summary {padding:15px;}
 .bl-magnet-preview .magnet-process-drawer .hs-support-faq details>p {padding:0 15px 17px;font-size:14px;}
}
@media(max-height:550px) and (orientation:landscape) {
 .bl-magnet-preview .magnet-process-drawer .hsb-support-tabs {margin:0 38px 6px 0;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-header {padding-bottom:10px;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-header h2 {font-size:24px;margin-bottom:6px;}
 .bl-magnet-preview .magnet-process-drawer .hsb-support-lead {font-size:13px;line-height:1.35;}
}
@media(prefers-reduced-motion:reduce) {
 .bl-magnet-preview .magnet-process-drawer .hsb-support-tabs button,
 .bl-magnet-preview .magnet-process-drawer .hs-support-faq summary img {transition:none;}
}

.bl-magnet-preview .magnet-process-drawer .hs-support-faq {margin-top:32px;}
.bl-magnet-preview .magnet-process-drawer .hsb-support-block+.hsb-support-block {margin-top:30px;}

.bl-magnet-preview .magnet-process-drawer .hs-support-art img {height:100%!important;object-fit:contain;}