/* Paid Social service visuals v40 — responsive dashboard art for desktop + phone. */
.service-module .module-visual{min-width:0;min-height:0}
.service-module .visual{height:460px!important;max-width:620px;margin-inline:auto;border-radius:32px!important;overflow:hidden!important;isolation:isolate;background:linear-gradient(145deg,#0a0a0d 0%,#111116 58%,#0b0b0f 100%)!important;border:1px solid rgba(255,255,255,.06);box-shadow:0 28px 72px rgba(20,14,34,.16);transition:transform .35s ease,box-shadow .35s ease}
.service-module .visual:hover{transform:translateY(-3px);box-shadow:0 34px 82px rgba(20,14,34,.2)}
.service-module .visual:before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:38px 38px!important;opacity:.46!important}
.service-module .visual:after{content:"";position:absolute;z-index:0;width:270px;height:270px;right:-95px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(129,73,255,.28),rgba(255,122,24,.08) 48%,transparent 70%);filter:blur(4px);pointer-events:none}
.service-module .visual>*{z-index:1;box-sizing:border-box}
.service-module .visual small{font-size:7px!important;line-height:1.2!important;letter-spacing:.12em!important}
.service-module .visual span,.service-module .visual b,.service-module .visual strong{overflow-wrap:anywhere}

/* 01 — Campaign setup */
.setup-board{left:28px!important;top:38px!important;width:calc(100% - 124px)!important;height:376px!important;padding:22px!important;border-radius:25px!important;box-shadow:0 18px 48px rgba(0,0,0,.24)}
.setup-top small{font-size:7px!important}.setup-top b{font-size:8px!important}
.setup-grid{gap:12px!important;margin-top:21px!important}.setup-box{padding:14px!important;border-radius:17px!important}.setup-box i{width:32px!important;height:32px!important;font-size:7px!important}.setup-box strong{font-size:10px!important}.setup-box span{font-size:7px!important;line-height:1.35!important}
.launch-bar{margin-top:18px!important}.launch-bar b{font-size:7px!important;line-height:1.3!important}
.setup-check{right:24px!important;top:57px!important;width:72px!important;height:72px!important;border-radius:24px!important;font-size:30px!important;box-shadow:0 16px 40px rgba(129,73,255,.3)!important}

/* 02 — Budget strategy */
.budget-card{left:28px!important;top:40px!important;width:59%!important;height:376px!important;padding:22px!important;border-radius:25px!important;box-shadow:0 18px 48px rgba(0,0,0,.24)}
.budget-head small{font-size:7px!important}.budget-head b{font-size:26px!important}.budget-head span{font-size:7px!important}.budget-head>strong{font-size:7px!important;padding:8px 11px!important}
.budget-chart{height:180px!important;margin-top:28px!important}
.budget-donut{right:24px!important;top:48px!important;width:31%!important;height:184px!important;padding:18px!important;border-radius:21px!important;backdrop-filter:blur(12px)}
.donut-ring{width:92px!important;height:92px!important;margin-bottom:15px!important}.budget-donut b{font-size:9px!important;line-height:1.25!important}
.coin-stack{right:25px!important;bottom:42px!important;width:30%!important;justify-content:center!important;gap:8px!important}.coin-stack i{width:20px!important;box-shadow:0 8px 22px rgba(129,73,255,.2)}

/* 03 — Meta ads */
.meta-phone{left:28px!important;top:38px!important;width:50%!important;height:382px!important;padding:20px!important;border-radius:27px!important;box-shadow:0 18px 48px rgba(0,0,0,.24)}
.meta-top small{font-size:7px!important}.meta-top b{font-size:7px!important;padding:7px 9px!important}.meta-post{margin-top:18px!important}.meta-avatar{width:31px!important;height:31px!important}.meta-lines i{height:8px!important}.meta-image{height:175px!important;border-radius:18px!important;margin-top:14px!important}.meta-actions{font-size:16px!important;margin-top:13px!important}
.meta-card{right:24px!important;width:39%!important;min-height:96px!important;padding:15px!important;border-radius:18px!important;backdrop-filter:blur(12px)}
.meta-card small{font-size:7px!important}.meta-card b{font-size:9px!important;line-height:1.3!important}.meta-card span{font-size:7px!important;line-height:1.3!important}.mc1{top:50px!important}.mc2{top:168px!important}.mc3{top:286px!important}
.meta-badge{left:46%!important;top:69px!important;width:58px!important;height:58px!important;border-radius:19px!important;font-size:11px!important;box-shadow:0 14px 34px rgba(129,73,255,.34)!important}

/* 04 — Google ads */
.search-board{left:27px!important;top:48px!important;width:60%!important;height:350px!important;padding:21px!important;border-radius:25px!important;box-shadow:0 18px 48px rgba(0,0,0,.24)}
.search-bar{height:52px!important;grid-template-columns:30px 1fr 24px!important;padding:0 13px!important}.search-bar span{font-size:19px!important}.search-bar b{font-size:8px!important}.search-bar i{font-size:16px!important}
.search-result{padding:22px 10px 0!important}.search-result small{font-size:7px!important}.search-result h4{font-size:15px!important;line-height:1.25!important;margin:9px 0 7px!important}.search-result p{font-size:8px!important;line-height:1.45!important}.result-lines{gap:9px!important;margin-top:20px!important}.result-lines i{height:9px!important}
.google-side{right:23px!important;top:47px!important;width:31%!important;min-height:147px!important;padding:17px!important;border-radius:20px!important;backdrop-filter:blur(12px)}
.google-logo{width:44px!important;height:44px!important;font-size:18px!important}.google-side small{font-size:7px!important}.google-side b{font-size:9px!important;line-height:1.35!important}
.keyword-card,.conversion-card{right:23px!important;width:31%!important;min-height:74px!important;padding:13px!important;border-radius:17px!important}.keyword-card{bottom:auto!important;top:214px!important}.conversion-card{bottom:auto!important;top:304px!important}.keyword-card span,.conversion-card span{font-size:7px!important}.keyword-card b,.conversion-card b{font-size:8px!important;line-height:1.3!important}

/* 05 — Scaling winning ads */
.scale-panel{left:28px!important;top:40px!important;width:67%!important;height:378px!important;padding:22px!important;border-radius:25px!important;box-shadow:0 18px 48px rgba(0,0,0,.24)}
.scale-head small{font-size:7px!important}.scale-head b{font-size:13px!important}.scale-line{height:165px!important;margin-top:18px!important}.campaign-list{gap:8px!important}.campaign-list span{height:34px!important;padding:9px 11px!important;font-size:7px!important;border-radius:10px!important}
.scale-bars{right:24px!important;bottom:42px!important;width:21%!important;height:176px!important;justify-content:center!important;gap:8px!important}.scale-bars i{width:25px!important;border-radius:10px 10px 4px 4px!important;box-shadow:0 10px 24px rgba(129,73,255,.22)}
.scale-arrow{right:29px!important;top:50px!important;font-size:68px!important;text-shadow:0 13px 32px rgba(129,73,255,.26)}

/* 06 — Performance reports */
.report-board{left:27px!important;top:40px!important;width:70%!important;height:378px!important;padding:21px!important;border-radius:25px!important;box-shadow:0 18px 48px rgba(0,0,0,.24)}
.report-head small{font-size:7px!important}.report-head b{font-size:10px!important}.report-head span{font-size:7px!important;padding:8px 10px!important}
.report-metrics{grid-template-columns:repeat(2,1fr)!important;gap:9px!important;margin-top:18px!important}.report-metrics div{padding:11px!important;border-radius:14px!important}.report-metrics small{font-size:6.5px!important}.report-metrics b{font-size:11px!important;margin-top:5px!important}
.report-chart{height:150px!important;margin-top:13px!important;padding:10px!important;border-radius:16px!important}
.report-note{right:22px!important;width:23%!important;min-height:90px!important;padding:14px!important;border-radius:17px!important}.report-note small{font-size:7px!important}.report-note b{font-size:8.5px!important;line-height:1.35!important}.rn1{top:92px!important}.rn2{bottom:auto!important;top:219px!important}

@media(max-width:1050px){
  .service-module{padding:66px 0!important}.module-grid{gap:28px!important}.service-module .module-visual{width:min(100%,680px);margin-inline:auto}.service-module .visual{max-width:680px}
}

@media(max-width:700px){
  .service-module{padding:54px 0!important}.module-grid{gap:24px!important}.module-copy h2{font-size:clamp(31px,9.4vw,38px)!important;line-height:1.02!important}.module-copy>p{font-size:12px!important;line-height:1.65!important}.detail-pills{gap:7px!important;margin-top:17px!important}.detail-pill{font-size:9px!important;padding:9px 11px!important}
  .service-module .visual{height:452px!important;border-radius:25px!important;box-shadow:0 22px 56px rgba(20,14,34,.15)}.service-module .visual:hover{transform:none}.service-module .visual:before{background-size:30px 30px!important}
  .service-module .visual small{font-size:7.5px!important}.service-module .visual:after{width:230px;height:230px;right:-105px;top:-100px}

  .setup-visual{height:400px!important}.setup-board{left:14px!important;right:14px!important;top:14px!important;width:auto!important;height:328px!important;padding:16px!important;border-radius:21px!important}.setup-grid{gap:8px!important;margin-top:16px!important}.setup-box{padding:10px!important}.setup-box strong{font-size:9px!important}.setup-box span{font-size:6.8px!important}.launch-bar{margin-top:13px!important;gap:6px!important}.launch-bar b{font-size:6.5px!important}.setup-check{right:18px!important;top:auto!important;bottom:15px!important;width:48px!important;height:48px!important;border-radius:16px!important;font-size:22px!important}

  .budget-visual{height:455px!important}.budget-card{left:14px!important;right:14px!important;top:14px!important;width:auto!important;height:265px!important;padding:16px!important;border-radius:21px!important}.budget-head b{font-size:23px!important}.budget-chart{height:125px!important;margin-top:18px!important}.budget-donut{left:14px!important;right:auto!important;top:auto!important;bottom:14px!important;width:46%!important;height:148px!important;padding:13px!important}.donut-ring{width:70px!important;height:70px!important;margin-bottom:10px!important}.donut-ring:after{inset:12px!important}.budget-donut b{font-size:8px!important}.coin-stack{left:auto!important;right:17px!important;bottom:25px!important;width:43%!important;height:112px!important;align-items:flex-end!important;gap:7px!important}.coin-stack i{width:18px!important}

  .meta-visual{height:462px!important}.meta-phone{left:14px!important;right:14px!important;top:14px!important;width:auto!important;height:235px!important;padding:15px!important;border-radius:21px!important}.meta-post{margin-top:10px!important}.meta-avatar{width:25px!important;height:25px!important}.meta-lines{gap:5px!important;margin-top:7px!important}.meta-lines i{height:6px!important}.meta-image{height:91px!important;margin-top:9px!important;border-radius:14px!important}.meta-actions{font-size:13px!important;margin-top:8px!important}.meta-badge{left:auto!important;right:25px!important;top:38px!important;width:50px!important;height:50px!important;border-radius:17px!important;font-size:9px!important}
  .meta-card{left:14px!important;right:14px!important;width:auto!important;min-height:54px!important;height:54px!important;padding:9px 12px!important;display:grid!important;grid-template-columns:78px 1fr!important;grid-template-rows:1fr 1fr!important;column-gap:10px!important;align-items:center!important}.meta-card small{grid-row:1 / 3!important;align-self:center!important}.meta-card b{grid-column:2!important;margin:0!important;font-size:8.5px!important}.meta-card span{grid-column:2!important;margin:0!important;font-size:7px!important}.mc1{top:263px!important}.mc2{top:327px!important}.mc3{top:391px!important}

  .google-visual{height:468px!important}.search-board{left:14px!important;right:14px!important;top:14px!important;width:auto!important;height:238px!important;padding:15px!important;border-radius:21px!important}.search-bar{height:44px!important;grid-template-columns:27px 1fr 20px!important;padding:0 10px!important}.search-bar span{font-size:17px!important}.search-bar b{font-size:7.5px!important}.search-result{padding:15px 6px 0!important}.search-result h4{font-size:12px!important;margin:7px 0 5px!important}.search-result p{font-size:7.5px!important}.result-lines{gap:6px!important;margin-top:12px!important}.result-lines i{height:7px!important}
  .google-side{left:14px!important;right:14px!important;top:264px!important;width:auto!important;min-height:82px!important;padding:11px 13px!important;display:grid!important;grid-template-columns:44px 1fr!important;grid-template-rows:auto auto!important;column-gap:11px!important;align-items:center!important}.google-logo{grid-row:1 / 3!important;width:40px!important;height:40px!important}.google-side small{margin:0!important}.google-side b{margin:3px 0 0!important;font-size:8.5px!important}
  .keyword-card,.conversion-card{top:auto!important;bottom:14px!important;width:calc(50% - 21px)!important;min-height:88px!important;padding:11px!important}.keyword-card{left:14px!important;right:auto!important}.conversion-card{right:14px!important}.keyword-card b,.conversion-card b{font-size:8px!important}

  .scale-visual{height:448px!important}.scale-panel{left:14px!important;right:14px!important;top:14px!important;width:auto!important;height:281px!important;padding:15px!important;border-radius:21px!important}.scale-head b{font-size:11px!important}.scale-line{height:112px!important;margin-top:13px!important}.campaign-list{gap:6px!important}.campaign-list span{height:29px!important;padding:7px 9px!important;font-size:7px!important}.scale-bars{left:20px!important;right:auto!important;bottom:18px!important;width:46%!important;height:124px!important;gap:8px!important}.scale-bars i{width:24px!important}.scale-arrow{left:auto!important;right:25px!important;top:auto!important;bottom:34px!important;font-size:72px!important}

  .report-visual{height:468px!important}.report-board{left:14px!important;right:14px!important;top:14px!important;width:auto!important;height:322px!important;padding:15px!important;border-radius:21px!important}.report-metrics{gap:7px!important;margin-top:13px!important}.report-metrics div{padding:8px!important}.report-metrics b{font-size:10px!important}.report-chart{height:117px!important;margin-top:9px!important}.report-note{top:auto!important;bottom:14px!important;width:calc(50% - 21px)!important;min-height:100px!important;padding:11px!important}.rn1{left:14px!important;right:auto!important}.rn2{right:14px!important}.report-note b{font-size:8px!important}
}

@media(max-width:390px){
  .service-module .visual{border-radius:22px!important}.setup-board,.budget-card,.meta-phone,.search-board,.scale-panel,.report-board{left:11px!important;right:11px!important}.meta-card,.google-side{left:11px!important;right:11px!important}.keyword-card,.rn1{left:11px!important}.conversion-card,.rn2{right:11px!important}.keyword-card,.conversion-card,.report-note{width:calc(50% - 17px)!important}
  .meta-card{grid-template-columns:70px 1fr!important}.report-head small{font-size:6.3px!important}.report-metrics small{font-size:6px!important}.budget-head b{font-size:21px!important}
}

@media(prefers-reduced-motion:reduce){.service-module .visual{transition:none!important}}