.onb-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg, #F8FAFC);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 80% 80%,rgba(139,92,246,.06) 0%,transparent 50%);font-family:Inter,SF Pro Text,system-ui,-apple-system,sans-serif;color:#000;-webkit-font-smoothing:antialiased;padding:24px}.onb-logo{position:fixed;top:16px;left:16px;z-index:100}.onb-sign-in{position:fixed;top:20px;right:16px;z-index:100;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #E5E5EA;background:#fff;color:#111827;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 2px 8px #0000000f}.onb-card{display:flex;flex-direction:column;width:100%;max-width:680px;height:calc(100vh - 48px);overflow:hidden;background:var(--surface, #fff);border:1px solid var(--border, #E5E5EA);border-radius:var(--radius-lg, 24px);box-shadow:var(--shadow-lg, 0 20px 48px rgba(15,23,42,.08))}.onb-card.onb-card-full-height{min-height:calc(100vh - 48px);max-height:none}.onb-card.onb-card-welcome{height:calc(100vh - 48px);max-height:none}.onb-header{display:flex;align-items:center;padding:8px 24px;gap:8px}.onb-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:1px solid #E5E5EA;background:#fff;color:#000;cursor:pointer;transition:background .15s ease}.onb-back:hover{background:#f0f0f2}.onb-body{flex:1;overflow-y:auto;padding:8px 24px 32px}.onb-welcome-body{padding-top:clamp(12px,3vh,28px);padding-bottom:clamp(12px,2.5vh,24px)}.onb-welcome-features{gap:clamp(18px,2.9vh,28px)}.onb-feature-item{min-height:52px}.onb-auth-body{display:flex;align-items:center;justify-content:center;padding:24px}.onb-auth-panel{width:100%;margin:0 auto}.onb-auth-panel .cl-rootBox,.onb-auth-panel .cl-card,.onb-auth-panel .cl-signUp-root,.onb-auth-panel .cl-signUp-root>*,.onb-auth-panel .cl-cardBox,.onb-auth-panel .cl-main,.onb-auth-panel .cl-form,.onb-auth-panel .cl-formFieldRow,.onb-auth-panel [class^=cl-internal],.onb-auth-panel [class*=" cl-internal"]{width:100%!important;max-width:100%!important}.onb-auth-panel .cl-card{background:transparent!important;box-shadow:none!important;border:none!important}.onb-auth-panel .cl-socialButtonsRoot,.onb-auth-panel .cl-socialButtons{width:100%!important}.onb-auth-panel .cl-socialButtonsBlockButton{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;text-align:center!important}.onb-auth-panel .cl-socialButtonsBlockButtonText{flex:0 1 auto!important;text-align:center!important}.onb-auth-panel .cl-socialButtonsProviderIcon{margin:0!important;flex:0 0 auto!important}.onb-footer{padding:16px 24px;background:#fff;border-top:1px solid #E5E5EA}.onb-title{color:#000;font-size:30px;font-weight:700;line-height:1.15;margin:0 0 8px;text-align:center}.onb-button-attention{animation:onb-button-ready .6s ease-out}.onb-comparison-body{padding-top:4px}.onb-comparison-table{border:1px solid #E5E5EA;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #0f172a0f}.onb-comparison-heading{display:none}.onb-comparison-row{display:grid;grid-template-columns:1fr;border-top:1px solid #EEF2F7}.onb-comparison-row:first-of-type{border-top:none}.onb-comparison-cell{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;color:#111827;font-size:15px;font-weight:600;line-height:1.35}.onb-comparison-old{background:#fff7f7;border-bottom:1px solid #FEE2E2}.onb-comparison-new{background:#f6fff9}.onb-comparison-icon{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:16px;font-weight:900;line-height:1}.onb-comparison-x{background:#fee2e2;color:#dc2626}.onb-comparison-check{background:#dcfce7;color:#16a34a}.onb-demo-body{padding-top:4px;display:flex;flex-direction:column;min-height:0}.onb-demo-stack,.onb-feature-carousel{display:flex;flex-direction:column;gap:14px}.onb-demo-title{font-size:22px;margin-bottom:14px}.onb-feature-carousel{flex:1;min-height:0}.onb-demo-panel{border:1px solid #E5E5EA;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden;min-height:160px}.onb-feature-carousel .onb-demo-panel{flex:1;min-height:340px;padding:24px;animation:onb-feature-card-in .26s ease-out both}.onb-demo-label{color:#111827;font-size:14px;font-weight:800;margin-bottom:10px}.onb-demo-stage,.onb-outreach-stage,.onb-chat-demo{position:relative;min-height:116px}.onb-feature-carousel .onb-demo-stage,.onb-feature-carousel .onb-outreach-stage,.onb-feature-carousel .onb-chat-demo{min-height:280px}.onb-job-card-demo,.onb-mini-job-card{border:1px solid #E5E7EB;border-radius:16px;background:#fff;padding:14px;box-shadow:0 12px 28px #0f172a1a}.onb-job-company{color:#2563eb;font-size:13px;font-weight:800;margin-bottom:4px}.onb-job-title-demo{color:#111827;font-size:18px;font-weight:850}.onb-job-meta-demo{color:#64748b;font-size:13px;font-weight:650;margin-top:6px}.onb-auto-card{width:72%;transform:translate(-120%);animation:onb-auto-card 3s ease-in-out forwards}.onb-swipe-hand{position:absolute;right:24%;bottom:12px;width:42px;height:42px;border-radius:999px;background:#2563eb;color:#fff;box-shadow:0 10px 24px #2563eb40;display:grid;place-items:center;font-size:24px;font-weight:900;opacity:0;animation:onb-swipe-hand 3s ease-in-out forwards}.onb-apply-toast{position:absolute;right:8px;top:42px;min-width:168px;border-radius:999px;padding:9px 12px;background:#111827;color:#fff;font-size:13px;font-weight:750;opacity:0;transform:translateY(8px);display:flex;align-items:center;gap:8px;animation:onb-toast 3s ease-in-out forwards}.onb-toast-loading{width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:onb-spin .6s linear infinite,onb-toast-loading-hide 3s linear forwards}.onb-toast-applied{display:none;color:#86efac;animation:onb-toast-applied-show 3s linear forwards}.onb-toast-applying{animation:onb-toast-applying-hide 3s linear forwards}.onb-demo-outreach{opacity:.35;animation:onb-demo-activate 1ms linear 3s forwards}.onb-feature-carousel .onb-demo-outreach,.onb-feature-carousel .onb-demo-interview{opacity:1;animation:onb-feature-card-in .26s ease-out both}.onb-mini-job-card{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#64748b;opacity:0;transform:translateY(10px);animation:onb-pop-in .4s ease-out 3.2s forwards}.onb-feature-carousel .onb-mini-job-card{animation-delay:.2s}.onb-mini-job-card strong{color:#111827;font-size:15px}.onb-persona-buckets{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}.onb-persona-bucket{border:1px solid #E5E7EB;border-radius:14px;padding:8px 10px;background:#fff;color:#475569;font-size:11px;line-height:1.35;opacity:0;transform:translateY(8px);animation:onb-pop-in .4s ease-out 3.8s forwards}.onb-feature-carousel .onb-persona-bucket{animation-delay:.75s}.onb-persona-bucket span{display:block;color:#111827;font-weight:800;margin-bottom:4px}.onb-persona-selected{border-color:#2563eb;box-shadow:0 8px 22px #2563eb24;animation-name:onb-selected-bucket;animation-duration:1.2s;animation-delay:4.6s}.onb-feature-carousel .onb-persona-selected{animation-delay:1.35s}.onb-linkedin-message,.onb-linkedin-reply{border-radius:16px;padding:10px 12px;font-size:11px;line-height:1.35;opacity:0;transform:translateY(8px)}.onb-linkedin-message{margin-top:8px;background:#eff6ff;color:#1e3a8a;animation:onb-type-message 1.1s ease-out 5.1s forwards}.onb-feature-carousel .onb-linkedin-message{animation-delay:1.85s}.onb-linkedin-reply{margin:8px 0 0 auto;max-width:72%;background:#dcfce7;color:#166534;font-weight:750;animation:onb-pop-in .42s ease-out 7.7s forwards}.onb-feature-carousel .onb-linkedin-reply{animation-delay:2.95s}.onb-demo-interview{opacity:.35;animation:onb-demo-activate 1ms linear 8.2s forwards}.onb-chat-bubble{max-width:86%;border-radius:16px;padding:10px 12px;font-size:12px;line-height:1.35;opacity:0;transform:translateY(8px)}.onb-chat-ai{background:#f1f5f9;color:#111827;animation:onb-pop-in .4s ease-out 8.5s forwards}.onb-feature-carousel .onb-chat-ai{animation-delay:.3s}.onb-chat-user{margin:8px 0 0 auto;background:#2563eb;color:#fff;animation:onb-type-message .9s ease-out 9.4s forwards}.onb-feature-carousel .onb-chat-user{animation-name:onb-pop-in;animation-duration:.42s;animation-delay:1.2s}.onb-feedback-demo{display:flex;gap:10px;align-items:flex-start;margin-top:10px;opacity:0;transform:translateY(8px);animation:onb-pop-in .42s ease-out 10.6s forwards}.onb-feature-carousel .onb-feedback-demo{animation-delay:2.25s}.onb-demo-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.onb-demo-dot{width:7px;height:7px;border-radius:999px;background:#d1d5db;transition:width .22s ease,background .22s ease}.onb-demo-dot.active{width:24px;background:#007aff}.onb-demo-dot.complete{background:#34c759}.onb-demo-footer-action{opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .26s ease,transform .26s ease}.onb-demo-footer-action.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.onb-feedback-demo span{flex:0 0 auto;border-radius:999px;background:#dcfce7;color:#166534;padding:6px 9px;font-size:12px;font-weight:900}.onb-feedback-demo p{margin:0;color:#475569;font-size:12px;line-height:1.35}.onb-subtitle{color:#8e8e93;font-size:17px;margin:0 0 32px;text-align:center}.onb-section-label{color:#000;font-size:17px;font-weight:600;margin-bottom:12px}.onb-preferences-body{display:flex;flex-direction:column;justify-content:center}.onb-question-stack{display:flex;flex-direction:column;gap:28px}.onb-option-grid{display:grid;grid-template-columns:1fr;gap:10px}.onb-option-grid-compact,.onb-option-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}.onb-option-card{min-height:56px;border:1px solid #E5E7EB;border-radius:16px;background:#fff;color:#111827;padding:14px 16px;font:inherit;font-size:15px;font-weight:700;text-align:left;cursor:pointer;box-shadow:0 2px 8px #0f172a0a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.onb-option-card:hover{border-color:#bfdbfe}.onb-option-card.selected{border-color:#007aff;background:#eff6ff;box-shadow:0 8px 22px #2563eb1f}.onb-chips{display:flex;flex-wrap:wrap;gap:10px}.onb-chip{padding:10px 20px;border-radius:100px;border:2px solid #E5E5EA;background:#fff;color:#111827;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;font-family:inherit}.onb-chip:hover{border-color:#c7c7cc}.onb-chip.selected{background:#007aff;border-color:#007aff;color:#fff;box-shadow:0 2px 8px #007aff40}.onb-location-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#007aff;border-radius:100px;color:#fff;font-size:15px;font-weight:500}.onb-location-remove{display:flex;align-items:center;background:none;border:none;color:#fff;cursor:pointer;padding:0;margin-left:2px;opacity:.8}.onb-location-remove:hover{opacity:1}.onb-input{flex:1;padding:12px 16px;border-radius:14px;border:1px solid #E5E5EA;background:#fff;color:#000;font-size:16px;font-family:inherit;outline:none;transition:border-color .2s ease}.onb-input:focus{border-color:#007aff}.onb-input::placeholder{color:#c7c7cc}.onb-add-btn{width:48px;height:48px;border-radius:14px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:#007aff;flex-shrink:0;transition:background .15s ease}.onb-add-btn:disabled{background:#c7c7cc;cursor:not-allowed}.onb-add-btn:not(:disabled):hover{background:#006adf}.onb-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#e5e5ea;outline:none}.onb-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#007aff;cursor:pointer;box-shadow:0 2px 6px #007aff59}.onb-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#007aff;cursor:pointer;border:none;box-shadow:0 2px 6px #007aff59}.onb-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px}.onb-plan-card{border-radius:20px;padding:16px;background:#fff;border-style:solid;transition:all .2s ease}.onb-plan-cta{width:100%;border:none;border-radius:16px;padding:12px;color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s ease}.onb-plan-cta:hover{opacity:.9}.onb-plan-cta:disabled{opacity:.6;cursor:not-allowed}.onb-plans-grid{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.onb-plans-grid{flex-direction:row;gap:24px}}@media(min-width:600px){.onb-card{max-width:680px}.onb-body,.onb-header{padding-left:24px;padding-right:24px}.onb-footer{border-radius:0 0 16px 16px;padding-left:24px;padding-right:24px}}@media(min-width:768px){.onb-card{max-width:760px}.onb-header{border-radius:16px 16px 0 0}.onb-footer{border-radius:0 0 16px 16px}.onb-card.onb-card-wide,.onb-card.onb-card-demo-shell{max-width:980px}.onb-comparison-heading{display:block;padding:14px 18px;color:#111827;font-size:18px;font-weight:850;border-bottom:1px solid #E5E5EA}.onb-comparison-table{display:grid;grid-template-columns:1fr 1fr}.onb-comparison-row{display:contents}.onb-comparison-cell{min-height:68px;border-bottom:1px solid #EEF2F7;font-size:16px}.onb-comparison-old{border-right:1px solid #EEF2F7}.onb-persona-buckets{grid-template-columns:repeat(3,1fr)}}@media(max-height:780px){.onb-shell{padding:14px}.onb-card,.onb-card.onb-card-welcome,.onb-card.onb-card-full-height{height:calc(100vh - 28px);min-height:calc(100vh - 28px)}.onb-header{padding-top:6px;padding-bottom:4px}.onb-welcome-body{padding-top:4px;padding-bottom:12px}.onb-welcome-features{gap:10px}.onb-feature-item{min-height:48px}.onb-title{font-size:26px}.onb-feature-carousel .onb-demo-panel{min-height:280px}.onb-feature-carousel .onb-demo-stage,.onb-feature-carousel .onb-outreach-stage,.onb-feature-carousel .onb-chat-demo{min-height:224px}}@media(max-width:540px){.onb-shell{padding:12px}.onb-logo span,.onb-sign-in{display:none}.onb-card,.onb-card.onb-card-welcome,.onb-card.onb-card-full-height{height:calc(100vh - 24px);min-height:calc(100vh - 24px)}.onb-option-grid-compact,.onb-option-grid-large{grid-template-columns:1fr}}@keyframes onb-button-ready{0%{transform:translateY(0);opacity:.72}45%{transform:translateY(-4px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes onb-feature-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes onb-auto-card{0%{transform:translate(-120%) rotate(-4deg);opacity:0}18%{transform:translate(0) rotate(0);opacity:1}62%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(150%) rotate(8deg);opacity:0}}@keyframes onb-swipe-hand{0%,22%{opacity:0;transform:translate(-40px,22px) scale(.9)}34%{opacity:1;transform:translate(0) scale(1)}58%{opacity:1;transform:translate(58px,-32px) scale(1)}72%,to{opacity:0;transform:translate(70px,-42px) scale(.96)}}@keyframes onb-toast{0%,40%{opacity:0;transform:translateY(8px)}48%,92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes onb-toast-loading-hide{0%,72%{display:inline-block;opacity:1}73%,to{display:none;opacity:0}}@keyframes onb-toast-applying-hide{0%,72%{display:inline;opacity:1}73%,to{display:none;opacity:0}}@keyframes onb-toast-applied-show{0%,72%{display:none;opacity:0}73%,to{display:inline;opacity:1}}@keyframes onb-demo-activate{to{opacity:1}}@keyframes onb-pop-in{to{opacity:1;transform:translateY(0)}}@keyframes onb-selected-bucket{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(0) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onb-type-message{0%{opacity:0;transform:translateY(8px);clip-path:inset(0 100% 0 0)}18%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
