
/* V5.30 — realistic layered working artefacts in the approved Approach layout */
.process-art .dw30-scene{position:relative;width:min(570px,100%);height:325px;font-family:Manrope,'DM Sans',sans-serif;color:#2a2b27}
.dw30-window{border:1px solid #dfdcd5;border-radius:15px;background:#fffdfb;overflow:hidden;box-shadow:0 13px 24px #25252916;height:100%}
.dw30-winhead{height:36px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e8e8e3;padding:0 13px;background:#fbfaf8}
.dw30-winhead b{font-size:9px;letter-spacing:.075em;color:#5c5f5c;font-weight:800}
.dw30-dots{display:flex;gap:4px}.dw30-dots i{width:8px;height:8px;background:#eb9c9b;border-radius:50%}.dw30-dots i:nth-child(2){background:#f2d77a}.dw30-dots i:nth-child(3){background:#a9d3ba}
.dw30-work-pad{padding:14px;min-width:0}.dw30-work-pad small{font-size:9px;color:#6a6f70}
.dw30-screen-title{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;font-weight:800;margin-bottom:14px}.dw30-screen-title span{font-size:9px;color:#9a9b95;font-weight:600;white-space:nowrap}.dw30-screen-title span b{color:#6879af}
.dw30-scene-audit .dw30-audit-back{position:absolute;top:4px;left:9%;width:66%;height:215px;transform:rotate(-3deg);z-index:1}
.dw30-dash-bars,.dw30-dark-bars{height:92px;border-bottom:1px solid #d6dddf;display:flex;align-items:flex-end;gap:12px;padding:4px 12px}
.dw30-dash-bars i{flex:1;background:linear-gradient(#69a5e8,#adcdec);border-radius:3px 3px 0 0}
.dw30-chart-note{display:block;font-size:9px;color:#929b9a;margin-top:8px}
.dw30-priority-paper{position:absolute;top:26px;right:0;width:36%;min-height:198px;background:#fffcf7;border:1px solid #e5d9cd;border-radius:13px;transform:rotate(7deg);z-index:2;padding:20px 14px;box-shadow:0 9px 26px #34342a14}
.dw30-priority-paper>span{font-size:9px;letter-spacing:.14em;color:#a39c93;font-weight:800}.dw30-priority-paper b{display:block;font-size:17px;line-height:1.15;margin:10px 0 12px}.dw30-priority-paper p{font-size:10px;color:#666d67;margin:10px 0}
.dw30-audit-front{position:absolute;left:4%;bottom:0;width:75%;height:206px;z-index:3;box-shadow:0 14px 20px #4444}
.dw30-audit-table{display:grid;gap:0}.dw30-audit-row{display:grid;grid-template-columns:2.15fr .68fr .68fr 1.07fr;align-items:center;gap:5px;padding:7px 6px;border-bottom:1px solid #ecece8;font-size:9px;color:#595e5a}
.dw30-audit-row.head{background:#e4f1ed;font-weight:800;color:#515d56}.dw30-audit-row span:nth-child(2){color:#8bab86}.dw30-audit-row span:nth-child(3){color:#d4a953}.dw30-audit-row strong{font-size:8px;border-radius:99px;background:#f8ddd6;padding:5px 3px;text-align:center;color:#986b5b}.dw30-audit-row:nth-child(n+4) strong{background:#f7e9c7;color:#978047}
.dw30-scene-delivery>.dw30-window{position:absolute;inset:10px 5% 18px 4%;height:auto}
.dw30-timeline{font-size:10px}.dw30-timeline-head,.dw30-task-row{display:grid;grid-template-columns:35% 1fr;align-items:center;gap:10px;border-bottom:1px solid #e9e8e5;padding:8px 0}
.dw30-timeline-head{grid-template-columns:35% repeat(3,1fr);color:#999a98;font-weight:800;font-size:9px}.dw30-timeline-head span:not(:first-child){text-align:center}
.dw30-task-row>div{background:repeating-linear-gradient(90deg,transparent 0,transparent 32%,#e6e8ed 32.4%,transparent 33%);height:19px}.dw30-task-bar{display:block;height:12px;border-radius:5px;margin-top:3px}.dw30-task-bar.blue{background:#79adf4}.dw30-task-bar.purple{background:#ba94eb}.dw30-task-bar.green{background:#92caa8}.dw30-task-bar.orange{background:#efb173}
.dw30-timeline-foot{display:flex;gap:17px;font-size:9px;color:#7a827f;margin-top:14px;font-weight:700}
.dw30-float-task{position:absolute;bottom:-2px;right:-1%;z-index:2;width:39%;background:#fff;border:1px solid #dcdad8;border-radius:14px;padding:13px 16px;box-shadow:0 16px 28px #26262625;transform:rotate(2deg)}
.dw30-float-task b{font-size:13px}.dw30-float-task p{font-size:10px;margin:10px 0;color:#606763}
.dw30-scene-tech .dw30-tech-dashboard{position:absolute;top:2px;left:9%;width:75%;height:214px}.dw30-dark-dashboard{background:#0e1738;height:calc(100% - 36px);color:white}.dw30-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dw30-mini-stats>div{background:#1d2b54;border-radius:8px;padding:8px}.dw30-mini-stats small{color:#b5c5e0;font-size:8px}.dw30-mini-stats b{display:block;font-size:15px;color:white;margin-top:5px}.dw30-dark-bars{height:77px;border-color:#334666}.dw30-dark-bars i{flex:1;background:#299cf4;border-radius:2px 2px 0 0}
.dw30-scene-tech .dw30-tech-leads{position:absolute;bottom:0;left:0;width:59%;height:158px;z-index:2}.dw30-scene-tech .dw30-tech-flow{position:absolute;bottom:1px;right:0;width:40%;height:229px;z-index:3}
.dw30-lead-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #e9e9e5;padding:8px 0;font-size:9px;color:#555d60}.dw30-lead-row i{width:7px;height:7px;background:#ecab6c;border-radius:50%;flex-shrink:0}.dw30-lead-row:nth-child(2) i{background:#8cc5a9}.dw30-lead-row:nth-child(3) i{background:#8e9ce8}.dw30-lead-row span{flex:1}.dw30-lead-row em{font-style:normal;color:#9b9f9b;font-size:8px}
.dw30-flow-item{font-size:10px;font-weight:700;border:1px solid #e2e5e2;border-radius:9px;padding:9px 7px;white-space:nowrap;background:#f8faf9}.dw30-flow-item span{color:#658ec0;margin-right:4px}.dw30-flow-arrow{text-align:center;font-size:15px;color:#7087ae;line-height:1.3}
.dw30-scene-custom .dw30-roadmap{position:absolute;top:2px;left:9%;width:86%;height:175px;z-index:1}
.dw30-road-steps{display:flex;gap:2px;margin-top:17px}.dw30-road-steps>div{flex:1;background:#d5f0ed;padding:10px 3px;text-align:center;font-size:10px;font-weight:800;clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%,9% 50%)}.dw30-road-steps>div:nth-child(2){background:#f8e0c7}.dw30-road-steps>div:nth-child(3){background:#d8eccc}.dw30-road-steps>div:nth-child(4){background:#d4d8f5}.dw30-road-steps small{display:block;font-size:8px;margin-top:4px}.dw30-road-caption{font-size:9px;color:#858a84;margin-top:13px}
.dw30-scene-custom .dw30-custom-metrics{position:absolute;bottom:0;left:0;width:58%;height:177px;z-index:2}
.dw30-scene-custom .dw30-solution-list{position:absolute;bottom:3px;right:0;width:42%;height:181px;z-index:3;background:#fff;border:1px solid #e3e0d8;border-radius:13px;padding:17px;box-shadow:0 12px 23px #3030331b;display:flex;flex-direction:column;gap:11px}
.dw30-solution-list b{font-size:13px;margin-bottom:1px}.dw30-solution-list span{font-size:10px;color:#626c66}.dw30-solution-list span::first-letter{color:#4383d2}
.dw30-custom-chart{height:65px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid #e5e5e0;padding:0 6px}.dw30-custom-chart i{flex:1;background:linear-gradient(#80bcf2,#c1dff2);border-radius:3px 3px 0 0}.dw30-custom-foot{font-size:9px;color:#85887e;margin-top:9px}
@media(max-width:1050px){.process-art .dw30-scene{height:295px}.dw30-priority-paper{padding:12px}.dw30-float-task{width:45%}}
@media(max-width:680px){.process-art .dw30-scene{height:268px}.dw30-scene-audit .dw30-audit-back{width:75%}.dw30-priority-paper{width:38%;top:14px;padding:9px}.dw30-priority-paper b{font-size:13px}.dw30-priority-paper p{font-size:8px}.dw30-audit-front{width:88%;height:175px}.dw30-audit-row{font-size:7px;padding:5px 2px}.dw30-audit-row strong{font-size:7px}.dw30-float-task{right:0;padding:9px 10px}.dw30-float-task p{font-size:8px}.dw30-scene-tech .dw30-tech-leads{width:64%}.dw30-scene-tech .dw30-tech-flow{width:43%}.dw30-screen-title{font-size:10px}.dw30-screen-title span{font-size:8px}.dw30-work-pad{padding:10px}.dw30-task-row{font-size:8px}.dw30-road-steps>div{font-size:8px}.dw30-road-steps small{font-size:7px}.dw30-solution-list span{font-size:8px}.dw30-solution-list{padding:11px}}
/* The proof is an experience claim, not a customer review widget */
.cta-section .dw30-social-proof{margin:33px auto 0;width:100%;max-width:980px;text-align:center}
.dw30-proof-line{display:flex;justify-content:center;align-items:center;gap:11px 16px;flex-wrap:wrap;margin-bottom:22px;color:#272926}
.dw30-proof-stars{font-size:21px;letter-spacing:2px;color:#f5bc43;line-height:1}
.dw30-proof-line strong{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.03em}
.dw30-proof-caption{font-size:11px;color:#6d6b65}
.dw30-brand-rail{overflow:hidden;width:100%;padding:5px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.dw30-brand-track{display:flex;width:max-content;gap:14px;animation:dw30-scroll 22s linear infinite}
.dw30-brand-group{display:flex;gap:14px;flex:0 0 auto}
.dw30-client-logo{height:62px;width:132px;display:flex;align-items:center;justify-content:center;flex:0 0 132px;background:rgba(255,255,255,.72);border:1px solid #e7dfd5;border-radius:12px;padding:11px 15px}
.dw30-client-logo img{display:block;width:100%;height:100%;object-fit:contain}
.dw30-brand-rail:hover .dw30-brand-track{animation-play-state:paused}
@keyframes dw30-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
@media(max-width:680px){.dw30-proof-line{gap:8px}.dw30-proof-caption{flex-basis:100%}.dw30-client-logo{width:104px;flex-basis:104px;height:54px;padding:8px}.dw30-brand-track{animation-duration:19s}}
@media(prefers-reduced-motion:reduce){.dw30-brand-track{animation:none}}


/* V5.31 — editorial compact proof and unboxed logo marquee */
.cta-section .dw30-social-proof{margin:22px auto 0;width:100%;max-width:none;text-align:center}
.dw30-proof-line{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0 auto 28px;text-align:center}
.dw31-proof-heading{display:inline-flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}
.dw30-proof-stars{font-size:20px;letter-spacing:3px;line-height:1.2;color:#f4b636}
.dw30-proof-line strong{font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:750;letter-spacing:-.025em;line-height:1.3}
.dw30-proof-caption{font-size:11px;color:#676760;line-height:1.45}
.dw30-brand-rail{width:100%;overflow:hidden;padding:5px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.dw30-brand-track{display:flex;width:max-content;gap:40px;align-items:center;animation:dw30-scroll 14.6667s linear infinite}
.dw30-brand-group{display:flex;align-items:center;gap:40px;flex-shrink:0}
.dw30-client-logo{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;height:68px;width:155px;flex:0 0 155px;overflow:visible}
.dw30-client-logo img{max-height:60px;max-width:100%;width:auto;height:auto;object-fit:contain;display:block}
.dw30-client-logo:has(img[src$="apple.png"]),.dw30-client-logo:has(img[src$="8vi.png"]){width:90px;flex-basis:90px}
.dw30-client-logo:has(img[src$="apple.png"]) img,.dw30-client-logo:has(img[src$="8vi.png"]) img{max-height:52px}
.dw30-client-logo:has(img[src$="plaza-premium-lounge.png"]),.dw30-client-logo:has(img[src$="aerotel.png"]){width:90px;flex-basis:90px}
.dw30-client-logo:has(img[src$="plaza-premium-lounge.png"]) img,.dw30-client-logo:has(img[src$="aerotel.png"]) img{max-height:64px}
.dw30-client-logo:has(img[src$="cathay-pacific.png"]),.dw30-client-logo:has(img[src$="subway.png"]){width:180px;flex-basis:180px}
@media(max-width:680px){.dw30-proof-line{gap:4px;margin-bottom:22px}.dw31-proof-heading{gap:10px}.dw30-proof-stars{font-size:18px;letter-spacing:2px}.dw30-proof-line strong{font-size:13px}.dw30-proof-caption{font-size:10px;padding:0 14px}.dw30-client-logo{height:55px;width:120px;flex-basis:120px;padding:0}.dw30-client-logo img{max-height:48px}.dw30-brand-track,.dw30-brand-group{gap:26px}.dw30-brand-track{animation-duration:12.6667s}.dw30-client-logo:has(img[src$="apple.png"]),.dw30-client-logo:has(img[src$="8vi.png"]),.dw30-client-logo:has(img[src$="plaza-premium-lounge.png"]),.dw30-client-logo:has(img[src$="aerotel.png"]){width:70px;flex-basis:70px}.dw30-client-logo:has(img[src$="cathay-pacific.png"]),.dw30-client-logo:has(img[src$="subway.png"]){width:140px;flex-basis:140px}}
@media(prefers-reduced-motion:reduce){.dw30-brand-track{animation:none}}


/* V5.32 — compact overlapping brand-logo medallions and faster, smaller proof marquee */
.dw30-proof-line{flex-direction:row;flex-wrap:wrap;gap:9px 18px;align-items:center;margin-bottom:22px}
.dw32-brand-avatars{display:inline-flex;align-items:center;padding-left:10px;flex-shrink:0}
.dw32-brand-avatar{
  width:40px;height:40px;flex:0 0 40px;margin-left:-10px;
  border:2px solid #fffaf4;border-radius:50%;
  background:#fffdf8;display:flex;align-items:center;justify-content:center;
  overflow:hidden;box-shadow:0 1px 5px rgba(38,35,28,.13)
}
.dw32-brand-avatar img{width:86%;height:86%;object-fit:contain;display:block}
.dw31-proof-heading{gap:12px;flex-wrap:nowrap}
.dw30-proof-caption{flex-basis:100%;text-align:center}
.dw30-brand-track{animation-duration:9.5s}
.dw30-client-logo{height:48px;width:124px;flex-basis:124px}
.dw30-client-logo img{max-height:43px}
.dw30-client-logo:has(img[src$="apple.png"]),
.dw30-client-logo:has(img[src$="8vi.png"]){width:70px;flex-basis:70px}
.dw30-client-logo:has(img[src$="apple.png"]) img,
.dw30-client-logo:has(img[src$="8vi.png"]) img{max-height:40px}
.dw30-client-logo:has(img[src$="plaza-premium-lounge.png"]),
.dw30-client-logo:has(img[src$="aerotel.png"]){width:68px;flex-basis:68px}
.dw30-client-logo:has(img[src$="plaza-premium-lounge.png"]) img,
.dw30-client-logo:has(img[src$="aerotel.png"]) img{max-height:45px}
.dw30-client-logo:has(img[src$="cathay-pacific.png"]),
.dw30-client-logo:has(img[src$="subway.png"]){width:144px;flex-basis:144px}
@media(max-width:680px){
 .dw30-proof-line{gap:7px 9px;margin-bottom:18px}
 .dw32-brand-avatar{width:31px;height:31px;flex-basis:31px;margin-left:-8px}
 .dw32-brand-avatars{padding-left:8px}
 .dw31-proof-heading{gap:7px}
 .dw30-proof-stars{font-size:15px;letter-spacing:1px}
 .dw30-proof-line strong{font-size:12px}
 .dw30-client-logo{height:42px;width:100px;flex-basis:100px}
 .dw30-client-logo img{max-height:36px}
 .dw30-brand-track{animation-duration:8s}
 .dw30-client-logo:has(img[src$="apple.png"]),
 .dw30-client-logo:has(img[src$="8vi.png"]),
 .dw30-client-logo:has(img[src$="plaza-premium-lounge.png"]),
 .dw30-client-logo:has(img[src$="aerotel.png"]){width:55px;flex-basis:55px}
 .dw30-client-logo:has(img[src$="cathay-pacific.png"]),
 .dw30-client-logo:has(img[src$="subway.png"]){width:112px;flex-basis:112px}
}
@media(prefers-reduced-motion:reduce){.dw30-brand-track{animation:none}}


/* V5.33 — smaller proof badges + white page background preview */
.dw32-brand-avatars{padding-left:6px;gap:0}
.dw32-brand-avatar{
  width:24px;height:24px;flex:0 0 24px;margin-left:-5px;
  border:1.5px solid #ffffff;border-radius:50%;
  background:#ffffff;box-shadow:0 1px 3px rgba(38,35,28,.08)
}
.dw32-brand-avatar img{width:68%;height:68%}
.dw31-proof-heading{gap:11px}
@media(max-width:680px){
 .dw32-brand-avatars{padding-left:4px}
 .dw32-brand-avatar{width:20px;height:20px;flex-basis:20px;margin-left:-4px}
 .dw32-brand-avatar img{width:66%;height:66%}
}
