:root{
  --vs-ink:#15231c;
  --vs-green:#2d7a58;
  --vs-green-soft:#eaf6ef;
  --vs-blue:#3974c6;
  --vs-blue-soft:#eef5ff;
  --vs-gold:#a57124;
  --vs-gold-soft:#fff6e4;
  --vs-coral:#a95d53;
  --vs-coral-soft:#fff0ed;
  --vs-line:#dce5df;
  --vs-paper:#fffefb;
}

.visual-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.visual-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.36}
.visual-orb.orb-a{width:430px;height:430px;right:-150px;top:70px;background:radial-gradient(circle,#dff3e7 0,#edf8f1 45%,transparent 72%)}
.visual-orb.orb-b{width:360px;height:360px;left:-140px;top:52vh;background:radial-gradient(circle,#e7f0ff 0,#f3f7ff 45%,transparent 72%)}
.visual-grid-glow{position:absolute;right:5vw;top:15vh;width:380px;height:250px;opacity:.16;background-image:linear-gradient(#9bb9a617 1px,transparent 1px),linear-gradient(90deg,#9bb9a617 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,#000 0 45%,transparent 72%)}

.visual-icon{display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#fff;color:var(--vs-green);box-shadow:inset 0 0 0 1px #20312910}
.visual-icon svg{width:17px;height:17px}
.visual-kicker{display:block;margin-bottom:10px;font-size:9px;line-height:1;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--vs-green)}

/* Landing illustration */
.visual-activity-pipeline{position:relative;margin:14px 0 56px;padding:30px 34px 34px;border:1px solid #d9e4dc;border-radius:28px;background:linear-gradient(135deg,#ffffffdd,#f4faf6e8 55%,#f8fbffdd);box-shadow:0 28px 70px #26342d0d;overflow:hidden}
.visual-activity-pipeline::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 15%,#dfeeff80 0,transparent 25%),radial-gradient(circle at 16% 88%,#dff2e780 0,transparent 27%);pointer-events:none}
.visual-pipeline-heading{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:24px;border-bottom:1px solid #dce5df}
.visual-pipeline-heading>div:first-child{max-width:720px}
.visual-pipeline-heading h2{margin:0;font-size:clamp(25px,3.2vw,42px);line-height:1.04;letter-spacing:-.048em;color:var(--vs-ink)}
.visual-pipeline-heading p{max-width:650px;margin:12px 0 0;font-size:13px;line-height:1.65;color:#64736b}
.visual-live-badge{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 12px;border:1px solid #dce6df;border-radius:999px;background:#ffffffc7;font-size:10px;font-weight:750;color:#617168}
.visual-live-dot{width:7px;height:7px;border-radius:50%;background:var(--vs-green);box-shadow:0 0 0 5px #2d7a5810;animation:visualPulse 2.6s ease-in-out infinite}
.visual-pipeline-canvas{position:relative;z-index:1;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(270px,1.2fr) minmax(180px,.8fr);align-items:center;gap:54px;min-height:330px;padding:34px 6px 8px}
.visual-source-cluster,.visual-output-cluster{display:grid;gap:12px;position:relative;z-index:3}
.visual-source-node{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid #dfe7e1;border-radius:14px;background:#ffffffdc;box-shadow:0 10px 30px #26342d08;transition:transform .2s ease,box-shadow .2s ease}
.visual-source-node:hover{transform:translateX(4px);box-shadow:0 16px 36px #26342d10}
.visual-source-node.source-2{margin-left:22px}.visual-source-node.source-3{margin-left:7px}
.visual-source-node span:not(.visual-icon){display:grid;gap:2px;min-width:0}
.visual-source-node strong{font-size:11px;color:var(--vs-ink)}
.visual-source-node small{font-size:9px;color:#758279;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visual-source-node:nth-child(2) .visual-icon{color:var(--vs-blue);background:var(--vs-blue-soft)}
.visual-source-node:nth-child(3) .visual-icon{color:var(--vs-gold);background:var(--vs-gold-soft)}
.visual-engine-card{position:relative;z-index:4;padding:26px 28px 24px;border:1px solid #bcd8c8;border-radius:24px;background:linear-gradient(145deg,#fff,#f0f9f4);box-shadow:0 24px 60px #244a3518;overflow:hidden}
.visual-engine-card::before{content:'';position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--vs-green),var(--vs-blue),var(--vs-gold))}
.visual-engine-top{display:flex;align-items:center;gap:10px;margin-bottom:20px}.visual-engine-top .visual-icon{background:var(--vs-green);color:#fff}.visual-engine-top strong{font-size:14px;color:var(--vs-ink)}
.visual-engine-label{display:block;margin-bottom:8px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--vs-green)}
.visual-engine-card h3{max-width:460px;margin:0;font-size:clamp(20px,2vw,27px);line-height:1.08;letter-spacing:-.04em;color:var(--vs-ink)}
.visual-engine-card p{margin:13px 0 0;font-size:10px;color:#6e7d74}
.visual-engine-signal{display:flex;align-items:end;gap:4px;height:38px;margin-top:20px;padding:6px 0;border-bottom:1px solid #dce7e0}
.visual-engine-signal span{width:18%;border-radius:4px 4px 1px 1px;background:var(--vs-green);opacity:.82;animation:visualSignal 3.5s ease-in-out infinite}.visual-engine-signal span:nth-child(1){height:30%}.visual-engine-signal span:nth-child(2){height:65%;background:var(--vs-blue);animation-delay:.2s}.visual-engine-signal span:nth-child(3){height:46%;background:var(--vs-gold);animation-delay:.4s}.visual-engine-signal span:nth-child(4){height:82%;animation-delay:.6s}.visual-engine-signal span:nth-child(5){height:58%;background:var(--vs-blue);animation-delay:.8s}
.visual-output-cluster{gap:16px}.visual-output-card{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;align-items:center;padding:15px 16px;border:1px solid #dfe7e1;border-radius:16px;background:#ffffffdf;box-shadow:0 12px 32px #26342d09;transition:transform .2s ease}.visual-output-card:hover{transform:translateX(-4px)}
.visual-output-card .visual-icon{grid-row:1/4}.visual-output-card.snapshot-output .visual-icon{color:var(--vs-green);background:var(--vs-green-soft)}.visual-output-card.mail-output .visual-icon{color:var(--vs-blue);background:var(--vs-blue-soft)}
.visual-output-label{font-size:8px;line-height:1;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#758279}.visual-output-card strong{font-size:11px;color:var(--vs-ink)}.visual-output-card small{font-size:9px;color:#758279}
.visual-connectors{position:absolute;inset:0;z-index:2;pointer-events:none}.visual-connectors span{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,#8bb99e90,#7d9cc680)}.connector-a{left:23%;top:38%;width:20%}.connector-b{left:24%;top:55%;width:19%}.connector-c{left:58%;top:43%;width:19%}.connector-d{left:58%;top:60%;width:19%}.visual-connectors span::after{content:'';position:absolute;right:-2px;top:-2.5px;width:6px;height:6px;border-radius:50%;background:#7c9f89;box-shadow:0 0 0 4px #7c9f8910}

/* Report work map */
.visual-evidence-map{margin:34px 0 18px;padding:28px 0 8px;border-top:1px solid #dde5df}
.visual-map-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.visual-map-head>div{max-width:650px}.visual-map-head h2{margin:0;font-size:26px!important;line-height:1.1!important;letter-spacing:-.04em!important;color:var(--vs-ink)}.visual-map-head p{margin:8px 0 0;font-size:12px;line-height:1.55;color:#6a7970}.visual-map-count{font-size:46px;line-height:.9;letter-spacing:-.07em;color:#8a9a91}.visual-map-count::after{content:' evidence';display:block;margin-top:7px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#809087}
.visual-map-canvas{position:relative;min-height:340px;border:1px solid #dce5df;border-radius:24px;background:radial-gradient(circle at center,#f3faf6 0,#fbfdfc 35%,#fff 70%);overflow:hidden}
.visual-map-canvas::before{content:'';position:absolute;inset:20px;border:1px dashed #cfdcd4;border-radius:50%;opacity:.7}.visual-map-canvas::after{content:'';position:absolute;left:50%;top:50%;width:260px;height:260px;transform:translate(-50%,-50%);border:1px solid #e3eae5;border-radius:50%}
.visual-map-center{position:absolute;z-index:4;left:50%;top:50%;width:min(330px,46%);transform:translate(-50%,-50%);display:grid;justify-items:center;text-align:center;gap:7px;padding:22px 24px;border:1px solid #bdd7c7;border-radius:20px;background:#fffffff2;box-shadow:0 20px 50px #29443512}.visual-map-center .visual-icon{background:var(--vs-green);color:#fff}.visual-map-center>span:not(.visual-icon){font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--vs-green)}.visual-map-center strong{font-size:16px;line-height:1.25;color:var(--vs-ink)}
.visual-map-node{position:absolute;z-index:3;width:190px;padding:13px 14px 13px 28px;border:1px solid #dfe7e1;border-radius:13px;background:#ffffffec;box-shadow:0 10px 26px #26342d09}.visual-map-node strong,.visual-map-node small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.visual-map-node strong{font-size:10px;color:var(--vs-ink)}.visual-map-node small{margin-top:3px;font-size:8px;line-height:1.4;color:#77857c}.visual-map-dot{position:absolute;left:13px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--vs-green);box-shadow:0 0 0 5px #2d7a580d}.map-node-1{left:5%;top:12%}.map-node-2{right:5%;top:15%}.map-node-3{left:7%;bottom:12%}.map-node-4{right:7%;bottom:10%}.map-node-2 .visual-map-dot{background:var(--vs-blue)}.map-node-3 .visual-map-dot{background:var(--vs-gold)}.map-node-4 .visual-map-dot{background:var(--vs-coral)}
.visual-map-trails{position:absolute;inset:0;z-index:1}.visual-map-trails span{position:absolute;left:50%;top:50%;height:1px;width:34%;transform-origin:left center;background:linear-gradient(90deg,#9bb6a580,transparent)}.visual-map-trails span:nth-child(1){transform:rotate(-145deg)}.visual-map-trails span:nth-child(2){transform:rotate(-35deg)}.visual-map-trails span:nth-child(3){transform:rotate(145deg)}.visual-map-trails span:nth-child(4){transform:rotate(35deg)}

/* Workspace visual journal */
.visual-journal-stage{position:relative;margin:0 0 28px;padding:26px 28px 30px;border:1px solid #dbe5de;border-radius:24px;background:linear-gradient(135deg,#fffefb,#f5faf7 58%,#f5f8fd);box-shadow:0 18px 52px #26342d0b;overflow:hidden}
.visual-journal-stage::after{content:'';position:absolute;right:-90px;top:-110px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#e3f2e9 0,transparent 68%);pointer-events:none}
.visual-journal-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.visual-journal-head>div:first-child{max-width:720px}.visual-journal-head h2{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.04;letter-spacing:-.045em;color:var(--vs-ink)}.visual-journal-head p{margin:9px 0 0;font-size:12px;line-height:1.6;color:#65746b}.visual-journal-range{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #dae4dd;border-radius:999px;background:#ffffffc9;font-size:9px;color:#7a8980}.visual-journal-range strong{color:var(--vs-green)}
.visual-journal-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.65fr);gap:28px;align-items:stretch}.visual-timeline{position:relative;display:grid;grid-template-columns:repeat(6,minmax(98px,1fr));gap:10px;min-width:0;padding:24px 4px 2px}.visual-timeline-line{position:absolute;left:4%;right:4%;top:38px;height:2px;background:linear-gradient(90deg,#c4d8cb,#88b69a 65%,var(--vs-green));border-radius:999px}.visual-timeline-node{position:relative;z-index:2;min-width:0}.visual-timeline-marker{display:flex;justify-content:center;height:28px}.visual-timeline-marker span{display:block;width:12px;height:12px;margin-top:8px;border:3px solid #fff;border-radius:50%;background:#90aa9a;box-shadow:0 0 0 1px #93aa9b,0 4px 12px #2b4b3812}.visual-timeline-node.is-latest .visual-timeline-marker span{width:16px;height:16px;margin-top:6px;background:var(--vs-green);box-shadow:0 0 0 1px var(--vs-green),0 0 0 6px #2d7a5810}
.visual-timeline-card{min-height:126px;margin-top:10px;padding:11px 11px 12px;border:1px solid #e0e7e2;border-radius:13px;background:#ffffffc5;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.visual-timeline-card:hover{transform:translateY(-3px);border-color:#bcd8c8;box-shadow:0 12px 25px #26342d0d}.visual-timeline-node.is-latest .visual-timeline-card{border-color:#b5d5c2;background:#f7fcf9}.visual-timeline-top{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:8px}.visual-timeline-top time{font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#718077}.visual-privacy-pill{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 5px;border-radius:999px;background:#eef3ef;font-size:6.5px;font-weight:800;text-transform:uppercase;color:#68776e}.visual-privacy-pill.private{background:#eef4ff;color:var(--vs-blue)}.visual-timeline-card>strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--vs-ink)}.visual-timeline-card p{display:-webkit-box;min-height:35px;margin:5px 0 0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.45;color:#738178}.visual-timeline-meta{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.visual-timeline-meta span{padding:3px 5px;border-radius:6px;background:#f4f6f4;font-size:6.5px;color:#78867d}
.visual-work-dna{padding:20px;border:1px solid #dbe5de;border-radius:18px;background:#ffffffc7}.visual-work-dna h3{margin:0;font-size:19px;letter-spacing:-.035em;color:var(--vs-ink)}.visual-dna-bars{display:grid;gap:12px;margin-top:19px}.visual-dna-row>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.visual-dna-row>div:first-child span{font-size:8px;text-transform:capitalize;color:#728078}.visual-dna-row>div:first-child strong{font-size:8px;color:var(--vs-ink)}.visual-dna-rail{height:7px;overflow:hidden;border-radius:999px;background:#e7ece8}.visual-dna-rail span{display:block;height:100%;border-radius:inherit;background:var(--vs-green)}.visual-dna-row:nth-child(2) .visual-dna-rail span{background:var(--vs-blue)}.visual-dna-row:nth-child(3) .visual-dna-rail span{background:var(--vs-gold)}.visual-dna-row:nth-child(4) .visual-dna-rail span{background:var(--vs-coral)}.visual-dna-note,.visual-dna-empty{margin:16px 0 0;font-size:8.5px;line-height:1.5;color:#76847b}.visual-dna-empty{padding:24px 0}

/* Weekly automation + email illustration */
.visual-weekly-preview{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(280px,1.1fr);grid-template-areas:'intro email' 'flow email';gap:18px 28px;align-items:center;margin-top:18px;padding:24px;border:1px solid #dce5df;border-radius:20px;background:linear-gradient(135deg,#f8fbf9,#fff 52%,#f5f8fd);overflow:hidden}.visual-weekly-intro{grid-area:intro}.visual-weekly-intro h3{margin:0;font-size:20px;line-height:1.12;letter-spacing:-.035em;color:var(--vs-ink)}.visual-weekly-intro p{margin:8px 0 0;font-size:10px;line-height:1.55;color:#6d7b72}.visual-automation-flow{grid-area:flow;display:flex;align-items:center;gap:7px;min-width:0}.visual-flow-node{display:grid;justify-items:center;gap:3px;min-width:68px;padding:10px 8px;border:1px solid #dce5df;border-radius:13px;background:#fff}.visual-flow-node .visual-icon{width:27px;height:27px;flex-basis:27px}.visual-flow-node strong{font-size:8px;color:var(--vs-ink)}.visual-flow-node span:not(.visual-icon){font-size:6.5px;color:#7a887f}.visual-flow-node.is-core{border-color:#b7d6c3;background:var(--vs-green-soft)}.visual-flow-node.is-core .visual-icon{background:var(--vs-green);color:#fff}.visual-flow-arrow{color:#95a39a;font-size:13px}
.visual-email-card{grid-area:email;min-width:0;border:1px solid #d7e0da;border-radius:18px;background:#fff;box-shadow:0 22px 48px #26342d10;overflow:hidden;transform:rotate(.5deg);transition:transform .2s ease}.visual-email-card:hover{transform:rotate(0) translateY(-2px)}.visual-email-chrome{display:flex;align-items:center;gap:5px;padding:10px 13px;border-bottom:1px solid #e6ebe7;background:#f8faf8}.visual-email-chrome>span{width:6px;height:6px;border-radius:50%;background:#c9d2cc}.visual-email-chrome>span:nth-child(1){background:#dca89f}.visual-email-chrome>span:nth-child(2){background:#d8bd7b}.visual-email-chrome>span:nth-child(3){background:#91bea3}.visual-email-chrome strong{margin-left:7px;font-size:7px;color:#69776e}.visual-email-header{display:grid;gap:5px;padding:17px 18px 13px;border-bottom:1px solid #edf0ee}.visual-email-subject{font-size:14px;line-height:1.2;color:var(--vs-ink)}.visual-email-meta{font-size:7.5px;color:#7d8a82}.visual-email-body{padding:17px 18px}.visual-email-kicker{font-size:6.5px;font-weight:850;letter-spacing:.12em;color:var(--vs-green)}.visual-email-body h4{margin:7px 0 6px;font-size:13px;line-height:1.2;color:var(--vs-ink)}.visual-email-body p{margin:0;font-size:8px;line-height:1.55;color:#758279}.visual-email-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 18px 14px;border:1px solid #e7ece8;border-radius:10px;overflow:hidden}.visual-email-signals span{padding:8px 6px;text-align:center;font-size:6.5px;color:#6e7c73;background:#fafcfb}.visual-email-signals span+span{border-left:1px solid #e7ece8}.visual-email-footer{display:flex;align-items:center;gap:8px;padding:11px 18px;border-top:1px solid #edf0ee;background:#fafcfb}.visual-email-footer span{font-size:7px;color:#87938c}.visual-email-footer strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:var(--vs-ink)}
.visual-weekly-preview.is-locked{position:relative}.visual-weekly-preview.is-locked::after{content:'PRO';position:absolute;right:16px;top:14px;padding:5px 7px;border-radius:999px;background:#fff0cf;color:#8d611d;font-size:7px;font-weight:850;letter-spacing:.1em}.visual-weekly-preview.is-locked .visual-email-card{opacity:.86}

@keyframes visualPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.55}}
@keyframes visualSignal{0%,100%{transform:scaleY(.82);opacity:.74}50%{transform:scaleY(1);opacity:1}}

@media (max-width:1050px){
  .visual-pipeline-canvas{grid-template-columns:minmax(160px,.75fr) minmax(230px,1.1fr) minmax(160px,.75fr);gap:28px}.visual-source-node.source-2,.visual-source-node.source-3{margin-left:0}
  .visual-journal-body{grid-template-columns:1fr}.visual-timeline{grid-template-columns:repeat(6,minmax(105px,1fr));overflow-x:auto;padding-bottom:10px}.visual-work-dna{max-width:none}
}

@media (max-width:800px){
  .visual-activity-pipeline{padding:24px 20px}.visual-pipeline-heading,.visual-journal-head,.visual-map-head{align-items:flex-start;flex-direction:column}.visual-live-badge,.visual-journal-range{align-self:flex-start}
  .visual-pipeline-canvas{grid-template-columns:1fr;gap:18px;padding-top:26px}.visual-connectors{display:none}.visual-source-cluster{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.visual-source-node{align-items:flex-start;padding:10px}.visual-source-node small{white-space:normal}.visual-engine-card{order:2}.visual-output-cluster{order:3;grid-template-columns:repeat(2,minmax(0,1fr))}
  .visual-map-canvas{min-height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}.visual-map-canvas::before,.visual-map-canvas::after,.visual-map-trails{display:none}.visual-map-center{position:static;grid-column:1/-1;width:auto;transform:none}.visual-map-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto}
  .visual-weekly-preview{grid-template-columns:1fr;grid-template-areas:'intro' 'flow' 'email'}.visual-automation-flow{justify-content:flex-start}
}

@media (max-width:560px){
  .visual-source-cluster,.visual-output-cluster{grid-template-columns:1fr}.visual-source-node{display:grid;grid-template-columns:32px 1fr}.visual-pipeline-heading h2{font-size:27px}.visual-engine-card{padding:22px}.visual-map-canvas{grid-template-columns:1fr}.visual-map-center{grid-column:auto}.visual-journal-stage{padding:22px 18px}.visual-journal-body{gap:18px}.visual-timeline{grid-template-columns:repeat(6,130px)}.visual-weekly-preview{padding:18px}.visual-automation-flow{gap:4px}.visual-flow-node{min-width:62px}.visual-email-card{transform:none}
}

@media (prefers-reduced-motion:reduce){.visual-live-dot,.visual-engine-signal span{animation:none}.visual-source-node,.visual-output-card,.visual-timeline-card,.visual-email-card{transition:none}}