:root{color-scheme:light dark;--paper:#F5F6F3;--surface:#FFFFFF;--ink:#1A2223;--muted:#69736F;--green:#28685F;--hover:#20584F;--on-green:#FFFFFF;--border:#D8DDDA;--soft:#ECEFEB}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;min-height:96px;border-bottom:1px solid var(--border);gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;font-weight:650;letter-spacing:-.04em;text-decoration:none}nav{display:flex;gap:24px}nav a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;font-size:14px}.hero{padding:104px 0 96px;max-width:800px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:650;color:var(--green);margin:0 0 24px}h1{font-size:clamp(44px,7vw,84px);line-height:1.06;letter-spacing:-.055em;font-weight:600;margin:0 0 28px}.intro{font-size:22px;line-height:1.55;color:var(--muted);max-width:560px;margin:0 0 32px}.button{display:inline-flex;align-items:center;gap:32px;min-height:52px;background:var(--green);color:var(--on-green);border-radius:9px;padding:12px 24px;text-decoration:none;font-weight:600}.button:hover{background:var(--hover)}.note{color:var(--muted);font-size:14px;margin-top:20px}.section{padding:64px 0;border-top:1px solid var(--border)}h2{font-size:clamp(30px,4vw,44px);line-height:1.16;letter-spacing:-.035em;font-weight:600;margin:0 0 32px}h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:14px 0 10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.number{font-size:14px;color:var(--green);font-weight:650}.steps p,.destinations p{color:var(--muted);margin:0}.destinations{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.preview{margin:0 0 64px;padding:36px;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:850px}.preview h2{margin:24px 0 16px;font-size:30px}.preview p{max-width:680px}.badge{display:inline-flex;border:1px solid var(--border);padding:4px 10px;border-radius:6px;font-size:13px}.privacy{font-size:14px;color:var(--muted)}footer{display:flex;gap:28px;justify-content:space-between;align-items:center;min-height:120px;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;padding:10px;background:var(--surface)}.skip:focus{top:12px}
@media(prefers-color-scheme:dark){:root{--paper:#111718;--surface:#192021;--ink:#F5F6F3;--muted:#ADB9B4;--green:#76A99F;--hover:#8BB8AE;--on-green:#111718;--border:#303A39;--soft:#232D2C}}
@media(max-width:640px){.wrap{padding:0 24px}header{align-items:flex-start;flex-direction:column;gap:4px;padding-top:20px;padding-bottom:12px}.hero{padding:64px 0}.intro{font-size:19px}.section{padding:44px 0}.steps,.destinations{grid-template-columns:1fr;gap:28px}.preview{padding:24px}.preview h2{font-size:27px}footer{align-items:flex-start;flex-direction:column;gap:12px;padding-top:24px;padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.gate{display:inline-block;width:30px;height:30px;background:var(--green);-webkit-mask:url("gate.svg") center/contain no-repeat;mask:url("gate.svg") center/contain no-repeat}