.ob-root{--glow-blue:0 0 28px #0537e673;z-index:1;min-height:100dvh;display:flex;position:relative}.ob-main{flex-direction:column;flex:1;min-width:0;display:flex}.ob-atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ob-blob{filter:blur(90px);border-radius:50%;position:absolute}.ob-blob-blue{background:radial-gradient(circle,#0537e614 0%,#0000 65%);width:60vw;height:60vw;top:-18%;right:-10%}.ob-blob-teal{background:radial-gradient(circle,#11e5b312 0%,#0000 65%);width:55vw;height:55vw;bottom:-22%;left:-14%}.ob-topbar{z-index:20;align-items:center;gap:var(--space-4);background:var(--color-bg-translucent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);height:64px;padding:0 clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.ob-brand{letter-spacing:-.02em;font-weight:800;font-size:var(--text-lg);color:var(--color-text-primary);flex-shrink:0;align-items:center;gap:9px;display:flex}.ob-brand-mark{background:var(--gradient-brand);color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.ob-topbar-progress{flex:1;justify-content:center;min-width:0;display:flex;overflow:hidden}@media (max-width:720px){.ob-topbar-progress{display:none}}.ob-csteps{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.ob-cstep{flex-shrink:0;align-items:center;gap:9px;display:flex}.ob-cstep-mark{width:24px;height:24px;font-family:var(--font-mono);border:1px solid var(--color-border-strong);color:var(--color-text-muted);transition:all var(--duration-normal) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.ob-cstep.is-active .ob-cstep-mark{background:var(--color-blue);border-color:var(--color-blue);color:#fff;box-shadow:0 0 0 4px #0537e626}.ob-cstep.is-done .ob-cstep-mark{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.ob-cstep-label{font-size:var(--text-base);letter-spacing:-.01em;color:var(--color-text-primary);white-space:nowrap;font-weight:600}.ob-cstep-line{background:var(--color-border);border-radius:1px;flex-shrink:0;width:18px;height:2px}.ob-cstep-line.is-done{background:var(--color-blue)}.ob-stage{flex:1;justify-content:center;align-items:flex-start;padding:clamp(24px,5vh,56px) clamp(16px,4vw,40px);display:flex;overflow-y:auto}.ob-stage-inner{justify-content:center;width:100%;display:flex}.ob-content-mid{width:100%;max-width:760px}.ob-content-wide{width:100%;max-width:1000px}.ob-center-col{justify-content:center;align-items:center;gap:var(--space-8);flex-direction:column;width:100%;min-height:100%;display:flex}.ob-footer{z-index:20;background:var(--color-bg-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-subtle);position:sticky;bottom:0}.ob-footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1100px;margin:0 auto;padding:14px clamp(16px,4vw,40px);display:flex}.ob-footer-left,.ob-footer-right{align-items:center;gap:var(--space-4);display:flex}.ob-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-blue);margin-bottom:12px;font-weight:700}.ob-title{letter-spacing:-.03em;color:var(--color-text-primary);text-wrap:balance;margin:0;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;line-height:1.12}.ob-sub{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:pretty;max-width:56ch;margin:14px 0 0}.ob-section-t{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-weight:700}.ob-section-sub{font-size:var(--text-base);color:var(--color-text-muted);max-width:60ch;margin:6px 0 0;line-height:1.6}.ob-field{flex-direction:column;gap:7px;display:flex}.ob-field-label{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.ob-link{cursor:pointer;font:inherit;color:var(--color-blue);background:0 0;border:0;padding:0;font-weight:600}.ob-link:hover{text-decoration:underline}.ob-terms{font-size:var(--text-sm);color:var(--color-text-faint);margin:0;line-height:1.5}.ob-signin{font-size:var(--text-base);color:var(--color-text-muted)}.ob-signin .ob-link{white-space:nowrap}.ob-orgchip{border-radius:var(--radius-lg);background:var(--color-cited-bg);border:1px solid color-mix(in srgb, var(--color-teal) 30%, transparent);font-size:var(--text-base);color:color-mix(in srgb, var(--color-teal) 75%, var(--color-text-primary));align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.5;display:flex}.ob-orgchip-ic{flex-shrink:0;margin-top:1px}.ob-proof{gap:clamp(20px,5vw,48px);display:flex}.ob-proof-item{flex-direction:column;align-items:center;display:flex}.ob-proof-num{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.ob-proof-lbl{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.ob-split{border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:1100px;min-height:min(640px,78vh);box-shadow:var(--shadow-lg);background:var(--color-bg-card);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.ob-split-form{justify-content:center;align-items:center;padding:clamp(28px,4vw,56px);display:flex}.ob-brandpanel{background:linear-gradient(150deg,#0537e6 0%,#0aaad0 55%,#11e5b3 120%);align-items:center;display:flex;position:relative;overflow:hidden}.ob-brandpanel-glow{background:radial-gradient(circle at 80% 15%,#ffffff38,#0000 45%),radial-gradient(circle at 10% 90%,#ffffff24,#0000 50%);position:absolute;inset:0}.ob-brandpanel-inner{color:#fff;padding:clamp(32px,4vw,56px);position:relative}.ob-eyebrow-onbrand{color:#ffffffd9}.ob-brandpanel-title{letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800;line-height:1.12}.ob-brandpanel-sub{font-size:var(--text-md);color:#ffffffe0;max-width:40ch;margin:16px 0 0;line-height:1.6}.ob-brandpanel-proof{border-top:1px solid #ffffff38;gap:28px;margin-top:36px;padding-top:26px;display:flex}.ob-brandpanel-proof>div{flex-direction:column;display:flex}.ob-brandpanel-proof .ob-proof-num{color:#fff}.ob-brandpanel-proof .ob-proof-lbl{color:#fffc}@media (max-width:800px){.ob-split{grid-template-columns:1fr;min-height:0}.ob-brandpanel{display:none}}.ob-feat-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.ob-feat-ic{border-radius:var(--radius-lg);border:1px solid;place-items:center;width:46px;height:46px;margin-bottom:16px;display:inline-grid}.ob-feat-t{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-text-primary);margin:0 0 8px;font-weight:700}.ob-feat-b{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.6}.ob-whatis{width:100%;max-width:720px;padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);background:var(--gradient-brand-soft);border:1px solid color-mix(in srgb, var(--color-blue) 18%, transparent)}.ob-whatis-label{font-weight:700;font-size:var(--text-base);color:var(--color-blue);align-items:center;gap:8px;margin-bottom:8px;display:flex}.ob-whatis-body{font-size:var(--text-md);color:var(--color-text-secondary);margin:0;line-height:1.65}.ob-how{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ob-how-label{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.ob-how-steps{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ob-how-step{border-radius:var(--radius-pill);background:var(--color-bg-card);border:1px solid var(--color-border);font-size:var(--text-base);color:var(--color-text-primary);box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:7px 14px;font-weight:600;display:flex}.ob-how-ic,.ob-how-arrow{display:grid}.ob-warn{border-radius:var(--radius-md);background:var(--color-error-bg);border:1px solid color-mix(in srgb, var(--color-error) 28%, transparent);font-size:var(--text-base);color:color-mix(in srgb, var(--color-error) 78%, var(--color-text-primary));align-items:center;gap:10px;padding:11px 14px;display:flex}.ob-key-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ob-key-meta{flex:1;min-width:160px}.ob-key-label{font-size:var(--text-md);color:var(--color-text-primary);flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.ob-key-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.ob-tag-rec{font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-teal);background:var(--color-cited-bg);border-radius:var(--radius-pill);padding:2px 9px;font-weight:700}.ob-getkey{font-size:var(--text-sm);white-space:nowrap}.ob-toggles{flex-shrink:0;align-items:center;gap:10px;display:flex}.ob-seg{border-radius:var(--radius-pill);background:var(--color-fill);border:1px solid var(--color-border);padding:3px;display:inline-flex}.ob-seg-btn{cursor:pointer;font:inherit;font-size:var(--text-sm);border-radius:var(--radius-pill);color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-out);background:0 0;border:0;padding:5px 13px;font-weight:600}.ob-seg-btn.is-on{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.ob-icon-btn{cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);place-items:center;display:grid}.ob-icon-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.ob-skip{font-size:var(--text-base);color:var(--color-text-muted)}.ob-btn{font:inherit;letter-spacing:-.01em;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.ob-btn:disabled{opacity:.5;cursor:not-allowed}.ob-btn-md{font-size:var(--text-base);padding:10px 18px}.ob-btn-lg{font-size:var(--text-md);padding:13px 22px}.ob-btn-block{width:100%}.ob-btn-primary{background:var(--color-blue);color:#fff;box-shadow:0 1px 2px #0537e640}.ob-btn-primary:not(:disabled):hover{background:#0430c9}.ob-btn-teal{background:var(--color-teal);color:#07261d}.ob-btn-teal:not(:disabled):hover{filter:brightness(.96)}.ob-btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border-strong)}.ob-btn-ghost{color:var(--color-text-secondary);background:0 0}.ob-btn-ghost:not(:disabled):hover{background:var(--color-fill);color:var(--color-text-primary)}.ob-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.ob-card-accent-brand{border-color:color-mix(in srgb, var(--color-blue) 35%, transparent)}.ob-input{box-sizing:border-box;width:100%;font:inherit;color:var(--color-text-primary);background:var(--color-fill);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none}.ob-input::placeholder{color:var(--color-text-faint)}.ob-input:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px #0537e624}.ob-input-md{font-size:var(--text-base);padding:10px 14px}.ob-input-lg{font-size:var(--text-md);padding:13px 16px}.ob-input-mono{font-family:var(--font-mono)}.ob-input-wrap{align-items:center;display:flex;position:relative}.ob-input-prefix{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-faint);pointer-events:none;position:absolute;left:14px}.ob-input-wrap .ob-input{padding-left:76px}.ob-badge{font-size:var(--text-xs);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:3px 10px;font-weight:700;display:inline-flex}.ob-badge-cited{background:var(--color-cited-bg);color:var(--color-teal)}.ob-badge-blue{color:var(--color-blue);background:#0537e61a}.ob-enginechip{font-size:var(--text-sm);border-radius:var(--radius-pill);background:var(--color-fill);border:1px solid var(--color-border);color:var(--color-text-primary);align-items:center;gap:6px;padding:5px 11px;font-weight:600;display:inline-flex}.ob-enginechip-dot{border-radius:50%;width:8px;height:8px}@keyframes ob-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes ob-fade{0%{transform:translateY(10px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.ob-fade{animation:ob-fade var(--duration-slow) var(--ease-out) both}}