/* Navigation is an overlay, not a strip of glass. Explicit surfaces keep it legible. */
body.immersive-site{--header:76px}
body.immersive-site .site-header,body.immersive-site .site-header.scrolled{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important;height:var(--header);color:#fff8f1!important;--nav-ink:#fff8f1;--nav-shadow:0 1px 12px #071113cc}
body.immersive-site .site-header[data-surface="light"]{--nav-ink:#1c3029;--nav-shadow:none;color:#1c3029!important}
body.immersive-site .site-header .brand{width:clamp(190px,15vw,260px);height:58px}
body.immersive-site .site-header .logo-lockup>img{filter:brightness(0) invert(1)!important}
body.immersive-site .site-header[data-surface="light"] .logo-lockup>img{filter:none!important}
body.immersive-site .site-header .primary-nav,body.immersive-site .site-header .primary-nav>a:not(.button),body.immersive-site .site-header .nav-dropdown>summary,body.immersive-site .site-header .menu-toggle{color:var(--nav-ink)!important;text-shadow:var(--nav-shadow)}
body.immersive-site .site-header .login-link{border-color:color-mix(in srgb,var(--nav-ink) 25%,transparent)}
body.immersive-site .site-header .primary-nav>.button{background:#873452;color:#fff!important;text-shadow:none;border-color:#873452}
body.immersive-site .site-header .mega-menu{background:#f4f0e9;color:#23352c;text-shadow:none;border-top:1px solid #d6cbc0}
body.immersive-site .site-header .mega-menu :is(h2,strong,summary),body.immersive-site .site-header .mega-menu a{color:#25362e!important;text-shadow:none}
body.immersive-site .site-header .mega-menu :is(small,em){color:#56645b!important;text-shadow:none}
body.immersive-site .site-header .mega-menu .eyebrow{color:#873452}.immersive-site .site-header .mega-menu .menu-starter{background:#e1e8d9}
/* Inverse ink on every dark section prevents inherited dark body text. */
.immersive-site :is(.connection-film,.home-finale,.journey-entries,.site-footer){color:#f5f0e9}
.immersive-site :is(.connection-film,.home-finale,.journey-entries) :is(h2,h3,.eyebrow){color:#f5f0e9}
.immersive-site :is(.connection-film,.home-finale,.journey-entries) h2 em{color:#dba6bc}
.immersive-site .connection-copy>p{color:#e1e3db}.immersive-site .connection-copy>.eyebrow,.immersive-site .home-finale>.eyebrow{color:#dfccd4}
.immersive-site .site-footer .footer-contact{color:#f5f0e9}.immersive-site .site-footer .footer-contact:hover{color:#e0adc3}
.immersive-site .site-footer .logo-lockup>img{filter:brightness(0) invert(1)!important}.immersive-site .site-footer .footer-grid a{color:#cbd0c8}.immersive-site .site-footer .footer-grid .eyebrow{color:#d6bcc8}.immersive-site .footer-bottom,.immersive-site .footer-top>p>span{color:#b4bcb4}
/* Keep photographic subjects below the navigation's reading line. */
.product-home .hero-photo img{object-position:center top}
.product-home .story-photo{object-position:center top}
.product-home .operation-intro,.product-home .product-proof,.product-home .softlyops-essence,.product-home .client-agreement{scroll-margin-top:calc(var(--header) + 24px)}
.immersive-site .starter-hero-photo{object-position:center top}.immersive-site .starter-hero-copy{padding-top:calc(var(--header) + 46px)}
/* Business Starter: an alpha emblem, native typography, no opaque image plate. */
.starter-brand-lockup{display:inline-flex;align-items:center;gap:14px;line-height:1;text-decoration:none;color:inherit;max-width:100%}
.starter-brand-mark{display:block;flex:none;width:68px;height:68px;object-fit:contain;background:none;border:0}
.starter-brand-type{display:grid;gap:7px;min-width:0}.starter-brand-type>strong{font-size:26px;font-weight:700;letter-spacing:-.045em;line-height:1.05;color:inherit;white-space:nowrap}.starter-brand-type>small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:inherit;opacity:.88}
.immersive-site .starter-wordmark{display:block;color:#f4f4e8;margin:0 0 32px;background:none}.immersive-site .starter-wordmark .starter-brand-mark{width:78px;height:78px}
.immersive-site .starter-hero-copy h1{font-size:clamp(64px,7vw,114px)}
.immersive-site .glimpse-label{padding:16px 22px;background:linear-gradient(90deg,#142b23a6,transparent);border-radius:0;color:#fff9ee;max-width:calc(100% - 40px)}
.immersive-site .glimpse-label .starter-brand-mark{width:52px;height:52px}.immersive-site .glimpse-label .starter-brand-type>strong{font-size:25px}.immersive-site .glimpse-label .starter-brand-type>small{font-size:8px}
.immersive-site .demo-brand .starter-brand-mark{width:42px;height:42px}.immersive-site .demo-brand .starter-brand-type>strong{font-size:19px}.immersive-site .demo-brand .starter-brand-type>small{font-size:7px;letter-spacing:.13em}.immersive-site .demo-brand{color:#214b3c}
.starter-device-mark{display:block;width:40px;height:40px;object-fit:contain;margin:0 auto 10px}.starter-story .starter-brand-lockup{margin-bottom:25px}
@media(max-width:1100px){body.immersive-site .site-header .primary-nav.open{background:#f4f0e9!important;backdrop-filter:none!important;color:#22392e!important;text-shadow:none;box-shadow:0 20px 40px #0002;border-top:1px solid #d9d5c9}body.immersive-site .site-header .primary-nav.open>a:not(.button),body.immersive-site .site-header .primary-nav.open .nav-dropdown>summary{color:#22392e!important;text-shadow:none}.immersive-site .site-header .mega-menu{border:0!important}.immersive-site .starter-hero-copy h1{font-size:80px}}
@media(max-width:700px){body.immersive-site{--header:68px}body.immersive-site .site-header .brand{width:180px;height:54px}.product-home .story-photo{object-position:center center}.product-home .hero-photo img{object-position:62% top}.immersive-site .starter-hero-copy{padding-top:calc(var(--header) + 35px)}.immersive-site .starter-wordmark{margin-bottom:28px}.immersive-site .starter-wordmark .starter-brand-mark{width:58px;height:58px}.starter-brand-lockup{gap:11px}.starter-brand-type>strong{font-size:24px}.starter-brand-type>small{font-size:8px}.immersive-site .starter-hero-copy h1{font-size:clamp(62px,17vw,82px)}.immersive-site .glimpse-label{padding:12px 14px;left:14px;bottom:14px;max-width:calc(100% - 28px)}.immersive-site .glimpse-label .starter-brand-mark{width:42px;height:42px}.immersive-site .glimpse-label .starter-brand-type>strong{font-size:21px}.immersive-site .glimpse-label .starter-brand-type>small{font-size:7px}.immersive-site .demo-brand .starter-brand-mark{width:32px;height:32px}.immersive-site .demo-brand .starter-brand-type>strong{font-size:15px}.immersive-site .demo-brand .starter-brand-type>small{font-size:6px}.immersive-site .demo-brand .starter-brand-lockup{gap:6px}}
@media(max-height:600px) and (min-width:600px){body.immersive-site{--header:60px}.immersive-site .starter-hero{height:auto;min-height:720px}.immersive-site .starter-hero-copy{padding-top:100px}.immersive-site .starter-hero-copy h1{font-size:76px}}
@media(prefers-reduced-motion:reduce){body.immersive-site .site-header{transition:none!important}}
/* A soft fade belongs to the photograph; it has no edge or glass tint. */
body.immersive-site .site-header[data-surface="dark"]{--nav-shadow:0 1px 2px #06100de6,0 0 10px #06100dcc}
.immersive-site .starter-hero-shade{background:linear-gradient(180deg,#081c1570,transparent 155px),linear-gradient(90deg,#14281edb,#14281e20 82%)}
.immersive-site .demo-brand{color:#f2f4e8}
@media(max-width:700px){
 .immersive-site .starter-hero{height:auto;min-height:0;background:#152d23}
 .immersive-site .starter-hero-photo{height:420px;object-position:85% top;object-fit:cover}
 .immersive-site .starter-hero-shade{height:445px;background:linear-gradient(180deg,#081c154d,transparent 100px,transparent 270px,#152d23 410px)}
 .immersive-site .starter-hero-copy{width:100%;height:auto;max-width:none;padding:355px 24px 56px;justify-content:flex-start}
 .immersive-site .starter-hero-copy h1{font-size:clamp(58px,16vw,80px);margin:20px 0 22px}
 .immersive-site .starter-hero-copy>p{max-width:420px;font-size:15px}
 .immersive-site .starter-hero-actions{gap:12px;margin-top:24px}
 .immersive-site .starter-hero-badge{display:none}
}

/* r4 — brand consistency + translucent glass navigation.
   The canonical SoftlyOps artwork keeps its original colors on every surface.
   Business Starter retains its own dedicated identity assets. */
body.immersive-site .site-header,
body.immersive-site .site-header.scrolled{
  inset:12px clamp(12px,1.5vw,28px) auto!important;
  width:auto;
  height:calc(var(--header) - 12px);
  padding:0 clamp(18px,2.8vw,52px);
  background:rgba(246,242,235,.27)!important;
  -webkit-backdrop-filter:blur(16px) saturate(118%)!important;
  backdrop-filter:blur(16px) saturate(118%)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:20px;
  box-shadow:0 10px 34px rgba(11,18,20,.10),inset 0 1px 0 rgba(255,255,255,.24)!important;
  color:#1c3029!important;
  --nav-ink:#1c3029;
  --nav-shadow:none;
}
body.immersive-site .site-header[data-surface="dark"],
body.immersive-site .site-header[data-surface="dark"].scrolled{
  background:rgba(246,242,235,.34)!important;
  border-color:rgba(255,255,255,.30)!important;
  --nav-ink:#1c3029;
  --nav-shadow:0 1px 0 rgba(255,255,255,.28);
}
body.immersive-site .site-header[data-surface="light"],
body.immersive-site .site-header[data-surface="light"].scrolled{
  background:rgba(250,248,244,.22)!important;
  border-color:rgba(255,255,255,.48)!important;
  --nav-ink:#1c3029;
  --nav-shadow:none;
}
body.immersive-site .site-header .logo-lockup>img,
body.immersive-site .site-header[data-surface="light"] .logo-lockup>img,
body.immersive-site .site-header[data-surface="dark"] .logo-lockup>img,
body.immersive-site .site-footer .logo-lockup>img{
  filter:none!important;
}
body.immersive-site .site-header .primary-nav,
body.immersive-site .site-header .primary-nav>a:not(.button),
body.immersive-site .site-header .nav-dropdown>summary,
body.immersive-site .site-header .menu-toggle{
  color:var(--nav-ink)!important;
  text-shadow:var(--nav-shadow);
}
body.immersive-site .site-header .login-link{
  border-color:rgba(28,48,41,.18);
}
@media(max-width:1100px){
  body.immersive-site .site-header,
  body.immersive-site .site-header.scrolled{
    inset:9px 10px auto!important;
    height:calc(var(--header) - 9px);
    padding-inline:22px;
    border-radius:17px;
  }
  body.immersive-site .site-header .primary-nav.open{
    top:calc(100% + 8px);
    left:0;
    right:0;
    border:1px solid rgba(255,255,255,.48)!important;
    border-radius:16px;
    background:rgba(246,243,237,.94)!important;
    -webkit-backdrop-filter:blur(20px) saturate(115%)!important;
    backdrop-filter:blur(20px) saturate(115%)!important;
    box-shadow:0 18px 44px rgba(12,20,21,.14);
    overflow:hidden;
  }
}
@media(max-width:700px){
  body.immersive-site .site-header,
  body.immersive-site .site-header.scrolled{
    inset:7px 8px auto!important;
    height:calc(var(--header) - 7px);
    padding-inline:16px;
    border-radius:15px;
  }
  body.immersive-site .site-header .brand{width:174px;height:50px}
}

/* r5 — full-width glass navigation + refined tools menu. */
body.immersive-site .site-header,
body.immersive-site .site-header.scrolled{
  inset:0 0 auto!important;
  width:100%!important;
  height:var(--header)!important;
  padding:0 clamp(24px,3.8vw,76px)!important;
  border-radius:0!important;
  background:rgba(246,242,235,.16)!important;
  -webkit-backdrop-filter:blur(14px) saturate(116%)!important;
  backdrop-filter:blur(14px) saturate(116%)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 8px 28px rgba(12,18,20,.05)!important;
}
body.immersive-site .site-header[data-surface="dark"],
body.immersive-site .site-header[data-surface="dark"].scrolled{
  background:rgba(244,239,232,.21)!important;
  border-bottom-color:rgba(255,255,255,.20)!important;
}
body.immersive-site .site-header[data-surface="light"],
body.immersive-site .site-header[data-surface="light"].scrolled{
  background:rgba(250,248,244,.13)!important;
  border-bottom-color:rgba(92,76,66,.10)!important;
}

/* Tools mega menu: SoftlyOps ivory / wine / graphite, never flat gray. */
body.immersive-site .site-header .mega-menu{
  top:100%;
  left:clamp(24px,3.8vw,76px);
  right:clamp(24px,3.8vw,76px);
  padding:34px 36px 38px;
  gap:34px;
  background:
    radial-gradient(circle at 8% 10%,rgba(135,52,82,.08),transparent 29%),
    radial-gradient(circle at 92% 88%,rgba(78,111,91,.08),transparent 30%),
    linear-gradient(135deg,#fbf7f1 0%,#f6efe9 58%,#f3ede6 100%)!important;
  color:#25352f!important;
  border:1px solid rgba(111,87,77,.14)!important;
  border-top:2px solid rgba(135,52,82,.58)!important;
  border-radius:0 0 18px 18px;
  box-shadow:0 28px 70px rgba(25,25,30,.17)!important;
  overflow:hidden;
}
body.immersive-site .site-header .mega-menu .menu-intro{
  padding:4px 34px 4px 4px;
  border-right:1px solid rgba(135,52,82,.20);
}
body.immersive-site .site-header .mega-menu .menu-intro>.eyebrow{
  color:#8c3656!important;
}
body.immersive-site .site-header .mega-menu .menu-intro h2{
  color:#25362f!important;
}
body.immersive-site .site-header .mega-menu .menu-starter{
  margin-top:24px;
  padding:22px 20px;
  background:linear-gradient(135deg,rgba(219,229,210,.92),rgba(238,231,220,.84))!important;
  border:1px solid rgba(78,111,91,.17);
  border-radius:12px;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
body.immersive-site .site-header .mega-menu .menu-starter:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#dce8d2,#f0e6dc)!important;
  box-shadow:0 12px 28px rgba(45,65,52,.10);
}
body.immersive-site .site-header .mega-menu .menu-starter>span{
  color:#6f806f!important;
}
body.immersive-site .site-header .mega-menu .menu-starter strong{
  color:#263b31!important;
}
body.immersive-site .site-header .mega-menu .menu-starter small{
  color:#657168!important;
}
body.immersive-site .site-header .mega-menu .menu-products{
  gap:12px 14px;
  align-content:start;
}
body.immersive-site .site-header .mega-menu .menu-products>a{
  min-height:88px;
  padding:13px 14px 26px;
  border:1px solid rgba(88,70,64,.11)!important;
  border-radius:12px;
  background:rgba(255,255,255,.34);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.immersive-site .site-header .mega-menu .menu-products>a:hover,
body.immersive-site .site-header .mega-menu .menu-products>a:focus-visible{
  transform:translateY(-2px);
  background:rgba(255,250,246,.88)!important;
  border-color:rgba(135,52,82,.24)!important;
  box-shadow:0 10px 24px rgba(54,40,42,.08);
}
body.immersive-site .site-header .mega-menu .menu-products strong{
  color:#26372f!important;
  letter-spacing:-.015em;
}
body.immersive-site .site-header .mega-menu .menu-products small{
  color:#68746c!important;
}
body.immersive-site .site-header .mega-menu .menu-products em{
  color:#8b3f5b!important;
  font-weight:600;
  letter-spacing:.035em;
}
body.immersive-site .site-header .mega-menu .menu-products .tool-icon-pair{
  box-shadow:0 4px 12px rgba(20,24,25,.09);
}
body.immersive-site .site-header .mega-menu .text-link{
  color:#5b443f!important;
}
body.immersive-site .site-header .mega-menu .text-link:hover{
  color:#873452!important;
}

@media(max-width:1100px){
  body.immersive-site .site-header,
  body.immersive-site .site-header.scrolled{
    inset:0 0 auto!important;
    height:var(--header)!important;
    padding-inline:24px!important;
    border-radius:0!important;
  }
  body.immersive-site .site-header .primary-nav.open{
    top:100%;
    left:0;
    right:0;
    border-radius:0 0 16px 16px;
    background:rgba(249,245,239,.95)!important;
  }
  body.immersive-site .site-header .mega-menu{
    left:0;
    right:0;
    padding:12px 0 8px;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  body.immersive-site .site-header .mega-menu .menu-products>a{
    min-height:76px;
    background:rgba(255,255,255,.44);
  }
}
@media(max-width:700px){
  body.immersive-site .site-header,
  body.immersive-site .site-header.scrolled{
    inset:0 0 auto!important;
    height:var(--header)!important;
    padding-inline:20px!important;
  }
}