/* ISP+ Immersive Design Standard v3.1
   Progressive enhancement layer: preserves page content/SEO while upgrading presentation.
*/
:root{
  --isp-ink:#07111f;
  --isp-navy:#0a1b3d;
  --isp-blue:#0066ff;
  --isp-gold:#f4b942;
  --isp-paper:#f7f9fc;
  --isp-text:#eaf1ff;
  --isp-muted:#b9c7dc;
  --isp-max:1240px;
  --isp-radius:28px;
  --isp-ease:cubic-bezier(.22,.61,.36,1);
}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body.immersive-standard{overflow-x:hidden;background:var(--isp-paper)}
body.immersive-standard .container{width:min(var(--isp-max),calc(100% - 40px));margin-inline:auto}

/* Premium, calm navigation */
body.immersive-standard .nav-wrap{
  background:color-mix(in srgb,var(--isp-ink) 90%,transparent)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  position:sticky;top:0;z-index:1000;
}
body.immersive-standard .nav-cta{transition:transform .28s var(--isp-ease),box-shadow .28s var(--isp-ease),background .28s ease}
body.immersive-standard .nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,102,255,.28)}

/* Full-width cinematic page hero */
body.immersive-standard :is(.page-hero,.support-hero,.work-hero){
  position:relative;
  isolation:isolate;
  min-height:clamp(520px,74svh,820px);
  display:grid;
  align-items:end;
  overflow:hidden;
  color:white;
  background:
    linear-gradient(90deg,rgba(3,11,27,.96) 0%,rgba(3,11,27,.82) 42%,rgba(3,11,27,.34) 74%,rgba(3,11,27,.60) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(3,11,27,.78)),
    var(--hero-bg,linear-gradient(135deg,#07111f,#102a5d 62%,#081323));
  background-position:center;
  background-size:cover;
  padding:clamp(96px,12vw,170px) 0 clamp(70px,8vw,112px)!important;
}
body.immersive-standard :is(.page-hero,.support-hero,.work-hero)::after{
  content:"";position:absolute;inset:auto -15vw -28vh auto;width:58vw;height:58vw;z-index:-1;
  background:radial-gradient(circle,rgba(0,102,255,.24),transparent 67%);filter:blur(10px);pointer-events:none;
}
body.immersive-standard :is(.page-hero,.support-hero,.work-hero) .container{position:relative;z-index:2}
body.immersive-standard .service-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr)!important;gap:clamp(34px,7vw,90px)!important;align-items:end!important}
body.immersive-standard :is(.page-hero,.support-hero,.work-hero) h1{
  font-size:clamp(3rem,7.25vw,7.35rem)!important;line-height:.91!important;letter-spacing:-.055em!important;
  max-width:1000px;margin:.16em 0 .28em!important;text-wrap:balance;font-weight:750!important;
}
body.immersive-standard :is(.page-hero,.support-hero,.work-hero) p{font-size:clamp(1.08rem,1.7vw,1.35rem)!important;line-height:1.62!important;max-width:760px;color:rgba(235,242,255,.85)!important}
body.immersive-standard :is(.page-hero,.support-hero,.work-hero) .eyebrow{letter-spacing:.18em!important;text-transform:uppercase;font-size:.78rem!important;color:#d9e6ff!important}
body.immersive-standard .service-hero-card{
  align-self:end!important;background:rgba(8,18,37,.55)!important;border:1px solid rgba(255,255,255,.16)!important;
  border-radius:24px!important;padding:28px!important;box-shadow:0 28px 70px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}

/* Editorial rhythm / fewer boxes */
body.immersive-standard .section{padding-block:clamp(78px,9.5vw,150px)!important}
body.immersive-standard .section.light{background:#fff!important}
body.immersive-standard .section-title,
body.immersive-standard .section-headline,
body.immersive-standard .section h2{font-size:clamp(2.15rem,4.8vw,4.8rem);line-height:.98;letter-spacing:-.042em;text-wrap:balance}
body.immersive-standard .section-head{max-width:920px;margin-bottom:clamp(38px,6vw,76px)}
body.immersive-standard .section-intro,
body.immersive-standard .section-lead{font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.7;max-width:760px}
body.immersive-standard .grid-3{gap:clamp(22px,3.2vw,44px)!important}
body.immersive-standard .card{
  border-radius:18px!important;border:0!important;border-top:1px solid rgba(15,41,78,.16)!important;
  background:transparent!important;box-shadow:none!important;padding:30px 0!important;
  transition:transform .35s var(--isp-ease),border-color .35s ease!important;
}
body.immersive-standard .card:hover{transform:translateY(-6px);border-top-color:rgba(0,102,255,.48)!important}
body.immersive-standard .price-card,
body.immersive-standard .resource-card,
body.immersive-standard .support-card,
body.immersive-standard .intake-panel,
body.immersive-standard .featured-light-card{
  border-radius:24px!important;box-shadow:0 18px 55px rgba(6,24,54,.08)!important;
  border:1px solid rgba(15,41,78,.10)!important;transition:transform .35s var(--isp-ease),box-shadow .35s var(--isp-ease)!important
}
body.immersive-standard :is(.price-card,.resource-card,.support-card,.intake-panel,.featured-light-card):hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(6,24,54,.14)!important}

/* Photography and media get breathing room */
body.immersive-standard .editorial-photo-section{padding:0!important;background:var(--isp-ink)!important;overflow:hidden}
body.immersive-standard .editorial-photo-frame{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;min-height:clamp(420px,62vw,820px);position:relative;overflow:hidden}
body.immersive-standard .editorial-photo-frame img{width:100%!important;height:100%!important;min-height:inherit;object-fit:cover;display:block;transition:transform 1.2s var(--isp-ease)}
body.immersive-standard .editorial-photo-section:hover img{transform:scale(1.025)}
body.immersive-standard .work-showcase-section,
body.immersive-standard .work-case-study-section{padding-block:clamp(80px,10vw,155px)!important}
body.immersive-standard .portfolio-visual img{transition:transform .7s var(--isp-ease),filter .5s ease}
body.immersive-standard .portfolio-card:hover .portfolio-visual img{transform:scale(1.025)}

/* Dark/light editorial contrast */
body.immersive-standard .section:nth-of-type(even):not(.light):not(.resource-group){position:relative}
body.immersive-standard .final-service-cta,
body.immersive-standard .cta,
body.immersive-standard .work-trust-strip{
  position:relative;overflow:hidden;background:linear-gradient(135deg,#061224,#0a1b3d 58%,#082458)!important;color:white!important;
}
body.immersive-standard .final-service-cta::before,
body.immersive-standard .cta::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-190px;top:-200px;background:radial-gradient(circle,rgba(244,185,66,.16),transparent 68%);pointer-events:none}

/* Elegant CTAs */
body.immersive-standard .btn{position:relative;overflow:hidden;transition:transform .3s var(--isp-ease),box-shadow .3s var(--isp-ease),border-color .3s ease!important}
body.immersive-standard .btn::after{content:"";position:absolute;inset:0;transform:translateX(-115%);background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18),transparent 72%);transition:transform .65s var(--isp-ease);pointer-events:none}
body.immersive-standard .btn:hover{transform:translateY(-3px);box-shadow:0 15px 38px rgba(0,46,120,.22)}
body.immersive-standard .btn:hover::after{transform:translateX(115%)}

/* Scroll reveal */
body.immersive-standard.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--isp-ease),transform .8s var(--isp-ease)}
body.immersive-standard.js-motion .reveal.revealed{opacity:1;transform:none}
body.immersive-standard.js-motion .reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .65s var(--isp-ease),transform .65s var(--isp-ease)}
body.immersive-standard.js-motion .reveal-stagger.revealed>*{opacity:1;transform:none}
body.immersive-standard.js-motion .reveal-stagger.revealed>*:nth-child(2){transition-delay:.08s}
body.immersive-standard.js-motion .reveal-stagger.revealed>*:nth-child(3){transition-delay:.16s}
body.immersive-standard.js-motion .reveal-stagger.revealed>*:nth-child(4){transition-delay:.24s}

/* Subtle parallax is GPU-light and only enabled for large screens */
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
 body.immersive-standard .parallax-media{will-change:transform;transform:translate3d(0,var(--parallax-y,0),0)}
}

/* Long-form guides/legal: immersive hero, highly readable body */
body.immersive-standard.longform-page .page-hero{min-height:clamp(390px,56svh,620px)}
body.immersive-standard.longform-page .page-hero h1{font-size:clamp(2.8rem,6vw,6rem)!important;max-width:980px}
body.immersive-standard.longform-page :is(.legal-copy,.article-copy,.guide-copy){max-width:860px;margin-inline:auto}

/* Focus + accessibility */
body.immersive-standard :focus-visible{outline:3px solid #ffd36f!important;outline-offset:4px!important;border-radius:6px}
body.immersive-standard a{text-underline-offset:.18em}

/* Mobile first usability */
@media (max-width:899px){
 body.immersive-standard .container{width:min(100% - 28px,var(--isp-max))}
 body.immersive-standard :is(.page-hero,.support-hero,.work-hero){min-height:clamp(520px,78svh,700px);padding:100px 0 64px!important;background-position:center!important}
 body.immersive-standard :is(.page-hero,.support-hero,.work-hero) h1{font-size:clamp(2.75rem,12.2vw,4.9rem)!important;line-height:.94!important}
 body.immersive-standard .service-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
 body.immersive-standard .service-hero-card{padding:22px!important}
 body.immersive-standard .section{padding-block:72px!important}
 body.immersive-standard .grid-3{grid-template-columns:1fr!important}
 body.immersive-standard .editorial-photo-frame{min-height:440px}
 body.immersive-standard .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
}
@media (max-width:520px){
 body.immersive-standard .actions,.cta-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
 body.immersive-standard .actions .btn,.cta-actions .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
 body.immersive-standard .parallax-media{transform:none!important}
 body.immersive-standard .reveal,body.immersive-standard .reveal-stagger>*{opacity:1!important;transform:none!important}
}


/* ISP+ v3.2 — 100% viewport fit, readability, and section-rhythm pass */
*{min-width:0}
body.immersive-standard :is(h1,h2,h3,h4,p,li,a,span,strong,small){overflow-wrap:break-word}
body.immersive-standard .container{width:min(1180px,calc(100% - 48px))!important}

/* Above-the-fold discipline: heroes should look finished at normal 100% browser zoom. */
body.immersive-standard :is(.page-hero,.support-hero,.work-hero){
  min-height:clamp(430px,58svh,620px)!important;
  align-items:center!important;
  padding:clamp(72px,8vw,108px) 0 clamp(54px,6vw,82px)!important;
}
body.immersive-standard :is(.page-hero,.support-hero,.work-hero) h1{
  font-size:clamp(2.7rem,5.4vw,5.8rem)!important;
  line-height:.96!important;
  max-width:940px!important;
  margin:.14em 0 .24em!important;
}
body.immersive-standard :is(.page-hero,.support-hero,.work-hero) p{
  font-size:clamp(1rem,1.35vw,1.22rem)!important;
  line-height:1.55!important;
  max-width:720px!important;
}
body.immersive-standard.longform-page .page-hero{min-height:clamp(340px,46svh,500px)!important}
body.immersive-standard.longform-page .page-hero h1{font-size:clamp(2.45rem,4.8vw,4.9rem)!important}

/* Tighter section rhythm; immersive should not mean empty. */
body.immersive-standard .section{padding-block:clamp(58px,6.5vw,96px)!important}
body.immersive-standard .work-showcase-section,
body.immersive-standard .work-case-study-section{padding-block:clamp(62px,7vw,104px)!important}
body.immersive-standard .section-head{margin-bottom:clamp(28px,4vw,52px)!important}
body.immersive-standard .section h2,
body.immersive-standard .section-title,
body.immersive-standard .section-headline{font-size:clamp(2rem,3.6vw,4.05rem)!important;line-height:1.02!important}

/* Light sections must remain genuinely readable. */
body.immersive-standard .section.light,
body.immersive-standard .light{color:#102239!important}
body.immersive-standard .section.light :is(p,li,dd,figcaption,.muted,.small),
body.immersive-standard .light :is(p,li,dd,figcaption,.muted,.small){color:#52657c!important}
body.immersive-standard .section.light :is(h1,h2,h3,h4,strong,b),
body.immersive-standard .light :is(h1,h2,h3,h4,strong,b){color:#0a1b2f!important}
body.immersive-standard .section.light a:not(.btn):not(.nav-cta){color:#0b5fd7}

/* All boxes: text must fit at 100% zoom without clipping or forced overflow. */
body.immersive-standard :is(.card,.price-card,.resource-card,.support-card,.service-hero-card,.intake-panel,.featured-light-card,.portfolio-card,.case-study-grid article,.work-capability-grid article,.audience-item){
  min-width:0;max-width:100%;overflow:hidden;
}
body.immersive-standard :is(.card,.price-card,.resource-card,.support-card,.service-hero-card,.intake-panel,.featured-light-card,.portfolio-card,.case-study-grid article,.work-capability-grid article) :is(h2,h3,h4,strong,p,li,span,a){
  max-width:100%;overflow-wrap:anywhere;word-break:normal;
}
body.immersive-standard .service-hero-card{padding:clamp(20px,2.2vw,26px)!important}
body.immersive-standard .service-hero-card strong{font-size:clamp(1.18rem,1.7vw,1.48rem)!important}
body.immersive-standard .service-hero-card p{font-size:.98rem!important;line-height:1.55!important}
body.immersive-standard .price-card{padding:clamp(22px,2.3vw,30px)!important}
body.immersive-standard .price-card h3{font-size:clamp(1.28rem,1.8vw,1.65rem)!important}

/* Grids should distribute room instead of creating tiny unreadable columns. */
body.immersive-standard :is(.grid-3,.case-study-grid,.work-capability-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important}

/* Homepage: reduce excessive vertical scale at normal desktop viewing. */
body.immersive-standard .hero-cinematic{min-height:clamp(610px,76svh,760px)!important}
body.immersive-standard .hero-layout{min-height:inherit!important;padding:46px 0!important;gap:clamp(34px,4vw,52px)!important}
body.immersive-standard .hero-copy h1{font-size:clamp(3.3rem,5.8vw,6.2rem)!important;line-height:.94!important}
body.immersive-standard .hero-copy p{font-size:clamp(1.02rem,1.35vw,1.22rem)!important;line-height:1.58!important}
body.immersive-standard .orbit-stage{min-height:500px!important}
body.immersive-standard .orbit-shell{width:min(500px,43vw)!important}
body.immersive-standard .big-band{padding:70px 0!important;text-align:center!important}
body.immersive-standard .big-band :is(.section-kicker,.section-headline,.section-lead){margin-inline:auto!important;text-align:center!important}
body.immersive-standard .service-panel{min-height:500px!important;padding:44px!important}
body.immersive-standard .service-panel.image img{min-height:500px!important}
body.immersive-standard .statement-band{padding:72px 0!important}
body.immersive-standard .review-section,
body.immersive-standard .faq-modern,
body.immersive-standard .final-cta{padding:76px 0!important}

/* Compact ISP+ laptop case-study module. */
body.immersive-standard .isp-case-spotlight{background:linear-gradient(135deg,#061427,#0a2340 58%,#0d3158);color:#fff;padding:clamp(62px,7vw,96px) 0;overflow:hidden;position:relative}
body.immersive-standard .isp-case-spotlight::before{content:"";position:absolute;inset:-30% auto auto -12%;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(47,124,255,.18),transparent 68%);pointer-events:none}
body.immersive-standard .isp-case-grid{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(34px,5vw,70px);align-items:center}
body.immersive-standard .isp-case-copy .label{color:#f0b83f;font-weight:850;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem}
body.immersive-standard .isp-case-copy h2{font-size:clamp(2.4rem,4vw,4.6rem)!important;line-height:.98!important;margin:12px 0 18px!important;color:#fff!important}
body.immersive-standard .isp-case-copy p{font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.62;color:#bdcde0;max-width:560px}
body.immersive-standard .isp-case-tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px}
body.immersive-standard .isp-case-tags span{padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#dce8f7;font-size:.78rem;font-weight:760}
body.immersive-standard .isp-case-actions{display:flex;flex-wrap:wrap;gap:12px}
body.immersive-standard .isp-case-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:850;transition:transform .25s ease,box-shadow .25s ease}
body.immersive-standard .isp-case-actions .primary{background:#f0b83f;color:#08172a}
body.immersive-standard .isp-case-actions .secondary{border:1px solid rgba(255,255,255,.24);color:#fff}
body.immersive-standard .isp-case-actions a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.20)}
body.immersive-standard .isp-laptop-wrap{perspective:1400px;position:relative}
body.immersive-standard .isp-laptop{max-width:760px;margin:auto;transform:rotateX(1deg);filter:drop-shadow(0 32px 45px rgba(0,0,0,.35))}
body.immersive-standard .isp-laptop-screen{position:relative;background:#05080d;border:10px solid #111923;border-bottom-width:28px;border-radius:18px 18px 10px 10px;overflow:hidden;aspect-ratio:16/10}
body.immersive-standard .isp-laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
body.immersive-standard .isp-laptop-screen::after{content:"ISP+";position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);z-index:3;color:#c9d2dd;font-size:.8rem;font-weight:900;letter-spacing:.12em}
body.immersive-standard .isp-laptop-base{height:20px;width:108%;margin-left:-4%;background:linear-gradient(180deg,#aeb8c3,#65717d 55%,#333d47);border-radius:2px 2px 18px 18px;position:relative;box-shadow:inset 0 1px rgba(255,255,255,.5)}
body.immersive-standard .isp-laptop-base::after{content:"";position:absolute;top:0;left:42%;width:16%;height:7px;border-radius:0 0 8px 8px;background:#7b8792}
body.immersive-standard .isp-laptop-wrap:hover .isp-laptop-screen img{transform:scale(1.018)}
body.immersive-standard .isp-laptop-caption{text-align:center;color:#91a8c0;font-size:.8rem;margin-top:14px}

@media(max-width:1020px){
 body.immersive-standard .isp-case-grid{grid-template-columns:1fr!important}
 body.immersive-standard .isp-laptop{max-width:760px}
}
@media(max-width:899px){
 body.immersive-standard .container{width:min(100% - 28px,1180px)!important}
 body.immersive-standard :is(.page-hero,.support-hero,.work-hero){min-height:auto!important;padding:82px 0 56px!important}
 body.immersive-standard :is(.page-hero,.support-hero,.work-hero) h1{font-size:clamp(2.5rem,10.5vw,4.4rem)!important}
 body.immersive-standard .section{padding-block:58px!important}
 body.immersive-standard .hero-cinematic{min-height:auto!important}
 body.immersive-standard .hero-layout{padding:58px 0!important}
 body.immersive-standard .orbit-stage{min-height:430px!important}
 body.immersive-standard .orbit-shell{width:min(430px,88vw)!important}
 body.immersive-standard .service-panel{min-height:auto!important;padding:34px!important}
 body.immersive-standard .service-panel.image img{min-height:380px!important}
}
@media(max-width:560px){
 body.immersive-standard .isp-case-actions{display:grid;grid-template-columns:1fr}
 body.immersive-standard .isp-case-actions a{width:100%}
 body.immersive-standard .isp-laptop-screen{border-width:7px;border-bottom-width:23px;border-radius:12px 12px 8px 8px}
 body.immersive-standard .isp-laptop-screen::after{bottom:-20px;font-size:.68rem}
 body.immersive-standard .isp-laptop-base{height:14px}
}


/* ISP+ v3.2.1 — visual QA corrections at 100% zoom */
body.immersive-standard .container{width:min(1180px,calc(100% - 64px))!important}
body.immersive-standard .section{padding-block:clamp(48px,5vw,76px)!important}
body.immersive-standard .work-showcase-section,
body.immersive-standard .work-case-study-section{padding-block:clamp(52px,5.5vw,82px)!important}

/* Do not hide content during reveal. Motion is positional only, so copy is always readable. */
body.immersive-standard.js-motion .reveal{opacity:1!important;transform:translateY(12px);transition:transform .55s var(--isp-ease)}
body.immersive-standard.js-motion .reveal.revealed{opacity:1!important;transform:none}
body.immersive-standard.js-motion .reveal-stagger>*{opacity:1!important;transform:translateY(10px);transition:transform .48s var(--isp-ease)}
body.immersive-standard.js-motion .reveal-stagger.revealed>*{opacity:1!important;transform:none}

/* Editorial headers: use the width instead of forcing every word onto its own line. */
body.immersive-standard .section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  align-items:end!important;
  gap:clamp(24px,4vw,54px)!important;
  margin-bottom:clamp(24px,3vw,42px)!important;
}
body.immersive-standard .section-head>*{min-width:0}
body.immersive-standard .section-title,
body.immersive-standard .section-headline,
body.immersive-standard .section h2{max-width:19ch!important}
body.immersive-standard .section-intro{max-width:58ch!important;margin:0!important}

/* Balanced two-column sections. */
body.immersive-standard .split-feature{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(32px,4.5vw,64px)!important;
  align-items:start!important;
}
body.immersive-standard .split-feature>div:first-child{max-width:650px!important}

/* Never clip legitimate copy inside cards/panels. */
body.immersive-standard :is(.card,.price-card,.resource-card,.support-card,.service-hero-card,.intake-panel,.featured-light-card,.portfolio-card,.case-study-grid article,.work-capability-grid article,.audience-item){
  overflow:visible!important;
}
body.immersive-standard :is(.card,.price-card,.resource-card,.support-card,.service-hero-card,.intake-panel,.featured-light-card,.portfolio-card) :is(h2,h3,h4,strong,p,li,span,a){
  overflow-wrap:break-word!important;word-break:normal!important;
}

/* Check rows are vertical content blocks; the old flex rule caused long descriptions to collide. */
body.immersive-standard .checks>div{display:block!important;padding:15px 18px 15px 52px!important;min-height:0!important}
body.immersive-standard .checks>div strong{display:block!important;margin-bottom:5px!important;line-height:1.3!important}
body.immersive-standard .checks>div .small{display:block!important;line-height:1.55!important}
body.immersive-standard .featured-light-card{padding:clamp(24px,2.6vw,34px)!important}
body.immersive-standard .featured-light-card>h3{font-size:clamp(1.45rem,2vw,1.9rem)!important;line-height:1.14!important}
body.immersive-standard .featured-light-card .btn{max-width:100%;white-space:normal;text-align:center}

/* Website page: compact editorial opening, no giant white void. */
body.immersive-standard .section.light .section-head .section-title{max-width:16ch!important}
body.immersive-standard .premium-service-grid{margin-top:8px!important}

/* New Our Work featured layout */
body.immersive-standard .work-featured-v321{background:linear-gradient(135deg,#061427 0%,#0a2340 58%,#0d3158 100%);color:#fff;position:relative;overflow:hidden}
body.immersive-standard .work-featured-v321::after{content:"";position:absolute;right:-8%;top:-20%;width:48vw;height:48vw;background:radial-gradient(circle,rgba(55,139,255,.18),transparent 68%);pointer-events:none}
body.immersive-standard .work-featured-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(34px,5vw,72px);align-items:center}
body.immersive-standard .work-featured-copy .kicker{color:#f0b83f!important}
body.immersive-standard .work-featured-copy h2{color:#fff!important;max-width:11ch!important;font-size:clamp(2.7rem,4.6vw,5rem)!important;line-height:.96!important;margin:.18em 0 .28em!important}
body.immersive-standard .work-featured-copy p{color:#bdcde0!important;font-size:clamp(1rem,1.25vw,1.16rem)!important;line-height:1.62!important;max-width:540px}
body.immersive-standard .work-featured-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}
body.immersive-standard .work-featured-tags span{padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#dce8f7;font-size:.78rem;font-weight:760}
body.immersive-standard .work-featured-actions{display:flex;flex-wrap:wrap;gap:12px}
body.immersive-standard .work-featured-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:850;text-decoration:none}
body.immersive-standard .work-featured-actions .primary{background:#2f7cff;color:#fff}
body.immersive-standard .work-featured-actions .secondary{border:1px solid rgba(255,255,255,.22);color:#fff}
body.immersive-standard .work-laptop{max-width:760px;margin:auto;filter:drop-shadow(0 30px 44px rgba(0,0,0,.36))}
body.immersive-standard .work-laptop-screen{position:relative;background:#05080d;border:10px solid #111923;border-bottom-width:28px;border-radius:18px 18px 10px 10px;overflow:hidden;aspect-ratio:16/10}
body.immersive-standard .work-laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .65s var(--isp-ease)}
body.immersive-standard .work-laptop-screen::after{content:"ISP+";position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);color:#c9d2dd;font-size:.78rem;font-weight:900;letter-spacing:.12em}
body.immersive-standard .work-laptop-base{height:16px;margin:-1px auto 0;width:106%;margin-left:-3%;background:linear-gradient(180deg,#cbd3dd,#66717d 45%,#222b35 55%,#aeb7c1);border-radius:2px 2px 26px 26px;box-shadow:0 10px 22px rgba(0,0,0,.38)}
body.immersive-standard .work-laptop:hover img{transform:scale(1.016)}
body.immersive-standard .work-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}
body.immersive-standard .work-mini-card{background:#fff;border:1px solid rgba(10,34,80,.1);border-radius:20px;padding:24px;box-shadow:0 12px 34px rgba(7,20,48,.08)}
body.immersive-standard .work-mini-card h3{font-size:1.5rem!important;margin:.25rem 0 .55rem!important}
body.immersive-standard .work-mini-card p{color:#52657c!important}

@media(max-width:899px){
 body.immersive-standard .container{width:min(100% - 36px,1180px)!important}
 body.immersive-standard .section-head{grid-template-columns:1fr!important;align-items:start!important}
 body.immersive-standard .split-feature{grid-template-columns:1fr!important}
 body.immersive-standard .work-featured-grid{grid-template-columns:1fr!important}
 body.immersive-standard .work-more-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 body.immersive-standard .container{width:min(100% - 28px,1180px)!important}
 body.immersive-standard .section{padding-block:44px!important}
 body.immersive-standard .section-title,
 body.immersive-standard .section-headline,
 body.immersive-standard .section h2{font-size:clamp(1.9rem,9vw,3rem)!important;max-width:none!important}
 body.immersive-standard .featured-light-card{padding:22px!important}
 body.immersive-standard .work-laptop-screen{border-width:7px;border-bottom-width:22px;border-radius:13px 13px 8px 8px}
 body.immersive-standard .work-laptop-screen::after{bottom:-19px;font-size:.62rem}
}


/* ISP+ v3.2.2 — 100% viewport, text-fit, cache-visible visual QA */
body.immersive-standard{font-size:16px}
body.immersive-standard .container{width:min(1240px,calc(100% - 72px))!important}
body.immersive-standard .section{padding-block:clamp(44px,4.4vw,70px)!important}

/* Prevent editorial headers from collapsing into narrow word stacks. */
body.immersive-standard .section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  gap:clamp(28px,4vw,56px)!important;
  align-items:center!important;
  max-width:none!important;
  margin-bottom:clamp(26px,3.2vw,44px)!important;
}
body.immersive-standard .section-head>div:first-child{width:100%!important;max-width:none!important;min-width:0!important}
body.immersive-standard .section-title,
body.immersive-standard .section-headline,
body.immersive-standard .section h2{
  font-size:clamp(2.15rem,3.9vw,4.35rem)!important;
  line-height:1.02!important;
  max-width:15ch!important;
  width:auto!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance;
}
body.immersive-standard .section-intro{font-size:clamp(1rem,1.2vw,1.18rem)!important;line-height:1.62!important;max-width:56ch!important}

/* Two-column editorial sections use space efficiently at 100% zoom. */
body.immersive-standard .split-feature,
body.immersive-standard .two-col{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(34px,4.5vw,64px)!important;
  align-items:start!important;
}
body.immersive-standard .split-feature>*,body.immersive-standard .two-col>*{min-width:0!important;max-width:100%!important}

/* All cards must grow to their content; no clipping or forced single-line labels. */
body.immersive-standard :is(.card,.featured-light-card,.price-card,.resource-card,.support-card,.service-hero-card,.portfolio-card,.feature-panel,.outcome-list>div,.checks>div){
  min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;
}
body.immersive-standard :is(.card,.featured-light-card,.price-card,.resource-card,.support-card,.service-hero-card,.portfolio-card,.feature-panel) :is(h2,h3,h4,p,li,strong,span,a){
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word!important;word-break:normal!important;
}
body.immersive-standard .featured-light-card{padding:clamp(26px,2.5vw,36px)!important}
body.immersive-standard .featured-light-card>h3,
body.immersive-standard .featured-light-card>h2{font-size:clamp(1.5rem,2.1vw,2rem)!important;line-height:1.12!important;max-width:none!important;margin-bottom:22px!important}
body.immersive-standard .featured-light-card .checks>div{padding:18px 18px 18px 52px!important;display:block!important}
body.immersive-standard .featured-light-card .checks strong{font-size:1.05rem!important;line-height:1.35!important}
body.immersive-standard .featured-light-card .checks .small{display:block!important;margin-top:5px!important;font-size:.95rem!important;line-height:1.5!important}
body.immersive-standard .featured-light-card p.small{font-size:.95rem!important;line-height:1.65!important}
body.immersive-standard .featured-light-card .btn{font-size:1rem!important;line-height:1.25!important;max-width:100%!important;padding:14px 20px!important}

/* Service page hero: premium but not a giant empty first screen. */
body.immersive-standard :is(.page-hero,.support-hero,.work-hero){
  min-height:auto!important;
  padding:clamp(88px,8vw,118px) 0 clamp(58px,5.5vw,82px)!important;
  align-items:center!important;
}
body.immersive-standard :is(.page-hero,.support-hero,.work-hero) h1{
  font-size:clamp(3rem,5.6vw,6rem)!important;line-height:.95!important;max-width:13ch!important;
}
body.immersive-standard .service-hero-grid{align-items:center!important;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important}

/* Photography should not create a second near-full viewport directly below the hero. */
body.immersive-standard .editorial-photo-section{padding:0!important}
body.immersive-standard .editorial-photo-frame{min-height:0!important;height:clamp(320px,36vw,520px)!important}
body.immersive-standard .editorial-photo-frame img{min-height:0!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#061427!important}

/* OUR WORK: put the ISP+ laptop experience at the top and keep the intro compact. */
body.immersive-standard .work-hero{min-height:auto!important;padding:88px 0 48px!important}
body.immersive-standard .work-hero-inner{max-width:1000px!important;text-align:center!important;margin:0 auto!important}
body.immersive-standard .work-hero h1{font-size:clamp(2.75rem,4.8vw,5rem)!important;max-width:17ch!important;margin:14px auto 18px!important}
body.immersive-standard .work-hero p{margin:0 auto 24px!important;max-width:700px!important}
body.immersive-standard .work-hero .actions{justify-content:center!important}
body.immersive-standard .work-featured-v321{padding:58px 0 68px!important;background:linear-gradient(135deg,#061427,#0a2340 58%,#0d3158)!important;color:#fff!important}
body.immersive-standard .work-featured-grid{display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(500px,1.22fr)!important;gap:clamp(34px,5vw,68px)!important;align-items:center!important}
body.immersive-standard .work-featured-copy h2{color:#fff!important;font-size:clamp(2.35rem,3.6vw,4.25rem)!important;max-width:14ch!important;margin:10px 0 16px!important}
body.immersive-standard .work-featured-copy p{color:#c1d0e2!important;font-size:1.05rem!important;line-height:1.62!important;max-width:52ch!important}
body.immersive-standard .work-more-grid{margin-top:30px!important}
body.immersive-standard .work-laptop{max-width:720px!important;margin-inline:auto!important}
body.immersive-standard .work-laptop-screen{aspect-ratio:16/10!important}
body.immersive-standard .work-case-study-section{padding-block:clamp(54px,5vw,76px)!important}

/* Keep grids readable instead of overstuffed. */
body.immersive-standard :is(.grid-3,.case-study-grid,.work-capability-grid,.premium-service-grid){
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:clamp(18px,2vw,28px)!important;
}
body.immersive-standard .grid-3 .card{padding:24px!important}

@media(max-width:980px){
 body.immersive-standard .container{width:min(100% - 32px,1240px)!important}
 body.immersive-standard .section-head,
 body.immersive-standard .split-feature,
 body.immersive-standard .two-col,
 body.immersive-standard .work-featured-grid,
 body.immersive-standard .service-hero-grid{grid-template-columns:1fr!important}
 body.immersive-standard .section-title,body.immersive-standard .section h2{max-width:none!important}
 body.immersive-standard .work-laptop{max-width:760px!important}
}
@media(max-width:620px){
 body.immersive-standard .section{padding-block:48px!important}
 body.immersive-standard :is(.page-hero,.support-hero,.work-hero){padding:78px 0 48px!important}
 body.immersive-standard :is(.page-hero,.support-hero,.work-hero) h1{font-size:clamp(2.55rem,11vw,4rem)!important;max-width:none!important}
 body.immersive-standard .editorial-photo-frame{height:300px!important}
 body.immersive-standard .featured-light-card{padding:22px!important}
}

/* v3.3.0 interactive laptop portfolio */
body.immersive-standard .portfolio-switcher{position:relative;z-index:1;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(480px,1.55fr) minmax(250px,.78fr);gap:clamp(24px,3vw,46px);align-items:center}
body.immersive-standard .portfolio-switcher-copy h2{margin:12px 0 0;font-size:clamp(2rem,3.5vw,3.55rem);line-height:1.02}
body.immersive-standard .portfolio-switcher-copy>p{margin:0 0 24px;color:#b7c7da;font-size:1.02rem;line-height:1.72}
body.immersive-standard .portfolio-accent{width:58px;height:4px;margin:24px 0;border-radius:99px;background:#4f98ff;box-shadow:0 0 18px rgba(79,152,255,.45)}
body.immersive-standard .portfolio-main-laptop{width:100%;max-width:none!important;position:relative}
body.immersive-standard .portfolio-main-laptop .work-laptop-screen{border-color:#080d14;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
body.immersive-standard .portfolio-main-laptop .work-laptop-screen img{opacity:1;transition:opacity .18s ease,transform .55s var(--isp-ease)}
body.immersive-standard .portfolio-main-laptop.is-changing .work-laptop-screen img{opacity:.2;transform:scale(.985)}
body.immersive-standard .work-laptop-camera{position:absolute;z-index:3;top:6px;left:50%;width:6px;height:6px;transform:translateX(-50%);border-radius:50%;background:#253142;box-shadow:0 0 0 2px #05080d}
body.immersive-standard .portfolio-project-list{display:grid;gap:13px}
body.immersive-standard .portfolio-project{appearance:none;width:100%;display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);color:#fff;text-align:left;font:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
body.immersive-standard .portfolio-project:hover{transform:translateX(-3px);background:rgba(255,255,255,.07);border-color:rgba(115,202,255,.38)}
body.immersive-standard .portfolio-project:focus-visible{outline:3px solid #73caff;outline-offset:3px}
body.immersive-standard .portfolio-project.is-active{border-color:#4f98ff;background:rgba(45,116,224,.13);box-shadow:0 0 0 2px rgba(79,152,255,.54),0 16px 34px rgba(0,0,0,.2)}
body.immersive-standard .portfolio-project img{width:112px;aspect-ratio:16/10;object-fit:cover;object-position:top center;border-radius:10px;background:#07111e;box-shadow:0 8px 18px rgba(0,0,0,.24)}
body.immersive-standard .portfolio-project span,body.immersive-standard .portfolio-project strong,body.immersive-standard .portfolio-project small{display:block}
body.immersive-standard .portfolio-project strong{font-size:.98rem;line-height:1.25}
body.immersive-standard .portfolio-project small{margin-top:6px;color:#aebfd2;font-size:.78rem;line-height:1.35}
body.immersive-standard .portfolio-switcher .work-featured-tags{margin:0 0 25px}
@media(max-width:1120px){body.immersive-standard .portfolio-switcher{grid-template-columns:minmax(230px,.75fr) minmax(460px,1.35fr)}body.immersive-standard .portfolio-project-list{grid-column:1/-1;display:flex;overflow-x:auto;padding:5px 3px 14px;scroll-snap-type:x mandatory}body.immersive-standard .portfolio-project{min-width:280px;scroll-snap-align:start}body.immersive-standard .portfolio-project:hover{transform:translateY(-2px)}}
@media(max-width:760px){body.immersive-standard .portfolio-switcher{grid-template-columns:1fr}body.immersive-standard .portfolio-switcher-copy{order:1}body.immersive-standard .portfolio-main-laptop{order:2}body.immersive-standard .portfolio-project-list{order:3;grid-column:auto}body.immersive-standard .portfolio-switcher-copy h2{font-size:clamp(2.2rem,10vw,3.35rem)}body.immersive-standard .portfolio-switcher-copy>p{font-size:.98rem}body.immersive-standard .portfolio-project{min-width:255px;grid-template-columns:96px 1fr}body.immersive-standard .portfolio-project img{width:96px}}
@media(prefers-reduced-motion:reduce){body.immersive-standard .portfolio-main-laptop .work-laptop-screen img,body.immersive-standard .portfolio-project{transition:none}}

/* v3.3.1 center the Our Work editorial section headings as one unit */
body.immersive-standard .work-section-heading{
  width:100%;
  max-width:1100px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
body.immersive-standard .work-section-heading h2{
  width:100%!important;
  max-width:20ch!important;
  margin:12px auto!important;
  text-align:center!important;
}
body.immersive-standard .work-section-heading p{
  max-width:72ch!important;
  margin:0 auto!important;
  text-align:center!important;
}

/* v3.3.2 show the complete Uptown homepage without side cropping */
body.immersive-standard .portfolio-main-laptop .work-laptop-screen img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff;
}
body.immersive-standard .portfolio-project[data-title="Uptown Nutrition Cafe"] img{
  object-fit:contain!important;
  object-position:center!important;
  background:#fff;
}
body.immersive-standard .uptown-case-study-section .before-after-grid figure:nth-child(2) img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff;
}


/* ISP+ v3.5.0 — consolidated visual QC + credential/homepage corrections */
/* Normal content sections sit on the paper background, so they require dark readable type. */
body.immersive-standard.search-seo-page .section:not(.final-service-cta),
body.immersive-standard.ai-visibility-page .section:not(.final-service-cta),
body.immersive-standard.professional-services-page .section:not(.final-service-cta),
body.immersive-standard.pricing-page .section:not(.final-service-cta){
  color:#102239!important;
}
body.immersive-standard.search-seo-page .section:not(.final-service-cta) :is(h1,h2,h3,h4,strong,b),
body.immersive-standard.ai-visibility-page .section:not(.final-service-cta) :is(h1,h2,h3,h4,strong,b),
body.immersive-standard.professional-services-page .section:not(.final-service-cta) :is(h1,h2,h3,h4,strong,b),
body.immersive-standard.pricing-page .section:not(.final-service-cta) :is(h1,h2,h3,h4,strong,b){
  color:#0a1b2f!important;
}
body.immersive-standard.search-seo-page .section:not(.final-service-cta) :is(p,li,dd,figcaption,.muted,.small),
body.immersive-standard.ai-visibility-page .section:not(.final-service-cta) :is(p,li,dd,figcaption,.muted,.small),
body.immersive-standard.professional-services-page .section:not(.final-service-cta) :is(p,li,dd,figcaption,.muted,.small),
body.immersive-standard.pricing-page .section:not(.final-service-cta) :is(p,li,dd,figcaption,.muted,.small){
  color:#52657c!important;
}

/* Tighten editorial rhythm: content, not viewport height, determines section size. */
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page,.pricing-page) .section{
  padding-block:clamp(44px,4.2vw,66px)!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page,.pricing-page) .section-head{
  margin-bottom:clamp(22px,2.8vw,34px)!important;
  gap:clamp(24px,3vw,42px)!important;
  align-items:center!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page,.pricing-page) .grid-3{
  margin-top:24px!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page,.pricing-page) .premium-service-grid{
  margin-top:10px!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page,.pricing-page) .card{
  padding:22px 0!important;
}

/* Check-list sections on light/paper backgrounds must be fully visible. */
body.immersive-standard.professional-services-page .section:not(.light):not(.final-service-cta) .checks>div{
  color:#18314d!important;
  background:#fff!important;
  border:1px solid rgba(12,36,78,.10)!important;
  box-shadow:0 8px 24px rgba(7,20,48,.05)!important;
}
body.immersive-standard.professional-services-page .section:not(.light):not(.final-service-cta) .checks>div::before{
  color:#d99b00!important;
}

/* The final professional-services CTA is a centered closing statement, not left-heavy editorial copy. */
body.immersive-standard.professional-services-page .final-service-cta .service-cta{
  text-align:center!important;
  max-width:1080px!important;
  margin-inline:auto!important;
  padding:clamp(44px,6vw,72px)!important;
}
body.immersive-standard.professional-services-page .final-service-cta .service-cta .section-title{
  max-width:18ch!important;
  margin:10px auto 18px!important;
  text-align:center!important;
}
body.immersive-standard.professional-services-page .final-service-cta .service-cta>p{
  max-width:760px!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#c2d1e3!important;
}
body.immersive-standard.professional-services-page .final-service-cta .cta-actions{
  justify-content:center!important;
  align-items:center!important;
  margin-top:26px!important;
}

/* Homepage service editorial: image and copy panels are true equal halves with no white inset. */
body.immersive-standard .service-editorial{
  align-items:stretch!important;
}
body.immersive-standard .service-editorial .service-panel{
  min-height:520px!important;
  height:auto!important;
}
body.immersive-standard .service-editorial .service-panel.image{
  padding:0!important;
  min-height:520px!important;
}
body.immersive-standard .service-editorial .service-panel.image img{
  width:100%!important;
  height:100%!important;
  min-height:520px!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Homepage featured work uses the same complete-image treatment as Our Work. */
body.immersive-standard .isp-case-spotlight .portfolio-main-laptop .work-laptop-screen img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}
body.immersive-standard .isp-case-spotlight .work-laptop{
  width:100%!important;
  max-width:760px!important;
}

/* Audience cards are categories, not numbered steps. */
body.immersive-standard .audience-item h3{margin-top:0!important}

/* Keep dark CTA content explicitly readable after normal-section contrast corrections. */
body.immersive-standard .final-service-cta :is(h1,h2,h3,h4,strong,b){color:#fff!important}
body.immersive-standard .final-service-cta :is(p,.muted,.small){color:#c2d1e3!important}
body.immersive-standard .final-service-cta .kicker{color:#f4b942!important}

@media(max-width:980px){
  body.immersive-standard .service-editorial .service-panel,
  body.immersive-standard .service-editorial .service-panel.image,
  body.immersive-standard .service-editorial .service-panel.image img{min-height:380px!important}
}
@media(max-width:620px){
  body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page,.pricing-page) .section{padding-block:38px!important}
  body.immersive-standard.professional-services-page .final-service-cta .service-cta{padding:34px 22px!important}
}

/* ISP+ v3.5.1 — fluid zoom-safe section rebuild
   Content sections are content-driven, not viewport-driven. Browser zoom simply
   reduces the effective CSS viewport, so grids reflow instead of creating voids. */
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page,.pricing-page) .section{
  height:auto!important;
  min-height:0!important;
  padding-block:clamp(42px,5vw,72px)!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .section-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin:0 auto clamp(28px,3vw,42px)!important;
  gap:clamp(10px,1.4vw,18px)!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .section-head>div:first-child{
  width:100%!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .section-head .kicker,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .section>.container>.kicker{
  text-align:center!important;
  display:block!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .section-head .section-title,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .section>.container>.section-title{
  max-width:22ch!important;
  margin:10px auto 0!important;
  text-align:center!important;
  color:#0a1b2f!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .section-head .section-intro,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .section>.container>.section-intro{
  max-width:68ch!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#415875!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .grid-3,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .premium-service-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:clamp(18px,2.4vw,30px)!important;
  margin-top:clamp(24px,3vw,38px)!important;
  align-items:stretch!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .grid-3>.card,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .premium-service-grid>.card{
  height:100%!important;
  padding:clamp(22px,2.4vw,30px)!important;
  border:1px solid rgba(12,36,78,.10)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(7,20,48,.055)!important;
  text-align:left!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .grid-3>.card h3,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .premium-service-grid>.card h3{
  color:#0a1b2f!important;
  margin:.5rem 0 .6rem!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .grid-3>.card :is(p,.muted),
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .premium-service-grid>.card :is(p,.muted){
  color:#52657c!important;
  line-height:1.65!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .mini-label{
  color:#087ed0!important;
}

/* Professional-services checklist rebuilt as a responsive card grid. */
body.immersive-standard.professional-services-page .section>.container>.checks{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:14px!important;
  margin-top:clamp(26px,3vw,38px)!important;
}
body.immersive-standard.professional-services-page .section>.container>.checks>div{
  margin:0!important;
  padding:17px 18px 17px 48px!important;
  min-height:0!important;
  height:auto!important;
  color:#18314d!important;
  background:#fff!important;
  border:1px solid rgba(12,36,78,.10)!important;
  border-radius:14px!important;
  box-shadow:0 7px 20px rgba(7,20,48,.045)!important;
}

/* Pricing rebuild: preserve dark cards and allow them to wrap naturally at every zoom level. */
body.immersive-standard.pricing-page .section{
  color:#102239!important;
}
body.immersive-standard.pricing-page :is(.pricing-2,.pricing-4,.pricing,.alacarte-grid,.decision-grid){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:clamp(18px,2.2vw,28px)!important;
  align-items:stretch!important;
}
body.immersive-standard.pricing-page .price-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  padding:clamp(24px,2.6vw,34px)!important;
  background:linear-gradient(145deg,#0b1730,#0a1d3b)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 16px 42px rgba(5,15,35,.16)!important;
}
body.immersive-standard.pricing-page .price-card.featured{
  border-color:#f4b942!important;
  outline:1px solid #f4b942!important;
}
body.immersive-standard.pricing-page .price-card :is(h2,h3,h4,strong,b,.price){color:#fff!important}
body.immersive-standard.pricing-page .price-card :is(p,li,.muted,.small){color:#c5d3e6!important}
body.immersive-standard.pricing-page .price-card .kicker{color:#f4b942!important}
body.immersive-standard.pricing-page .price-card .checks>div{
  color:#e7eff9!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
body.immersive-standard.pricing-page .price-card .scope-note,
body.immersive-standard.pricing-page .price-card .growth-plan-note{
  color:#c5d3e6!important;
}
body.immersive-standard.pricing-page .tier-band,
body.immersive-standard.pricing-page .tier-label{
  height:auto!important;
  min-height:0!important;
}
body.immersive-standard.pricing-page .pricing-paths{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;
  gap:16px!important;
}
body.immersive-standard.pricing-page .pricing-path{
  min-height:0!important;
  height:auto!important;
}

/* Closing CTA stays centered and scales down cleanly when zoom creates a narrow viewport. */
body.immersive-standard .final-service-cta .service-cta{
  width:min(100%,980px)!important;
  margin-inline:auto!important;
  text-align:center!important;
  padding:clamp(34px,5vw,68px)!important;
}
body.immersive-standard .final-service-cta .service-cta .section-title{
  max-width:20ch!important;
  margin:10px auto 16px!important;
  text-align:center!important;
}
body.immersive-standard .final-service-cta .service-cta>p{
  max-width:66ch!important;
  margin-inline:auto!important;
  text-align:center!important;
}
body.immersive-standard .final-service-cta .cta-actions{
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}

/* Zoom and narrow-window breakpoints: browser zoom reduces the effective CSS viewport. */
@media(max-width:900px){
  body.immersive-standard .container{width:min(100% - 32px,1180px)!important}
  body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page,.pricing-page) .section{padding-block:46px!important}
}
@media(max-width:680px){
  body.immersive-standard .container{width:min(100% - 24px,1180px)!important}
  body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page,.pricing-page) .section{padding-block:38px!important}
  body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .section-head{margin-bottom:26px!important}
  body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .grid-3,
  body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.professional-services-page) .premium-service-grid{margin-top:22px!important}
}
@media(max-width:440px){
  body.immersive-standard .container{width:min(100% - 20px,1180px)!important}
  body.immersive-standard .btn{width:100%!important;max-width:100%!important}
  body.immersive-standard .final-service-cta .cta-contact{width:100%;text-align:center}
}

/* v3.5.6 pricing, referral-card, and CTA overflow corrections */
body.immersive-standard .outcome-list>div{
  grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr)!important;
  gap:clamp(18px,2.2vw,32px)!important;
  align-items:center!important;
}
body.immersive-standard .outcome-list>div>strong,
body.immersive-standard .outcome-list>div>p{
  min-width:0!important;
  width:auto!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}
body.immersive-standard.pricing-page .price-card .badge{
  position:static!important;
  display:inline-flex!important;
  align-self:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  padding:7px 12px!important;
  white-space:normal!important;
  line-height:1.2!important;
}
body.immersive-standard.pricing-page .price-card .growth-plan-note{
  margin:20px 0 0!important;
  padding:18px!important;
  border:1px solid rgba(244,185,66,.25)!important;
  border-radius:14px!important;
  background:rgba(244,185,66,.07)!important;
  line-height:1.6!important;
}
body.immersive-standard.pricing-page .price-card .growth-plan-note>strong{
  display:block!important;
  margin:0 0 7px!important;
  color:#f6c75b!important;
  line-height:1.35!important;
}
body.immersive-standard.pricing-page .price-card>.btn{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:48px!important;
  height:auto!important;
  margin:22px 0 0!important;
  padding:13px 16px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-align:center!important;
  line-height:1.25!important;
}
body.immersive-standard.pricing-page .pricing-2>.service-hero-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:auto!important;
}
body.immersive-standard.pricing-page .pricing-2>.service-hero-card>.btn{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:48px!important;
  height:auto!important;
  margin:22px 0 0!important;
  padding:13px 16px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
}
@media(max-width:680px){
  body.immersive-standard .outcome-list>div{grid-template-columns:1fr!important;gap:8px!important}
  body.immersive-standard .outcome-list>div>p{grid-column:auto!important}
}

/* v3.5.7 focused heading alignment: Search, AI Visibility, and Services */
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .service-hero-grid>div:first-child,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .rb-heading,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .section-head,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .split-feature>div:first-child{
  text-align:center!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .service-hero-grid>div:first-child :is(.eyebrow,h1,p),
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .rb-heading>*,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .section-head>*,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .split-feature>div:first-child :is(.kicker,.section-title),
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .section:not(.final-service-cta)>.container>.kicker,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .section:not(.final-service-cta)>.container>.section-title,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .section:not(.final-service-cta)>.container>.section-intro{
  margin-inline:auto!important;
  text-align:center!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .service-hero-grid>div:first-child .actions{
  justify-content:center!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .section-head,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .rb-heading{
  justify-items:center!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) :is(.card,.service-hero-card,.outcome-list,.faq-list,.resource-card) p,
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page) .split-feature>div:first-child>p:not(.section-intro){
  text-align:left!important;
}

/* v3.5.9 role-based alignment: center presentation headers, preserve reading copy. */
body.immersive-standard.pricing-page .service-hero-grid>div:first-child{
  text-align:center!important;
}
body.immersive-standard.pricing-page .service-hero-grid>div:first-child :is(.eyebrow,h1,p){
  margin-inline:auto!important;
  text-align:center!important;
}
body.immersive-standard.pricing-page .service-hero-grid>div:first-child .actions{
  justify-content:center!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page,.pricing-page) :is(.section-head,.rb-heading,.price-heading) :is(.kicker,.eyebrow,.section-title,.section-intro,h1,h2){
  margin-inline:auto!important;
  text-align:center!important;
}
body.immersive-standard:is(.search-seo-page,.ai-visibility-page,.services-page,.pricing-page) :is(.card,.price-card,.service-hero-card,.faq-list,.checks,.outcome-list,.resource-card){
  text-align:left!important;
}
body.immersive-standard.pricing-page :is(.pricing-2,.pricing-4,.pricing){
  align-items:start!important;
}
body.immersive-standard.pricing-page :is(.pricing-2,.pricing-4,.pricing)>.price-card{
  height:auto!important;