/* ============================================================
   Bravura Marketing - Service Pages shared design system
   EDIT DESIGN HERE: changes apply to ALL service pages at once.
   Per-page HTML should hold content only, not styling.
   (Site-wide nav/dropdown styling lives in bravuramarketing.shared.*.css)
   ============================================================ */
      .wd-page { --navy:#171c2d; --navy2:#121520; --bluegrey:#254252; --cream:#f1eee3; --white:#fcf9f7; --blue:#209bd9; --orange:#e37239; --orange2:#f9982f; }
      .wd-page :where(h1,h2,h3,.wd-h2,.wd-eyebrow){ font-family:Montserrat,sans-serif; }
      .wd-page :where(p,li,.wd-sub,.wd-body){ font-family:Lato,sans-serif; }
      /* obvious placeholders */
      .wd-ph{ white-space:nowrap; } /* placeholder-number wrapper; tan highlight removed for review (numbers show as plain text). Re-add a background here to flag placeholders again pre-launch. */
      .wd-ph-note{ display:inline-block; font-family:Montserrat,sans-serif; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#b93d0c; background:#fff6d5; border:1px dashed #edbc0c; border-radius:4px; padding:3px 8px; margin-bottom:10px; }
      /* layout primitives */
      .wd-section{ padding:84px 5vw; scroll-margin-top:96px; }
      .wd-container{ max-width:1180px; margin:0 auto; }
      .wd-section.dark{ background:var(--navy); color:var(--cream); }
      .wd-section.darker{ background:var(--navy2); color:var(--cream); }
      .wd-section.cream{ background:var(--cream); color:var(--navy); }
      .wd-section.white{ background:var(--white); color:var(--navy); }
      .wd-eyebrow{ font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--blue); margin:0 0 14px; }
      .wd-h2{ font-size:clamp(28px,4vw,44px); font-weight:800; line-height:1.1; margin:0 0 16px; }
      .wd-sub{ font-size:clamp(16px,1.6vw,19px); line-height:1.6; max-width:760px; opacity:.92; margin:0 0 8px; }
      .wd-center{ text-align:center; margin:0 auto 48px; }
      .wd-center .wd-sub{ margin-left:auto; margin-right:auto; }
      .wd-btn{ display:inline-block; font-family:Montserrat,sans-serif; font-weight:700; font-size:15px; letter-spacing:.02em; padding:15px 30px; border-radius:100px; text-decoration:none; cursor:pointer; transition:all .35s; border:0; }
      .wd-btn.primary{ background:linear-gradient(120deg,var(--blue),#0c57ad); color:#fff; }
      .wd-btn.orange{ background:linear-gradient(120deg,var(--orange2),var(--orange)); color:#fff; }
      .wd-btn.ghost{ background:transparent; color:var(--cream); border:2px solid rgba(252,249,247,.4); }
      .wd-section.cream .wd-btn.ghost,.wd-section.white .wd-btn.ghost{ color:var(--navy); border-color:rgba(23,28,45,.3); }
      .wd-btn:hover{ outline:3px solid var(--blue); outline-offset:10px; }
      /* hero */
      .wd-hero{ background:radial-gradient(120% 120% at 80% 0%,#1c2c48 0%,var(--navy) 45%,var(--navy2) 100%); color:var(--cream); padding:150px 5vw 84px; scroll-margin-top:96px; }
      .wd-hero-inner{ max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.05fr .95fr; gap:54px; align-items:center; }
      .wd-hero h1{ font-size:clamp(32px,4.6vw,54px); font-weight:800; line-height:1.07; margin:0 0 18px; }
      .wd-hero h1 .spanblue{ color:var(--blue); text-shadow:0 0 8px rgba(32,155,217,.3); }
      .wd-hero .wd-sub{ opacity:.9; }
      .wd-hero-cta{ margin:26px 0 30px; display:flex; gap:14px; flex-wrap:wrap; }
      .wd-stats-row{ display:flex; gap:30px; flex-wrap:wrap; border-top:1px solid rgba(252,249,247,.16); padding-top:24px; }
      .wd-stat-num{ font-family:Montserrat,sans-serif; font-weight:800; font-size:30px; color:var(--blue); line-height:1; }
      .wd-stat-label{ font-size:13px; opacity:.82; margin-top:6px; max-width:150px; }
      .wd-hero-visual{ position:relative; }
      .wd-hero-visual img{ width:100%; height:auto; display:block; border-radius:14px; }
      .wd-hero-quote{ margin-top:18px; background:rgba(252,249,247,.06); border:1px solid rgba(252,249,247,.12); border-radius:12px; padding:18px 20px; font-size:14px; line-height:1.55; }
      /* sub-nav + trust */
      .wd-subnav{ position:sticky; top:0; z-index:60; background:rgba(18,21,32,.96); backdrop-filter:blur(6px); border-bottom:1px solid rgba(252,249,247,.1); }
      .wd-subnav-inner{ max-width:1180px; margin:0 auto; display:flex; gap:8px; flex-wrap:wrap; justify-content:center; padding:12px 5vw; }
      .wd-subnav a{ color:var(--cream); text-decoration:none; font-family:Montserrat,sans-serif; font-weight:600; font-size:14px; padding:8px 16px; border-radius:999px; opacity:.85; transition:background .15s,opacity .15s; }
      .wd-subnav a:hover{ background:rgba(32,155,217,.18); opacity:1; }
      .wd-trust{ background:var(--navy2); padding:44px 5vw; }
      .wd-trust-inner{ max-width:1180px; margin:0 auto; }
      .wd-trust-label{ text-align:center; color:var(--cream); opacity:.7; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin:0 0 26px; }
      .wd-trust .brix---logo-strip-v10-flex{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; gap:20px; overflow-x:auto; scrollbar-width:none; background:transparent; border:0; border-radius:0; padding:0; }
      .wd-trust .brix---logo-strip-v10-flex::-webkit-scrollbar{ display:none; }
      .wd-trust .brix---logo-strip-v10-item{ height:86px; width:86px; border-radius:50%; background:transparent; border:2px solid rgba(241,238,227,.85); object-fit:cover; padding:0; overflow:hidden; box-sizing:border-box; flex:0 0 auto; }
      /* generic grids */
      .wd-grid{ display:grid; gap:24px; }
      .wd-grid.cols-2{ grid-template-columns:repeat(2,1fr); }
      .wd-grid.cols-3{ grid-template-columns:repeat(3,1fr); }
      .wd-card{ background:rgba(252,249,247,.04); border:1px solid rgba(252,249,247,.1); border-radius:14px; padding:28px; text-align:center; }
      .wd-section.cream .wd-card,.wd-section.white .wd-card{ background:#fff; border-color:rgba(23,28,45,.08); box-shadow:0 6px 22px rgba(20,20,43,.06); }
      .wd-card h3{ font-size:19px; font-weight:700; margin:0 0 10px; }
      .wd-card p{ font-size:15px; line-height:1.6; margin:0; opacity:.9; }
      .wd-card .wd-icon{ width:46px; height:46px; object-fit:contain; display:block; margin:0 auto 14px; }
      .wd-card{ transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
      .wd-card:hover{ transform:translateY(-3px); border-color:rgba(32,155,217,.5); }
      /* pricing */
      .wd-price-wrap{ display:grid; grid-template-columns:1fr 1.25fr; gap:36px; align-items:start; }
      .wd-price-card{ background:linear-gradient(160deg,#1c2c48,var(--navy)); color:var(--cream); border-radius:18px; padding:34px; border:1px solid rgba(32,155,217,.25); }
      .wd-price-card .wd-price{ font-family:Montserrat,sans-serif; font-weight:800; font-size:40px; color:#fff; margin:6px 0 2px; }
      .wd-price-card .wd-price small{ font-size:15px; font-weight:600; opacity:.8; }
      .wd-included{ list-style:none; padding:0; margin:18px 0 0; }
      .wd-included li{ position:relative; padding:9px 0 9px 30px; font-size:14.5px; border-top:1px solid rgba(252,249,247,.1); }
      .wd-included li:before{ content:"✓"; position:absolute; left:0; color:var(--blue); font-weight:800; }
      .wd-factors .wd-factor{ padding:18px 0; border-bottom:1px solid rgba(23,28,45,.1); }
      .wd-section.cream .wd-factor h3{ color:var(--navy); }
      .wd-factor h3{ font-size:18px; margin:0 0 6px; }
      .wd-factor h3 span{ color:var(--orange); font-weight:800; margin-right:8px; }
      /* process */
      .wd-steps{ display:grid; grid-template-columns:repeat(6,1fr); gap:18px; }
      .wd-step{ text-align:center; border:1px solid rgba(23,28,45,.1); border-radius:14px; padding:24px 14px; transition:border-color .2s, box-shadow .2s; }
      .wd-step-num{ width:50px; height:50px; margin:0 auto 12px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:Montserrat,sans-serif; font-weight:800; color:#fff; background:linear-gradient(120deg,var(--blue),#0c57ad); }
      .wd-step h3{ font-size:15px; margin:0; }
      .wd-step-num{ transition:transform .25s ease; }
      .wd-step:hover .wd-step-num{ transform:scale(1.12); }
      .wd-step:hover{ border-color:rgba(32,155,217,.4); box-shadow:0 8px 22px rgba(20,20,43,.08); }
      /* featured work */
      .wd-work-card{ border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 8px 26px rgba(20,20,43,.1); }
      .wd-work-card img{ width:100%; height:200px; object-fit:cover; display:block; }
      .wd-work-card .wd-work-body{ padding:18px 20px; }
      .wd-work-card h3{ font-size:17px; margin:0 0 4px; color:var(--navy); }
      .wd-work-card p{ font-size:13.5px; color:var(--bluegrey); margin:0; }
      /* testimonial */
      .wd-tstmnl{ max-width:820px; margin:0 auto; text-align:center; }
      .wd-tstmnl blockquote{ font-size:clamp(18px,2.2vw,24px); line-height:1.5; font-style:italic; margin:0 0 20px; }
      .wd-tstmnl .wd-tstmnl-by{ font-family:Montserrat,sans-serif; font-weight:700; }
      /* lead form */
      .wd-lead{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
      .wd-lead .w-form input,.wd-lead .w-form textarea{ width:100%; margin-bottom:14px; }
      /* FAQ accordion sits on a light section, force readable dark text */
      #faq .waves---paragraph-regular{ color:#171c2d; }
      #faq .waves-expanded-text{ color:#374046; }
      /* Accordion Q/A hierarchy: bold question, subtle divider + balanced spacing between Q and A */
      .wd-page .waves---paragraph-regular{ font-weight:700; }
      .wd-page .waves---expand-space{ height:0; }
      .wd-page .waves-expanded-text{ padding-top:14px; margin-top:14px; }
      #faq .waves-expanded-text{ border-top:1px solid rgba(23,28,45,.14); }
      /* reveal (fail-safe: visible by default; GSAP animates from) */
      .wd-reveal{ will-change:transform,opacity; }
      /* responsive */
      @media screen and (max-width:991px){
        .wd-hero-inner,.wd-price-wrap,.wd-lead{ grid-template-columns:1fr; }
        .wd-steps{ grid-template-columns:repeat(3,1fr); }
        .wd-grid.cols-3,.wd-grid.cols-2{ grid-template-columns:1fr 1fr; }
        .wd-hero{ padding-top:130px; }
      }
      @media screen and (max-width:600px){
        .wd-steps{ grid-template-columns:repeat(2,1fr); }
        .wd-grid.cols-3,.wd-grid.cols-2{ grid-template-columns:1fr; }
        .wd-section{ padding:60px 6vw; }
      }

      /* ============================================================
         DELIVERABLES, Bento layout (imported from Claude Design "Bento" variation).
         Replaces the old .wd-card grid for #deliverables. Unique .bnt* / .b1-.b6 / .accent-* classes;
         color vars scoped to .bnt (inherits --blue/--orange/--cream from .wd-page).
         ============================================================ */
      .bnt{ --near-black:#121520; --warm-white:#fcf9f7; --blue-deep:#0c57ad; --orange-lt:#f9982f;
        background:
          radial-gradient(900px 460px at 88% 4%, rgba(227,114,57,.10), transparent 60%),
          radial-gradient(900px 460px at 6% 30%, rgba(32,155,217,.10), transparent 60%),
          var(--near-black);
        padding:110px 5vw 124px; scroll-margin-top:96px; }
      .bnt__inner{ max-width:1240px; margin:0 auto; }
      .bnt__head{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:end; margin-bottom:48px; }
      .bnt__eyebrow{ font-family:Montserrat,sans-serif; font-weight:700; font-size:13px; letter-spacing:.24em; text-transform:uppercase; color:var(--orange-lt); margin:0 0 20px; }
      .bnt__heading{ font-family:Montserrat,sans-serif; font-weight:800; font-size:clamp(32px,3.6vw,50px); line-height:1.05; letter-spacing:-.015em; color:var(--warm-white); margin:0; max-width:18ch; }
      .bnt__sub{ font-size:15.5px; line-height:1.7; color:rgba(241,238,227,.64); margin:0 0 26px; text-wrap:pretty; }
      .bnt__cta{ display:inline-flex; align-items:center; gap:12px; font-family:Montserrat,sans-serif; font-weight:700; font-size:15px; color:var(--near-black); text-decoration:none; padding:15px 26px; border-radius:100px; background:linear-gradient(120deg,var(--orange) 0%,var(--orange-lt) 100%); box-shadow:0 12px 28px -10px rgba(227,114,57,.6); transition:transform .25s ease, box-shadow .25s ease; }
      .bnt__cta:hover{ transform:translateY(-2px); box-shadow:0 18px 36px -10px rgba(249,152,47,.65); }
      .bnt__cta svg{ width:18px; height:18px; stroke:currentColor; stroke-width:2.3; fill:none; stroke-linecap:round; stroke-linejoin:round; }
      .bnt__grid{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:minmax(150px,auto); gap:18px; grid-template-areas:"a a b b" "a a c c" "d d e e" "f f f f"; }
      .b1{ grid-area:a; } .b2{ grid-area:b; } .b3{ grid-area:c; } .b4{ grid-area:d; } .b5{ grid-area:e; } .b6{ grid-area:f; }
      /* 5-deliverable variant: drop the b6 banner row, keep b1 as the 2x2 feature (Brand/Content/E-commerce/SEO pages) */
      .bnt--5 .bnt__grid{ grid-template-areas:"a a b b" "a a c c" "d d e e"; }
      .bnt__cell{ position:relative; overflow:hidden; background:linear-gradient(170deg,#1d2236 0%,#161a29 100%); border:1px solid rgba(37,66,82,.7); border-radius:18px; padding:30px 30px 28px; display:flex; flex-direction:column; transition:transform .3s cubic-bezier(.2,.7,.3,1), border-color .3s ease, box-shadow .3s ease; }
      .bnt__cell:hover{ transform:translateY(-5px); box-shadow:0 24px 46px -22px rgba(18,21,32,.9); }
      .bnt__ghost{ position:absolute; top:-14px; right:6px; font-family:Montserrat,sans-serif; font-weight:800; font-size:118px; line-height:1; color:rgba(37,66,82,.32); pointer-events:none; transition:color .3s ease; }
      .bnt__tab{ width:34px; height:4px; border-radius:3px; margin-bottom:auto; }
      .bnt__cell h3{ font-family:Montserrat,sans-serif; font-weight:700; font-size:19px; line-height:1.25; color:var(--cream); margin:26px 0 9px; letter-spacing:-.01em; position:relative; }
      .bnt__cell p{ font-size:14.5px; line-height:1.62; color:rgba(241,238,227,.62); margin:0; position:relative; text-wrap:pretty; }
      .b1{ padding:38px 38px 34px; }
      .b1 .bnt__tab{ width:46px; height:5px; }
      .b1 h3{ font-size:27px; margin-top:32px; }
      .b1 p{ font-size:16px; max-width:34ch; }
      .b1 .bnt__ghost{ font-size:170px; top:-26px; }
      .b6{ flex-direction:row; align-items:center; gap:30px; padding:30px 38px; }
      .b6 .bnt__tab{ display:none; }
      .b6 .bnt__icon{ flex:none; width:56px; height:56px; border-radius:14px; display:grid; place-items:center; background:linear-gradient(150deg,var(--blue) 0%,var(--blue-deep) 100%); box-shadow:0 0 0 1px rgba(252,249,247,.14) inset; }
      .b6 .bnt__icon svg{ width:26px; height:26px; stroke:var(--warm-white); stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; }
      .b6 .bnt__btxt{ display:flex; flex-direction:column; }
      .b6 h3{ margin:0 0 6px; }
      .b6 p{ max-width:70ch; }
      .b6 .bnt__ghost{ font-size:150px; top:-30px; right:24px; }
      .bnt__cell.accent-blue .bnt__tab{ background:var(--blue); }
      .bnt__cell.accent-orange .bnt__tab{ background:var(--orange); }
      .bnt__cell.accent-blue:hover{ border-color:rgba(32,155,217,.6); }
      .bnt__cell.accent-orange:hover{ border-color:rgba(227,114,57,.6); }
      .bnt__cell.accent-blue:hover .bnt__ghost{ color:rgba(32,155,217,.35); }
      .bnt__cell.accent-orange:hover .bnt__ghost{ color:rgba(227,114,57,.35); }
      @media screen and (max-width:880px){
        .bnt{ padding:80px 6vw; }
        .bnt__head{ grid-template-columns:1fr; gap:28px; align-items:start; }
        .bnt__grid{ grid-template-columns:1fr; grid-template-areas:"a" "b" "c" "d" "e" "f"; }
        .bnt--5 .bnt__grid{ grid-template-areas:"a" "b" "c" "d" "e"; }
        .b6{ flex-direction:column; align-items:flex-start; }
      }

      /* ============================================================
         CONTACT, Dark Immersive (imported from Claude Design "Dark Immersive" variation).
         Replaces the old .wd-lead contact section for #contact. The form stays a functional
         Webflow .w-form (form-handler.js posts it). Vars scoped to .im; .df scoped under .im.
         ============================================================ */
      .im{ --navy:#171c2d; --blue-grey:#254252; --blue:#209bd9; --cream:#f1eee3; --gold:#eab56f; --orange-lt:#f9982f; --orange:#e37239;
        position:relative; overflow:hidden;
        background:
          radial-gradient(1300px 720px at 88% -10%, rgba(32,155,217,.17), transparent 64%),
          radial-gradient(820px 460px at 0% 100%, rgba(227,114,57,.10), transparent 62%),
          linear-gradient(170deg, var(--navy) 0%, #0f121d 100%);
        scroll-margin-top:96px; }
      .im__inner{ max-width:660px; margin:0 auto; padding:56px 24px 112px; position:relative; z-index:1; }
      .im__head{ text-align:center; margin-bottom:44px; }
      .im__eyebrow{ font-family:Montserrat,sans-serif; font-weight:700; font-size:13px; letter-spacing:.26em; text-transform:uppercase; color:var(--gold); display:inline-flex; align-items:center; gap:12px; margin:0 0 22px; }
      .im__eyebrow::before,.im__eyebrow::after{ content:""; width:26px; height:2px; background:rgba(234,181,111,.5); }
      .im__heading{ font-family:Montserrat,sans-serif; font-weight:800; font-size:clamp(33px,4.4vw,50px); line-height:1.06; letter-spacing:-.02em; color:var(--cream); margin:0 0 20px; }
      .im__sub{ font-size:16.5px; line-height:1.72; color:rgba(241,238,227,.66); margin:0 auto; max-width:46ch; text-wrap:pretty; }
      .im__card{ margin-top:40px; position:relative; background:linear-gradient(168deg,#1e2438 0%,#161b2a 100%); border:1px solid rgba(234,181,111,.18); border-radius:20px; padding:42px 42px 40px; box-shadow:0 40px 80px -44px rgba(0,0,0,.7), 0 0 0 1px rgba(252,249,247,.03) inset; }
      .im__card::before{ content:""; position:absolute; left:42px; right:42px; top:0; height:2px; background:linear-gradient(90deg, transparent, var(--gold), transparent); opacity:.7; }
      .im__row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
      .im .df{ display:flex; flex-direction:column; margin-bottom:22px; }
      .im .df label{ font-family:Montserrat,sans-serif; font-weight:700; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); margin-bottom:9px; }
      .im .df input,.im .df textarea{ font-family:Lato,sans-serif; font-size:15.5px; color:var(--cream); background:rgba(37,66,82,.28); border:1px solid rgba(241,238,227,.12); border-radius:11px; padding:14px 16px; width:100%; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease; }
      .im .df textarea{ resize:vertical; min-height:130px; line-height:1.6; }
      .im .df input::placeholder,.im .df textarea::placeholder{ color:rgba(241,238,227,.4); }
      .im .df input:focus,.im .df textarea:focus{ outline:none; border-color:var(--blue); background:rgba(37,66,82,.42); box-shadow:0 0 0 4px rgba(32,155,217,.2); }
      .im__actions{ display:flex; align-items:center; justify-content:center; gap:14px 16px; margin-top:6px; flex-wrap:wrap; }
      .im__submit{ flex:0 1 auto; min-width:200px; max-width:100%; cursor:pointer; border:0; font-family:Montserrat,sans-serif; font-weight:700; font-size:16px; line-height:1.3; text-align:center; white-space:normal; color:var(--cream); background:linear-gradient(120deg,var(--blue) 0%,#0c6fb6 100%); padding:16px 28px; border-radius:100px; box-shadow:0 14px 32px -12px rgba(32,155,217,.6); transition:transform .22s ease, box-shadow .22s ease, filter .22s ease; }
      .im__submit:hover{ transform:translateY(-2px); box-shadow:0 20px 40px -12px rgba(32,155,217,.7); filter:saturate(1.08); }
      .im__call{ display:inline-flex; align-items:center; gap:10px; font-family:Montserrat,sans-serif; font-weight:700; font-size:14px; color:var(--cream); text-decoration:none; padding:15px 22px; border-radius:100px; border:1.5px solid rgba(241,238,227,.2); background:transparent; transition:border-color .22s ease, color .22s ease, transform .22s ease; }
      .im__call:hover{ border-color:var(--gold); color:var(--gold); transform:translateY(-2px); }
      .im__call svg{ width:16px; height:16px; stroke:currentColor; stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; }
      .im .w-form-done,.im .w-form-fail{ margin-top:18px; }
      /* testimonials: frosted-glass cards over section-wide drifting orbs (merged .im section) */
      .im__orb{ position:absolute; z-index:0; border-radius:50%; pointer-events:none; }
      .im__orb--a{ width:680px; height:680px; top:-220px; left:-200px; filter:blur(95px); opacity:.34; background:radial-gradient(circle, rgba(32,155,217,.55), transparent 68%); animation:imOrbA 24s ease-in-out infinite; }
      .im__orb--b{ width:560px; height:560px; top:-60px; right:-190px; filter:blur(90px); opacity:.30; background:radial-gradient(circle, rgba(227,114,57,.5), transparent 68%); animation:imOrbB 28s ease-in-out infinite; }
      @keyframes imOrbA{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(90px,60px); } }
      @keyframes imOrbB{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(-70px,54px); } }
      .im__tstmnls{ position:relative; z-index:1; padding:104px 24px 56px; }
      .im__twrap{ position:relative; z-index:1; max-width:1180px; margin:0 auto; }
      .im__twrap .wd-ph-note{ display:block; text-align:center; margin:0 auto 20px; }
      .im__tgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
      .im__tcell{ display:flex; }
      .im__tcard{ flex:1; background:rgba(252,249,247,.055); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(241,238,227,.14); border-radius:18px; padding:28px 26px; transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
      .im__tcard:hover{ transform:translateY(-5px); border-color:rgba(234,181,111,.45); box-shadow:0 26px 50px -28px rgba(0,0,0,.7); }
      .im__tquote{ font-family:Lato,sans-serif; font-style:italic; font-size:15.5px; line-height:1.66; color:rgba(241,238,227,.9); margin:0 0 18px; }
      .im__tby{ font-family:Montserrat,sans-serif; font-weight:700; font-size:14px; color:var(--cream); display:flex; flex-direction:column; gap:2px; }
      .im__tby span{ font-family:Lato,sans-serif; font-weight:400; font-size:13px; color:rgba(241,238,227,.55); }
      .im__divider{ position:relative; z-index:1; height:1px; width:min(1180px,88%); margin:2px auto; background:linear-gradient(90deg, transparent, rgba(234,181,111,.45), transparent); }
      .im__divider::before{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:min(720px,84%); height:220px; background:radial-gradient(ellipse 60% 100% at 50% 100%, rgba(234,181,111,.17), transparent 72%); filter:blur(8px); pointer-events:none; z-index:-1; }
      @media (prefers-reduced-motion: reduce){ .im__orb{ animation:none; } }
      @media screen and (max-width:880px){ .im__tgrid{ grid-template-columns:1fr; max-width:560px; margin:0 auto; } }
      @media screen and (max-width:600px){
        .im__tstmnls{ padding:70px 18px 38px; }
        .im__inner{ padding:40px 18px 72px; }
        .im__card{ padding:32px 26px; }
        .im__row{ grid-template-columns:1fr; gap:0; }
        .im__submit{ width:100%; min-width:0; }
        .im__call{ width:100%; justify-content:center; }
      }

      /* ============================================================
         UNDER-REVIEW BANNER (stub pages only). To ship a page: delete its
         .review-banner block in the HTML and remove "under-review" from its <body> class.
         ============================================================ */
      .review-banner{ position:fixed; top:0; left:0; right:0; z-index:1200; display:flex; align-items:center; justify-content:center; gap:9px;
        min-height:46px; padding:9px 18px; text-align:center; background:#f9982f; color:#171c2d; border-bottom:2px solid #171c2d;
        font-family:Montserrat,sans-serif; font-weight:800; font-size:13.5px; line-height:1.3; letter-spacing:.01em; box-shadow:0 5px 18px rgba(18,21,32,.4); }
      .review-banner span{ font-weight:600; }
      body.under-review .navigation.fixed{ top:46px !important; }
      body.under-review .wd-hero{ padding-top:196px; }
      body.under-review .wd-subnav{ top:46px; }
      @media screen and (max-width:600px){
        .review-banner{ font-size:12px; min-height:58px; }
        body.under-review .navigation.fixed{ top:58px !important; }
        body.under-review .wd-hero{ padding-top:200px; }
        body.under-review .wd-subnav{ top:58px; }
      }

      /* ============================================================
         DIGITAL MARKETING hero, floating credential chips over the base image.
         Subtle scroll parallax is wired in service-pages.js (scoped to .dm-cred).
         ============================================================ */
      .dm-hero-visual{ position:relative; }
      .dm-cred{ position:absolute; z-index:2; width:92px; height:92px; border-radius:50%; background:var(--white);
        display:grid; place-items:center; overflow:hidden; will-change:transform;
        box-shadow:0 16px 36px -12px rgba(0,0,0,.55), 0 0 0 1px rgba(23,28,45,.06) inset; }
      .dm-cred img{ width:100%; height:100%; object-fit:contain; padding:9px; }
      .dm-cred--1{ top:-28px; left:-28px; width:100px; height:100px; }
      .dm-cred--2{ top:32%; right:-34px; }
      .dm-cred--3{ top:56%; left:-32px; width:84px; height:84px; }
      @media screen and (max-width:991px){
        .dm-cred{ width:70px; height:70px; }
        .dm-cred--1{ width:78px; height:78px; top:-16px; left:-10px; }
        .dm-cred--2{ right:-14px; top:36%; }
        .dm-cred--3{ width:64px; height:64px; left:-12px; top:58%; }
      }