/* Chinese master home preview. The isolated hl- prefix leaves the existing site intact. */
.hl-home{--hl-navy:#102f43;--hl-blue:#126bbe;--hl-line:#d7e3ec;--hl-muted:#637d8e;--hl-paper:#f2f5f6;--hl-rim:#b9c8d1;background:#fff}
.hl-home .hl-wrap{width:100%;max-width:1328px;margin-inline:auto;padding-inline:24px}
.hl-home main{overflow:clip}
.hl-home :where(main) h1,.hl-home :where(main) h2,.hl-home :where(main) h3{letter-spacing:-.035em}
.hl-home :where(main) h2{font-size:25px;line-height:1.4}
.hl-home .hl-kicker{font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--hl-blue);margin:0 0 10px}
.hl-home .hl-intro{display:flex;align-items:end;justify-content:space-between;gap:26px;padding-block:22px 20px}
.hl-intro h1{font-size:clamp(29px,3.1vw,42px);line-height:1.24;font-weight:700;max-width:none}
.hl-mobile-break{display:none}
.hl-intro-copy{font-size:12px;color:var(--hl-muted);line-height:1.8;padding-bottom:3px;flex-shrink:0}
.hl-intro-copy a{display:inline-block;font-size:11px;margin-top:7px}
.hl-intro-copy a span{margin-left:6px}
.hl-explorer{scroll-margin-top:110px;padding-bottom:18px}
.hl-explorer-head{border-top:1px solid var(--hl-line);padding-block:12px 11px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hl-explorer-heading{display:flex;align-items:center;gap:13px}
.hl-section-number{display:grid;place-items:center;align-self:stretch;width:32px;flex-shrink:0;color:#6f8fa2;border-right:1px solid var(--hl-line);padding-right:14px;font-size:12px;font-variant-numeric:tabular-nums}
.hl-explorer-heading h2{font-size:19px;font-weight:650}
.hl-explorer-heading p{color:var(--hl-muted);font-size:11px;margin-top:3px}
.hl-touch-hint{display:none}
.hl-mode-switch,.hl-view-switch{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;background:#eaf1f5;padding:3px;border-radius:5px}
.hl-mode-switch button,.hl-view-switch button{border:0;color:var(--hl-navy);background:transparent;border-radius:3px;min-height:39px;min-width:77px;font-size:12px;padding:8px 17px;line-height:1.4}
.hl-mode-switch button[aria-pressed=true],.hl-view-switch button[aria-pressed=true]{color:white;background:var(--hl-navy);font-weight:600}
.hl-mode-switch button:hover:not([aria-pressed=true]),.hl-view-switch button:hover:not([aria-pressed=true]){background:#dce8ef}
.hl-product-picker{border:1px solid var(--hl-line);border-radius:7px;overflow:hidden;background:#fff}
.hl-row{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:stretch;border-bottom:1px solid #e4ecf1;position:relative;min-width:0}
.hl-row:last-child{border-bottom:0}
.hl-row-label{display:flex;justify-content:center;flex-direction:column;padding:12px 15px 12px 20px;background:#f7fafb;border-right:1px solid #e4ecf1;position:relative}
.hl-row-label::before{content:"";position:absolute;width:3px;height:23px;background:#b5cbd9;left:0;top:50%;transform:translateY(-50%)}
.hl-row.is-demo .hl-row-label::before{background:var(--hl-blue)}
.hl-row-label h3{font-size:15px;line-height:1.4;font-weight:650;letter-spacing:0}
.hl-row-label small{font-size:10px;line-height:1.55;color:var(--hl-muted);margin-top:5px}
.hl-row-number{font-size:9px;line-height:1;color:#819aaa;margin-bottom:6px}
.hl-rail-wrap{position:relative;min-width:0;padding-inline:26px;background:#fff}
.hl-rail{display:flex;align-items:stretch;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px 1px;min-width:0;scroll-padding-inline:1px;scroll-behavior:smooth}
.hl-rail::-webkit-scrollbar{display:none}
.hl-thumb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 98px;min-height:82px;border:1px solid transparent;border-radius:4px;padding:4px 7px;background:#fff;color:var(--hl-navy);line-height:1.4;transition:background .14s,border-color .14s}
.hl-thumb img{display:block;width:75px;height:42px;object-fit:contain;margin:0 auto 3px;pointer-events:none}
.hl-thumb strong{font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}
.hl-thumb small{font-size:9px;color:var(--hl-muted);line-height:1.4;margin-top:1px}
.hl-thumb-check{position:absolute;top:4px;right:4px;width:15px;height:15px;display:none;place-items:center;border-radius:50%;background:var(--hl-blue);color:white;font-size:9px;line-height:1}
.hl-thumb.is-selected{border-color:#4686bb;background:#eef5fa;box-shadow:inset 0 0 0 1px #4686bb12}
.hl-thumb.is-selected .hl-thumb-check{display:grid}
.hl-thumb.is-preview{border-color:var(--hl-blue);background:#f3f8fc;border-style:dashed}
.hl-thumb.is-demo{border-color:var(--hl-blue);background:#eaf4fc;box-shadow:0 0 0 2px #c8e2f633}
.hl-thumb:hover{background:#f1f6f9}
.hl-thumb:disabled{opacity:.65}
.hl-thumb .hl-missing{height:42px;margin-bottom:3px;display:grid;place-items:center;font-size:10px;line-height:1.35;color:var(--hl-muted)}
.hl-thumb-missing{height:42px;margin-bottom:3px;display:grid;place-items:center;font-size:10px;line-height:1.35;color:var(--hl-muted)}
.hl-rail-prev,.hl-rail-next{position:absolute;z-index:2;top:0;bottom:0;width:23px;padding:0;background:#fff;border:0;border-radius:0;color:#648295;font-size:21px;display:flex;align-items:center;justify-content:center}
.hl-rail-prev{left:0;border-right:1px solid #edf2f5}
.hl-rail-next{right:0;border-left:1px solid #edf2f5}
.hl-rail-prev:hover,.hl-rail-next:hover{background:#eaf2f8;color:var(--hl-blue)}
.hl-rail-prev:disabled,.hl-rail-next:disabled{opacity:.4}
.hl-demo-strip{min-height:34px;padding:4px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--hl-line);background:#f7fafc;font-size:11px}
.hl-demo-message{display:flex;align-items:center;gap:7px;color:var(--hl-muted);min-width:0}
.hl-demo-dot{width:5px;height:5px;background:var(--hl-blue);border-radius:50%;flex-shrink:0}
.hl-demo-actions{display:flex;align-items:center;gap:13px;flex-shrink:0}
.hl-demo-track{height:2px;width:60px;background:#dce7ee;border-radius:2px;overflow:hidden}
#demo-progress{height:100%;display:block;width:0;background:var(--hl-blue);transition:width .2s}
#demo-toggle{padding:3px 0;border:0;background:transparent;font-size:11px;color:var(--hl-blue);min-height:25px}
.hl-compare-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px 12px}
.hl-compare-toolbar h2{font-size:21px}
.hl-compare-toolbar p{font-size:11px;line-height:1.7;color:var(--hl-muted);margin-top:5px}
.hl-view-switch{position:sticky;top:96px;z-index:5}
.hl-view-switch.is-floating{box-shadow:0 0 0 5px #fff,0 7px 22px #102f4326;background:#eaf1f5;z-index:16}
.hl-view-switch button{min-width:79px;padding-inline:14px;font-size:11px;min-height:39px}
.hl-compare-swipe{display:none}
.hl-compare-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--hl-line);border-radius:6px;scrollbar-width:thin;scrollbar-color:#b9cddc #f0f5f8;scroll-snap-type:x proximity}
.hl-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;align-items:stretch}
.hl-card{min-width:0;background:#fff;padding:20px 21px;border-right:1px solid var(--hl-line);scroll-snap-align:start;position:relative;display:flex;flex-direction:column}
.hl-card:last-child{border-right:0}
.hl-card.is-preview{box-shadow:inset 0 3px 0 #699bc2}
.hl-card.is-demo{box-shadow:inset 0 3px 0 var(--hl-blue);background:#fbfdff}
.hl-card.is-editing{box-shadow:inset 0 3px 0 var(--hl-blue);background:#fafdff}
.hl-selection-tools{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:10px 13px;background:#f2f6f9;border:1px solid #e1eaf0;border-radius:4px;line-height:1.6}
.hl-selection-tools strong{font-size:12px;font-weight:650;white-space:nowrap;color:var(--hl-navy)}
.hl-selection-tools p{color:var(--hl-muted);font-size:11px;flex:1}
.hl-selection-tools button{background:none;border:0;min-height:30px;padding:4px 0;font-size:11px;color:var(--hl-blue);white-space:nowrap}
.hl-composition-note{font-size:11px;line-height:1.7;color:var(--hl-muted)}
.hl-composition-note:not(:empty){margin:-2px 0 12px}
.hl-slot-control{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:11px;padding-top:9px;border-top:1px solid #e6edf2}
.hl-slot-control button{background:none;border:0;min-height:31px;color:var(--hl-muted);font-size:10px;line-height:1.5;padding:3px 0}
.hl-slot-control button[data-target-slot]{color:var(--hl-blue);padding:5px 9px;border:1px solid #c7dce9;border-radius:4px;background:#f7fafc}
.hl-card.is-editing .hl-slot-control button[data-target-slot]{background:var(--hl-blue);border-color:var(--hl-blue);color:white}
.hl-slot-control button[data-remove]:hover{color:#b53632}
.hl-card-head:has(.hl-slot-control){padding-right:0;padding-bottom:11px;min-height:0}
.hl-card-head:has(.hl-slot-control) .hl-series{padding-right:64px}
.hl-composition{font-size:10px;color:var(--hl-muted);line-height:1.75;margin:2px 0 12px;min-height:42px;overflow-wrap:anywhere}
.hl-composition strong{font-size:11px;color:var(--hl-navy);font-weight:600;display:block}
.hl-composition p{margin-top:3px}
.hl-composition .diff{line-height:1.9;text-underline-offset:3px}
.hl-empty-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:120px;flex:1;border:1px dashed #c8d8e2;border-radius:4px;padding:24px 14px;background:#fafcfd;color:var(--hl-muted);font-size:12px;text-align:center;line-height:1.8}
.hl-empty-slot strong{font-size:15px;color:var(--hl-navy);font-weight:500}
.hl-empty-slot button[data-target-slot]{background:#fff;border:1px solid #c3d7e6;border-radius:4px;color:var(--hl-blue);min-height:40px;padding:8px 13px;font-size:12px}
.hl-card.is-editing .hl-empty-slot{border-color:#84b3d5;background:#f3f9fd}
.hl-card.is-editing .hl-empty-slot button[data-target-slot]{border-color:var(--hl-blue);background:var(--hl-blue);color:white}
.hl-card.hl-empty-slot{padding:20px 21px;border:0;border-right:1px solid var(--hl-line);border-radius:0;align-items:stretch;gap:12px;background:#fafcfd}
.hl-card.hl-empty-slot:last-child{border-right:0}
.hl-card.hl-empty-slot .hl-card-head{min-height:0;padding:0}
.hl-card.hl-empty-slot .hl-card-head h3{font-size:17px;color:#6f899a}
.hl-card.hl-empty-slot .hl-figure{width:100%;min-height:120px;background:transparent}
.hl-card.hl-empty-slot .hl-figure>span{font-size:32px;font-weight:300;color:#a8bcc9;line-height:1}
.hl-card:not(.hl-empty-slot) .hl-card-head{min-height:50px}
.hl-card.hl-empty-slot>button[data-target-slot]{align-self:center}
.hl-card.hl-empty-slot.is-editing{box-shadow:inset 0 3px 0 var(--hl-blue);background:#f4f9fd}
.hl-card.hl-empty-slot.is-editing>button[data-target-slot]{background:var(--hl-blue);border-color:var(--hl-blue);color:white}
.hl-composition .hl-relation-diff{color:#b83a36;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.hl-thumb.is-unavailable{background:#fafbfc;color:#8095a3;cursor:not-allowed}
.hl-thumb.is-unavailable:hover{background:#fafbfc}
.hl-card-head{position:relative;min-height:65px;padding-right:58px}
.hl-series{font-size:11px;color:var(--hl-blue);display:block;line-height:1.5;margin-bottom:4px}
.hl-card-head h3{font-size:20px;line-height:1.35;font-weight:650}
.hl-card-state{position:absolute;right:0;top:0;font-size:10px;background:#edf4f8;color:#53758b;padding:3px 6px;border-radius:3px;white-space:nowrap}
.hl-card.is-preview .hl-card-state{color:#0866b2;background:#e7f3fc}
.hl-figure{flex-shrink:0;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--hl-paper);margin:0;border-radius:3px;overflow:hidden}
.hl-product{display:block;object-fit:contain;max-width:100%;max-height:100%;width:var(--image-width,auto);height:var(--image-height,auto);transition:opacity .12s}
.hl-image-envelope.is-reference .hl-product{opacity:.48}
.hl-image-envelope.is-reference{outline:1px dashed #95b4c8;outline-offset:-1px;border-radius:2px}
.hl-cell-label{position:absolute;left:3px;bottom:3px;z-index:1;font-size:10px;line-height:1.4;padding:2px 4px;border-radius:2px;color:var(--hl-navy);background:#fffffff0;white-space:nowrap;pointer-events:none}
.hl-cell-label[hidden]{display:none}
.hl-image-envelope.is-reference .hl-cell-label{color:#4c6c80;background:#f0f6faf0}
.hl-cell-missing{position:absolute;inset:0;border:1px dashed #adc2d0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3px;font-size:10px;line-height:1.5;text-align:center;color:var(--hl-muted);overflow:hidden}
.hl-cell-missing small{font-size:9px}
.hl-dimensions{position:static;text-align:center;font-size:10px;color:#5e7685;line-height:1.7;margin:8px 0 15px;overflow-wrap:anywhere}
.hl-figure>.hl-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--hl-muted);font-size:12px;text-align:center;padding:10px}
.hl-figure>.hl-missing strong{color:var(--hl-navy);font-size:14px}
.hl-figure>.hl-missing small{font-size:11px}
.hl-card-info{flex:1;min-width:0}
.hl-sku{font-size:10px;color:var(--hl-muted);line-height:1.6;margin-bottom:12px;overflow-wrap:anywhere}
.hl-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin:0;padding:0 0 14px;border-bottom:1px solid #e3ebf0}
.hl-stats>div{min-width:0}
.hl-stats dt{color:var(--hl-muted);font-size:10px;line-height:1.4;margin-bottom:4px}
.hl-stats dd{margin:0;font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:650;color:var(--hl-navy);white-space:nowrap}
.hl-stats dd small{font-size:11px;font-weight:400;letter-spacing:0}
.hl-stats div:not(:first-child) dd{font-size:17px;padding-top:3px}
.hl-feature{font-size:11px;line-height:1.7;color:#4b6576;padding-top:11px;min-height:49px}
.hl-card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 12px;padding-top:15px;align-items:center}
.hl-card-actions button[data-same]{background:transparent;color:var(--hl-blue);font-size:11px;border:0;padding:5px 0;text-align:left;min-height:36px}
.hl-card-actions a.hl-detail{font-size:11px;justify-self:end;text-align:right;line-height:1.5}
.hl-card-actions button[data-inquiry]{grid-column:1/-1;width:100%;background:white;border:1px solid #b5cde0;border-radius:4px;color:var(--hl-blue);min-height:42px;padding:8px 12px;font-size:12px;font-weight:600}
.hl-card-actions button[data-inquiry]:hover{background:#edf5fc;border-color:var(--hl-blue)}
.hl-card-actions:has(.hl-quantity-label){grid-template-columns:88px minmax(0,1fr)}
.hl-card-actions:has(.hl-quantity-label) button[data-same]{grid-column:1/-1;grid-row:1;justify-self:start;max-width:58%;font-size:10px}
.hl-card-actions:has(.hl-quantity-label) a.hl-detail{grid-column:1/-1;grid-row:1;font-size:10px;max-width:43%;align-self:center}
.hl-quantity-label{min-width:0;font-size:10px;color:var(--hl-muted);line-height:1.5;grid-column:1;grid-row:2}
.hl-quantity-label input.hl-quantity{display:block;min-height:42px;width:100%;font-size:12px;line-height:1.4;padding:8px 9px;margin-top:4px;border-radius:4px}
.hl-card-actions:has(.hl-quantity-label) button[data-inquiry]{grid-column:2;grid-row:2;align-self:end;min-width:0;padding-inline:5px;font-size:11px}
.hl-compare-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 0}
.hl-compare-bottom p{font-size:12px;color:var(--hl-navy)}
.hl-compare-bottom small{font-size:10px;color:var(--hl-muted);display:block;margin-top:3px}
.hl-compare-bottom>.btn{min-width:210px;font-size:13px;flex-shrink:0}
.hl-feedback{font-size:12px;line-height:1.7;color:var(--hl-blue)}
.hl-feedback:not(:empty){padding:10px 13px;border-left:2px solid var(--hl-blue);background:#f0f7fc;margin-bottom:10px}
.hl-loading{font-size:12px;color:var(--hl-muted);padding:35px 20px}
.hl-noscript{background:#f0f6fb;padding:20px;font-size:13px}
.hl-noscript a{margin:12px 20px 0 0;display:inline-block}
.hl-structure{display:grid;grid-template-columns:.8fr 1.4fr;gap:85px;padding-block:55px 62px;border-top:1px solid var(--hl-line);margin-top:12px}
.hl-section-intro>p:not(.hl-kicker){font-size:13px;color:var(--hl-muted);line-height:1.9;margin-top:16px}
.hl-section-intro>a{display:inline-block;font-size:12px;margin-top:22px}
.hl-difference-list article{display:grid;grid-template-columns:26px minmax(0,1fr) 71px;gap:17px;padding:17px 0;border-bottom:1px solid var(--hl-line);align-items:start}
.hl-difference-list article:first-child{padding-top:0}
.hl-difference-list article:last-child{border-bottom:0;padding-bottom:0}
.hl-difference-index{font-size:11px;color:#839bac;padding-top:5px;font-variant-numeric:tabular-nums}
.hl-difference-list h3{font-size:16px;line-height:1.5}
.hl-difference-list p{font-size:12px;line-height:1.9;color:var(--hl-muted);margin-top:5px}
.hl-detail-label{font-size:10px;color:#617d8f;border-bottom:1px solid var(--hl-line);padding:3px 0 6px;text-align:right;white-space:nowrap}
.hl-purchase{background:#102f43;color:white}
.hl-purchase-inner{display:grid;grid-template-columns:.8fr 1.4fr;gap:85px;padding-block:46px}
.hl-purchase .hl-kicker{color:#a3c8e0}
.hl-purchase h2{font-size:29px;line-height:1.5;font-weight:600}
.hl-purchase-copy>p:not(.hl-kicker){font-size:12px;line-height:1.9;color:#c2d4df;margin-top:17px}
.hl-purchase-paths{display:flex;flex-direction:column;justify-content:center}
.hl-purchase-paths>a{display:grid;grid-template-columns:25px 1fr 20px;gap:17px;align-items:center;padding:18px 0;color:white;border-bottom:1px solid #355263}
.hl-purchase-paths>a:first-child{padding-top:0}
.hl-purchase-paths>a:last-child{border-bottom:0;padding-bottom:0}
.hl-purchase-paths>a:hover{text-decoration:none;color:#c1e1f8}
.hl-path-number{font-size:11px;color:#95b3c6}
.hl-purchase-paths strong{font-size:16px;font-weight:600;line-height:1.5}
.hl-purchase-paths small{display:block;color:#b5cbd8;font-size:12px;line-height:1.8;margin-top:3px}
.hl-proof{padding-block:54px}
.hl-proof-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.hl-proof-heading>a{font-size:12px;flex-shrink:0;padding-bottom:3px}
.hl-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.hl-evidence-placeholder{min-height:163px;padding:19px 21px;background:#f3f6f8;border:1px solid #dce6ec;position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;overflow:hidden}
.hl-evidence-placeholder::after{content:"";position:absolute;right:14px;top:14px;bottom:14px;width:18px;border-block:1px solid #beced9;border-right:1px solid #beced9;pointer-events:none}
.hl-evidence-placeholder>span{font-size:10px;color:#8aa1b1;margin-bottom:9px}
.hl-evidence-placeholder strong{font-size:15px;line-height:1.5;font-weight:500;color:#486477}
.hl-evidence-placeholder small{font-size:10px;color:#748c9c;margin:6px 22px 10px 0}
.hl-evidence-placeholder em{font-style:normal;font-size:9px;letter-spacing:.05em;color:#738b9c;background:#e7eef3;border-radius:2px;padding:2px 5px}
.hl-proof-grid h3{font-size:15px;margin:13px 0 5px;font-weight:650}
.hl-proof-grid article>p{font-size:12px;color:var(--hl-muted);line-height:1.8}
.hl-final{border-top:1px solid var(--hl-line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:35px 42px}
.hl-final h2{font-size:26px}
.hl-final p:not(.hl-kicker){color:var(--hl-muted);font-size:12px;margin-top:10px}
.hl-final>div:last-child{display:flex;flex-direction:column;gap:12px;align-items:center;flex-shrink:0}
.hl-final-secondary{font-size:11px}
.hl-dialog{border:1px solid #c6d7e3;border-radius:8px;padding:30px;max-width:540px;width:calc(100% - 32px);color:var(--hl-navy);box-shadow:0 18px 90px #102f4330}
.hl-dialog::backdrop{background:#0d293b80}
.hl-dialog h2{font-size:22px}
.hl-dialog>p:not(.hl-kicker){font-size:13px;color:var(--hl-muted);margin:13px 0 24px;line-height:1.8}
.hl-dialog-actions{display:flex;flex-wrap:wrap;gap:10px}
.hl-dialog-actions .btn{font-size:12px}
.hl-dialog-actions .text-button{font-size:12px;flex-basis:100%;text-align:left}
@media(min-width:1450px){.hl-intro h1{font-size:44px}.hl-home .hl-intro{padding-block:37px 35px}}
@media(max-width:1100px){.hl-home .hl-wrap{padding-inline:22px}.hl-intro-copy{font-size:11px}.hl-intro-copy a{font-size:10px}.hl-row{grid-template-columns:124px minmax(0,1fr)}.hl-row-label{padding-inline:16px 10px}.hl-row-label h3{font-size:14px}.hl-thumb{flex-basis:90px}.hl-card{padding:17px 16px}.hl-card-head h3{font-size:18px}.hl-card-head{padding-right:46px}.hl-card-state{font-size:9px}.hl-stats dd{font-size:19px}.hl-stats div:not(:first-child) dd{font-size:15px}.hl-stats{gap:5px}.hl-structure,.hl-purchase-inner{gap:45px}.hl-detail-label{display:none}.hl-difference-list article{grid-template-columns:25px minmax(0,1fr)}}
@media(max-width:820px){.hl-home .hl-intro{align-items:start;flex-direction:column;gap:14px;padding-block:24px}.hl-intro-copy{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;font-size:12px}.hl-intro-copy br{display:none}.hl-intro-copy a{font-size:11px;margin:0;max-width:200px;flex-shrink:0}.hl-intro h1{font-size:34px}.hl-preview-grid{grid-template-columns:repeat(3,minmax(260px,1fr));min-width:780px}.hl-card{padding:18px 16px}.hl-compare-toolbar h2{font-size:18px}.hl-compare-toolbar{gap:15px}.hl-view-switch button{min-width:65px;padding-inline:10px}.hl-proof-grid{gap:14px}.hl-evidence-placeholder{padding:15px;min-height:180px}.hl-proof-heading h2{font-size:23px}.hl-compare-swipe{display:flex;justify-content:space-between;font-size:10px;color:var(--hl-muted);margin:-5px 0 9px}.hl-structure{gap:32px;grid-template-columns:.85fr 1.15fr}.hl-purchase-inner{gap:32px;grid-template-columns:.85fr 1.15fr}.hl-structure h2{font-size:23px}.hl-purchase h2{font-size:26px}}
@media(max-width:600px){.hl-home .hl-wrap{padding-inline:17px}.hl-home .hl-intro{padding-block:25px 21px;gap:13px}.hl-intro h1{font-size:32px;line-height:1.3}.hl-mobile-break{display:block}.hl-intro-copy{display:block;font-size:11px;max-width:350px}.hl-intro-copy a{display:inline-block;margin-top:7px;max-width:none;font-size:10px}.hl-home .hl-kicker{font-size:10px;margin-bottom:8px}.hl-explorer{scroll-margin-top:83px}.hl-explorer-head{padding-block:15px 12px;gap:10px;align-items:center}.hl-section-number{display:none}.hl-explorer-heading h2{font-size:15px;max-width:195px}.hl-explorer-heading p{font-size:9px}.hl-mode-switch{gap:1px;padding:3px}.hl-mode-switch button{font-size:11px;min-width:0;min-height:37px;padding:7px 11px}.hl-row{grid-template-columns:81px minmax(0,1fr)}.hl-row-label{padding-inline:10px 5px}.hl-row-label h3{font-size:12px;letter-spacing:-.03em;line-height:1.5}.hl-row-label small{font-size:9px;line-height:1.5}.hl-row-label::before{height:17px;width:2px}.hl-rail-wrap{padding-inline:22px}.hl-rail{gap:5px;padding-block:8px}.hl-thumb{flex-basis:80px;min-height:90px;padding-inline:5px}.hl-thumb img{width:65px;height:49px}.hl-thumb strong{font-size:10px}.hl-thumb small{font-size:9px}.hl-rail-prev,.hl-rail-next{width:21px;font-size:18px}.hl-demo-strip{padding:7px 10px;align-items:center;gap:8px;min-height:40px}.hl-demo-message{font-size:10px;gap:5px;line-height:1.5}.hl-demo-track{display:none}.hl-demo-actions{gap:0}#demo-toggle{font-size:10px;min-height:31px;white-space:nowrap}.hl-compare-toolbar{padding-block:23px 13px;flex-direction:column;align-items:stretch;gap:12px}.hl-compare-toolbar h2{font-size:20px}.hl-compare-toolbar p{font-size:10px}.hl-view-switch{align-self:flex-start;top:77px}.hl-view-switch button{min-width:81px;min-height:38px;font-size:11px}.hl-preview-grid{grid-template-columns:repeat(3, minmax(260px,1fr));min-width:780px}.hl-card{padding:17px 15px}.hl-card-head h3{font-size:19px}.hl-card-head{min-height:61px}.hl-stats dd{font-size:21px}.hl-stats div:not(:first-child) dd{font-size:16px}.hl-compare-bottom{align-items:stretch;flex-direction:column;gap:13px;padding-block:16px}.hl-compare-bottom>.btn{width:100%;min-width:0;font-size:12px}.hl-compare-bottom p{font-size:11px}.hl-compare-bottom small{font-size:9px}.hl-feedback{font-size:11px}.hl-structure{padding-block:33px 37px;margin-top:0;grid-template-columns:1fr;gap:25px}.hl-section-intro>p:not(.hl-kicker){font-size:12px;margin-top:10px}.hl-section-intro>p br{display:none}.hl-section-intro>a{font-size:11px;margin-top:12px}.hl-structure h2{font-size:24px}.hl-difference-list article{gap:10px;grid-template-columns:22px minmax(0,1fr);padding-block:15px}.hl-difference-list h3{font-size:15px}.hl-difference-list p{font-size:11px}.hl-purchase-inner{grid-template-columns:1fr;gap:26px;padding-block:32px}.hl-purchase h2{font-size:27px;line-height:1.5}.hl-purchase h2 br{display:none}.hl-purchase-copy>p:not(.hl-kicker){font-size:11px;margin-top:11px}.hl-purchase-copy>p br{display:none}.hl-purchase-paths>a{grid-template-columns:22px 1fr 16px;gap:10px;padding-block:15px}.hl-purchase-paths strong{font-size:15px}.hl-purchase-paths small{font-size:11px}.hl-proof{padding-block:34px}.hl-proof-heading{flex-direction:column;align-items:start;gap:11px;margin-bottom:21px}.hl-proof-heading h2{font-size:23px}.hl-proof-heading>a{font-size:11px}.hl-proof-grid{grid-template-columns:1fr;gap:23px}.hl-evidence-placeholder{min-height:141px;padding:17px 20px}.hl-evidence-placeholder strong{font-size:15px}.hl-evidence-placeholder small{font-size:10px}.hl-proof-grid h3{font-size:14px;margin-top:11px}.hl-proof-grid article>p{font-size:11px}.hl-final{flex-direction:column;align-items:start;gap:22px;padding-block:27px 34px}.hl-final h2{font-size:24px}.hl-final p:not(.hl-kicker){font-size:11px}.hl-final>div:last-child{width:100%;align-items:stretch;gap:13px}.hl-final-secondary{text-align:center}.hl-dialog{padding:23px}.hl-dialog h2{font-size:20px}.hl-dialog-actions .btn{flex:1;padding-inline:9px}.hl-home .site-wide-footer{padding-bottom:32px}}
@media(max-width:370px){.hl-home .hl-wrap{padding-inline:12px}.hl-intro h1{font-size:29px}.hl-explorer-heading h2{font-size:13px;max-width:159px}.hl-mode-switch button{padding-inline:8px;font-size:10px}.hl-row{grid-template-columns:74px minmax(0,1fr)}.hl-row-label{padding-left:8px}.hl-row-label h3{font-size:11px}.hl-row-label small{font-size:8px}.hl-rail-wrap{padding-inline:19px}.hl-rail-prev,.hl-rail-next{width:18px}.hl-compare-toolbar h2{font-size:19px}.hl-preview-grid{min-width:762px;grid-template-columns:repeat(3,254px)}.hl-card{padding-inline:13px}}
@media(hover:none),(pointer:coarse){.hl-hover-hint{display:none}.hl-touch-hint{display:block}.hl-rail-prev,.hl-rail-next{min-height:44px}.hl-thumb:hover{background:#fff}.hl-thumb.is-selected:hover{background:#eef5fa}}
@media(max-width:600px){.hl-home .hl-intro{padding-block:19px 17px;gap:9px}.hl-intro h1{font-size:30px;line-height:1.25}.hl-explorer-head{padding-block:11px 10px}.hl-rail{padding-block:5px}.hl-thumb{min-height:82px}.hl-thumb img{height:42px}.hl-demo-strip{padding-block:4px;min-height:36px}.hl-compare-toolbar{padding-block:18px 11px;gap:10px}.hl-compare-toolbar h2{font-size:19px}.hl-compare-toolbar p{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.hl-home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:600px){.hl-selection-tools{gap:6px 10px;flex-wrap:wrap;padding:9px 11px}.hl-selection-tools strong{font-size:11px}.hl-selection-tools p{flex-basis:100%;order:3;font-size:10px}.hl-selection-tools button{margin-left:auto;min-height:28px;font-size:10px}.hl-slot-control{gap:8px}.hl-composition{font-size:10px;margin-bottom:10px}.hl-empty-slot{padding:19px 11px}.hl-dimensions{font-size:10px;margin-bottom:13px}.hl-compare-toolbar h2{font-size:19px}}
@media(max-width:1100px){.hl-card.hl-empty-slot{padding:17px 16px}}
@media(max-width:820px){.hl-card.hl-empty-slot{padding:18px 16px}}
@media(max-width:600px){.hl-card.hl-empty-slot{padding:17px 15px}}
@media(max-width:370px){.hl-card.hl-empty-slot{padding-inline:13px}}
@media(max-width:820px){.hl-selection-tools{flex-wrap:wrap;gap:7px 12px}.hl-selection-tools p{flex-basis:100%;order:3}.hl-selection-tools button#clear-selection{margin-left:auto}}
@media(max-width:600px){.hl-composition-note{font-size:10px}}
.hl-thumb.hl-thumb-spacer{visibility:hidden;pointer-events:none}
.hl-thumb-entry{position:relative;display:flex;flex-direction:column;flex:0 0 98px;min-width:0}.hl-thumb-entry>.hl-thumb{flex:1 0 auto;width:100%}.hl-depth-trigger{border:0;border-top:1px solid #e8eff4;background:#f5f9fc;color:var(--hl-blue);font-size:10px;line-height:1.4;padding:4px 3px;min-height:26px;border-radius:0 0 4px 4px}.hl-depth-trigger:hover,.hl-depth-trigger[aria-expanded=true]{background:#e8f2fa}.hl-thumb-entry:has(.is-selected) .hl-depth-trigger{border-color:#c6dcec}.hl-height-picker{position:fixed;z-index:150;width:max-content;max-width:calc(100vw - 20px);padding:12px;background:#fff;color:var(--hl-navy);border:1px solid #bcd2e2;border-radius:7px;box-shadow:0 10px 36px #102f4330;overflow:auto;overscroll-behavior:contain}.hl-height-picker[hidden]{display:none}.hl-height-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:0 1px 9px}.hl-height-heading strong{display:block;font-size:13px;line-height:1.6}.hl-height-heading span{display:block;font-size:10px;color:var(--hl-muted);line-height:1.6}.hl-height-heading button{display:grid;place-items:center;border:0;background:#f2f6f8;color:var(--hl-muted);min-width:30px;min-height:30px;font-size:19px;line-height:1;border-radius:4px;padding:0}.hl-height-options{display:grid;grid-template-columns:repeat(var(--depth-columns,6),88px);gap:7px}.hl-height-option{display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid var(--hl-line);border-radius:4px;background:#fff;padding:4px;color:var(--hl-navy);font-size:11px}.hl-height-option:hover,.hl-height-option:focus-visible{border-color:var(--hl-blue);background:#f4f9fd}.hl-height-option[aria-pressed=true]{border-color:var(--hl-blue);background:#eef6fc;box-shadow:inset 0 0 0 1px #126bbe44}.hl-height-image{display:flex;align-items:flex-end;justify-content:center;width:100%;height:86px;padding:4px 0;border-bottom:1px solid #e6edf2;margin-bottom:6px}.hl-height-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}.hl-height-image>span{font-size:10px;line-height:1.5;color:var(--hl-muted);align-self:center}.hl-height-option strong{font-size:12px;line-height:1.6;font-weight:600}.hl-height-option strong small{font-size:10px;font-weight:400}.hl-height-state{font-size:9px;line-height:1.7;color:var(--hl-muted);white-space:nowrap}.hl-height-option[aria-pressed=true] .hl-height-state{color:var(--hl-blue)}.hl-height-footer{font-size:10px;line-height:1.6;color:var(--hl-muted);padding-top:9px;margin:0}@media(max-width:1100px){.hl-thumb-entry{flex-basis:90px}}@media(max-width:660px){.hl-height-options{grid-template-columns:repeat(var(--depth-mobile-columns,3),minmax(72px,88px))}.hl-height-picker{padding:10px}.hl-height-image{height:75px}.hl-height-heading{gap:12px}.hl-height-option{min-height:119px}.hl-height-footer{max-width:280px}.hl-height-heading button{min-width:36px;min-height:36px}}@media(max-width:600px){.hl-thumb-entry{flex-basis:80px}}@media(hover:none),(pointer:coarse){.hl-depth-trigger{min-height:32px}.hl-height-heading button{min-width:40px;min-height:40px}}