.ref-page{--ref-ink:#263238;--ref-muted:#53616a;--ref-line:#d9dfe0;--ref-wash:#f3f5f4;--ref-accent:#9a5946;color:var(--ref-ink);background:#fff}
.ref-page *{min-width:0}
.ref-page h1,.ref-page h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:0}
.ref-page h3{font-family:system-ui,"Segoe UI",Arial,sans-serif;font-weight:600;letter-spacing:0}
.ref-page p{color:var(--ref-muted);line-height:1.68}
.ref-page figure{margin:0}
.ref-page figure img{width:100%;display:block}
.ref-page figcaption{padding-top:10px;color:#637079;font-size:12px;line-height:1.45}
.ref-page a:not(.button):hover{text-decoration:underline;text-underline-offset:4px}
.ref-kicker,.ref-heading>span,.ref-final-layout>div:first-child>span{display:block;color:var(--ref-accent);font-size:12px;font-weight:700;line-height:1.3}
.ref-hero{background:#f7f8f7;border-bottom:1px solid var(--ref-line);overflow:hidden}
.ref-hero-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:6%;min-height:620px}
.ref-hero-copy{padding-block:76px}
.ref-hero h1{max-width:650px;margin:18px 0 22px;font-size:56px;line-height:1.08}
.ref-hero-copy>p{max-width:580px;margin:0;font-size:18px;line-height:1.62}
.ref-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:31px}
.ref-text-link{display:inline-flex;align-items:center;gap:8px;color:#283c43;font-size:14px;font-weight:700}
.ref-text-link .icon{width:16px;height:16px}
.ref-hero figure{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-block:40px}
.ref-hero figure img{aspect-ratio:1.18;object-fit:cover;background:#e9eceb}
.ref-cost-hero{background:#f5f6f5}
.ref-cost-hero figure img{object-position:center}
.ref-cleansing-hero{background:#edf4f1}
.ref-cleansing-hero .ref-kicker{color:#457367}
.ref-standard-hero{background:#f5f0ed}
.ref-standard-hero .ref-kicker{color:#936146}
.ref-anchor-nav{background:#fff;border-bottom:1px solid var(--ref-line)}
.ref-anchor-nav .wrap{display:flex;gap:29px;overflow-x:auto;scrollbar-width:thin}
.ref-anchor-nav a{flex:none;padding:17px 0;color:#4c5960;font-size:13px;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent}
.ref-anchor-nav a:hover{color:var(--ref-accent);border-color:var(--ref-accent);text-decoration:none!important}
.ref-section{padding-block:84px}
.ref-heading{max-width:850px;margin-bottom:34px}
.ref-heading h2{max-width:820px;margin:13px 0 13px;font-size:41px;line-height:1.16}
.ref-heading p{max-width:720px;margin:0;font-size:16px}
.ref-tone{background:var(--ref-wash)}
.ref-table-scroll{width:100%;overflow-x:auto;border-top:2px solid #46585c}
.ref-table{width:100%;min-width:700px;border-collapse:collapse;text-align:left;font-size:14px}
.ref-table th,.ref-table td{padding:20px 19px 21px 0;vertical-align:top;border-bottom:1px solid var(--ref-line);line-height:1.6}
.ref-table thead th{color:#536269;font-size:12px;text-transform:uppercase;font-weight:700}
.ref-table tbody th{width:25%;color:var(--ref-ink);font-size:16px;font-weight:700}
.ref-table td:nth-child(2){width:39%}
.ref-table tbody tr:nth-child(even){background:#f8f9f8}
.ref-tone .ref-table tbody tr:nth-child(even){background:#eef1ef}
.ref-note{margin:24px 0 0;font-size:13px;line-height:1.6}
.ref-route-list{border-top:1px solid #bfc8c7}
.ref-route-list article{display:grid;grid-template-columns:62px minmax(0,1.1fr) minmax(190px,.8fr);gap:20px;padding:27px 0;border-bottom:1px solid #bfc8c7;align-items:start}
.ref-route-list article>span,.ref-gates li>span{color:var(--ref-accent);font-size:15px;font-weight:700}
.ref-route-list h3,.ref-gates h3{margin:0 0 8px;font-size:20px}
.ref-route-list p,.ref-gates p{margin:0;font-size:15px}
.ref-route-list article>strong{color:#42535a;font-size:14px;font-weight:600;line-height:1.58}
.ref-split{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:center;gap:9%}
.ref-split .ref-heading{margin-bottom:22px}
.ref-split figure img{aspect-ratio:1.12;object-fit:cover;background:#f0f1f0}
.ref-check-rows{margin:23px 0 25px;border-top:1px solid var(--ref-line)}
.ref-check-rows>div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--ref-line)}
.ref-check-rows b{color:var(--ref-ink);font-size:14px}
.ref-check-rows p{margin:0;font-size:14px}
.ref-dark{background:#2d383b;color:#f4f6f4}
.ref-dark-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.77fr);gap:12%;align-items:center}
.ref-dark .ref-kicker{color:#d3a38b}
.ref-dark h2{margin:14px 0 20px;max-width:670px;color:#fff;font-size:43px;line-height:1.15}
.ref-dark p{color:#d2ddda}
.ref-dark-grid>div:first-child>p{max-width:590px;margin-bottom:29px;font-size:16px}
.ref-dark-points{border-top:1px solid #657174}
.ref-dark-points>div{padding:20px 0;border-bottom:1px solid #657174}
.ref-dark-points strong{display:block;margin-bottom:5px;color:#f7f7f4;font-size:16px}
.ref-dark-points p{margin:0;font-size:14px}
.ref-tooling-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.ref-tooling-grid>div{border-top:2px solid var(--ref-accent);padding-top:20px}
.ref-tooling-grid span,.ref-tooling-grid a{color:var(--ref-accent);font-size:13px;font-weight:700}
.ref-tooling-grid h3{margin:18px 0 12px;font-size:25px}
.ref-tooling-grid p{max-width:510px;font-size:15px}
.ref-tooling-grid a{display:inline-flex;align-items:center;gap:6px}
.ref-quantity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #c5cecc;border-bottom:1px solid #c5cecc}
.ref-quantity-grid>div{padding:28px 23px 27px;border-right:1px solid #c5cecc}
.ref-quantity-grid>div:first-child{padding-left:0}
.ref-quantity-grid>div:last-child{border-right:0}
.ref-quantity-grid b{display:block;color:#536169;font-size:12px;text-transform:uppercase}
.ref-quantity-grid strong{display:block;margin:10px 0 12px;color:#344247;font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:400;line-height:1.15}
.ref-quantity-grid p{margin:0;font-size:13px}
.ref-brief-grid,.ref-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-bottom:28px}
.ref-brief-grid>div,.ref-risk-grid>div{padding:23px 0;border-top:1px solid var(--ref-line)}
.ref-brief-grid b,.ref-risk-grid span{display:block;margin-bottom:8px;color:var(--ref-accent);font-size:13px}
.ref-brief-grid p,.ref-risk-grid p{margin:0;font-size:15px}
.ref-photo-band{background:#f7f8f8}
.ref-photo-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:8%;align-items:center}
.ref-photo-layout figure img{aspect-ratio:1.35;object-fit:cover}
.ref-photo-layout .ref-heading{margin-bottom:22px}
.ref-photo-layout ol,.ref-checklist{padding-left:20px;margin:23px 0 27px}
.ref-photo-layout li,.ref-checklist li{padding:4px 0;color:var(--ref-muted);font-size:15px;line-height:1.6}
.ref-faq-list{border-top:1px solid var(--ref-line);max-width:950px}
.ref-faq-list details{border-bottom:1px solid var(--ref-line)}
.ref-faq-list summary{position:relative;cursor:pointer;list-style:none;padding:18px 42px 18px 0;color:var(--ref-ink);font-size:16px;font-weight:700}
.ref-faq-list summary::-webkit-details-marker{display:none}
.ref-faq-list summary::after{content:'+';position:absolute;right:8px;top:16px;color:var(--ref-accent);font-size:23px;font-weight:400}
.ref-faq-list details[open] summary::after{content:'-'}
.ref-faq-list details p{max-width:780px;margin:0 0 20px;font-size:15px}
.ref-final{padding-block:66px;background:#35434a;color:#fff}
.ref-final-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}
.ref-final-layout>div:first-child>span{color:#e0b29b}
.ref-final h2{max-width:760px;margin:12px 0;font-size:39px;color:#fff}
.ref-final p{max-width:710px;margin:0;color:#e0e7e6;font-size:15px}
.ref-final-layout>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.ref-final-layout>div:last-child>a:not(.button){display:inline-flex;align-items:center;gap:7px;color:#edf3f1;font-size:13px;font-weight:700}
.ref-final .button .icon{width:17px;height:17px}
.ref-risk-grid{gap:0 46px;margin-bottom:0}
.ref-risk-grid span{letter-spacing:0}
.ref-risk-grid h3{margin:0 0 8px;font-size:21px}
.ref-parts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:8%;align-items:center}
.ref-parts figure img{aspect-ratio:1;object-fit:cover;background:#f0f2f0}
.ref-part-list{border-top:1px solid var(--ref-line)}
.ref-part-list>div{display:grid;grid-template-columns:155px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid var(--ref-line)}
.ref-part-list b{font-size:14px}
.ref-part-list p{margin:0;font-size:14px}
.ref-models{background:#f7f7f5}
.ref-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.ref-model-grid>a{display:block;color:var(--ref-ink);border-bottom:2px solid #bbc6c3;padding-bottom:20px;transition:border-color .2s}
.ref-model-grid>a:hover{border-color:var(--ref-accent);text-decoration:none!important}
.ref-model-grid img{width:100%;aspect-ratio:1.1;object-fit:cover;background:#e9eceb}
.ref-model-grid span{display:block;margin-top:17px;color:var(--ref-accent);font-size:12px;font-weight:700}
.ref-model-grid h3{margin:8px 0;font-size:22px}
.ref-model-grid p{min-height:50px;margin:0 0 14px;font-size:14px}
.ref-model-grid strong{display:inline-flex;align-items:center;gap:8px;color:#394e54;font-size:13px}
.ref-model-grid .icon{width:15px;height:15px}
.ref-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
.ref-size-grid>div{padding-top:20px;border-top:2px solid var(--ref-accent)}
.ref-size-grid b{display:block;font-size:18px}
.ref-size-grid p{margin:11px 0 0;font-size:14px}
.ref-gates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 55px;list-style:none;padding:0;margin:0 0 27px}
.ref-gates li{display:grid;grid-template-columns:49px 1fr;gap:14px;padding:23px 0;border-top:1px solid var(--ref-line)}
.ref-gates h3{font-size:19px}
.ref-sample-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:10%}
.ref-sample-grid .ref-heading{margin-bottom:20px}
.ref-sample-list{border-top:1px solid #c5cecc}
.ref-sample-list>div{padding:19px 0;border-bottom:1px solid #c5cecc}
.ref-sample-list b{font-size:16px}
.ref-sample-list p{margin:5px 0 0;font-size:14px}
.ref-approval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ref-approval-grid>div{padding-top:19px;border-top:2px solid var(--ref-accent)}
.ref-approval-grid span{color:var(--ref-accent);font-size:12px;font-weight:700}
.ref-approval-grid h3{margin:17px 0 10px;font-size:20px}
.ref-approval-grid p{margin:0;font-size:14px}
.ref-standard .ref-tooling-grid>div{border-color:#916047}
@media(max-width:1050px){.ref-hero h1{font-size:47px}.ref-hero-grid{min-height:530px}.ref-quantity-grid strong{font-size:24px}.ref-quantity-grid>div{padding-inline:15px}.ref-route-list article{grid-template-columns:44px minmax(0,1fr) minmax(155px,.75fr)}}
@media(max-width:820px){.ref-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.ref-hero-copy{padding-block:54px 22px}.ref-hero h1{font-size:46px}.ref-hero figure{padding:0 0 45px}.ref-hero figure img{max-height:470px;aspect-ratio:1.6}.ref-section{padding-block:62px}.ref-heading h2{font-size:35px}.ref-split,.ref-parts,.ref-photo-layout,.ref-dark-grid,.ref-sample-grid{grid-template-columns:1fr;gap:35px}.ref-split figure img,.ref-parts figure img{max-height:470px;aspect-ratio:1.5}.ref-dark-grid{gap:30px}.ref-dark-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ref-dark-points>div{border-bottom:0}.ref-quantity-grid{grid-template-columns:repeat(2,1fr)}.ref-quantity-grid>div:nth-child(2){border-right:0}.ref-quantity-grid>div:nth-child(-n+2){border-bottom:1px solid #c5cecc}.ref-quantity-grid>div:nth-child(3){padding-left:0}.ref-final-layout{grid-template-columns:1fr;gap:27px}.ref-model-grid{gap:12px}.ref-route-list article{grid-template-columns:44px 1fr}.ref-route-list article>strong{grid-column:2}}
@media(max-width:580px){.ref-hero-copy{padding-block:42px 21px}.ref-hero h1{font-size:36px;line-height:1.13}.ref-hero-copy>p{font-size:16px}.ref-hero-actions{align-items:flex-start;flex-direction:column;gap:15px;margin-top:23px}.ref-hero figure{padding-bottom:30px}.ref-hero figure img{aspect-ratio:1.18}.ref-anchor-nav .wrap{gap:21px}.ref-anchor-nav a{padding-block:13px;font-size:12px}.ref-section{padding-block:49px}.ref-heading{margin-bottom:25px}.ref-heading h2{font-size:30px}.ref-heading p{font-size:15px}.ref-table{min-width:630px}.ref-table th,.ref-table td{padding:13px 12px 15px 0;font-size:13px}.ref-table tbody th{font-size:14px}.ref-route-list article{gap:10px;padding:22px 0}.ref-route-list h3{font-size:18px}.ref-route-list p,.ref-route-list article>strong{font-size:13px}.ref-check-rows>div,.ref-part-list>div{grid-template-columns:1fr;gap:5px}.ref-dark h2{font-size:32px}.ref-dark-points{grid-template-columns:1fr;gap:0}.ref-dark-points>div{border-bottom:1px solid #657174}.ref-tooling-grid,.ref-brief-grid,.ref-risk-grid,.ref-gates,.ref-approval-grid,.ref-size-grid{grid-template-columns:1fr;gap:0}.ref-tooling-grid>div+div{margin-top:29px}.ref-brief-grid>div,.ref-risk-grid>div{padding:17px 0}.ref-quantity-grid strong{font-size:22px}.ref-quantity-grid>div{padding:19px 12px}.ref-quantity-grid p{font-size:12px}.ref-model-grid{grid-template-columns:1fr;gap:25px}.ref-model-grid>a{display:grid;grid-template-columns:115px 1fr;column-gap:16px;align-items:start}.ref-model-grid img{grid-row:1/5;width:115px;height:115px;aspect-ratio:1;object-fit:cover}.ref-model-grid span{margin-top:0}.ref-model-grid h3{font-size:18px;margin:5px 0}.ref-model-grid p{min-height:0;font-size:13px;margin-bottom:8px}.ref-size-grid>div+div{margin-top:22px}.ref-gates li{padding:19px 0}.ref-final{padding-block:49px}.ref-final h2{font-size:31px}.ref-final p{font-size:14px}.ref-faq-list summary{font-size:14px}.ref-faq-list details p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ref-page *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:580px){
  .ref-table-scroll{overflow:visible;border-top:0}
  .ref-table,.ref-table tbody,.ref-table tr,.ref-table th,.ref-table td{display:block;width:100%;min-width:0}
  .ref-table thead{display:none}
  .ref-table tr{padding:18px 0;border-top:1px solid var(--ref-line)}
  .ref-table tbody th,.ref-table td,.ref-table td:nth-child(2){width:100%;padding:0;border:0}
  .ref-table tbody th{margin-bottom:11px;font-size:18px}
  .ref-table td{margin-top:11px;font-size:14px}
  .ref-table td::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--ref-accent);font-size:11px;font-weight:700;text-transform:uppercase}
}
