.page-seo{overflow-x:hidden;background:#fff}
.seo-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 0%,#f8f8f8 48%,#f6f6f6 100%);padding-block:clamp(62px,6.5vw,94px) clamp(42px,4.5vw,68px);min-height:min(720px,92vh);display:flex;align-items:center}
.seo-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 11%,transparent,transparent 24%),radial-gradient(circle at 92% 72%,transparent,transparent 28%)}
.seo-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(430px,.82fr) minmax(620px,1.18fr);gap:clamp(18px,2.8vw,46px);align-items:center}
.seo-hero__copy{max-width:650px;padding-left:clamp(0px,1.5vw,20px)}
.seo-hero__copy .hero-subtitle-mask{margin-bottom:12px}.seo-hero__copy .eyebrow{margin:0}
.seo-hero__copy h1{margin:0;max-width:11.8ch;font-size:var(--dp-hero-h1);line-height:.9;letter-spacing:-.025em}
.seo-hero__copy h1>span{display:block;white-space:normal}
.seo-hero__lead{margin:20px 0 0;max-width:38ch;color:var(--dp-black);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.5}
.seo-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.seo-hero__actions .btn{min-width:168px;justify-content:center}
.seo-hero__features{display:flex;flex-wrap:wrap;gap:13px 20px;margin-top:56px}
.seo-hero__features>span{display:inline-flex;align-items:center;gap:8px;color:#231b2c;font-size:.76rem;font-weight:650;white-space:nowrap}
.seo-hero__features i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#8e38ff,#6120dc);color:#fff;box-shadow:0 7px 16px rgba(20,10,35,0.180)}
.seo-hero__features svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.seo-hero__visual{position:relative;justify-self:end;width:min(100%,900px);transform:translateX(clamp(16px,3vw,58px));filter:drop-shadow(0 30px 42px rgba(83,42,131,.12));animation:seoHeroFloat 7s ease-in-out infinite}
.seo-hero__visual::before{content:"";position:absolute;inset:12% 7% 4% 11%;z-index:-1;border-radius:50%;background:radial-gradient(circle,transparent,transparent 44%,transparent 72%);filter:blur(24px)}
.seo-hero__visual img{display:block;width:100%;height:auto;object-fit:contain}
@keyframes seoHeroFloat{0%,100%{transform:translateX(clamp(16px,3vw,58px)) translateY(0)}50%{transform:translateX(clamp(16px,3vw,58px)) translateY(-7px)}}
@media(max-width:1120px){.seo-hero__inner{grid-template-columns:minmax(380px,.88fr) minmax(520px,1.12fr)}.seo-hero__features{margin-top:40px;gap:11px 14px}.seo-hero__features>span{font-size:.71rem}.seo-hero__visual{transform:translateX(28px)}@keyframes seoHeroFloat{0%,100%{transform:translateX(28px) translateY(0)}50%{transform:translateX(28px) translateY(-6px)}}}
@media(max-width:900px){.seo-hero{min-height:auto;padding-block:70px 48px}.seo-hero__inner{grid-template-columns:1fr}.seo-hero__copy{max-width:720px;margin-inline:auto;text-align:center;padding-left:0}.seo-hero__copy h1{margin-inline:auto;max-width:12ch}.seo-hero__lead{margin-inline:auto}.seo-hero__actions{justify-content:center}.seo-hero__features{justify-content:center;margin-top:34px}.seo-hero__visual{justify-self:center;width:min(94vw,760px);transform:none;margin-top:10px}@keyframes seoHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}}
@media(max-width:620px){.seo-hero{padding-block:58px 38px}.seo-hero__copy h1>span{white-space:normal}.seo-hero__actions .btn{width:100%}.seo-hero__features{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:12px}.seo-hero__features>span{white-space:normal}.seo-hero__visual{width:100%;max-width:760px;margin-left:0}}
@media(prefers-reduced-motion:reduce){.seo-hero__visual{animation:none!important}}


/* What We Optimize */
.seo-optimize{position:relative;overflow:hidden;background:#fff;color:var(--dp-black);padding-block:var(--dp-section)}
.seo-optimize::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,transparent,transparent 31%),linear-gradient(180deg,#fff,#f8f8f8)}
.seo-optimize .container-wide{position:relative;z-index:1}.seo-optimize__head{text-align:center;max-width:820px;margin:0 auto clamp(32px,3.2vw,46px)}.seo-optimize__head .hero-subtitle-mask{display:flex;justify-content:center}.seo-optimize__head h2{margin:8px 0 0}.seo-optimize__head>p{margin:13px auto 0;max-width:62ch;color:var(--dp-muted);font-size:clamp(.96rem,1vw,1.05rem);line-height:1.6}
.seo-optimize__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1280px;margin:0 auto}.seo-opt-card{position:relative;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 18px 24px;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f8f8f8 100%);border:1px solid rgba(23,19,29,.10);box-shadow:0 14px 34px rgba(58,38,82,.06);overflow:hidden;isolation:isolate;transition:transform .42s var(--dp-ease-premium),box-shadow .36s ease,border-color .36s ease,background .36s ease,color .36s ease}.seo-opt-card::before{content:"";position:absolute;inset:-40%;z-index:-2;background:radial-gradient(circle at 50% 80%,rgba(112,40,223,.22),transparent 40%);opacity:0;transform:scale(.78);transition:opacity .4s ease,transform .55s var(--dp-ease-premium)}.seo-opt-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,#8b2cff 0%,#5a13d1 100%);opacity:0;transition:opacity .36s ease}.seo-opt-card:hover{transform:translateY(-8px);border-color:#a966ff;box-shadow:0 24px 54px rgba(91,43,154,.2)}.seo-opt-card:hover::before{opacity:1;transform:scale(1)}.seo-opt-card:hover::after{opacity:1}.seo-opt-card.is-featured{background:linear-gradient(145deg,#8c2cff 0%,#5e16d5 100%);border-color:#a963ff;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 16px 38px rgba(112,40,223,.25)}.seo-opt-card.is-featured::after{opacity:1}
.seo-opt-card__icon{position:relative;z-index:2;width:66px;height:66px;display:grid;place-items:center;margin-bottom:18px;border-radius:20px;background:linear-gradient(145deg,#f8f8f8,#f3f3f3);color:#7424dd;border:1px solid rgba(23,19,29,.10);box-shadow:0 14px 30px rgba(20,10,35,0.140),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .42s var(--dp-ease-premium),box-shadow .35s ease,background .35s ease,color .35s ease,border-color .35s ease}.seo-opt-card__icon::before{content:"";position:absolute;inset:-7px;border:1px solid rgba(23,19,29,.10);border-radius:24px;opacity:.65;transform:rotate(6deg);transition:transform .5s var(--dp-ease-premium),opacity .35s ease}.seo-opt-card__icon::after{content:"";position:absolute;inset:-20%;border-radius:50%;background:conic-gradient(from 90deg,transparent,transparent,transparent 36%);z-index:-1;animation:seoIconOrbit 5.5s linear infinite}.seo-opt-card:hover .seo-opt-card__icon{transform:translateY(-5px) scale(1.06);background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.36);box-shadow:0 16px 34px rgba(39,8,91,.28),0 0 0 6px rgba(255,255,255,.055)}.seo-opt-card:hover .seo-opt-card__icon::before{border-color:rgba(255,255,255,.32);transform:rotate(-5deg) scale(1.03);opacity:1}.seo-opt-card.is-featured .seo-opt-card__icon{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.26);box-shadow:0 10px 24px rgba(42,9,97,.22)}.seo-opt-card.is-featured .seo-opt-card__icon::before{border-color:rgba(255,255,255,.28)}.seo-opt-card__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(20,10,35,0.180))}
.seo-opt-card h3{position:relative;z-index:2;margin:0;font-size:var(--dp-card-title);line-height:1.02;color:var(--dp-black);font-weight:600;transition:color .32s ease}.seo-opt-card p{position:relative;z-index:2;margin:10px 0 0;min-height:4.05em;color:var(--dp-muted);font-size:.78rem;line-height:1.35;transition:color .32s ease}.seo-opt-card:hover h3,.seo-opt-card:hover p,.seo-opt-card.is-featured h3,.seo-opt-card.is-featured p{color:#fff}.seo-opt-card:hover p{color:rgba(255,255,255,.83)}
@keyframes seoIconOrbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){.seo-optimize__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.seo-optimize__head{text-align:left}.seo-optimize__head .hero-subtitle-mask{justify-content:flex-start}.seo-optimize__grid{grid-template-columns:1fr}.seo-opt-card{min-height:170px}}@media(prefers-reduced-motion:reduce){.seo-opt-card,.seo-opt-card__icon{transition:none!important}.seo-opt-card__icon::after{animation:none!important}}

/* SEO optimize card title alignment + refined icon system */
.seo-opt-card h3{font-size:var(--dp-card-title);line-height:1;white-space:nowrap;text-wrap:nowrap}
.seo-opt-card__icon--crawl{background:linear-gradient(145deg,#ffffff 0%,#f6f6f6 100%)}
.seo-opt-card__icon--crawl svg{width:34px;height:34px;stroke-width:1.65}
.seo-opt-card__icon--authority{background:linear-gradient(145deg,#f8f8f8 0%,#f1f1f1 100%)}
.seo-opt-card__icon--authority svg{width:33px;height:33px;stroke-width:1.65}
@media(max-width:1180px){.seo-opt-card h3{font-size:clamp(1.02rem,1.55vw,var(--dp-card-title))}}
@media(max-width:560px){.seo-opt-card h3{white-space:normal;text-wrap:balance}}

/* Selected SEO-ready products — reference-driven composition */
.seo-projects{position:relative;overflow:hidden;background:#050507;color:#fff;padding-block:clamp(72px,6vw,104px);isolation:isolate}
.seo-projects::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 72% 15%,transparent,transparent 34%),radial-gradient(circle at 22% 92%,transparent,transparent 30%),linear-gradient(180deg,#040406 0%,#08070d 100%)}
.seo-projects__waves{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(100% 34% at 50% 100%,transparent 0 50%,rgba(119,56,239,.28) 51% 52%,transparent 53% 61%,rgba(92,37,201,.20) 62% 63%,transparent 64%),linear-gradient(165deg,transparent 0 67%,rgba(119,56,239,.11) 67.3% 67.6%,transparent 67.9%);opacity:.85}
.seo-projects__waves::before,.seo-projects__waves::after{content:"";position:absolute;bottom:-15%;width:58%;height:48%;border-radius:50%;border:1px solid rgba(131,70,246,.38);filter:drop-shadow(0 0 18px rgba(112,40,223,.22));transform:rotate(-10deg)}
.seo-projects__waves::before{left:-10%}.seo-projects__waves::after{right:-10%;transform:rotate(10deg)}
.seo-projects__inner{position:relative;z-index:1}
.seo-projects__head{max-width:1320px;margin:0 auto 36px}
.seo-projects__copy{text-align:center;margin-inline:auto;max-width:900px}
.seo-projects__copy .hero-subtitle-mask{display:flex;justify-content:center}.seo-projects__copy h2{margin:8px 0 0}.seo-projects__copy p:last-child{margin:10px auto 0;max-width:72ch;color:#c9c3d5;line-height:1.55}
.seo-projects__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1320px;margin:0 auto;align-items:end;perspective:1500px}
.seo-project-card{position:relative;display:flex;flex-direction:column;min-height:480px;border-radius:16px;background:transparent;color:#17121e;filter:drop-shadow(0 28px 48px rgba(0,0,0,.28));transform:rotate(var(--tilt,0deg)) translateY(var(--lift,0px));transition:transform .46s var(--dp-ease-premium),filter .38s ease}
.seo-project-card:nth-child(1){--tilt:-2.7deg;--lift:8px}.seo-project-card:nth-child(2){--tilt:-.8deg;--lift:0px}.seo-project-card:nth-child(3){--tilt:1deg;--lift:6px}.seo-project-card:nth-child(4){--tilt:2.5deg;--lift:12px}
.seo-project-card:hover{transform:rotate(0deg) translateY(-10px) scale(1.015);filter:drop-shadow(0 34px 58px rgba(63,21,129,.38))}
.seo-project-card__media{position:relative;height:205px;overflow:hidden;border-radius:16px 16px 0 0;background:#15101c;border:1px solid rgba(176,137,250,.20);border-bottom:0}
.seo-project-card__media::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(7,4,12,.24));pointer-events:none}
.seo-project-card__media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.035);transition:transform .55s var(--dp-ease-premium),filter .4s ease}
.seo-project-card:hover .seo-project-card__media img{transform:scale(1.09);filter:saturate(1.08) contrast(1.03)}
.seo-project-card__body{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;margin-top:-18px;padding:32px 18px 18px;background:linear-gradient(180deg,#f8f8f8 0%,#fff 100%);clip-path:polygon(0 8%,100% 0,100% 100%,0 100%);border-radius:0 0 16px 16px;border:1px solid rgba(176,137,250,.20);border-top:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.seo-project-card__tag{align-self:flex-start;display:inline-flex;min-height:27px;align-items:center;padding:0 11px;border-radius:999px;background:#f3f3f3;color:#7028df;font-size:.66rem;font-weight:750}
.seo-project-card h3{margin:10px 0 13px;font-size:var(--dp-card-title);line-height:1;color:#17121e;font-weight:600;white-space:nowrap;text-wrap:nowrap;letter-spacing:-.01em}
.seo-project-card h3 .dp-title-accent{font-weight:700}
.seo-project-card dl{margin:0;display:grid;border-top:1px solid rgba(36,25,48,.1)}
.seo-project-card dl>div{display:grid;grid-template-columns:.82fr 1.35fr;gap:10px;padding:8px 0;border-bottom:1px solid rgba(36,25,48,.08)}
.seo-project-card dt{font-size:.64rem;color:#777080}.seo-project-card dd{margin:0;font-size:.64rem;color:#3a3242;line-height:1.28}
.seo-project-card__button{align-self:flex-start;margin-top:auto;padding-top:0;min-width:148px}
@media(max-width:1180px){.seo-project-card h3{font-size:clamp(1.18rem,1.7vw,var(--dp-card-title))}}
@media(max-width:1100px){.seo-projects__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:840px}.seo-project-card{--tilt:0deg!important;--lift:0px!important}}
@media(max-width:620px){.seo-projects{padding-block:58px}.seo-projects__copy{text-align:left}.seo-projects__copy .hero-subtitle-mask{justify-content:flex-start}.seo-projects__grid{grid-template-columns:1fr}.seo-project-card{min-height:0}.seo-project-card__media{height:205px}.seo-project-card h3{white-space:normal;text-wrap:balance}}

/* WooCommerce & ecommerce SEO — reference-driven white composition */
.seo-commerce{position:relative;overflow:hidden;background:#fff;color:var(--dp-black);padding-block:clamp(74px,6.2vw,106px)}
.seo-commerce::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 83% 18%,transparent,transparent 27%),linear-gradient(90deg,#fff 0%,#fff 56%,#f8f8f8 100%)}
.seo-commerce__shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(520px,.93fr) minmax(620px,1.07fr);gap:clamp(24px,3vw,50px);align-items:center;min-height:610px}
.seo-commerce__content{position:relative;z-index:3;min-width:0}
.seo-commerce__content .hero-subtitle-mask{display:flex;justify-content:flex-start}.seo-commerce__content h2{margin:8px 0 0;max-width:13ch}.seo-commerce__lead{margin:14px 0 0;max-width:55ch;color:var(--dp-muted);font-size:clamp(.96rem,1.05vw,1.05rem);line-height:1.58}
.seo-commerce__path{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:34px;max-width:720px;isolation:isolate}
.seo-commerce__path--bottom{margin-top:26px}
.seo-commerce__path::before{content:"";position:absolute;left:9%;right:9%;top:32px;height:2px;background:linear-gradient(90deg,transparent,#8c43ef 42%,#c6a5ff 58%,transparent);z-index:-2}
.seo-commerce__path::after{content:"";position:absolute;left:9%;top:31px;width:15%;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,#fff 30%,#9a57ff 50%,#fff 70%,transparent);filter:blur(.2px);z-index:-1;animation:seoCommerceFlow 3.1s linear infinite}
.seo-commerce-step{position:relative;display:grid;justify-items:center;text-align:center;padding-inline:7px;min-width:0}
.seo-commerce-step__icon{position:relative;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#7028df;border:1px solid rgba(23,19,29,.10);box-shadow:0 10px 28px rgba(78,38,130,.11),0 0 0 6px rgba(20,10,35,0.025);transition:transform .4s var(--dp-ease-premium),box-shadow .35s ease,color .35s ease,background .35s ease}
.seo-commerce-step__icon::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(23,19,29,.10);animation:seoCommerceRing 4.4s ease-in-out infinite}
.seo-commerce-step__icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.seo-commerce-step__icon--red{color:#ff455e}.seo-commerce-step__icon--cyan{color:#0f9eb9}
.seo-commerce-step:hover .seo-commerce-step__icon{transform:translateY(-5px) scale(1.055);background:linear-gradient(145deg,#842cf0,#5c18c8);color:#fff;box-shadow:0 16px 34px rgba(112,40,223,.22),0 0 0 7px rgba(20,10,35,0.055)}
.seo-commerce-step h3{margin:10px 0 0;font-size:clamp(.98rem,1.05vw,1.08rem);line-height:1;font-weight:650;color:#18121f;white-space:nowrap}
.seo-commerce-step p{margin:4px auto 0;max-width:14ch;color:#686171;font-size:.72rem;line-height:1.25}
.seo-commerce__visual{position:absolute;right:-2%;top:50%;width:min(55vw,870px);transform:translateY(-50%);z-index:2;pointer-events:none}
.seo-commerce__visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 42px rgba(73,45,99,.12));animation:seoCommerceFloat 7s ease-in-out infinite}
.seo-commerce__glow{position:absolute;inset:16% 12% 10%;z-index:-1;border-radius:50%;background:radial-gradient(circle,transparent,transparent 68%);filter:blur(32px);animation:seoCommerceGlow 5s ease-in-out infinite}
@keyframes seoCommerceFlow{0%{transform:translateX(-10%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(470%);opacity:0}}
@keyframes seoCommerceRing{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.08);opacity:.8}}
@keyframes seoCommerceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes seoCommerceGlow{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media(max-width:1280px){.seo-commerce__shell{grid-template-columns:minmax(460px,.9fr) minmax(560px,1.1fr)}.seo-commerce__visual{right:-8%;width:min(60vw,820px)}.seo-commerce__path{max-width:650px}}
@media(max-width:1040px){.seo-commerce__shell{grid-template-columns:1fr;min-height:auto;gap:22px}.seo-commerce__content{max-width:820px}.seo-commerce__content h2{max-width:15ch}.seo-commerce__visual{position:relative;right:auto;top:auto;transform:none;width:min(96vw,820px);justify-self:center;margin-top:-12px}.seo-commerce__path{max-width:760px}}
@media(max-width:720px){.seo-commerce{padding-block:60px}.seo-commerce__path{overflow-x:auto;grid-template-columns:repeat(5,132px);padding-bottom:8px;scrollbar-width:none}.seo-commerce__path::-webkit-scrollbar{display:none}.seo-commerce__path::before{left:32px;right:auto;width:520px}.seo-commerce__path::after{left:32px;width:90px}.seo-commerce__visual{width:100%;margin-left:0}.seo-commerce-step h3{font-size:.96rem}.seo-commerce-step p{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){.seo-project-card,.seo-project-card__media img,.seo-commerce-step__icon,.seo-commerce__visual img,.seo-commerce__glow{transition:none!important;animation:none!important}.seo-commerce__path::after,.seo-commerce-step__icon::after{animation:none!important}}

/* === SEO refinement: product titles, ecommerce composition, tools & platforms === */
.seo-project-card h3{font-size:var(--dp-card-title);line-height:1;white-space:nowrap;text-wrap:nowrap}

.seo-commerce{padding-block:clamp(72px,5.6vw,94px);background:#fff}
.seo-commerce__shell{grid-template-columns:minmax(520px,.95fr) minmax(560px,1.05fr);gap:clamp(30px,4vw,64px);align-items:center;min-height:580px}
.seo-commerce__content h2{max-width:none;display:grid;gap:0;line-height:.95}
.seo-commerce__content h2>span{display:block;white-space:normal}
.seo-commerce__path{max-width:720px}
.seo-commerce-step__icon{overflow:visible;background:linear-gradient(145deg,#fff 0%,#f7f7f7 100%);box-shadow:0 12px 28px rgba(79,38,132,.12),0 0 0 6px rgba(20,10,35,0.035),inset 0 1px 0 rgba(255,255,255,.95)}
.seo-commerce-step__icon::before{content:"";position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 58%,rgba(112,40,223,.26) 68%,transparent 79%);opacity:.75;animation:seoCommerceOrbit 5.8s linear infinite;z-index:-2}
.seo-commerce-step__icon::after{inset:-5px;border:1px solid rgba(23,19,29,.10);box-shadow:0 0 18px rgba(20,10,35,0.080)}
.seo-commerce-step__icon svg{filter:drop-shadow(0 3px 7px rgba(20,10,35,0.180));transition:transform .4s var(--dp-ease-premium),filter .4s ease}
.seo-commerce-step:hover .seo-commerce-step__icon{transform:translateY(-6px) scale(1.07);background:linear-gradient(145deg,#842cf0,#5b16c7);box-shadow:0 18px 38px rgba(112,40,223,.25),0 0 0 8px rgba(20,10,35,0.055)}
.seo-commerce-step:hover .seo-commerce-step__icon svg{transform:scale(1.08) rotate(-3deg);filter:drop-shadow(0 5px 12px rgba(255,255,255,.22))}
.seo-commerce__path::before{height:2px;background:linear-gradient(90deg,transparent,rgba(112,40,223,.55) 30%,#a569ff 50%,rgba(112,40,223,.55) 70%,transparent);box-shadow:0 0 10px rgba(20,10,35,0.180)}
.seo-commerce__path::after{height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 25%,#fff 42%,#b77bff 56%,transparent 80%);filter:drop-shadow(0 0 5px rgba(112,40,223,.6));animation:seoCommerceFlow 2.7s linear infinite}
.seo-commerce__visual{position:relative;right:auto;top:auto;transform:none;width:min(100%,790px);justify-self:end;align-self:center;margin:0;pointer-events:none}
.seo-commerce__visual img{width:100%;max-height:560px;object-fit:contain;object-position:center;animation:seoCommerceFloat 7s ease-in-out infinite}
.seo-commerce__glow{inset:14% 8% 12% 10%;background:radial-gradient(circle,transparent,transparent 67%)}
@keyframes seoCommerceOrbit{to{transform:rotate(360deg)}}

/* SEO Tools & Platforms — reference-driven white grid */
/* SEO tools + final CTA — fresh rebuild */
.seo-tools{position:relative;overflow:hidden;background:#fff;color:var(--dp-black);padding-block:var(--dp-section)}
.seo-tools::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 86% 4%,transparent,transparent 26%),linear-gradient(180deg,#fff 0%,#f8f8f8 100%)}
.seo-tools__inner{position:relative;z-index:1}
.seo-tools__head{max-width:860px;margin:0 0 clamp(34px,3.2vw,48px)}
.seo-tools__head .hero-subtitle-mask{margin-bottom:10px}
.seo-tools__head h2{margin:0;white-space:nowrap}
.seo-tools__intro{margin:15px 0 0;max-width:64ch;color:var(--dp-muted);font-size:var(--dp-body-lg);line-height:1.62}
.seo-tools__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.seo-tool-card{position:relative;overflow:hidden;display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;align-items:center;min-height:132px;padding:18px;border:1px solid rgba(55,37,74,.085);border-radius:var(--dp-radius-sm);background:#fff;box-shadow:0 14px 34px rgba(46,31,64,.06);transition:transform .42s var(--dp-ease-premium),box-shadow .35s ease,border-color .35s ease}
.seo-tool-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 22%,transparent 48%,transparent 74%);transform:translateX(-120%);transition:transform .72s var(--dp-ease-premium);pointer-events:none}
.seo-tool-card:hover{transform:translateY(-7px);border-color:rgba(112,40,223,.22);box-shadow:0 24px 52px rgba(69,38,103,.13)}
.seo-tool-card:hover::before{transform:translateX(120%)}
.seo-tool-card__logo{position:relative;z-index:1;width:78px;height:78px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgba(30,23,38,.08);box-shadow:0 10px 24px rgba(45,29,61,.08),inset 0 1px 0 rgba(255,255,255,.96);transition:transform .4s var(--dp-ease-premium),box-shadow .35s ease}
.seo-tool-card__logo::after{content:"";position:absolute;inset:-26%;border-radius:50%;border:1px solid rgba(23,19,29,.10);animation:seoToolOrbit 5.5s linear infinite;pointer-events:none}
.seo-tool-card:hover .seo-tool-card__logo{transform:translateY(-3px) scale(1.045);box-shadow:0 16px 32px rgba(87,43,143,.15)}
.seo-tool-card__logo img{display:block;width:64px;height:64px;max-width:64px;max-height:64px;object-fit:contain;object-position:center;background:#fff}
.seo-tool-card h3{margin:0;font-size:var(--dp-card-title);font-weight:600;line-height:.95;white-space:nowrap;text-wrap:nowrap;color:var(--dp-black);letter-spacing:-.012em}
.seo-tool-card p{margin:8px 0 0;color:var(--dp-muted);font-size:.78rem;line-height:1.45;max-width:27ch}
@keyframes seoToolOrbit{to{transform:rotate(360deg)}}

.seo-final{position:relative;overflow:hidden;min-height:clamp(520px,41vw,700px);display:flex;align-items:center;background:#02050c;color:#fff;padding-block:var(--dp-section)}
.seo-final__bg{position:absolute;inset:0;z-index:0;overflow:hidden}.seo-final__bg img{width:100%;height:100%;object-fit:cover;object-position:68% center;filter:saturate(1.05) brightness(.88);transform:scale(1.02);animation:seoFinalDrift 14s ease-in-out infinite alternate}
.seo-final__veil{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,5,12,.98) 0%,rgba(2,5,12,.94) 30%,rgba(2,5,12,.66) 52%,rgba(2,5,12,.16) 74%,rgba(2,5,12,.03) 100%)}
.seo-final::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 31% 52%,transparent,transparent 24%)}
.seo-final__inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,5vw,82px);align-items:center;width:100%}
.seo-final__copy{max-width:760px}.seo-final__copy .hero-subtitle-mask{margin-bottom:12px}.seo-final__copy h2{margin:0;max-width:none}.seo-final__copy h2>span{display:block;white-space:normal}
.seo-final__lead{margin:18px 0 0;color:#f7f7f7;font-size:var(--dp-body-lg);line-height:1.5}
.seo-final__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.seo-final__proof{display:flex;flex-wrap:wrap;gap:26px;margin-top:34px}.seo-final__proof span{display:flex;align-items:center;gap:9px;color:#f7f7f7;font-size:.82rem;font-weight:600;white-space:nowrap}.seo-final__proof i{width:26px;height:26px;display:grid;place-items:center;color:#fff}.seo-final__proof svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.seo-final__signals{position:relative;min-height:340px;align-self:stretch}.seo-final__signal{position:absolute;display:flex;align-items:center;gap:12px;min-width:205px;padding:14px 18px;border:1px solid rgba(126,82,209,.42);border-radius:14px;background:linear-gradient(145deg,rgba(10,13,25,.92),rgba(7,8,17,.84));box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 30px rgba(20,10,35,0.080);backdrop-filter:blur(10px);animation:seoSignalFloat 5.6s ease-in-out infinite}
.seo-final__signal i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(112,40,223,.30),transparent);color:#fff}.seo-final__signal svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.seo-final__signal span{font-size:.92rem;font-weight:700;color:#fff}
.seo-final__signal--one{top:5%;left:3%}.seo-final__signal--two{top:37%;left:28%;animation-delay:.45s}.seo-final__signal--three{top:68%;left:40%;animation-delay:.9s}
@keyframes seoFinalDrift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.055) translate3d(-1.2%,.5%,0)}}
@keyframes seoSignalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1220px){.seo-tools__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-tool-card h3{font-size:clamp(1.55rem,2.3vw,2rem)}.seo-final__copy h2>span{white-space:normal}.seo-final__inner{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}}
@media(max-width:920px){.seo-tools__head h2{white-space:normal}.seo-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-final{min-height:auto}.seo-final__bg img{object-position:72% center}.seo-final__veil{background:linear-gradient(180deg,rgba(2,5,12,.94) 0%,rgba(2,5,12,.86) 58%,rgba(2,5,12,.65) 100%)}.seo-final__inner{grid-template-columns:1fr}.seo-final__copy{max-width:760px}.seo-final__signals{min-height:260px}.seo-final__signal--one{left:0}.seo-final__signal--two{left:31%}.seo-final__signal--three{left:12%;top:68%}}
@media(max-width:620px){.seo-tools__grid{grid-template-columns:1fr}.seo-tool-card{grid-template-columns:70px minmax(0,1fr);min-height:116px;padding:15px}.seo-tool-card__logo{width:70px;height:70px}.seo-tool-card__logo img{width:58px;height:58px}.seo-tool-card h3{font-size:clamp(1.75rem,8vw,2.05rem);white-space:normal}.seo-final__inner{gap:24px}.seo-final__actions .btn{width:100%;justify-content:center}.seo-final__proof{display:grid;gap:14px}.seo-final__signals{min-height:240px}.seo-final__signal{min-width:168px;padding:11px 13px}.seo-final__signal i{width:36px;height:36px}.seo-final__signal--one{left:0}.seo-final__signal--two{left:auto;right:0}.seo-final__signal--three{left:8%;top:68%}.seo-final__bg img{object-position:76% center}}
@media(prefers-reduced-motion:reduce){.seo-tool-card,.seo-tool-card::before,.seo-tool-card__logo,.seo-tool-card__logo::after,.seo-final__bg img,.seo-final__signal{transition:none!important;animation:none!important}}

/* v48 refinements */
.seo-tools{background:#faf9fc}
.seo-tools__inner{width:min(1320px,calc(100% - (var(--dp-gutter)*2)));margin-inline:auto}
.seo-tools__head{max-width:920px;margin:0 0 clamp(30px,3vw,44px)}
.seo-tools__head h2{white-space:normal}
.seo-tools__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.seo-tool-card{grid-template-columns:76px minmax(0,1fr);min-height:124px;padding:16px 18px;border-radius:18px}
.seo-tool-card__logo{width:76px;height:76px;background:#fff}
.seo-tool-card__logo img{width:56px;height:56px;max-width:56px;max-height:56px;object-fit:contain;image-rendering:-webkit-optimize-contrast;filter:contrast(1.02) saturate(1.02)}
.seo-tool-card h3{font-size:clamp(1.28rem,1.65vw,1.52rem);line-height:.98;letter-spacing:-.018em;white-space:normal}
.seo-tool-card p{font-size:.79rem;line-height:1.46;max-width:26ch}
.seo-final__inner{width:min(1320px,calc(100% - (var(--dp-gutter)*2)));margin-inline:auto;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(42px,5vw,92px)}
.seo-final__copy{padding-left:clamp(6px,.8vw,12px);max-width:700px}
.seo-final__copy h2{max-width:none;font-size:clamp(2.8rem,4.05vw,3.5rem);line-height:.92}
.seo-final__copy h2>span{white-space:nowrap}
.seo-final__copy h2>span:last-child{margin-top:3px}
.seo-final__actions{display:flex;gap:14px;flex-wrap:wrap}
.seo-final__signals{padding-right:clamp(6px,.9vw,12px)}
@media(max-width:1100px){.seo-tools__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-tool-card h3{font-size:clamp(1.22rem,1.9vw,1.44rem)}.seo-final__copy h2{max-width:none;font-size:clamp(2.8rem,5vw,3.5rem)}.seo-final__copy h2>span{white-space:normal}.seo-final__inner{grid-template-columns:1fr .95fr}}
@media(max-width:920px){.seo-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-final__inner{grid-template-columns:1fr}.seo-final__copy{padding-left:0}}
@media(max-width:620px){.seo-tools__grid{grid-template-columns:1fr}.seo-tool-card h3{font-size:clamp(1.5rem,7vw,1.8rem)}.seo-final__actions{display:grid}}

@media(max-width:620px){
  .seo-hero__visual{width:100%;max-width:100%;margin-left:0;}
  .seo-commerce__visual{width:100%;max-width:100%;margin-left:0;}
  .seo-final__signals{display:grid;grid-template-columns:1fr;gap:10px;min-height:0;}
  .seo-final__signal,.seo-final__signal--one,.seo-final__signal--two,.seo-final__signal--three{position:relative;inset:auto;min-width:0;width:100%;}
}

/* v18 — match Home service-card title contract without importing Home page styles */
.seo-opt-card .service-card__title{
  display:block;
  width:100%;
  min-height:1.9em;
  margin:0;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:var(--dp-card-title);
  font-weight:500;
  line-height:.94;
  letter-spacing:-.01em;
  text-transform:uppercase;
  color:var(--dp-black);
  transition:color .32s ease;
}
.seo-opt-card .service-card__title-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seo-opt-card .service-card__title .dp-title-accent{color:var(--dp-purple);font-weight:700;transition:color 520ms var(--dp-ease-premium),transform 360ms var(--dp-ease-premium),letter-spacing 360ms var(--dp-ease-premium)}
.seo-opt-card .service-card__title:hover .dp-title-accent{color:var(--dp-black);transform:translateY(-2px) scale(1.018);letter-spacing:.008em}
.seo-opt-card.is-featured .service-card__title{color:#fff}
.seo-opt-card.is-featured .service-card__title .dp-title-accent{color:#eeeeee}
.seo-opt-card.is-featured .service-card__title:hover .dp-title-accent{color:#fff;transform:translateY(-2px) scale(1.018);letter-spacing:.008em}
/* Do not let card hover recolor the title; only the title itself controls accent hover. */
.seo-opt-card:hover .service-card__title{color:var(--dp-black)}
.seo-opt-card.is-featured:hover .service-card__title{color:#fff}
@media(max-width:1180px){.seo-opt-card .service-card__title{font-size:var(--dp-card-title)}}

/* v18 — SEO product title accent: purple at rest, black only when the title is hovered */
.seo-project-card h3 .dp-title-accent{
  color:var(--dp-purple);
  transition:color 520ms var(--dp-ease-premium),transform 360ms var(--dp-ease-premium),letter-spacing 360ms var(--dp-ease-premium);
}
.seo-project-card h3:hover .dp-title-accent{
  color:var(--dp-black);
  transform:translateY(-2px) scale(1.018);
  letter-spacing:.008em;
}

/* V29 — product card accent is readable on hover; card hover itself must not recolour it. */
.seo-project-card h3 .dp-title-accent{
  color:var(--dp-purple)!important;
}
.seo-project-card h3:hover .dp-title-accent,
.seo-project-card h3:focus-visible .dp-title-accent{
  color:var(--dp-black)!important;
}
.seo-project-card:hover h3 .dp-title-accent{
  color:var(--dp-purple)!important;
}
.seo-project-card h3:hover .dp-title-accent{color:var(--dp-black)!important;}

/* v30: explicit subtitle colour for the light SEO foundations section. */
.seo-optimize .eyebrow,.seo-commerce .eyebrow{color:var(--dp-purple)!important;}


/* v31 — dark SEO CTA subtitle */
.seo-final__copy .section-subtitle{color:var(--dp-white)!important;opacity:1!important;}