:root{--accent:#1C6FD2;--accent-2:#1556A8;--accent-soft:rgba(28,111,210,.16);--accent-mist:rgba(28,111,210,.08);--accent-2-text:#1556A8;--light-accent:#1C6FD2;--logo-violet:#1C6FD2;--cream:#F7F9FB;--cream-2:#F4F1EA;--white:#FFFFFF;--bg-app:#F7F9FB;--bg-soft:#F0EDE5;--ink:#181B1F;--ink-2:#3E3E3C;--ink-3:#6B6A65;--ink-4:#9D9C95;--ink-5:#C5C3BB;--line:rgba(25,25,24,.08);--line-2:rgba(25,25,24,.14);--green:#1D8A5D;--green-soft:rgba(43,197,136,.14);--rose:#B33860;--rose-soft:rgba(236,104,137,.14);--amber:#8C6418;--amber-soft:rgba(245,192,86,.18);--teal:#0E7A6E;--teal-soft:rgba(46,178,161,.14);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-2xl:28px;--r-pill:999px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{font-family: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:14px;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle 600px at 80% -10%,var(--accent-mist),transparent),radial-gradient(circle 500px at 10% 110%,rgba(43,197,136,.06),transparent);min-height:100vh}em{font-family: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-style:italic;font-weight:500}a{color:inherit;text-decoration:none}button{font-family: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif}.onb{min-height:100vh;display:flex;flex-direction:column}.onb-top{display:flex;align-items:center;padding:20px 28px;max-width:1180px;width:100%;margin:0 auto}.onb-brand{display:flex;align-items:center;gap:10px}.onb-brand-mark{width:28px;height:28px}.onb-brand-name{font-weight:700;letter-spacing:-.01em;font-size:16px}.onb-brand-name .mama{color:var(--logo-violet)}.onb-top-actions{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:13px;color:var(--ink-3)}.onb-skip{color:var(--ink-3);font-weight:500;padding:6px 10px;border-radius:var(--r-sm)}.onb-skip:hover{background:rgba(25,25,24,.045);color:var(--ink)}.onb-help{color:var(--ink-3);padding:6px 10px}.onb-stage{flex:1;display:flex;flex-direction:column;align-items:center;padding:30px 28px 80px;max-width:760px;width:100%;margin:0 auto}.onb-progress{width:100%;display:flex;align-items:center;gap:14px;margin-bottom:50px}.onb-prog-bar{flex:1;height:4px;background:var(--bg-soft);border-radius:2px;overflow:hidden}.onb-prog-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .34s cubic-bezier(.4,0,.2,1)}.onb-prog-text{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:700;white-space:nowrap}.onb-prog-text strong{color:var(--ink);font-weight:700}.onb-step{display:none;width:100%;animation:onb-fade .36s ease-out}.onb-step.active{display:block}@keyframes onb-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onb-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-2-text);font-weight:700;margin-bottom:12px}.onb-title{font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--ink);margin:0 0 12px}.onb-title em{color:var(--accent-2-text)}.onb-sub{font-size:15px;color:var(--ink-3);line-height:1.55;margin:0 0 32px;max-width:560px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-card{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:18px 18px;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s;position:relative;display:flex;flex-direction:column;gap:6px}.choice-card:hover{border-color:var(--accent-soft);transform:translateY(-1px)}.choice-card.on{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-mist),var(--white) 90%)}.choice-card .check{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--white);display:none;place-items:center;font-size:12px;font-weight:700}.choice-card.on .check{display:grid}.choice-icon{width:32px;height:32px;border-radius:9px;background:var(--accent-mist);color:var(--accent-2-text);display:grid;place-items:center;font-weight:700;font-size:14px;margin-bottom:6px}.choice-card.on .choice-icon{background:var(--accent);color:var(--white)}.choice-name{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.choice-desc{font-size:12.5px;color:var(--ink-3);line-height:1.5}.choice-card .recd{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;padding:2px 7px;border-radius:var(--r-pill);background:var(--green-soft);color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:8px;width:fit-content}.field{margin-bottom:20px}.field-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:700;margin-bottom:8px}.field-input{width:100%;padding:12px 14px;border:1.5px solid var(--line);background:var(--white);border-radius:var(--r-md);font-size:15px;color:var(--ink);font-weight:500;outline:none}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-mist)}.field-input::placeholder{color:var(--ink-4);font-weight:400}.field-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);background:var(--white);border-radius:var(--r-md);font-size:14px;color:var(--ink);font-weight:500;outline:none;min-height:80px;resize:vertical;line-height:1.55}.field-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-mist)}.field-help{font-size:12px;color:var(--ink-4);margin-top:6px;line-height:1.5}.chip-group{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 14px;border-radius:var(--r-pill);background:var(--white);border:1.5px solid var(--line);font-size:13px;color:var(--ink-2);font-weight:600;cursor:pointer;font-family: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif}.chip:hover{border-color:var(--accent-soft);color:var(--ink)}.chip.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}.preview-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;margin-top:22px}.preview-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:7px}.preview-eyebrow .pip{width:6px;height:6px;border-radius:50%;background:var(--green)}.preview-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}.preview-row:last-child{border-bottom:none}.preview-logo{width:28px;height:28px;border-radius:7px;background:var(--ink);color:var(--white);display:grid;place-items:center;font-weight:700;font-size:11px}.preview-logo.g1{background:#2D2D2A}.preview-logo.g2{background:#3E3E3C}.preview-logo.g3{background:#4F4F4C}.preview-name{font-size:13.5px;font-weight:600;color:var(--ink)}.preview-meta{font-size:11.5px;color:var(--ink-3);margin-top:1px}.preview-score{font-size:15px;font-weight:700;color:var(--accent-2-text);font-variant-numeric:tabular-nums}.intg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.intg-tile{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);padding:18px 14px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .15s;position:relative}.intg-tile:hover{border-color:var(--accent-soft)}.intg-tile.on{border-color:var(--accent);background:var(--accent-mist)}.intg-tile.on::after{content:'✓';position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--white);display:grid;place-items:center;font-size:10px;font-weight:700}.intg-logo{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--white)}.intg-logo.hubspot{background:#FF7A59}.intg-logo.salesforce{background:#00A1E0}.intg-logo.outreach{background:#5527FB}.intg-logo.apollo{background:#5C2EFF}.intg-logo.smartlead{background:#1F6FEB}.intg-logo.instantly{background:#1556A8}.intg-logo.lemlist{background:#1E4DD8}.intg-logo.slack{background:#4A154B}.intg-name{font-size:12.5px;font-weight:700;color:var(--ink);letter-spacing:-.005em}.intg-state{font-size:10.5px;color:var(--ink-3)}.lookup-bar{display:flex;align-items:center;gap:10px;background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);padding:5px}.lookup-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-mist)}.lookup-bar .scheme{padding-left:12px;font-size:13.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.lookup-bar input{flex:1;border:none;outline:none;background:none;font-size:16px;font-weight:600;color:var(--ink);padding:12px 4px}.lookup-bar .gen-btn{padding:11px 22px;border-radius:var(--r-md);background:var(--accent);color:var(--white);font-size:14px;font-weight:600}.lookup-bar .gen-btn:hover{background:var(--accent-2)}.try-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px}.try-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:700}.try-pill{font-size:12.5px;padding:5px 11px;border-radius:var(--r-pill);background:var(--white);border:1px solid var(--line);color:var(--ink-2);font-weight:600;cursor:pointer}.try-pill:hover{background:var(--accent-mist);color:var(--accent-2-text);border-color:var(--accent-soft)}.gen-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;margin-top:22px}.gen-domain{font-size:18px;font-weight:700;color:var(--ink);text-align:center;margin-bottom:22px;font-variant-numeric:tabular-nums}.gen-steps{display:flex;flex-direction:column;gap:8px}.gen-step{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-radius:var(--r-md);background:var(--bg-soft);font-size:13.5px;transition:background .25s}.gen-step.done{background:var(--green-soft)}.gen-step.active{background:var(--accent-mist)}.gen-step.pending{opacity:.45}.gen-pip{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink-4);display:grid;place-items:center;font-size:10px;font-weight:700;color:transparent}.gen-pip.done{background:var(--green);border-color:var(--green);color:var(--white)}.gen-pip.spin{border-color:var(--accent);border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gen-step-name{color:var(--ink-2);font-weight:500}.gen-step.done .gen-step-name{color:var(--ink);font-weight:600}.gen-step.active .gen-step-name{color:var(--ink);font-weight:600}.gen-time{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.brief-preview{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;margin-top:22px;box-shadow:0 12px 36px rgba(25,25,24,.06);animation:onb-fade .4s ease-out}.bp-chrome{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--cream-2);border-bottom:1px solid var(--line)}.bp-chrome-dots{display:flex;gap:5px}.bp-chrome-dots span{width:10px;height:10px;border-radius:50%}.bp-chrome-dots span:nth-child(1){background:#F4A6A6}.bp-chrome-dots span:nth-child(2){background:#F4D89E}.bp-chrome-dots span:nth-child(3){background:#A5DDB7}.bp-chrome-status{margin-left:auto;font-size:11px;color:var(--green);font-weight:600}.bp-chrome-status::before{content:'●';margin-right:4px}.bp-body{padding:22px 24px}.bp-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}.bp-logo{width:44px;height:44px;border-radius:10px;background:var(--ink);color:var(--white);display:grid;place-items:center;font-weight:700;font-size:18px}.bp-meta{flex:1;min-width:0}.bp-name{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.bp-sub{font-size:12px;color:var(--ink-3);margin-top:2px}.bp-score{text-align:right}.bp-score-num{font-size:24px;font-weight:700;color:var(--accent-2-text);letter-spacing:-.02em;line-height:1}.bp-score-lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:700;margin-top:2px}.bp-section{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:700;margin-bottom:8px}.bp-whynow{font-size:13.5px;line-height:1.55;color:var(--ink);margin:0}.bp-whynow .hl{background:var(--accent-mist);color:var(--accent-2-text);padding:1px 4px;border-radius:3px;font-weight:500}.bp-foot{display:flex;align-items:center;gap:10px;padding-top:14px;margin-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-3)}.bp-foot strong{color:var(--ink);font-weight:700}.bp-foot .more{margin-left:auto;color:var(--accent-2-text);font-weight:600}.invite-rows{display:flex;flex-direction:column;gap:10px}.invite-row{display:grid;grid-template-columns:1fr 160px 36px;gap:10px;align-items:center}.invite-row input,.invite-row select{padding:11px 14px;border:1.5px solid var(--line);background:var(--white);border-radius:var(--r-md);font-size:14px;color:var(--ink);font-weight:500;outline:none}.invite-row input:focus,.invite-row select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-mist)}.invite-row select{appearance:none;cursor:pointer;background-image:url(STR0);background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.invite-x{width:36px;height:36px;border-radius:var(--r-sm);color:var(--ink-4);display:grid;place-items:center;font-size:18px}.invite-x:hover{background:var(--bg-soft);color:var(--rose)}.invite-add{margin-top:10px;padding:9px 14px;font-size:13px;color:var(--accent-2-text);font-weight:600;border:1.5px dashed var(--line-2);border-radius:var(--r-md);background:transparent}.invite-add:hover{border-color:var(--accent);background:var(--accent-mist)}.done-wrap{text-align:center;padding:18px 0}.done-burst{position:relative;width:88px;height:88px;margin:0 auto 24px}.done-circle{position:absolute;inset:0;border-radius:50%;background:var(--green);display:grid;place-items:center;animation:done-pop .5s cubic-bezier(.4,1.4,.6,1)}.done-circle svg{width:44px;height:44px;color:var(--white)}@keyframes done-pop{0%{transform:scale(0)}70%{transform:scale(1.12)}100%{transform:scale(1)}}.done-ray{position:absolute;width:3px;height:18px;border-radius:2px;background:var(--accent);left:50%;top:50%;transform-origin:center 80px;animation:done-ray .6s ease-out}.done-ray:nth-child(2){background:#FF9F43;transform:translate(-50%,-50%) rotate(0deg)}.done-ray:nth-child(3){background:#4ECDC4;transform:translate(-50%,-50%) rotate(60deg)}.done-ray:nth-child(4){background:#FF6B9D;transform:translate(-50%,-50%) rotate(120deg)}.done-ray:nth-child(5){background:#1C6FD2;transform:translate(-50%,-50%) rotate(180deg)}.done-ray:nth-child(6){background:#FFD93D;transform:translate(-50%,-50%) rotate(240deg)}.done-ray:nth-child(7){background:#2BC588;transform:translate(-50%,-50%) rotate(300deg)}@keyframes done-ray{0%{opacity:0;transform-origin:center 50px}50%{opacity:1}100%{opacity:0;transform-origin:center 100px}}.done-title{font-size:28px;font-weight:700;letter-spacing:-.025em;color:var(--ink);margin:0 0 10px}.done-title em{color:var(--accent-2-text)}.done-sub{font-size:15px;color:var(--ink-3);line-height:1.55;margin:0 auto 32px;max-width:480px}.recap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;margin-bottom:28px;text-align:left}.recap-item{padding:0 4px}.recap-lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:700;margin-bottom:4px}.recap-val{font-size:13.5px;color:var(--ink);font-weight:700;letter-spacing:-.005em}.onb-nav{display:flex;align-items:center;gap:12px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--r-md);font-size:14px;font-weight:600;border:1.5px solid var(--line);background:var(--white);color:var(--ink-2);cursor:pointer;font-family: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif}.btn:hover{border-color:var(--line-2);color:var(--ink)}.btn.primary{background:var(--accent);color:var(--white);border-color:var(--accent);padding:11px 26px}.btn.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn.primary.big{padding:14px 32px;font-size:15px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{padding:11px 16px;border:none;background:none;color:var(--ink-3);font-weight:500}.btn-ghost:hover{color:var(--ink)}.onb-nav .btn-ghost{margin-right:auto}.onb-nav .primary{margin-left:auto}@media (max-width:768px){.onb-top{padding:16px 18px}.onb-stage{padding:20px 18px 60px}.onb-progress{margin-bottom:30px}.onb-title{font-size:24px}.onb-sub{font-size:14px;margin-bottom:24px}.choice-grid,.choice-grid.three{grid-template-columns:1fr}.intg-grid{grid-template-columns:repeat(2,1fr)}.recap{grid-template-columns:1fr 1fr}.invite-row{grid-template-columns:1fr;gap:6px}.invite-x{width:100%;height:36px;justify-self:end;max-width:60px}.onb-nav{flex-direction:column-reverse;align-items:stretch}.onb-nav .btn{width:100%;justify-content:center}.onb-nav .btn-ghost{width:100%}}