.content-page { background:#f4f6f8; }
.content-main { padding-top:78px; }
.content-hero { position:relative; display:grid; min-height:560px; overflow:hidden; padding:20px 24px 72px; box-sizing:border-box; place-items:center; border-bottom:1px solid #d8dde3; background:#f7f8fa; }
.content-hero::before { content:""; position:absolute; inset:0; opacity:.55; background-image:linear-gradient(#e5e9ed 1px,transparent 1px),linear-gradient(90deg,#e5e9ed 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }
.content-hero::after { content:""; position:absolute; top:-180px; left:50%; width:760px; height:520px; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,rgba(255,230,0,.14) 0,rgba(255,230,0,.045) 42%,transparent 72%); pointer-events:none; }
.content-hero-inner { position:relative; z-index:1; display:flex; width:min(100%,1240px); min-height:468px; margin:0 auto; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.content-breadcrumbs { position:absolute; top:0; left:0; display:flex; width:fit-content; min-height:36px; box-sizing:border-box; align-items:center; flex-wrap:wrap; justify-content:flex-start; gap:8px; margin:0; padding:7px 14px; border:1px solid #d9dee4; border-top:2px solid #ffe600; background:rgba(255,255,255,.72); color:#737e8b; font-size:12px; line-height:1.4; text-align:left; }
.content-breadcrumbs a:hover { color:#0a0c10; }
.content-hero .section-kicker { display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:22px; color:#817000; }
.content-hero .section-kicker::before { content:""; width:7px; height:7px; background:#ffe600; box-shadow:0 0 0 4px rgba(255,230,0,.15); }
.content-hero h1 { max-width:1040px; margin:0 auto; font-size:clamp(44px,6vw,76px); line-height:1.05; letter-spacing:-.03em; text-wrap:balance; }
.content-hero h1 span { color:#817000; }
.content-lead { max-width:780px; margin:26px auto 0; color:#5f6977; font-size:18px; line-height:1.8; text-wrap:pretty; }
.content-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin-top:34px; }
.button-secondary { border:1px solid #aeb6c0; background:rgba(255,255,255,.78); }
.content-section { padding:96px 24px; }
.content-section.alt { background:#fff; border-top:1px solid #e0e4e8; border-bottom:1px solid #e0e4e8; }
.content-container { width:min(100%,1240px); margin:0 auto; }
.content-heading { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; margin-bottom:48px; }
.content-heading h2 { margin:0; font-size:clamp(32px,4vw,52px); line-height:1.12; }
.content-heading p { max-width:650px; margin:0; color:#687280; font-size:16px; line-height:1.8; }
.content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #cfd5dc; border-left:1px solid #cfd5dc; }
.content-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.content-card { min-height:230px; padding:30px; border-right:1px solid #cfd5dc; border-bottom:1px solid #cfd5dc; background:rgba(255,255,255,.55); }
.content-card small { color:#8b7800; font-size:10px; font-weight:800; letter-spacing:1.3px; }
.content-card h3 { margin:26px 0 12px; font-size:22px; }
.content-card p { margin:0; color:#687280; font-size:14px; line-height:1.75; }
.content-card a { display:inline-block; margin-top:24px; padding-bottom:4px; border-bottom:1px solid #9ca5b0; font-size:12px; font-weight:750; }
.process-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:0; margin:0; border-top:1px solid #c5ccd4; list-style:none; }
.process-list li { position:relative; min-height:190px; padding:28px 22px; border-right:1px solid #c5ccd4; }
.process-list li:last-child { border-right:0; }
.process-list li::before { content:""; position:absolute; top:-5px; left:22px; width:9px; height:9px; background:#ffe600; }
.process-list span { color:#7a8491; font-size:10px; }
.process-list strong { display:block; margin-top:44px; font-size:16px; }
.process-list p { margin:10px 0 0; color:#687280; font-size:12px; line-height:1.65; }
.evidence-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:0; margin:0; list-style:none; }
.evidence-list li { display:flex; gap:16px; align-items:flex-start; padding:22px; border:1px solid #d4d9df; background:#fff; }
.evidence-list b { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; background:#ffe600; font-size:11px; }
.evidence-list strong { display:block; margin-bottom:7px; font-size:15px; }
.evidence-list p { margin:0; color:#687280; font-size:13px; line-height:1.7; }
.scope-note { margin-top:28px; padding:20px 22px; border-left:4px solid #ffe600; background:#fffbe1; color:#5f5a39; font-size:13px; line-height:1.7; }
.page-cta { display:flex; align-items:center; justify-content:space-between; gap:36px; padding:64px max(24px,calc((100vw - 1240px)/2)); background:#ffe600; }
.page-cta h2 { max-width:760px; margin:0; font-size:clamp(30px,4vw,50px); line-height:1.12; }
.page-cta p { max-width:620px; margin:14px 0 0; color:#514800; line-height:1.7; }
.page-cta .button { flex:0 0 auto; border:1px solid #0a0c10; background:#0a0c10; color:#fff; }
.content-footer { min-height:130px; }
.content-page .footer-company { justify-content:center; }
.service-nav { display:grid; width:100%; max-width:1040px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:42px auto 0; }
.service-nav a { padding:18px; border:1px solid #d0d6dd; background:rgba(255,255,255,.8); font-size:13px; font-weight:750; text-align:center; }
.service-nav a:hover,.service-nav a:focus-visible { border-color:#bba800; background:#fffbe1; }
.definition-box { display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; padding:38px; border:1px solid #d0d6dd; background:#fff; }
.definition-box strong { font-size:25px; line-height:1.3; }
.definition-box p { margin:0; color:#65707d; line-height:1.85; }
.comparison-section { background:#eef1f5; }
.geo-comparison { border:1px solid #cfd5dc; background:#fff; box-shadow:0 24px 60px rgba(38,48,61,.08); }
.comparison-heading { padding:38px 40px 36px; border-bottom:1px solid #cfd5dc; text-align:center; }
.comparison-heading h2 { max-width:960px; margin:0 auto; font-size:clamp(28px,3.2vw,42px); line-height:1.18; letter-spacing:-.02em; text-wrap:balance; }
.comparison-heading p { max-width:760px; margin:16px auto 0; color:#65707d; font-size:16px; line-height:1.8; text-wrap:pretty; }
.comparison-grid { position:relative; display:grid; grid-template-columns:1fr 1fr; }
.comparison-card { padding:34px 40px 38px; }
.comparison-seo { border-right:1px solid #cfd5dc; background:#f7f8fa; }
.comparison-geo { background:linear-gradient(135deg,#fffef2 0,#fff 64%); }
.comparison-card-title { min-height:150px; padding-bottom:28px; border-bottom:1px solid #d7dce2; }
.comparison-card-title small { color:#7d8794; font-size:11px; font-weight:800; letter-spacing:1.5px; }
.comparison-card-title h3 { margin:10px 0 8px; font-size:44px; line-height:1; }
.comparison-geo .comparison-card-title h3 { color:#817000; }
.comparison-card-title strong { display:block; max-width:430px; font-size:21px; line-height:1.45; }
.comparison-card dl { margin:0; }
.comparison-card dl div { display:grid; grid-template-columns:88px 1fr; gap:20px; padding:18px 0; border-bottom:1px solid #e0e4e8; }
.comparison-card dl div:last-child { border-bottom:0; }
.comparison-card dt { color:#7b8591; font-size:12px; font-weight:750; }
.comparison-card dd { margin:0; color:#252b33; font-size:14px; font-weight:650; line-height:1.65; }
.comparison-plus { position:absolute; z-index:1; top:0; left:50%; display:grid; width:52px; height:30px; place-items:center; transform:translate(-50%,-50%); border:1px solid #d0bd00; background:#ffe600; font-size:11px; font-weight:800; letter-spacing:.12em; }
.comparison-conclusion { display:flex; align-items:center; justify-content:center; gap:10px; padding:22px 30px; border-top:1px solid #cfd5dc; background:#11151a; color:#fff; text-align:center; }
.comparison-conclusion strong { color:#ffe600; }

@media(max-width:900px){
  .content-heading,.definition-box { grid-template-columns:1fr; gap:24px; }
  .content-grid { grid-template-columns:1fr 1fr; }
  .process-list { grid-template-columns:1fr 1fr; }
  .process-list li { border-top:1px solid #c5ccd4; }
  .service-nav { grid-template-columns:1fr 1fr; }
}
@media(max-width:640px){
  .content-main { padding-top:66px; }
  .content-hero { min-height:0; padding:20px 18px 64px; }
  .content-hero-inner { min-height:0; justify-content:flex-start; }
  .content-breadcrumbs { position:static; min-height:36px; align-self:flex-start; margin-bottom:36px; padding:7px 11px; }
  .content-hero .section-kicker { margin-bottom:18px; }
  .content-hero h1 { font-size:clamp(36px,11vw,44px); }
  .content-lead { font-size:16px; }
  .content-actions { width:100%; margin-top:30px; }
  .content-actions .button { min-width:min(100%,220px); }
  .content-section { padding:72px 18px; }
  .content-grid,.content-grid.two,.evidence-list,.service-nav { grid-template-columns:1fr; }
  .content-card { min-height:0; padding:25px; }
  .process-list { grid-template-columns:1fr; border-top:0; }
  .process-list li { min-height:130px; border-right:0; }
  .process-list strong { margin-top:25px; }
  .page-cta { align-items:flex-start; flex-direction:column; padding:54px 18px; }
  .definition-box { padding:26px; }
  .comparison-heading { padding:28px 24px; }
  .comparison-grid { grid-template-columns:1fr; }
  .comparison-card { padding:28px 24px; }
  .comparison-seo { border-right:0; border-bottom:1px solid #cfd5dc; }
  .comparison-card-title { min-height:0; }
  .comparison-card dl div { grid-template-columns:76px 1fr; gap:14px; }
  .comparison-plus { top:50%; width:48px; height:28px; font-size:10px; }
  .comparison-conclusion { align-items:flex-start; flex-direction:column; gap:5px; text-align:left; }
}
