:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071113;--surface:#091316db;--surface-strong:#0d1d1ff0;--line:#b5d8d129;--text:#edf7f4;--muted:#a8bbb6;--soft:#d7ece6;--cyan:#67e8f9;--green:#58d28f;--mint:#b6f3d4;--ink:#030809;--warning:#f4c95d;--shadow:0 32px 90px #00000075;font-family:Aptos Display,Segoe UI Variable,Helvetica Neue,ui-sans-serif,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:linear-gradient(115deg,#58d28f2e,#0000 34%),linear-gradient(245deg,#67e8f933,#0000 32%),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 92px),linear-gradient(#081719 0%,#05090b 100%)}body:before{pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 78%);mask-image:linear-gradient(#000000b3,#0000 78%)}button,input{font:inherit}button{cursor:pointer}.shell{place-items:center;min-height:100vh;padding:32px;display:grid;position:relative}.login-card{border:1px solid var(--line);background:linear-gradient(180deg, #0d1b1ff0, #050d0feb), var(--surface);width:min(1160px,100%);min-height:680px;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(340px,.86fr) minmax(440px,1.14fr);animation:.52s cubic-bezier(.22,1,.36,1) rise-in;display:grid;overflow:hidden}.login-panel{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(28px,5vw,56px);display:flex}.eyebrow{width:fit-content;color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;background:#67e8f914;border:1px solid #67e8f938;border-radius:4px;padding:7px 10px;font-size:.72rem;font-weight:800}h1,h2,p{margin:0}h1{color:#f4fffb;max-width:12ch;margin-top:22px;font-size:clamp(2.5rem,6vw,5.2rem);font-weight:850;line-height:.95}.login-panel p{max-width:38ch;color:var(--muted);margin-top:22px;font-size:1.02rem;line-height:1.65}.mode-switch{background:#ffffff0b;border:1px solid #b5d8d11f;border-radius:7px;grid-template-columns:1fr 1fr;gap:6px;width:min(100%,330px);margin:30px 0 22px;padding:5px;display:grid}.mode{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:11px 12px;font-weight:760;transition:transform .16s,background .16s,color .16s}.mode.active{background:var(--mint);color:#062015}.mode:hover{transform:translateY(-1px)}.login-form{gap:15px;display:grid}.login-form label{gap:8px;display:grid}.login-form span{color:var(--soft);font-size:.9rem;font-weight:760}.login-form input{width:100%;color:var(--text);background:#02080ab8;border:1px solid #b5d8d12e;border-radius:7px;padding:15px 16px;transition:border-color .16s,box-shadow .16s,transform .16s}.login-form input::placeholder{color:#a8bbb69e}.login-form input:focus{border-color:#67e8f9d1;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #67e8f91f}.primary,.ghost-button{border:0;border-radius:7px;padding:15px 18px;font-weight:850;transition:transform .16s,filter .16s,box-shadow .16s}.primary{color:var(--ink);background:linear-gradient(135deg, var(--mint), var(--cyan));box-shadow:0 18px 34px #5bdbb338}.primary:hover:not(:disabled),.ghost-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.primary:disabled,.ghost-button:disabled{opacity:.68;cursor:wait}.status{color:#dffbf6;background:#67e8f917;border:1px solid #67e8f933;border-radius:7px;margin-top:16px;padding:12px 14px;line-height:1.45}.story-panel{background:linear-gradient(135deg,#67e8f917,#0000 40%),linear-gradient(315deg,#58d28f21,#0000 36%),#ffffff06;grid-template-rows:auto 1fr auto;gap:20px;min-width:0;padding:clamp(26px,4vw,52px);display:grid;position:relative}.story-copy{gap:12px;max-width:520px;display:grid}.story-copy span{color:var(--green);letter-spacing:.04em;text-transform:uppercase;font-size:.88rem;font-weight:780}.story-copy h2{color:var(--text);font-size:clamp(1.6rem,3vw,3rem);line-height:1}.story-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.story-stats div,.signed-panel{background:#040c0e8c;border:1px solid #b5d8d124;border-radius:7px;padding:16px}.story-stats strong,.signed-panel strong{color:var(--text);font-size:1.05rem;display:block}.story-stats span,.signed-panel span{color:var(--muted);margin-top:5px;line-height:1.35;display:block}.growth-signal{align-self:center;width:min(100%,660px);margin:auto}.growth-signal svg{width:100%;height:auto;overflow:visible}.svg-grid{fill:#030a0b57;stroke:#b5d8d11c}.svg-route{fill:none;stroke:url(#csvGlow);stroke-dasharray:12 16;stroke-linecap:round;stroke-width:4px;opacity:.68;animation:2.6s linear infinite route-flow}.route-two{animation-delay:-.7s}.route-three{animation-delay:-1.35s}.csv-card rect,.csv-card path:first-of-type,.lead-node circle,.metrics-panel rect:first-of-type{filter:url(#softGlow)}.csv-card path:first-of-type{fill:#0a1f24f5;stroke:#67e8f957}.csv-card rect{fill:#67e8f914}.csv-card .fold{fill:#67e8f924;stroke:#67e8f952}.csv-card text,.lead-node text,.metrics-panel text{dominant-baseline:middle;fill:var(--text);text-anchor:middle;font-size:22px;font-weight:850}.csv-card text{text-anchor:start}.csv-card line{stroke:#d7ece680;stroke-linecap:round;stroke-width:5px;animation:2.2s ease-in-out infinite row-pulse}.csv-card line:nth-of-type(2){animation-delay:.15s}.csv-card line:nth-of-type(3){animation-delay:.3s}.csv-card line:nth-of-type(4){animation-delay:.45s}.csv-card line:nth-of-type(5){animation-delay:.6s}.lead-node circle{fill:#091c1cf5;stroke:#58d28f75;stroke-width:2px}.lead-node{animation:4.8s ease-in-out infinite node-float}.node-b{animation-delay:-1.4s}.node-c{animation-delay:-2.2s}.lead-node .node-caption,.metrics-panel .panel-caption{fill:var(--muted);text-transform:uppercase;font-size:13px;font-weight:750}.metrics-panel rect:first-of-type{fill:url(#panelGlow);stroke:#b5d8d129}.metrics-panel text{text-anchor:start}.bar{fill:var(--green);opacity:.78;transform-origin:bottom;animation:2.8s ease-in-out infinite bar-grow}.bar-two{fill:var(--cyan);animation-delay:.18s}.bar-three{fill:var(--mint);animation-delay:.36s}.chart-line{fill:none;stroke:var(--warning);stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;stroke-dasharray:190;animation:3s ease-in-out infinite chart-draw}.chart-dot,.particles circle{fill:var(--warning)}.particles circle{opacity:.82;animation:5.6s ease-in-out infinite particle-drift}.particles circle:nth-child(2){animation-delay:-1s}.particles circle:nth-child(3){animation-delay:-2s}.particles circle:nth-child(4){animation-delay:-3s}.particles circle:nth-child(5){animation-delay:-4s}.loading-shell{text-align:center;place-items:center;gap:18px;min-height:100vh;padding:32px;display:grid}.growth-signal-compact{width:min(460px,90vw)}.loading-copy{gap:10px;animation:.52s both rise-in;display:grid}.loading-copy span{color:var(--green);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:850}.loading-copy h1{max-width:none;margin:0;font-size:clamp(2rem,6vw,4rem)}.loading-copy p{color:var(--muted)}.shell-authenticated{align-items:start}.product-hub{border:1px solid var(--line);background:linear-gradient(135deg, #67e8f914, transparent 36%), linear-gradient(315deg, #58d28f1a, transparent 34%), var(--surface-strong);width:min(1240px,100%);box-shadow:var(--shadow);border-radius:8px;padding:clamp(24px,4vw,44px);animation:.52s both rise-in}.hub-header{justify-content:space-between;align-items:start;gap:24px;margin-bottom:28px;display:flex}.hub-header h1{max-width:12ch;font-size:clamp(2.4rem,5vw,4.8rem)}.hub-header p{max-width:62ch;color:var(--muted);margin-top:18px;line-height:1.6}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ghost-button{color:var(--text);background:#ffffff14;border:1px solid #b5d8d124}.product-card{background:radial-gradient(circle at 30% 0,#67e8f91f,#0000 40%),#030a0c94;border:1px solid #b5d8d124;border-radius:8px;grid-template-rows:auto 1fr;gap:16px;min-height:520px;padding:18px;transition:border-color .18s,transform .18s,background .18s;display:grid;position:relative;overflow:hidden}.product-card:before{pointer-events:none;content:"";background:linear-gradient(#0000,#0308099e);position:absolute;inset:0}.product-card-active{border-color:#67e8f966}.product-card-active:hover{background:radial-gradient(circle at 30% 0,#67e8f933,#0000 42%),#030a0cb3;border-color:#b6f3d4ad;transform:translateY(-3px)}.product-card-soon{opacity:.86}.product-art,.product-copy{z-index:1;position:relative}.product-art{background:linear-gradient(135deg,#ffffff0e,#0000),#ffffff06;border:1px solid #b5d8d11a;border-radius:6px;place-items:center;min-height:230px;display:grid}.product-art svg{width:min(100%,390px);height:auto;overflow:visible}.product-copy{align-content:end;display:grid}.product-kicker{width:fit-content;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;background:#67e8f914;border:1px solid #67e8f938;border-radius:4px;margin-bottom:12px;padding:6px 9px;font-size:.72rem;font-weight:860}.product-card-soon .product-kicker{color:var(--warning);background:#f4c95d14;border-color:#f4c95d3d}.product-copy h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1}.product-copy p{min-height:96px;color:var(--muted);margin-top:14px;line-height:1.58}.product-action{width:100%;color:var(--ink);background:linear-gradient(135deg, var(--mint), var(--cyan));text-align:center;border:0;border-radius:7px;margin-top:20px;padding:14px 16px;font-weight:880;text-decoration:none;transition:transform .16s,filter .16s;box-shadow:0 18px 34px #5bdbb329}.product-action:hover{filter:brightness(1.04);transform:translateY(-1px)}.product-action-disabled{color:#edf7f48a;box-shadow:none;cursor:not-allowed;background:#ffffff14}.product-action-disabled:hover{filter:none;transform:none}.product-path{fill:none;stroke:url(#connectGradient);stroke-dasharray:9 13;stroke-linecap:round;stroke-width:4px;animation:2.4s linear infinite route-flow}.metrics-art .product-path{stroke:url(#metricsGradient)}.crm-art .product-path{stroke:url(#crmGradient)}.path-b{animation-delay:-1s}.connect-canvas rect,.audience-panel rect,.composer-panel rect,.metrics-dashboard rect,.lead-score-card rect,.crm-board rect,.contact-profile rect,.pipeline-column rect{fill:#071619f0;stroke:#67e8f95c;stroke-width:2px}.connect-canvas line,.audience-panel line,.composer-panel line,.composer-panel path,.automation-rail path,.lead-score-card line,.metrics-dashboard line,.qualification-funnel line,.report-bars path,.crm-board line,.contact-profile line,.contact-profile circle,.pipeline-column line,.timeline-dots line{fill:none;stroke:#d7ece6b8;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.connect-canvas circle,.audience-panel circle,.automation-rail circle,.signal-dots circle,.timeline-dots circle{fill:var(--mint);animation:4.4s ease-in-out infinite particle-drift}.connect-canvas circle:nth-of-type(2){fill:var(--cyan)}.connect-canvas circle:nth-of-type(3){fill:var(--warning)}.signal-dots circle:nth-child(2),.timeline-dots circle:nth-child(2){animation-delay:-1.2s}.signal-dots circle:nth-child(3),.timeline-dots circle:nth-child(3){animation-delay:-2.4s}.audience-panel text,.composer-panel text,.metrics-dashboard text,.lead-score-card text,.crm-board text{fill:var(--text);font-size:17px;font-weight:850}.lead-score-card text:last-of-type{fill:var(--warning);font-size:15px}.audience-panel,.composer-panel,.lead-score-card,.contact-profile{animation:4.8s ease-in-out infinite panel-breathe}.composer-panel,.contact-profile{animation-delay:-1.3s}.automation-rail circle{fill:#58d28f2e;stroke:#b6f3d4b8;stroke-width:3px}.automation-rail path{stroke:#b6f3d4b3}.qualification-funnel path{fill:#f4c95d1f;stroke:url(#metricsGradient);stroke-linejoin:round;stroke-width:3px}.mini-bar{fill:var(--cyan);transform-origin:bottom;animation:2.6s ease-in-out infinite bar-grow}.bar-b{fill:var(--green);animation-delay:-.35s}.bar-c{fill:var(--warning);animation-delay:-.7s}.crm-board rect,.contact-profile rect,.pipeline-column rect{stroke:#58d28f61}.contact-profile circle{fill:#58d28f29;stroke:#b6f3d4b3}.timeline-dots line{stroke:url(#crmGradient);stroke-width:3px}.column-a,.column-b{animation:5.2s ease-in-out infinite panel-breathe}.column-b{animation-delay:-1.7s}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes route-flow{to{stroke-dashoffset:-56px}}@keyframes row-pulse{0%,to{opacity:.42}50%{opacity:.94}}@keyframes node-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes panel-breathe{0%,to{opacity:.82;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes bar-grow{0%,to{transform:scaleY(.76)}50%{transform:scaleY(1)}}@keyframes chart-draw{0%{stroke-dashoffset:190px;opacity:.45}45%,to{stroke-dashoffset:0;opacity:1}}@keyframes particle-drift{0%,to{transform:translate(0)}50%{transform:translate(10px,-12px)}}@media (width<=920px){.shell{padding:18px}.login-card{grid-template-columns:1fr;min-height:auto}.login-panel{border-right:0;border-bottom:1px solid var(--line)}.story-panel{padding-top:28px}.growth-signal{width:min(100%,560px)}.signed-card{grid-template-columns:1fr}.hub-header{display:grid}.product-grid{grid-template-columns:1fr}.product-card,.product-copy p{min-height:auto}}@media (width<=560px){.shell,.loading-shell{padding:12px}.login-card,.signed-card,.product-hub{border-radius:6px}.login-panel,.story-panel,.signed-card,.product-hub{padding:24px}h1{max-width:10ch;font-size:clamp(2.35rem,14vw,4rem)}.story-copy h2{font-size:1.7rem}.story-stats{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
