.trimix-compare-page{background:#fff;--cmp-navy:#071f2d;--cmp-ink:#0a2635;--cmp-teal:#147d92;--cmp-ice:#f2f6f7;--cmp-line:#dce5e9;color:var(--cmp-ink)}
.trimix-compare-page .cmp-shell{max-width:1320px;margin:0 auto;padding:0 36px 80px}
.trimix-compare-page .cmp-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:44px 0 36px}
.trimix-compare-page h1{font-size:clamp(46px,5.1vw,70px);line-height:1.02;letter-spacing:-.055em;margin:0}
.trimix-compare-page .cmp-intro-copy>p:first-child{font-size:19px;line-height:1.5;max-width:44ch;margin-bottom:12px}
.trimix-compare-page .cmp-small{font-size:14px;line-height:1.65;color:#526570;max-width:67ch}
.trimix-compare-page .cmp-jump{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px;font-size:14px;font-weight:700}
.trimix-compare-page .cmp-jump a{padding:7px 0;border-bottom:2px solid var(--cmp-teal)}
.trimix-compare-page .cmp-jump a:hover,.trimix-compare-page .cmp-product-link:hover{color:var(--cmp-teal)}
.trimix-compare-page .cmp-section{padding-top:32px;border-top:1px solid var(--cmp-line);margin-bottom:58px;scroll-margin-top:26px}
.trimix-compare-page .cmp-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:25px}
.trimix-compare-page h2{font-size:clamp(30px,3.25vw,43px);line-height:1.1;letter-spacing:-.04em;margin-bottom:0}
.trimix-compare-page .cmp-section-heading>p{max-width:48ch;margin:0;color:#526570;font-size:16px}
.trimix-compare-page .cmp-scroll{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#8cabb6 #eef4f5}
.trimix-compare-page .cmp-scroll:focus-visible{outline:3px solid var(--cmp-teal);outline-offset:4px}
.trimix-compare-page .cmp-scroll-hint{display:none;font-size:13px;color:#526570;margin:0 0 12px}
.trimix-compare-page .cmp-matrix{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;margin:0;font-size:15px;line-height:1.55}
.trimix-compare-page .cmp-matrix caption{text-align:left;font-size:13px;color:#526570;padding:0 0 14px;caption-side:top}
.trimix-compare-page .cmp-matrix th,.trimix-compare-page .cmp-matrix td{padding:18px 20px;vertical-align:top;text-align:left;border-bottom:1px solid var(--cmp-line);overflow-wrap:break-word}
.trimix-compare-page .cmp-matrix th:first-child{width:20%;background:var(--cmp-ice);font-weight:600}
.trimix-compare-page .cmp-matrix thead th{padding-top:12px;padding-bottom:25px;vertical-align:bottom;background:#fff;border-bottom:2px solid var(--cmp-navy)}
.trimix-compare-page .cmp-matrix thead .cmp-corner{font-size:14px;background:var(--cmp-ice);vertical-align:bottom}
.trimix-compare-page .cmp-matrix thead img{display:block;width:100%;height:205px;object-fit:contain;mix-blend-mode:multiply;margin:0 auto 15px}
.trimix-compare-page .cmp-model-name{display:block;font-size:28px;line-height:1.2;letter-spacing:-.04em;font-weight:700;margin-bottom:5px}
.trimix-compare-page .cmp-model-capacity{display:block;color:#526570;font-size:15px;font-weight:400}
.trimix-compare-page .cmp-matrix small{display:block;color:#526570;font-weight:400;font-size:12px;line-height:1.5;margin-top:6px}
.trimix-compare-page .cmp-key-row td{font-weight:700;background:#f7fafb}
.trimix-compare-page .cmp-option-row td{color:#126879}
.trimix-compare-page .cmp-product-link{display:inline-block;padding:6px 0;border-bottom:1px solid var(--cmp-teal);font-size:14px;font-weight:700;line-height:1.5}
.trimix-compare-page .cmp-notes{margin-top:18px;color:#526570;font-size:13px;line-height:1.65;max-width:96ch}
.trimix-compare-page .cmp-notes p{margin-bottom:9px}
.trimix-compare-page .cmp-model-direction{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px;padding-left:20%;font-size:14px;color:#526570}
.trimix-compare-page .cmp-model-direction strong{color:var(--cmp-ink)}
.trimix-compare-page .cmp-model-direction p{margin-bottom:0}
.trimix-compare-page .cmp-kits{font-size:14px;min-width:1060px}
.trimix-compare-page .cmp-kits th:first-child{width:20%}
.trimix-compare-page .cmp-kits th,.trimix-compare-page .cmp-kits td{padding:17px 16px}
.trimix-compare-page .cmp-kits thead img{height:170px;margin-bottom:15px}
.trimix-compare-page .cmp-kit-name{display:block;font-size:20px;line-height:1.2;letter-spacing:-.035em;margin-bottom:8px;font-weight:700;white-space:nowrap}
.trimix-compare-page .cmp-kit-label{display:block;font-weight:400;font-size:14px;line-height:1.45;color:#526570;min-height:40px}
.trimix-compare-page .cmp-clarifications{border-top:1px solid var(--cmp-line);padding:44px 0 42px}
.trimix-compare-page .cmp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 60px;margin-top:33px}
.trimix-compare-page h3{font-size:22px;letter-spacing:-.025em;line-height:1.25;margin-bottom:13px}
.trimix-compare-page .cmp-detail-grid p{font-size:15px;color:#526570;max-width:62ch;margin:0}
.trimix-compare-page .cmp-detail-grid a{text-decoration:underline;text-underline-offset:3px}
.trimix-compare-page .cmp-enquiry{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;padding:38px;background:var(--cmp-navy);color:white;margin-top:8px}
.trimix-compare-page .cmp-enquiry h2{font-size:32px;margin-bottom:18px}
.trimix-compare-page .cmp-enquiry p{max-width:69ch;color:#d6e5eb;margin-bottom:14px}
.trimix-compare-page .cmp-enquiry .cmp-small{font-size:12px;color:#bed0da;margin-bottom:0}
.trimix-compare-page .cmp-enquiry .button{white-space:nowrap}
@media(max-width:1120px){.trimix-compare-page .cmp-kits{min-width:1000px}.trimix-compare-page #compare-t500-kits .cmp-scroll-hint{display:block}.trimix-compare-page .cmp-intro,.trimix-compare-page .cmp-section-heading{gap:40px}.trimix-compare-page .cmp-enquiry{grid-template-columns:1fr;gap:20px}.trimix-compare-page .cmp-enquiry .button{justify-self:start}}
@media(max-width:800px){.trimix-compare-page .cmp-shell{padding:0 24px 54px}.trimix-compare-page .cmp-intro{grid-template-columns:1fr;gap:24px;padding:45px 0 35px}.trimix-compare-page h1{font-size:52px}.trimix-compare-page .cmp-intro-copy>p:first-child{font-size:19px;max-width:48ch}.trimix-compare-page .cmp-section-heading{grid-template-columns:1fr;gap:18px}.trimix-compare-page .cmp-models{min-width:800px}.trimix-compare-page .cmp-scroll-hint{display:block}.trimix-compare-page .cmp-matrix th:first-child{position:sticky;left:0;z-index:2;width:160px;box-shadow:5px 0 7px -6px #0a26354d}.trimix-compare-page .cmp-matrix th,.trimix-compare-page .cmp-matrix td{padding:15px}.trimix-compare-page .cmp-matrix thead img{height:165px}.trimix-compare-page .cmp-matrix thead th:first-child{z-index:3}.trimix-compare-page .cmp-kits th:first-child{width:168px}.trimix-compare-page .cmp-model-direction{padding-left:0;gap:18px}.trimix-compare-page .cmp-detail-grid{gap:28px}.trimix-compare-page .cmp-section{margin-bottom:38px}}
@media(max-width:520px){.trimix-compare-page .cmp-shell{padding:0 20px 40px}.trimix-compare-page h1{font-size:46px}.trimix-compare-page .cmp-jump{gap:17px;font-size:13px}.trimix-compare-page .cmp-section{padding-top:31px}.trimix-compare-page .cmp-model-direction,.trimix-compare-page .cmp-detail-grid{grid-template-columns:1fr}.trimix-compare-page .cmp-model-direction{gap:14px}.trimix-compare-page .cmp-enquiry{padding:27px 22px}.trimix-compare-page .cmp-enquiry h2{font-size:28px}.trimix-compare-page .cmp-enquiry .button{white-space:normal;min-height:48px}.trimix-compare-page .cmp-models{min-width:700px}.trimix-compare-page .cmp-kits{min-width:850px}.trimix-compare-page .cmp-matrix th:first-child{width:130px}}
@media(max-width:350px){.trimix-compare-page .cmp-matrix th:first-child{width:110px}.trimix-compare-page .cmp-models{min-width:620px}.trimix-compare-page .cmp-kits{min-width:790px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trimix-compare-page *{scroll-behavior:auto}}
@media print{.site-header,.site-footer,.launch-note,.cmp-jump{display:none!important}.trimix-compare-page .cmp-shell{padding:0}.trimix-compare-page .cmp-intro{padding-top:0}.trimix-compare-page .cmp-scroll{overflow:visible}.trimix-compare-page .cmp-matrix{min-width:0!important;font-size:10px}.trimix-compare-page .cmp-matrix th:first-child{position:static;width:18%}.trimix-compare-page .cmp-matrix th,.trimix-compare-page .cmp-matrix td{padding:6px}.trimix-compare-page .cmp-matrix thead img{height:90px}.trimix-compare-page .cmp-scroll-hint{display:none}.trimix-compare-page .cmp-enquiry{background:#fff;color:#071f2d;padding:0}}
