.ob-panel{background:var(--ob-bg-tertiary);border:3px solid var(--ob-ink);box-shadow:7px 7px 0 var(--ob-ink);border-radius:20px;padding:1.4rem 1.6rem 1.5rem}.ob-panel--paper{background:var(--ob-bg-primary)}.ob-panel--ink{background:var(--ob-ink);color:var(--ob-text-inverse)}.ob-tilt-l{transform:rotate(-1.4deg)}.ob-tilt-r{transform:rotate(1.4deg)}.ob-key{background:var(--ob-pop-sun);color:var(--ob-ink);border:3px solid var(--ob-ink);font-family:var(--ob-font-display);cursor:pointer;box-shadow:0 4px 0 var(--ob-ink);transition:transform .15s var(--ob-ease), box-shadow .15s var(--ob-ease);border-radius:14px;justify-content:center;align-items:center;gap:.5em;padding:.8rem 1.6rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.ob-key:hover{box-shadow:0 6px 0 var(--ob-ink);transform:translateY(-2px)}.ob-key:active{box-shadow:0 1px 0 var(--ob-ink);transform:translateY(2px)}.ob-key:focus-visible{outline:3px solid var(--ob-accent-deep);outline-offset:3px}.ob-key--paper{background:var(--ob-bg-tertiary)}.ob-key--deep{background:var(--ob-accent-deep);color:var(--ob-text-inverse)}.ob-key.is-disabled{background:color-mix(in oklch, var(--ob-bg-primary) 70%, var(--ob-bg-tertiary));color:var(--ob-text-secondary);box-shadow:0 4px 0 color-mix(in oklch, var(--ob-ink) 40%, transparent);cursor:not-allowed}.ob-key.is-disabled:hover,.ob-key.is-disabled:active{box-shadow:0 4px 0 color-mix(in oklch, var(--ob-ink) 40%, transparent);transform:none}.ob-kicker{font-family:var(--ob-font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ob-kicker);margin:0;font-size:.7rem;font-weight:700}.ob-title-sticker{font-family:var(--ob-font-display);font-size:var(--ob-text-display);letter-spacing:-.01em;color:var(--ob-bg-tertiary);-webkit-text-stroke:2.5px var(--ob-ink);paint-order:stroke fill;text-wrap:balance;font-weight:700;line-height:1}@keyframes ob-pop3d{0%{text-shadow:0 0 #0b1a3b00}60%{text-shadow:.036em .036em #2c5be0,.066em .066em #24499f,.096em .096em #1b355f,.126em .126em #0b1a3b,.14em .19em #0b1a3b52}to{text-shadow:.03em .03em #2c5be0,.055em .055em #24499f,.08em .08em #1b355f,.105em .105em #0b1a3b,.115em .155em #0b1a3b4d}}.ob-title-sticker.is-3d{animation:1.4s ease-out forwards ob-pop3d}.ob-node{border:4px solid var(--ob-ink);background:var(--ob-pop-peach);width:76px;height:76px;color:var(--ob-ink);font-family:var(--ob-font-display);box-shadow:4px 4px 0 var(--ob-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.7rem;font-weight:700;display:flex}.ob-node--sun{background:var(--ob-pop-sun)}.ob-node--green{background:var(--ob-pop-green)}.ob-node--amber{background:var(--ob-pop-amber)}.ob-icon-tile{border:3px solid var(--ob-ink);background:var(--ob-bg-tertiary);width:54px;height:54px;box-shadow:3px 3px 0 var(--ob-ink);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-badge-sticker{background:var(--ob-pop-peach);color:var(--ob-ink);font-family:var(--ob-font-display);border:2.5px solid var(--ob-ink);box-shadow:3px 3px 0 var(--ob-ink);border-radius:10px;padding:.25rem .7rem;font-size:.8rem;font-weight:700;position:absolute;top:-12px;right:18px;transform:rotate(4deg)}.ob-page ::selection{background:var(--ob-text-primary);color:var(--ob-text-inverse)}.ob-has-cursor,.ob-has-cursor a,.ob-has-cursor button,.ob-has-cursor [role=button]{cursor:none}.ob-has-cursor input,.ob-has-cursor textarea,.ob-has-cursor select,.ob-has-cursor [contenteditable=true]{cursor:auto}.ob-paint-intro{pointer-events:none;z-index:var(--ob-z-intro);position:absolute;inset:0;overflow:hidden}.ob-paint-intro-layer{will-change:clip-path;position:absolute;inset:0}.ob-paint-intro-edge{will-change:transform;width:104%;position:absolute;top:0;left:-2%}.ob-page :where(div,article,aside,li,figure,section):has(>.ob-snapshot){min-width:0}.ob-theme-mono .ob-snapshot>*{filter:grayscale()invert(.9)}.ob-theme-mono .ob-snapshot{background:var(--ob-bg-tertiary)}.ob-conveyor{width:100%;overflow:hidden}.ob-conveyor-track{gap:var(--ob-sp-lg);will-change:transform;width:max-content;display:flex}.ob-conveyor--static{overflow-x:auto}@media (prefers-reduced-motion:reduce){.ob-key:hover,.ob-key:active{box-shadow:0 4px 0 var(--ob-ink);transform:none}.ob-title-sticker.is-3d{text-shadow:.03em .03em #2c5be0,.055em .055em #24499f,.08em .08em #1b355f,.105em .105em #0b1a3b,.115em .155em #0b1a3b4d;animation:none}}
.ob-pagehead{padding-block:clamp(3rem, 2rem + 5vw, 6rem) var(--ob-sp-xl)}.ob-pagehead-title{font-size:var(--ob-text-headline);margin-block:var(--ob-sp-md) var(--ob-sp-sm)}.ob-pagehead svg{margin-bottom:var(--ob-sp-md)}.ob-pagehead-intro{max-width:60ch;font-size:clamp(1.0625rem,1rem + .4vw,1.25rem)}.ob-steps{gap:var(--ob-sp-md);counter-reset:step;display:grid}.ob-step{gap:var(--ob-sp-md);grid-template-columns:auto 1fr;align-items:start;display:grid}.ob-step-num{font-family:var(--ob-font-mono);color:var(--ob-kicker);width:3ch;padding-top:4px;font-size:.9rem;font-weight:700}.ob-step-body h3{margin-bottom:var(--ob-sp-xs)}.ob-feature-grid{gap:var(--ob-sp-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.ob-feature h2,.ob-feature h3{margin-bottom:var(--ob-sp-xs)}.ob-card-link{color:var(--ob-ink);text-decoration:none}.ob-card-link:hover{color:var(--ob-signal-blue-deep)}.ob-checklist{gap:var(--ob-sp-sm);padding:0;list-style:none;display:grid}.ob-checklist li{gap:var(--ob-sp-sm);color:var(--ob-ink-muted);grid-template-columns:auto 1fr;line-height:1.5;display:grid}.ob-checklist li:before{content:"";border:2.5px solid var(--ob-ink);width:20px;height:20px;box-shadow:2px 2px 0 var(--ob-ink);background:var(--ob-pop-sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230b1a3b' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat;border-radius:7px;flex-shrink:0;margin-top:2px}.ob-split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,1rem + 4vw,4rem);display:grid}.ob-split--reverse>:first-child{order:2}@media (max-width:860px){.ob-split{grid-template-columns:1fr}.ob-split--reverse>:first-child{order:0}}.ob-visual-center{justify-content:center;display:flex}.ob-cta-band{text-align:center}.ob-cta-band .ob-headline{margin-bottom:var(--ob-sp-md)}.ob-cta-band .ob-body{margin-inline:auto;margin-bottom:var(--ob-sp-lg)}.home-band{background:color-mix(in oklch, var(--ob-bg-secondary) 45%, var(--ob-bg-primary));border-block:3px solid var(--ob-ink)}.ob-prose{max-width:70ch}.ob-prose h2{font-family:var(--ob-font-display);font-size:var(--ob-text-title);color:var(--ob-ink);margin-block:var(--ob-sp-lg) var(--ob-sp-sm);font-weight:600}.ob-prose p,.ob-prose li{color:var(--ob-ink-muted);margin-bottom:var(--ob-sp-sm);line-height:1.65}.ob-prose ul{padding-left:1.25rem}.ob-prose a{color:var(--ob-kicker);text-underline-offset:3px;text-decoration-thickness:2px}