:root{color-scheme:light;--paper:#f5f3ed;--ink:#172a2c;--muted:#526568;--line:#cad3cf;--accent:#0d6665}
*{box-sizing:border-box}
html{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
body{margin:0;min-height:100vh}
a{color:inherit;text-underline-offset:.22em}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:2px}
.page{min-height:100vh;max-width:1480px;margin:auto;padding:0 clamp(24px,5vw,80px);display:flex;flex-direction:column}
.site-header{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{font-size:clamp(29px,3vw,39px);font-weight:800;letter-spacing:-.075em;text-decoration:none;line-height:1}
.brand span{color:var(--accent)}
.header-note,.eyebrow,.action-note,.site-footer{font-size:14px;line-height:1.5;color:var(--muted)}
.hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:72px 0 90px;max-width:880px}
.eyebrow{display:flex;align-items:center;gap:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--accent)}
.eyebrow-line{display:inline-block;width:30px;height:1px;background:currentColor}
h1{font-size:clamp(52px,8vw,112px);letter-spacing:-.075em;line-height:.98;font-weight:750;margin:30px 0 31px;max-width:920px}
h1 em{font-style:normal;color:var(--accent)}
.lead{font-size:clamp(20px,2.2vw,27px);line-height:1.42;letter-spacing:-.018em;max-width:690px;margin:0;color:#284044}
.action{margin-top:55px;display:flex;align-items:center;gap:24px 30px;flex-wrap:wrap}
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 21px;min-height:58px;background:var(--ink);color:#fff;text-decoration:none;font-size:15px;font-weight:700;transition:background .15s ease}
.primary-link:hover{background:var(--accent)}
.primary-link span{font-size:20px;line-height:1}
.action-note{max-width:275px}
.site-footer{min-height:82px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px 30px;flex-wrap:wrap;padding:21px 0}
.site-footer nav{display:flex;gap:24px}
.legal{flex:1;max-width:700px;padding:65px 0 90px}
.legal h1{font-size:clamp(44px,6vw,72px);margin:12px 0 38px}
.legal h2{font-size:20px;margin:38px 0 12px;letter-spacing:-.025em}
.legal p{font-size:17px;line-height:1.65;color:#284044;margin:0 0 16px}
.legal .back{font-size:15px;color:var(--accent);font-weight:700}
@media(max-width:640px){.site-header{min-height:86px}.header-note{max-width:125px;text-align:right}.hero{padding:65px 0 85px}h1{margin:27px 0 25px}.action{margin-top:40px}.primary-link{width:100%}.action-note{max-width:none}.site-footer{align-items:flex-start}.legal{padding-top:46px}}
@media(prefers-reduced-motion:reduce){.primary-link{transition:none}}