/* ══ /aeo-services/ — page CSS. Shared section styles purged from digital-marketing.css + seo.css + aeo.css ══ */
.dmh { position: relative; overflow: hidden; height: 634px; padding: 64px 0 60px; display: flex; align-items: center; color: #fff; background: linear-gradient(160deg, #0c0c0e 0%, #141416 55%, #1b1b1e 100%); }
.dmh::before, .dmh::after { content: ''; position: absolute; border-radius: 50%; pointer-events: none; }
.dmh::before { width: 760px; height: 760px; right: -260px; top: -320px; background: radial-gradient(circle, rgba(242,102,41,.16), transparent 65%); }
.dmh::after { width: 560px; height: 560px; left: -260px; bottom: -320px; background: radial-gradient(circle, rgba(242,102,41,.08), transparent 65%); }
.dmh .container { position: relative; z-index: 1; }
.dmh-grid { display: grid; grid-template-columns: 58fr 42fr; gap: 40px; align-items: center; }
.dmh .dmh-h1 { margin: 0 0 18px; font-size: 48px; line-height: 1.2; font-weight: 700; letter-spacing: -0.5px; color: #fff; text-transform: none; }
.dmh-acc { color: #f26629; }
.dmh .dmh-sub { display: block; margin-top: 12px; font-size: 26px; line-height: 1.3; letter-spacing: 0; color: rgba(255,255,255,.9); }
.dmh-lead { margin: 0 0 24px; max-width: 600px; font-size: 18px; line-height: 1.667; color: rgba(255,255,255,.72); }
.dmh-lead strong { color: #fff; }
.dmh-btns { display: flex; flex-wrap: wrap; gap: 12px; }
.dmh-btns a { margin: 0 !important; }
.dmh-right { position: relative; height: 470px; }
.dm-g { position: absolute; border-radius: 18px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); box-shadow: 0 30px 60px -30px rgba(0,0,0,.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
@media (max-width: 1199px) { .dmh-right { transform: scale(.88); transform-origin: center right; } }
@media (max-width: 991px) { .dmh { height: auto; padding: 48px 0 44px; } .dmh-grid { grid-template-columns: 1fr; gap: 24px; } .dmh .dmh-h1 { font-size: 36px; } .dmh .dmh-sub { font-size: 22px; } .dmh-right { transform: none; max-width: 470px; width: 100%; margin: 0 auto; } }
@media (max-width: 576px) { .dmh .dmh-h1 { font-size: 26px; line-height: 1.25; } .dmh .dmh-sub { font-size: 19px; margin-top: 8px; } .dmh-lead { font-size: 16px; } .dmh-btns a { flex: 1 1 100%; text-align: center; } .dmh-right { height: 470px; transform: scale(.78); transform-origin: top center; width: 128%; margin: 0 -14% -104px; max-width: none; } }
@media (prefers-reduced-motion: reduce) { .dmh *, .dmh *::before, .dmh *::after { animation: none !important; } }
.dm-stack { list-style: none; margin: 0 0 28px; padding: 0; max-width: 520px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.dm-stack li { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-left: 3px solid #f26629; }
.dm-stack .fa { font-size: 15px; color: #f26629; }
.dm-stack span { font-size: 12.5px; line-height: 1.35; color: rgba(255,255,255,.6); }
.dm-stack b { display: block; font-size: 15px; font-weight: 800; letter-spacing: .04em; color: #fff; }
@keyframes dmSpin { to { transform: rotate(360deg); } }
@keyframes dmPulse { 50% { box-shadow: 0 0 0 18px rgba(242,102,41,.06), 0 20px 50px -10px rgba(242,102,41,.7); } }
@keyframes dmFlow { to { left: 110%; } }
@media (max-width: 576px) { .dm-stack { grid-template-columns: 1fr; } }
.dmd { position: relative; padding: 80px 0; background: #f7f8fb; }
.dmd-head { margin-bottom: 40px; text-align: center; }
.dmd .subtitle_text { display: inline-flex; align-items: center; gap: 14px; font-size: 18px; font-weight: 400; line-height: 1.5; color: #f26629; }
.dmd .subtitle_text::before, .dmd .subtitle_text::after { content: ''; width: 40px; height: 2px; border-radius: 2px; background: #f26629; }
.dmd h2 { margin: 0 0 12px; font-size: 24px; font-weight: 700; line-height: 1.35; letter-spacing: 0; color: #3c4858; }
.dmd p { margin: 0 0 16px; font-size: 16px; line-height: 1.667; color: #5b6472; }
.dmd p strong { color: #3c4858; }
.dmd-tag { display: inline-flex; padding: 6px 14px; border-radius: 30px; font-size: 14px; font-weight: 600; color: #f26629; background: rgba(242,102,41,.08); }
.dmd-svc { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.dmd-svc li { position: relative; display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid #eceff4; transition: border-color .25s, transform .25s, box-shadow .25s; }
.dmd-svc li:hover { border-color: rgba(242,102,41,.4); transform: translateY(-2px); box-shadow: 0 12px 26px -16px rgba(242,102,41,.5); }
.dmd-svc li > .fa { width: 42px; height: 42px; flex-shrink: 0; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #f26629; background: rgba(242,102,41,.1); }
.dmd-svc b { display: block; font-size: 16px; font-weight: 700; line-height: 1.35; color: #3c4858; }
.dmd-svc small { display: block; font-size: 14px; line-height: 1.45; color: #7a8391; }
.dmd-svc em, .dmd-c-t em { position: absolute; top: 10px; right: 12px; padding: 2px 8px; border-radius: 20px; font-style: normal; font-size: 11px; font-weight: 700; color: #fff; background: #f26629; }
.dmd-svc li.is-new { border-color: rgba(242,102,41,.35); background: #fff8f4; }
@media (max-width: 576px) { .dmd { padding: 60px 0; } .dmd-head { margin-bottom: 30px; } .dmd .subtitle_text { font-size: 16px; } .dmd h2 { font-size: 20px; } }
.dmd-a-box { display: grid; grid-template-columns: 300px 1fr; border-radius: 24px; overflow: hidden; background: #fff; border: 1px solid #eceff4; box-shadow: 0 24px 60px rgba(23,59,90,.07); }
.dmd-a-nav { display: flex; flex-direction: column; gap: 8px; padding: 22px; background: #fbfbfd; border-right: 1px solid #eceff4; }
.dmd-a-tab { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid transparent; border-radius: 16px; background: transparent; text-align: left; cursor: pointer; transition: background .25s, border-color .25s, box-shadow .25s; }
.dmd-a-tab .fa { width: 44px; height: 44px; flex-shrink: 0; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; color: #8a93a2; background: #eef1f6; transition: background .25s, color .25s; }
.dmd-a-tab b { display: block; font-size: 18px; font-weight: 700; color: #3c4858; }
.dmd-a-tab small { display: block; font-size: 14px; color: #8a93a2; }
.dmd-a-tab:hover { background: #fff; border-color: #eceff4; }
.dmd-a-tab.is-on { background: #fff; border-color: rgba(242,102,41,.35); box-shadow: 0 14px 30px -18px rgba(242,102,41,.6); }
.dmd-a-tab.is-on .fa { color: #fff; background: #f26629; }
.dmd-a-pans { padding: 44px 48px; }
.dmd-a-pan { display: none; }
.dmd-a-pan.is-on { display: block; animation: dmdIn .4s ease both; }
@keyframes dmdIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.dmd-svc--a { grid-template-columns: repeat(3, 1fr); margin-top: 8px; }
@media (max-width: 991px) { .dmd-a-box { grid-template-columns: 1fr; } .dmd-a-nav { flex-direction: row; border-right: 0; border-bottom: 1px solid #eceff4; overflow-x: auto; } .dmd-a-tab { flex: 1 0 auto; } .dmd-a-pans { padding: 32px; } .dmd-svc--a { grid-template-columns: 1fr 1fr; } }
@media (max-width: 576px) { .dmd-a-nav { padding: 12px; gap: 6px; } .dmd-a-tab { padding: 10px; gap: 8px; flex-direction: column; text-align: center; } .dmd-a-tab small { display: none; } .dmd-a-tab b { font-size: 15px; } .dmd-a-tab .fa { width: 36px; height: 36px; font-size: 14px; } .dmd-a-pans { padding: 24px 20px; } .dmd-svc--a { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .dmd-a-pan.is-on { animation: none; } }
@keyframes dmtRun { to { transform: translateX(-50%); } }
.dmc { padding: 80px 0; background: #f7f8fb; }
.dmc-head { max-width: 860px; margin: 0 auto 40px; text-align: center; }
.dmc .subtitle_text { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 8px; font-size: 18px; font-weight: 400; line-height: 1.5; color: #f26629; }
.dmc .subtitle_text::before, .dmc .subtitle_text::after { content: ''; width: 40px; height: 2px; border-radius: 2px; background: #f26629; }
.dmc .dmc-title { margin: 0 0 14px; font-size: 38px; font-weight: 700; line-height: 1.3; letter-spacing: 0; color: #3c4858; background: none; -webkit-text-fill-color: currentColor; }
.dmc-hl { color: #f26629; }
.dmc .dmc-sub { margin: 0; font-size: 18px; line-height: 1.667; color: #5b6472; }
.dmc h3 { margin: 0 0 8px; font-size: 24px; font-weight: 700; line-height: 1.35; letter-spacing: 0; color: #3c4858; }
.dmc h3 span { color: #f26629; }
.dmc p { margin: 0 0 16px; font-size: 16px; line-height: 1.667; color: #5b6472; }
.dmc-badge { display: inline-flex; padding: 6px 14px; border-radius: 30px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: #f26629; }
.dmc-flag { width: 40px; height: 27px; border-radius: 5px; object-fit: cover; box-shadow: 0 4px 12px rgba(0,0,0,.25); }
.dmc-site { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 30px; font-size: 14px; font-weight: 600; }
.dmc-site .fa { font-size: 12px; color: #f26629; }
.dmc-lbl { display: block; margin: 0 0 10px; font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8a93a2; }
.dmc-st { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 22px; }
.dmc-st div { padding: 14px 16px; border-radius: 14px; background: #fff4ee; }
.dmc-st b { display: block; font-size: 28px; font-weight: 800; line-height: 1.2; color: #f26629; }
.dmc-st small { display: block; font-size: 13px; line-height: 1.4; color: #5b6472; }
.dmc-kw { list-style: none; margin: 0 0 18px; padding: 0; }
.dmc-kw li { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eceff4; font-size: 15px; color: #3c4858; }
.dmc-kw li > span { flex: 1; min-width: 0; }
.dmc-rk { flex-shrink: 0; min-width: 40px; padding: 4px 8px; border-radius: 20px; text-align: center; font-style: normal; font-size: 13px; font-weight: 800; }
.dmc-rk.r1 { color: #fff; background: #f26629; }
.dmc-rk.r2 { color: #f26629; background: rgba(242,102,41,.12); }
.dmc-rk.r4 { color: #5b6472; background: #eef1f6; }
.dmc-bar { flex: 0 0 120px; height: 6px; border-radius: 6px; background: #eef1f6; overflow: hidden; }
.dmc-bar b { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #ffb48f, #f26629); }
.dmc-link { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: #f26629; text-decoration: none; transition: gap .2s; }
.dmc-link:hover { gap: 12px; color: #e05a1f; text-decoration: none; }
.dmc-more { margin-top: 40px; text-align: center; }
.dmc-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; border-radius: 8px; font-size: 15px; font-weight: 700; color: #fff; background: #f26629; text-decoration: none; box-shadow: 0 14px 30px -14px rgba(242,102,41,.8); transition: gap .2s, background .2s; }
.dmc-btn:hover { gap: 14px; color: #fff; background: #e05a1f; text-decoration: none; }
@media (max-width: 991px) { .dmc .dmc-title { font-size: 30px; } }
@media (max-width: 576px) { .dmc { padding: 60px 0; } .dmc-head { margin-bottom: 30px; } .dmc .subtitle_text { font-size: 16px; } .dmc .dmc-title { font-size: 22px; line-height: 1.45; } .dmc .dmc-sub { font-size: 16px; } .dmc h3 { font-size: 20px; } .dmc-bar { display: none; } .dmc-more { margin-top: 30px; } }
.dmc-a .dmc-head { max-width: 980px; }
.dmc-a-list { display: grid; gap: 22px; }
.dmc-a-c { display: grid; grid-template-columns: 1fr 1fr; border-radius: 24px; overflow: hidden; background: #fff; border: 1px solid #eceff4; box-shadow: 0 20px 50px rgba(23,59,90,.08); }
.dmc-a-c:nth-child(even) .dmc-a-photo { order: 2; }
.dmc-a-photo { position: relative; min-height: 340px; padding: 22px 24px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-size: cover; color: #fff; overflow: hidden; }
.dmc-a-photo::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12,12,14,.25), rgba(12,12,14,.88) 75%); }
.dmc-a-photo--plain { background: linear-gradient(140deg, #1b1b1e 0%, #2a1a12 60%, #4a2410 100%); }
.dmc-a-photo--plain::before { background: radial-gradient(circle at 80% 25%, rgba(242,102,41,.35), transparent 55%); }
.dmc-a-photo > * { position: relative; }
.dmc-a-ic { position: absolute !important; right: 30px; top: 50%; margin-top: -60px; font-size: 110px; color: rgba(242,102,41,.18); }
.dmc-a-photo .dmc-flag { position: absolute; top: 22px; right: 24px; }
.dmc-a-cap h3 { color: #fff; font-size: 24px; }
.dmc-a-cap h3 span { color: #ffb48f; }
.dmc .dmc-a-cap p { margin-bottom: 12px; color: rgba(255,255,255,.8); }
.dmc-a-cap .dmc-site { color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); }
.dmc-a-data { padding: 24px 28px; }
.dmc-a-c .dmc-st { margin-bottom: 14px; }
.dmc-a-c .dmc-st div { padding: 10px 14px; }
.dmc-a-c .dmc-st b { font-size: 24px; }
.dmc-a-c .dmc-lbl { margin-bottom: 4px; }
.dmc-a-c .dmc-kw { margin-bottom: 12px; }
.dmc-a-c .dmc-kw li { padding: 6px 0; font-size: 14px; }
.dmc-a-c .dmc-rk { min-width: 36px; padding: 2px 6px; font-size: 12px; }
.dmc-flag--in { position: relative; display: inline-block; background: linear-gradient(#ff9933 0 33.3%, #fff 33.3% 66.6%, #138808 66.6%); }
.dmc-flag--in i { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; border: 1.5px solid #000080; }
.dmc-a .dmc-more { margin-top: 32px; }
.dmc-a4-dots { display: none; }
.dmc-a4-dots i { width: 8px; height: 8px; border-radius: 8px; background: #d9dee6; transition: width .25s, background .25s; }
.dmc-a4-dots i.is-on { width: 22px; background: #f26629; }
@media (max-width: 991px) { .dmc-a-photo { min-height: 300px; } .dmc-a-cap h3 { font-size: 20px; } .dmc-a-c .dmc-bar { display: none; } .dmc-a-data { padding: 20px 22px; } }
@media (max-width: 767px) { .dmc-a-list { display: flex; gap: 14px; margin: 0 -15px; padding: 4px 15px 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .dmc-a-list::-webkit-scrollbar { display: none; } .dmc-a-c { flex: 0 0 86%; grid-template-columns: 1fr; scroll-snap-align: center; } .dmc-a-c:nth-child(even) .dmc-a-photo { order: 0; } .dmc-a-photo { min-height: 250px; padding: 18px; } .dmc-a-photo .dmc-flag { top: 18px; right: 18px; } .dmc-a-cap h3 { font-size: 18px; } .dmc-a-ic { font-size: 80px; margin-top: -50px; } .dmc-a4-dots { display: flex; justify-content: center; gap: 8px; margin-top: 6px; } }
@keyframes dmiIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes dmsPulse { 0% { box-shadow: 0 0 0 0 rgba(255,255,255,.5); } 70% { box-shadow: 0 0 0 16px rgba(255,255,255,0); } 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); } }
.dpr { position: relative; overflow: hidden; padding: 80px 0; color: #fff; background: linear-gradient(160deg, #0c0c0e 0%, #141416 55%, #1b1b1e 100%); }
.dpr::before { content: ''; position: absolute; width: 700px; height: 700px; top: -320px; right: -240px; border-radius: 50%; background: radial-gradient(circle, rgba(242,102,41,.16), transparent 65%); pointer-events: none; }
.dpr .container { position: relative; }
.dpr-head { text-align: center; max-width: 900px; margin: 0 auto 40px; }
.dpr .subtitle_text { display: block; font-size: 18px; font-weight: 600; color: #f26629 !important; margin-bottom: 7px; }
.dpr .dpr-title { font-size: 38px; line-height: 1.3; font-weight: 700; color: #fff; margin: 0; }
.dpr-hl { color: #f26629; }
.dpr p { font-size: 16px; line-height: 1.667em; color: rgba(255,255,255,.66); margin: 0; }
.dpr h3 { font-size: 20px; line-height: 1.35; font-weight: 700; color: #fff; margin: 0 0 8px; }
.dpr-k { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #f26629; }
@media (max-width: 991px) { .dpr .dpr-title { font-size: 30px; line-height: 40px; } }
@media (max-width: 576px) { .dpr { padding: 60px 0; } .dpr-head { margin-bottom: 30px; } .dpr .dpr-title { font-size: 22px; line-height: 32px; } .dpr .subtitle_text { font-size: 16px; } .dpr h3 { font-size: 19px; } }
.dpr-a-box { max-width: 1120px; margin: 0 auto; padding: 34px 40px 40px; border-radius: 26px; background: #18181b; border: 1px solid rgba(255,255,255,.07); }
.dpr-a-bar { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); margin-bottom: 30px; }
.dpr-a-bar::before, .dpr-a-fill { content: ''; position: absolute; top: 25px; left: 8.33%; height: 2px; background: rgba(255,255,255,.1); }
.dpr-a-bar::before { right: 8.33%; }
.dpr-a-fill { z-index: 1; width: 0; background: #f26629; box-shadow: 0 0 10px rgba(242,102,41,.7); transition: width .5s ease; }
.dpr-a-b { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0 4px; border: 0; background: none; cursor: pointer; text-align: center; }
.dpr-a-b b { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: rgba(255,255,255,.5); background: #232327; border: 2px solid rgba(255,255,255,.1); transition: all .3s; }
.dpr-a-b span { font-size: 11px; font-weight: 800; color: rgba(255,255,255,.4); }
.dpr-a-b em { font-style: normal; font-size: 14px; font-weight: 600; line-height: 1.35; color: rgba(255,255,255,.55); transition: color .3s; }
.dpr-a-b.is-done b { color: #f26629; border-color: #f26629; }
.dpr-a-b.is-on b { color: #fff; background: #f26629; border-color: #f26629; box-shadow: 0 0 0 7px rgba(242,102,41,.18), 0 10px 24px rgba(242,102,41,.4); }
.dpr-a-b.is-on em { color: #fff; }
.dpr-a-p { display: none; grid-template-columns: 160px 1fr; gap: 36px; align-items: center; padding: 30px 34px; border-radius: 20px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); }
.dpr-a-p.is-on { display: grid; animation: dprIn .45s ease both; }
@keyframes dprIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.dpr-a-big { font-size: 110px; font-weight: 900; line-height: 1; text-align: center; color: transparent; -webkit-text-stroke: 2px rgba(242,102,41,.55); }
.dpr-a-p h3 { font-size: 26px; }
.dpr-a .dpr-a-p p { font-size: 17px; max-width: 640px; }
@media (max-width: 991px) { .dpr-a-box { padding: 26px; } .dpr-a-b em { display: none; } .dpr-a-p { grid-template-columns: 110px 1fr; gap: 24px; } .dpr-a-big { font-size: 76px; } }
@media (max-width: 576px) { .dpr-a-box { padding: 20px 14px; } .dpr-a-b b { width: 40px; height: 40px; font-size: 14px; } .dpr-a-bar::before, .dpr-a-fill { top: 19px; } .dpr-a-p { grid-template-columns: 1fr; gap: 10px; padding: 22px 18px; } .dpr-a-big { font-size: 56px; text-align: left; } .dpr-a-p h3 { font-size: 20px; } .dpr-a .dpr-a-p p { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .dpr-a-p.is-on { animation: none; } }
@keyframes dmxIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.dme { padding: 80px 0; background: #f7f8fb; border-top: 1px solid #eef1f6; }
.dme .dme-p { font-size: 17px; line-height: 1.85em; color: #5a6475; margin: 0; }
.dme .dme-p strong { color: #3c4858; font-weight: 700; }
.dme-lbl { display: block; margin-bottom: 14px; font-size: 13px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #f26629; }
.dme-facts { list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.dme-facts li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 100px; background: #f7f8fb; font-size: 14px; font-weight: 600; color: #3c4858; }
.dme-facts .fa { color: #f26629; }
.dme .dme-rev { margin: 16px 0 0; font-size: 13px; line-height: 1.5; color: #8590a2; }
@media (max-width: 576px) { .dme { padding: 60px 0; } .dme .dme-p { font-size: 16px; } .dme-facts li { font-size: 13px; padding: 7px 12px; } }
.dme-a-card { position: relative; max-width: 1080px; margin: 0 auto; padding: 40px 48px; border-radius: 26px; background: #fff; border: 1px solid #eceff4; box-shadow: 0 20px 50px rgba(23,59,90,.06); overflow: hidden; }
.dme-a-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(#f26629, #ffb48f); }
.dme-a-links { margin-top: 26px; padding-top: 24px; border-top: 1px dashed #e3e7ee; }
.dme-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.dme-pills a { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 100px; background: #fff4ee; border: 1px solid #ffd9c5; font-size: 14px; font-weight: 700; color: #3c4858 !important; text-decoration: none !important; transition: all .25s; }
.dme-pills a .fa { color: #f26629; }
.dme-pills em { font-size: 11px; color: #f26629; transition: transform .25s; }
.dme-pills a:hover { background: #f26629; border-color: #f26629; color: #fff !important; }
.dme-pills a:hover .fa, .dme-pills a:hover em { color: #fff; }
.dme-pills a:hover em { transform: translateX(3px); }
@media (max-width: 576px) { .dme-a-card { padding: 28px 22px; } .dme-pills a { font-size: 13px; padding: 9px 14px; } }

/* ══ shared helpers (testimonials / FAQ spacing, same as /digital-marketing/) ══ */
section.testimonial-home.section-padding { padding-top: 80px !important; padding-bottom: 80px !important; }
section.defaultptb60.faqsection { padding-top: 80px !important; padding-bottom: 80px !important; }
.dm-testi-meta { font-size: 12px; color: #888; margin: 2px 0 0; font-style: italic; }
.testimonial-home h2.mainheadingtitle, .faqsection.homefaq .main-heading-box h2.mainheadingtitle { margin: 0; }
@media (max-width: 576px) { section.testimonial-home.section-padding, section.defaultptb60.faqsection { padding-top: 60px !important; padding-bottom: 60px !important; } }

/* ══ hero scene: search results climb ══ */
.sx-serp { position: absolute; inset: 0; }
.sx-s-box { left: 0; right: 30px; top: 6px; display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 100px; }
.sx-s-box .fa { color: #f26629; }
.sx-s-type { overflow: hidden; white-space: nowrap; font-size: 15px; font-weight: 600; color: #fff; border-right: 2px solid #f26629; width: 0; animation: sxType 8s steps(21) infinite; }
@keyframes sxType { 0%, 4% { width: 0; } 30%, 100% { width: 21ch; } }
.sx-s-box em { margin-left: auto; width: 36px; height: 36px; border-radius: 50%; background: #f26629; }
.sx-s-list { left: 0; right: 70px; top: 84px; height: 250px; padding: 14px; }
.sx-s-r { position: absolute; left: 14px; right: 14px; height: 50px; padding: 8px 12px; border-radius: 12px; background: rgba(255,255,255,.05); }
.sx-s-r b { display: block; font-size: 12px; color: rgba(255,255,255,.55); font-weight: 600; }
.sx-s-r span { display: block; height: 8px; width: 60%; margin-top: 6px; border-radius: 4px; background: rgba(255,255,255,.14); }
.sx-s-r i { position: absolute; right: 12px; top: 18px; width: 40px; height: 8px; border-radius: 4px; background: rgba(255,255,255,.08); }
.sx-s-r:nth-child(2) { top: 14px; animation: sxDown 8s ease-in-out infinite; }
.sx-s-r:nth-child(3) { top: 72px; animation: sxDown 8s ease-in-out infinite; }
.sx-s-r:nth-child(4) { top: 130px; animation: sxDown 8s ease-in-out infinite; }
.sx-s-r--you { top: 188px; z-index: 2; background: rgba(242,102,41,.16); border: 1px solid rgba(242,102,41,.6); animation: sxUp 8s ease-in-out infinite; }
.sx-s-r--you b { color: #ffb48f; } .sx-s-r--you span { width: auto; height: auto; margin-top: 3px; background: none; font-size: 12px; line-height: 1.2; font-weight: 700; color: #fff; white-space: nowrap; }
@keyframes sxUp { 0%, 35% { transform: none; } 60%, 92% { transform: translateY(-174px); box-shadow: 0 14px 30px rgba(242,102,41,.35); } 100% { transform: none; } }
@keyframes sxDown { 0%, 35% { transform: none; } 60%, 92% { transform: translateY(58px); opacity: .7; } 100% { transform: none; } }
.sx-s-rank { right: 0; top: 120px; width: 120px; padding: 14px; text-align: center; }
.sx-s-rank small, .sx-s-chart small { display: block; font-size: 11px; color: rgba(255,255,255,.55); }
.sx-s-rank strong { position: relative; display: block; height: 44px; margin-top: 4px; }
.sx-s-p { position: absolute; left: 0; right: 0; font-size: 36px; font-weight: 900; line-height: 44px; color: #fff; opacity: 0; animation: sxP 8s infinite; }
.sx-s-p:nth-child(2) { animation-delay: 1.6s; } .sx-s-p:nth-child(3) { color: #f26629; animation-name: sxP3; }
@keyframes sxP { 0%, 2% { opacity: 1; } 18%, 100% { opacity: 0; } }
.sx-s-p:first-child { animation-name: sxP1; } @keyframes sxP1 { 0%, 38% { opacity: 1; } 44%, 100% { opacity: 0; } }
.sx-s-p:nth-child(2) { animation-name: sxP2; animation-delay: 0s; } @keyframes sxP2 { 0%, 42% { opacity: 0; } 46%, 54% { opacity: 1; } 58%, 100% { opacity: 0; } }
@keyframes sxP3 { 0%, 56% { opacity: 0; } 60%, 94% { opacity: 1; } 98%, 100% { opacity: 0; } }
.sx-s-chart { left: 40px; bottom: 0; width: 260px; padding: 14px 16px 10px; }
.sx-s-chart svg { display: block; width: 100%; height: 70px; margin-top: 6px; }
.sx-s-line { fill: none; stroke: #f26629; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 260; stroke-dashoffset: 260; animation: sxDraw 8s ease-in-out infinite; }
.sx-s-area { fill: rgba(242,102,41,.15); }
@keyframes sxDraw { 0%, 20% { stroke-dashoffset: 260; } 70%, 100% { stroke-dashoffset: 0; } }
.sx-s-snip { right: 10px; bottom: 30px; display: flex; align-items: center; gap: 8px; padding: 10px 14px; font-size: 13px; font-weight: 700; color: #fff; }
.sx-s-snip .fa { color: #f5b544; }
@media (max-width: 991px) { .sx-hero .dmh-right { height: 440px; } }
@media (max-width: 576px) { .sx-hero .dmh-right { height: 400px; } .sx-s-list { right: 0; } .sx-s-rank { top: auto; bottom: 90px; } .sx-s-chart { left: 0; width: 220px; } }
@media (prefers-reduced-motion: reduce) { .sx-serp * { animation: none !important; } .sx-s-type { width: 21ch; } .sx-s-p:nth-child(3) { opacity: 1; } .sx-s-line { stroke-dashoffset: 0; } }

/* ══ section base ══ */
.sx { position: relative; overflow: hidden; padding: 80px 0; background: #fff; }
.sx-head { text-align: center; max-width: 900px; margin: 0 auto 40px; }
.sx .subtitle_text { display: block; font-size: 18px; font-weight: 400; color: #f26629 !important; margin-bottom: 7px; }
.sx .sx-title { font-size: 38px; line-height: 1.3; font-weight: 700; color: #3c4858; margin: 0 0 14px; }
.sx-hl { color: #f26629; }
.sx .sx-sub { font-size: 18px; line-height: 1.667em; color: #5a6475; margin: 0; }
.sx p { font-size: 16px; line-height: 1.667em; color: #5a6475; margin: 0; }
.sx h3 { font-size: 20px; line-height: 1.35; font-weight: 700; color: #3c4858; margin: 0 0 8px; }
.sx ul { list-style: none; padding: 0; margin: 0; }
.sx-ic { width: 52px; height: 52px; flex-shrink: 0; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; color: #f26629; background: #fff4ee; }
.sx-k { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #f26629; }
.sx .sx-src, .sx .sx-note { margin-top: 24px; font-size: 13px; line-height: 1.5; color: #8590a2; text-align: center; }
.sx-src a { color: #f26629; text-decoration: none; } .sx-src a:hover { text-decoration: underline; }
@media (max-width: 991px) { .sx .sx-title { font-size: 30px; line-height: 40px; } }
@media (max-width: 576px) { .sx { padding: 60px 0; } .sx-head { margin-bottom: 30px; } .sx .sx-title { font-size: 22px; line-height: 32px; } .sx .subtitle_text, .sx .sx-sub { font-size: 16px; } .sx h3 { font-size: 19px; } }

/* ══ how search works ══ */
.sx-how { background: #f7f8fb; }
.sx-how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; counter-reset: s; }
.sx-how-c { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 30px 28px; border-radius: 22px; background: #fff; border: 1px solid #eceff4; transition: transform .3s, box-shadow .3s; }
.sx-how-c:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(23,59,90,.09); }
.sx-how-c:not(:last-child)::after { content: '\2192'; position: absolute; right: -18px; top: 50px; z-index: 1; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; color: #fff; background: #f26629; box-shadow: 0 0 0 5px #f7f8fb; }
.sx-how-n { position: absolute; top: 20px; right: 26px; font-size: 46px; font-weight: 900; line-height: 1; color: #f1f3f7; }
.sx-how-c h3 { margin: 0; }
.sx .sx-how-we { margin-top: auto; padding-top: 14px; border-top: 1px dashed #e3e7ee; font-size: 15px; color: #3c4858; } .sx-how-we b { color: #f26629; }
@media (max-width: 991px) { .sx-how-grid { grid-template-columns: 1fr; } .sx-how-c:not(:last-child)::after { content: '\2193'; right: auto; left: 50%; top: auto; bottom: -18px; margin-left: -17px; } }

/* ══ services ══ */
.sx-svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sx-svc-c { display: flex; flex-direction: column; gap: 12px; padding: 28px 26px; border-radius: 22px; background: #fff; border: 1px solid #eceff4; border-top: 3px solid #f26629; transition: transform .3s, box-shadow .3s; }
.sx-svc-c:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(23,59,90,.09); }
.sx-svc-c h3 { margin: 4px 0 0; }
.sx-svc-c ul { margin-top: auto; padding-top: 14px; border-top: 1px dashed #e3e7ee; display: grid; gap: 8px; }
.sx-svc-c li, .sx-pil-p li, .sx-tl-i li, .sx-plan li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.5; color: #3c4858; }
.sx-svc-c li .fa, .sx-tl-i li .fa, .sx-plan li .fa { margin-top: 4px; font-size: 12px; color: #22a861; }
@media (max-width: 991px) { .sx-svc-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 576px) { .sx-svc-grid { grid-template-columns: 1fr; } .sx-svc-c { padding: 24px 20px; } }

/* ══ pillars (dark) ══ */
.sx-pil { color: #fff; background: linear-gradient(160deg, #0c0c0e 0%, #141416 55%, #1b1b1e 100%); }
.sx-pil::before { content: ''; position: absolute; width: 700px; height: 700px; top: -320px; left: -260px; border-radius: 50%; background: radial-gradient(circle, rgba(242,102,41,.14), transparent 65%); pointer-events: none; }
.sx-pil .container { position: relative; }
.sx-pil .sx-title, .sx-pil h3 { color: #fff; } .sx-pil .sx-sub, .sx-pil p { color: rgba(255,255,255,.66); }
.sx-pil-box { border-radius: 26px; background: #18181b; border: 1px solid rgba(255,255,255,.07); overflow: hidden; }
.sx-pil-tabs { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(255,255,255,.07); }
.sx-pil-t { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 20px 12px; border: 0; border-bottom: 3px solid transparent; background: transparent; font-size: 16px; font-weight: 700; color: rgba(255,255,255,.55); cursor: pointer; transition: all .25s; }
.sx-pil-t .fa { color: #f26629; }
.sx-pil-t:hover { color: #fff; } .sx-pil-t.is-on { color: #fff; background: rgba(242,102,41,.08); border-bottom-color: #f26629; }
.sx-pil-p { display: none; grid-template-columns: 340px 1fr; gap: 40px; padding: 36px 40px; } .sx-pil-p.is-on { display: grid; animation: sxIn .45s ease both; }
@keyframes sxIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.sx-pil-l h3 { font-size: 28px; }
.sx-pil-p ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sx-pil-p li { padding: 14px 16px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); color: rgba(255,255,255,.85); }
.sx-pil-p li .fa { margin-top: 4px; font-size: 12px; color: #f26629; }
.sx-cwv { display: grid; grid-template-columns: auto repeat(3, 1fr); align-items: center; gap: 14px; margin-top: 22px; padding: 20px 24px; border-radius: 20px; background: rgba(242,102,41,.08); border: 1px dashed rgba(242,102,41,.4); }
.sx-cwv .sx-k { margin: 0; }
.sx-cwv div { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: baseline; }
.sx-cwv b { font-size: 18px; font-weight: 900; color: #f26629; } .sx-cwv span:not(.sx-k) { font-size: 18px; font-weight: 800; color: #fff; } .sx-cwv small { grid-column: 1 / -1; font-size: 12px; color: rgba(255,255,255,.55); }
.sx-pil .sx-cwv p { grid-column: 1 / -1; font-size: 12px; color: rgba(255,255,255,.45); } .sx-cwv a { color: #ff9a66; text-decoration: none; }
@media (max-width: 991px) { .sx-pil-p { grid-template-columns: 1fr; gap: 20px; padding: 28px; } .sx-cwv { grid-template-columns: 1fr 1fr 1fr; } .sx-cwv .sx-k { grid-column: 1 / -1; } }
@media (max-width: 576px) { .sx-pil-t { flex-direction: column; gap: 6px; font-size: 13px; padding: 14px 6px; } .sx-pil-p { padding: 22px 18px; } .sx-pil-p ul { grid-template-columns: 1fr; } .sx-pil-l h3 { font-size: 21px; } .sx-cwv { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .sx-pil-p.is-on { animation: none; } }

/* ══ SEO vs AEO vs GEO table ══ */
.sx-aeo { background: linear-gradient(180deg, #fff 0%, #fff7f2 100%); }
.sx-tbl { overflow-x: auto; border-radius: 22px; background: #fff; border: 1px solid #eceff4; box-shadow: 0 20px 50px rgba(23,59,90,.07); }
.sx-tbl table { width: 100%; min-width: 760px; border-collapse: collapse; }
.sx-tbl th, .sx-tbl td { padding: 18px 22px; text-align: left; vertical-align: top; font-size: 15px; line-height: 1.55; border-bottom: 1px solid #eef1f6; }
.sx-tbl tr:last-child th, .sx-tbl tr:last-child td { border-bottom: 0; }
.sx-tbl thead th { font-size: 13px; font-weight: 600; color: #8590a2; background: #fafbfd; }
.sx-tbl thead th span { display: block; margin-bottom: 2px; font-size: 22px; font-weight: 900; color: #3c4858; }
.sx-tbl thead th:nth-child(2) span { color: #f26629; }
.sx-tbl tbody th { width: 170px; font-weight: 800; color: #3c4858; }
.sx-tbl td { color: #5a6475; }

/* ══ timeline ══ */
.sx-tl { background: #f7f8fb; }
.sx-tl-list { position: relative; list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.sx-tl-list::before { content: ''; position: absolute; left: 0; right: 0; top: 11px; height: 2px; background: linear-gradient(90deg, #ffd2bd, #f26629); }
.sx-tl-i { position: relative; padding-top: 38px; }
.sx-tl-dot { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 4px solid #f26629; }
.sx-tl-i h3 { margin-bottom: 14px; }
.sx-tl-i ul { display: grid; gap: 8px; padding: 18px; border-radius: 18px; background: #fff; border: 1px solid #eceff4; }
.sx .sx-tl-see { margin-top: 12px; font-size: 14px; font-weight: 600; color: #3c4858; }
.sx-quote { display: flex; gap: 18px; align-items: flex-start; max-width: 900px; margin: 36px auto 0; padding: 24px 28px; border-radius: 20px; background: #3c4858; }
.sx-quote .fa { font-size: 24px; color: #f26629; }
.sx .sx-quote p { color: rgba(255,255,255,.85); font-size: 17px; } .sx-quote b { color: #fff; }
.sx-quote a { display: block; margin-top: 8px; font-size: 13px; color: #ffb48f; text-decoration: none; }
.sx-quote div, .sx-quote > p { flex: 1; }
@media (max-width: 991px) { .sx-tl-list { grid-template-columns: 1fr 1fr; row-gap: 30px; } .sx-tl-list::before { display: none; } }
@media (max-width: 576px) { .sx-tl-list { grid-template-columns: 1fr; } .sx-quote { flex-direction: column; padding: 22px 20px; } }

/* ══ tools (dark) ══ */
.sx-tools { color: #fff; background: #121214; }
.sx-tools .sx-title { color: #fff; } .sx-tools .sx-sub { color: rgba(255,255,255,.62); }
.sx-tool-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.sx-tool { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 18px; background: #1b1b1e; border: 1px solid rgba(255,255,255,.08); transition: border-color .3s, transform .3s; }
.sx-tool:hover { border-color: rgba(242,102,41,.5); transform: translateY(-3px); }
.sx-tool-i { width: 44px; height: 44px; flex-shrink: 0; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; color: #fff; background: linear-gradient(135deg, #f26629, #ff9a66); }
.sx-tool b { display: block; font-size: 15px; color: #fff; } .sx-tool small { font-size: 13px; color: rgba(255,255,255,.55); }
.sx-tools .sx-note { color: rgba(255,255,255,.4); }
@media (max-width: 991px) { .sx-tool-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 576px) { .sx-tool-grid { grid-template-columns: 1fr; } }

/* ══ how to choose ══ */
.sx-ch-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.sx-ch-c { padding: 30px 30px; border-radius: 22px; border: 1px solid #eceff4; }
.sx-ch-c h3 { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.sx-ch-c ul { display: grid; gap: 12px; }
.sx-ch-c li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.5; color: #3c4858; }
.sx-ch-c li .fa { width: 22px; height: 22px; flex-shrink: 0; margin-top: 1px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; color: #fff; }
.sx-ch-c--g { background: #f3fbf6; border-color: #d6f0e0; } .sx-ch-c--g h3 .fa { color: #22a861; } .sx-ch-c--g li .fa { background: #22a861; }
.sx-ch-c--b { background: #fff6f3; border-color: #ffdccc; } .sx-ch-c--b h3 .fa { color: #e0452b; } .sx-ch-c--b li .fa { background: #e0452b; }
@media (max-width: 991px) { .sx-ch-grid { grid-template-columns: 1fr; } }
@media (max-width: 576px) { .sx-ch-c { padding: 24px 20px; } }

/* ══ plans ══ */
.sx-plans { background: #f7f8fb; }
.sx-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }
.sx-plan { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 32px 28px; border-radius: 24px; background: #fff; border: 1px solid #eceff4; transition: transform .3s, box-shadow .3s; }
.sx-plan:hover { transform: translateY(-5px); box-shadow: 0 22px 46px rgba(23,59,90,.1); }
.sx-plan.is-pop { background: #1b1b1e; border-color: #1b1b1e; box-shadow: 0 26px 56px rgba(0,0,0,.25); }
.sx-plan.is-pop h3 { color: #fff; } .sx-plan.is-pop p { color: rgba(255,255,255,.66); } .sx-plan.is-pop li { color: rgba(255,255,255,.85); } .sx-plan.is-pop .sx-ic { background: rgba(242,102,41,.15); }
.sx-plan-pop { position: absolute; top: 20px; right: 20px; padding: 4px 12px; border-radius: 100px; font-size: 12px; font-weight: 800; color: #fff; background: #f26629; }
.sx-plan h3 { margin: 6px 0 0; }
.sx-plan ul { display: grid; gap: 10px; margin: 8px 0 18px; padding-top: 16px; border-top: 1px dashed #e3e7ee; }
.sx-plan.is-pop ul { border-color: rgba(255,255,255,.12); }
.sx-plan-btn { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 20px; border-radius: 12px; font-size: 15px; font-weight: 700; color: #f26629 !important; background: #fff4ee; text-decoration: none !important; transition: all .25s; }
.sx-plan-btn:hover, .sx-plan.is-pop .sx-plan-btn { color: #fff !important; background: #f26629; }
@media (max-width: 991px) { .sx-plan-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; } }
@media (max-width: 576px) { .sx-plan { padding: 26px 20px; } }

/* ══ typography lock (audit 27 Oct 2026) — homepage scale: H2 38/30/22·700·1.3, eyebrow 18/16, lead 18/16, card H3 20, body 16·1.667 ══ */
.faqsection.homefaq .main-heading-box h2.mainheadingtitle { font-size: 38px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: normal; }
.dmd .subtitle_text, .dpr .subtitle_text, .dmc .subtitle_text, .sx .subtitle_text, .testimonial-home .subtitle_text { font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #f26629 !important; }
.sx-pil-l h3 { font-size: 28px; }
@media (max-width: 991px) { .faqsection.homefaq .main-heading-box h2.mainheadingtitle { font-size: 30px !important; line-height: 40px !important; } .sx-pil-l h3 { font-size: 24px; } }
@media (max-width: 576px) {
  .faqsection.homefaq .main-heading-box h2.mainheadingtitle { font-size: 22px !important; line-height: 32px !important; }
  .dmd .subtitle_text, .dpr .subtitle_text, .dmc .subtitle_text, .sx .subtitle_text, .testimonial-home .subtitle_text { font-size: 16px !important; }
  .sx h3, .dpr-a-p h3 { font-size: 20px !important; } .sx-pil-l h3 { font-size: 20px !important; } .dmc-a-cap h3 { font-size: 20px; }
}

/* ══ body-text lock (audit 27 Oct 2026): paragraphs 16/1.667, lists 15/1.5, captions 13–15 ══ */
.dpr .dpr-a-p p, .dme .dme-p { font-size: 16px !important; line-height: 1.667em !important; }
.sx-ch-c li, .sm-pl-side li, .sx-svc-c li, .sx-tl-i li, .sx-plan li, .sx-pil-p li, .dms-serv li { font-size: 15px !important; line-height: 1.5 !important; }
.sx .sx-tl-see { font-size: 15px; }


/* ══ /aeo-services/ extra sections ══ */

/* ── HERO: answer-engine question card + citation chips ── */
.aeq-a { left: 0; top: 0; width: 268px; padding: 16px 18px; }
.aeq-a-top { display: flex; align-items: center; gap: 8px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 12px; color: rgba(255,255,255,.55); }
.aeq-a-top .fa { color: #f26629; }
.aeq-a-tag { margin-left: auto; padding: 3px 9px; border-radius: 100px; font-size: 10px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; color: #ffb48f; background: rgba(242,102,41,.14); }
.aeq-a-q { font-size: 16px; font-weight: 800; color: #fff; line-height: 1.35; }
.aeq-a-t { font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.8); }
.aeq-a-t b { color: #ffb48f; }
.aeq-a-t span { color: rgba(255,255,255,.5); }
.aeq-a-src { list-style: none; padding: 0; margin: 14px 0; display: grid; gap: 7px; }
.aeq-a-src li { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 9px; font-size: 12px; font-weight: 600; color: rgba(255,255,255,.65); background: rgba(255,255,255,.05); }
.aeq-a-src li:first-child { color: #fff; background: rgba(242,102,41,.16); }
.aeq-a-ok { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; font-size: 12px; font-weight: 700; color: #7fe0a8; background: rgba(34,168,97,.14); }
.aeq-a-ok .fa { font-size: 13px; }
.aeq-cite { right: 0; top: 40px; width: 158px; gap: 10px; padding: 12px 14px; animation: hsFloat 6s ease-in-out infinite; }
.aeq-cite .fa { font-size: 15px; color: #f26629; }
.aeq-cite b { display: block; font-size: 13px; color: #fff; font-weight: 700; }
.aeq-cite small { display: block; font-size: 11px; color: rgba(255,255,255,.5); }
.aeq-eng { right: 0; left: auto; bottom: 40px; flex-direction: column; align-items: flex-start; gap: 6px; width: 158px; padding: 12px 14px; animation: hsFloat 7s ease-in-out infinite .5s; }
.aeq-eng small { font-size: 11px; color: rgba(255,255,255,.5); }
.aeq-eng-i { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #fff; }
.aeq-eng-i::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #f26629; }

/* ── HOW ANSWER ENGINES DECIDE (light, 3-step cards) ── */
.aeo-mech { background: #f7f8fb; }
.aeo-m-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.aeo-mc { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 30px 28px; border-radius: 22px; background: #fff; border: 1px solid #eceff4; transition: transform .3s, box-shadow .3s; }
.aeo-mc:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(23,59,90,.09); }
.aeo-mc:not(:last-child)::after { content: '\2192'; position: absolute; right: -20px; top: 50px; z-index: 1; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; color: #fff; background: #f26629; box-shadow: 0 0 0 5px #f7f8fb; }
.aeo-m-n { position: absolute; top: 20px; right: 24px; font-size: 46px; font-weight: 900; line-height: 1; color: #f1f3f7; }
.aeo-mc h3 { margin: 0; }
.aeo-mc p { font-size: 15px; line-height: 1.6; }
.aeo-mc p em { font-style: italic; color: #c2541f; }
.aeo-m-we { margin-top: auto; padding-top: 14px; border-top: 1px dashed #e3e7ee; font-size: 14px !important; color: #3c4858 !important; }
.aeo-m-we b { color: #f26629; }

/* ── AEO/GEO/SEO comparison table (4 data columns) ── */
.aeo-tbl table { min-width: 900px; }
.aeo-tbl thead th:nth-child(2) span, .aeo-tbl thead th:nth-child(3) span { color: #3c4858; }

/* ── WHAT MAKES CONTENT QUOTABLE (dark, 2x2) ── */
.aeo-quotes { color: #fff; background: linear-gradient(160deg, #0c0c0e 0%, #141416 55%, #1b1b1e 100%); }
.aeo-quotes::before { content: ''; position: absolute; width: 700px; height: 700px; top: -320px; left: -260px; border-radius: 50%; background: radial-gradient(circle, rgba(242,102,41,.14), transparent 65%); pointer-events: none; }
.aeo-quotes .container { position: relative; }
.aeo-quotes .sx-title { color: #fff; }
.aeo-quotes .sx-sub { color: rgba(255,255,255,.66); }
.aeo-quotes .sx-note { color: rgba(255,255,255,.4); }
.aeo-q-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.aeo-qc { display: flex; gap: 18px; align-items: flex-start; padding: 26px 28px; border-radius: 20px; background: #18181b; border: 1px solid rgba(255,255,255,.07); transition: transform .3s, border-color .3s; }
.aeo-qc:hover { transform: translateY(-4px); border-color: rgba(242,102,41,.5); }
.aeo-qc .sx-ic { width: 48px; height: 48px; border-radius: 12px; background: rgba(242,102,41,.14); }
.aeo-qc h3 { color: #fff; font-size: 19px; line-height: 1.35; }
.aeo-qc p { color: rgba(255,255,255,.66); font-size: 15px !important; line-height: 1.6 !important; }

/* ── BEFORE / AFTER (light, side by side) ── */
.aeo-ba-grid { display: grid; grid-template-columns: 1fr 56px 1fr; align-items: stretch; gap: 12px; }
.aeo-ba { display: flex; flex-direction: column; gap: 12px; padding: 26px; border-radius: 20px; border: 1px solid #eceff4; background: #fff; }
.aeo-ba--before { background: #fafbfc; }
.aeo-ba--after { border: 2px solid #f26629; box-shadow: 0 20px 44px rgba(242,102,41,.14); }
.aeo-ba-k { align-self: flex-start; padding: 4px 12px; border-radius: 100px; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.aeo-ba--before .aeo-ba-k { color: #8590a2; background: #eef1f6; }
.aeo-ba--after .aeo-ba-k { color: #fff; background: #f26629; }
.aeo-ba-q { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 12px; font-size: 15px; font-weight: 600; color: #3c4858; background: #f7f8fb; }
.aeo-ba-q .fa { color: #f26629; }
.aeo-ba-a { font-size: 15px !important; line-height: 1.65 !important; color: #5a6475 !important; }
.aeo-ba-a b { color: #3c4858; }
.aeo-ba-brand { color: #f26629; }
.aeo-ba-miss, .aeo-ba-hit { display: flex; align-items: center; gap: 9px; margin-top: auto; padding: 11px 14px; border-radius: 10px; font-size: 13px; font-weight: 600; }
.aeo-ba-miss { color: #e0452b; background: #fff6f3; }
.aeo-ba-hit { color: #1d8a54; background: #f3fbf6; }
.aeo-ba-arrow { align-self: center; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 17px; color: #fff; background: #f26629; box-shadow: 0 0 0 6px #fff7f2; }
.aeo-ba-eng { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 22px; padding: 16px 22px; border-radius: 14px; background: #f7f8fb; border: 1px solid #eceff4; font-size: 14px; font-weight: 600; color: #3c4858; }
.aeo-ba-eng small { flex-basis: 100%; order: 2; font-size: 12px; font-weight: 400; color: #8590a2; }
.aeo-ba-eng span { display: flex; align-items: center; gap: 8px; }
.aeo-ba-eng .fa { color: #f26629; }

/* ── WHERE YOU GET QUOTED (platform tabs, light) ── */
.aeo-pl { background: #f7f8fb; }
.aeo-pl-box { border-radius: 26px; background: #fff; border: 1px solid #eceff4; overflow: hidden; }
.aeo-pl-tabs { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #eceff4; }
.aeo-pl-t { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 8px; border: 0; border-bottom: 3px solid transparent; background: transparent; font-size: 14px; font-weight: 700; color: #8590a2; cursor: pointer; transition: all .25s; }
.aeo-pl-t span { min-width: 40px; height: 32px; padding: 0 12px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 900; color: #fff; background: #dfe3ea; transition: background .25s; }
.aeo-pl-t.is-on { color: #3c4858; background: #fff7f2; border-bottom-color: #f26629; }
.aeo-pl-t.is-on span { background: #f26629; }
.aeo-pl-p { display: none; grid-template-columns: 1fr 320px; gap: 40px; padding: 36px 40px; }
.aeo-pl-p.is-on { display: grid; animation: sxIn .45s ease both; }
.aeo-pl-main h3 { font-size: 28px; color: #3c4858; }
.aeo-pl-main p { margin-top: 12px; font-size: 16px !important; line-height: 1.667em !important; color: #5a6475 !important; }
.aeo-pl-side { padding: 22px; border-radius: 18px; background: #f7f8fb; border: 1px solid #eceff4; }
.aeo-pl-side .sx-k { margin-bottom: 10px; }
.aeo-pl-side ul { display: grid; gap: 10px; }
.aeo-pl-side li { display: flex; align-items: center; gap: 10px; font-size: 15px !important; color: #3c4858 !important; }
.aeo-pl-side .fa { font-size: 12px; color: #22a861; }
.aeo-pl-side p { margin-top: 16px; font-size: 14px !important; line-height: 1.6 !important; color: #5a6475 !important; }
.aeo-pl-side p b { color: #f26629; }

/* ── MEASURING CITATIONS (dark, 4 cards) ── */
.aeo-track { color: #fff; background: #121214; }
.aeo-track .sx-title { color: #fff; }
.aeo-track .sx-sub { color: rgba(255,255,255,.62); }
.aeo-track .sx-note { color: rgba(255,255,255,.4); }
.aeo-track-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.aeo-track-card { display: flex; flex-direction: column; gap: 10px; padding: 26px 22px; border-radius: 18px; background: #1b1b1e; border: 1px solid rgba(255,255,255,.08); transition: border-color .3s, transform .3s; }
.aeo-track-card:hover { border-color: rgba(242,102,41,.5); transform: translateY(-3px); }
.aeo-track-card h3 { color: #fff; font-size: 17px; }
.aeo-track-card p { color: rgba(255,255,255,.55); font-size: 14px !important; line-height: 1.6 !important; }

/* ── responsive ── */
@media (max-width: 991px) {
  .aeo-m-grid, .aeo-q-grid, .aeo-track-grid { grid-template-columns: 1fr 1fr; }
  .aeo-mc::after { display: none; }
  .aeo-ba-grid { grid-template-columns: 1fr; }
  .aeo-ba-arrow { margin: 0 auto; transform: rotate(90deg); }
  .aeo-pl-p { grid-template-columns: 1fr; padding: 28px; gap: 20px; }
}
@media (max-width: 576px) {
  .aeo-m-grid, .aeo-q-grid, .aeo-track-grid { grid-template-columns: 1fr; }
  .aeo-hero .dmh-right { height: 400px; }
  .aeq-a { width: 250px; padding: 14px 16px; }
  .aeq-a-t { font-size: 13px; }
  .aeq-cite { width: 150px; top: 30px; }
  .aeq-eng { width: 150px; bottom: 30px; }
  .aeo-pl-t { font-size: 12px; padding: 14px 4px; }
  .aeo-pl-t span { height: 28px; padding: 0 8px; font-size: 11px; }
  .aeo-pl-p { padding: 22px 18px; }
  .aeo-pl-main h3 { font-size: 20px; }
  .aeo-tbl table { min-width: 640px; }
}
@media (prefers-reduced-motion: reduce) {
  .aeq-cite, .aeq-eng { animation: none; }
}

/* ══ type scale + spacing (audit 27 Oct 2026, matches homepage / design family) ══
   H3 panel 24/22/20 · H3 card 20/19/18 · body 16/1.667 · lists 15 · section 80/60 · head gap 40/30 */
.aeo-pl-main h3, .dpr-a-p h3 { font-size: 24px !important; line-height: 1.35 !important; }
.aeo-mc h3, .aeo-qc h3, .aeo-track-card h3, .sx-svc-c h3, .sx-tl-i h3, .sx-ch-c h3, .sx-plan h3 { font-size: 20px !important; line-height: 1.4 !important; }
.aeo-mc p, .aeo-m-we, .aeo-qc p, .aeo-track-card p, .aeo-pl-main p, .aeo-pl-side p, .aeo-ba-a, .sx-svc-c p, .dpr-a-p p { font-size: 16px !important; line-height: 1.667 !important; }
.aeo-pl-side li { font-size: 15px !important; line-height: 1.6 !important; }
.sx-tl-see { font-size: 16px !important; line-height: 1.6 !important; }
.testimonial-home .main-heading-box, .faqsection .main-heading-box { margin-bottom: 40px !important; }
.faqsection .main-heading-box .mainheadingtitle { font-size: 38px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 !important; }
.testimonial-home .row.testimonial-box { margin-bottom: 35px !important; }
@media (max-width: 767px) { .testimonial-home .row.testimonial-box { margin-bottom: 5px !important; } }
@media (max-width: 991px) {
  .aeo-pl-main h3, .dpr-a-p h3 { font-size: 22px !important; }
  .dmd-a-pan h2 { font-size: 22px !important; }
  .aeo-mc h3, .aeo-qc h3, .aeo-track-card h3, .sx-svc-c h3, .sx-tl-i h3, .sx-ch-c h3, .sx-plan h3 { font-size: 19px !important; }
  .faqsection .main-heading-box .mainheadingtitle { font-size: 30px !important; }
}
@media (max-width: 576px) {
  .aeo-pl-main h3, .dpr-a-p h3 { font-size: 20px !important; }
  .dmd-a-pan h2 { font-size: 20px !important; }
  .aeo-mc h3, .aeo-qc h3, .aeo-track-card h3, .sx-svc-c h3, .sx-tl-i h3, .sx-ch-c h3, .sx-plan h3 { font-size: 18px !important; }
  .faqsection .main-heading-box .mainheadingtitle { font-size: 22px !important; line-height: 1.45 !important; }
  .testimonial-home .main-heading-box, .faqsection .main-heading-box { margin-bottom: 30px !important; }
}