@import url('/site/zoo-tokens.css?v=20261010-product-line');
@font-face{font-family:Inter;src:url(/site/InterVariable.woff2?v=20261007-font) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-0130,U+0132-0151,U+0154-02BA,U+02BD-02C5,U+02C7-02D9,U+02DB,U+02DD-0303,U+0305-0307,U+0309-0328,U+032A-1FFF,U+2070-20AB,U+20AD-2121,U+2123-218F,U+2200-2211,U+2213-2214,U+2216-24E8,U+24EA-259F,U+2700-FEFE,U+FF00-FFFC,U+FFFE-10FFFF}
@font-face{font-family:Inter;src:url(/site/InterVariable-latin-v1.woff2?v=20261007-font) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-21FF,U+2212,U+2215,U+24E9,U+25A0-25FF,U+2600-26FF,U+FEFF,U+FFFD}*{box-sizing:border-box}:root{font-family:var(--zoo-font);background:var(--zoo-bg);color:var(--zoo-ink);color-scheme:light;--muted:var(--zoo-muted);--line:var(--zoo-line);--panel:var(--zoo-panel);--wash:var(--zoo-lavender);--accent:var(--zoo-gold);--on:var(--zoo-on-gold)}:root[data-theme=dark]{color-scheme:dark}body{margin:0}a{color:inherit}header{max-width:1280px;margin:auto;padding:24px 40px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-.05em}.brand img{width:44px;height:44px}.brand small{font-size:15px;font-weight:500;letter-spacing:-.025em}nav{margin-left:auto;display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:13px;font-weight:600}.token-link{display:flex;align-items:center;gap:5px}.token-link img{width:23px;height:23px;border:1px solid var(--line);border-radius:50%}button.theme{width:38px;height:38px;padding:0;margin:0;border:1px solid var(--line);background:var(--panel);color:inherit;font-size:20px}main{max-width:1140px;margin:64px auto 80px;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.intro{position:sticky;top:40px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.16em;color:var(--muted);margin:0 0 16px}h1{font-size:clamp(46px,5.4vw,70px);line-height:1.03;letter-spacing:-.065em;font-weight:620;margin:28px 0}h2{font-size:23px;line-height:1.2;letter-spacing:-.04em;font-weight:620;margin:0 0 14px}p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 18px}.intro>p:not(.eyebrow){font-size:17px;max-width:370px}.boundary{display:flex;gap:14px;align-items:center;margin:38px 0 26px;padding-top:26px;border-top:1px solid var(--line)}.boundary img{width:54px;height:54px}.boundary p{font-size:12px;margin:0;max-width:280px}.back{font-size:12px;text-underline-offset:4px}.account-panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 12px 40px #10182805}.choice+.choice{margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}button{display:block;width:100%;font:inherit;font-size:13px;font-weight:650;border:1px solid transparent;border-radius:10px;background:var(--accent);color:var(--on);padding:14px;margin:10px 0;cursor:pointer}button.secondary{background:transparent;border-color:var(--line);color:inherit}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}input[type=password]{width:100%;padding:13px;border:1px solid var(--line);border-radius:9px;font:inherit;background:var(--wash);color:inherit}details{border-top:1px solid var(--line);padding:18px 0}details:first-of-type{margin-top:26px}summary{cursor:pointer;font-size:13px;font-weight:650}details[open] summary{margin-bottom:16px}label{display:block;font-size:13px;margin:14px 0}.check{display:flex;gap:10px;align-items:start;line-height:1.5}#migration{padding:20px;background:var(--wash);border-radius:12px;margin:24px 0}#status{color:#b64e38;font-size:13px}#status:empty{display:none}[data-theme=dark] #status{color:#ffb6a6}.foot{font-size:11px;margin:18px 0 0}.privacy{border-top:1px solid var(--line);padding-top:20px}footer{max-width:1140px;margin:0 auto;padding:24px 40px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:3px solid #b28c39;outline-offset:3px}@media(max-width:800px){header{padding:18px 22px;gap:12px;flex-wrap:wrap}.theme{margin-left:auto!important}nav{order:3;width:100%;margin:8px 0 0;justify-content:space-between;gap:12px}main{display:block;margin:32px auto;padding:0 22px;max-width:570px}.intro{position:static}.intro>p:not(.eyebrow){font-size:15px;max-width:none}.boundary{display:none}.back{display:inline-block;margin-bottom:25px}h1{font-size:48px;margin:20px 0}.account-panel{padding:23px}footer{padding:24px 22px}.brand small{font-size:14px}}

.pairing-code{display:block;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--wash);font:700 26px ui-monospace,monospace;letter-spacing:.12em;text-align:center;overflow-wrap:anywhere}
.skip{position:absolute;left:12px;top:-100px;z-index:30;padding:12px 16px;border-radius:10px;background:var(--panel,#fff);color:inherit;font-weight:600}
.skip:focus{top:10px}
main:focus{outline:none}
/* Phones: readable labels (12px or more) and tap targets of at least 44px (audit L1, L2) */
@media (max-width:640px){
.eyebrow,.foot{font-size:12px}
nav a,.back{display:inline-flex;align-items:center;min-height:44px}
summary{padding:14px 0}
}

header{max-width:1200px;padding:24px 32px}header .brand img{width:36px;height:36px}button.theme{width:44px;height:44px;border-radius:50%}main{max-width:1200px;gap:64px;padding:0 32px}h1{font-size:clamp(38px,4.4vw,56px);line-height:1.09;letter-spacing:-.055em}h2{font-size:25px}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--zoo-focus)}.account-panel{box-shadow:0 16px 48px #29302408}button{min-height:48px;font-size:14px}summary{min-height:44px;display:list-item;padding-block:10px}.check input{width:22px;height:22px;flex:none;accent-color:var(--zoo-focus)}:focus-visible{outline-color:var(--zoo-focus)}.back{display:inline-flex;align-items:center;min-height:44px}nav a{min-height:44px;display:inline-flex;align-items:center}footer{font-size:12px}@media(max-width:800px){header{padding:16px 20px}main{padding:0 20px}h1{font-size:40px}nav{flex-wrap:wrap;justify-content:flex-start;gap:0 20px}}