@font-face{font-family:Inter;src:url('./InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f7f6f0;--navy:#122c38;--teal:#1d5b58;--copper:#b57a4e}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--navy);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;border-top:4px solid var(--copper)}
.page{max-width:1320px;margin:auto;min-height:calc(100svh - 4px);padding:36px 64px 24px;display:flex;flex-direction:column}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
header img{display:block;max-width:48%;height:auto}
.signature{font-size:13px;color:var(--teal)}
main{padding:88px 0 72px;flex:1}
.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;margin:0 0 32px}
.eyebrow span{width:8px;height:8px;background:var(--copper);border-radius:50%}
h1{font-size:clamp(42px,6.4vw,88px);line-height:1.08;letter-spacing:-.055em;font-weight:550;margin:0 0 32px}
h1 span{color:var(--teal)}
.intro{max-width:640px;font-size:clamp(18px,2vw,21px);line-height:1.65;margin:0 0 16px}
.note{max-width:560px;line-height:1.7;color:#52646a;font-size:15px;margin:0}
.steps{list-style:none;padding:30px 0 0;margin:56px 0 0;display:flex;gap:56px;border-top:1px solid #d9ded7;max-width:800px}
.steps li{display:flex;align-items:center;gap:12px;font-weight:500;font-size:14px}
.number{font-size:11px;color:#865733;letter-spacing:.08em}
footer{border-top:1px solid #d9ded7;padding-top:20px;color:#52646a;font-size:12px}
@media(max-width:640px){.page{padding:24px 24px 20px}.signature{display:none}header img{max-width:70%;width:190px}main{padding:64px 0 56px}h1{font-size:clamp(34px,8.3vw,52px)}.eyebrow{font-size:10px;margin-bottom:24px}.steps{gap:20px;flex-wrap:wrap;margin-top:40px;padding-top:24px}.steps li{font-size:12px;gap:7px}footer{align-items:flex-start;font-size:11px;line-height:1.6}footer span:last-child{text-align:right}}