/* Marketing service detail; shares ANGIA's espresso, ivory and champagne identity. */
body.ag-marketing-service { margin:0; background:#F2EDE4; color:#211C19; font:400 15px/1.8 Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.ag-marketing-service * { box-sizing:border-box; }
.ag-marketing-service main :is(h1,h2,h3,p,ol,ul,dl,dd) { margin:0; }
.ag-marketing-service main :is(h1,h2,h3) { font-family:'Noto Serif',Georgia,serif; font-weight:400; text-wrap:balance; }
.ag-marketing-service main h1 { font-size:clamp(42px,4.1vw,62px); line-height:1.18; letter-spacing:-.04em; }
.ag-marketing-service main h2 { font-size:clamp(32px,3.1vw,46px); line-height:1.25; letter-spacing:-.035em; }
.ag-marketing-service main h3 { font-size:23px; line-height:1.4; letter-spacing:-.02em; }
.ag-marketing-service main em { color:#78613F; font-weight:400; }
.ag-marketing-service main p { color:#665E55; }
.ag-marketing-service main a { color:inherit; }
.ag-marketing-service a:focus-visible { outline:3px solid #8C6D3C; outline-offset:5px; }
.ag-marketing-service section[id] { scroll-margin-top:110px; }
.ag-marketing-service .m-wrap { width:min(1224px,calc(100% - 96px)); margin-inline:auto; }
.ag-marketing-service .m-section { padding-block:76px; }
.ag-marketing-service .m-eyebrow { color:#78613F; font:700 10px/1.7 Manrope,Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.ag-marketing-service .m-button,.ag-marketing-service .m-link { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:48px; font:650 13px/1.6 Manrope,Arial,sans-serif; text-decoration:none; }
.ag-marketing-service .m-button { padding:13px 22px; border:1px solid #211C19; border-radius:2px; color:#FAF7F1; background:#211C19; }
.ag-marketing-service .m-button:hover { background:#473C30; }
.ag-marketing-service .m-button-outline { color:#211C19; background:transparent; border-color:#B9A27A; }
.ag-marketing-service .m-button-outline:hover { background:#E6DDCF; }
.ag-marketing-service .m-link { border-bottom:1px solid #B9A27A; }
.ag-marketing-service .m-link:hover { color:#78613F; }
.ag-marketing-service .m-actions { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; margin-top:26px; }
.ag-marketing-service .m-hero { padding-block:60px 40px; }
.ag-marketing-service .m-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:72px; }
.ag-marketing-service .m-hero h1 { margin-top:20px; }
.ag-marketing-service .m-hero-copy>p:not(.m-eyebrow) { max-width:54ch; margin-top:25px; }
.ag-marketing-service .m-plan { padding:32px 34px; color:#F2EDE4; background:#211C19; border-radius:2px; }
.ag-marketing-service .m-plan .m-eyebrow { color:#D0BB98; }
.ag-marketing-service .m-plan h2 { margin-top:16px; font-size:29px; line-height:1.4; }
.ag-marketing-service .m-plan ol { list-style:none; padding:0; margin-top:24px; }
.ag-marketing-service .m-plan li { display:flex; gap:22px; align-items:center; padding:12px 0; border-top:1px solid #51473D; font-size:13px; }
.ag-marketing-service .m-plan li>span { color:#D0BB98; font-size:10px; }
.ag-marketing-service .m-plan .m-plan-note { color:#CFC3B1; font-size:11px; line-height:1.75; margin-top:16px; }
.ag-marketing-service .m-hero-foot { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 30px; margin-top:42px; padding-top:22px; border-top:1px solid #CFC4B4; color:#786C5C; font-size:11px; }
.ag-marketing-service .m-platform { display:grid; grid-template-columns:.8fr 1.2fr; gap:85px; border-bottom:1px solid #D6CBB9; }
.ag-marketing-service .m-platform-intro h2 { margin-top:15px; }
.ag-marketing-service .m-platform-intro>p:not(.m-eyebrow) { margin-top:22px; max-width:43ch; }
.ag-marketing-service .m-platform-intro .m-link { margin-top:24px; }
.ag-marketing-service .m-scope-list { padding:0; list-style:none; }
.ag-marketing-service .m-scope-list li { padding:22px 0; border-top:1px solid #CFC4B4; }
.ag-marketing-service .m-scope-list li:first-child { padding-top:0; border-top:0; }
.ag-marketing-service .m-scope-list h3 { font-size:21px; }
.ag-marketing-service .m-scope-list p { margin-top:9px; font-size:14px; line-height:1.8; }
.ag-marketing-service .m-platform .m-scope-note { margin-top:10px; padding-top:18px; border-top:1px solid #CFC4B4; font-size:12px; }
.ag-marketing-service .m-tiktok-surface { background:#EAE3D7; }
.ag-marketing-service .m-tiktok-surface .m-platform { border-bottom:0; }
.ag-marketing-service .m-heading { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:end; margin-bottom:36px; }
.ag-marketing-service .m-heading h2 { margin-top:15px; }
.ag-marketing-service .m-heading>p { max-width:51ch; }
.ag-marketing-service .m-costs { border-top:1px solid #C4B59F; }
.ag-marketing-service .m-costs>div { display:grid; grid-template-columns:.72fr 1.28fr; gap:60px; padding:23px 0; border-bottom:1px solid #D6CBB9; }
.ag-marketing-service .m-costs dt { font-weight:650; font-size:15px; }
.ag-marketing-service .m-costs dd { color:#665E55; font-size:14px; }
.ag-marketing-service .m-process { padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.ag-marketing-service .m-process li { padding-top:20px; border-top:1px solid #B9A27A; }
.ag-marketing-service .m-process .m-step { display:block; margin-bottom:16px; color:#78613F; font-size:11px; }
.ag-marketing-service .m-process h3 { font-size:21px; }
.ag-marketing-service .m-process p { margin-top:12px; font-size:13px; }
.ag-marketing-service .m-measure { margin-top:38px; padding:27px 30px; border-left:2px solid #B9A27A; background:#FAF7F1; }
.ag-marketing-service .m-measure h3 { font-size:22px; }
.ag-marketing-service .m-measure p { margin-top:10px; max-width:90ch; font-size:14px; }
.ag-marketing-service .m-related { border-top:1px solid #D6CBB9; }
.ag-marketing-service .m-related-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.ag-marketing-service .m-related-links>a { display:flex; flex-direction:column; align-items:flex-start; text-decoration:none; padding-top:21px; border-top:1px solid #B9A27A; }
.ag-marketing-service .m-related-links h3 { font-size:23px; }
.ag-marketing-service .m-related-links p { margin-top:12px; font-size:14px; }
.ag-marketing-service .m-related-links .m-link { margin-top:17px; }
.ag-marketing-service .m-related-links>a:hover h3 { color:#78613F; }
.ag-marketing-service .m-contact { background:#211C19; color:#F2EDE4; padding-block:60px; }
.ag-marketing-service .m-contact .m-eyebrow,.ag-marketing-service .m-contact em { color:#D0BB98; }
.ag-marketing-service .m-contact h2 { margin-top:16px; max-width:24ch; }
.ag-marketing-service .m-contact p:not(.m-eyebrow) { margin-top:20px; color:#D1C6B6; max-width:62ch; }
.ag-marketing-service .m-contact .m-button { color:#211C19; background:#D0BB98; border-color:#D0BB98; }
.ag-marketing-service .m-contact .m-button:hover { background:#E3D3B8; }
.ag-marketing-service .m-contact .m-button-outline { color:#F2EDE4; background:transparent; }
.ag-marketing-service .m-contact .m-button-outline:hover { background:#473C30; }
.ag-marketing-service .m-contact a:focus-visible { outline-color:#D0BB98; }
.ag-marketing-service .m-skip { position:fixed; z-index:100; left:16px; top:10px; transform:translateY(-150%); padding:12px 18px; background:#211C19; color:#FFF; }
.ag-marketing-service .m-skip:focus { transform:none; }
@media(max-width:1100px) {
  .ag-marketing-service .m-wrap { width:calc(100% - 64px); }
  .ag-marketing-service .m-hero-grid { gap:38px; grid-template-columns:1.15fr .85fr; }
  .ag-marketing-service .m-plan { padding:26px; }
  .ag-marketing-service .m-platform,.ag-marketing-service .m-heading { gap:45px; }
  .ag-marketing-service .m-process { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 40px; }
}
@media(max-width:760px) {
  .ag-marketing-service .m-wrap { width:calc(100% - 40px); }
  .ag-marketing-service .m-section { padding-block:48px; }
  .ag-marketing-service .m-hero { padding-block:34px 25px; }
  .ag-marketing-service main h1 { font-size:clamp(35px,8.8vw,47px); line-height:1.23; }
  .ag-marketing-service main h2 { font-size:32px; }
  .ag-marketing-service .m-hero-grid,.ag-marketing-service .m-platform,.ag-marketing-service .m-heading,.ag-marketing-service .m-costs>div,.ag-marketing-service .m-related-links { grid-template-columns:1fr; gap:30px; }
  .ag-marketing-service .m-hero-copy>p:not(.m-eyebrow) { margin-top:20px; font-size:14px; }
  .ag-marketing-service .m-hero h1 { margin-top:16px; }
  .ag-marketing-service .m-plan { padding:25px; }
  .ag-marketing-service .m-plan h2 { font-size:27px; }
  .ag-marketing-service .m-hero-foot { margin-top:28px; font-size:11px; }
  .ag-marketing-service .m-platform-intro>p:not(.m-eyebrow) { max-width:none; margin-top:17px; }
  .ag-marketing-service .m-platform-intro .m-link { margin-top:16px; }
  .ag-marketing-service .m-heading { gap:20px; margin-bottom:28px; }
  .ag-marketing-service .m-costs>div { gap:8px; padding-block:20px; }
  .ag-marketing-service .m-process { grid-template-columns:1fr; gap:24px; }
  .ag-marketing-service .m-process .m-step { margin-bottom:10px; }
  .ag-marketing-service .m-process p { font-size:14px; }
  .ag-marketing-service .m-measure { margin-top:30px; padding:22px; }
  .ag-marketing-service .m-contact { padding-block:45px; }
  .ag-marketing-service .m-contact .m-actions { align-items:stretch; }
  .ag-marketing-service .m-contact .m-button { flex:1 1 220px; }
  .ag-marketing-service section[id] { scroll-margin-top:92px; }
}
@media(prefers-reduced-motion:reduce) { .ag-marketing-service * { scroll-behavior:auto!important; transition:none!important; } }
