:root{--tpi-navy:#14213d;--tpi-cyan:#3babc4;--tpi-cyan-dark:#1688a3;--tpi-soft:#e8f7fa;--tpi-ink:#20242a;--tpi-muted:#697078;--tpi-cream:#f8f6f0;--tpi-line:#e3e7e9;--tpi-white:#fff}
.tpi-wrap{clear:both;width:100%;max-width:1180px;margin:0 auto;color:var(--tpi-ink);font-family:inherit}.tpi-section{container-type:inline-size;position:relative;width:100%;margin:0 0 12px;padding:clamp(18px,4cqi,32px);overflow:hidden;border:1px solid var(--tpi-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(20,33,61,.055);box-sizing:border-box}.tpi-section *{box-sizing:border-box}.tpi-section h2{margin:0 0 15px;color:var(--tpi-navy);font-size:clamp(22px,7cqi,32px);font-weight:800;line-height:1.08;letter-spacing:-.04em}.tpi-section h3{margin:0;color:var(--tpi-navy);font-size:14px;font-weight:800;line-height:1.3}.tpi-section p{color:var(--tpi-muted);font-size:13px;line-height:1.45}.tpi-kicker{margin-bottom:6px;color:var(--tpi-cyan-dark);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tpi-benefits{background:linear-gradient(145deg,#fff,#f6fbfc)}.tpi-benefits:after{position:absolute;top:-70px;right:-70px;width:160px;height:160px;border-radius:50%;background:var(--tpi-soft);content:""}.tpi-benefit-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--tpi-line);border-radius:13px;background:var(--tpi-line)}.tpi-benefit{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;min-width:0;min-height:78px;padding:12px;background:rgba(255,255,255,.97)}.tpi-benefit i{display:grid;width:32px;height:32px;place-items:center;overflow:hidden;border-radius:9px;background:var(--tpi-soft);color:var(--tpi-cyan-dark);font-size:14px;font-style:normal;font-weight:900}.tpi-benefit i img{display:block;width:20px;height:20px;object-fit:contain}.tpi-benefit p{margin:3px 0 0;overflow-wrap:anywhere;font-size:12px}
.tpi-fit{border-color:var(--tpi-navy);background:var(--tpi-navy);color:#fff}.tpi-fit h2{color:#fff}.tpi-fit>p{margin:0 0 15px;color:#cbd3df}.tpi-fit-form{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) auto;gap:8px;align-items:end}.tpi-fit-form label{display:flex;min-width:0;flex-direction:column;gap:5px;color:#eef3f8;font-size:10px;font-weight:800}.tpi-fit-form input,.tpi-fit-form select{width:100%;min-width:0;height:42px;padding:7px 9px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#fff;color:var(--tpi-navy);font:inherit}.tpi-fit-form button{height:42px;padding:7px 12px;border:0;border-radius:9px;background:var(--tpi-cyan);color:#071a25;font-size:11px;font-weight:900;cursor:pointer}.tpi-fit-form button:hover{background:#62c3d7}.tpi-fit-form button:disabled{opacity:.55}.tpi-fit-result{margin-top:12px;padding:12px;border-radius:11px;background:rgba(255,255,255,.08)}.tpi-fit-result:empty{display:none}.tpi-fit-result strong{display:block;color:#fff;font-size:18px}.tpi-fit-result p{margin:2px 0;color:#e4eaf0}.tpi-fit-result ul{margin:7px 0 0;padding-left:17px;font-size:12px}.tpi-fit-result.is-very_good{border-left:4px solid #55d9a0}.tpi-fit-result.is-conditional{border-left:4px solid #f1cc69}.tpi-fit-result.is-other{border-left:4px solid #ff8c7c}
.tpi-editorial{background:var(--tpi-cream)}.tpi-fit-note{margin-top:8px;padding:12px;border:1px solid rgba(20,33,61,.06);border-radius:11px;background:#fff}.tpi-fit-note h3:before{margin-right:6px;color:var(--tpi-cyan-dark);content:"✓"}.tpi-fit-note.is-warn h3:before{color:#c36c2b;content:"△"}.tpi-fit-note p{margin:4px 0 0}.tpi-specs dl,.tpi-attributes dl{margin:0;border-top:1px solid var(--tpi-line)}.tpi-specs dl>div,.tpi-attributes dl>div{display:grid;grid-template-columns:minmax(86px,40%) minmax(0,1fr);gap:9px;padding:9px 2px;border-bottom:1px solid var(--tpi-line)}.tpi-specs dt,.tpi-attributes dt{color:var(--tpi-muted);font-size:11px;font-weight:700;overflow-wrap:anywhere}.tpi-specs dd,.tpi-attributes dd{min-width:0;margin:0;color:var(--tpi-navy);font-size:12px;font-weight:800;overflow-wrap:anywhere}.tpi-inline-field{display:inline-flex;max-width:100%;min-height:29px;align-items:center;padding:4px 9px;border:1px solid var(--tpi-line);border-radius:999px;background:#fff;color:var(--tpi-navy);font-size:12px;font-weight:800}.tpi-review-fields{margin:12px 0;padding:12px;border:1px solid var(--tpi-line);border-radius:11px}.tpi-review-meta{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.tpi-review-meta span{padding:3px 7px;border-radius:999px;background:var(--tpi-soft);color:var(--tpi-navy);font-size:11px}
@container (max-width:520px){.tpi-section{padding:18px;border-radius:14px}.tpi-section h2{margin-bottom:13px;font-size:23px}.tpi-benefit-grid{grid-template-columns:1fr}.tpi-benefit{min-height:auto;padding:11px}.tpi-fit-form{grid-template-columns:1fr}.tpi-fit-form button{width:100%}}
@container (max-width:330px){.tpi-section{padding:15px 14px}.tpi-section h2{font-size:21px}.tpi-benefit{grid-template-columns:31px minmax(0,1fr);padding:9px}.tpi-benefit i{width:28px;height:28px}.tpi-specs dl>div,.tpi-attributes dl>div{grid-template-columns:1fr;gap:2px}.tpi-fit-form input,.tpi-fit-form select,.tpi-fit-form button{height:40px}}
@media(max-width:760px){.tpi-benefit-grid{grid-template-columns:1fr}.tpi-fit-form{grid-template-columns:1fr}}