:root{--ground:#f6f7f9;--surface:#fff;--ink:#17191e;--muted:#5f6470;--line:#e3e5ea;--accent:#f26a36;--accent-ink:#c24a1c;--accent-soft:#fdede6;--focus:#f26a36;--shadow:0 1px 2px #17191e0d,0 8px 24px -12px #17191e2e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#111216;--surface:#1a1c22;--ink:#f0f1f4;--muted:#a2a6b1;--line:#2b2e36;--accent:#f57a4a;--accent-ink:#ff9a72;--accent-soft:#2c1d17;--shadow:0 1px 2px #0000004d,0 10px 28px -14px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#111216;--surface:#1a1c22;--ink:#f0f1f4;--muted:#a2a6b1;--line:#2b2e36;--accent:#f57a4a;--accent-ink:#ff9a72;--accent-soft:#2c1d17;--shadow:0 1px 2px #0000004d,0 10px 28px -14px #0009}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);margin:8px;padding-block:0;padding-inline:20px;font-family:Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55}.wrap{flex-direction:column;gap:48px;max-width:880px;margin:0 auto;padding-block:40px 56px;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{color:var(--accent);align-items:center;gap:12px;text-decoration:none;display:flex}.mark{background:var(--ink);-webkit-mask:var(--m) center/contain no-repeat;-webkit-mask:var(--m) center/contain no-repeat;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;display:block}.mark.icon{aspect-ratio:129/160;--m:url(/zoko-icon.png);height:44px}.mark.word{aspect-ratio:315/110;--m:url(/zoko-wordmark.png);height:26px}.tag{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.intro{flex-direction:column;gap:14px;max-width:62ch;display:flex}h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-family:Bricolage Grotesque,Figtree,system-ui,sans-serif;font-size:clamp(34px,6vw,54px);font-weight:800;line-height:1.02}h1 em{color:var(--accent);font-style:normal}.lede{color:var(--muted);max-width:56ch;margin:0;font-size:18px}.facts{flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.facts li{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:500}.choose{flex-direction:column;gap:16px;display:flex}.choose h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:14px;font-weight:600}.regions{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;display:grid}.region{background:var(--surface);border:1.5px solid var(--line);color:inherit;border-radius:18px;flex-direction:column;gap:18px;padding:26px 26px 22px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.region:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.region:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.region.suggested{border-color:var(--accent);box-shadow:var(--shadow)}.badge{letter-spacing:.02em;background:var(--accent);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;top:-11px;left:22px}.region h3{letter-spacing:-.015em;margin:0;font-family:Bricolage Grotesque,Figtree,system-ui,sans-serif;font-size:28px;font-weight:600;line-height:1.1}.where{color:var(--muted);margin:0;font-size:15px}.cta{border-top:1px solid var(--line);color:var(--accent-ink);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-weight:600;display:flex}.cta .arrow{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);border-radius:50%;place-items:center;transition:background .18s,color .18s;display:grid}.region:hover .arrow{background:var(--accent);color:#fff}.note{color:var(--muted);max-width:62ch;margin:0;font-size:14px}.note strong{color:var(--ink);font-weight:600}footer{color:var(--muted);border-top:1px solid var(--line);padding-top:20px;font-size:13px}@media (prefers-reduced-motion:reduce){.region,.cta .arrow{transition:none}.region:hover{transform:none}}
