.wff-preview{--navy:#07111d;--blue:#00bfff;--orange:#ff7900;--line:#32506a;--white:#f7fbff;--muted:#b9ccd9;font-family:Arial,Helvetica,sans-serif;line-height:1.5;color:var(--white)}
.wff-preview,.wff-preview *,.wff-preview *::before,.wff-preview *::after{box-sizing:border-box}
.wff-preview a{color:inherit}
.wff-preview a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.wff-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wff-preview{container-type:inline-size;container-name:wraptor-family-footer;width:100%;background:#050a10}
.wff-family{padding:clamp(28px,3.2cqi,46px) clamp(14px,2.6cqi,36px);text-align:center;background:#050a10;color:var(--white)}
.wff-family-inner{width:100%;max-width:1380px;margin:0 auto;padding:28px 0 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wff-family h2{margin:0 0 28px;font-size:clamp(26px,2.5cqi,34px);font-weight:800;line-height:1.15;letter-spacing:-.025em}.wff-family h2 span{color:var(--orange)}
.wff-family-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.wff-family-card{position:relative;min-width:0;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;padding:22px 14px 20px;border:2px solid var(--line);border-radius:12px;background:var(--navy);text-decoration:none;transition:border-color .16s,background .16s}
a.wff-family-card:hover{border-color:var(--blue);background:#0b2033}.wff-family-card[data-current=true]{border-color:var(--orange);background:linear-gradient(160deg,#312115 0%,#0a1726 74%)}
.wff-logo-box{display:flex;align-items:center;justify-content:center;width:100%;height:174px;margin-bottom:16px}.wff-logo-box img{display:block;object-fit:contain;width:174px;height:174px;max-width:100%}
.wff-card-copy{display:flex;flex-direction:column;align-items:center;flex:1;width:calc(100% + 28px);min-width:0;margin:0 -14px -20px;padding:14px;background:#000;border-radius:0 0 10px 10px}.wff-here-badge{visibility:hidden;display:inline-block;min-height:23px;margin-bottom:10px;border:1px solid #9a511a;border-radius:20px;padding:2px 9px;color:#ffd0aa;font-size:11px;font-weight:700;line-height:1.4}
.wff-family-card[data-current=true] .wff-here-badge{visibility:visible}.wff-family h3{margin:0 0 12px;font-size:clamp(14px,1.2cqi,17px);font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:0;white-space:nowrap}
.wff-family p{margin:0;color:#e7edf2;font-size:14px;line-height:1.5}.wff-card-action{display:block;margin-top:auto;padding-top:18px;color:#f5f5f5;font-size:13px;font-weight:700;line-height:1.35}.wff-card-action span[aria-hidden]{margin-left:3px}.wff-card-action.pending{color:#d3d3d3;font-size:12px;max-width:170px}
@container wraptor-family-footer (max-width:1120px) and (min-width:681px){.wff-family-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.wff-family-card{grid-column:span 2}.wff-family-card:nth-child(4){grid-column:2 / span 2}.wff-family-card:nth-child(5){grid-column:4 / span 2}.wff-logo-box,.wff-logo-box img{height:164px}.wff-logo-box img{width:164px}.wff-family h3{font-size:clamp(14px,1.8cqi,16px)}}
@container wraptor-family-footer (max-width:680px){.wff-family{padding:24px 14px}.wff-family-inner{padding:23px 0}.wff-family h2{font-size:27px;margin-bottom:20px}.wff-family-grid{grid-template-columns:1fr;gap:10px}.wff-family-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center;padding:14px 12px;text-align:left;min-height:135px;border-radius:10px}.wff-logo-box{width:100px;height:100px;margin:0}.wff-logo-box img{width:100px;height:100px}.wff-card-copy{align-items:flex-start;justify-content:center;align-self:stretch;width:calc(100% + 12px);margin:-14px -12px -14px 0;padding:14px 12px;border-radius:0 8px 8px 0}.wff-here-badge{display:none;min-height:0;margin:0 0 7px;padding:1px 7px;font-size:10px}.wff-family-card[data-current=true] .wff-here-badge{display:inline-block}.wff-family h3{margin-bottom:7px;font-size:16px}.wff-family p{font-size:13px;line-height:1.4}.wff-card-action{margin-top:0;padding-top:10px;font-size:12px}.wff-card-action.pending{font-size:11px;max-width:none}}
@container wraptor-family-footer (max-width:359px){.wff-family{padding-left:12px;padding-right:12px}.wff-family-card{grid-template-columns:76px minmax(0,1fr);gap:8px;padding:12px 10px}.wff-logo-box,.wff-logo-box img{width:76px;height:76px}.wff-family h3{font-size:clamp(12px,4.4cqi,14px)}.wff-family p{font-size:12px}.wff-card-action{font-size:11px}.wff-card-copy{width:calc(100% + 10px);margin:-12px -10px -12px 0;padding:12px 10px}}

.wff-family-card,a.wff-family-card:hover,.wff-family-card[data-current=true]{background-clip:padding-box}
@media(prefers-reduced-motion:reduce){.wff-family-card{transition:none}}

/* Preserve approved typography against host heading rules. */
.wff-family h2,.wff-family h3{font-family:Arial,Helvetica,sans-serif}
.wff-family h2{text-transform:none}
@container wraptor-family-footer (max-width:680px){.wff-family-card[data-brand=industrial] h3{font-size:clamp(12px,3.85cqi,16px)}}