:root{color-scheme:light;--ink:#163b41;--muted:#526c70;--line:#d5e3df;--accent:#0b7069}*{box-sizing:border-box}body{margin:0;background:#f6f8f4;color:var(--ink);font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1200px;margin:auto;padding-inline:clamp(20px,5vw,64px)}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:22px;font-weight:800}.brand span{color:var(--accent)}.brand strong{font-size:16px;margin-inline-start:12px}label{display:flex;gap:12px;align-items:center;font-size:14px}select{min-height:44px;padding:8px 32px 8px 12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font:inherit}select:focus-visible,a:focus-visible{outline:3px solid #a85916;outline-offset:4px}main{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding-block:60px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--accent)}h1{font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-.03em;margin:24px 0}h2{font-size:20px;margin:0 0 24px}h3{font-size:16px;margin:0 0 6px}p{margin:0;color:var(--muted)}.lead{font-size:17px;line-height:1.8}.status{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-block:28px;font-size:13px}.status>span:last-child{color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#b77a28}button{min-height:48px;padding:12px 18px;border:1px solid var(--line);border-radius:8px;font:inherit;color:#576966;background:#e8eee8;cursor:not-allowed;max-width:100%}.steps article{border-top:1px solid var(--line);padding-block:18px}.steps p{font-size:14px}.ready h3{color:var(--accent)}aside{grid-column:1/-1;padding:28px;background:#e9f0e8;border-radius:12px}aside h2{margin-bottom:8px}footer{padding-block:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}html[dir=rtl] h1{letter-spacing:0;line-height:1.5}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] select{padding-inline:12px 32px}@media(max-width:760px){main{grid-template-columns:1fr;gap:36px;padding-block:36px}header{flex-wrap:wrap}.brand strong{font-size:14px}aside{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
