:root{--dark:#163b46;--ink:#172e35;--body:#33454b;--blue:#97bbc2;--secondary:#204d58;--tertiary:#97bbc2;--paper:#f5f6f3;--line:#d4dcda}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
button,a{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d3ac69;outline-offset:4px}
.wrap{max-width:1160px;padding-inline:clamp(22px,5vw,68px);margin:auto}
.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:11px;font-weight:800}
.btn{border:1px solid transparent;border-radius:3px;background:var(--dark);color:#fff;padding:14px 19px;font-size:13px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:18px;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px);background:#255868}
.btn-light{background:#eaf0ed;color:var(--ink)}
.btn-light:hover{background:white}
.label{color:#275d69}
:focus-visible){background:var(--secondary);color:#fff;border-color:var(--secondary)}
:focus-visible) p{color:#e2eeee}
.cta{background:var(--dark);color:white;text-align:center}
.ctainner{padding-block:85px}
.cta h2{font-size:clamp(34px,4.5vw,54px);line-height:1.08;letter-spacing:-.052em;max-width:750px;margin:18px auto 22px}
.cta p{color:#d9e6e8;font-size:16px}
.cta .btn{margin-top:22px}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.btn{transition:none}

}
.brand-extended{display:block;object-fit:contain;width:min(310px,75%);height:auto;margin:0 auto 23px;mix-blend-mode:normal}
.details-intro{background:var(--dark);color:white;padding-block:66px}
.details-intro h1{font-size:clamp(40px,5vw,64px);line-height:1.06;letter-spacing:-.05em;max-width:730px;margin:22px 0 0}
.details-intro .eyebrow{color:var(--tertiary)}
.back-link{display:inline-block;font-size:13px;color:#e0e9e9;margin-bottom:32px}
.details-layout{display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:start;padding-block:60px}
.detail-benefit{scroll-margin-top:28px;padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.detail-benefit h2{font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-.04em;margin:16px 0}
.detail-benefit p{font-size:17px;line-height:1.7;color:var(--body);margin:0}
@media(max-width:780px){
.details-layout{grid-template-columns:1fr;gap:35px;padding-block:40px}
.details-intro{padding-block:45px}

}
.details-layout{grid-template-columns:1fr;max-width:1010px;padding-top:32px}
@media(max-width:860px){
.details-layout{padding-top:20px}

}
.detail-time{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:transparent;padding:7px 12px;border:1px solid var(--tertiary);border-radius:7px;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.1px;text-transform:none;color:var(--secondary)}
.detail-time::before{content:none;display:none}
