.ob-layout{background:var(--color-surface);width:100%;min-height:100dvh;font-family:var(--font-sans);display:flex}.ob-hero{background:var(--color-bg);padding:64px var(--space-16) var(--space-12);border-right:1px solid var(--color-border);flex-direction:column;flex:0 0 45%;justify-content:flex-start;display:flex;position:relative}.ob-back-link{width:fit-content;margin-bottom:var(--space-12);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:color var(--duration-fast);text-decoration:none;display:block}.ob-back-link:hover{color:var(--color-primary)}.ob-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-12);display:inline-flex}.ob-leaf{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.ob-brand span{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.ob-hero-content{max-width:440px}.ob-headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-6);text-wrap:balance;font-size:3.5rem;font-weight:700;line-height:1.05}.ob-subheadline{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:380px;line-height:1.6}.ob-main{background:var(--color-surface);padding:64px var(--space-8) var(--space-12);flex:1;justify-content:center;align-items:flex-start;display:flex}.ob-main-inner{width:100%;max-width:480px}.ob-mobile-header{display:none}.ob-progress{margin-bottom:var(--space-12);align-items:center;display:flex}.ob-step{align-items:center;gap:var(--space-3);display:flex}.ob-step-indicator{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--color-bg);color:var(--color-text-tertiary);border:1px solid var(--color-border);transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex}.ob-step-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);transition:color var(--duration-normal) var(--ease-out)}.ob-step.active .ob-step-indicator{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ob-step.active .ob-step-label{color:var(--color-text-primary)}.ob-step-line{background:var(--color-border);height:1px;margin:0 var(--space-4);transition:background var(--duration-normal) var(--ease-out);flex:1}.ob-step-line.active{background:var(--color-primary)}.ob-step-header{margin-bottom:var(--space-6)}.ob-step-header h2{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:700}.ob-step-header p{font-size:var(--text-base);color:var(--color-text-secondary)}.ob-form{gap:var(--space-6);flex-direction:column;display:flex}.ob-input-group{gap:var(--space-2);flex-direction:column;display:flex}.ob-input-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.ob-helper-text{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.ob-input{width:100%;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);transition:all var(--duration-fast) var(--ease-out);background:#00000005;border:1px solid #00000014}.ob-input:hover{background:#0000000a}.ob-input:focus{background:var(--color-surface);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #10373126}.ob-bento-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.ob-bento-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .25s var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;position:relative}.ob-bento-card input{opacity:0;width:0;height:0;position:absolute}.ob-bento-card:hover{box-shadow:var(--shadow-sm);border-color:#00000026;transform:translateY(-2px)}.ob-bento-card:active{transform:scale(.98)}.ob-bento-card.selected{border-color:var(--color-primary);box-shadow:0 20px 40px -15px #10373126, 0 0 0 1px var(--color-primary);z-index:2;transform:translateY(-2px)}.ob-bento-icon{font-size:2rem;line-height:1}.ob-bento-info h4{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.ob-bento-info p{font-size:var(--text-xs);color:var(--color-text-secondary)}.ob-bento-ring{border:2px solid var(--color-border-strong);width:20px;height:20px;transition:all var(--duration-fast);border-radius:50%;margin-left:auto}.ob-bento-card.selected .ob-bento-ring{border-color:var(--color-primary);border-width:6px}.ob-actions{margin-top:var(--space-4);align-items:center;display:flex}.ob-actions.right{justify-content:flex-end}.ob-actions.between{justify-content:space-between}.ob-btn-primary{min-height:48px;padding:0 var(--space-8);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none}.ob-btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 8px 20px #10373126}.ob-btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #1037311a}.ob-btn-ghost{min-height:48px;padding:0 var(--space-4);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none}.ob-btn-ghost:hover{color:var(--color-text-primary)}@media (max-width:900px){.ob-layout{flex-direction:column}.ob-hero{display:none}.ob-main{padding:var(--space-6) var(--space-4);align-items:flex-start;padding-bottom:120px}.ob-mobile-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);display:flex}.ob-mobile-header span{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-text-primary)}.ob-progress{margin-bottom:var(--space-8)}.ob-step-label{display:none}.ob-step-line{margin:0 var(--space-2)}.ob-actions{background:var(--color-surface);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);z-index:100;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000008}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}