/* SEO constraint diagnosis: compact, practical diagnostic cards rather than a generic split list. */
.diagnosis-section .signal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}.diagnosis-section .signal-list li,.diagnosis-section .signal-list li:nth-child(odd),.diagnosis-section .signal-list li:nth-child(even),.diagnosis-section .signal-list li:last-child{position:relative;display:grid;grid-column:auto;grid-template-columns:46px minmax(0,1fr);gap:14px;box-sizing:border-box;min-width:0;width:auto;min-height:166px;padding:22px;border:1px solid #d9e6f2;border-right:1px solid #d9e6f2;border-radius:16px;background:#fbfdff;box-shadow:none}.diagnosis-section .signal-list li>div{min-width:0}.diagnosis-section .signal-list li:before{content:"";position:absolute;top:0;right:20px;left:20px;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,#2c91f2,#6adbe2)}.constraint-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid #bfdbf5;border-radius:12px;background:#edf6ff;color:#157ce6}.constraint-icon svg{width:20px;height:20px}.constraint-label{display:block;margin:2px 0 8px;color:#5381ac;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.diagnosis-section .signal-list h3{margin:0 0 7px;font-size:19px;line-height:1.16}.diagnosis-section .signal-list p{font-size:13px;line-height:1.55}.diagnosis-section .signal-list li:hover{transform:none}@media(max-width:680px){.diagnosis-section .signal-list{grid-template-columns:1fr;gap:10px}.diagnosis-section .signal-list li,.diagnosis-section .signal-list li:nth-child(odd),.diagnosis-section .signal-list li:nth-child(even),.diagnosis-section .signal-list li:last-child{min-height:0;padding:18px;grid-template-columns:42px minmax(0,1fr)}}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfdff 0%,#f4f8fd 100%)}.seo-hero{padding:82px 0 80px}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);gap:70px;align-items:center}.hero-glow{position:absolute;border-radius:50%;pointer-events:none}.hero-glow-one{width:520px;height:520px;right:-150px;top:-150px;background:radial-gradient(circle,rgba(23,135,255,.13),transparent 67%)}.hero-glow-two{width:420px;height:420px;left:-200px;bottom:-220px;background:radial-gradient(circle,rgba(39,213,231,.12),transparent 68%)}.hero h1{margin:0;font-size:clamp(52px,5.1vw,72px);line-height:.98;letter-spacing:-.058em;max-width:700px}.hero h1 span{background:linear-gradient(90deg,var(--blue-650),#1696ff 52%,#10adc8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{margin:25px 0 0;max-width:690px;color:var(--text);font-size:18px;line-height:1.62}
.quick-audit{margin-top:30px;max-width:690px}.quick-audit label{display:block;margin-bottom:9px;font-size:12px;font-weight:800;color:#d6e5f4}.quick-audit-row{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;padding:5px;border:1px solid #bfd1e5;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(7,31,79,.08)}.quick-field-icon{display:grid;place-items:center;color:#7b8fa8}.quick-field-icon svg{width:19px;height:19px}.quick-audit input{width:100%;min-width:0;min-height:44px;border:0;outline:0;padding:0 8px;color:var(--ink);font-size:16px}.quick-audit input::placeholder{color:#9aaabd}.quick-audit .btn{min-height:48px}.form-status.compact{min-height:18px;margin:6px 0 0;font-size:12px}.hero-secondary-actions{margin-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-secondary-actions>span{font-size:12px;color:#b8cbe0}
.seo-dashboard{position:relative;padding:20px;border:1px solid rgba(31,86,146,.24);border-radius:26px;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(21,122,245,.24),transparent 28%),linear-gradient(145deg,#04162f,#082a5e);box-shadow:var(--shadow-lg);overflow:hidden}.seo-dashboard::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 72%);pointer-events:none}.dashboard-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);color:#b8c7d8;font-size:11px}.dashboard-topbar>div{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#33d3e2;box-shadow:0 0 0 5px rgba(51,211,226,.1)}.dashboard-summary{position:relative;z-index:2;display:grid;grid-template-columns:1fr 92px;gap:22px;align-items:center;padding:22px 0 17px}.dashboard-summary small{display:block;color:#8ce5ee;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.12em}.dashboard-summary strong{display:block;margin:5px 0;font-size:21px}.dashboard-summary span{color:#b0c0d2;font-size:11px}.health-ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#27d5e7 0 76%,rgba(255,255,255,.09) 76% 100%);position:relative}.health-ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#082553}.health-ring span{position:relative;z-index:1;color:#fff;font-size:12px;font-weight:900}.dashboard-chart-card{position:relative;z-index:2;padding:14px;border:1px solid rgba(255,255,255,.09);background:rgba(0,8,20,.25);border-radius:16px}.chart-caption{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.chart-caption span{color:#8ce5ee;font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.11em}.chart-caption strong{font-size:11px;color:#d4dfeb}.seo-chart{width:100%;height:auto}.chart-grid{fill:none;stroke:rgba(255,255,255,.075);stroke-width:1}.seo-area{fill:url(#seoArea)}.seo-line{fill:none;stroke:url(#seoLine);stroke-width:4;stroke-linecap:round}.opportunity-list{position:relative;z-index:2;display:grid;gap:8px;margin-top:10px}.opportunity-list>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:11px}.opp-dot{width:8px;height:8px;border-radius:50%;background:#3c91ff}.opp-dot.high{background:#27d5e7}.opp-dot.local{background:#7f9fff}.opportunity-list p{margin:0}.opportunity-list strong,.opportunity-list small{display:block}.opportunity-list strong{font-size:11px}.opportunity-list small{margin-top:2px;color:#abc0d6;font-size:10px}.opportunity-list em{font-style:normal;color:#a3e8ee;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.map-panel{position:relative;min-height:530px;border:1px solid #cadae8;border-radius:24px;background:linear-gradient(135deg,#edf7f9,#f5f9fd);overflow:hidden;box-shadow:var(--shadow-sm)}.map-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,79,.05) 1px,transparent 1px),linear-gradient(rgba(7,31,79,.05) 1px,transparent 1px);background-size:44px 44px;transform:rotate(-4deg) scale(1.1)}.map-road{position:absolute;height:16px;border:2px solid rgba(255,255,255,.9);background:#dce8ef;border-radius:999px;box-shadow:0 1px 0 rgba(7,31,79,.05)}.road-one{width:520px;left:-40px;top:140px;transform:rotate(22deg)}.road-two{width:430px;right:-70px;top:320px;transform:rotate(-17deg)}.road-three{width:370px;left:80px;top:250px;transform:rotate(70deg)}.map-pin{position:absolute;width:42px;height:42px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:linear-gradient(135deg,var(--blue-650),var(--cyan-450));box-shadow:0 12px 26px rgba(13,114,247,.25);display:grid;place-items:center}.map-pin svg{width:20px;height:20px;color:#fff;transform:rotate(45deg)}.pin-one{left:18%;top:17%}.pin-two{right:16%;top:25%}.pin-three{left:36%;bottom:18%}.local-pack{position:absolute;right:24px;bottom:24px;width:min(330px,calc(100% - 48px));padding:19px;border:1px solid rgba(7,31,79,.1);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 22px 50px rgba(7,31,79,.15);}.local-pack>small{display:block;color:var(--blue-650);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.local-pack>strong{display:block;margin:5px 0 13px;font-size:16px;letter-spacing:-.02em}.local-pack>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf2f7;font-size:11px}.local-pack em{font-style:normal;color:#6b8097}.accordion{border-top:1px solid var(--line)}.accordion-item{border-bottom:1px solid var(--line)}.accordion-item button{width:100%;min-height:68px;padding:18px 0;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;font-size:14px;font-weight:800;cursor:pointer}.accordion-panel>p{overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.accordion-item.open .accordion-panel>p{padding:0 0 20px}.review-form{padding:27px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 28px 70px rgba(0,0,0,.24)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-form label{display:grid;gap:6px;margin-bottom:10px;color:#455a72;font-size:12px;font-weight:800}.review-form input,.review-form select,.review-form textarea{width:100%;border:1px solid #ccd9e7;border-radius:9px;background:#fff;color:var(--ink);padding:12px 13px;outline:0;font-size:16px;transition:border-color .2s,box-shadow .2s}.review-form textarea{resize:vertical}.review-form input:focus,.review-form select:focus,.review-form textarea:focus{border-color:#75ace4;box-shadow:0 0 0 3px rgba(23,135,255,.1)}.review-form [aria-invalid="true"]{border-color:#db5a63}.form-status{min-height:19px;margin:8px 0 0;color:#a23d46;font-size:12px}.form-status.success{color:#168b69}.privacy-note{margin:7px 0 0;color:#60758d;font-size:11px;line-height:1.5}.privacy-note a{text-decoration:underline;text-underline-offset:2px}
.seo-dashboard{border-color:rgba(91,211,239,.32);box-shadow:0 28px 68px rgba(7,31,79,.22),0 0 0 1px rgba(100,232,238,.08) inset}.seo-dashboard::after{content:"";position:absolute;z-index:1;top:-38%;right:-18%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(63,229,225,.2),rgba(25,138,255,.06) 43%,transparent 70%);pointer-events:none}.seo-dashboard .dashboard-topbar{border-color:rgba(156,229,240,.18)}.seo-dashboard .dashboard-chart-card,.seo-dashboard .opportunity-list>div{border-color:rgba(128,224,238,.17)}.seo-dashboard .chart-grid{stroke:rgba(165,231,243,.12)}.seo-dashboard .opportunity-list>div:first-child{border-color:rgba(65,229,224,.27);background:rgba(39,213,231,.075)}
.mobile-conversion{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:250;visibility:hidden;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .22s ease,transform .22s var(--ease),visibility .22s}.mobile-conversion.visible{visibility:visible;opacity:1;transform:none;pointer-events:auto}.mobile-conversion a{min-height:52px;border-radius:13px;background:linear-gradient(135deg,var(--blue-650),var(--blue-500));color:#fff;box-shadow:0 16px 38px rgba(7,31,79,.28);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:850;font-size:13px}.mobile-conversion svg{width:17px;height:17px}
/* Progressive enhancement: content is always readable without JS. */
.js.motion-ready .seo-line{stroke-dasharray:900;stroke-dashoffset:900}.js.motion-ready .hero-visual.is-visible .seo-line{animation:draw-chart 1.35s .25s var(--ease) forwards}.js.motion-ready .hero-visual.is-visible .seo-area{animation:fade-area .8s .55s ease both}.js.motion-ready .health-ring{animation:ring-in .9s .35s var(--ease) both}@keyframes draw-chart{to{stroke-dashoffset:0}}@keyframes fade-area{from{opacity:0}to{opacity:1}}@keyframes ring-in{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
@media (max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:42px}.hero h1{font-size:clamp(46px,5.8vw,64px)}
}

/* Clear action cue plus non-interactive service chips. */
.hybrid-seo-page .hero-secondary-actions>.text-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  text-decoration-line:underline;
  text-decoration-thickness:1.5px;
  text-decoration-color:rgba(11,99,229,.48);
  text-underline-offset:6px;
}
.hybrid-seo-page .hero-secondary-actions>.text-link::after{
  content:"";
  width:16px;
  height:12px;
  flex:0 0 auto;
  background:currentColor;
  clip-path:polygon(0 41%,65% 41%,65% 0,100% 50%,65% 100%,65% 59%,0 59%);
  transform:translate3d(0,0,0);
  transition:transform 280ms var(--ease);
  will-change:transform;
}
.hybrid-seo-page .hero-secondary-actions>.text-link:hover::after{transform:translate3d(5px,0,0)}
.hybrid-seo-page .local-chips span,
.hybrid-seo-page .specialist-rail .specialist-name{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid #cfddeb;
  border-radius:9px;
  background:linear-gradient(180deg,#fff,#f4f8fc);
  box-shadow:0 3px 9px rgba(7,32,71,.06);
  color:#37546f;
  cursor:default;
  user-select:none;
}
.hybrid-seo-page .local-chips span::before,
.hybrid-seo-page .specialist-rail .specialist-name::before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--blue-500);
  box-shadow:0 0 0 3px rgba(11,99,229,.09);
}
@media (prefers-reduced-motion:reduce){
  .hybrid-seo-page .hero-secondary-actions>.text-link::after{transition:none!important}
  .hybrid-seo-page .hero-secondary-actions>.text-link:hover::after{transform:translate3d(5px,0,0)!important}
}
@media (max-width:900px){
  .container{width:min(calc(100% - 40px),var(--container))}.section{padding:86px 0}.hero-grid{grid-template-columns:1fr}.seo-hero{padding:68px 0 64px}.hero-copy{max-width:760px}.hero-visual{max-width:700px;width:100%;margin:8px auto 0}.section-heading.split{grid-template-columns:1fr;gap:18px}.local-visual{order:2}.map-panel{min-height:470px}.review-form{max-width:720px}
}
@media (max-width:640px){
  .container{width:min(calc(100% - 32px),var(--container))}.section{padding:72px 0}.seo-hero{padding:54px 0 52px}.hero h1{font-size:clamp(40px,11.5vw,52px)}.hero-lead{font-size:16px}.quick-audit-row{grid-template-columns:38px 1fr;padding:5px}.quick-audit .btn{grid-column:1/-1;width:100%;margin-top:4px}.hero-secondary-actions{align-items:flex-start;display:grid;gap:8px}.seo-dashboard{padding:14px;border-radius:20px}.dashboard-summary{grid-template-columns:1fr 72px}.health-ring{width:68px;height:68px}.dashboard-topbar{align-items:flex-start}.dashboard-topbar>span{display:none}.opportunity-list>div{grid-template-columns:9px 1fr}.opportunity-list em{display:none}
  .section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(33px,9.8vw,46px)}.section-heading p,.section-heading.split>p{font-size:15px}.map-panel{min-height:410px}.local-pack{right:14px;bottom:14px;width:calc(100% - 28px)}.field-row{grid-template-columns:1fr}.review-form{padding:22px}.review-form input,.review-form select,.review-form textarea,.quick-audit input{font-size:16px}.mobile-conversion{display:block}
}

/* Shared operational canvas across tabs; the existing SEO artwork remains untouched. */
@media (min-width:901px){
  .hybrid-seo-page .service-explorer--home-style :is(#panel-technical,#panel-strategy,#panel-content,#panel-authority,#panel-local,#panel-ecommerce){
    position:relative;overflow:hidden;isolation:isolate;background:
      linear-gradient(rgba(171,222,255,.045) 1px,transparent 1px),
      linear-gradient(90deg,rgba(171,222,255,.045) 1px,transparent 1px),
      radial-gradient(circle at 86% 44%,rgba(34,220,233,.18),transparent 29%),
      radial-gradient(circle at 96% 74%,rgba(255,119,108,.10),transparent 22%),
      linear-gradient(135deg,#04142d 0%,#082b5d 58%,#071c40 100%);
    background-size:28px 28px,28px 28px,auto,auto,auto;
    background-position:right top,right top,center,center,center}
}
@media (max-width:430px){
  .container{width:min(calc(100% - 28px),var(--container))}.hero h1{font-size:40px}.eyebrow{font-size:10px;line-height:1.35}.dashboard-summary{grid-template-columns:1fr}.health-ring{display:none}.chart-caption{display:grid}.map-panel{min-height:380px}.map-pin{width:34px;height:34px}.local-pack>strong{font-size:14px}
}
@media (max-width:350px){.container{width:min(calc(100% - 24px),var(--container))}.hero h1{font-size:37px}.btn{font-size:13px;padding-inline:14px}.seo-dashboard,.review-form{padding:17px}.local-pack{padding:15px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js.motion-ready [data-reveal]{opacity:1!important;transform:none!important}.seo-line{stroke-dasharray:none!important;stroke-dashoffset:0!important}}

@media (max-width:640px){.quick-audit label{font-size:12px}.review-form label{font-size:12px}}

/* ============================================================
   HYBRID / COMPACT SEO LAYOUT
   Keeps the homepage visual language while reducing card fatigue.
   ============================================================ */
.hybrid-seo-page .section{padding:88px 0}
.hybrid-seo-page .section-heading.compact{margin-bottom:32px}
.hybrid-seo-page .section-heading.compact h2,.hybrid-seo-page .faq-column h2,.hybrid-seo-page .review-column>h2{margin:0;font-size:clamp(34px,3.7vw,52px);line-height:1.03;letter-spacing:-.045em}
.hybrid-seo-page .section-heading.compact p{margin:16px 0 0;color:var(--muted);font-size:16px;max-width:720px}
.hybrid-seo-page .review-column>p{margin:16px 0 0;color:rgba(255,255,255,.84);font-size:16px;max-width:720px}

/* Diagnosis + trust, deliberately not card based */
.diagnosis-section{background:#fff}
.principle-rail{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:6px 0 30px}
.principle-rail span{min-height:62px;display:flex;align-items:center;gap:10px;padding:12px 18px;border-right:1px solid var(--line);font-size:12px;color:#40556f}
.principle-rail span:last-child{border-right:0}
.principle-rail svg{width:18px;height:18px;color:var(--blue-650);flex:none}
.principle-rail b{font-weight:800}
.signal-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.signal-list li{display:grid;grid-template-columns:1fr;gap:16px;padding:24px 22px 24px 0;border-bottom:1px solid var(--line)}
.signal-list li:nth-child(odd){padding-right:36px;border-right:1px solid var(--line)}
.signal-list li:nth-child(even){padding-left:36px}
.signal-list li:last-child{grid-column:1/-1;border-right:0;padding-left:0;grid-template-columns:minmax(0,680px)}
.signal-list>li>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--blue-650);padding-top:4px}
.signal-list h3{margin:0 0 6px;font-size:19px;letter-spacing:-.025em}
.signal-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}

/* Interactive SEO services: one visual module rather than six cards */
.explorer-section{background:var(--soft)}
.service-explorer{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.45fr);min-height:430px;border:1px solid var(--line-strong);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 20px 50px rgba(7,31,79,.07)}
.service-tabs{display:flex;flex-direction:column;background:#f9fbfe;border-right:1px solid var(--line)}
.service-tab{position:relative;min-height:70px;width:100%;display:flex;align-items:center;gap:14px;padding:14px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:#4b6079;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s ease,color .2s ease,padding .2s ease}
.service-tab:last-child{border-bottom:0}

.service-tab::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--cyan-450),var(--blue-500));transform:scaleY(0);transform-origin:center;transition:transform .2s ease}
.service-tab.active,.service-tab[aria-selected="true"]{background:#fff;color:var(--navy-900);padding-left:22px}
.service-tab.active::after,.service-tab[aria-selected="true"]::after{transform:scaleY(1)}
.service-stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(23,135,255,.1),transparent 38%),linear-gradient(145deg,#061a3a,#0a326e);color:#fff}
.service-panel{position:relative;z-index:1;min-height:100%;padding:44px 48px 38px;animation:panelIn .25s var(--ease)}.service-panel>:not(.panel-glass-shapes){position:relative;z-index:1}.panel-glass-shapes{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.panel-glass-shapes i{position:absolute;display:block;border:1px solid rgba(151,208,255,.2);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 58px rgba(0,9,31,.16);backdrop-filter:blur(8px)}
.service-panel .panel-glass-shapes i:nth-child(1){width:104px;height:104px;right:-42px;top:38px;transform:rotate(24deg)}.service-panel .panel-glass-shapes i:nth-child(2){width:62px;height:62px;right:21%;bottom:-28px;transform:rotate(-18deg)}#panel-strategy .panel-glass-shapes i:nth-child(1){width:88px;height:88px;right:12%;top:-42px;transform:rotate(-26deg)}#panel-strategy .panel-glass-shapes i:nth-child(2){width:112px;height:112px;right:-62px;bottom:22px;transform:rotate(18deg)}#panel-strategy .panel-glass-shapes i:nth-child(3){width:52px;height:52px;left:38%;bottom:-21px;transform:rotate(31deg)}#panel-content .panel-glass-shapes i:nth-child(1){width:78px;height:78px;right:5%;top:23px;transform:rotate(30deg)}#panel-content .panel-glass-shapes i:nth-child(2){width:118px;height:118px;left:-68px;bottom:-42px;transform:rotate(-19deg)}#panel-authority .panel-glass-shapes i:nth-child(1){width:124px;height:124px;right:-58px;top:-43px;transform:rotate(27deg)}#panel-authority .panel-glass-shapes i:nth-child(2){width:86px;height:86px;left:-36px;bottom:28px;transform:rotate(-20deg)}#panel-authority .panel-glass-shapes i:nth-child(3){width:54px;height:54px;right:22%;bottom:-20px;transform:rotate(-35deg)}#panel-local .panel-glass-shapes i:nth-child(1){width:112px;height:112px;right:-47px;top:48px;transform:rotate(-24deg)}#panel-local .panel-glass-shapes i:nth-child(2){width:58px;height:58px;left:12%;top:-24px;transform:rotate(15deg)}#panel-ecommerce .panel-glass-shapes i:nth-child(1){width:120px;height:120px;right:-62px;bottom:20px;transform:rotate(18deg)}#panel-ecommerce .panel-glass-shapes i:nth-child(2){width:70px;height:70px;left:7%;top:-30px;transform:rotate(-31deg)}#panel-ecommerce .panel-glass-shapes i:nth-child(3){width:58px;height:58px;right:27%;top:32px;transform:rotate(24deg)}
.service-panel[hidden]{display:none}
@keyframes panelIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
.service-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12)}
.service-panel-top svg{box-sizing:content-box;width:24px;height:24px;padding:12px;border:1px solid #d6e2ef;border-radius:14px;background:#fff;color:var(--blue-650);box-shadow:0 7px 20px rgba(24,49,83,.08);flex:none}
.service-kicker{font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#7de0e9}
.service-panel h3{margin:28px 0 10px;font-size:clamp(30px,3vw,42px);letter-spacing:-.04em;line-height:1}
.service-panel p{margin:0;max-width:700px;color:#bed0e4;font-size:15px;line-height:1.65}
.service-detail-list{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 28px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.service-detail-list span{padding:13px 0;color:#e9f2fb;font-size:12px;font-weight:750;border-bottom:1px solid rgba(255,255,255,.08)}
.service-detail-list span:nth-child(odd){padding-right:20px;border-right:1px solid rgba(255,255,255,.12)}
.service-detail-list span:nth-child(even){padding-left:20px}
.service-detail-list span:nth-last-child(-n+2){border-bottom:0}
.service-panel .service-link{color:#82e7ee;text-decoration:underline;text-decoration-color:rgba(130,231,238,.72);text-decoration-thickness:1.5px;text-underline-offset:6px}
.service-link-static,.text-link-static{cursor:default}
.capability-inline{display:inline-block;color:#9db4cb;font-size:12px;font-weight:750}

/* One connected methodology section */
.system-section{background:#fff}
.system-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:56px;align-items:center}
.system-copy .mini-label{margin-bottom:10px}
.system-copy h3{margin:0;font-size:clamp(26px,2.6vw,38px);line-height:1.08;letter-spacing:-.035em}
.system-copy p{margin:15px 0 22px;color:var(--muted);font-size:14px;line-height:1.7}
.opportunity-visual{display:flex;align-items:center;justify-content:center;min-height:340px}
.opportunity-visual img{display:block;width:min(100%,680px);height:auto;filter:drop-shadow(0 22px 34px rgba(4,31,72,.18))}

.seo-hero-visual{display:flex;align-items:center;justify-content:center;min-width:0}
.seo-hero-visual img{display:block;width:min(112%,760px);max-width:none;height:auto;filter:drop-shadow(0 28px 42px rgba(4,31,72,.2))}
.hero-review-note{display:flex;align-items:center;gap:8px;margin:13px 0 0;color:#60758d;font-size:12px;font-weight:700}
.hero-review-note svg{width:16px;height:16px;color:var(--blue-650)}

/* Local + modern discovery combined */
.discovery-section{background:#f5f9fd}
.discovery-grid{display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(0,.95fr);gap:66px;align-items:center}
.local-discovery-visual{display:flex;align-items:center;justify-content:center;min-height:470px}
.local-discovery-visual img{display:block;width:min(112%,680px);max-width:none;height:auto;filter:drop-shadow(0 24px 38px rgba(4,31,72,.16))}
.discovery-copy h2{margin:0;font-size:clamp(36px,3.7vw,52px);line-height:1.02;letter-spacing:-.047em}
.discovery-copy>p{margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
.surface-list{margin:26px 0 20px;border-top:1px solid var(--line)}
.surface-list>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}
.surface-list span{font-size:13px;font-weight:850}.surface-list small{color:#61758d;font-size:12px;line-height:1.5}
.local-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.local-chips span{padding:6px 9px;border:1px solid #d1dfed;border-radius:999px;background:#fff;color:#566c84;font-size:10px;font-weight:800}

/* SEO execution differentiator */
.hybrid-seo-page .execution-section{padding:clamp(54px,7vh,82px) 0;background-color:#06265a;background-image:radial-gradient(circle at 15% 15%,rgba(15,111,255,.23),transparent 33%),radial-gradient(circle at 80% 85%,rgba(39,213,231,.14),transparent 26%),linear-gradient(145deg,#041738,#06265a 58%,#092b61);color:#fff;overflow:hidden}
.process-measurement-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.execution-section .eyebrow{color:#72e2ee}
.seo-execution-feature{position:relative;display:flex;align-items:center;min-height:560px}.seo-execution-copy{position:relative;z-index:2;width:55%;max-width:660px}.seo-execution-copy h2{max-width:650px;margin:12px 0 15px;color:#fff;font-size:clamp(34px,3.6vw,54px);line-height:1.02;letter-spacing:-.055em}.seo-execution-copy>p{max-width:650px;margin:0;color:#c0d0e4;font-size:15px;line-height:1.7}
.seo-execution-visual{position:absolute;z-index:1;right:-9%;bottom:-38px;width:min(72vw,860px);margin:0;pointer-events:none}.seo-execution-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 42px rgba(0,8,24,.28))}
.seo-proof-points{display:grid;gap:0;width:min(100%,350px);margin-top:28px;border-top:1px solid rgba(151,191,244,.28)}.seo-proof-points>div{padding:13px 0;border-bottom:1px solid rgba(151,191,244,.2)}.seo-proof-points b{display:block;margin-bottom:3px;color:#fff;font-size:13px}.seo-proof-points span{color:#b9c9dd;font-size:11px;line-height:1.45}.seo-outcome-line{margin-top:22px!important;color:#72e2ee!important;font-size:12px!important;font-weight:850;letter-spacing:.025em;text-transform:uppercase}.seo-outcome-line i{margin:0 6px;font-style:normal;color:#fff}

/* Differentiators and internal links: typography + dividers, no cards */
.advantage-section{background:#f8fbfe}
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.advantage-grid>div{padding:24px 24px 26px 0;border-right:1px solid var(--line)}
.advantage-grid>div+div{padding-left:24px}.advantage-grid>div:last-child{border-right:0;padding-right:0}
.advantage-grid span{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--blue-650)}
.advantage-grid h3{margin:0 0 7px;font-size:17px}.advantage-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.specialist-rail{margin-top:25px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.specialist-rail>span{margin-right:6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#788ba2}
.specialist-rail a{padding:7px 10px;border-bottom:1px solid #b9cbe0;color:#37546f;font-size:11px;font-weight:800;transition:color .2s ease,border-color .2s ease}
.specialist-rail .specialist-name{width:auto;margin:0;padding:7px 10px;border-bottom:1px solid #b9cbe0;color:#37546f;font-size:11px;font-weight:800;letter-spacing:normal;text-transform:none}
.specialist-rail a:hover{color:var(--blue-650);border-color:var(--blue-500)}

/* FAQ + conversion combined to shorten the page */
.close-section{background:linear-gradient(180deg,#fff,#f5f9fd)}
.close-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:68px;align-items:start}
.faq-column h2{margin-bottom:0}.faq-column .compact-accordion{margin-top:34px}.compact-accordion .accordion-item button{min-height:60px;font-size:13px}
.review-column{position:relative;scroll-margin-top:92px;padding:34px;border:1px solid rgba(126,204,238,.22);border-radius:18px;overflow:hidden;background:#062756;color:#fff;box-shadow:none}
.review-column .eyebrow{margin-bottom:14px}.review-column>h2{font-size:clamp(34px,3.1vw,46px)}.review-column>p{color:rgba(255,255,255,.84);font-size:14px;line-height:1.65}
.review-column .review-form{margin-top:24px;padding:0;background:transparent;border:0;box-shadow:none;color:#fff}
.review-column .review-form label{color:#fff}
.review-column .review-form label small{display:inline;color:#9eb4ca;font-size:10px;font-weight:600}
.review-column .review-form input,.review-column .review-form select,.review-column .review-form textarea{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff}
.review-column .review-form input::placeholder,.review-column .review-form textarea::placeholder{color:#a8bfd6}
.review-column .review-form select option{color:var(--ink);background:#fff}
.review-column .privacy-note{color:#94abc2}
.review-column .review-context textarea{min-height:52px;line-height:1.45}
.review-column .review-context textarea::placeholder{color:rgba(190,210,231,.62)}
.review-column .review-form input::placeholder{color:rgba(190,210,231,.62)}

/* Keep the combined FAQ and review conversion area complete within a desktop viewport. */
@media (min-width:901px){
  .close-section{display:grid;align-items:center;min-height:calc(100svh - 76px);padding:40px 0}
  .close-grid{gap:52px;align-items:center}
  .faq-column .compact-accordion{margin-top:22px}
  .review-column{padding:28px 30px}
  .review-column .eyebrow{margin-bottom:9px}
  .review-column>h2{margin:0;font-size:clamp(30px,2.6vw,38px);line-height:1.08}
  .review-column>p{margin:9px 0 0;font-size:13px;line-height:1.5}
  .review-column .review-form{margin-top:16px}
  .review-column .review-form label{gap:5px;margin-bottom:8px}
  .review-column .review-form input,.review-column .review-form select,.review-column .review-form textarea{padding:10px 12px}
  .review-column .review-context textarea{min-height:50px}
  .review-column .form-status{min-height:0;margin:6px 0 0}
  .review-column .privacy-note{margin-top:6px}
}

/* Responsive hybrid layout */
@media (max-width:1100px){
  .hybrid-seo-page .section{padding:76px 0}
  .service-explorer{grid-template-columns:210px 1fr}
  .service-panel{padding:38px 38px 34px}
  .system-detail{grid-template-columns:1fr 1fr;gap:38px}
  .discovery-grid{grid-template-columns:1fr 1fr;gap:42px}
  .close-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width:900px){
  .hybrid-seo-page .section{padding:68px 0}
  .process-measurement-panel{padding:0}.seo-execution-feature{display:block;min-height:0}.seo-execution-copy{width:100%;max-width:680px}.seo-execution-visual{position:relative;right:auto;bottom:auto;width:min(100%,680px);margin:-6px -7% -46px auto}
  .principle-rail{grid-template-columns:1fr 1fr}.principle-rail span:nth-child(2){border-right:0}.principle-rail span:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .service-explorer{grid-template-columns:1fr;min-height:0}
  .service-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}.service-tabs::-webkit-scrollbar{display:none}
  .service-tab{min-height:58px;min-width:max-content;border-bottom:0;border-right:1px solid var(--line);padding:12px 16px}.service-tab.active,.service-tab[aria-selected="true"]{padding-left:16px}.service-tab::after{top:auto;left:0;right:0;bottom:0;width:auto;height:3px;transform:scaleX(0)}.service-tab.active::after,.service-tab[aria-selected="true"]::after{transform:scaleX(1)}
  .service-stage{min-height:360px}.panel-glass-shapes i{opacity:.72;transform:scale(.82) rotate(var(--mobile-angle,18deg))!important}.panel-glass-shapes i:nth-child(3){display:none}.service-panel{padding:32px}
  .system-detail,.discovery-grid,.close-grid{grid-template-columns:1fr}.opportunity-visual{max-width:720px}.local-discovery-visual{order:2;min-height:0;max-width:720px}.discovery-copy{order:1}
  .advantage-grid{grid-template-columns:1fr 1fr}.advantage-grid>div:nth-child(2){border-right:0}.advantage-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.advantage-grid>div:nth-child(3){padding-left:0}.advantage-grid>div:nth-child(4){padding-right:0}
  .review-column{max-width:760px}
}
@media (max-width:640px){
  .hybrid-seo-page .section{padding:58px 0}
  .hybrid-seo-page .section-heading.compact{margin-bottom:26px}
  .hybrid-seo-page .section-heading.compact h2,.hybrid-seo-page .faq-column h2,.hybrid-seo-page .review-column>h2{font-size:clamp(31px,9.3vw,42px)}.faq-column .compact-accordion{margin-top:28px}
  .principle-rail{grid-template-columns:1fr;margin-bottom:22px}.principle-rail span{min-height:52px;border-right:0!important;border-bottom:1px solid var(--line)}.principle-rail span:last-child{border-bottom:0}
  .signal-list{grid-template-columns:1fr}.signal-list li,.signal-list li:nth-child(odd),.signal-list li:nth-child(even),.signal-list li:last-child{grid-column:auto;grid-template-columns:1fr;padding:18px 0;border-right:0}.signal-list h3{font-size:17px}.signal-list p{font-size:12px}
  .service-explorer{border-radius:16px}.service-tab{font-size:12px}.service-stage{min-height:400px}.service-panel{padding:26px 22px}.service-panel h3{font-size:30px}.service-panel p{font-size:14px}.service-detail-list{grid-template-columns:1fr}.service-detail-list span,.service-detail-list span:nth-child(odd),.service-detail-list span:nth-child(even){padding:10px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.service-detail-list span:last-child{border-bottom:0}
  .system-detail{padding-top:22px;gap:28px}.system-copy h3{font-size:27px}.opportunity-visual{min-height:0}.opportunity-visual img{width:100%}.seo-hero-visual img{width:108%}
  .surface-list>div{grid-template-columns:1fr;gap:2px}.local-discovery-visual img{width:110%}
  .process-measurement-panel{padding:0}.seo-execution-copy h2{font-size:clamp(33px,9.4vw,45px)}.seo-execution-visual{width:112%;margin:10px -12% -34px auto}
  .advantage-grid{grid-template-columns:1fr}.advantage-grid>div,.advantage-grid>div+div,.advantage-grid>div:nth-child(3),.advantage-grid>div:nth-child(4){padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.advantage-grid>div:last-child{border-bottom:0}.advantage-grid h3{margin-top:0}
  .specialist-rail{align-items:flex-start}.specialist-rail>span{width:100%;margin-bottom:2px}
  .review-column{padding:26px 20px;border-radius:18px}
}

/* Match the Services-page capability chips inside the SEO service explorer. */
.hybrid-seo-page .service-explorer--home-style .service-detail-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:20px 0 24px;
  padding:16px 0;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.hybrid-seo-page .service-explorer--home-style .service-detail-list span,
.hybrid-seo-page .service-explorer--home-style .service-detail-list span:nth-child(odd),
.hybrid-seo-page .service-explorer--home-style .service-detail-list span:nth-child(even),
.hybrid-seo-page .service-explorer--home-style .service-detail-list span:nth-last-child(-n+2){
  width:auto;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  background:rgba(255,255,255,.07);
  color:#d8e6f5;
  font-size:13px;
  font-weight:800;
  line-height:1.55;
  box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(15,54,98,.06);
  cursor:default;
  user-select:none;
  -webkit-user-select:none;
}
.hybrid-seo-page .service-explorer--home-style .service-detail-list span::before{
  content:"";
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:var(--blue-500);
  box-shadow:0 0 0 3px rgba(23,135,255,.1);
}

/* Prepare SEO panels for compact, tab-specific visuals while preserving a clear content column. */
@media (min-width:901px){
  .hybrid-seo-page .service-explorer--home-style .service-stage{height:510px}
  .hybrid-seo-page .service-explorer--home-style .service-panel{height:100%;min-height:0;display:flex;flex-direction:column;padding:42px 260px 36px 46px}
  .hybrid-seo-page .service-explorer--home-style .service-panel[hidden]{display:none}
  .hybrid-seo-page .service-explorer--home-style .service-panel h3{height:44px;display:flex;align-items:flex-start}
  .hybrid-seo-page .service-explorer--home-style .service-panel>p{height:100px}
  .hybrid-seo-page .service-explorer--home-style .service-panel .service-link{display:inline-flex;min-height:44px;align-items:center;margin-top:auto}
}
.hybrid-seo-page .service-explorer--home-style .service-panel .service-kicker{display:block;margin:0}
.hybrid-seo-page .service-explorer--home-style .service-panel h3{margin-top:16px;margin-bottom:9px}
.hybrid-seo-page .service-explorer--home-style .service-panel>p{max-width:510px;font-size:14px;line-height:1.58}
.hybrid-seo-page .service-explorer--home-style .service-panel .service-detail-list{margin:22px 0 24px;padding-block:16px;border-block:1px solid rgba(255,255,255,.16)}

/* Shared service-page section rhythm. Hero and FAQ/form compositions remain intentional exceptions. */
.seo-hero-visual img{width:min(100%,640px);max-width:100%}
@media(max-width:640px){.seo-hero-visual img{width:100%}}
.hybrid-seo-page main>section.section:not(.close-section){padding-block:88px}
@media (max-width:900px){.hybrid-seo-page main>section.section:not(.close-section){padding-block:84px}}
@media (max-width:640px){.hybrid-seo-page main>section.section:not(.close-section){padding-block:70px}}
.hybrid-seo-page .service-explorer--home-style .seo-service-visual{margin:0;pointer-events:none}
.hybrid-seo-page .service-explorer--home-style .seo-service-visual img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,8,40,.3))}
@keyframes seoPanelVisualIn{from{opacity:0;transform:translateY(-45%) scale(.94)}to{opacity:1;transform:translateY(-50%) scale(1)}}
@media (min-width:901px){
  .hybrid-seo-page .service-explorer--home-style .seo-service-visual{position:absolute;z-index:1;top:50%;right:16px;width:min(28%,238px);aspect-ratio:1;display:grid;place-items:center;animation:seoPanelVisualIn .38s var(--ease) both}
  .hybrid-seo-page .service-explorer--home-style .seo-service-visual::before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(0,190,255,.22),rgba(0,123,255,.08) 46%,transparent 72%);filter:blur(15px)}
  .hybrid-seo-page .service-explorer--home-style .service-panel>:not(.seo-service-visual){z-index:2}
}
@media (min-width:641px) and (max-width:900px){
  .hybrid-seo-page .service-explorer--home-style .service-panel{padding-right:205px}
  .hybrid-seo-page .service-explorer--home-style .seo-service-visual{position:absolute;z-index:1;top:50%;right:16px;width:170px;aspect-ratio:1;display:grid;place-items:center;transform:translateY(-50%)}
  .hybrid-seo-page .service-explorer--home-style .seo-service-visual::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(0,190,255,.18),transparent 70%);filter:blur(13px)}
  .hybrid-seo-page .service-explorer--home-style .service-panel>:not(.seo-service-visual){z-index:2}
}
@media (max-width:640px){
  .hybrid-seo-page .service-explorer--home-style .service-stage{min-height:650px}
  .hybrid-seo-page .service-explorer--home-style .service-panel{min-height:650px;padding:174px 22px 26px}
  .hybrid-seo-page .service-explorer--home-style .seo-service-visual{position:absolute;z-index:1;top:14px;right:50%;width:152px;aspect-ratio:1;display:grid;place-items:center;transform:translateX(50%)}
  .hybrid-seo-page .service-explorer--home-style .seo-service-visual::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(0,190,255,.18),transparent 70%);filter:blur(13px)}
  .hybrid-seo-page .service-explorer--home-style .service-panel>:not(.seo-service-visual){z-index:2}
}