:root { --seo-ink:#071b3c; --seo-navy:#082d69; --seo-blue:#126cf0; --seo-sky:#eaf6ff; --seo-line:#cbe4f8; --seo-text:#526d8b; --seo-yellow:#ffe36b; --seo-green:#20bf85; }
.seo-premium-page { background:#fff; color:var(--seo-ink); }
.seo-premium-page .site-header { position:sticky; top:0; background:rgba(255,255,255,.88)!important; border-bottom:1px solid rgba(18,108,240,.1); backdrop-filter:blur(16px); }
.seo-shell { width:min(100% - 10vw, 1320px); margin-inline:auto; }
.seo-section { padding:clamp(5.5rem, 10vw, 9.5rem) 0; }
.seo-kicker { display:flex; align-items:center; gap:.7rem; margin:0; color:var(--seo-blue); font:800 .68rem "DM Mono",monospace; letter-spacing:.15em; }
.seo-kicker > span { width:3.5rem; height:2px; background:currentColor; }
.seo-premium-page h1,.seo-premium-page h2,.seo-premium-page h3,.seo-premium-page p { font-family:Manrope,Arial,sans-serif; }
.seo-premium-page h1,.seo-premium-page h2 { margin:0; letter-spacing:-.075em; }
.seo-premium-page h1 em,.seo-premium-page h2 em { color:var(--seo-blue); font-family:Manrope,Arial,sans-serif; font-style:normal; }
.seo-premium-page a:focus-visible,.seo-premium-page summary:focus-visible { outline:3px solid rgba(18,108,240,.45); outline-offset:4px; }

/* Hero */
.seo-hero { position:relative; overflow:hidden; padding:clamp(4.7rem, 9vw, 8.5rem) 0 clamp(4.5rem, 8vw, 7.2rem); background:linear-gradient(118deg,#fff 0%,#f7fbff 52%,#eaf6ff 100%); }
.seo-hero::before { position:absolute; inset:0; opacity:.48; background-image:linear-gradient(rgba(19,104,226,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(19,104,226,.05) 1px,transparent 1px); background-size:50px 50px; mask-image:linear-gradient(90deg,#000,transparent 77%); content:""; }
.seo-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.96fr) minmax(30rem,.8fr); align-items:center; gap:clamp(3rem,8vw,9rem); }
.seo-hero__copy { padding:clamp(1rem,2vw,2rem) 0; }
.seo-hero h1 { max-width:10.5ch; margin-top:1.2rem; color:var(--seo-ink); font-size:clamp(3.65rem,7vw,7.8rem); line-height:.88; }
.seo-hero__lead { max-width:39rem; margin:1.55rem 0 0; color:#365a82; font-size:clamp(1rem,1.35vw,1.13rem); line-height:1.72; }
.seo-hero__actions,.seo-final-cta__actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.seo-premium-page .button { min-height:3.15rem; padding:.82rem 1.25rem; font-size:.77rem; }
.seo-premium-page .button-primary { background:var(--seo-blue); box-shadow:0 13px 25px rgba(18,108,240,.24); }
.seo-premium-page .button-secondary { border-color:#b5d7f7; color:#17487f; background:rgba(255,255,255,.76); }
.seo-premium-page .button-secondary:hover { border-color:var(--seo-blue); background:#fff; color:var(--seo-blue); }
.seo-hero__trust { display:flex; max-width:40rem; align-items:flex-start; gap:.58rem; margin:1.45rem 0 0; color:#55789b; font-size:.73rem; font-weight:700; line-height:1.55; }
.seo-hero__trust i { display:grid; width:1.18rem; height:1.18rem; flex:0 0 auto; place-items:center; border-radius:50%; background:#dff8ee; color:#0a9a65; font-size:.7rem; font-style:normal; }
.seo-hero__glow { position:absolute; border-radius:50%; filter:blur(8px); pointer-events:none; }
.seo-hero__glow--one { width:34rem; height:34rem; top:-17rem; right:-12rem; background:radial-gradient(circle,rgba(66,159,255,.27),transparent 69%); }
.seo-hero__glow--two { width:16rem; height:16rem; right:42%; bottom:-10rem; background:radial-gradient(circle,rgba(255,227,107,.28),transparent 69%); }

/* Search-inspired visual. It deliberately avoids reproducing a Google interface. */
.seo-search-visual { position:relative; min-height:31.2rem; overflow:hidden; padding:1.25rem; border:1px solid #b9ddfa; border-radius:1.55rem; background:linear-gradient(145deg,#06235a,#0956bd 62%,#1674e9); box-shadow:0 28px 60px rgba(7,66,145,.24); animation:seo-visual-float 8s ease-in-out infinite; }
.seo-search-visual::before { position:absolute; inset:0; opacity:.27; background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(135deg,#000,transparent 78%); content:""; }
.seo-search-visual__status,.seo-search-visual__field,.seo-search-visual__filters,.seo-search-result,.seo-search-visual__chart { position:relative; z-index:1; }
.seo-search-visual__status { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:#ccecff; font:800 .57rem "DM Mono",monospace; letter-spacing:.1em; }
.seo-search-visual__status b { display:flex; align-items:center; gap:.45rem; color:#b8f5d9; font:800 .57rem "DM Mono",monospace; }
.seo-search-visual__status b i { width:.45rem; height:.45rem; border-radius:50%; background:#31d496; box-shadow:0 0 0 5px rgba(49,212,150,.15); }
.seo-search-visual__field { display:flex; align-items:center; height:3.65rem; gap:.75rem; margin-top:1.2rem; padding:0 1rem; border-radius:.86rem; background:#fff; color:#193e70; box-shadow:0 12px 25px rgba(1,23,69,.22); }
.seo-search-visual__icon { color:var(--seo-blue); font-size:1.5rem; font-weight:800; }
.seo-typed-search { min-width:0; flex:0 1 auto; overflow:hidden; color:#193e70; font-size:clamp(.9rem,1.8vw,1.12rem); font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.seo-typing-cursor { width:2px; height:1.25rem; background:var(--seo-blue); animation:seo-cursor .85s steps(1) infinite; }
.seo-search-visual__filters { display:flex; gap:.45rem; margin-top:.85rem; }
.seo-search-visual__filters span { padding:.38rem .62rem; border:1px solid rgba(209,238,255,.28); border-radius:99px; color:#cfeeff; font-size:.57rem; font-weight:700; }
.seo-search-result { display:grid; grid-template-columns:3.25rem 1fr; gap:.9rem; margin-top:1.4rem; padding:1.05rem; border:1px solid rgba(201,235,255,.45); border-radius:1rem; background:rgba(255,255,255,.12); box-shadow:inset 0 1px rgba(255,255,255,.12),0 15px 28px rgba(1,24,69,.17); backdrop-filter:blur(10px); animation:seo-result-enter .75s cubic-bezier(.2,.85,.25,1) both; animation-delay:.45s; }
.seo-search-result__rank { display:flex; min-height:4rem; flex-direction:column; align-items:center; justify-content:center; border-radius:.75rem; background:linear-gradient(145deg,#ffe36b,#f3b839); color:#092d67; box-shadow:0 9px 17px rgba(5,33,85,.15); }
.seo-search-result__rank small { font:800 .48rem "DM Mono",monospace; letter-spacing:.07em; }.seo-search-result__rank strong { margin:.12rem 0; font-size:1.4rem; letter-spacing:-.09em; }.seo-search-result__rank span { font-size:.7rem; font-weight:900; }
.seo-search-result__url { display:flex; align-items:center; gap:.4rem; color:#a9d9ff; font:700 .55rem "DM Mono",monospace; letter-spacing:.05em; }.seo-search-result__url i { width:.65rem; height:.65rem; border-radius:50%; background:#74c8ff; }.seo-search-result__url b { margin-left:auto; color:#a9f1cf; font:800 .47rem "DM Mono",monospace; }
.seo-search-result h2 { max-width:19rem; margin:.55rem 0 .35rem; color:#fff; font-size:1.03rem; letter-spacing:-.04em; line-height:1.23; }.seo-search-result p { margin:0; color:#c6e6ff; font-size:.66rem; line-height:1.45; }
.seo-search-visual__chart { position:absolute; right:1.2rem; bottom:1.2rem; left:1.2rem; min-height:8.2rem; padding:.9rem 1rem; overflow:hidden; border:1px solid rgba(206,237,255,.25); border-radius:1rem; background:rgba(1,23,68,.28); }.seo-search-visual__chart > span { position:relative; z-index:1; color:#c7e7ff; font:800 .54rem "DM Mono",monospace; letter-spacing:.08em; }.seo-search-visual__chart svg { position:absolute; inset:1.7rem .8rem .5rem; width:calc(100% - 1.6rem); height:calc(100% - 2rem); overflow:visible; }.seo-search-visual__chart path:first-child { stroke:#79cdff; stroke-width:4; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:1; animation:seo-line-draw 1.55s .7s cubic-bezier(.2,.7,.2,1) forwards; }.seo-search-visual__chart path:last-child { fill:url(#seo-chart-fill); opacity:.12; }
.seo-search-visual__spark { position:absolute; z-index:2; display:grid; place-items:center; width:1.9rem; height:1.9rem; border-radius:50%; background:#fff; color:var(--seo-blue); box-shadow:0 10px 20px rgba(1,22,67,.22); font-size:.85rem; animation:seo-spark 3.4s ease-in-out infinite; }.seo-search-visual__spark--one { top:5.1rem; right:-.55rem; }.seo-search-visual__spark--two { left:-.55rem; bottom:8.1rem; color:#c47b00; animation-delay:-1.5s; }

/* Benefits */
.seo-benefit-strip { border-top:1px solid #d9edfc; border-bottom:1px solid #d9edfc; background:#fbfdff; }.seo-benefit-strip__grid { display:grid; grid-template-columns:repeat(4,1fr); }.seo-benefit-strip article { display:flex; min-height:9.1rem; align-items:center; gap:.85rem; padding:1.4rem clamp(.8rem,2vw,1.55rem); border-left:1px solid #d9edfc; transition:background .25s ease,transform .25s ease; }.seo-benefit-strip article:last-child { border-right:1px solid #d9edfc; }.seo-benefit-strip article:hover { background:#eef8ff; transform:translateY(-4px); }.seo-line-icon { display:grid; width:2.35rem; height:2.35rem; flex:0 0 auto; place-items:center; border:1px solid #a8d5fb; border-radius:.68rem; color:var(--seo-blue); font-size:1.15rem; }.seo-benefit-strip b { display:block; color:#133d76; font-size:.84rem; letter-spacing:-.035em; }.seo-benefit-strip p { margin:.34rem 0 0; color:#63809c; font-size:.7rem; line-height:1.45; }

/* Problem / comparison */
.seo-problem { background:linear-gradient(180deg,#fff,#f6fbff); }.seo-problem__grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(31rem,1fr); align-items:center; gap:clamp(3rem,9vw,10rem); }.seo-problem h2,.seo-section-heading h2,.seo-dashboard-copy h2,.seo-why h2,.seo-faq h2 { max-width:11ch; margin-top:1.15rem; font-size:clamp(3rem,5.6vw,6rem); line-height:.91; }.seo-problem__copy > p:not(.seo-kicker) { max-width:35rem; margin:1.5rem 0 0; color:#58738f; font-size:1rem; line-height:1.75; }.seo-text-link { display:inline-flex; gap:.6rem; margin-top:1.75rem; padding-bottom:.3rem; border-bottom:1px solid #7dafdd; color:#124687; font-size:.78rem; font-weight:800; text-decoration:none; }.seo-text-link span { color:var(--seo-blue); font-size:1.1rem; transition:transform .2s ease; }.seo-text-link:hover span { transform:translate(3px,-3px); }
.seo-visibility-compare { padding:1.15rem; border:1px solid #cde7fb; border-radius:1.45rem; background:#fff; box-shadow:0 20px 45px rgba(21,90,161,.1); }.seo-visibility-compare__head { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.3rem .25rem 1.1rem; color:#63829e; font:800 .56rem "DM Mono",monospace; letter-spacing:.08em; }.seo-visibility-compare__head b { color:var(--seo-blue); }.seo-visibility-compare__columns { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }.seo-visibility-card { padding:1.15rem; border-radius:1rem; }.seo-visibility-card--before { background:#f1f5f8; }.seo-visibility-card--after { background:linear-gradient(145deg,#e4f4ff,#edf9ff); }.seo-visibility-card > div { display:flex; align-items:center; justify-content:space-between; gap:.5rem; color:#57718d; font:800 .55rem "DM Mono",monospace; letter-spacing:.05em; }.seo-visibility-card > div i { padding:.25rem .42rem; border-radius:99px; background:#dce7ef; color:#647b92; font-style:normal; }.seo-visibility-card--after > div i { background:#d4f6e6; color:#10835b; }.seo-visibility-card > strong { display:block; margin:.9rem 0 0; color:#173b6c; font-size:clamp(2rem,3.5vw,3.5rem); line-height:.8; letter-spacing:-.1em; }.seo-visibility-card > p { margin:.4rem 0 1rem; color:#6a8298; font-size:.65rem; font-weight:700; }.seo-visibility-card ul { display:grid; gap:.65rem; margin:0; padding:0; list-style:none; }.seo-visibility-card li { display:grid; grid-template-columns:1fr; gap:.3rem; color:#698097; font-size:.58rem; font-weight:700; }.seo-visibility-card li b { display:block; width:var(--bar); height:.38rem; border-radius:99px; background:#b4c4d0; transform-origin:left; transition:width 1.2s ease; }.in-view .seo-visibility-card li b { animation:seo-bar-grow 1.25s cubic-bezier(.2,.75,.2,1) both; }.seo-visibility-card--after li:last-child b { background:linear-gradient(90deg,#1598f6,#27c98a); }.seo-visibility-card footer { display:flex; align-items:center; justify-content:space-between; gap:.7rem; margin-top:1.25rem; padding-top:.8rem; border-top:1px solid rgba(89,122,153,.18); color:#637d96; font-size:.58rem; font-weight:800; }.seo-visibility-card footer em { color:#e36a55; font-family:Manrope,Arial,sans-serif; font-size:1rem; font-style:normal; }.seo-visibility-card--after footer em { color:#10a973; }.seo-visibility-compare__note { margin:.9rem .25rem 0; color:#7390a9; font-size:.55rem; line-height:1.45; }

/* Services */
.seo-services { border-top:1px solid #dceefa; background:#fff; }.seo-section-heading { max-width:45rem; }.seo-section-heading > p:last-child { max-width:37rem; margin:1.5rem 0 0; color:#55728f; font-size:1rem; line-height:1.72; }.seo-section-heading--split { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.42fr); max-width:none; align-items:end; justify-content:space-between; gap:3rem; margin-bottom:clamp(2.8rem,6vw,5.4rem); }.seo-section-heading--split > p { margin:0; }.seo-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.seo-service-card { position:relative; min-height:20rem; padding:1.55rem; overflow:hidden; border:1px solid #d7eafa; border-radius:1.1rem; background:#fbfdff; box-shadow:0 12px 28px rgba(23,98,165,.05); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease; }.seo-service-card::before { position:absolute; width:11rem; height:11rem; top:-7rem; right:-6rem; border-radius:50%; background:rgba(63,157,255,.07); content:""; transition:transform .35s ease,background .35s ease; }.seo-service-card:hover { transform:translateY(-8px); border-color:#91ccfa; background:#fff; box-shadow:0 21px 38px rgba(23,98,165,.12); }.seo-service-card:hover::before { background:rgba(63,157,255,.13); transform:scale(1.2); }.seo-service-card__index { position:relative; color:#8cabc8; font:800 .58rem "DM Mono",monospace; letter-spacing:.09em; }.seo-service-card__icon { position:relative; display:grid; width:2.8rem; height:2.8rem; margin-top:2.5rem; place-items:center; border:1px solid #b2daf8; border-radius:.76rem; background:#edf8ff; color:var(--seo-blue); font-size:1.4rem; }.seo-service-card h3 { position:relative; max-width:13ch; margin:1.25rem 0 .65rem; color:#103c76; font-size:1.25rem; letter-spacing:-.055em; line-height:1.08; }.seo-service-card p { position:relative; margin:0; color:#607d99; font-size:.79rem; line-height:1.68; }

/* Case study */
.seo-results { position:relative; overflow:hidden; background:linear-gradient(135deg,#eef9ff,#faffff); }.seo-results::before { position:absolute; width:36rem; height:36rem; left:-20rem; top:0; border-radius:50%; background:radial-gradient(circle,rgba(51,156,255,.16),transparent 67%); content:""; }.seo-results .seo-shell { position:relative; z-index:1; }.seo-case-study { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(22rem,.64fr); align-items:center; gap:clamp(2.5rem,7vw,8rem); margin-top:clamp(2.8rem,6vw,5rem); }.seo-browser-proof { margin:0; overflow:hidden; border:1px solid #b8dcf7; border-radius:1.25rem; background:#fff; box-shadow:0 25px 50px rgba(29,104,177,.17); }.seo-browser-proof__top { display:flex; align-items:center; justify-content:space-between; padding:.7rem .95rem; border-bottom:1px solid #deedf9; background:#f8fbfe; color:#65819c; font:800 .52rem "DM Mono",monospace; letter-spacing:.07em; }.seo-browser-proof__top span { display:flex; gap:.3rem; }.seo-browser-proof__top span i { width:.46rem; height:.46rem; border-radius:50%; background:#b7cad9; }.seo-browser-proof__top span i:first-child { background:#ff9187; }.seo-browser-proof__top span i:nth-child(2) { background:#ffe37a; }.seo-browser-proof__top em { color:#168c62; font-style:normal; }.seo-browser-proof__query { display:flex; align-items:center; gap:.6rem; margin:.9rem; padding:.64rem .8rem; border:1px solid #c8e3f8; border-radius:.6rem; background:#fff; color:#2a4d76; }.seo-browser-proof__query span { color:#2783e8; font-size:1.15rem; }.seo-browser-proof__query strong { font-size:.68rem; }.seo-browser-proof__query i { margin-left:auto; color:#6b9dcb; font-size:.8rem; font-style:normal; }.seo-browser-proof__image-wrap { position:relative; overflow:hidden; background:#eef5fb; }.seo-browser-proof__image-wrap img { display:block; width:100%; height:auto; }.seo-browser-proof__scan { position:absolute; inset:0; background:linear-gradient(108deg,transparent 36%,rgba(255,255,255,.42) 49%,transparent 62%); transform:translateX(-120%); animation:seo-scan 3.4s 1.1s ease-in-out 2; }.seo-browser-proof__badge { position:absolute; right:1rem; bottom:1rem; padding:.55rem .68rem; border:1px solid rgba(187,231,255,.6); border-radius:.55rem; background:rgba(4,40,94,.88); color:#dff4ff; box-shadow:0 8px 19px rgba(2,31,72,.22); font:800 .5rem/1.45 "DM Mono",monospace; letter-spacing:.08em; }.seo-browser-proof figcaption { padding:.85rem 1rem; color:#6f88a1; font-size:.59rem; line-height:1.5; }.seo-case-study__eyebrow { margin:0; color:#1784df; font:800 .6rem "DM Mono",monospace; letter-spacing:.1em; }.seo-case-study h3 { max-width:12ch; margin:.9rem 0 1.55rem; color:#0a326b; font-size:clamp(1.8rem,3.25vw,3.25rem); line-height:1.01; letter-spacing:-.075em; }.seo-case-study dl { display:grid; gap:.9rem; margin:0; }.seo-case-study dl > div { display:grid; grid-template-columns:7.5rem 1fr; gap:1rem; padding-bottom:.9rem; border-bottom:1px solid #d7ebf9; }.seo-case-study dt { color:#1c73c7; font:800 .57rem "DM Mono",monospace; letter-spacing:.06em; }.seo-case-study dd { margin:0; color:#4e6d8a; font-size:.75rem; line-height:1.55; }.seo-proof-points { display:grid; gap:.65rem; margin-top:1.35rem; }.seo-proof-points article { display:flex; align-items:center; gap:.65rem; color:#17457c; font-size:.7rem; font-weight:800; }.seo-proof-points i { display:grid; width:1.45rem; height:1.45rem; place-items:center; border-radius:50%; background:#dff4ff; color:#147fe2; font-size:.75rem; font-style:normal; }

/* Process */
.seo-process { background:#fff; }.seo-section-heading--center { margin-inline:auto; text-align:center; }.seo-section-heading--center .seo-kicker { justify-content:center; }.seo-section-heading--center h2 { max-width:12ch; margin-inline:auto; }.seo-section-heading--center > p:last-child { margin-inline:auto; }.seo-process__timeline { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:1.2rem; margin:clamp(3rem,6vw,5.7rem) 0 0; padding:0; list-style:none; }.seo-process__timeline::before { position:absolute; top:1.28rem; right:8%; left:8%; height:2px; background:#d8ecfc; content:""; }.seo-process__timeline::after { position:absolute; top:1.28rem; left:8%; width:84%; height:2px; background:linear-gradient(90deg,var(--seo-blue),#58c4f8); transform:scaleX(0); transform-origin:left; content:""; transition:transform 1.5s cubic-bezier(.2,.75,.2,1); }.seo-process__timeline:has(.in-view)::after { transform:scaleX(1); }.seo-process__timeline li { position:relative; z-index:1; }.seo-process__dot { display:grid; width:2.6rem; height:2.6rem; place-items:center; border:1px solid #93cdf8; border-radius:50%; background:#fff; color:var(--seo-blue); box-shadow:0 0 0 7px #fff; font:800 .7rem "DM Mono",monospace; }.seo-process__timeline small { display:block; margin-top:1.7rem; color:#1b84de; font:800 .54rem "DM Mono",monospace; letter-spacing:.09em; }.seo-process__timeline h3 { margin:.55rem 0 .55rem; color:#123d74; font-size:1.05rem; line-height:1.12; letter-spacing:-.05em; }.seo-process__timeline p { margin:0; color:#63809c; font-size:.7rem; line-height:1.6; }

/* Illustrative dashboard */
.seo-dashboard-section { overflow:hidden; background:#f2f9ff; }.seo-dashboard-section__grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(33rem,1fr); align-items:center; gap:clamp(3rem,8vw,9rem); }.seo-dashboard-copy h2 { margin-top:1.1rem; }.seo-dashboard-copy > p:not(.seo-kicker) { max-width:32rem; margin:1.5rem 0 0; color:#55728f; font-size:1rem; line-height:1.75; }.seo-dashboard-copy__note { max-width:30rem; padding-left:.8rem; border-left:2px solid #8dcafa; color:#6c8cab!important; font-size:.67rem!important; }.seo-dashboard { overflow:hidden; padding:1.1rem; border:1px solid #b4dcfa; border-radius:1.3rem; background:linear-gradient(145deg,#08255a,#06499d); box-shadow:0 22px 43px rgba(7,73,153,.2); }.seo-dashboard__top { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:#d3edff; font:800 .55rem "DM Mono",monospace; letter-spacing:.09em; }.seo-dashboard__top b { padding:.34rem .5rem; border-radius:99px; background:rgba(49,212,150,.15); color:#84f3c5; }.seo-dashboard__metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:.55rem; margin-top:1rem; }.seo-dashboard__metrics article { position:relative; min-height:6.9rem; padding:.8rem; overflow:hidden; border:1px solid rgba(193,229,255,.22); border-radius:.75rem; background:rgba(255,255,255,.1); }.seo-dashboard__metrics span { display:block; max-width:8ch; color:#b6dcf7; font-size:.55rem; font-weight:700; line-height:1.3; }.seo-dashboard__metrics strong { display:block; margin-top:1rem; color:#fff; font-size:1.5rem; line-height:.8; letter-spacing:-.09em; }.seo-dashboard__metrics i { position:absolute; right:.7rem; bottom:.65rem; color:#7af0bb; font-size:.9rem; font-style:normal; }.seo-dashboard__chart { position:relative; min-height:16rem; margin-top:.8rem; padding:1rem; overflow:hidden; border:1px solid rgba(192,229,255,.2); border-radius:.85rem; background:rgba(1,20,63,.28); }.seo-dashboard__chart-head { display:flex; justify-content:space-between; gap:1rem; color:#c8e8ff; font:800 .52rem "DM Mono",monospace; letter-spacing:.08em; }.seo-dashboard__chart-head b { color:#79e9b4; }.seo-dashboard__chart svg { width:100%; height:12.3rem; margin-top:.9rem; overflow:visible; }.seo-dashboard__grid-lines path { stroke:rgba(190,227,255,.14); stroke-width:1; }.seo-dashboard__area { fill:url(#seo-dashboard-area); opacity:.22; }.seo-dashboard__line { fill:none; stroke:#6fc9ff; stroke-width:4; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:1; }.in-view .seo-dashboard__line { animation:seo-line-draw 1.65s .3s cubic-bezier(.2,.75,.2,1) forwards; }.seo-dashboard__dots circle { fill:#ffdf64; stroke:#063b83; stroke-width:4; opacity:0; }.in-view .seo-dashboard__dots circle { animation:seo-dot-in .3s forwards; }.in-view .seo-dashboard__dots circle:nth-child(1){animation-delay:.8s}.in-view .seo-dashboard__dots circle:nth-child(2){animation-delay:.95s}.in-view .seo-dashboard__dots circle:nth-child(3){animation-delay:1.1s}.in-view .seo-dashboard__dots circle:nth-child(4){animation-delay:1.25s}.in-view .seo-dashboard__dots circle:nth-child(5){animation-delay:1.4s}.in-view .seo-dashboard__dots circle:nth-child(6){animation-delay:1.55s}

/* Why */
.seo-why { background:#fff; }.seo-why__grid { display:grid; grid-template-columns:minmax(22rem,.78fr) minmax(0,.9fr); align-items:center; gap:clamp(3rem,9vw,10rem); }.seo-why__visual { position:relative; min-height:31rem; overflow:hidden; border-radius:1.35rem; background:linear-gradient(145deg,#0c65d5,#06377f); box-shadow:0 23px 43px rgba(5,64,144,.21); }.seo-why__visual::before { position:absolute; inset:0; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.26) 1px,transparent 1px); background-size:41px 41px; content:""; }.seo-why__central { position:absolute; top:50%; left:50%; display:grid; width:9.5rem; height:9.5rem; place-items:center; border:1px solid rgba(223,246,255,.54); border-radius:1.25rem; background:linear-gradient(145deg,#fdfefe,#dff4ff); color:#0e5fc5; box-shadow:0 17px 32px rgba(0,29,85,.24); font-size:1.45rem; font-weight:800; line-height:.85; letter-spacing:-.09em; text-align:center; transform:translate(-50%,-50%) rotate(-7deg); }.seo-why__visual small { position:absolute; right:1.4rem; bottom:1.35rem; color:#d6efff; font:800 .55rem "DM Mono",monospace; letter-spacing:.09em; }.seo-why__pin { position:absolute; z-index:2; display:grid; width:2.65rem; height:2.65rem; place-items:center; border:1px solid rgba(217,242,255,.55); border-radius:.7rem; background:rgba(255,255,255,.16); color:#ffe36b; box-shadow:0 9px 19px rgba(0,25,76,.22); font-size:1.05rem; backdrop-filter:blur(6px); animation:seo-pin-float 5s ease-in-out infinite; }.seo-why__pin--one { top:18%; left:16%; }.seo-why__pin--two { top:26%; right:13%; animation-delay:-1.7s; }.seo-why__pin--three { left:19%; bottom:19%; color:#b9f7d9; animation-delay:-3.1s; }.seo-why__map-line { position:absolute; height:1px; background:linear-gradient(90deg,transparent,#b9e8ff,transparent); transform-origin:left; }.seo-why__map-line--one { width:13.5rem; top:40%; left:21%; transform:rotate(21deg); }.seo-why__map-line--two { width:12rem; top:58%; right:22%; transform:rotate(-27deg); }.seo-why h2 { max-width:10.7ch; }.seo-check-list { display:grid; gap:1rem; margin-top:2rem; }.seo-check-list article { display:grid; grid-template-columns:2.25rem 1fr; gap:.85rem; padding-bottom:1rem; border-bottom:1px solid #dcecf9; }.seo-check-list i { display:grid; width:1.75rem; height:1.75rem; place-items:center; border-radius:50%; background:#e2f6ed; color:#0b9b65; font-size:.82rem; font-style:normal; }.seo-check-list h3 { margin:.05rem 0 .35rem; color:#123f78; font-size:.94rem; letter-spacing:-.035em; }.seo-check-list p { margin:0; color:#63809c; font-size:.73rem; line-height:1.55; }

/* FAQ */
.seo-faq { background:#f6fbff; }.seo-faq__grid { display:grid; grid-template-columns:minmax(0,.64fr) minmax(31rem,1fr); gap:clamp(3rem,9vw,10rem); }.seo-faq__grid > div:first-child > p:not(.seo-kicker) { max-width:27rem; margin:1.5rem 0 0; color:#5d7893; font-size:.95rem; line-height:1.7; }.seo-faq__list { border-top:1px solid #cce5f8; }.seo-faq details { border-bottom:1px solid #cce5f8; }.seo-faq summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem .1rem; cursor:pointer; color:#123e76; font-size:.9rem; font-weight:800; list-style:none; }.seo-faq summary::-webkit-details-marker { display:none; }.seo-faq summary span { display:grid; width:1.8rem; height:1.8rem; flex:0 0 auto; place-items:center; border:1px solid #b5daf6; border-radius:50%; color:var(--seo-blue); font-size:1.25rem; font-weight:500; transition:transform .25s ease,background .25s ease; }.seo-faq details[open] summary span { background:var(--seo-blue); color:#fff; transform:rotate(45deg); }.seo-faq details p { max-width:48rem; margin:0; padding:0 .1rem 1.35rem; color:#63809b; font-size:.78rem; line-height:1.72; }

/* CTA */
.seo-final-cta { position:relative; overflow:hidden; padding:clamp(5.5rem,10vw,9rem) 0; background:linear-gradient(135deg,#06265e,#0959bf); color:#fff; }.seo-final-cta::before { position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(120deg,#000,transparent 86%); content:""; }.seo-final-cta__content { position:relative; z-index:1; text-align:center; }.seo-final-cta .seo-kicker { justify-content:center; color:#ccecff; }.seo-final-cta h2 { max-width:14ch; margin:1.2rem auto 0; color:#fff; font-size:clamp(3.25rem,6.7vw,7.1rem); line-height:.89; }.seo-final-cta h2 em { color:#ffe36b; }.seo-final-cta__content > p:not(.seo-kicker) { max-width:37rem; margin:1.5rem auto 0; color:#cae8ff; font-size:1rem; line-height:1.7; }.seo-final-cta__actions { justify-content:center; }.seo-final-cta__primary { background:#fff!important; color:#0957bb!important; box-shadow:0 14px 26px rgba(0,25,74,.2); }.seo-final-cta__primary:hover { background:#ffe36b!important; color:#093371!important; }.seo-final-cta__secondary { display:inline-flex; align-items:center; gap:.55rem; padding:.82rem .25rem; border-bottom:1px solid rgba(255,255,255,.7); color:#fff; font-size:.75rem; font-weight:800; text-decoration:none; }.seo-final-cta__secondary span { color:#ffe36b; font-size:1.05rem; transition:transform .2s ease; }.seo-final-cta__secondary:hover span { transform:translateX(3px); }.seo-related-links { display:flex; justify-content:center; flex-wrap:wrap; gap:.6rem 1rem; max-width:52rem; margin:3.2rem auto 0; color:#a8d8ff; font-size:.62rem; }.seo-related-links span { color:#d8f0ff; font-weight:800; }.seo-related-links a { color:#c5e6ff; text-decoration:none; }.seo-related-links a:hover { color:#ffe36b; }.seo-final-cta__pattern span { position:absolute; z-index:0; color:rgba(196,231,255,.17); font:800 1rem "DM Mono",monospace; letter-spacing:.1em; }.seo-final-cta__pattern span:nth-child(1){top:17%;left:9%;font-size:3.5rem}.seo-final-cta__pattern span:nth-child(2){right:11%;bottom:17%;font-size:3.2rem}.seo-final-cta__pattern span:nth-child(3){top:29%;right:19%;font-size:2.6rem}.seo-final-cta__pattern span:nth-child(4){bottom:26%;left:13%}.seo-final-cta__pattern span:nth-child(5){top:13%;right:41%;font-size:2.3rem}.seo-final-cta__pattern span:nth-child(6){bottom:9%;right:34%;font-size:2.6rem}

@keyframes seo-visual-float { 50% { transform:translateY(-9px); } }
@keyframes seo-cursor { 50% { opacity:0; } }
@keyframes seo-result-enter { from { opacity:0; transform:translateY(18px) scale(.97); } to { opacity:1; transform:none; } }
@keyframes seo-line-draw { to { stroke-dashoffset:0; } }
@keyframes seo-spark { 50% { transform:translateY(-9px) rotate(20deg); } }
@keyframes seo-bar-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes seo-scan { 45%,100% { transform:translateX(120%); } }
@keyframes seo-dot-in { to { opacity:1; } }
@keyframes seo-pin-float { 50% { transform:translateY(-9px); } }

@media (max-width:1040px) {
  .seo-hero__grid,.seo-problem__grid,.seo-dashboard-section__grid,.seo-faq__grid { grid-template-columns:1fr; }.seo-hero__copy { max-width:48rem; }.seo-search-visual { width:min(100%,43rem); min-height:29rem; }.seo-problem__copy { max-width:44rem; }.seo-dashboard { max-width:48rem; }.seo-why__grid { grid-template-columns:1fr; }.seo-why__visual { max-width:43rem; min-height:27rem; }.seo-case-study { grid-template-columns:1fr; }.seo-case-study__copy { max-width:48rem; }.seo-service-grid { grid-template-columns:repeat(2,1fr); }.seo-benefit-strip__grid { grid-template-columns:repeat(2,1fr); }.seo-benefit-strip article:nth-child(3) { border-top:1px solid #d9edfc; }.seo-benefit-strip article:nth-child(4) { border-top:1px solid #d9edfc; }.seo-process__timeline { grid-template-columns:repeat(3,1fr); }.seo-process__timeline::before,.seo-process__timeline::after { display:none; }
}
@media (max-width:700px) {
  .seo-shell { width:min(100% - 2.7rem, 1320px); }.seo-section { padding:4.6rem 0; }.seo-hero { padding:4.3rem 0 4.4rem; }.seo-hero__grid { gap:2.6rem; }.seo-hero h1 { font-size:clamp(3.15rem,14.2vw,4.8rem); }.seo-hero__lead { font-size:.96rem; }.seo-hero__actions { align-items:stretch; flex-direction:column; }.seo-hero__actions .button { justify-content:center; }.seo-search-visual { min-height:27.5rem; padding:1rem; border-radius:1.1rem; }.seo-search-visual__status b { display:none; }.seo-search-result { grid-template-columns:2.8rem 1fr; gap:.65rem; }.seo-search-result__rank { min-height:3.5rem; }.seo-search-result h2 { font-size:.88rem; }.seo-search-visual__chart { right:.9rem; bottom:.9rem; left:.9rem; }.seo-benefit-strip__grid { grid-template-columns:1fr; }.seo-benefit-strip article { min-height:0; padding:1.05rem 0; border-right:0!important; border-left:0; }.seo-benefit-strip article + article { border-top:1px solid #d9edfc; }.seo-problem h2,.seo-section-heading h2,.seo-dashboard-copy h2,.seo-why h2,.seo-faq h2 { font-size:clamp(2.7rem,12.4vw,4rem); }.seo-visibility-compare { padding:.7rem; }.seo-visibility-card { padding:.9rem; }.seo-visibility-card > div { font-size:.47rem; }.seo-visibility-card > div i { display:none; }.seo-visibility-card footer { font-size:.5rem; }.seo-section-heading--split { grid-template-columns:1fr; gap:1.2rem; }.seo-section-heading--split > p { margin-top:0; }.seo-service-grid { grid-template-columns:1fr; }.seo-service-card { min-height:0; padding:1.3rem; }.seo-service-card__icon { margin-top:1.5rem; }.seo-browser-proof__top em { display:none; }.seo-browser-proof__query strong { font-size:.61rem; }.seo-browser-proof__badge { right:.65rem; bottom:.65rem; font-size:.43rem; }.seo-case-study dl > div { grid-template-columns:1fr; gap:.35rem; }.seo-process__timeline { grid-template-columns:1fr; gap:1.4rem; margin-top:2.6rem; }.seo-process__timeline li { display:grid; grid-template-columns:2.75rem 1fr; gap:.9rem; }.seo-process__timeline small { margin-top:.18rem; }.seo-process__timeline h3 { margin-top:.4rem; }.seo-dashboard { padding:.8rem; }.seo-dashboard__metrics { grid-template-columns:repeat(2,1fr); }.seo-dashboard__chart { min-height:13rem; }.seo-dashboard__chart svg { height:9.6rem; }.seo-why__visual { min-height:22rem; }.seo-why__central { width:7.4rem; height:7.4rem; font-size:1.1rem; }.seo-why__map-line--one { width:9rem; }.seo-why__map-line--two { width:8rem; }.seo-faq__list summary { font-size:.81rem; }.seo-final-cta { padding:4.9rem 0; }.seo-final-cta h2 { font-size:clamp(3rem,13.1vw,4.7rem); }.seo-final-cta__actions { align-items:center; flex-direction:column; }.seo-final-cta__primary { justify-content:center; }.seo-related-links { margin-top:2.5rem; }
}
@media (prefers-reduced-motion:reduce) {
  .seo-premium-page *, .seo-premium-page *::before, .seo-premium-page *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .seo-process__timeline::after { transform:scaleX(1); }
  .seo-dashboard__line { stroke-dashoffset:0; }.seo-dashboard__dots circle { opacity:1; }.seo-search-visual__chart path:first-child { stroke-dashoffset:0; }
}

/* Fallbacks for browsers that do not support the optional SVG gradient references. */
.seo-search-visual__chart path:last-child { fill:rgba(121,205,255,.18); opacity:.8; }
.seo-dashboard__area { fill:#5ebeff; opacity:.22; }
.seo-process__timeline.is-visible::after { transform:scaleX(1); }
.seo-service-card:nth-child(2) { transition-delay:.07s; }.seo-service-card:nth-child(3) { transition-delay:.14s; }.seo-service-card:nth-child(4) { transition-delay:.21s; }.seo-service-card:nth-child(5) { transition-delay:.28s; }.seo-service-card:nth-child(6) { transition-delay:.35s; }
.seo-service-card.reveal { transition:opacity .7s ease,transform .7s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease; }

/* A wider service heading after removing the supporting paragraph. */
.seo-section-heading--split { display:block; }
.seo-section-heading--split h2 { max-width:14ch; }

/* Timeline markers animate once when the process enters the viewport. */
.seo-process__timeline.is-visible .seo-process__dot { animation:seo-process-dot .52s cubic-bezier(.2,.8,.25,1) both; }
.seo-process__timeline.is-visible li:nth-child(2) .seo-process__dot { animation-delay:.12s; }
.seo-process__timeline.is-visible li:nth-child(3) .seo-process__dot { animation-delay:.24s; }
.seo-process__timeline.is-visible li:nth-child(4) .seo-process__dot { animation-delay:.36s; }
.seo-process__timeline.is-visible li:nth-child(5) .seo-process__dot { animation-delay:.48s; }
@keyframes seo-process-dot { from { opacity:0; transform:scale(.45); } 72% { transform:scale(1.16); } to { opacity:1; transform:scale(1); } }

/* Cleaner, higher-contrast content treatment for the SEO page. */
.seo-hero__audience { max-width:39rem; margin:1rem 0 0; color:#24528a; font-size:.78rem; font-weight:800; line-height:1.55; }
.seo-premium-page .seo-section h2 { color:#082d69; font-weight:800; }
.seo-visibility-compare__head { display:block; padding:.3rem .25rem 1.1rem; color:#0a4b9b; font:800 .78rem/1.3 Manrope,Arial,sans-serif; letter-spacing:-.025em; }
.seo-visibility-card > div { display:block; color:#25548a; font-size:.62rem; }
.seo-visibility-card h3 { min-height:2.2em; margin:.75rem 0 .45rem; color:#103c76; font-size:clamp(1rem,1.55vw,1.26rem); line-height:1.05; letter-spacing:-.055em; }
.seo-visibility-card > p { min-height:4.65em; margin:0 0 1rem; color:#42698f; font-size:.72rem; font-weight:600; line-height:1.55; }
.seo-visibility-card footer { min-height:0!important; padding:.72rem 0 0!important; border-top:1px solid rgba(89,122,153,.18)!important; background:transparent!important; color:#285883!important; }
.seo-visibility-card footer span { color:#285883!important; font-size:.6rem!important; font-weight:800!important; }
.seo-visibility-card footer em { background:transparent!important; color:#0b9b65!important; }
.seo-visibility-card--before footer em { color:#e1604c!important; }
.seo-service-card__icon { margin-top:.35rem; }
@media (max-width:700px) { .seo-visibility-card > p { min-height:5.2em; }.seo-hero__audience { font-size:.73rem; } }