.onboarding-page{--onboarding-control-radius:.5rem;--onboarding-surface-radius:1rem;--onboarding-ink:var(--ink-strong);--onboarding-muted:var(--ink-secondary);--onboarding-line:var(--rule-soft);--onboarding-shadow:0 12px 32px -16px color-mix(in srgb, var(--ink-strong) 18%, transparent);--onboarding-enter-duration:.32s;background:var(--paper);min-height:100dvh;color:var(--onboarding-ink);font-family:var(--font-body);font-size:var(--text-readable);line-height:1.55}.onboarding-page *,.onboarding-page :before,.onboarding-page :after{box-sizing:border-box}.onboarding-page button,.onboarding-page input,.onboarding-page textarea{font-family:inherit}.onboarding-page svg{flex-shrink:0;width:20px;height:20px}.onboarding-page :is(button,a,summary,input,textarea):focus-visible{outline:2px solid var(--onboarding-ink);outline-offset:3px}.onboarding-page :is(button,a,summary){-webkit-tap-highlight-color:transparent}.onboarding-page :is(button,a,summary):active{transform:translateY(1px)}.onboarding-page :is(button:disabled,[aria-disabled=true]){opacity:.55;cursor:not-allowed}.onboarding-page button:disabled:active{transform:none}.onboarding-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-header{justify-content:space-between;align-items:center;gap:var(--space-4);width:min(100%,1280px);min-height:96px;padding:var(--space-5) var(--space-8);margin-inline:auto;display:flex}.onboarding-brand{color:var(--onboarding-ink);letter-spacing:-.035em;align-items:center;gap:0;font-size:30px;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.onboarding-page .onboarding-mark{object-fit:contain;width:48px;height:48px;transform:none}.onboarding-sign-in{min-height:44px;padding-inline:var(--space-3);border-radius:var(--onboarding-control-radius);font-size:var(--text-body);color:var(--onboarding-muted);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.onboarding-shell{width:min(100% - 48px,760px);padding:var(--space-8) 0 var(--space-16);margin-inline:auto}.onboarding-progress{margin-bottom:var(--space-10)}.onboarding-progress ol{align-items:center;gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.onboarding-progress li{align-items:center;gap:var(--space-2);min-width:0;color:var(--onboarding-muted);font-size:var(--text-body);white-space:nowrap;display:flex}.onboarding-progress li[aria-current=step]{color:var(--onboarding-ink);font-weight:550}.onboarding-step-dot{border:1px solid var(--action-hover-border);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.onboarding-step-dot svg{width:12px;height:12px}.onboarding-progress .is-active .onboarding-step-dot{background:var(--onboarding-ink);border-color:var(--onboarding-ink);color:var(--surface-elevated)}.onboarding-progress [aria-current=step] .onboarding-step-dot:after{content:"";background:var(--surface-elevated);border-radius:50%;width:6px;height:6px}.onboarding-back{align-items:center;gap:var(--space-2);min-height:44px;margin:calc(var(--space-3) * -1) 0 var(--space-4);padding:0 var(--space-2) 0 0;border-radius:var(--onboarding-control-radius);font-size:var(--text-body);color:var(--onboarding-muted);cursor:pointer;background:0 0;border:0;display:inline-flex}.onboarding-back svg{width:16px;height:16px}.onboarding-screen{background:var(--paper);animation:onboarding-enter var(--onboarding-enter-duration) var(--ease-out) both}.onboarding-screen>header{margin-bottom:var(--space-8)}.onboarding-screen h1{overflow-wrap:anywhere;min-width:0;margin:0 0 var(--space-3);font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(30px,4vw,40px);font-weight:500;line-height:1.15}.onboarding-screen h1:focus{outline:none}.onboarding-screen>header p{max-width:62ch;color:var(--onboarding-muted);font-size:var(--text-readable);margin:0}.onboarding-form{gap:var(--space-6);display:grid}.onboarding-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onboarding-field{gap:var(--space-2);min-width:0;font-size:var(--text-body);color:var(--onboarding-ink);font-weight:500;display:grid}.onboarding-field>span{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.onboarding-field small{color:var(--onboarding-muted);font-size:var(--text-body);font-weight:400}.onboarding-field :is(input,textarea){border:1px solid var(--onboarding-line);border-radius:var(--onboarding-control-radius);outline-offset:1px;background:var(--surface-elevated);width:100%;min-width:0;color:var(--onboarding-ink);font-size:var(--text-readable);transition:border-color var(--dur-micro) var(--ease-out);outline:2px solid #0000;font-weight:400;line-height:1.55}.onboarding-field input{height:52px;padding:0 var(--space-4)}.onboarding-field textarea{padding:var(--space-3) var(--space-4);resize:vertical}.onboarding-field :is(input,textarea)::placeholder,.onboarding-composer textarea::placeholder{color:var(--onboarding-muted)}.onboarding-field :is(input,textarea):focus{outline-color:var(--onboarding-ink)}.onboarding-source-switch{align-items:center;gap:var(--space-2);display:flex}.onboarding-source-switch button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--onboarding-control-radius);color:var(--onboarding-muted);font-size:var(--text-body);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;font-weight:500;display:inline-flex}.onboarding-source-switch button.is-active{color:var(--onboarding-ink);background:var(--surface-selected)}.onboarding-source-switch svg{width:18px;height:18px}.onboarding-website-path{padding:var(--space-6);border-radius:var(--onboarding-surface-radius);background:var(--surface-elevated);box-shadow:var(--onboarding-shadow)}.onboarding-website-path .onboarding-field input{border-color:var(--action-hover-border)}.onboarding-website-path>p,.onboarding-input-help{min-height:1lh;margin:var(--space-3) 0 0;color:var(--onboarding-muted);font-size:var(--text-body)}.onboarding-composer{border-radius:var(--onboarding-surface-radius);outline-offset:2px;background:var(--surface-elevated);box-shadow:var(--onboarding-shadow);outline:2px solid #0000}.onboarding-composer:has(textarea:focus-visible){outline-color:var(--onboarding-ink)}.onboarding-composer>textarea{width:100%;min-height:160px;padding:var(--space-6);border-radius:var(--onboarding-surface-radius);color:var(--onboarding-ink);font-size:var(--text-readable);resize:vertical;background:0 0;border:0;line-height:1.6;display:block}.onboarding-page .onboarding-composer>textarea:focus{outline:none}.onboarding-composer-hint{padding:0 var(--space-6) var(--space-5);color:var(--onboarding-muted);font-size:var(--text-body);margin:0}.onboarding-composer-tools{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--onboarding-line);flex-wrap:wrap;display:flex}.onboarding-composer-tools label{align-items:center;gap:var(--space-2);border-radius:var(--onboarding-control-radius);min-height:44px;padding-inline:var(--space-2);cursor:pointer;font-size:var(--text-body);display:inline-flex;position:relative}.onboarding-composer-tools label:focus-within{outline:2px solid var(--onboarding-ink);outline-offset:2px}.onboarding-composer-tools input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.onboarding-composer-tools label:has(input:disabled){opacity:.55;cursor:not-allowed}.onboarding-composer-tools small{color:var(--onboarding-muted);font-size:var(--text-body)}.onboarding-documents{padding:0 var(--space-6) var(--space-4);margin:0;list-style:none}.onboarding-documents li{align-items:center;gap:var(--space-2);min-height:36px;font-size:var(--text-body);display:flex}.onboarding-documents li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onboarding-documents small{color:var(--onboarding-muted);font-size:inherit;margin-left:auto}.onboarding-documents svg{width:16px;height:16px}.onboarding-primary,.onboarding-secondary{justify-content:center;align-items:center;gap:var(--space-4);min-height:52px;padding:var(--space-3) var(--space-5);border-radius:var(--onboarding-control-radius);font-size:var(--text-body);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out);border:1px solid #0000;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.onboarding-primary{background:var(--onboarding-ink);color:var(--surface-elevated);justify-self:end}.onboarding-secondary{background:var(--surface-elevated);border-color:var(--onboarding-line);color:var(--onboarding-ink)}.onboarding-primary svg,.onboarding-secondary svg{width:18px;height:18px}.onboarding-edit,.onboarding-context-toggle{min-height:44px;color:var(--onboarding-muted);border-radius:var(--onboarding-control-radius);font-size:var(--text-body);cursor:pointer;padding:var(--space-2);white-space:nowrap;background:0 0;border:0;align-items:center;display:inline-flex}.onboarding-review-section{padding:var(--space-6) 0;border-top:1px solid var(--onboarding-line)}.onboarding-review-section:first-child{border-top:0;padding-top:0}.onboarding-review-section:last-child{padding-bottom:0}.onboarding-review-section>header,.onboarding-match>header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.onboarding-review h2,.onboarding-review-section>h2{overflow-wrap:anywhere;letter-spacing:-.02em;min-width:0;margin:0;font-size:20px;font-weight:500;line-height:1.3}.onboarding-review-section>p{margin:var(--space-4) 0;max-width:68ch;color:var(--onboarding-muted);font-size:var(--text-body);line-height:1.6}.onboarding-review-section>.onboarding-consent{margin-top:var(--space-6)}.onboarding-company-heading{align-items:center;gap:var(--space-3);min-width:0;display:flex}.onboarding-company-heading>div{min-width:0}.onboarding-page .onboarding-company-logo{border-radius:var(--radius-lg);background:var(--surface-elevated);width:48px;height:48px}.onboarding-page .onboarding-company-logo .company-logo-fallback{color:var(--onboarding-muted);font-size:18px}.onboarding-review-copy>p{margin:var(--space-4) 0;max-width:68ch;color:var(--onboarding-muted)}.onboarding-review dl{margin:var(--space-4) 0 0}.onboarding-review dt{color:var(--onboarding-muted);font-size:var(--text-body);margin-bottom:var(--space-1)}.onboarding-review dd{font-size:var(--text-body);margin:0;line-height:1.6}.onboarding-tags{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.onboarding-tags li{overflow-wrap:anywhere;max-width:100%;padding:var(--space-1) var(--space-3);background:var(--surface-selected);border-radius:var(--radius-sm);font-size:var(--text-body)}.onboarding-audience-facts{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onboarding-editor{min-width:0;margin:var(--space-4) 0 0;gap:var(--space-4);border:0;padding:0;display:grid}.onboarding-editor[hidden]{display:none}.onboarding-review-copy,.onboarding-editor:not([hidden]){animation:onboarding-enter var(--dur-short) var(--ease-out) both}.onboarding-matches{gap:var(--space-4);display:grid}.onboarding-matches:empty{display:none}.onboarding-match{min-width:0;padding:var(--space-6);background:var(--surface-elevated);border:1px solid var(--onboarding-line);border-radius:var(--onboarding-surface-radius);animation:onboarding-enter var(--onboarding-enter-duration) var(--ease-out) both;animation-delay:var(--match-delay,0s)}.onboarding-match h3{overflow-wrap:anywhere;letter-spacing:-.02em;min-width:0;margin:0;font-size:20px;font-weight:500;line-height:1.3}.onboarding-company-domain{color:var(--onboarding-muted);font-size:var(--text-body);overflow-wrap:anywhere}.onboarding-source-link{align-items:center;gap:var(--space-1);min-height:44px;color:var(--onboarding-muted);font-size:var(--text-body);white-space:nowrap;border-radius:var(--onboarding-control-radius);text-decoration:none;display:inline-flex}.onboarding-source-link svg{width:16px;height:16px;transform:rotate(-45deg)}.onboarding-match-publication{gap:var(--space-1) var(--space-4);margin-top:var(--space-3);color:var(--onboarding-muted);font-size:var(--text-body);flex-wrap:wrap;display:flex}.onboarding-match>p{margin:var(--space-5) 0 0;color:var(--onboarding-muted);line-height:1.6;font-size:var(--text-body);overflow-wrap:anywhere}.onboarding-match-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.onboarding-context-toggle{padding-left:0}.onboarding-match-actions{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.onboarding-decision{align-items:center;gap:var(--space-2);display:flex}.onboarding-decision button{min-width:72px;min-height:44px;padding:var(--space-2) var(--space-3);justify-content:center;align-items:center;gap:var(--space-1);border:1px solid var(--onboarding-line);border-radius:var(--onboarding-control-radius);background:var(--surface-elevated);color:var(--onboarding-muted);font-size:var(--text-body);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out);display:inline-flex}.onboarding-decision button.is-selected{background:var(--onboarding-ink);color:var(--surface-elevated);border-color:var(--onboarding-ink)}.onboarding-decision svg{width:14px;height:14px}.onboarding-match-status{align-items:center;gap:var(--space-2);min-height:24px;color:var(--onboarding-muted);font-size:var(--text-body);display:inline-flex}.onboarding-match-status svg{width:16px;height:16px}.onboarding-footer,.onboarding-complete{justify-content:space-between;align-items:center;gap:var(--space-6);padding-top:var(--space-2);display:flex}.onboarding-footer>div>span{font-size:var(--text-body);font-weight:500}.onboarding-footer .onboarding-primary{flex-shrink:0}.onboarding-guest-note{margin:var(--space-1) 0 0;color:var(--onboarding-muted);font-size:var(--text-body)}.onboarding-error{justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--status-error-ink);border-radius:var(--onboarding-control-radius);background:var(--status-error);color:var(--status-error-ink);font-size:var(--text-body);overflow-wrap:anywhere;display:flex}.onboarding-error button{border-radius:var(--onboarding-control-radius);min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.onboarding-loading{justify-content:center;align-items:center;gap:var(--space-3);width:min(100% - 48px,760px);min-height:50dvh;color:var(--onboarding-muted);margin-inline:auto;display:flex}.onboarding-load-error{width:min(100% - 48px,520px);margin:var(--space-22) auto}.onboarding-load-error strong{font-size:var(--text-section);font-weight:500}.onboarding-load-error p{color:var(--onboarding-muted);margin:var(--space-4) 0 var(--space-6)}.onboarding-load-error>a{padding-block:var(--space-4);color:var(--onboarding-muted);display:block}.onboarding-interpretation-status{align-items:center;gap:var(--space-3);color:var(--onboarding-muted);font-size:var(--text-body);margin:0;display:flex}.onboarding-spinner{animation:1s linear infinite onboarding-spin}.onboarding-empty{padding:var(--space-8);border-radius:var(--onboarding-surface-radius);background:var(--surface-soft);flex-direction:column;align-items:flex-start;display:flex}.onboarding-empty>svg{width:28px;height:28px;margin-bottom:var(--space-4)}.onboarding-page .onboarding-status-mark{object-fit:contain;width:52px;height:52px;transform:none}.onboarding-empty>.onboarding-status-mark{margin-bottom:var(--space-5)}.onboarding-empty strong,.onboarding-discovery-status strong{font-size:var(--text-readable);font-weight:500}.onboarding-discovery-status strong{align-items:center;gap:var(--space-2);display:flex}.onboarding-discovery-status strong svg{width:16px;height:16px}.onboarding-empty p{max-width:55ch;margin:var(--space-2) 0 var(--space-6);color:var(--onboarding-muted);font-size:var(--text-readable)}.onboarding-discovery-status{align-items:center;gap:var(--space-4);padding:var(--space-4) 0 var(--space-6);display:flex}.onboarding-discovery-status p{margin:var(--space-1) 0 0;color:var(--onboarding-muted);font-size:var(--text-body)}.onboarding-skeletons{gap:var(--space-4);display:grid}.onboarding-skeleton{gap:var(--space-4);padding:var(--space-6);background:var(--surface-elevated);border:1px solid var(--onboarding-line);border-radius:var(--onboarding-surface-radius);display:flex}.onboarding-skeleton-logo{border-radius:var(--radius-lg);background:var(--surface-selected);flex-shrink:0;width:48px;height:48px}.onboarding-skeleton>div:last-child{gap:var(--space-3);flex:1;display:grid}.onboarding-skeleton i{border-radius:var(--radius-sm);background:var(--surface-selected);height:12px;animation:onboarding-breathe 2s var(--ease-in-out) 2}.onboarding-skeleton i:first-child{width:30%;height:16px}.onboarding-skeleton i:last-child{width:65%}.onboarding-sequence{gap:var(--space-3);display:grid}.onboarding-sequence details{min-width:0;padding:0 var(--space-5);border:1px solid var(--onboarding-line);border-radius:var(--onboarding-surface-radius);background:var(--surface-elevated)}.onboarding-sequence summary{align-items:center;gap:var(--space-3);min-height:64px;font-size:var(--text-readable);cursor:pointer;list-style:none;display:flex}.onboarding-sequence summary::-webkit-details-marker{display:none}.onboarding-sequence summary small{color:var(--onboarding-muted);font-size:var(--text-body);margin-left:auto}.onboarding-sequence summary svg{width:16px;height:16px}.onboarding-sequence details[open] summary svg{transform:rotate(90deg)}.onboarding-sequence details>div{gap:var(--space-4);padding-bottom:var(--space-5);display:grid}.onboarding-channels{gap:var(--space-3);display:grid}.onboarding-channel{align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--onboarding-line);border-radius:var(--onboarding-surface-radius);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.onboarding-channel h3{font-size:var(--text-readable);margin:0;font-weight:500}.onboarding-channel p{margin:var(--space-1) 0 0;color:var(--onboarding-muted);font-size:var(--text-body)}.onboarding-channel>span{font-size:var(--text-body);color:var(--onboarding-muted);white-space:nowrap}.onboarding-complete{margin-top:var(--space-4)}.onboarding-complete strong{font-size:var(--text-readable);font-weight:500}.onboarding-complete p{margin:var(--space-1) 0 0;color:var(--onboarding-muted);font-size:var(--text-body)}.linkedin-experiment{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--status-warn-ink);border-radius:var(--onboarding-surface-radius);background:var(--status-warn);display:grid}.linkedin-experiment>div>span{color:var(--status-warn-ink);font-size:var(--text-body)}.linkedin-experiment h3{margin:var(--space-2) 0;font-size:var(--text-readable);font-weight:500}.linkedin-experiment p{color:var(--onboarding-muted);font-size:var(--text-body);margin:0}.onboarding-consent{align-items:flex-start;gap:var(--space-3);font-size:var(--text-body);display:flex}.onboarding-consent input{margin-top:var(--space-1);accent-color:var(--onboarding-ink)}.linkedin-experiment .onboarding-secondary{justify-self:start}@keyframes onboarding-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes onboarding-ink{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.onboarding-header,.onboarding-loading,.onboarding-progress,.onboarding-footer{animation:onboarding-ink .24s var(--ease-out) backwards}}@keyframes onboarding-spin{to{transform:rotate(360deg)}}@keyframes onboarding-breathe{50%{opacity:.4}}@media (hover:hover) and (pointer:fine){.onboarding-primary:hover:not(:disabled,[aria-disabled=true]){background:var(--button-hover)}.onboarding-secondary:hover:not(:disabled),.onboarding-decision button:not(.is-selected):hover:not(:disabled),.onboarding-source-switch button:not(.is-active):hover:not(:disabled){background:var(--surface-soft)}.onboarding-edit:hover,.onboarding-context-toggle:hover,.onboarding-sign-in:hover,.onboarding-back:hover:not(:disabled),.onboarding-source-link:hover{color:var(--onboarding-ink)}.onboarding-field :is(input,textarea):hover{border-color:var(--action-hover-border)}.onboarding-composer-tools label:hover{background:var(--surface-soft)}.onboarding-sequence summary:hover{color:var(--onboarding-muted)}}@media (max-width:44rem){.onboarding-header{min-height:80px;padding:var(--space-4) var(--space-5)}.onboarding-brand{font-size:28px}.onboarding-page .onboarding-mark{width:44px;height:44px}.onboarding-shell{padding-top:var(--space-6)}.onboarding-progress{margin-bottom:var(--space-8)}.onboarding-progress ol{gap:var(--space-4);justify-content:space-between}.onboarding-progress li{gap:var(--space-1);font-size:13px}.onboarding-progress ol:has(li:nth-child(5)) li{gap:var(--space-2);flex-direction:column}.onboarding-screen>header{margin-bottom:var(--space-6)}.onboarding-grid{grid-template-columns:minmax(0,1fr)}.onboarding-primary{justify-self:stretch;width:100%}.onboarding-footer,.onboarding-complete{align-items:stretch;gap:var(--space-4);flex-direction:column}.onboarding-match{padding:var(--space-5)}.onboarding-match>header{gap:var(--space-2);flex-wrap:wrap}.onboarding-match-actions{flex-direction:column;align-items:flex-start}.onboarding-decision{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.onboarding-decision button{min-width:0}.onboarding-match-status:empty{display:none}.onboarding-channel{grid-template-columns:auto minmax(0,1fr)}.onboarding-channel>span{grid-column:2}.onboarding-empty{padding:var(--space-6)}.onboarding-website-path{padding:var(--space-5)}.onboarding-source-switch{gap:var(--space-1)}.onboarding-source-switch button{padding-inline:var(--space-2);flex:1}.onboarding-source-switch svg{width:16px;height:16px}.onboarding-review-section>header{gap:var(--space-2);flex-wrap:wrap}.onboarding-edit{margin-left:auto}}@media (max-width:24rem){.onboarding-shell{width:calc(100% - 32px)}.onboarding-header{padding-inline:var(--space-4)}.onboarding-source-switch button{gap:var(--space-1);font-size:13px}.onboarding-progress ol{gap:var(--space-2)}.onboarding-audience-facts{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.onboarding-page *,.onboarding-page :before,.onboarding-page :after{transition:none!important;animation:none!important}.onboarding-page :is(button,a,summary):active{transform:none}}
