
:root{--s-navy:#02172f;--s-blue:#075eae;--s-cyan:#24b7f2;--s-red:#e31b2f;--s-text:#10233f;--s-muted:#61748b;--s-border:#dbe7f2;--s-bg:#f4f9fd;--s-width:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--s-text);background:#fff;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}.seo-main{overflow:clip}.seo-wrap{width:min(calc(100% - 64px),var(--s-width));margin-inline:auto}.seo-section{padding:82px 0;scroll-margin-top:110px}.seo-section--soft{background:var(--s-bg)}.seo-section--blue{background:linear-gradient(125deg,#edf7ff,#fff)}.seo-eyebrow{display:inline-flex;align-items:center;gap:11px;margin:0 0 16px;color:var(--s-blue);font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.seo-eyebrow:before{content:"";width:27px;height:3px;background:var(--s-red)}.seo-title{max-width:900px;margin:0 0 19px;color:var(--s-navy);font-size:clamp(2rem,3.2vw,3.35rem);font-weight:850;letter-spacing:-.045em;line-height:1.14}.seo-lead{max-width:790px;margin:0 0 26px;color:var(--s-muted);font-size:1.06rem;line-height:1.82}.seo-prose{color:var(--s-muted);line-height:1.82;font-size:1rem}.seo-prose p{margin:0 0 16px}.seo-prose p:last-child{margin-bottom:0}.seo-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:7px;background:var(--s-blue);color:#fff;text-decoration:none;font-size:.9rem;font-weight:750;transition:background .2s,transform .2s}.seo-button:hover{background:#0b83ce;transform:translateY(-2px)}.seo-button--outline{background:transparent;border:1px solid rgba(255,255,255,.7)}.seo-button--outline:hover{background:rgba(255,255,255,.14)}
/* HERO: retain the template's desktop image proportions and gradient */
.seo-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:620px;color:#fff;background-color:var(--s-navy);background-image:linear-gradient(90deg,rgba(2,18,43,.98) 0%,rgba(2,23,47,.91) 34%,rgba(2,31,70,.47) 65%,rgba(2,31,70,.09) 100%),url('/img/services/seo/hero.jpg');background-size:cover,cover;background-position:center center,center center;background-repeat:no-repeat,no-repeat}
@media(min-width:751px){.seo-hero{min-height:620px;background-size:cover,100% auto;background-position:center center,center top;background-repeat:no-repeat,no-repeat}}
.seo-hero:after{position:absolute;bottom:0;left:0;right:0;height:5px;content:"";background:linear-gradient(90deg,var(--s-red) 0 18%,var(--s-cyan) 18%)}.seo-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:44px;align-items:center;padding:62px 0}.seo-breadcrumb{margin-bottom:24px;color:#bed5e8;font-size:.8rem}.seo-breadcrumb a{color:#fff;text-decoration:none}.seo-hero .seo-eyebrow{color:#8ddfff}.seo-hero h1{max-width:750px;margin:0;font-size:clamp(2.35rem,3.6vw,4rem);line-height:1.08;letter-spacing:-.045em;text-transform:uppercase}.seo-hero h1 span{display:block;color:#36c5ff}.seo-hero__text{max-width:640px;margin:23px 0 0;color:#e3eef8;font-size:1.04rem;line-height:1.78}.seo-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.seo-directory{padding:22px 24px;border-left:1px solid var(--s-red);border-radius:12px;background:rgba(2,23,47,.74);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.seo-directory__title{margin:0 0 12px;color:#8ddfff;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.seo-directory a{display:flex;align-items:center;gap:11px;min-height:32px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#fff;font-size:.8rem;font-weight:700;line-height:1.35;text-decoration:none}.seo-directory a:before{content:"";width:11px;height:3px;flex:0 0 11px;background:var(--s-red);border-radius:2px}.seo-directory a:last-child{border-bottom:0}.seo-directory a:hover{color:#8ddfff}
.seo-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px;align-items:center}.seo-split--top{align-items:start}.seo-statement{margin-top:24px;padding:21px 25px;border-left:4px solid var(--s-red);background:#edf6ff;color:var(--s-navy);font-size:1.08rem;font-weight:800;line-height:1.55}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:27px}.seo-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-card{padding:25px;border:1px solid var(--s-border);border-top:3px solid var(--s-blue);border-radius:10px;background:#fff;min-width:0}.seo-card:nth-child(3n+2){border-top-color:var(--s-red)}.seo-card:nth-child(3n){border-top-color:var(--s-cyan)}.seo-card__icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:15px;border-radius:10px;background:#e8f5ff;color:var(--s-blue);font-size:1.05rem;font-weight:850}.seo-card h3{margin:0 0 11px;color:var(--s-navy);font-size:1.15rem;line-height:1.4}.seo-card p{margin:0;color:var(--s-muted);line-height:1.74;font-size:.93rem}.seo-card ul{padding-left:19px;margin:11px 0 0;color:var(--s-muted);line-height:1.75;font-size:.92rem}.seo-card li{margin-bottom:6px}.seo-mini{margin:0 0 10px;color:var(--s-red);font-size:.75rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.seo-list{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none}.seo-list li{position:relative;padding:13px 17px 13px 34px;border:1px solid var(--s-border);border-radius:8px;background:#fff;color:var(--s-text);font-size:.94rem;line-height:1.6}.seo-list li:before{position:absolute;left:15px;top:21px;content:"";width:8px;height:8px;border-radius:50%;background:var(--s-blue)}.seo-section-head{max-width:850px;margin-bottom:28px}.seo-note{margin-top:23px;padding:20px 23px;border-left:4px solid var(--s-red);border-radius:0 8px 8px 0;background:#edf6ff;color:var(--s-navy);font-size:.96rem;font-weight:700;line-height:1.7}.seo-visual{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 18px 44px rgba(2,23,47,.12)}.seo-picture{display:block;min-width:0}.seo-picture img{width:100%}.seo-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.seo-tags span{padding:10px 14px;border:1px solid #cfe3f4;border-radius:7px;background:#fff;color:var(--s-blue);font-size:.84rem;font-weight:750}.seo-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:28px}.seo-flow div{padding:20px 12px;border:1px solid var(--s-border);border-top:3px solid var(--s-blue);border-radius:9px;background:#fff;color:var(--s-navy);font-size:.88rem;font-weight:750;text-align:center}.seo-flow small{display:block;margin-bottom:8px;color:var(--s-red);letter-spacing:.1em}.seo-cta{padding:85px 0;background:linear-gradient(120deg,#02172f,#06477d);color:#fff}.seo-cta__inner{display:flex;justify-content:space-between;align-items:center;gap:44px}.seo-cta h2{max-width:780px;margin:0 0 16px;font-size:clamp(2rem,3.2vw,3.5rem);letter-spacing:-.04em}.seo-cta p{max-width:770px;color:#cbddec;line-height:1.8}.seo-cta .seo-eyebrow{color:#8ddfff}.seo-cta__actions{flex-shrink:0}
@media(max-width:1050px){.seo-hero__inner{grid-template-columns:1fr;gap:25px}.seo-directory nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.seo-split{gap:32px}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.seo-wrap{width:min(calc(100% - 36px),var(--s-width))}.seo-section{padding:62px 0}.seo-hero{min-height:unset;background-image:linear-gradient(0deg,rgba(2,18,43,.98) 0%,rgba(2,31,70,.88) 35%,rgba(2,31,70,.32) 77%,rgba(2,31,70,.13) 100%),url('/img/services/seo/hero-mobile.jpg');background-size:cover,cover;background-position:center center,center top}.seo-hero__inner{padding:110px 0 40px}.seo-hero h1{font-size:clamp(2.1rem,7.3vw,3.15rem)}.seo-split{grid-template-columns:1fr}.seo-grid,.seo-grid--two{grid-template-columns:1fr}.seo-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-cta__inner{flex-direction:column;align-items:flex-start}.seo-cta__actions{width:100%}}
@media(max-width:440px){.seo-directory nav{grid-template-columns:1fr}.seo-flow{grid-template-columns:1fr}.seo-hero__actions,.seo-cta__actions{width:100%}.seo-hero__actions .seo-button,.seo-cta__actions .seo-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.seo-button:focus-visible,.seo-directory a:focus-visible{outline:3px solid #24b7f2;outline-offset:3px}.seo-card{overflow-wrap:anywhere}
