/* GPT-PANEL visual QA correction: 16 October 2026.
   Complements the original website without changing any marketing copy. */
:root{--panel-ink:#152b46;--panel-muted:#526b88;--panel-edge:#dce6ef}
/* Keep ONE legible, consistent header above all sections, including scroll. */
html{scroll-padding-top:90px}
body .page{overflow:visible!important;padding-top:74px!important}
body .page>#top.site-nav-global{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  width:100%!important;min-height:74px!important;height:auto!important;z-index:1000!important;
  padding-inline:clamp(20px,4vw,72px)!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #dfe7f1!important;
  box-shadow:0 4px 22px rgba(15,39,65,.045)!important;
  backdrop-filter:blur(18px);
}
#top.site-nav-global .site-title{display:block!important;flex:0 0 auto!important}
#top.site-nav-global .site-title a{color:#183d66!important;letter-spacing:.09em}
#top.site-nav-global .site-nav-links{margin:0 auto!important;align-items:center!important}
#top.site-nav-global .site-nav-links a{color:#445d7b!important;text-decoration:none!important}
#top.site-nav-global .site-nav-links a:hover{color:#175eae!important}
/* The opener is an invitation, not permanently drawn on top of product text.
   Clicking the persistent RALPH wordmark replays the original zip. */
#zip-entry.is-fully-open{visibility:hidden!important;pointer-events:none!important}
#zip-entry:not(.is-fully-open){z-index:75}
#zip-entry .ralph-zip-slider{touch-action:none}
.page>.panel-lead{box-shadow:0 12px 38px rgba(17,53,91,.06)!important}
.page .panel-lead>#intro.hero.surface{padding:clamp(32px,4vw,67px)!important}
.page .panel-lead #intro.hero .hero-content .hero-copy{width:100%!important;max-width:none!important}
.page .panel-lead #intro.hero .hero-content .hero-copy .hero-motto{
  font-size:clamp(44px,4.0vw,72px)!important;line-height:1.055!important;
  letter-spacing:-.056em!important;font-weight:680!important;margin-top:clamp(26px,4vw,50px)!important
}
.page .panel-lead #intro .hero-motto .motto-line{display:block!important;white-space:nowrap!important}
.page .panel-lead #intro.hero .hero-content .hero-copy>.trust{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;order:3!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;max-width:none!important;margin:clamp(26px,3vw,38px) 0 0!important;
  padding:21px 0 0!important;border-top:1px solid #d5e3ef!important;
  white-space:normal!important;justify-content:stretch!important;gap:14px!important
}
.page .panel-lead #intro.hero .hero-content .hero-copy>.trust span{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  min-width:0!important;width:auto!important;max-width:none!important;white-space:normal!important;
  padding:0!important;margin:0!important;font-size:12px!important;line-height:1.42!important;
  text-align:left!important;color:#46617c!important;overflow-wrap:break-word!important
}
.page .panel-lead #intro.hero .hero-content .hero-copy>.hero-discover{
  position:static!important;order:4!important;transform:none!important;
  margin:20px 0 0!important;padding:0!important;align-items:center!important;
  font-size:13px!important;line-height:1.4!important;color:#5c7791!important;
}
.page .panel-lead #intro.hero .hero-content .hero-copy>.hero-discover svg{
  height:18px!important;width:18px!important
}
/* Let the real product screenshot breathe. */
.page .panel-lead>#room-manager.product-screenshot.surface{background:linear-gradient(155deg,#1e3d62,#142c4c)!important}
.page .panel-lead #room-manager .product-screenshot-figure a{
  border-width:6px!important;border-radius:16px!important;box-shadow:0 18px 42px rgba(0,14,33,.21)!important
}
/* Reduce decorative noise without losing the nine genuine feature descriptions. */
.ralph-constellation .atlas::before,.ralph-constellation .atlas::after{display:none!important}
.ralph-constellation .atlas>.feature{min-height:155px!important;background:#f8fafc!important;border-color:#e1e9f1!important}
.ralph-constellation .atlas>.feature .symbol{background:#e8f1fb!important}
/* Consolidate related operational benefits into one quiet strip. */
#practices .benefits{gap:0!important;border:1px solid #d4e0ec!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}
#practices .benefits>.benefit{
  border:0!important;border-right:1px solid #e2e9f2!important;border-radius:0!important;
  padding:21px 18px!important;background:transparent!important;box-shadow:none!important;
}
#practices .benefits>.benefit:last-child{border-right:0!important}
/* Fix the dangerous light-on-light and dark-on-dark contrast in the founder panel. */
#story .story-narrative #story-heading{
  background:none!important;background-image:none!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;text-shadow:none!important;
}
#story .story-narrative>.story-purpose{
  background:rgba(255,255,255,.095)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:0!important;border-left:3px solid #83b9ef!important;border-radius:0 12px 12px 0!important;
  box-shadow:none!important;padding:18px 21px!important;
}
#story .story-narrative>.story-purpose strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Remove nested double-bordered cards from the roadmap. */
#roadmap .roadmap-step-body,.roadmap-step--current .roadmap-step-body{
  padding:3px 0 0!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
#roadmap .roadmap-step{background:#f8fafc!important}
#roadmap .roadmap-step--current{background:#edf5ff!important}
#roadmap .roadmap-step-heading{gap:8px!important}
#roadmap .roadmap-phase-list{margin-top:13px!important}
#roadmap .roadmap-continuous-inner{background:transparent!important}
/* Fixed sensible touch target and no cramped, single-word columns on tablet. */
@media(max-width:1180px){
  .page .panel-lead{grid-template-columns:1fr!important}
  .page .panel-lead>#intro.hero.surface{min-height:0!important}
  .page .panel-lead #intro .hero-motto .motto-line{white-space:normal!important}
  .page .panel-lead #intro.hero .hero-content .hero-copy .hero-motto{font-size:clamp(46px,6.3vw,67px)!important}
  #practices .benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #practices .benefits>.benefit:nth-child(2){border-right:0!important}
  #practices .benefits>.benefit:nth-child(-n+2){border-bottom:1px solid #e2e9f2!important}
}
@media(max-width:750px){
  body .page{padding-top:65px!important}
  body .page>#top.site-nav-global{min-height:65px!important;padding-inline:18px!important}
  .page .panel-lead #intro.hero .hero-content .hero-copy .hero-motto{font-size:clamp(40px,8.8vw,56px)!important}
  .page .panel-lead #intro.hero .hero-content .hero-copy>.trust span{font-size:11px!important}
}
@media(max-width:520px){
  #practices .benefits>.benefit{padding:15px 12px!important}
  .ralph-constellation .atlas>.feature{min-height:164px!important}
}
@media(prefers-reduced-motion:reduce){
  #zip-entry.is-fully-open{transition:none!important}
}
/* Remove the redundant second RALPH badge between the heading and features. */
.ralph-constellation .atlas>.core{display:none!important}
.ralph-constellation .atlas>.intro{margin-bottom:15px!important}
.ralph-constellation .atlas{row-gap:12px!important}
@media(max-width:520px){.ralph-constellation .atlas>.intro{margin-bottom:9px!important}}

/* Only paint the usable website as the real zipper starts to reveal it. */
body.zip-intro-locked .page>.panel-lead{opacity:var(--gpt-panel-reveal,0)!important}