.onb{--onb-fill: var(--lp-violet-btn);--onb-ink: light-dark(#5b33c9, #b9a2f7);--onb-tint: light-dark( #f4f0fd, color-mix(in srgb, var(--violet) 18%, var(--surface)) );--onb-slot: light-dark(#d1d1d6, #48484a);--onb-slot-dash: light-dark(#aeaeb2, #636366);display:block;min-height:100vh;padding:40px 16px calc(64px + env(safe-area-inset-bottom));background:var(--bg);color:var(--text);font-family:var(--font-stack);-webkit-text-size-adjust:100%}.onb__page{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.onb__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.onb__hero picture{display:contents}.onb__icon{width:64px;height:64px}.onb__title{margin:0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em;text-wrap:balance}.onb__lead{margin:0;max-width:520px;font-size:17px;line-height:1.45;color:var(--text-2-strong);text-wrap:pretty}.onb__eyebrow{margin:0;font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-2-strong)}.onb__picker{display:flex;flex-direction:column;gap:14px}.onb__picker-heading{text-align:center}.onb__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.onb__choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:112px;padding:18px;border:2px solid transparent;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--card-shadow);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion-crossfade),box-shadow var(--motion-crossfade)}.onb__choice:hover{border-color:color-mix(in srgb,var(--violet) 40%,transparent)}.onb__choice[aria-pressed=true]{border-color:var(--violet);box-shadow:0 0 0 4px color-mix(in srgb,var(--violet) 18%,transparent)}.onb__choice:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.onb__choice-name{font-size:22px;line-height:1.2;font-weight:600}.onb__choice-plan{font-size:14px;line-height:1.35;color:var(--text-2-strong)}.onb__choice-part{display:block}.onb__choice-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.onb__pro{margin:0;font-size:14px;line-height:1.4;text-align:center;color:var(--text-2-strong)}.onb__prompt{margin:0;padding:var(--space-2xl) var(--space-xl);border:1.5px dashed var(--separator);border-radius:var(--radius-lg);font-size:15px;line-height:1.4;text-align:center;color:var(--text-2-strong)}.onb__section{display:flex;flex-direction:column;gap:var(--space-md)}.onb__section[hidden]{display:none}@media(scripting:none){.onb__picker-heading,.onb__cards,.onb__prompt{display:none}.onb__guide[hidden],.onb__examples[hidden]{display:flex}}.onb__h2{margin:0;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.01em}.onb__intro{margin:0 0 var(--space-xs);font-size:15px;line-height:1.45;color:var(--text-soft)}.onb__notice{display:flex;gap:var(--space-md);align-items:flex-start;padding:14px var(--space-lg);border:1px solid color-mix(in srgb,var(--violet) 35%,transparent);border-radius:var(--radius-lg);background:var(--onb-tint);color:var(--text);font-size:15px;line-height:1.45}.onb__notice p{margin:0;min-width:0}.onb__notice-icon{flex:none;margin-top:1px;color:var(--onb-ink)}.onb__card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.onb__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-md)}.onb__step{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:var(--space-md);padding:var(--space-lg);font-size:15px;line-height:1.45;color:var(--text-soft)}.onb__step-n{grid-column:1;grid-row:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--onb-fill);color:#fff;font-size:15px;font-weight:700}.onb__step-body{display:contents}.onb__step-body>*{grid-column:1 / -1;min-width:0}.onb__step-body>.onb__h3{grid-column:2;grid-row:1;align-self:center}.onb__step-body p{margin:0}.onb__step-body code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9375em;overflow-wrap:anywhere}.onb__h3{margin:0;font-size:17px;line-height:1.3;font-weight:600;color:var(--text)}.onb__only-computer{display:none}@media(pointer:fine)and (hover:hover){.onb__only-computer{display:block}.onb__only-phone{display:none}}@media(any-pointer:coarse){.onb__only-computer{display:none}.onb__only-phone{display:block}.onb__notice.onb__only-phone{display:flex}}.onb__button{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-sm);min-height:var(--tap);padding:0 18px;border-radius:var(--radius-sm);background:var(--onb-fill);color:#fff;font-size:15px;font-weight:600;text-decoration:none}.onb__button:hover,.copy-row__button:hover{background:color-mix(in srgb,var(--onb-fill) 88%,#000000)}.onb__aside{border-radius:var(--radius-md);background:var(--onb-tint)}.onb__aside summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:var(--tap);padding:10px var(--space-lg);border-radius:var(--radius-md);color:var(--onb-ink);font-size:15px;line-height:1.3;font-weight:600;list-style:none;cursor:pointer}.onb__aside summary::-webkit-details-marker{display:none}.onb__aside summary:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.onb__aside summary svg{flex:none;transition:transform var(--motion-crossfade)}.onb__aside[open] summary svg{transform:rotate(180deg)}@media(hover:hover){.onb__aside summary:hover{background:color-mix(in srgb,var(--violet) 8%,transparent)}}.onb__aside-body{display:flex;flex-direction:column;gap:10px;padding:0 var(--space-lg) var(--space-lg);font-size:14px}.onb__checks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);color:var(--text)}.onb__checks li{display:flex;gap:10px;align-items:flex-start;line-height:1.4}.onb__checks svg{flex:none;margin-top:1px;color:var(--violet)}.onb__note{font-size:13px;line-height:1.4;color:var(--text-2-strong)}.onb__dev{margin:0;font-size:14px;line-height:1.45;color:var(--text-2-strong)}.onb__security{display:flex;gap:var(--space-sm);align-items:flex-start;font-size:14px;line-height:1.4;color:var(--text-2-strong)}.onb__security svg{flex:none;margin-top:2px}.onb__address{display:flex;flex-direction:column;gap:6px}.onb__fields{margin:0;border:1px solid var(--separator);border-radius:var(--radius-md);color:var(--text)}.onb__field{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--space-sm);padding:10px 14px}.onb__field+.onb__field{border-top:1px solid var(--separator)}.onb__field dt{font-weight:600}.onb__field dd{margin:0;min-width:0}.onb__field--wide{flex-direction:column;align-items:stretch;gap:6px}.onb__field--wide dd{display:flex;flex-direction:column;gap:6px}.onb__code-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md)}.onb__code{flex:none;display:inline-flex;align-items:center;gap:5px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-2)}.onb__code-slot{width:16px;height:22px;border-radius:4px;background:var(--onb-slot)}.onb__code-dash{width:10px;height:3px;margin:0 2px;border-radius:2px;background:var(--onb-slot-dash)}.onb__code-row .onb__note{flex:1 1 180px}.copy-row{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.copy-row__value{flex:1 1 260px;min-width:0;min-height:var(--tap);padding:0 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px}.copy-row__button{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--tap);min-width:96px;padding:0 18px;border:0;border-radius:var(--radius-sm);background:var(--onb-fill);color:#fff;font-size:15px;font-weight:600}.copy-row__live,.onb__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.onb__try{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--radius-lg);background:var(--onb-fill);color:#fff}.onb__try-heading{margin:0;font-size:20px;line-height:1.2;font-weight:700}.onb__try p{margin:0;font-size:15px;line-height:1.45}.onb__prompts{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.onb__prompt-link{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:var(--tap);padding:10px 16px;border-radius:22px;background:var(--surface);color:var(--onb-ink);font-size:15px;line-height:1.3;font-weight:500;text-decoration:none}.onb__prompt-link svg{flex:none}.onb__try :focus-visible{outline-color:#fff}.onb__rows{overflow:hidden}.onb__row+.onb__row{border-top:1px solid var(--separator)}.onb__row summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:52px;padding:14px var(--space-lg);font-size:16px;line-height:1.35;font-weight:500;list-style:none;cursor:pointer}.onb__row summary::-webkit-details-marker{display:none}.onb__row summary:focus-visible{outline-offset:-3px;border-radius:var(--radius-lg)}.onb__row summary svg{flex:none;color:var(--text-2-strong);transition:transform var(--motion-crossfade)}.onb__row[open] summary svg{transform:rotate(45deg)}.onb__row-body{padding:0 var(--space-lg) 18px;font-size:15px;line-height:1.5;color:var(--text-soft)}.onb__row-body p,.onb__row-body ul,.onb__row-body ol{margin:0 0 10px}.onb__row-body>:last-child{margin-bottom:0}.onb__row-body ul,.onb__row-body ol{padding-left:1.25em;display:flex;flex-direction:column;gap:6px}.onb__row-body a,.onb__dev a,.onb__footer a{color:var(--onb-ink);text-decoration:underline;text-underline-offset:2px}.onb__plain-list{margin:0;padding:var(--space-lg) var(--space-lg) var(--space-lg) 2.25em;font-size:15px;line-height:1.5}.onb__footer{font-size:15px;line-height:1.45;text-align:center;color:var(--text-2-strong)}@media(min-width:600px){.onb{padding-top:64px}.onb__title{font-size:34px}.onb__choice{padding:20px}.onb__choice-part{display:inline}.onb__choice-sep{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.onb__step{column-gap:var(--space-lg);padding:20px}.onb__step-body>*{grid-column:2}.onb__fields{display:grid;grid-template-columns:max-content minmax(0,1fr)}.onb__field,.onb__field--wide{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:baseline;column-gap:var(--space-lg)}.onb__try{padding:var(--space-xl)}.onb__row summary{padding:14px 20px}.onb__row-body{padding:0 20px 18px}}