.seo-page .site-header { background:#061009; }
.seo-hero { min-height:850px; }
.seo-hero .wd-hero-grid { grid-template-columns:minmax(0,.92fr) minmax(590px,1.08fr); }
.seo-hero h1 { max-width:830px; font-size:clamp(58px,5.2vw,84px); }

.seo-console { position:relative; min-height:560px; padding:23px; border:1px solid rgba(199,255,49,.38); border-radius:32px; color:#f4f7f4; background:radial-gradient(circle at 85% 0,rgba(199,255,49,.11),transparent 29%),linear-gradient(145deg,#11251a,#07110b 68%); box-shadow:0 42px 110px rgba(0,0,0,.52),0 0 0 12px rgba(199,255,49,.03); transform:rotate(1.2deg); }
.seo-console-top { display:flex; align-items:center; justify-content:space-between; padding:3px 2px 17px; border-bottom:1px solid rgba(255,255,255,.11); }.seo-console-top span,.seo-console-top strong { display:block; }.seo-console-top span { margin-bottom:4px; color:#84958a; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.seo-console-top strong { font-size:16px; }.seo-console-top>b { display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid rgba(255,255,255,.13); border-radius:99px; color:#b8c4bb; font-size:9px; }.seo-console-top i { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); }
.seo-console-score { display:grid; grid-template-columns:1fr 118px; gap:15px; padding-top:15px; }.seo-console-score>div:first-child { padding:19px 22px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.05); }.seo-console-score span,.seo-console-score strong,.seo-console-score small { display:block; }.seo-console-score span { color:#91a095; font-size:10px; }.seo-console-score strong { margin-top:8px; font-size:39px; letter-spacing:-.05em; }.seo-console-score small { margin-top:5px; color:#c7ff31; font-size:9px; }
.seo-score-ring { display:grid; place-items:center; align-content:center; border:10px solid rgba(199,255,49,.15); border-top-color:var(--lime); border-radius:50%; background:#102017; transform:rotate(9deg); }.seo-score-ring span,.seo-score-ring small { transform:rotate(-9deg); }.seo-score-ring span { color:#fff; font-size:28px; font-weight:850; }.seo-score-ring small { color:#8e9b91; font-size:8px; }
.seo-chart { margin-top:14px; padding:18px 20px 10px; border:1px solid rgba(255,255,255,.1); border-radius:21px; background:rgba(255,255,255,.045); }.seo-chart-head { display:flex; justify-content:space-between; align-items:center; color:#9eaaa1; font-size:10px; }.seo-chart-head b { color:#dfff8b; }.seo-chart svg { width:100%; height:145px; margin-top:10px; stroke:none; }
.seo-keywords { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }.seo-keywords>div { padding:14px 12px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(255,255,255,.045); }.seo-keywords span,.seo-keywords strong,.seo-keywords b { display:block; }.seo-keywords span { color:#829087; font-size:8px; }.seo-keywords strong { margin-top:6px; font-size:19px; }.seo-keywords b { margin-top:3px; color:#c7ff31; font-size:8px; }
.seo-float { position:absolute; right:-35px; bottom:64px; min-width:190px; padding:16px 17px; border:1px solid #dde8d5; border-radius:18px; color:#142015; background:#fff; box-shadow:0 24px 55px rgba(0,0,0,.3); transform:rotate(-1.2deg); }.seo-float span,.seo-float strong,.seo-float small { display:block; }.seo-float span { color:#5b771f; font-size:7px; font-weight:850; letter-spacing:.11em; }.seo-float strong { margin-top:7px; font-size:12px; }.seo-float small { margin-top:4px; color:#7a827b; font-size:9px; }

.seo-proof>div:first-child { background:#eff3eb; }.seo-proof>div:nth-child(2) { background:#e4eddc; }.seo-proof>div:nth-child(3) { background:#d7e9c5; }
.seo-intro::before { content:"SEO"; font-size:180px; }
.seo-service-grid .seo-card { min-height:390px; }.seo-card-technical,.seo-card-local { grid-column:span 6; }.seo-service-grid .seo-card:not(.seo-card-technical):not(.seo-card-local):not(.seo-card-global) { grid-column:span 4; }.seo-card-global { grid-column:span 12; display:grid; grid-template-columns:74px .7fr 1fr; align-items:center; gap:28px; min-height:220px; background:linear-gradient(115deg,#fff 0 62%,#def4b4 62%); }.seo-card-global h3 { margin:0; font-size:31px; }.seo-card-global p { min-height:0; }.seo-card-global ul { justify-content:flex-end; margin:0; padding:0; }
.seo-card-technical { color:#fff; background:radial-gradient(circle at 88% 10%,rgba(199,255,49,.2),transparent 31%),#07100b; }.seo-card-technical .wd-service-icon { color:#12200e; background:var(--lime); }.seo-card-technical p { color:#aeb9b1; }.seo-card-technical li { color:#dce4de; border-color:rgba(255,255,255,.17); }.seo-card-technical .dm-service-number { color:#87978a; }
.seo-card-local { background:linear-gradient(145deg,#dfff83,#c8f33e); }.seo-card-local .wd-service-icon { color:#dfff8c; background:#102016; }.seo-card-local p,.seo-card-local .dm-service-number { color:#455a2d; }.seo-card-local li { color:#2d411d; border-color:rgba(28,53,20,.2); }
.seo-card-commerce { background:linear-gradient(145deg,#e2f1d2,#f4f8ed); }.seo-card-commerce .wd-service-icon { color:#dfff8d; background:#102016; }
.seo-card-authority { color:#fff; background:radial-gradient(circle at 10% 100%,rgba(199,255,49,.15),transparent 35%),#102016; }.seo-card-authority .wd-service-icon { color:#11200e; background:var(--lime); }.seo-card-authority p { color:#b4c0b7; }.seo-card-authority li { color:#dde5df; border-color:rgba(255,255,255,.17); }.seo-card-authority .dm-service-number { color:#87978a; }

.seo-system { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:center; padding:105px 75px; border-radius:42px; color:#fff; background:radial-gradient(circle at 82% 35%,rgba(199,255,49,.12),transparent 26%),linear-gradient(130deg,#0a1710,#10271a); box-shadow:0 34px 80px rgba(18,37,15,.19); }.seo-system-copy h2 { margin:0; font-size:clamp(43px,4.3vw,68px); line-height:1.04; letter-spacing:-.055em; }.seo-system-copy h2 mark { color:var(--lime); }.seo-system-copy h2 mark::before { display:none; }.seo-system-copy>p:not(.wd-kicker) { margin:27px 0 0; color:#aeb9b1; font-size:16px; line-height:1.75; }.seo-system-copy>a { display:inline-flex; align-items:center; gap:10px; margin-top:28px; padding-bottom:5px; border-bottom:2px solid var(--lime); color:#dfff8b; font-size:13px; font-weight:800; }.seo-system-copy>a svg { width:18px; height:18px; }
.seo-system-map { position:relative; min-height:500px; }.seo-system-map::before,.seo-system-map::after { content:""; position:absolute; left:50%; top:50%; border:1px solid rgba(199,255,49,.22); border-radius:50%; transform:translate(-50%,-50%); }.seo-system-map::before { width:340px; height:340px; }.seo-system-map::after { width:465px; height:465px; border-color:rgba(255,255,255,.09); }
.seo-system-core { position:absolute; left:50%; top:50%; z-index:2; display:grid; width:190px; height:190px; place-items:center; align-content:center; border:1px solid rgba(199,255,49,.45); border-radius:50%; text-align:center; background:radial-gradient(circle,#25401f,#0c1a11); box-shadow:0 0 60px rgba(199,255,49,.12); transform:translate(-50%,-50%); }.seo-system-core span { color:#94a398; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.seo-system-core strong { margin-top:8px; color:#dfff8b; font-size:24px; line-height:1.15; }
.seo-orbit { position:absolute; z-index:3; width:155px; padding:16px; border:1px solid rgba(255,255,255,.15); border-radius:19px; background:#14251a; box-shadow:0 18px 38px rgba(0,0,0,.24); }.seo-orbit span,.seo-orbit strong,.seo-orbit small { display:block; }.seo-orbit span { margin-bottom:9px; color:#77907b; font-size:9px; font-weight:800; }.seo-orbit strong { font-size:15px; }.seo-orbit small { margin-top:4px; color:#87958b; font-size:9px; }.seo-orbit-one { left:2%; top:9%; }.seo-orbit-two { right:0; top:13%; }.seo-orbit-three { left:0; bottom:9%; }.seo-orbit-four { right:3%; bottom:6%; }.seo-orbit-one,.seo-orbit-three { border-color:rgba(199,255,49,.26); }
.seo-process { padding-top:130px; }.seo-faq { padding-top:110px; }.seo-enquiry { margin-bottom:-105px; }.seo-page .site-footer { padding-top:205px; }

@media(max-width:1100px) {
  .seo-hero .wd-hero-grid { grid-template-columns:.88fr 1.12fr; gap:38px; }.seo-console { min-height:520px; padding:18px; }.seo-float { right:-15px; }.seo-chart svg { height:130px; }
  .seo-card-technical,.seo-card-local { grid-column:span 6; }.seo-service-grid .seo-card:not(.seo-card-technical):not(.seo-card-local):not(.seo-card-global) { grid-column:span 4; }
  .seo-system { padding:62px; gap:45px; }.seo-system-map { min-height:450px; }.seo-system-map::before { width:310px; height:310px; }.seo-system-map::after { width:410px; height:410px; }
}
@media(max-width:820px) {
  .seo-hero .wd-hero-grid { grid-template-columns:1fr; }.seo-console { width:min(100%,700px); margin:auto; }.seo-float { right:-12px; }
  .seo-service-grid .seo-card,.seo-card-technical,.seo-card-local,.seo-service-grid .seo-card:not(.seo-card-technical):not(.seo-card-local):not(.seo-card-global) { grid-column:span 6; }.seo-card-global { grid-column:span 12; grid-template-columns:65px 1fr; }.seo-card-global p,.seo-card-global ul { grid-column:2; justify-content:flex-start; }
  .seo-system { grid-template-columns:1fr; }.seo-system-map { width:min(100%,600px); margin:auto; }.seo-enquiry { margin-bottom:-78px; }.seo-page .site-footer { padding-top:172px; }
}
@media(max-width:640px) {
  .seo-hero { min-height:0; }.seo-hero h1 { font-size:clamp(45px,13.5vw,62px); }.seo-console { min-height:0; padding:12px; border-radius:23px; transform:rotate(.4deg); }.seo-console-score { grid-template-columns:1fr 95px; }.seo-console-score>div:first-child { padding:15px; }.seo-console-score strong { font-size:30px; }.seo-score-ring { border-width:8px; }.seo-chart { padding:15px 13px 7px; }.seo-chart svg { height:105px; }.seo-keywords { gap:6px; }.seo-keywords>div { padding:11px 8px; }.seo-keywords strong { font-size:15px; }.seo-float { display:none; }
  .seo-intro::before { font-size:92px; }.seo-service-grid { grid-template-columns:1fr; }.seo-service-grid .seo-card,.seo-card-technical,.seo-card-local,.seo-card-global,.seo-service-grid .seo-card:not(.seo-card-technical):not(.seo-card-local):not(.seo-card-global) { grid-column:1; display:flex; min-height:0; padding:29px 24px; }.seo-card-global { background:#fff; }.seo-card-global h3 { margin:29px 0 15px; font-size:25px; }.seo-card-global ul { justify-content:flex-start; margin-top:24px; padding-top:0; }
  .seo-system { margin-inline:4%; padding:45px 23px; border-radius:28px; }.seo-system-map { min-height:430px; }.seo-system-map::before { width:260px; height:260px; }.seo-system-map::after { width:350px; height:350px; }.seo-system-core { width:145px; height:145px; }.seo-system-core strong { font-size:19px; }.seo-orbit { width:118px; padding:12px; }.seo-orbit strong { font-size:12px; }.seo-orbit small { font-size:8px; }.seo-enquiry { width:auto; margin:0 4% -58px; }.seo-page .site-footer { padding-top:139px; }
}
@media(prefers-reduced-motion:reduce) { .seo-card { transition:none; } }

/* Balanced international SEO feature card */
.seo-service-grid .seo-card-global { grid-column:span 12; display:grid; grid-template-columns:74px minmax(260px,.72fr) minmax(360px,1.28fr); grid-template-rows:auto auto; align-items:center; gap:22px 28px; min-height:270px; padding:42px; background:linear-gradient(112deg,#fff 0 66%,#def4b4 66%); }
.seo-card-global .wd-service-icon { grid-column:1; grid-row:1; }.seo-card-global h3 { grid-column:2; grid-row:1; margin:0; font-size:31px; }.seo-card-global p { grid-column:3; grid-row:1; min-height:0; max-width:720px; }.seo-card-global ul { grid-column:2 / 4; grid-row:2; justify-content:flex-start; margin:0; padding:5px 0 0; }.seo-card-global .dm-service-number { top:31px; right:33px; }

/* Customer-led Google search opportunity section */
.seo-search-journey { display:grid; grid-template-columns:.8fr 1.2fr; gap:75px; align-items:center; padding:92px 75px; border-radius:42px; color:#fff; background:radial-gradient(circle at 88% 10%,rgba(199,255,49,.11),transparent 30%),linear-gradient(130deg,#09160f,#122a1b); box-shadow:0 34px 80px rgba(18,37,15,.2); }
.seo-search-copy h2 { margin:0; font-size:clamp(43px,4.2vw,67px); line-height:1.04; letter-spacing:-.055em; }.seo-search-copy h2 mark { color:var(--lime); }.seo-search-copy h2 mark::before { display:none; }.seo-search-copy>p:not(.wd-kicker) { margin:25px 0 0; color:#aeb9b1; font-size:16px; line-height:1.75; }
.seo-search-copy>ul { display:grid; gap:10px; margin:27px 0 0; padding:0; list-style:none; }.seo-search-copy>ul li { display:grid; grid-template-columns:37px 1fr; gap:13px; align-items:center; padding:12px 14px; border:1px solid rgba(255,255,255,.1); border-radius:15px; background:rgba(255,255,255,.045); }.seo-search-copy>ul li>span { display:grid; width:37px; height:37px; place-items:center; border-radius:11px; color:#17250f; background:var(--lime); font-size:10px; font-weight:850; }.seo-search-copy>ul strong,.seo-search-copy>ul small { display:block; }.seo-search-copy>ul strong { font-size:12px; }.seo-search-copy>ul small { margin-top:3px; color:#8f9d92; font-size:9px; }.seo-search-copy>a { display:inline-flex; align-items:center; gap:10px; margin-top:28px; padding-bottom:5px; border-bottom:2px solid var(--lime); color:#dfff8b; font-size:13px; font-weight:850; }.seo-search-copy>a svg { width:18px; height:18px; }
.seo-serp-stage { position:relative; min-width:0; padding:33px 0 28px 26px; }.seo-serp-window { overflow:hidden; border:1px solid #d8ded5; border-radius:25px; color:#202124; background:#fff; box-shadow:0 32px 70px rgba(0,0,0,.38); transform:rotate(1deg); }.seo-serp-browser { display:flex; align-items:center; gap:7px; min-height:43px; padding:0 15px; border-bottom:1px solid #e3e6e1; background:#f1f3f0; }.seo-serp-browser i { width:7px; height:7px; border-radius:50%; background:#b5bbb2; }.seo-serp-browser i:first-child { background:#9ecf3d; }.seo-serp-browser span { margin-left:8px; padding:6px 13px; border-radius:8px; color:#737a72; background:#fff; font-size:8px; }
.seo-serp-brand { display:flex; align-items:baseline; gap:4px; margin:24px 29px 12px; }.seo-serp-brand b { color:#4285f4; font-size:26px; font-weight:850; }.seo-serp-brand span { color:#5f6368; font-size:13px; font-weight:700; }.seo-search-bar { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:48px; margin:0 28px; padding:0 17px; border:1px solid #dfe1e5; border-radius:99px; box-shadow:0 2px 7px rgba(60,64,67,.11); }.seo-search-bar span { overflow:hidden; font-size:12px; white-space:nowrap; text-overflow:ellipsis; }.seo-search-bar svg { width:18px; height:18px; color:#4285f4; }.seo-search-meta { margin:14px 31px 0; color:#7c817b; font-size:8px; }.seo-search-meta span { padding-inline:4px; }
.seo-result { margin:17px 31px 0; }.seo-result-featured { padding:18px; border:1px solid #cde7a2; border-radius:17px; background:#fbfff5; box-shadow:0 10px 24px rgba(62,91,34,.09); }.seo-result-url { display:grid; grid-template-columns:33px 1fr auto; align-items:center; gap:9px; }.seo-result-url>span { display:grid; width:33px; height:33px; place-items:center; border-radius:50%; color:#13200e; background:var(--lime); font-size:9px; font-weight:850; }.seo-result-url strong,.seo-result-url small { display:block; }.seo-result-url strong { color:#303532; font-size:10px; }.seo-result-url small { margin-top:2px; color:#737973; font-size:7px; }.seo-result-url>b { color:#747974; font-size:15px; }.seo-result h3 { margin:12px 0 7px; color:#1a0dab; font-size:16px; line-height:1.3; letter-spacing:-.025em; }.seo-result p { margin:0; color:#4d5156; font-size:9px; line-height:1.55; }.seo-result-links { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }.seo-result-links span { padding:6px 8px; border-radius:7px; color:#2855a5; background:#edf4ff; font-size:8px; font-weight:700; }
.seo-result-muted { display:grid; gap:7px; padding:0 6px 25px; }.seo-result-muted span,.seo-result-muted b,.seo-result-muted i { display:block; height:6px; border-radius:6px; background:#e5e8e3; }.seo-result-muted span { width:31%; }.seo-result-muted b { width:66%; height:9px; background:#d9dce5; }.seo-result-muted i:nth-last-child(2) { width:94%; }.seo-result-muted i:last-child { width:72%; }
.seo-serp-callout { position:absolute; left:-8px; top:-5px; z-index:3; display:grid; grid-template-columns:11px 1fr; gap:2px 9px; min-width:176px; padding:13px 15px; border:1px solid rgba(199,255,49,.38); border-radius:16px; background:#13281a; box-shadow:0 18px 38px rgba(0,0,0,.27); }.seo-serp-callout>span { grid-row:1 / 3; width:11px; height:11px; margin-top:2px; border-radius:50%; background:var(--lime); box-shadow:0 0 15px rgba(199,255,49,.5); }.seo-serp-callout strong { color:#fff; font-size:12px; }.seo-serp-callout small { color:#8e9b91; font-size:8px; }.seo-serp-metric { position:absolute; right:-24px; bottom:0; z-index:3; min-width:178px; padding:15px 17px; border:1px solid #dce7d3; border-radius:17px; color:#142015; background:#fff; box-shadow:0 22px 48px rgba(0,0,0,.26); }.seo-serp-metric span,.seo-serp-metric strong,.seo-serp-metric small { display:block; }.seo-serp-metric span { color:#727c72; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }.seo-serp-metric strong { margin-top:5px; color:#284413; font-size:25px; }.seo-serp-metric small { margin-top:3px; color:#7b837b; font-size:8px; }

@media(max-width:1100px) {
  .seo-service-grid .seo-card-global { grid-template-columns:64px minmax(220px,.72fr) 1fr; min-height:250px; padding:34px; }
  .seo-search-journey { padding:62px; gap:42px; }.seo-serp-stage { padding-left:10px; }.seo-serp-metric { right:-8px; }
}
@media(max-width:820px) {
  .seo-service-grid .seo-card-global { grid-column:span 12; grid-template-columns:65px 1fr; min-height:0; }.seo-service-grid .seo-card-global p,.seo-service-grid .seo-card-global ul { grid-column:2; justify-content:flex-start; }
  .seo-search-journey { grid-template-columns:1fr; }.seo-serp-stage { width:min(100%,680px); margin:auto; }
}
@media(max-width:640px) {
  .seo-service-grid .seo-card-global { grid-column:1; display:flex; min-height:0; padding:29px 24px; }.seo-card-global h3 { margin:29px 0 15px; font-size:25px; }.seo-card-global ul { justify-content:flex-start; margin-top:24px; padding-top:0; }
  .seo-search-journey { margin-inline:4%; padding:45px 22px; border-radius:28px; }.seo-search-copy h2 { font-size:clamp(36px,10.5vw,48px); }.seo-search-copy>p:not(.wd-kicker) { font-size:14px; }.seo-serp-stage { padding:30px 0 34px; }.seo-serp-callout { left:-5px; }.seo-serp-window { border-radius:20px; transform:none; }.seo-serp-brand { margin:22px 18px 11px; }.seo-search-bar { margin-inline:16px; }.seo-search-meta,.seo-result { margin-left:18px; margin-right:18px; }.seo-result h3 { font-size:14px; }.seo-result-links span:nth-child(2) { display:none; }.seo-serp-metric { right:-5px; }
}

/* Six SEO services: three equal columns and two rows on desktop. */
@media(min-width:1101px) {
  .seo-service-grid .seo-card,
  .seo-service-grid .seo-card-global {
    grid-column:span 4;
    display:flex;
    min-height:410px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:36px 34px 31px;
  }
  .seo-service-grid .seo-card-global {
    color:#10200d;
    background:linear-gradient(145deg,#e4f5c5,#cfee91);
  }
  .seo-service-grid .seo-card-global .wd-service-icon {
    color:#dfff8b;
    background:#102016;
  }
  .seo-service-grid .seo-card-global h3 {
    margin:31px 0 15px;
    font-size:26px;
  }
  .seo-service-grid .seo-card-global p {
    min-height:91px;
    max-width:none;
    color:#4d5c48;
  }
  .seo-service-grid .seo-card-global ul {
    justify-content:flex-start;
    margin:auto 0 0;
    padding:24px 0 0;
  }
  .seo-service-grid .seo-card-global li {
    color:#31472a;
    border-color:rgba(30,58,22,.18);
  }
}

@media(min-width:641px) and (max-width:1100px) {
  .seo-service-grid .seo-card,
  .seo-service-grid .seo-card-global {
    grid-column:span 6;
    display:flex;
    min-height:390px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:34px 30px;
  }
  .seo-service-grid .seo-card-global h3 { margin:31px 0 15px; font-size:26px; }
  .seo-service-grid .seo-card-global p { grid-column:auto; min-height:91px; }
  .seo-service-grid .seo-card-global ul { grid-column:auto; justify-content:flex-start; margin:auto 0 0; padding:24px 0 0; }
}
