.ob{--ob-ease:cubic-bezier(.2,.7,.2,1);--ob-pad:clamp(20px,4.5vw,64px);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);transition:background-color .9s var(--ob-ease),color .9s var(--ob-ease)}.ob[data-phase=welcome]{background:var(--night);color:var(--on-night)}.ob-top{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1.1rem var(--ob-pad);background:inherit}.ob .brand,.ob-close{color:inherit}.ob-close{font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5em;opacity:.75;transition:opacity .25s}.ob-close span{font-size:1.25rem;line-height:1}.ob-close:hover{opacity:1}.ob-back:focus-visible,.ob-close:focus-visible,.ob-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ob-form{flex:1 1;display:flex;flex-direction:column}.ob-step{flex:1 1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(28px,7vh,96px) var(--ob-pad) clamp(40px,8vh,110px)}.ob:not(.is-live) .ob-step+.ob-step{border-top:1px solid var(--line)}html.ob-js .ob:not(.is-live) .ob-step:not(.is-current){display:none}html.ob-js .ob:not(.is-live){background:var(--night);color:var(--on-night)}.ob:not(.is-live) .ob-begin{display:none}html.ob-js .ob:not(.is-live) .ob-begin{display:inline-flex}.ob.is-live .ob-step.is-current{animation:ob-in .55s var(--ob-ease) both}@keyframes ob-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ob-fieldset{border:0;padding:0;margin:0;min-width:0}.ob-label{display:block;margin-bottom:1.4rem;color:var(--accent)}.ob-title{max-width:17ch;outline:none}.ob-title:focus,.ob-title:focus-visible{outline:none}.ob-lead{margin-top:1.1rem}.ob-fields{margin-top:clamp(2rem,5vh,3.2rem);display:grid;grid-gap:1.8rem;gap:1.8rem}.ob-word{display:inline-block;white-space:pre;animation:ob-word .7s var(--ob-ease) both;animation-delay:calc(var(--i) * 55ms + 80ms)}@keyframes ob-word{0%{opacity:.08;transform:translateY(.28em)}to{opacity:1;transform:none}}.ob-welcome{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:62vh}.ob-welcome .ob-title{font-size:clamp(3.4rem,11vw,9rem)}.ob-subtitle{margin-top:clamp(1rem,2.5vh,1.8rem);max-width:22ch;font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;line-height:1.12;font-size:clamp(1.5rem,3.4vw,2.7rem);color:var(--on-night)}.ob-welcome .ob-lead{color:var(--on-night-soft);margin:1.8rem 0 2.4rem;animation:ob-in .8s var(--ob-ease) 1.1s both}.ob-welcome .ob-begin{animation:ob-in .8s var(--ob-ease) 1.25s both}.ob-welcome{position:relative}.ob-welcome-art{position:absolute;right:calc(var(--ob-pad) * -1);top:50%;width:clamp(260px,36vw,540px);height:auto;transform:translateY(-50%);pointer-events:none;animation:ob-art-in 1.4s var(--ob-ease) .2s both}@keyframes ob-art-in{0%{opacity:0;transform:translate(24px,-50%)}to{opacity:1;transform:translateY(-50%)}}.ob-welcome>:not(.ob-welcome-art){position:relative;z-index:1}@media (max-width:760px){.ob-welcome-art{position:static;transform:none;width:170px;margin:0 0 1.4rem -10px;animation-name:ob-in}}.ob[data-phase=welcome] .btn-primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.ob[data-phase=welcome] .btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.ob-option{position:relative;display:flex;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);transition:border-color .25s,background-color .25s,color .25s,transform .35s var(--ob-ease)}.ob-option:hover{border-color:var(--ink)}.ob-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.ob-key{font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.04em;display:inline-grid;place-items:center;width:1.7em;height:1.7em;border:1px solid;opacity:.55;flex:none}.ob-option.is-selected .ob-key{opacity:1;background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.ob-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));grid-gap:.9rem;gap:.9rem;max-width:1040px}.ob-cards .ob-option{flex-direction:column;justify-content:space-between;gap:1rem;min-height:132px;padding:1rem 1rem 1.1rem}.ob-cards .ob-option.has-art{min-height:300px}.ob-cards .ob-option:hover{transform:translateY(-3px)}.ob-art{align-self:center;width:72%;max-width:200px;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ob-ease)}.ob-cards .ob-option:hover .ob-art{transform:scale(1.04)}.ob-option-label{font-family:var(--font-display);font-weight:600;font-size:clamp(1.05rem,1.4vw,1.25rem);letter-spacing:-.01em;line-height:1.15}.ob-cards .ob-option.is-selected{border-color:var(--ink);background:var(--ink);color:var(--paper)}.ob-cards .ob-option.is-selected .ob-art{mix-blend-mode:normal}.ob-tick{position:absolute;top:1rem;right:1rem;width:.7rem;height:.7rem;border-radius:50%;border:1px solid;opacity:.5;transition:background .25s,opacity .25s}.ob-option.is-selected .ob-tick{background:var(--accent-soft);border-color:var(--accent-soft);opacity:1}.ob-chips{display:flex;flex-wrap:wrap;gap:.7rem}.ob-chips .ob-option{align-items:center;gap:.75rem;padding:.85rem 1.2rem .85rem .85rem}.ob-chips .ob-option-label{font-family:var(--font-body);font-weight:500;font-size:1.02rem}.ob-chips .ob-option.is-selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ob-chips .ob-tick{position:static}.ob-input{width:100%;max-width:760px;background:transparent;border:0;border-bottom:1.5px solid var(--ink);border-radius:0;padding:.5rem 0 .7rem;font-family:var(--font-display);font-weight:500;letter-spacing:-.015em;font-size:clamp(1.35rem,2.6vw,2rem);color:var(--ink);transition:border-color .25s}.ob-input::placeholder{color:var(--ink-soft);opacity:.7}.ob-input:focus{outline:none;border-color:var(--accent)}.ob-textarea{resize:vertical;min-height:7.5em;line-height:1.35;font-size:clamp(1.15rem,2vw,1.45rem)}.ob-field-label{display:block;margin-bottom:.4rem}.ob-field .field-error{margin-top:.6rem}.ob-chip-note{margin-top:1.4rem;display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.ob-pkg{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--accent);color:var(--accent);padding:.3rem .4rem .3rem .7rem;font-size:.95rem}.ob-pkg button{border:0;background:none;font-size:1.1rem;line-height:1;padding:0 .3rem;color:inherit;cursor:pointer}.ob-review{margin-top:clamp(1.8rem,4vh,2.8rem);border-top:1px solid var(--line)}.ob-review-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;grid-gap:.6rem 1.6rem;gap:.6rem 1.6rem;padding:1rem 0;border-bottom:1px solid var(--line-soft);align-items:baseline}.ob-review-row dd{font-size:1.02rem}.ob-review-row dd p+p{margin-top:.3rem}.ob-review-q{color:var(--ink-soft)}@media (max-width:640px){.ob-review-row{grid-template-columns:1fr auto}.ob-review-row dt{grid-column:1/-1}}.ob-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:1.2rem;gap:1.2rem;padding:.9rem var(--ob-pad) calc(.9rem + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}.ob-back{background:none;display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:border-color .25s}.ob-back:hover{border-color:var(--ink)}.ob-progress{display:flex;align-items:center;gap:1rem;min-width:0}.ob-bar{flex:1 1;height:1px;background:var(--line);position:relative;overflow:hidden;max-width:420px}.ob-bar span{position:absolute;inset:0;background:var(--accent);transform-origin:left;transition:transform .6s var(--ob-ease)}.ob-actions{display:flex;align-items:center;gap:1.2rem}.ob-link{border:0;background:none;padding:0;font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.ob-link:hover{color:var(--ink)}@media (max-width:520px){.ob-bottom{grid-template-columns:auto 1fr}.ob-progress{display:none}.ob-actions{justify-content:flex-end}}.ob-thanks .ob-title{max-width:12ch}.ob-thanks .btn-group{margin-top:2.4rem}.ob-sign{margin-top:1.4rem;font-style:italic;color:var(--accent);font-size:1.15rem}@media (prefers-reduced-motion:reduce){.ob,.ob-bar span{transition-duration:.01s}.ob.is-live .ob-step.is-current{animation:ob-fade .25s linear both}.ob-word{animation:none}.ob-art,.ob-option{transition:none}.ob-welcome-art{animation:none}.ob-cards .ob-option:hover,.ob-cards .ob-option:hover .ob-art{transform:none}}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}.ob[data-phase=welcome] .brand .dot{color:var(--accent-soft)}@media (max-width:520px){.ob-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.ob-cards .ob-option{min-height:108px;padding:.8rem}.ob-cards .ob-option.has-art{min-height:220px}}.ob-cards:has(>.ob-option:nth-child(5)){grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));max-width:none}.ob-cards:has(>.ob-option:nth-child(5)) .ob-option.has-art{min-height:250px}.ob-cards:has(>.ob-option:nth-child(5)) .ob-art{width:82%}@media (max-width:900px){.ob-cards:has(>.ob-option:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.ob-cards:has(>.ob-option:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.ob-cards .ob-option.has-art,.ob-cards:has(>.ob-option:nth-child(5)) .ob-option.has-art{min-height:200px}}