@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url("assets/fonts/manrope-latin.woff2") format("woff2");}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500 700;font-display:swap;src:url("assets/fonts/space-grotesk-latin.woff2") format("woff2");}
:root{color-scheme:dark;--ink:#f4f6fb;--muted:#9aa4b5;--line:rgba(255,255,255,.1);--panel:rgba(14,18,28,.86);--panel-solid:#101520;--bg:#080b12;--green:#b8ff58;--green-soft:rgba(184,255,88,.13);--blue:#6fa8ff;--amber:#ffc65b;--violet:#9b7cff;--shadow:0 28px 80px rgba(0,0,0,.3);--display:"Space Grotesk",Manrope,sans-serif;--body:Manrope,system-ui,sans-serif}
:root[data-theme=light]{color-scheme:light;--ink:#182230;--muted:#667085;--line:rgba(24,34,48,.13);--panel:rgba(255,255,255,.9);--panel-solid:#fff;--bg:#eef3f8;--green:#70ad23;--green-soft:rgba(87,145,20,.13);--blue:#286ac7;--amber:#966100;--violet:#6a45e6;--shadow:0 20px 58px rgba(31,45,64,.12)}
*{box-sizing:border-box}html{max-width:100%;overflow-x:clip;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 76% -12%,rgba(124,92,255,.18),transparent 32rem),radial-gradient(circle at 8% 26%,rgba(184,255,88,.08),transparent 30rem),var(--bg);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;z-index:30;top:12px;left:12px;padding:10px 14px;color:#080b12;background:var(--green);font-weight:800;text-decoration:none;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.demo-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 4vw;background:rgba(8,11,18,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}:root[data-theme=light] .demo-nav{background:rgba(238,243,248,.84)}.demo-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border:1px solid rgba(184,255,88,.3);border-radius:12px;background:#fff}.brand-mark img{width:96%;height:96%;object-fit:contain}.demo-brand strong,.demo-brand small{display:block}.demo-brand strong{font-size:.95rem;letter-spacing:.01em}.demo-brand small{margin-top:1px;color:var(--muted);font-size:.73rem}.demo-nav-actions{display:flex;align-items:center;gap:12px}.sandbox-pill{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.sandbox-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.icon-button,.toolbar-button{border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--ink);cursor:pointer}.icon-button{width:42px;height:42px}.toolbar-button{padding:9px 12px;color:var(--muted);font-size:12px}.back-link{padding:9px 12px;color:var(--muted);font-size:12px;text-decoration:none}.back-link:hover,.back-link:focus-visible{color:var(--green)}
.eyebrow{margin:0;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.demo-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(40px,9vw,140px);align-items:center;padding-top:clamp(78px,10vw,142px);padding-bottom:clamp(78px,10vw,142px)}.demo-hero h1{max-width:720px;margin:16px 0 24px;font-family:var(--display);font-size:clamp(50px,7vw,92px);letter-spacing:-.07em;line-height:.94}.demo-hero h1 em{color:var(--green);font-style:normal}.hero-copy{max-width:680px;color:var(--muted);font-size:clamp(16px,1.5vw,19px);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 17px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.button-primary{color:#080b12;background:var(--green);box-shadow:0 12px 30px rgba(184,255,88,.17)}.button-primary:hover,.button-primary:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.text-link{color:var(--muted);font-size:13px;font-weight:800;text-decoration:none}.text-link:hover,.text-link:focus-visible{color:var(--ink)}.hero-signal{position:relative;min-height:350px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:var(--shadow)}.signal-orbit{position:absolute;inset:14% 10%;border:1px solid rgba(155,124,255,.38);border-radius:50%;transform:rotate(-20deg) scaleY(.58)}.signal-orbit:before,.signal-orbit:after{position:absolute;content:"";inset:15%;border:1px solid rgba(87,230,255,.18);border-radius:50%}.signal-orbit:after{inset:31%;border-color:rgba(184,255,88,.25)}.signal-orbit span{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.signal-orbit span:nth-child(1){top:8%;left:50%}.signal-orbit span:nth-child(2){right:14%;bottom:29%;background:var(--blue);box-shadow:0 0 18px var(--blue)}.signal-orbit span:nth-child(3){bottom:10%;left:25%;background:var(--violet);box-shadow:0 0 18px var(--violet)}.signal-copy{position:absolute;right:28px;bottom:27px;left:28px;display:flex;flex-direction:column}.signal-copy span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.16em}.signal-copy strong{margin-top:8px;font-family:var(--display);font-size:28px;letter-spacing:-.04em}.signal-copy small{margin-top:5px;color:var(--muted);font-size:12px}
.sandbox{padding-bottom:120px}.sandbox-header{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.sandbox-header h2,.demo-explain h2,.demo-cta h2{max-width:670px;margin:12px 0 0;font-family:var(--display);font-size:clamp(36px,5vw,64px);letter-spacing:-.06em;line-height:1}.sandbox-note{max-width:360px;margin:0;color:var(--muted);font-size:13px}.sandbox-note strong{color:var(--ink)}
.crm-shell{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.025);box-shadow:var(--shadow)}.crm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}.crm-toolbar-brand{display:flex;align-items:center;gap:10px}.mini-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#080b12;background:var(--green);font-size:12px;font-weight:900}.crm-toolbar-brand strong,.crm-toolbar-brand small{display:block}.crm-toolbar-brand strong{font-size:14px}.crm-toolbar-brand small{color:var(--muted);font-size:11px}.crm-toolbar-actions{display:flex;align-items:center;gap:10px}.workspace-picker{display:flex;align-items:center;gap:8px}.workspace-picker span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workspace-picker select,.filters select,.filters input{min-height:40px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--panel-solid);padding:0 11px}.workspace-picker select{max-width:230px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-bottom:1px solid var(--line);background:var(--line)}.metrics article{min-height:112px;padding:20px;background:var(--panel)}.metrics span,.metrics small{display:block;color:var(--muted);font-size:11px}.metrics strong{display:block;margin:7px 0 3px;font-family:var(--display);font-size:29px;letter-spacing:-.05em}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:22px;border-bottom:1px solid var(--line)}.filters label{min-width:155px;flex:1}.filters label span{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.filters input,.filters select{width:100%}.filters .search-field{flex-basis:280px}.filter-status{flex-basis:100%;color:var(--muted);font-size:11px}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px;border-bottom:1px solid var(--line)}.stage-column{min-height:136px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.stage-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.stage-heading span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.stage-heading b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;color:var(--green);background:var(--green-soft);font-size:11px}.pipeline-card{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--panel-solid);text-align:left;cursor:pointer}.pipeline-card + .pipeline-card{margin-top:8px}.pipeline-card:hover,.pipeline-card:focus-visible,.account-item:hover,.account-item:focus-visible{border-color:rgba(184,255,88,.52);background:var(--green-soft)}.pipeline-card strong,.pipeline-card small{display:block}.pipeline-card strong{font-size:12px}.pipeline-card small{margin-top:4px;color:var(--muted);font-size:11px}.crm-workspace{display:grid;grid-template-columns:minmax(230px,.35fr) minmax(0,1fr);min-height:480px}.account-panel{border-right:1px solid var(--line);background:rgba(255,255,255,.018)}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:22px;border-bottom:1px solid var(--line)}.panel-heading h3{margin:5px 0 0;font-family:var(--display);font-size:23px;letter-spacing:-.04em}.count-pill{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--green);background:var(--green-soft);font-size:12px;font-weight:800}.account-list{display:grid;gap:7px;padding:14px}.account-item{width:100%;padding:14px;border:1px solid transparent;border-radius:13px;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.account-item.is-active{border-color:rgba(184,255,88,.52);background:var(--green-soft)}.account-item strong,.account-item small{display:block}.account-item strong{font-size:13px}.account-item small{margin-top:4px;color:var(--muted);font-size:11px}.account-stage{display:inline-flex;margin-top:10px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detail-panel{min-width:0;padding:clamp(22px,4vw,38px)}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--line)}.detail-head h3{margin:5px 0 4px;font-family:var(--display);font-size:clamp(28px,4vw,44px);letter-spacing:-.06em;line-height:1}.detail-head p{margin:0;color:var(--muted);font-size:12px}.detail-value{text-align:right}.detail-value strong{display:block;font-family:var(--display);font-size:23px}.detail-value small{color:var(--muted);font-size:10px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.detail-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.detail-card h4{margin:0 0 9px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.detail-card p{margin:0;font-size:13px}.detail-card p + p{margin-top:5px;color:var(--muted)}.detail-card.full{grid-column:1/-1}.detail-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.detail-list li{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:12px}.detail-list li:last-child{padding-bottom:0;border-bottom:0}.detail-list span{color:var(--muted);text-align:right}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.empty-detail{display:grid;min-height:400px;place-items:center;text-align:center;color:var(--muted)}.empty-detail div{max-width:320px}.empty-detail strong{display:block;margin:10px 0 5px;color:var(--ink);font-family:var(--display);font-size:23px}.empty-detail span{display:inline-grid;place-items:center;width:50px;height:50px;border:1px solid rgba(184,255,88,.4);border-radius:50%;color:var(--green);font-weight:900}
.demo-explain{padding:30px 0 120px;border-top:1px solid var(--line)}.demo-explain h2{max-width:820px}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;background:var(--line)}.explain-grid article{min-height:210px;padding:25px;background:var(--panel)}.explain-grid article>span{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.1em}.explain-grid h3{margin:35px 0 8px;font-family:var(--display);font-size:22px;letter-spacing:-.04em}.explain-grid p{margin:0;color:var(--muted);font-size:13px}.demo-cta{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:84px 0 112px;border-top:1px solid var(--line)}.demo-cta h2{max-width:700px}.demo-cta p:not(.eyebrow){max-width:570px;margin:20px 0 0;color:var(--muted);font-size:15px}.demo-cta-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:18px}.demo-footer{display:flex;justify-content:space-between;gap:18px;padding:25px 0 34px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.demo-footer a{color:var(--ink);font-weight:800;text-decoration:none}.toast{position:fixed;right:22px;bottom:22px;z-index:40;padding:12px 15px;border:1px solid rgba(184,255,88,.42);border-radius:12px;color:var(--ink);background:var(--panel-solid);box-shadow:var(--shadow);font-size:12px}.toast[hidden]{display:none}
@media(max-width:850px){.shell{width:min(100% - 36px,680px)}.demo-nav{padding-inline:18px}.sandbox-pill{display:none}.demo-hero{grid-template-columns:1fr;padding-top:72px;padding-bottom:80px}.hero-signal{min-height:290px}.sandbox-header,.demo-cta{display:block}.sandbox-note{margin-top:20px}.metrics{grid-template-columns:repeat(2,1fr)}.pipeline{grid-template-columns:1fr}.crm-workspace{grid-template-columns:1fr}.account-panel{border-right:0;border-bottom:1px solid var(--line)}.account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.explain-grid{grid-template-columns:1fr}.demo-cta-actions{justify-content:flex-start;margin-top:28px}.demo-footer{flex-wrap:wrap}}
@media(max-width:560px){.shell{width:calc(100% - 28px)}.demo-nav{min-height:68px;padding-inline:14px}.demo-brand .brand-mark{width:38px;height:38px}.demo-brand strong{font-size:.84rem}.demo-brand small{font-size:.66rem}.back-link{padding-inline:4px;font-size:11px}.demo-hero h1{font-size:clamp(47px,14vw,70px)}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-signal{min-height:250px}.crm-toolbar{align-items:flex-start;flex-direction:column;padding:15px}.crm-toolbar-actions{width:100%;justify-content:space-between}.workspace-picker{min-width:0;flex:1;align-items:flex-start;flex-direction:column;gap:4px}.workspace-picker select{max-width:none;width:100%}.metrics article{min-height:100px;padding:15px}.metrics strong{font-size:24px}.filters{padding:15px}.filters label{min-width:100%;}.pipeline{padding:15px}.crm-workspace{min-height:0}.account-list{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-card.full{grid-column:auto}.detail-head{flex-direction:column}.detail-value{text-align:left}.detail-panel{padding:22px 16px}.demo-footer{display:grid}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
 .empty-column{margin:0;padding:15px 0;color:var(--muted);font-size:11px}