.seo-service-page{--seo-ink:#0f172a;--seo-muted:#526074;--seo-line:rgba(15,23,42,.13);margin:0;color:var(--seo-ink);background:radial-gradient(circle at 88% 8%,rgba(14,165,233,.13),transparent 25rem),#f8fafc;font-family:"DM Sans",sans-serif}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:10px 14px;color:#fff;background:#0f172a;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.seo-service-hero,.seo-service-section,.seo-service-cta{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.seo-header{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;min-height:82px}
.seo-brand{display:inline-flex;flex-direction:column;color:var(--seo-ink);font-size:21px;font-weight:700;line-height:.9;text-decoration:none}.seo-brand small{margin-top:5px;color:var(--seo-muted);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.seo-header nav{display:flex;justify-content:center;gap:24px}.seo-header nav a,.seo-footer nav a{color:var(--seo-muted);font-size:13px;font-weight:600;text-decoration:none}.seo-header nav a:hover,.seo-footer nav a:hover{color:#0284c7}
.seo-service-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(32px,7vw,90px);align-items:center;min-height:650px;padding-block:165px 110px}
.seo-eyebrow{display:block;margin-bottom:16px;color:#0369a1;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.seo-service-hero h1{max-width:820px;margin:0 0 24px;font-size:clamp(46px,6.3vw,82px);line-height:.98;letter-spacing:-.055em}
.seo-service-hero__copy>p{max-width:700px;margin:0;color:var(--seo-muted);font-size:clamp(17px,1.7vw,20px);line-height:1.65}
.seo-service-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}.seo-service-hero__copy>small{color:var(--seo-muted);font-size:12px}
.seo-service-hero__map{display:grid;gap:10px;padding:18px;border:1px solid rgba(2,132,199,.22);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 30px 80px -50px rgba(15,23,42,.6)}
.seo-service-hero__map span{padding:19px 18px;border-radius:14px;color:#075985;background:linear-gradient(135deg,#f0f9ff,#fff);font-size:13px;font-weight:700}
.seo-service-section{padding-block:90px;border-top:1px solid var(--seo-line)}.seo-section-heading{max-width:700px;margin-bottom:42px}
.seo-section-heading h2,.seo-limits h2,.seo-service-cta h2{margin:0 0 14px;font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.045em}
.seo-section-heading p,.seo-service-cta p{color:var(--seo-muted);font-size:17px;line-height:1.65}
.seo-outcome-grid,.seo-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.seo-outcome-card,.seo-related-card{padding:24px;border:1px solid var(--seo-line);border-radius:18px;background:rgba(255,255,255,.84)}
.seo-outcome-card h3{margin:0 0 11px;font-size:18px}.seo-outcome-card p{margin:0;color:var(--seo-muted);font-size:14px;line-height:1.58}
.seo-limits{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.seo-limits ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.seo-limits li{position:relative;padding:18px 18px 18px 48px;border-bottom:1px solid var(--seo-line);color:var(--seo-muted);line-height:1.55}.seo-limits li:before{content:"✓";position:absolute;left:16px;color:#059669;font-weight:900}
.seo-related-grid{grid-template-columns:repeat(3,1fr)}.seo-related-card{display:flex;min-height:190px;flex-direction:column;color:inherit;text-decoration:none;transition:transform 180ms ease,border-color 180ms ease}
.seo-related-card:hover{border-color:#0284c7;transform:translateY(-3px)}.seo-related-card strong{font-size:20px}.seo-related-card span{margin:12px 0 24px;color:var(--seo-muted);line-height:1.55}.seo-related-card small{margin-top:auto;color:#0369a1;font-weight:700}
.seo-faq-list{max-width:850px}.seo-faq{border-top:1px solid var(--seo-line)}.seo-faq:last-child{border-bottom:1px solid var(--seo-line)}.seo-faq summary{padding:22px 2px;cursor:pointer;font-size:17px;font-weight:700}.seo-faq p{max-width:740px;margin:-4px 0 24px;color:var(--seo-muted);line-height:1.65}
.seo-service-cta{margin-bottom:80px;padding:clamp(34px,6vw,72px);border-radius:28px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(14,165,233,.5),transparent 40%),#0f172a}.seo-service-cta .seo-eyebrow{color:#7dd3fc}.seo-service-cta h2{max-width:800px}.seo-service-cta p{max-width:680px;color:#cbd5e1}.seo-service-cta .btn-secondary{color:#fff;border-color:rgba(255,255,255,.35)}
.seo-footer{display:grid;grid-template-columns:1fr auto auto;gap:70px;padding-block:50px 70px;border-top:1px solid var(--seo-line)}.seo-footer p{max-width:360px;color:var(--seo-muted);font-size:13px}.seo-footer nav{display:grid;gap:10px;align-content:start}
@media(max-width:900px){.seo-service-hero{grid-template-columns:1fr;min-height:auto}.seo-service-hero__map{grid-template-columns:repeat(2,1fr)}.seo-outcome-grid{grid-template-columns:repeat(2,1fr)}.seo-limits{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.seo-service-hero{padding-block:130px 80px}.seo-service-hero h1{font-size:clamp(42px,13vw,58px)}.seo-service-hero__map,.seo-outcome-grid,.seo-related-grid{grid-template-columns:1fr}.seo-service-section{padding-block:70px}}
@media(prefers-reduced-motion:reduce){.seo-related-card{transition:none}}

.seo-process{display:grid;gap:0;margin:0;padding:0;list-style:none;max-width:860px}.seo-process li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:26px 0;border-top:1px solid var(--seo-line)}.seo-process li:last-child{border-bottom:1px solid var(--seo-line)}.seo-process__num{color:#0369a1;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:700;letter-spacing:.08em;padding-top:4px}.seo-process h3{margin:0 0 8px;font-size:19px}.seo-process p{margin:0;color:var(--seo-muted);line-height:1.62}.seo-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.seo-detail-item{padding:26px;border:1px solid var(--seo-line);border-radius:18px;background:rgba(255,255,255,.84)}.seo-detail-item h3{margin:0 0 10px;font-size:18px}.seo-detail-item p{margin:0;color:var(--seo-muted);font-size:14.5px;line-height:1.62}@media(max-width:700px){.seo-detail-grid{grid-template-columns:1fr}.seo-process li{grid-template-columns:40px 1fr;gap:12px}}

/* Comparison pages (services/comparePages.js). The table itself uses marketing.css table.compare-table, which stacks rows into cards below 768px. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.compare-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--seo-line);border-radius:18px;background:rgba(255,255,255,.84)}
.compare-scroll table.compare-table{font-size:15px}.compare-scroll table.compare-table thead th{font-weight:700;background:rgba(14,165,233,.06)}
.compare-scroll table.compare-table td:first-of-type{color:var(--fg);font-weight:600}
.compare-np{color:var(--seo-muted)!important;font-style:italic}
p.compare-sources{margin:18px 0 6px;color:var(--seo-muted);font-size:13px}ul.compare-sources{margin:0;padding-left:18px;color:var(--seo-muted);font-size:13px;line-height:1.7}ul.compare-sources a{color:#0369a1}
@media(max-width:768px){.compare-scroll{border:0;background:none;overflow:visible}.compare-scroll table.compare-table{min-width:0}.compare-scroll table.compare-table td>span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;text-align:right}.compare-scroll table.compare-table td::before{flex:0 0 38%}}
/* Quick answer in the hero (Clarity 10-06: Telegram visitors left at 12% scroll). */
.seo-quick-answer{max-width:700px;margin:22px 0 4px;padding:16px 18px;border-left:3px solid #0369a1;border-radius:0 12px 12px 0;background:rgba(240,249,255,.85)}.seo-quick-answer h2{margin:0 0 8px;font-size:17px;letter-spacing:-.01em}.seo-quick-answer ol{margin:0;padding-left:20px;color:var(--seo-muted);font-size:15px;line-height:1.55}.seo-quick-answer li+li{margin-top:6px}