/* v37 — structured visual storytelling */
.work-visual{margin:4rem 0;border:1px solid rgba(127,127,127,.22);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(127,127,127,.055),rgba(127,127,127,.012));}
.work-visual-head{padding:2rem 2rem .75rem}.work-visual-head h3{margin:.4rem 0 .55rem;font-size:clamp(1.45rem,2.5vw,2rem)}.work-visual-head p{max-width:820px;line-height:1.65;opacity:.75}
.sv{margin:1.15rem 1.2rem 1.2rem;border:1px solid rgba(100,150,180,.2);border-radius:22px;background:#072a2f;overflow:hidden;position:relative}
.sv-grid{background-image:linear-gradient(rgba(90,150,175,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(90,150,175,.075) 1px,transparent 1px);background-size:26px 26px}
.sv-caption{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.15rem;border-bottom:1px solid rgba(127,127,127,.15);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.72}
.sv-flow{padding:1.5rem;display:grid;grid-template-columns:1fr 42px 1.25fr 42px 1fr;align-items:center;gap:.7rem}
.sv-node{min-height:145px;padding:1.1rem;border:1px solid rgba(100,180,200,.32);border-radius:16px;background:rgba(7,45,50,.86);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.sv-node .num{font-size:.62rem;letter-spacing:.12em;color:#47c6a0;font-weight:700}.sv-node h4{margin:.45rem 0 .35rem;font-size:1rem}.sv-node p{margin:0;font-size:.76rem;line-height:1.5;opacity:.7}
.sv-arrow{text-align:center;font-size:1.35rem;opacity:.6;animation:svPulse 1.8s ease-in-out infinite}.sv-arrow:nth-of-type(2){animation-delay:.45s}
@keyframes svPulse{0%,100%{opacity:.35;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}
/* Trade readiness */
.trade-flow{padding:1.5rem}.trade-main{display:grid;grid-template-columns:1fr 44px 1.55fr 44px 1fr;align-items:stretch;gap:.65rem}.trade-box{min-height:165px;padding:1rem;border-radius:16px;border:1px solid rgba(100,180,200,.3);background:rgba(7,45,50,.9)}.trade-box h4{margin:.45rem 0 .35rem}.trade-box p{font-size:.73rem;line-height:1.45;opacity:.7;margin:0}.trade-kicker{font-size:.6rem;letter-spacing:.12em;color:#48c6a0;font-weight:700}.trade-arrow{display:flex;align-items:center;justify-content:center;font-size:1.35rem;animation:svPulse 1.8s infinite}.approval-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-top:.8rem}.approval-chip{padding:.65rem .55rem;border-radius:11px;border:1px solid rgba(100,180,200,.22);background:rgba(255,255,255,.025);font-size:.68rem}.approval-chip b{display:block;font-size:.72rem;margin-bottom:.25rem}.approval-chip span{opacity:.6}.approval-chip.alert{border-color:rgba(220,110,80,.5);background:rgba(220,110,80,.06)}.approval-chip.alert span{color:#e59b87;opacity:.9}.trade-bottom{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}.check-list{display:grid;gap:.45rem}.check-list span{font-size:.67rem;padding:.45rem .55rem;border-radius:8px;background:rgba(255,255,255,.035);border-left:2px solid rgba(72,198,160,.6)}
/* CRM */
.crm-flow{padding:1.6rem;display:grid;grid-template-columns:1fr 70px 1.35fr 70px 1fr;align-items:center;gap:.5rem}.crm-box{min-height:200px;padding:1.15rem;border-radius:17px;border:1px solid rgba(100,180,200,.3);background:rgba(7,45,50,.9)}.crm-box h4{margin:.45rem 0}.crm-box p{font-size:.74rem;line-height:1.45;opacity:.7}.crm-records{display:grid;gap:.42rem;margin-top:.8rem}.record{height:9px;border-radius:5px;background:rgba(140,190,200,.18);position:relative;overflow:hidden}.record:after{content:"";position:absolute;left:-35%;top:0;width:35%;height:100%;background:rgba(72,198,160,.65);animation:dataSweep 2.7s linear infinite}.record:nth-child(2):after{animation-delay:.5s}.record:nth-child(3):after{animation-delay:1s}.record:nth-child(4):after{animation-delay:1.5s}@keyframes dataSweep{to{left:100%}}.crm-transform{padding:1rem;border:1px solid rgba(218,182,93,.35);border-radius:16px;background:linear-gradient(180deg,rgba(218,182,93,.075),rgba(8,45,51,.8))}.transform-step{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid rgba(127,127,127,.12);font-size:.7rem}.transform-step:last-child{border-bottom:0}.transform-step b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(218,182,93,.45);font-size:.6rem;color:#d8b55b}.crm-arrow{font-size:1.5rem;text-align:center;animation:svPulse 1.8s infinite}
/* cost pipeline */
.cost-flow{padding:1.5rem;display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem;align-items:center}.cost-node{min-height:125px;padding:.85rem;border:1px solid rgba(100,180,200,.25);border-radius:13px;background:rgba(7,45,50,.88)}.cost-node b{display:block;font-size:.75rem}.cost-node span{display:block;font-size:.64rem;line-height:1.4;opacity:.65;margin-top:.4rem}.cost-arrow{text-align:center;opacity:.55}.cost-node.highlight{border-color:rgba(218,182,93,.4);background:rgba(218,182,93,.055)}
@media(max-width:900px){.sv-flow,.bf-flow,.trade-main,.crm-flow{grid-template-columns:1fr;}.sv-arrow,.bf-arrow,.trade-arrow,.crm-arrow{transform:rotate(90deg);min-height:28px}.approval-stack{grid-template-columns:1fr 1fr}.trade-bottom{grid-template-columns:1fr}.cost-flow{grid-template-columns:1fr;}.cost-arrow{transform:rotate(90deg);min-height:24px}.sv-node,.bf-stage,.trade-box,.crm-box{min-height:auto}.work-visual-head{padding:1.4rem 1.4rem .6rem}.sv{margin:.9rem}.bf-flow,.trade-flow,.crm-flow,.cost-flow{padding:1rem}}

/* Source-grounded trade process visual */
.trade-process-wrap{margin:1.15rem 1.2rem 1.2rem;border:1px solid rgba(100,150,180,.2);border-radius:22px;background:#072a2f;overflow:hidden;position:relative;background-image:linear-gradient(rgba(90,150,175,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(90,150,175,.075) 1px,transparent 1px);background-size:26px 26px;padding:1.35rem}
.trade-process{display:grid;grid-template-columns:1.1fr 54px 1.25fr 54px 1.1fr;align-items:center;gap:.65rem}
.tp-node,.tp-approvals{border:1px solid rgba(100,180,200,.3);border-radius:16px;background:rgba(7,45,50,.92);padding:1rem;min-height:190px}
.tp-num,.tp-stage-label>span,.tp-validation-head>span,.tp-outcome span{display:block;font-size:.59rem;letter-spacing:.12em;color:#48c6a0;font-weight:700}
.tp-node strong,.tp-stage-label strong{display:block;margin:.45rem 0 .4rem;font-size:1rem}
.tp-node small,.tp-stage-label small{display:block;font-size:.7rem;line-height:1.5;opacity:.68}
.tp-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}
.tp-pills span{font-size:.62rem;padding:.38rem .48rem;border-radius:8px;background:rgba(255,255,255,.035);border-left:2px solid rgba(72,198,160,.55)}
.tp-connector{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#48c6a0;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.tp-connector i{display:block;width:100%;height:2px;background:rgba(72,198,160,.4);position:relative;overflow:hidden}
.tp-connector i:after{content:'';position:absolute;left:-30%;top:-2px;width:30%;height:6px;background:#48c6a0;filter:blur(1px);animation:tpFlow 2.3s linear infinite}
.tp-approval-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.8rem}
.tp-approval{padding:.7rem .55rem;border:1px solid rgba(100,180,200,.22);border-radius:11px;background:rgba(255,255,255,.025)}
.tp-approval b{display:block;font-size:.72rem;margin-bottom:.3rem}.tp-approval span{font-size:.61rem;line-height:1.4;opacity:.62}
.tp-validation{margin-top:.8rem;border:1px solid rgba(100,180,200,.26);border-radius:16px;background:rgba(7,45,50,.9);padding:1rem}
.tp-validation-head{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.tp-validation-head strong{font-size:.95rem}
.tp-checks{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin-top:.75rem}.tp-checks div{font-size:.64rem;padding:.55rem .5rem;border-radius:9px;background:rgba(72,198,160,.055);border:1px solid rgba(72,198,160,.18)}.tp-checks b{color:#48c6a0;margin-right:.2rem}
.tp-outcome{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;gap:.6rem;margin-top:.75rem}.tp-fail,.tp-ready{padding:.8rem;border-radius:12px;border:1px solid rgba(100,180,200,.2);background:rgba(255,255,255,.025)}.tp-fail{border-color:rgba(210,150,80,.32);background:rgba(210,150,80,.045)}.tp-fail span{color:#d8b55b}.tp-fail strong,.tp-ready strong{display:block;margin:.3rem 0;font-size:.78rem}.tp-fail small,.tp-ready small{font-size:.62rem;line-height:1.45;opacity:.65;display:block}.tp-arrow{text-align:center;font-size:1.3rem;opacity:.65}.tp-ready{border-color:rgba(72,198,160,.35);box-shadow:0 0 0 1px rgba(72,198,160,.06),0 0 28px rgba(72,198,160,.07)}
@keyframes tpFlow{to{left:100%}}
@media(max-width:900px){.trade-process{grid-template-columns:1fr}.tp-connector{transform:rotate(90deg);min-height:40px}.tp-approval-grid,.tp-checks{grid-template-columns:1fr}.tp-outcome{grid-template-columns:1fr}.tp-arrow{transform:rotate(90deg);min-height:28px}.trade-process-wrap{margin:.9rem;padding:1rem}}