:root{--ink:#1d1d1f;--muted:#636366;--line:#00000014;--surface:#fff;--canvas:#f5f5f7;--brand:#5b5bd6;--brand-2:#7b7bf2;--pink:#f0568b;--blue:#3478f6;--green:#1f8f55;--shadow:0 1px 2px #0000000a, 0 8px 28px #0000000f;--sf2:#fafafc;--sf3:#ebebf0;--ln2:#00000024;--ink2:#424245;--accBg:#5b5bd61a;--accT:#4747c2;--ok:#167342;--okBg:#1f8f551a;--warn:#9a5b00;--warnBg:#b26a001f;--err:#c0261a;--errBg:#d92d2017;--btn:#1d1d1f;--btnT:#fff;--glass:#f5f5f7b8;--r-card:22px;--r-btn:12px;--hero:linear-gradient(135deg, #7b7bf2, #f0568b)}html[data-theme=dark]{--ink:#f5f5f7;--muted:#98989f;--line:#ffffff17;--surface:#161618;--canvas:#000;--brand:#8b8bf5;--brand-2:#a5a5fa;--green:#4ade80;--shadow:0 1px 0 #ffffff0d inset, 0 12px 32px #00000080;--sf2:#1c1c1f;--sf3:#2a2a2e;--ln2:#ffffff29;--ink2:#d1d1d6;--accBg:#8b8bf529;--accT:#a5a5fa;--ok:#4ade80;--okBg:#4ade8021;--warn:#fbbf24;--warnBg:#fbbf2424;--err:#ff6b61;--errBg:#ff6b6124;--btn:#f5f5f7;--btnT:#1d1d1f;--glass:#0c0c0eb8}html:root:root body{background:var(--canvas);color:var(--ink)}html:root:root :is(.auth-shell,.marketing) .button{border-radius:var(--r-btn);font-weight:600;transition:opacity .15s,background-color .15s}html:root:root :is(.auth-shell,.marketing) .button:hover{transform:none}html:root:root :is(.auth-shell,.marketing) .button.primary{background:var(--btn);color:var(--btnT);box-shadow:none;border:0}html:root:root :is(.auth-shell,.marketing) .button.primary:hover:not(:disabled){opacity:.88}html:root:root :is(.auth-shell,.marketing) .button.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--ln2);box-shadow:none}html:root:root :is(.auth-shell,.marketing) .button.secondary:hover:not(:disabled){background:var(--sf3)}html:root:root :is(.auth-shell,.marketing) .button.light{color:#1d1d1f;background:#fff;box-shadow:0 12px 34px #00000026}html:root:root :is(.auth-shell,.marketing) .button.large{border-radius:14px}html:root:root :is(.auth-shell,.marketing) :focus-visible{outline:2px solid var(--brand);outline-offset:2px}html:root:root .auth-shell{background:radial-gradient(60% 40% at 90% 0%, #8b8bf729, transparent 70%), radial-gradient(50% 40% at 100% 100%, #f0568b1a, transparent 70%), var(--canvas);color:var(--ink);grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Hanken Grotesk,system-ui,ui-sans-serif,Segoe UI,sans-serif}html:root:root .auth-shell :is(button,input,h1,h2,h3,summary){font-family:inherit}@media (min-width:981px){html:root:root .auth-shell{grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)}}html:root:root .auth-story{color:#fff;background:radial-gradient(100% 120% at 0 0,#7b7bf2,#0000 60%),radial-gradient(90% 100% at 100% 100%,#f0568b,#0000 60%),linear-gradient(130deg,#4a3fd0,#7b3fd0);border-radius:28px;padding:36px clamp(32px,5vw,72px)}html:root:root .auth-story:before{background-image:radial-gradient(#fff3 1px,#0000 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(#000 0%,#0000 75%);mask-image:linear-gradient(#000 0%,#0000 75%)}html:root:root .auth-story .brand{letter-spacing:-.03em;color:#fff;gap:10px;font-size:20px;font-weight:700}html:root:root .auth-story .brand .brand-mark{border-radius:10px;box-shadow:0 4px 14px #1e147873,0 0 0 1px #ffffff40}html:root:root .auth-story .eyebrow{color:#ffffffd1;letter-spacing:0;text-transform:none;font-size:13px;font-weight:600}html:root:root .auth-story h1{letter-spacing:-.035em;text-wrap:balance;margin:10px 0 16px;font-size:clamp(34px,3.8vw,54px);font-weight:700;line-height:1.06}html:root:root .auth-story p{color:#ffffffd6;max-width:460px;font-size:17px;line-height:1.55}html:root:root .auth-story li{color:#fff;font-weight:500}html:root:root .auth-story li svg{color:#fff;background:#ffffff38;border-radius:50%;width:22px;height:22px;padding:4px}html:root:root .auth-story small{color:#ffffffb8;font-size:12px}html:root:root .auth-story>.auth-signal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:18px;width:56px;height:56px;position:absolute;top:14%;left:auto;right:10%;transform:none;box-shadow:0 16px 40px #2814784d}html:root:root .auth-story .signal-pulse{border-color:#ffffff8c}html:root:root .auth-panel{background:0 0}html:root:root .back-link{color:var(--muted);font-weight:500}html:root:root .back-link:hover{color:var(--ink)}html:root:root .auth-theme{position:absolute;top:22px;right:24px}html:root:root .auth-theme .theme-toggle{grid-template-columns:1fr;width:40px;min-width:40px;padding:0}html:root:root .auth-theme .theme-toggle .theme-toggle-label{display:none}html:root:root .auth-theme .theme-toggle svg{width:18px;height:18px}html:root:root .auth-theme .icon-button{border-radius:var(--r-btn);background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--ink)}html:root:root .auth-card{border:1px solid var(--line);background:var(--surface);width:min(100%,440px);box-shadow:var(--shadow);color:var(--ink);border-radius:28px;padding:clamp(28px,3.4vw,40px)}html:root:root .auth-card .mobile-brand{letter-spacing:-.03em;font-size:20px;font-weight:700}html:root:root .auth-icon{background:var(--accBg);width:44px;height:44px;color:var(--accT);border-radius:14px}html:root:root .auth-card h2{letter-spacing:-.03em;margin:20px 0 8px;font-size:30px;font-weight:700}html:root:root .auth-card>p{color:var(--muted);font-size:15px;line-height:1.5}html:root:root .auth-card label{color:var(--ink2);font-size:13px;font-weight:600}html:root:root .auth-card input{border:1px solid var(--ln2);background:var(--surface);height:48px;color:var(--ink);border-radius:12px}html:root:root .auth-card input::placeholder{color:var(--muted);opacity:.8}html:root:root .auth-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--accBg)}html:root:root .auth-submit{height:48px;margin-top:8px;font-size:15px}html:root:root .security-note{color:var(--muted);font-size:12px}html:root:root .auth-switch{color:var(--muted)}html:root:root .auth-switch a{color:var(--accT);font-weight:600}html:root:root .legal{color:var(--muted)}html:root:root .demo-credentials{border:1px dashed color-mix(in srgb, var(--brand) 55%, transparent);background:var(--sf2);border-radius:14px;gap:8px;padding:12px}html:root:root .demo-credentials span{color:var(--muted);font-size:12px;font-weight:600}html:root:root .demo-credentials code{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:9px}html:root:root .manual-demo-login{border-top:1px solid var(--line)}html:root:root .manual-demo-login summary{color:var(--muted);font-weight:600}html:root:root .manual-demo-login summary:hover{color:var(--ink)}html:root:root .auth-error{background:var(--errBg);color:var(--err);border:0;border-radius:12px;font-size:13px;font-weight:500}@media (max-width:980px){html:root:root .auth-shell{gap:0;padding:0}html:root:root .auth-panel{background:radial-gradient(70% 36% at 80% 0%, #8b8bf733, transparent 70%), radial-gradient(60% 30% at 0% 100%, #f0568b1f, transparent 70%), var(--canvas)}}@media (max-width:680px){html:root:root .auth-panel{background:var(--surface)}html:root:root .auth-card{box-shadow:none;background:0 0;border:0}html:root:root .auth-theme{top:max(14px, env(safe-area-inset-top));right:16px}}html:root:root .marketing{color:var(--ink);background:0 0}html:root:root .marketing :is(h1,h2,h3){letter-spacing:-.03em}html:root:root .marketing .brand{letter-spacing:-.03em;font-weight:700}html:root:root .marketing .brand .brand-mark{border-radius:10px;box-shadow:0 2px 8px #463cc84d}html:root:root .marketing .eyebrow{color:var(--accT);letter-spacing:0;text-transform:none;font-weight:600}html:root:root .marketing .text-link{color:var(--accT);font-weight:600}html:root:root .hero-kicker{background:var(--accBg);color:var(--accT);border:0;font-weight:600}html:root:root .hero h1{letter-spacing:-.045em;font-weight:700}html:root:root .hero h1 span{background:var(--hero);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}html:root:root .hero h1 span:after{background:linear-gradient(90deg,#0000,#f0568b,#0000)}html:root:root .hero-proof svg{color:var(--ok)}html:root:root .hero-copy>p{color:var(--muted)}html:root:root .signal-stage{background:radial-gradient(100% 120% at 0% 0%, #7b7bf280, transparent 60%), radial-gradient(90% 100% at 100% 100%, #f0568b66, transparent 60%), var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px}html:root:root .signal-orbit{border-color:#5b5bd64d}html:root:root .signal-core{background:linear-gradient(145deg,#8a8af7,#3427b8);box-shadow:0 16px 50px #463cc866}html:root:root .signal-core .signal-pulse{border-color:#7b7bf2}html:root:root .floating-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:18px}html:root:root .floating-card small{color:var(--muted)}html:root:root .live-dot{background:var(--ok);box-shadow:0 0 0 5px var(--okBg)}html:root:root .mini-avatar{background:var(--v1,#eeedff);color:var(--accT)}html:root:root .mini-avatar.teal{color:#0f6b80;background:#ddf3f8}html:root:root .match{background:var(--accBg);color:var(--accT);font-weight:600}html:root:root .floating-card .status{background:var(--okBg);color:var(--ok)}html:root:root .source-icon.linkedin{color:#fff;background:#0a66c2}html:root:root .trusted b{color:var(--muted)}html:root:root .step,html:root:root .benefit,html:root:root .price-card,html:root:root .product-window{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:24px}html:root:root .step-icon,html:root:root .benefit>span{background:var(--accBg);color:var(--accT);border-radius:14px}html:root:root .step-no,html:root:root .step p,html:root:root .benefit p,html:root:root .section-heading p,html:root:root .feature-copy p,html:root:root .pricing-footnote{color:var(--muted)}html:root:root .feature-copy li svg,html:root:root .price-card li svg{color:var(--ok)}html:root:root .product-window{overflow:hidden}html:root:root .window-bar{background:var(--sf2);border-bottom:1px solid var(--line)}html:root:root .window-bar i:nth-child(3){background:#28c840}html:root:root .window-body aside .active{background:var(--accBg);color:var(--accT);font-weight:600}html:root:root .demo-metrics div{background:var(--sf2);border:1px solid var(--line);border-radius:14px}html:root:root .demo-top .status{background:var(--okBg);color:var(--ok)}html:root:root .flow-line .done{background:var(--okBg);color:var(--ok);border-color:#0000}html:root:root .flow-line .current{background:var(--ink);color:var(--canvas)}html:root:root .activity-line{border-color:var(--line)}html:root:root .price-card.featured{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink), var(--shadow)}html:root:root .price-card .popular{background:var(--ink);color:var(--canvas);font-weight:600}html:root:root .final-cta{background:radial-gradient(120% 140% at 0 0,#7b7bf2 0%,#0000 55%),radial-gradient(90% 120% at 100% 100%,#f0568b 0%,#0000 60%),linear-gradient(120deg,#4a3fd0,#7b3fd0);border-radius:32px}html:root:root .final-cta .eyebrow{color:#ffffffd9}html:root:root .final-cta .button.light{color:#1d1d1f}html:root:root .marketing footer{border-color:var(--line)}html:root:root .marketing .brand,html:root:root .marketing footer .brand,html:root:root .auth-shell .brand{color:var(--ink);text-decoration:none}html:root:root .auth-story .brand{color:#fff}html:root:root .marketing .definition{color:var(--ink);max-width:60ch;font-weight:500}html:root:root .illustrative-tag,html:root:root .illustrative-note{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:600}html:root:root .illustrative-tag{z-index:3;position:absolute;bottom:14px;left:20px}html:root:root .illustrative-note{margin:0 0 12px}html:root:root .trusted>div{flex-wrap:wrap;justify-content:center;gap:12px 40px}html:root:root .faq{max-width:860px;padding-top:80px}html:root:root .faq-list{gap:14px;margin-top:32px;display:grid}html:root:root .faq-item{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 24px}html:root:root .faq-item h3{letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;font-size:18px}html:root:root .faq-item p{color:var(--muted);margin:0;line-height:1.6}html:root:root .faq-more{text-align:center;margin-top:24px}html:root:root .marketing footer>nav{flex-wrap:wrap;gap:12px 22px;display:flex}
