/* Digital Marketing Agency — page-only styles (from source design) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

main.lw-dma,
.lw-dma {
  --bg:#090713;
  --bg2:#0d0a19;
  --card:#121022;
  --card2:#17132b;
  --text:#f7f4ff;
  --muted:#b7b0c7;
  --line:#2a2342;
  --purple:#8b35ff;
  --pink:#f05aae;
  --cyan:#72d9ff;
  --white:#fff;
  --radius:20px;
  --max:1180px;
  --dma-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0;
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: var(--dma-font) !important;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}
.lw-dma *,
.lw-dma *::before,
.lw-dma *::after { box-sizing: border-box; }

/* Beat site Roboto/Montserrat/Manrope + Bootstrap .card/.btn */
.lw-dma,
.lw-dma h1,
.lw-dma h2,
.lw-dma h3,
.lw-dma h4,
.lw-dma h5,
.lw-dma h6,
.lw-dma p,
.lw-dma li,
.lw-dma a,
.lw-dma span,
.lw-dma b,
.lw-dma strong,
.lw-dma small,
.lw-dma summary,
.lw-dma figcaption,
.lw-dma label,
.lw-dma button,
.lw-dma input,
.lw-dma textarea,
.lw-dma .btn,
.lw-dma .card,
.lw-dma .lead,
.lw-dma .eyebrow {
  font-family: var(--dma-font) !important;
}
.lw-dma a { color: inherit; text-decoration: none; }
.lw-dma img,
.lw-dma svg { max-width: 100%; display: block; }
.lw-dma .card {
  color: var(--text) !important;
  display: block !important;
  flex-direction: unset !important;
  box-shadow: none !important;
}
.lw-dma .card h3,
.lw-dma .card p,
.lw-dma .card a,
.lw-dma .card b,
.lw-dma .card span { color: inherit; }
.lw-dma .card p { color: var(--muted) !important; }
/* Kill site style.css .btn-primary / .btn-secondary (absolute, max-width:150px, etc.) */
.lw-dma a.btn,
.lw-dma .btn,
.lw-dma .btn-primary,
.lw-dma .btn-secondary,
.lw-dma .actions .btn,
.lw-dma .actions .btn-primary,
.lw-dma .actions .btn-secondary {
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 12px 20px !important;
  border-radius: 9px !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none;
  flex: 0 0 auto !important;
}
.lw-dma a.btn-primary,
.lw-dma .btn-primary,
.lw-dma .actions .btn-primary {
  color: #fff !important;
  background: linear-gradient(105deg, var(--purple), var(--pink)) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 10px 35px rgba(139, 53, 255, 0.24) !important;
}
.lw-dma a.btn-secondary,
.lw-dma .btn-secondary,
.lw-dma .actions .btn-secondary {
  color: #fff !important;
  background: #100d1c !important;
  border: 1px solid #4b3b68 !important;
  box-shadow: none !important;
}
.lw-dma a.btn:hover,
.lw-dma .btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}
.lw-dma h1,
.lw-dma h2,
.lw-dma h3 {
  color: var(--text) !important;
}
.lw-dma .gradient {
  background: linear-gradient(90deg, #fff 0%, #f1b3db 45%, #9f5cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.lw-dma .wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.lw-dma .narrow{width:min(calc(100% - 40px),800px);margin-inline:auto}.lw-dma .eyebrow{margin:0 0 12px;color:#d6a8ff;font-weight:800;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.lw-dma .gradient{background:linear-gradient(90deg,#fff 0%,#f1b3db 45%,#9f5cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lw-dma h1,.lw-dma h2,.lw-dma h3{line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}.lw-dma h1{font-size:clamp(2.45rem,5vw,4.8rem);max-width:760px}.lw-dma h2{font-size:clamp(2rem,4vw,3.35rem)}.lw-dma h3{font-size:1.25rem;letter-spacing:-.02em}.lw-dma p{margin:0 0 18px;color:var(--muted)}.lw-dma .lead{font-size:clamp(1.05rem,1.5vw,1.22rem);max-width:690px}.lw-dma .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border-radius:9px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s ease;font-size:.92rem;cursor:pointer}.lw-dma .btn-primary{background:linear-gradient(105deg,var(--purple),var(--pink));color:#fff;box-shadow:0 10px 35px rgba(139,53,255,.24)}.lw-dma .btn-secondary{border-color:#4b3b68;background:#100d1c;color:#fff}.lw-dma .btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.lw-dma .btn:focus-visible,.lw-dma input:focus-visible,.lw-dma select:focus-visible,.lw-dma textarea:focus-visible,.lw-dma summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.lw-dma .section{padding:72px 0;border-top:1px solid rgba(255,255,255,.045)}.lw-dma .section-head{max-width:760px;margin-bottom:34px}.lw-dma .section-head.centered{max-width:880px;margin-left:auto;margin-right:auto;text-align:center}.lw-dma .section-head.centered>p:last-child{max-width:760px;margin-left:auto;margin-right:auto}.lw-dma .section-head.centered .eyebrow{display:flex;align-items:center;justify-content:center;gap:12px}.lw-dma .section-head.centered .eyebrow:before,.lw-dma .section-head.centered .eyebrow:after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,#b65cff)}.lw-dma .section-head.centered .eyebrow:after{background:linear-gradient(90deg,#b65cff,transparent)}.lw-dma .hero{position:relative;overflow:hidden;padding:64px 0 70px;background:radial-gradient(circle at 78% 35%,rgba(139,53,255,.16),transparent 28%),radial-gradient(circle at 15% 18%,rgba(240,90,174,.09),transparent 30%),#090713}.lw-dma .hero-art{position:relative;margin:0;display:grid;place-items:center;min-height:480px}.lw-dma .hero-art:before{content:"";position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(139,53,255,.23),rgba(240,90,174,.08) 45%,transparent 70%);filter:blur(8px)}.lw-dma .hero-art img{position:relative;width:min(100%,620px);height:auto;object-fit:contain;filter:drop-shadow(0 32px 45px rgba(0,0,0,.42))}.lw-dma .hero-reviews{position:relative;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:28px}.lw-dma .hero-reviews>p{margin:0;color:#938aa5;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.lw-dma .review-badges{position:relative;width:min(100%,572px);flex:0 1 572px}.lw-dma .review-badges > img.review-platforms-composite{display:block;width:100%;height:auto}.lw-dma .review-hit{position:absolute;top:0;bottom:0;width:25%;border-radius:8px}.lw-dma .review-hit:hover{background:rgba(255,255,255,.035)}.lw-dma .review-hit:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.lw-dma .review-hit-1{left:0}.lw-dma .review-hit-2{left:25%}.lw-dma .review-hit-3{left:50%}.lw-dma .review-hit-4{left:75%}.lw-dma .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}.lw-dma .hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.lw-dma .hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin:26px 0 30px;padding:0;list-style:none}.lw-dma .hero-points li{color:#ded8ea;font-size:.9rem}.lw-dma .hero-points li:before{content:"✓";color:#e56eb6;font-weight:900;margin-right:8px}.lw-dma .actions{display:flex;flex-wrap:wrap;gap:12px}.lw-dma .trustline{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#938aa5;font-size:.78rem}.lw-dma .intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.lw-dma .strategy-intro{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 35%,rgba(139,53,255,.09),transparent 28%),linear-gradient(180deg,#0a0814,#0b0916)}.lw-dma .strategy-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.lw-dma .strategy-intro .intro-grid{position:relative}.lw-dma .intro-title{position:sticky;top:110px}.lw-dma .intro-symbol{width:58px;height:58px;margin-bottom:22px;border-radius:17px;display:grid;place-items:center;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.19),transparent 34%),linear-gradient(145deg,#7130d8,#de4d9f);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 38px rgba(101,37,190,.22),inset 0 1px rgba(255,255,255,.14)}.lw-dma .intro-symbol svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 5px rgba(0,0,0,.28))}.lw-dma .intro-body>p{font-size:1.04rem;line-height:1.78;color:#dcd5e5}.lw-dma .intro-body>p:first-child{color:#f0ebf5}.lw-dma .flow-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.lw-dma .flow-item{position:relative;min-height:78px;padding:15px 14px;border:1px solid #35284d;border-radius:13px;background:rgba(18,14,32,.8)}.lw-dma .flow-item:not(:last-child):after{content:"→";position:absolute;right:-11px;top:26px;z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#7e36df;font-size:.76rem;box-shadow:0 5px 14px rgba(126,54,223,.35)}.lw-dma .flow-item span{display:block;color:#cd7aff;font-size:.68rem;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.lw-dma .flow-item b{font-size:.86rem}.lw-dma .strategy-intro .stats-note{display:flex;gap:16px;align-items:flex-start;border:1px solid #4a2d65;border-left:3px solid var(--pink);border-radius:0 15px 15px 0;padding:21px 22px;background:linear-gradient(100deg,rgba(139,53,255,.12),rgba(240,90,174,.055))}.lw-dma .strategy-intro .stats-note .note-icon{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--purple),var(--pink));color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(139,53,255,.25)}.lw-dma .strategy-intro .stats-note strong{font-size:1.15rem}.lw-dma .strategy-intro .stats-note p{margin:5px 0 0}.lw-dma .stats-note{border-left:3px solid var(--pink);padding:4px 0 4px 22px}.lw-dma .stats-note strong{display:block;font-size:1.45rem;margin-bottom:5px}.lw-dma .problem-grid,.lw-dma .service-grid,.lw-dma .benefit-grid,.lw-dma .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lw-dma .card{background:linear-gradient(145deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:28px}.lw-dma .card p:last-child{margin-bottom:0}.lw-dma .pain-card{position:relative;overflow:hidden;min-height:238px;padding-top:30px;transition:transform .25s ease,border-color .25s ease}.lw-dma .pain-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--purple),var(--pink),transparent 82%)}.lw-dma .pain-card:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(166,91,255,.11);border-radius:50%;right:-82px;bottom:-80px;box-shadow:0 0 0 24px rgba(166,91,255,.025)}.lw-dma .pain-card:nth-child(2n):before{background:linear-gradient(90deg,var(--pink),var(--purple),transparent 82%)}.lw-dma .pain-card:hover{transform:translateY(-4px);border-color:#564079}.lw-dma .pain-card .icon{border-radius:12px;box-shadow:0 9px 24px rgba(139,53,255,.2)}.lw-dma .outcome-card{position:relative;padding:25px 25px 25px 82px;min-height:168px;background:rgba(18,16,34,.62);border-color:#302643;overflow:hidden;transition:background .2s ease,border-color .2s ease}.lw-dma .outcome-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:4px;background:linear-gradient(var(--purple),var(--pink))}.lw-dma .outcome-card:hover{background:#17122a;border-color:#533b76}.lw-dma .outcome-icon{position:absolute;left:22px;top:24px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.35rem;font-weight:900;background:linear-gradient(145deg,#7130d8,#de4d9f);box-shadow:0 10px 24px rgba(139,53,255,.2)}.lw-dma .outcome-card h3{font-size:1.14rem;margin-bottom:12px}.lw-dma .audience-card{position:relative;overflow:hidden;min-height:250px;padding:78px 24px 24px;background:linear-gradient(155deg,#181329,#0f0c1c);transition:transform .25s ease}.lw-dma .audience-card:before{content:attr(data-index);position:absolute;right:18px;top:4px;font-size:4.8rem;font-weight:900;line-height:1;color:rgba(171,95,255,.09);letter-spacing:-.08em}.lw-dma .audience-card:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#8b35ff,#ef5ab0)}.lw-dma .audience-card:nth-child(2):after{background:linear-gradient(90deg,#ef5ab0,#ff9dd2)}.lw-dma .audience-card:nth-child(3):after{background:linear-gradient(90deg,#72d9ff,#8b35ff)}.lw-dma .audience-card:nth-child(4):after{background:linear-gradient(90deg,#b26cff,#72d9ff)}.lw-dma .audience-card:hover{transform:translateY(-5px)}.lw-dma .audience-type{position:absolute;left:24px;top:25px;color:#ce85ff;font-size:.69rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.lw-dma .audience-card h3{position:relative}.lw-dma .icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,rgba(139,53,255,.2),rgba(240,90,174,.18));border:1px solid #513473;display:grid;place-items:center;margin-bottom:22px;color:#dda5ff;font-weight:900}.lw-dma .service-overview{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:start;margin-bottom:28px}.lw-dma .service-overview .section-head{margin-bottom:0;padding-top:3px}.lw-dma .service-overview .section-head>p:last-child{max-width:520px;font-size:1.08rem;line-height:1.75;color:#c8c0d5}.lw-dma .service-grid{grid-template-columns:repeat(3,1fr)}.lw-dma .section-visual{position:relative;margin:0;border:1px solid #35284e;border-radius:24px;overflow:hidden;background:#0b0915;aspect-ratio:3/2}.lw-dma .section-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.78) contrast(1.08)}.lw-dma .section-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(70,25,110,.16),transparent 55%,rgba(9,7,19,.12));pointer-events:none}.lw-dma .service-card{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.lw-dma .service-card:hover{transform:translateY(-4px);border-color:#513473}.lw-dma .service-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin-bottom:22px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 35%),linear-gradient(145deg,#21173a,#100d1c);border:1px solid #523a78;box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 30px rgba(90,35,145,.2)}.lw-dma .service-icon svg{width:34px;height:34px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.28))}.lw-dma .service-card a{color:#eb9bd0;font-weight:800;text-decoration:none;font-size:.88rem}.lw-dma .service-card a:hover{text-decoration:underline}.lw-dma .service-showcase{grid-column:span 2;position:relative;overflow:hidden;min-height:300px;margin:0;border:0;border-radius:var(--radius);display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;background:radial-gradient(circle at 82% 42%,rgba(139,53,255,.12),transparent 34%),#090713}.lw-dma .service-showcase:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--purple),var(--pink))}.lw-dma .service-showcase figcaption{position:relative;z-index:2;padding:28px 8px 28px 30px}.lw-dma .service-showcase figcaption span{display:block;margin-bottom:10px;color:#d687ff;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lw-dma .service-showcase figcaption strong{display:block;font-size:1.4rem;line-height:1.28;letter-spacing:-.02em}.lw-dma .service-showcase figcaption small{display:block;margin-top:11px;color:#b5adbf;font-size:.87rem;line-height:1.58}.lw-dma .service-showcase img{align-self:center;width:100%;height:290px;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 28px rgba(0,0,0,.34))}.lw-dma .local{background:linear-gradient(105deg,#16102a,#0d0a19 58%,#1d0b24);border-block:1px solid #332046}.lw-dma .local-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:52px;align-items:stretch}.lw-dma .visual{border:1px solid #3a2c54;border-radius:26px;padding:20px;background:#0b0915;box-shadow:0 35px 80px rgba(0,0,0,.25)}.lw-dma .visual-photo{position:relative;padding:0;overflow:hidden;aspect-ratio:auto;min-height:520px;margin:0}.lw-dma .visual-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(7,5,14,.82));pointer-events:none}.lw-dma .visual-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.04)}.lw-dma .visual-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;flex-wrap:wrap;gap:8px}.lw-dma .visual-caption span{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.03em;background:rgba(13,9,25,.76);border:1px solid rgba(218,154,255,.28);backdrop-filter:blur(8px)}.lw-dma .checklist{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}.lw-dma .checklist li{display:flex;gap:12px;color:#d5cede}.lw-dma .checklist li:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:linear-gradient(var(--purple),var(--pink));margin-top:9px}.lw-dma .audience-grid{grid-template-columns:repeat(4,1fr)}.lw-dma .industry-grid{grid-template-columns:repeat(3,1fr)}.lw-dma .cost-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lw-dma .decision-panel{position:relative;overflow:hidden;border:1px solid #342749;border-radius:22px;padding:34px;background:linear-gradient(145deg,#171229,#0e0b19)}.lw-dma .decision-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--purple),var(--pink),transparent 80%)}.lw-dma .decision-panel h2{font-size:clamp(1.8rem,3vw,2.7rem)}.lw-dma .factor-list{list-style:none;padding:0;margin:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.lw-dma .factor-list li{position:relative;padding:11px 12px 11px 31px;border:1px solid #302541;border-radius:10px;background:rgba(8,7,16,.45);color:#cbc3d7;font-size:.84rem}.lw-dma .factor-list li:before{content:"✓";position:absolute;left:11px;color:#db69b2;font-weight:900}.lw-dma .time-list{display:grid;gap:9px;margin:23px 0}.lw-dma .time-list div{display:grid;grid-template-columns:105px 1fr;gap:15px;align-items:center;padding:11px 13px;border:1px solid #302541;border-radius:10px;background:rgba(8,7,16,.45)}.lw-dma .time-list b{color:#d68cff}.lw-dma .time-list span{color:#bcb4ca;font-size:.85rem}.lw-dma .decision-note{margin:0;padding-left:14px;border-left:2px solid var(--pink);font-size:.82rem;color:#a89fb8}.lw-dma .audience-grid .audience-card{padding:78px 24px 24px}.lw-dma .audience-card:before{z-index:0;top:10px;right:16px;font-size:4.25rem;color:rgba(171,95,255,.065)}.lw-dma .audience-card:after{z-index:2}.lw-dma .audience-card .audience-type,.lw-dma .audience-card h3,.lw-dma .audience-card p{z-index:1}.lw-dma .audience-card h3,.lw-dma .audience-card p{position:relative}.lw-dma .process{counter-reset:step}.lw-dma .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;grid-auto-rows:1fr}.lw-dma .step{position:relative;min-height:215px;padding:78px 22px 24px;border:1px solid #302541;border-radius:18px;background:linear-gradient(145deg,rgba(24,19,42,.86),rgba(14,11,25,.9));box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease}.lw-dma .step:hover{transform:translateY(-3px);border-color:#51366f}.lw-dma .step:before{counter-increment:step;content:"0" counter(step);position:absolute;top:24px;left:22px;color:#cc7ff9;font-size:1.55rem;line-height:40px;font-weight:900}.lw-dma .step:not(:last-child):after{content:"";position:absolute;z-index:2;top:43px;left:126px;right:-18px;height:1px;background:linear-gradient(90deg,#7d3bd4,rgba(125,59,212,.18))}.lw-dma .step-icon{position:absolute;z-index:3;top:22px;left:72px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.18),transparent 35%),linear-gradient(145deg,#6f2fd3,#dc4b9d);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 24px rgba(112,45,210,.24),inset 0 1px rgba(255,255,255,.16);color:#fff;font-size:1.15rem;font-weight:900;text-shadow:0 3px 5px rgba(0,0,0,.3)}.lw-dma .step-icon svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.lw-dma .step h3{margin-bottom:13px}.lw-dma .step p{margin:0}.lw-dma .step:nth-child(3):after{display:none}.lw-dma .split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.lw-dma .signal-list{display:grid;gap:12px}.lw-dma .signal{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#100d1c}.lw-dma .signal b{display:block;margin-bottom:2px}.lw-dma .signal p{font-size:.88rem;margin:0}.lw-dma .strategy{background:linear-gradient(180deg,#0b0916,#0e0a19)}.lw-dma .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.lw-dma .channel-table{width:100%;border-collapse:collapse;min-width:700px}.lw-dma .channel-table th,.lw-dma .channel-table td{text-align:left;padding:17px 19px;border-bottom:1px solid var(--line)}.lw-dma .channel-table th{background:#161127;color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.lw-dma .channel-table td{color:var(--muted);font-size:.92rem}.lw-dma .channel-table tbody tr{transition:background .2s ease}.lw-dma .channel-table tbody tr:hover{background:rgba(139,53,255,.055)}.lw-dma .channel-table tr:last-child td{border-bottom:0}.lw-dma .channel-pill{display:inline-flex;align-items:center;min-width:92px;padding:7px 11px;border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.04em;border:1px solid}.lw-dma .channel-pill:before{content:"";width:7px;height:7px;border-radius:50%;margin-right:8px;background:currentColor;box-shadow:0 0 12px currentColor}.lw-dma .channel-pill.seo{color:#8ae2ff;background:rgba(114,217,255,.08);border-color:rgba(114,217,255,.28)}.lw-dma .channel-pill.ppc{color:#ff84c5;background:rgba(240,90,174,.08);border-color:rgba(240,90,174,.3)}.lw-dma .channel-pill.social{color:#bd8cff;background:rgba(139,53,255,.1);border-color:rgba(173,103,255,.3)}.lw-dma .channel-pill.content{color:#ffd08a;background:rgba(255,180,85,.08);border-color:rgba(255,180,85,.28)}.lw-dma .channel-pill.email{color:#a8ffcf;background:rgba(83,222,147,.08);border-color:rgba(83,222,147,.28)}.lw-dma .faq{display:grid;gap:12px}.lw-dma .faq details{border:1px solid var(--line);border-radius:12px;background:#0f0c1b;padding:0 20px}.lw-dma .faq summary{cursor:pointer;padding:19px 32px 19px 0;font-weight:800;position:relative;list-style:none}.lw-dma .faq summary::-webkit-details-marker{display:none}.lw-dma .faq summary:after{content:"+";position:absolute;right:0;color:#cf78ff;font-size:1.35rem}.lw-dma .faq details[open] summary:after{content:"−"}.lw-dma .faq details p{padding:0 0 18px;margin:0}.lw-dma .cta-band{padding:50px 0;background:linear-gradient(105deg,#261044,#6d1b74 52%,#28103f)}.lw-dma .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.lw-dma .cta-inner h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:8px}.lw-dma .cta-inner p{margin:0;color:#e5d8eb}.lw-dma .desktop-only{display:block}@media (hover:hover){.lw-dma .card,.lw-dma .step,.lw-dma .decision-panel,.lw-dma .signal{transition:background .28s ease,transform .25s ease,border-color .25s ease,box-shadow .28s ease}.lw-dma .card:hover,.lw-dma .step:hover,.lw-dma .decision-panel:hover,.lw-dma .signal:hover{background:linear-gradient(135deg,#7432d4 0%,#a73fd0 44%,#d9589f 100%);border-color:transparent;color:#fff;transform:translateY(-5px);box-shadow:0 20px 44px rgba(100,35,174,.24)}.lw-dma .card:hover p,.lw-dma .step:hover p,.lw-dma .decision-panel:hover p,.lw-dma .signal:hover p{color:rgba(255,255,255,.88)}.lw-dma .card:hover h3,.lw-dma .step:hover h3,.lw-dma .decision-panel:hover h2,.lw-dma .signal:hover b{color:#fff}.lw-dma .service-card:hover a{color:#fff;text-decoration:underline;text-underline-offset:3px}.lw-dma .service-card:hover .service-icon,.lw-dma .pain-card:hover .icon,.lw-dma .signal:hover .icon{background:rgba(12,8,25,.28);border-color:rgba(255,255,255,.34);box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 26px rgba(26,8,54,.2)}.lw-dma .audience-card:hover .audience-type{color:#fff}.lw-dma .audience-card:hover:before{color:rgba(255,255,255,.1)}.lw-dma .decision-panel:hover .decision-note{color:rgba(255,255,255,.8);border-left-color:#fff}}@media(max-width:900px){.lw-dma .service-overview{grid-template-columns:1fr;gap:30px}.lw-dma .service-grid{grid-template-columns:repeat(2,1fr)}.lw-dma .service-showcase{grid-column:span 1;grid-template-columns:1fr;min-height:300px}.lw-dma .service-showcase figcaption{position:absolute;left:0;bottom:0;width:58%;padding:22px;z-index:3;background:linear-gradient(90deg,rgba(9,7,19,.96),rgba(9,7,19,.5),transparent)}.lw-dma .service-showcase img{width:70%;margin-left:auto}.lw-dma .hero-grid,.lw-dma .intro-grid,.lw-dma .local-grid,.lw-dma .split{grid-template-columns:1fr}.lw-dma .hero-grid{gap:36px}.lw-dma .hero-reviews{align-items:flex-start;flex-direction:column;gap:10px}.lw-dma .review-badges{flex:none;width:min(100%,572px)}.lw-dma .hero-art{min-height:400px}.lw-dma .hero-art img{width:min(78vw,560px)}.lw-dma .intro-grid,.lw-dma .local-grid,.lw-dma .split{gap:38px}.lw-dma .visual-photo{min-height:420px}.lw-dma .intro-title{position:static}.lw-dma .flow-rail{max-width:700px}.lw-dma .problem-grid,.lw-dma .benefit-grid,.lw-dma .audience-grid,.lw-dma .industry-grid{grid-template-columns:repeat(2,1fr)}.lw-dma .steps{grid-template-columns:repeat(2,1fr)}.lw-dma .step:nth-child(3):after{display:block}.lw-dma .step:nth-child(2):after,.lw-dma .step:nth-child(4):after{display:none}.lw-dma .cost-time-grid{grid-template-columns:1fr}.lw-dma .section{padding:58px 0}}
    @media(max-width:620px){.lw-dma .service-grid{grid-template-columns:1fr}.lw-dma .service-showcase{grid-template-columns:1fr;min-height:390px}.lw-dma .service-showcase figcaption{position:relative;bottom:auto;width:auto;padding:22px 22px 8px;background:none}.lw-dma .service-showcase img{width:100%;height:260px;margin:0}.lw-dma .factor-list{grid-template-columns:1fr}.lw-dma .time-list div{grid-template-columns:82px 1fr}.lw-dma .decision-panel{padding:24px}.lw-dma .wrap,.lw-dma .narrow{width:min(calc(100% - 28px),var(--max))}.lw-dma .hero{padding:46px 0 50px}.lw-dma .visual-photo{min-height:310px}.lw-dma .hero-art{min-height:320px}.lw-dma .hero-art img{width:min(100%,430px)}.lw-dma .problem-grid,.lw-dma .service-grid,.lw-dma .benefit-grid,.lw-dma .audience-grid,.lw-dma .steps{grid-template-columns:1fr}.lw-dma .step:after,.lw-dma .step:nth-child(3):after{display:none}.lw-dma .section{padding:46px 0}.lw-dma .flow-rail{grid-template-columns:1fr}.lw-dma .flow-item{min-height:auto}.lw-dma .flow-item:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-16px;transform:translateX(-50%)}.lw-dma .strategy-intro .stats-note{padding:18px 16px}.lw-dma .section-head{margin-bottom:34px}.lw-dma .section-head.centered .eyebrow:before,.lw-dma .section-head.centered .eyebrow:after{display:none}.lw-dma .section-head.centered .eyebrow{letter-spacing:.12em}.lw-dma .cta-inner{align-items:flex-start;flex-direction:column}.lw-dma .card{padding:23px}.lw-dma h1{font-size:2.45rem}.lw-dma .desktop-only{display:none}}


/*
 * Site .nav-header is position:absolute over the page (same as abu-dhabi).
 * Source HTML had its own in-flow header — without extra top padding the
 * eyebrow/H1 collide with the Logic Works nav.
 */
.lw-dma .hero {
  padding: 140px 0 70px !important;
  z-index: 1;
}
.lw-dma .hero-grid,
.lw-dma .hero-reviews {
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .lw-dma .hero {
    /* clears absolute site header (~89–120px) + room under logo */
    padding: 200px 0 80px !important;
  }
}
@media (max-width: 991px) {
  .lw-dma .hero {
    padding: 130px 0 56px !important;
  }
}
@media (max-width: 620px) {
  .lw-dma .hero {
    padding: 120px 0 50px !important;
  }
}

/* Hero art — cutout treatment (source character style), not a framed photo card */
.lw-dma .hero-art img.hero-character {
  width: min(100%, 560px) !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  filter: drop-shadow(0 32px 45px rgba(0, 0, 0, 0.42));
}

/* Reveal (page JS) */
.lw-dma .dma-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .55s ease, transform .55s ease;
}
.lw-dma .dma-reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* Review logos — override source .review-badges img{width:100%} which broke logo row */
.lw-dma .review-badges {
  width: min(100%, 572px);
  max-width: 572px;
  /* IMPORTANT: do NOT use flex-basis:572px — on mobile hero-reviews
     becomes flex-direction:column and that basis becomes HEIGHT (~572px gap). */
  flex: 0 1 auto;
  height: auto;
  position: relative;
}
.lw-dma .review-badges > img.review-platforms-composite {
  display: block;
  width: 100%;
  height: auto;
}
.lw-dma .review-badges-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px 14px;
  width: 100%;
}
.lw-dma .review-badges-row a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(16,13,28,.55);
  transition: .2s ease;
  flex: 0 0 auto;
}
.lw-dma .review-badges-row a:hover {
  border-color: rgba(218,154,255,.35);
  background: rgba(139,53,255,.12);
}
.lw-dma .review-badges-row img,
.lw-dma .review-badges .review-badges-row img {
  display: block !important;
  width: auto !important;
  max-width: 118px !important;
  height: 34px !important;
  object-fit: contain !important;
}
@media (max-width: 900px) {
  .lw-dma .hero-reviews {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .lw-dma .review-badges {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .lw-dma .hero-art {
    min-height: 0 !important;
  }
}
@media (max-width: 620px) {
  .lw-dma .review-badges-row img,
  .lw-dma .review-badges .review-badges-row img {
    height: 28px !important;
    max-width: 96px !important;
  }
  .lw-dma .hero-art {
    min-height: 0 !important;
  }
  .lw-dma .hero-art img.hero-character {
    width: min(100%, 320px) !important;
  }
}

/* Hero CTAs: side-by-side, single-line labels (match attach / source) */
.lw-dma .hero .actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}
.lw-dma .hero .actions .btn {
  white-space: nowrap !important;
}

/* Footer CTA: copy left, stacked actions right (phone one line) */
.lw-dma .cta-band {
  padding: 56px 0 !important;
}
.lw-dma .cta-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 36px !important;
}
.lw-dma .cta-copy {
  flex: 1 1 auto;
  max-width: 640px;
}
.lw-dma .cta-inner h2 {
  font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
  margin: 0 0 10px !important;
  color: #fff !important;
}
.lw-dma .cta-inner p {
  margin: 0 !important;
  color: #e5d8eb !important;
}
.lw-dma .cta-actions {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
}
.lw-dma .cta-actions .btn {
  white-space: nowrap !important;
}
.lw-dma .cta-actions .cta-call {
  margin-left: 0 !important;
  white-space: nowrap !important;
}
@media (max-width: 900px) {
  .lw-dma .cta-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}