/* crm page styles (load after base.css) */
:root{--acc:var(--crm);--acc-soft:rgba(155,92,255,.16)}
.dd a[aria-current="page"]{background:rgba(155,92,255,.1);box-shadow:inset 0 0 0 1px rgba(155,92,255,.4)}
.menu li.cur>button{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;font-size:12px;font-weight:500;background:rgba(255,255,255,.07);color:var(--ink-2);white-space:nowrap}
.pill.pink{background:rgba(233,53,218,.16);color:#F06BE6}
.pill.ok{background:rgba(22,199,132,.14);color:#39D79C}
.pill.warn{background:rgba(255,90,28,.15);color:#FF8A5C}
.pill.vio{background:rgba(155,92,255,.18);color:#BC94FF}

/* Hero */
.p-hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:120px 0 64px}
.p-hero #gl{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.p-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(to bottom,transparent,var(--space));z-index:-1;pointer-events:none}
.p-hero .glowbg{position:absolute;right:-10vw;top:8%;width:70vw;height:84%;background:radial-gradient(closest-side,rgba(155,92,255,.2),transparent 70%);z-index:-2}
.p-copy{max-width:640px}
.ptag{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px 0 8px;border-radius:999px;border:1px solid rgba(155,92,255,.45);background:rgba(155,92,255,.1);font-size:14px;margin-bottom:30px}
.ptag img{width:22px;height:22px}
.p-hero h1{font-size:clamp(46px,6.6vw,108px);font-weight:500;letter-spacing:-.048em;line-height:.95}
.p-hero .lede{margin:28px 0 36px;max-width:44ch}
.p-actions{display:flex;flex-wrap:wrap;gap:12px}
.p-hero .fallback{display:none;position:absolute;right:8vw;top:50%;width:min(34vw,440px);transform:translateY(-50%);z-index:-1}
.no-gl .p-hero .fallback{display:block}

/* Intro */
.intro{padding:clamp(70px,9vw,140px) 0 clamp(40px,5vw,70px)}
.intro .scrub{max-width:28em}

/* Tour */
.tour{position:relative}
.tour-track{height:calc(6 * 80vh + 100vh)}
.tour-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding-top:76px}
.tour-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(28px,3.6vw,56px);align-items:center;width:100%}
.t-info{position:relative;min-height:300px}
.t-count{font-size:14px;color:var(--ink-3);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:12px;margin-bottom:22px}
.t-count .bar{flex:1;max-width:160px;height:2px;background:var(--line-2);border-radius:1px;overflow:hidden}
.t-count .bar i{display:block;height:100%;width:0;background:var(--acc)}
.t-copy{position:absolute;left:0;right:0;top:46px;opacity:0;visibility:hidden}
.t-copy.on{position:relative;top:0;opacity:1;visibility:visible}
.t-copy h2{font-size:clamp(28px,2.8vw,44px);font-weight:500;letter-spacing:-.035em;line-height:1.02}
.t-copy p{margin-top:18px;color:var(--ink-2);max-width:40ch}
.t-copy .hint{margin-top:22px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#BC94FF}
.t-copy .hint svg{width:15px;height:15px}

.app{position:relative;height:min(68vh,600px);min-height:470px;border-radius:22px;border:1px solid rgba(155,92,255,.38);background:#141317;box-shadow:0 60px 120px -50px rgba(0,0,0,.95),0 0 0 6px rgba(155,92,255,.05);display:grid;grid-template-columns:200px minmax(0,1fr);overflow:hidden}
.app-side{border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:3px;background:#17161b}
.app-brand{display:flex;align-items:center;gap:9px;padding:6px 8px 16px;font-size:13.5px;font-weight:500}
.app-brand svg{width:20px;height:20px}
.app-side button{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:9px;font-size:13px;color:var(--ink-2);text-align:left;transition:background .3s,color .3s}
.app-side button svg{width:16px;height:16px;flex:none;opacity:.8}
.app-side button:hover{background:rgba(255,255,255,.04);color:var(--ink)}
.app-side button[aria-selected="true"]{background:rgba(155,92,255,.16);color:#fff}
.app-side button[aria-selected="true"] svg{color:#BC94FF;opacity:1}
.app>div:last-child{display:flex;flex-direction:column;min-height:0;min-width:0}
.app-main{position:relative;overflow:hidden;flex:1;min-height:0}
.view{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden}
.view.on{opacity:1;visibility:visible}
.vh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px;font-weight:500}
.vh small{font-weight:400;color:var(--ink-3);font-size:12.5px}
.vb{flex:1;min-height:0;padding:16px 18px;overflow:auto;font-size:13px}
.mtabs{display:none}

/* v1 profile */
.prof{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;height:100%}
.pcard{border-radius:14px;background:#1c1b21;border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:12px}
.pav{display:flex;align-items:center;gap:12px}
.pav i{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#9B5CFF,#FF00C8);display:grid;place-items:center;font-style:normal;font-weight:500;font-size:15px}
.pav b{display:block;font-weight:500;font-size:15px}
.pav span{font-size:12.5px;color:var(--ink-3)}
.pfields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pfields div{border-radius:10px;background:rgba(255,255,255,.03);padding:8px 10px}
.pfields small{display:block;font-size:11px;color:var(--ink-3)}
.pfields b{font-weight:500;font-size:12.5px}
.srcs{display:flex;gap:6px;flex-wrap:wrap}
.tl{display:flex;flex-direction:column;gap:8px;position:relative}
.tl::before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:1px;background:var(--line-2)}
.tl-i{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center}
.tl-i .dot{width:28px;height:28px;border-radius:50%;background:#1c1b21;border:1px solid var(--line-2);display:grid;place-items:center;z-index:1}
.tl-i .dot svg{width:13px;height:13px;color:#BC94FF}
.tl-i b{font-weight:500;display:block}
.tl-i span{font-size:11.5px;color:var(--ink-3)}

/* v2 pipeline */
.pipe{display:grid;grid-template-columns:repeat(4,minmax(118px,1fr));gap:8px;height:100%;min-width:500px}
.pstage{border-radius:12px;background:rgba(255,255,255,.025);padding:8px;display:flex;flex-direction:column;gap:7px;transition:background .25s,box-shadow .25s}
.pstage.over{background:rgba(155,92,255,.1);box-shadow:inset 0 0 0 1px rgba(155,92,255,.5)}
.pstage h4{font-weight:500;font-size:12.5px;display:flex;flex-direction:column;gap:2px;padding:2px 4px 6px;color:var(--ink-2)}
.pstage h4 span{color:var(--ink-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.deal{border-radius:10px;background:#211f26;border:1px solid var(--line-2);padding:9px 10px;cursor:grab;touch-action:none;user-select:none;transition:border-color .3s}
.deal:hover{border-color:rgba(155,92,255,.6)}
.deal:focus-visible{outline:2px solid var(--acc)}
.deal b{display:block;font-weight:500;font-size:12.5px}
.deal .row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:11.5px;color:var(--ink-3)}
.deal .val{color:var(--ink);font-variant-numeric:tabular-nums}
.deal .ow{width:20px;height:20px;border-radius:50%;background:#2E2D33;display:grid;place-items:center;font-size:9.5px;color:var(--ink-2)}
.deal.ghost{position:fixed;z-index:100;pointer-events:none;box-shadow:0 30px 60px -10px rgba(0,0,0,.9);transform:rotate(3deg);border-color:var(--acc)}
.deal.placeholder{opacity:.25}
.pstage[data-s="3"] .deal{border-color:rgba(22,199,132,.35)}

/* v3 tasks */
.tasks{display:flex;flex-direction:column;gap:8px}
.task{display:grid;grid-template-columns:auto 30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:#1c1b21;border:1px solid var(--line);transition:opacity .4s}
.task.done{opacity:.5}
.task.done b{text-decoration:line-through;text-decoration-color:var(--ink-3)}
.chk{width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1.5px var(--field-line);display:grid;place-items:center;transition:background .3s,box-shadow .3s}
.chk svg{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s var(--ease-out)}
.task.done .chk{background:var(--acc);box-shadow:none}
.task.done .chk svg{opacity:1;transform:none}
.task .ty{width:30px;height:30px;border-radius:9px;background:rgba(155,92,255,.12);display:grid;place-items:center}
.task .ty svg{width:15px;height:15px;color:#BC94FF}
.task b{font-weight:500;display:block}
.task span{font-size:11.5px;color:var(--ink-3)}
.task .pill{color:var(--ink-2)}
.ring-prog{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2);font-weight:400}
.ring-prog svg{width:26px;height:26px;transform:rotate(-90deg)}

/* v4 segments */
.seg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;height:100%}
.fgroups{display:flex;flex-direction:column;gap:12px}
.fgroups small{display:block;font-size:11.5px;color:var(--ink-3);margin-bottom:6px}
.fgroups .chips{display:flex;flex-wrap:wrap;gap:6px}
.fgroups button{height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .3s,color .3s,box-shadow .3s}
.fgroups button[aria-pressed="true"]{background:rgba(155,92,255,.22);color:#fff;box-shadow:inset 0 0 0 1px rgba(155,92,255,.7)}
.dots-wrap{border-radius:14px;background:#1c1b21;border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:12px}
.dots{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;flex:1;align-content:center}
.dots i{aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.1);transition:background .45s,box-shadow .45s,transform .45s var(--ease-out)}
.dots i.m{background:#9B5CFF;box-shadow:0 0 10px rgba(155,92,255,.7);transform:scale(1.15)}
.aud{display:flex;justify-content:space-between;align-items:baseline}
.aud b{font-size:26px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.aud span{font-size:12px;color:var(--ink-3)}

/* v5 journey */
.jr{position:relative;height:100%;min-height:380px}
.jr svg.lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.jr svg.lines path{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1.5;stroke-dasharray:4 6}
.jr svg.lines path.lit{stroke:#9B5CFF;stroke-dasharray:none}
.jn{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:9px 13px 9px 9px;border-radius:12px;background:#1c1b21;border:1px solid var(--line-2);white-space:nowrap;font-size:12.5px;transition:border-color .35s,box-shadow .35s}
.jn .ji{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.06)}
.jn .ji svg{width:14px;height:14px}
.jn small{display:block;font-size:11px;color:var(--ink-3)}
.jn b{font-weight:500}
.jn.trig .ji{background:rgba(255,0,200,.16);color:#F06BE6}
.jn.lit{border-color:#9B5CFF;box-shadow:0 0 0 4px rgba(155,92,255,.15)}
.jtoken{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 14px 4px rgba(155,92,255,.8);transform:translate(-50%,-50%);opacity:0;z-index:3}
.jlog{position:absolute;right:0;bottom:0;font-size:12px;color:var(--ink-3)}

/* v6 forecast */
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kpi{border-radius:12px;background:#1c1b21;border:1px solid var(--line);padding:12px 14px}
.kpi small{display:block;font-size:11.5px;color:var(--ink-3)}
.kpi b{display:block;font-size:24px;font-weight:500;letter-spacing:-.03em;margin-top:4px;font-variant-numeric:tabular-nums}
.kpi span{font-size:11.5px;color:var(--ink-3)}
.fbars{margin-top:14px;border-radius:12px;background:#1c1b21;border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:11px}
.fb{display:grid;grid-template-columns:90px minmax(0,1fr) 84px;align-items:center;gap:10px;font-size:12.5px}
.fb .tr{height:12px;border-radius:6px;background:rgba(255,255,255,.05);position:relative;overflow:hidden}
.fb .tr i{position:absolute;inset:0 auto 0 0;border-radius:6px;background:rgba(155,92,255,.3)}
.fb .tr em{position:absolute;inset:0 auto 0 0;border-radius:6px;background:linear-gradient(90deg,#9B5CFF,#FF00C8)}
.fb .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2)}
.legend{display:flex;gap:14px;font-size:11.5px;color:var(--ink-3);margin-top:2px}
.legend i{display:inline-block;width:10px;height:6px;border-radius:3px;margin-right:6px;vertical-align:middle}

/* AI */
.ai-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start}
.ai-copy{position:sticky;top:120px}
.ai-copy .lede+.lede{margin-top:18px}
.aiw{border-radius:var(--r-lg);border:1px solid rgba(155,92,255,.4);background:radial-gradient(70% 50% at 100% 0%,rgba(155,92,255,.16),transparent 65%),var(--space-2);padding:clamp(16px,2.2vw,26px)}
.aiw-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.aiw-top b{font-weight:500}
.leads{display:flex;flex-direction:column;gap:7px}
.lead{display:grid;grid-template-columns:minmax(0,1fr) 96px auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#1c1b21;border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;transition:border-color .3s,background .3s}
.lead:hover{border-color:rgba(255,255,255,.2)}
.lead[aria-pressed="true"]{border-color:#9B5CFF;background:#211e28}
.lead b{font-weight:500;font-size:13.5px;display:block}
.lead span.co{font-size:12px;color:var(--ink-3)}
.score{display:flex;align-items:center;gap:8px;font-size:12.5px;font-variant-numeric:tabular-nums}
.score .sb{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.score .sb i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#9B5CFF,#FF00C8)}
.lead .flags{display:flex;gap:4px;justify-content:flex-end;min-width:0}
.scores-hidden .score{visibility:hidden}
.assist{margin-top:14px;border-radius:16px;background:#17161b;border:1px solid var(--line);padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.assist .box{border-radius:12px;background:rgba(255,255,255,.03);padding:12px 13px;font-size:13px}
.assist .box.full{grid-column:1/-1}
.assist small{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#BC94FF;margin-bottom:6px}
.assist small svg{width:12px;height:12px}
.assist ul{list-style:none;display:flex;flex-direction:column;gap:4px;color:var(--ink-2)}
.assist ul li::before{content:"–  ";color:var(--ink-3)}
.draft{color:var(--ink);min-height:4.6em;white-space:pre-wrap}
.draft::after{content:"";display:inline-block;width:7px;height:1em;background:#BC94FF;vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.ai-note{font-size:12px;color:var(--ink-3);margin-top:10px}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,5vw,80px)}
.faq-list{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;padding:24px 0;font-size:clamp(18px,1.5vw,21px);letter-spacing:-.01em}
.qa .pm{width:32px;height:32px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px var(--line-2);position:relative;transition:background .4s,box-shadow .4s}
.qa .pm::before,.qa .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:transform .45s var(--ease)}
.qa .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.qa.open .pm{background:var(--pink);box-shadow:none;color:var(--on-pink)}
.qa.open .pm::after{transform:translate(-50%,-50%) rotate(0)}
.qa .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.qa.open .ans{grid-template-rows:1fr}
.qa .ans>div{overflow:hidden}
.qa .ans p{color:var(--ink-2);padding:0 56px 26px 0;max-width:62ch}

/* CTA band */
.pc{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(155,92,255,.45);background:radial-gradient(60% 90% at 85% 50%,rgba(155,92,255,.32),transparent 65%),radial-gradient(50% 80% at 10% 100%,rgba(255,0,200,.16),transparent 70%),var(--space-2);padding:clamp(36px,6vw,88px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
.pc h2{font-size:clamp(44px,6.4vw,104px);font-weight:500;letter-spacing:-.05em;line-height:.93;margin-bottom:34px}
.pc img{width:min(100%,360px);justify-self:center;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}

@media (max-width:1080px){
  .p-hero{align-items:flex-end}
  .p-copy{padding-top:32svh}
  .p-hero .fallback{top:calc(78px + 3svh);right:50%;width:min(40vw,220px);transform:translateX(50%)}
  .tour-track{height:auto}
  .tour-sticky{position:static;height:auto;padding:0}
  .tour-grid{grid-template-columns:1fr}
  .t-count{display:none}
  .t-info{min-height:0}
  .app{grid-template-columns:1fr;height:auto;min-height:0}
  .app-side{display:none}
  .mtabs{display:flex;gap:6px;overflow-x:auto;padding:12px;border-bottom:1px solid var(--line);scrollbar-width:none}
  .mtabs button{flex:none;height:32px;padding:0 13px;border-radius:999px;font-size:12.5px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
  .mtabs button[aria-selected="true"]{background:rgba(155,92,255,.22);color:#fff;box-shadow:inset 0 0 0 1px rgba(155,92,255,.7)}
  .app-main{height:470px;flex:none}
  .ai-grid,.faq-grid{grid-template-columns:1fr}
  .ai-copy{position:static}
  .pc{grid-template-columns:1fr}
  .pc img{width:180px;justify-self:start;order:-1}
}
@media (max-width:720px){
  .prof,.seg{grid-template-columns:1fr}
  .app-main{height:560px}
  .kpis{grid-template-columns:1fr 1fr}
  .kpis .kpi:last-child{grid-column:1/-1}
  .assist{grid-template-columns:1fr}
  .lead{grid-template-columns:minmax(0,1fr) 70px}
  .lead .flags{grid-column:1/-1;justify-content:flex-start}
  .qa .ans p{padding-right:0}
}