:root{--tool-navy:#051121;--tool-ink:#101a2c;--tool-muted:#627087;--tool-line:#dfe6ef;--tool-blue:#116df5;--tool-panel:#fff;--tool-soft:#f4f7fb}.fan-tool-page{background:var(--tool-soft);color:var(--tool-ink)}.fan-tool-page .site-header{top:0;right:0;left:0;min-height:62px;padding:11px max(5.5%,54px);border:0;border-bottom:1px solid rgba(149,184,220,.18);border-radius:0;background:rgba(3,12,23,.96)}.fan-tool-page .main-nav .is-active{position:relative;color:#fff}.fan-tool-page .main-nav .is-active:after{position:absolute;right:0;bottom:-20px;left:0;height:2px;background:#2783ff;content:""}.fan-tool-shell{width:min(1440px,92%);margin:0 auto}.fan-tool-hero{position:relative;overflow:hidden;padding-top:62px;background:radial-gradient(circle at 67% 35%,rgba(9,103,250,.3),transparent 16%),linear-gradient(108deg,#061322 0%,#041524 58%,#06111d 100%);color:#fff}.fan-tool-hero:after{position:absolute;inset:0;background-image:linear-gradient(rgba(58,129,209,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(58,129,209,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to left,#000 0%,transparent 60%);content:""}.fan-tool-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .75fr .76fr;grid-template-rows:minmax(254px,1fr);min-height:310px}.fan-tool-hero-copy{position:relative;z-index:3;padding:28px 0 28px}.fan-tool-breadcrumb{display:flex;gap:9px;margin-bottom:27px;color:#c8d8ea;font-size:11px}.fan-tool-breadcrumb a:hover{color:#5ca4ff}.fan-tool-hero .eyebrow{margin-bottom:10px}.fan-tool-hero h1{margin:0;font-size:clamp(38px,4vw,58px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase}.fan-tool-hero-copy>p:not(.eyebrow){max-width:520px;margin:13px 0 8px;font-size:18px;line-height:1.35}.fan-tool-hero-copy small{display:block;max-width:520px;color:#bdcad9;font-size:12px;line-height:1.5}.fan-tool-airflow{position:absolute;z-index:1;top:45px;right:25%;bottom:0;left:26%;opacity:.85}.fan-tool-airflow svg{width:100%;height:100%;overflow:visible}.fan-tool-airflow path{fill:none;stroke:#1784ff;stroke-linecap:round;stroke-width:2.1}.fan-tool-hero-product{position:relative;z-index:2;display:grid;place-items:center;overflow:hidden}.hero-product-frame{display:grid;place-items:center;width:min(320px,100%);height:100%}.hero-product-frame img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.18) contrast(1.28) drop-shadow(0 18px 25px rgba(0,0,0,.65));transform:scale(1.2)}.fan-tool-hero-benefits{position:relative;z-index:3;display:grid;align-content:center;gap:14px;margin:0;padding:21px 0 20px 27px;list-style:none;border-left:1px solid rgba(101,154,209,.22)}.fan-tool-hero-benefits li{display:flex;align-items:center;gap:12px}.fan-tool-hero-benefits b{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:rgba(20,117,240,.2);color:#6eb1ff;font-size:16px}.fan-tool-hero-benefits span{display:grid;color:#b8c9da;font-size:11px;line-height:1.35}.fan-tool-hero-benefits strong{color:#fff;font-size:12px}.fan-tool-workbench{display:grid;grid-template-columns:285px minmax(0,1fr) 365px;gap:14px;padding:27px 0 14px}.fan-filter-card,.fan-results-card,.fan-detail-card,.fan-tool-reference>article{border:1px solid var(--tool-line);border-radius:12px;background:var(--tool-panel);box-shadow:0 10px 30px rgba(17,33,57,.045)}.fan-filter-card{padding:17px}.fan-step{margin:0 0 6px;color:var(--tool-blue);font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.fan-filter-card h2,.fan-results-card h2,.fan-detail-card h2,.fan-tool-reference h2{margin:0;font-size:15px;letter-spacing:-.035em;text-transform:uppercase}.fan-filter-card form{display:grid;gap:11px;margin-top:16px}.fan-filter-card label{display:grid;gap:5px;color:#223147;font-size:10px;font-weight:600}.fan-filter-card select,.fan-filter-card input{width:100%;height:34px;padding:0 9px;border:1px solid #ced8e5;border-radius:6px;background:#fff;color:#1a2940;font-size:11px}.fan-form-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fan-input-unit{position:relative}.fan-input-unit input{padding-right:45px}.fan-input-unit span{position:absolute;top:50%;right:8px;color:#68788d;font:9px 'IBM Plex Mono',monospace;transform:translateY(-50%)}.fan-filter-card .button{width:100%;margin-top:2px;padding:10px 12px;border-radius:5px;font-size:12px}.fan-reset{border:1px solid #d3dce7;border-radius:5px;padding:9px;background:#fff;color:#31425a;font-size:11px;font-weight:600;cursor:pointer}.fan-reset:hover{border-color:var(--tool-blue);color:var(--tool-blue)}.fan-filter-note{margin:14px 0 0;color:#718096;font-size:10px;line-height:1.45}.fan-results-card{min-width:0;padding:17px}.fan-section-title{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:14px}.fan-section-title h2 span{color:#66758b;font-size:11px}.fan-export{border:0;background:transparent;color:var(--tool-blue);font-size:10px;font-weight:600;cursor:pointer}.fan-table-wrap{overflow:auto;border:1px solid #e5ebf2;border-radius:7px}.fan-results-card table{width:100%;min-width:650px;border-collapse:collapse;font-size:10px}.fan-results-card th{padding:10px 7px;border-bottom:1px solid #dbe4ee;background:#f6f8fb;color:#2b3951;font-weight:600;text-align:center}.fan-results-card td{padding:10px 7px;border-bottom:1px solid #edf1f5;color:#25354a;text-align:center}.fan-results-card tbody tr{cursor:pointer;transition:background .16s ease}.fan-results-card tbody tr:hover,.fan-results-card tbody tr.is-selected{background:#eaf3ff}.fan-results-card tbody tr.is-selected td:first-child{color:var(--tool-blue);font-weight:700}.fan-results-card tbody tr:last-child td{border-bottom:0}.fan-table-note{margin:13px 0 0;color:#728095;font-size:10px}.fan-detail-card{padding:17px}.fan-selected-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 5px}.fan-selected-heading h3{margin:0;color:#14243b;font-size:18px;letter-spacing:-.04em}.fan-match{border:1px solid #a7cafb;border-radius:12px;padding:2px 6px;color:#1269e9;font-size:9px;font-weight:700}.fan-detail-subtitle{margin:0;color:#596a80;font-size:11px}.fan-detail-certifications{display:flex;justify-content:flex-end;gap:11px;margin:-14px 0 4px;color:#1e2b3b;font-size:13px;font-weight:700}.fan-detail-images{display:grid;grid-template-columns:1fr 1.18fr;gap:8px;margin:12px 0}.fan-image-frame{overflow:hidden;border:1px solid #edf0f4;border-radius:6px;background:#fff}.fan-detail-images .fan-image-frame{height:132px}.fan-image-frame img{display:block;width:100%;height:100%;object-fit:contain}.fan-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 17px;margin:8px 0 14px}.fan-spec-grid div{display:flex;justify-content:space-between;gap:9px;padding:5px 0;border-bottom:1px solid #edf1f5;font-size:10px}.fan-spec-grid span{color:#65748b}.fan-spec-grid strong{color:#1d2a3d;font-weight:600;text-align:right}.fan-detail-actions{display:grid;gap:7px}.fan-detail-actions .button{padding:9px 12px;border-radius:5px;font-size:11px}.fan-detail-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fan-detail-actions .button-ghost{border-color:#cbd5e1;color:#1e2d43}.fan-tool-reference{display:grid;grid-template-columns:1.1fr 1.12fr .9fr;gap:14px;padding:0 0 28px}.fan-tool-reference>article{min-height:302px;padding:17px}.fan-tool-reference h2{margin-bottom:12px}.fan-curve-card h2 span{color:#53657b;font-size:11px}.fan-curve-frame{height:186px}.fan-curve-card>p:last-child{margin:11px 0 0;color:#647389;font-size:10px;line-height:1.4}.fan-option-group{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0 22px}.fan-option{display:grid;justify-items:center;gap:6px;color:#9ba7b7;font-size:10px;text-align:center}.fan-option b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d5deea;border-radius:50%;font-size:18px}.fan-option.is-available{color:#1c2d45}.fan-option.is-available b{border-color:#2c81f6;color:#166ded;box-shadow:inset 0 0 0 3px #eaf3ff}.fan-customization{padding-top:13px;border-top:1px solid #edf1f5}.fan-customization h3{margin:0 0 8px;font-size:11px}.fan-custom-list{display:flex;flex-wrap:wrap;gap:6px}.fan-custom-list span{border:1px solid #d7e2f2;border-radius:99px;padding:4px 7px;color:#607086;font-size:9px}.fan-custom-list span.is-customizable{border-color:#a8ccff;background:#eff6ff;color:#1669df}.fan-customization a{display:inline-block;margin-top:11px;color:var(--tool-blue);font-size:10px;font-weight:600}.fan-code-parts{display:flex;gap:5px;align-items:stretch;margin:35px 0 15px}.fan-code-parts div{display:grid;justify-items:center;gap:6px;min-width:0;flex:1}.fan-code-parts b{display:grid;place-items:center;min-height:34px;width:100%;border-radius:5px;background:#edf3fb;color:#1b5cc1;font-size:15px}.fan-code-parts span{color:#647389;font-size:9px;text-align:center}.fan-code-example{margin:18px 0 0;padding-top:14px;border-top:1px solid #edf1f5;color:#67758a;font-size:10px}.fan-code-example strong{display:block;margin-top:4px;color:var(--tool-blue);font-size:20px;letter-spacing:.04em}.fan-tool-page .site-footer{margin-top:0}
@media(max-width:1120px){.fan-tool-workbench{grid-template-columns:260px minmax(0,1fr)}.fan-detail-card{grid-column:span 2}.fan-detail-card [data-selected-content]{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.fan-detail-card .fan-selected-heading,.fan-detail-card .fan-detail-subtitle,.fan-detail-card .fan-detail-certifications{grid-column:1/-1}.fan-tool-reference{grid-template-columns:1fr 1fr}.fan-code-card{grid-column:span 2}.fan-tool-hero-grid{grid-template-columns:1.1fr .85fr}.fan-tool-hero-benefits{display:none}}
@media(max-width:720px){.fan-tool-page .site-header{padding:11px 6%;border-radius:0}.fan-tool-page .main-nav .is-active:after{display:none}.fan-tool-shell{width:88%}.fan-tool-hero-grid,.fan-tool-workbench,.fan-tool-reference{grid-template-columns:1fr}.fan-tool-hero{padding-top:58px}.fan-tool-hero-copy{padding:26px 0 18px}.fan-tool-hero h1{font-size:42px}.fan-tool-hero-product{height:210px}.fan-tool-airflow{right:0;left:0;top:150px}.fan-detail-card{grid-column:auto}.fan-detail-card [data-selected-content]{display:block}.fan-code-card{grid-column:auto}.fan-form-two{gap:8px}.fan-tool-reference>article{min-height:0}.fan-tool-workbench{padding-top:18px}.fan-detail-images .fan-image-frame{height:142px}}
.fan-model-search .fan-input-unit input{padding-right:79px}.fan-model-search .fan-input-unit span{font-size:8px}
/* Live-filter UI additions (fan-tool-3) */
.fan-sort{display:flex;align-items:center;gap:6px;color:#66758b;font-size:10px;font-weight:600;white-space:nowrap}
.fan-sort select{width:auto;height:28px;padding:0 6px;border:1px solid #ced8e5;border-radius:5px;background:#fff;color:#1a2940;font-size:10px;cursor:pointer}
.fan-sort select:focus{outline:none;border-color:var(--tool-blue)}
.fan-showall{margin-top:12px;text-align:center}
.fan-showall-button{border:1px solid #cbd5e1;border-radius:5px;background:#fff;padding:8px 16px;color:#1e2d43;font-size:11px;font-weight:600;cursor:pointer}
.fan-showall-button:hover{border-color:var(--tool-blue);color:var(--tool-blue)}
.fan-suggest{margin-top:12px}
.fan-suggest-title{margin:0 0 8px;color:#718096;font-size:11px;line-height:1.45}
.fan-suggest-chip{display:inline-block;margin:0 6px 6px 0;border:1px solid #a8ccff;border-radius:99px;background:#eff6ff;padding:5px 10px;color:#1669df;font-size:10px;font-weight:600;cursor:pointer}
.fan-suggest-chip:hover{background:#e0efff;border-color:var(--tool-blue)}
.fan-inquiry-context{margin:12px 0 14px;padding:10px;border:1px solid #dbe7f5;border-radius:7px;background:#f7fbff}.fan-inquiry-context p{margin:0 0 8px;color:#53677f;font-size:9px;line-height:1.35}.fan-inquiry-fields{display:grid;gap:7px}.fan-inquiry-fields label{display:grid;gap:3px;color:#30435a;font-size:9px;font-weight:600}.fan-inquiry-fields input{width:100%;height:29px;padding:0 7px;border:1px solid #cbd8e7;border-radius:5px;background:#fff;color:#1a2940;font-size:10px}.fan-inquiry-fields input::placeholder{color:#97a5b5}