/* Clarity — shared design system. Source: design/system.json. */
:root{color-scheme:light;--ink:#1d1d1f;--muted:#6e6e73;--surface:#f5f5f7;--line:#e8e8ed;--accent:#0071e3;--wide:1120px;--reading:720px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0071e380;outline-offset:5px}input:focus-visible{outline:3px solid #0071e330;outline-offset:2px}button:disabled{cursor:default;opacity:.5}svg{display:block;flex:none}img{max-width:100%}::selection{background:#cce3ff}p{margin:0 0 1.25em}h1,h2,h3{font-weight:650;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(36px,5.2vw,64px);margin:0 0 22px}h2{font-size:32px;margin:0 0 22px}h3{font-size:22px;margin:0}strong,b{font-weight:600}
.skip-link{position:absolute;left:16px;top:-70px;z-index:50;padding:10px 18px;background:#fff;border-radius:20px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;height:68px;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #ededf080}.header-inner{max-width:var(--wide);height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:22px;font-weight:650;letter-spacing:-.065em;text-decoration:none!important}.brand-symbol{color:var(--ink);width:22px;height:22px}.header-nav{display:flex;align-items:center;gap:30px;font-size:13px}.header-nav a{color:var(--ink)}.nav-search{display:flex;align-items:center;gap:8px}.site-footer{max-width:var(--wide);margin:88px auto 0;padding:32px 24px 42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.site-footer .wordmark{font-size:18px}.site-footer p{margin:0}.site-footer a{color:inherit}
.model-page{max-width:1040px;margin:0 auto;padding:58px 28px 0}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#98989d;font-size:12px;margin:0 0 35px}.breadcrumbs a{color:var(--muted)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 15px}.model-page>h1{max-width:980px}.editorial-subtitle{font-size:clamp(22px,2.7vw,30px);line-height:1.28;font-weight:500;letter-spacing:-.025em;color:var(--muted);max-width:820px;margin:0 0 28px}.model-page>.dek{font-size:19px;line-height:1.6;color:var(--muted);max-width:820px;margin:0 0 40px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--surface);border-radius:24px;margin:40px 0 72px;padding:28px 10px}.summary-card{padding:0 24px;display:flex;flex-direction:column;gap:10px;border-right:1px solid #ddddE3}.summary-card:last-child{border-right:0}.summary-card b{font-size:12px;line-height:1.45;color:var(--muted);font-weight:400}.summary-card span{font-size:21px;line-height:1.35;letter-spacing:-.025em;font-weight:600;overflow-wrap:anywhere}
.editorial-page>section:not(.calculator):not(.sources){max-width:var(--reading);margin:0 auto 56px}.editorial-page>section p{font-size:18px;line-height:1.78;color:#454549}.model-page>details,.model-page>.calculator,.model-page>.sources{max-width:var(--reading);margin:48px auto}.model-page>details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:23px 0;font-size:18px;font-weight:600;letter-spacing:-.02em}details summary::-webkit-details-marker{display:none}details summary::after{content:"+";font-size:26px;font-weight:300;color:var(--muted)}details[open] summary::after{content:"−"}table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}th,td{vertical-align:top;text-align:left;padding:16px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}th{width:45%;padding-right:24px;color:var(--muted);font-weight:400}td{font-weight:500}.table-wrap{overflow-x:auto}td:empty::after{content:"—"}.sources{padding-top:28px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.sources h2{font-size:17px;letter-spacing:-.01em;font-weight:600;margin-bottom:16px}.sources ul{list-style:none;padding:0;margin:0}.sources li{margin:9px 0}.sources a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.calculator{padding:30px 32px;background:var(--surface);border-radius:24px}.calculator h2{font-size:26px}.calculator p{font-size:15px;color:var(--muted)}.calculator label{display:block;font-size:13px;margin:22px 0 9px;font-weight:500}.calc-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.calc-row input{min-width:0;width:220px;border:1px solid #d2d2d7;border-radius:12px;background:#fff;padding:12px 14px;color:var(--ink)}.calc-row output{font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--ink)}.reference-page{max-width:900px}.reference-page>p{color:var(--muted);max-width:720px}.reference-page>h2{font-size:26px;margin:42px 0 22px}.reference-page>ul{padding-left:20px;max-width:740px}.reference-page>ul li{margin:12px 0}.reference-page>details{max-width:none;margin:40px 0}.reference-page>.eyebrow{margin-bottom:16px}.scope{font-size:14px;color:var(--muted)}
/* Offer: one editorial module, one action, quiet supporting type. */
.offer{margin:72px 0 64px;padding:32px 40px 24px;background:linear-gradient(125deg,#f5f5f7,#f0f2f5);border:0;border-radius:28px;overflow:hidden}.ad-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;line-height:1.5;color:#78787e;margin-bottom:25px}.ad-label{margin:0;padding:0;background:none;font-weight:400;font-size:11px;color:inherit}.offer-main{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:48px;align-items:center}.offer h2{font-size:clamp(30px,3.7vw,42px);line-height:1.1;max-width:530px;margin:0 0 22px;letter-spacing:-.05em}.offer-description{font-size:17px;line-height:1.6;color:#626269;max-width:520px;margin:0 0 25px}.offer-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;max-width:100%;border-radius:999px;background:#1d1d1f;color:#fff;font-size:15px;line-height:1.4;font-weight:500;text-decoration:none;padding:14px 23px;transition:background .16s,transform .16s}.offer-button:hover{background:#343436;transform:translateY(-1px);text-decoration:none}.offer-delivery{font-size:12px;line-height:1.5;color:#77777d;margin:12px 0 0}.offer-benefit{aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff 0,#fff 27%,#e7e9ef 76%,#dde1e9 100%);box-shadow:inset 0 1px 0 #fff,0 18px 36px -28px #525e7890;color:#25262a;line-height:1}.benefit-number{font-size:90px;font-weight:600;letter-spacing:-.075em}.benefit-number small{font-size:15px;letter-spacing:0;font-weight:400;position:absolute;top:30px;left:50%;transform:translateX(-50%);color:#77777e}.benefit-days{font-size:24px;font-weight:500;letter-spacing:-.03em;margin:5px 0 12px}.benefit-interest{font-size:14px;line-height:1.4;text-align:center;max-width:165px;color:#77777e}.ad-legal{margin-top:25px;color:#77777f}.ad-bank{font-size:11px;font-weight:400;line-height:1.5;margin:0 0 8px}.ad-warning{display:block;font-size:15px;font-weight:400;line-height:1.5;min-height:34px;margin:0;padding:5px 0;border:0;background:none;color:inherit}.ad-warning a{color:inherit;text-decoration:underline;text-underline-offset:3px;margin-left:.2em}
/* Catalog */
.catalog-page{max-width:var(--wide);margin:auto;padding:0 24px}.catalog-hero{padding:75px 0 58px;display:grid;grid-template-columns:1.7fr 1fr;gap:52px;align-items:center}.catalog-hero h1{font-size:clamp(42px,5.9vw,76px);line-height:1.06;letter-spacing:-.06em;margin:0 0 25px;text-wrap:balance}.catalog-hero .hero-dek{font-size:19px;line-height:1.6;color:var(--muted);max-width:550px;margin:0}.hero-art{aspect-ratio:1.15;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#edf0f5 0,#fff 70%);color:#555b65}.hero-art svg{width:58%;height:58%;stroke-width:1.05;filter:drop-shadow(0 16px 12px #c5cbd94d)}.hero-art .art-label{position:absolute;bottom:20px;color:#929298;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.catalog-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 24px}.catalog-title-row h2{margin:0;font-size:30px}.catalog-count{font-size:13px;color:var(--muted)}.catalog-tools{display:flex;align-items:center;gap:22px;margin:0 0 30px;flex-wrap:wrap}.search-field{flex:1;display:flex;align-items:center;gap:10px;min-width:230px;max-width:480px;background:var(--surface);border:1px solid transparent;border-radius:14px;padding:0 16px;color:var(--muted)}.search-field:focus-within{border-color:#b8d7f9;background:#fff}.search-field input{min-width:0;width:100%;border:0;background:transparent;outline:none!important;padding:14px 0;color:var(--ink);font-size:15px}.search-field input::placeholder{color:#8c8c91}.catalog-filters{display:flex;gap:7px;flex-wrap:wrap}.filter-button{border:0;background:transparent;color:var(--muted);font-size:13px;padding:9px 15px;border-radius:999px;white-space:nowrap}.filter-button[aria-pressed=true]{background:var(--ink);color:#fff}.filter-button:hover{background:#ededf0;color:var(--ink)}.filter-button[aria-pressed=true]:hover{background:#343436;color:#fff}.catalog-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.model-card{display:flex;flex-direction:column;min-height:228px;height:100%;padding:27px;background:var(--surface);border-radius:22px;color:var(--ink);text-decoration:none;transition:transform .18s,background .18s}.model-card:hover{text-decoration:none;transform:translateY(-3px);background:#ededf2}.model-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;color:#a0a0a6}.model-card-top svg{width:28px;height:28px}.model-category{font-size:11px;letter-spacing:.02em;color:var(--muted)}.model-card h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 22px;overflow-wrap:anywhere}.model-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;font-size:12px;color:var(--muted)}.model-card-bottom .arrow{font-size:20px;color:var(--ink)}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;padding:35px 0;color:var(--muted);font-size:13px}.pagination a{padding:9px 15px;border-radius:999px;background:var(--surface);color:var(--ink)}.search-status{font-size:13px;color:var(--muted);margin:0 0 18px}.empty-search{padding:55px 20px;background:var(--surface);text-align:center;border-radius:22px;color:var(--muted);grid-column:1/-1}.catalog-more{display:block;margin:30px auto 0;padding:12px 24px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-size:14px}[hidden]{display:none!important}
@media(min-width:1600px){.catalog-hero{padding-top:90px;padding-bottom:75px}}
@media(max-width:900px){.catalog-hero{grid-template-columns:1fr .65fr;gap:20px}.catalog-hero h1{font-size:54px}.summary-card{padding:0 18px}.summary-card span{font-size:18px}.offer{padding:30px}.offer-main{grid-template-columns:minmax(0,1fr) 190px;gap:24px}.benefit-number{font-size:75px}.benefit-number small{top:22px}.benefit-interest{font-size:13px;max-width:145px}.offer h2{font-size:34px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body{font-size:16px}.site-header{height:60px}.header-inner{padding:0 20px}.wordmark{font-size:21px}.header-nav{gap:20px;font-size:12px}.nav-search span{display:none}.model-page{padding:30px 22px 0}.breadcrumbs{margin-bottom:30px}.model-page>h1{font-size:37px;line-height:1.1;letter-spacing:-.045em;overflow-wrap:anywhere;margin-bottom:18px}.editorial-subtitle{font-size:22px;margin-bottom:22px}.model-page>.dek{font-size:17px;line-height:1.65;margin-bottom:30px}.summary{grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 45px;padding:0 18px;border-radius:20px}.summary-card{padding:20px 0;gap:7px;min-height:120px}.summary-card:nth-child(odd){padding-right:16px}.summary-card:nth-child(even){padding-left:16px;border-right:0}.summary-card:nth-child(-n+2){border-bottom:1px solid #dddde3}.summary-card span{font-size:19px}.summary-card b{font-size:11px}.editorial-page>section:not(.calculator):not(.sources){margin-bottom:38px}.editorial-page>section p{font-size:17px;line-height:1.75}h2{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin-bottom:18px}.model-page>details,.model-page>.calculator,.model-page>.sources{margin:35px auto}details summary{font-size:17px;padding:20px 0}table{font-size:13px}th,td{padding:13px 0}th{width:44%;padding-right:18px}.calculator{padding:25px 22px;border-radius:20px}.calculator h2{font-size:23px}.calc-row{gap:15px}.calc-row input{width:100%}.sources{padding-top:24px}.sources h2{font-size:16px}.site-footer{margin-top:55px;padding:27px 22px 34px;align-items:flex-start;flex-direction:column;gap:13px}.site-footer p{max-width:270px}
.offer{margin:45px -4px 42px;padding:24px 22px 18px;border-radius:24px}.ad-meta{font-size:10px;margin-bottom:23px;gap:14px}.ad-label{font-size:10px}.offer-main{display:flex;flex-direction:column;align-items:stretch;gap:25px}.offer h2{font-size:31px;line-height:1.12;letter-spacing:-.045em;margin-bottom:18px}.offer-description{font-size:16px;line-height:1.6;margin-bottom:22px}.offer-button{font-size:14px;gap:12px;padding:13px 19px;white-space:nowrap}.offer-delivery{font-size:11px;margin-top:10px}.offer-benefit{align-self:center;width:175px;aspect-ratio:1}.benefit-number{font-size:68px}.benefit-number small{font-size:12px;top:19px}.benefit-days{font-size:20px;margin:4px 0 8px}.benefit-interest{font-size:12px;max-width:140px}.ad-legal{margin-top:25px}.ad-bank{font-size:10px;margin-bottom:8px}.ad-warning{font-size:14px;line-height:1.5;padding:5px 0;min-height:34px}
.catalog-page{padding:0 20px}.catalog-hero{display:block;padding:48px 0 45px}.catalog-hero h1{font-size:46px;letter-spacing:-.055em;max-width:420px;margin-bottom:22px}.catalog-hero .hero-dek{font-size:17px;max-width:390px}.hero-art{display:none}.catalog-title-row{gap:12px;align-items:center;margin-bottom:20px}.catalog-title-row h2{font-size:25px}.catalog-count{font-size:11px;white-space:nowrap}.catalog-tools{gap:16px;margin-bottom:23px}.search-field{flex-basis:100%;max-width:none;min-width:0}.search-field input{font-size:15px;padding:13px 0}.catalog-filters{gap:4px}.filter-button{font-size:12px;padding:8px 12px}.catalog-grid{gap:12px}.model-card{padding:20px 17px;border-radius:19px;min-height:216px}.model-card-top{margin-bottom:28px;gap:7px}.model-card-top svg{width:24px;height:24px}.model-category{font-size:10px}.model-card h3{font-size:17px;line-height:1.3;letter-spacing:-.025em;margin-bottom:20px}.model-card-bottom{font-size:10px;gap:7px}.pagination{font-size:11px;gap:12px;padding:30px 0}.pagination a{padding:9px 11px}.search-status{font-size:12px}}
@media(max-width:360px){.header-nav{gap:14px}.catalog-grid{grid-template-columns:1fr}.model-card{min-height:185px}.catalog-hero h1{font-size:40px}.offer h2{font-size:29px}.offer-button{font-size:13px;padding:13px 16px}.model-page{padding-left:18px;padding-right:18px}}
.summary[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:640px){.summary[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.summary[data-count="3"] .summary-card:last-child{grid-column:1/-1;min-height:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Numbered links keep every catalog page within one crawl hop. */
.pagination{flex-wrap:wrap;column-gap:18px;row-gap:12px}
.pagination-pages{flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;min-width:0}
.pagination-pages a,.pagination-current{box-sizing:border-box;display:inline-flex;min-width:34px;justify-content:center;align-items:center;padding:7px 9px;border-radius:999px;text-align:center;line-height:1.2}
.pagination-pages a{text-decoration:none}
.pagination-pages a:hover{background:#ededf0;text-decoration:none}
.pagination-current{background:var(--ink);color:#fff}
@media(max-width:640px){.pagination{column-gap:10px;row-gap:10px}.pagination-pages{gap:5px}.pagination-pages a,.pagination-current{min-width:30px;padding:6px 7px}}
