/* Product introduction: editorial two-column rhythm, left text never exceeds half the frame. */
.product-introduction{background:#fff;color:#111;padding:110px 0 108px}
.product-introduction-inner{width:calc(100% - 2 * clamp(24px,8.2vw,136px));max-width:1440px;margin:0 auto;box-sizing:border-box;position:relative}
.product-intro-architecture{position:absolute;top:54px;right:3.5%;width:41%;max-width:520px;height:auto;display:block;opacity:.56}
.product-introduction-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 24px}
.product-introduction h1{width:48%;max-width:48%;box-sizing:border-box;font-size:clamp(56px,calc(3.6vw + 20px),80px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:0 0 40px;overflow-wrap:normal}
.product-introduction-copy{width:48%;max-width:48%;box-sizing:border-box}
.product-introduction-copy p{font-size:clamp(17px,1.25vw,21px);line-height:1.54;letter-spacing:-.015em;margin:0 0 10px}
.product-introduction-copy strong{font-weight:700}
@media(max-width:900px){.product-introduction{padding:96px 0 72px}.product-introduction-inner{width:calc(100% - 48px)}.product-introduction h1,.product-introduction-copy{width:100%;max-width:100%}.product-introduction h1{font-size:clamp(56px,calc(7vw + 20px),76px);margin-bottom:30px}.product-introduction-copy p{font-size:18px;line-height:1.55}.product-intro-architecture{position:static;width:72%;max-width:520px;margin:36px auto 0;opacity:.56}}


/* 2027 product roadmap — native, responsive timeline */
.product-roadmap{margin-top:62px;padding-top:34px;border-top:0;width:100%;box-sizing:border-box}
.product-roadmap-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:0}
.product-roadmap-items:before{content:"";position:absolute;top:54px;left:0;right:0;border-top:2px dashed #f4512b;z-index:0}
.product-roadmap-item{text-align:center;position:relative;min-width:0;padding:0 10px}
.product-roadmap-date{font-size:clamp(13px,1.08vw,17px);font-weight:700;letter-spacing:.015em;line-height:1.4;min-height:34px}
.product-roadmap-node{height:28px;width:28px;border:2px solid #f4512b;border-radius:50%;background:#fff;box-sizing:border-box;margin:6px auto 23px;position:relative;z-index:1}
.product-roadmap-item h3{font-size:clamp(15px,1.28vw,20px);line-height:1.23;letter-spacing:-.015em;font-weight:700;color:#f4512b;margin:0 0 12px}
.product-roadmap-item p{font-size:clamp(14px,1.12vw,18px);line-height:1.45;color:#555;margin:0}
@media(max-width:767px){.product-roadmap{margin-top:45px;padding-top:22px}.product-roadmap-items{grid-template-columns:1fr;gap:28px}.product-roadmap-items:before{left:13px;right:auto;top:12px;bottom:12px;height:auto;border-top:0;border-left:2px dashed #f4512b}.product-roadmap-item{text-align:left;padding:0 0 0 48px}.product-roadmap-node{position:absolute;left:0;top:3px;margin:0;height:28px;width:28px}.product-roadmap-date{min-height:0;margin-bottom:12px}.product-roadmap-item h3{font-size:18px}.product-roadmap-item p{font-size:16px}}

/* Product page only: minimum 130px vertical breathing room per section. */
@media(min-width:901px){
  #top > .product-introduction{padding-top:130px!important;padding-bottom:130px!important}
  #top > .chapter.penelope > .section-inner,
  #top > .chapter.scoping > .section-inner,
  #top > .chapter.agents > .section-inner,
  #top > .chapter.access > .section-inner{
    padding-top:130px!important;
    padding-bottom:130px!important;
  }
  #top > .chapter.penelope,
  #top > .chapter.scoping,
  #top > .chapter.agents,
  #top > .chapter.access{min-height:unset}
}
@media(max-width:900px){
  #top > .product-introduction{padding-top:90px!important;padding-bottom:90px!important}
  #top > .chapter.penelope > .section-inner,
  #top > .chapter.scoping > .section-inner,
  #top > .chapter.agents > .section-inner,
  #top > .chapter.access > .section-inner{
    padding-top:88px!important;padding-bottom:88px!important;
  }
}

/* Product Book a Call — centered heading and form, editorial label at left */
#top > .chapter.access > .section-inner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
#top > .chapter.access .product-call-heading{width:100%;position:relative;text-align:center;margin:0 0 36px}
#top > .chapter.access .product-call-heading .eyebrow{position:absolute;left:0;top:12px;margin:0;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
#top > .chapter.access .product-call-heading .eyebrow:before{display:none}
#top > .chapter.access .product-call-heading h2{display:block!important;width:100%!important;max-width:none!important;margin:0 auto!important;text-align:center!important;font-size:clamp(48px,5.3vw,86px);line-height:1.03;letter-spacing:-.055em;transform:none!important}
#top > .chapter.access .signup{width:min(100%,700px)!important;max-width:700px!important;margin:0 auto!important}
@media(max-width:767px){#top > .chapter.access .product-call-heading{padding-top:36px;margin-bottom:28px}#top > .chapter.access .product-call-heading .eyebrow{top:0}#top > .chapter.access .product-call-heading h2{font-size:clamp(40px,10vw,58px)}}

/* Explicitly override the legacy desktop two-column CTA grid. */
@media(min-width:768px){
body #top > section.chapter.access > div.section-inner{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 grid-template-columns:none!important;gap:0!important;
}
body #top > section.chapter.access .product-call-heading{width:100%!important;max-width:none!important;display:block!important;text-align:center!important;margin:0 0 28px!important}
body #top > section.chapter.access .product-call-heading h2{text-transform:none!important;text-align:center!important;font-weight:500!important}
body #top > section.chapter.access div.signup{
 display:block!important;position:relative!important;justify-self:center!important;align-self:center!important;
 width:min(700px,100%)!important;max-width:700px!important;margin:0 auto!important;
 transform:none!important;left:auto!important;right:auto!important;
}
body #top > section.chapter.access .signup-row{width:100%!important;max-width:100%!important;margin:0!important}
}

/* Optional newsletter interest below Book a Call, visually matching the newsletter consent. */
body #top > section.chapter.access .product-newsletter-optin{display:flex;align-items:flex-start;gap:14px;width:100%;margin:24px auto 0;text-align:left;color:#5c5a59;font-size:14px;line-height:1.55;font-weight:400}
body #top > section.chapter.access .product-newsletter-optin input{appearance:auto!important;width:19px!important;height:19px!important;min-width:19px!important;flex:0 0 19px!important;margin:2px 0 0!important;accent-color:#221b18}
body #top > section.chapter.access .product-newsletter-optin span{display:block;flex:1}
body #top > section.chapter.access .product-newsletter-optin a{color:#201b18;text-decoration:underline;text-underline-offset:2px}
/* Final Product CTA type scale and centered consent line. */
body #top > section.chapter.access .product-call-heading h2{font-size:clamp(34px,3.71vw,60px)!important;line-height:1.08!important}
body #top > section.chapter.access .signup .form-note{width:100%!important;max-width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:767px){body #top > section.chapter.access .product-call-heading h2{font-size:clamp(28px,7vw,41px)!important}}

/* Product chapter contrast: Agents uses the design-system off-white, Vault pure white. */
body #top > section.chapter.agents{
 background:#f2f1ef!important;
 background-image:none!important;
}
/* SIISTER Vault: last editorial Product chapter, immediately before Let's talk. */
body #top > .chapter.vault-feature{
 min-height:0!important;
 background:#fff!important;
 background-image:none!important;
 color:#171412!important;
 border-top:1px solid #e2dfda;
}
body #top > .chapter.vault-feature > .section-inner{
 width:100%!important;
 max-width:none!important;
 min-height:0!important;
 display:block!important;
 padding:clamp(100px,10vw,150px) clamp(24px,8.2vw,136px) clamp(112px,10vw,156px)!important;
 margin:0 auto!important;
 box-sizing:border-box;
}
body #top .vault-feature .product-kicker{
 font-size:10px!important;
 font-weight:400!important;
 letter-spacing:.18em!important;
 line-height:1.45!important;
 color:#242424!important;
 text-transform:uppercase!important;
 margin:0 0 clamp(58px,6vw,96px)!important;
}
body #top .vault-feature .product-kicker .siister-status{letter-spacing:.12em}
body #top .vault-feature .vault-feature-grid{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:clamp(40px,5vw,105px);
 align-items:start;
}
body #top .vault-feature h2.product-title{
 display:block!important;
 width:100%!important;
 max-width:none!important;
 margin:0 0 34px!important;
 color:#151210!important;
 font-size:clamp(44px,4.85vw,82px)!important;
 font-weight:500!important;
 letter-spacing:-.058em!important;
 line-height:1.03!important;
 text-align:left!important;
}
body #top .vault-feature h2.vault-flip-title{
 display:flex!important;
 align-items:baseline;
 flex-wrap:wrap;
 gap:.18em;
}
body #top .vault-feature .vault-flip-words{
 display:inline-grid;
 position:relative;
 perspective:900px;
}
body #top .vault-feature .vault-flip-words > span{
 grid-area:1 / 1;
 transform-origin:50% 55%;
 backface-visibility:hidden;
 opacity:0;
 animation:vaultWordFlip 9s cubic-bezier(.65,0,.35,1) infinite both;
}
body #top .vault-feature .vault-flip-words > span:nth-child(1){animation-delay:0s}
body #top .vault-feature .vault-flip-words > span:nth-child(2){animation-delay:-6s}
body #top .vault-feature .vault-flip-words > span:nth-child(3){animation-delay:-3s}
@keyframes vaultWordFlip{
 0%,27%{opacity:1;transform:rotateX(0deg) translateY(0)}
 30%{opacity:0;transform:rotateX(-82deg) translateY(-.18em)}
 31%,96%{opacity:0;transform:rotateX(82deg) translateY(.18em)}
 100%{opacity:1;transform:rotateX(0deg) translateY(0)}
}
@media (prefers-reduced-motion: reduce){
 body #top .vault-feature .vault-flip-words > span{animation:none;opacity:0;transform:none}
 body #top .vault-feature .vault-flip-words > span:first-child{opacity:1}
}

body #top .vault-feature .vault-feature-heading .product-copy{
 max-width:630px!important;
 margin:0!important;
 color:#302c29!important;
 font-size:clamp(19px,1.5vw,24px)!important;
 line-height:1.48!important;
 letter-spacing:-.02em!important;
}
body #top .vault-feature .vault-feature-body p{
 font-size:clamp(17px,1.23vw,21px)!important;
 line-height:1.5!important;
 letter-spacing:-.015em!important;
 margin:0 0 25px!important;
 max-width:670px!important;
 color:#302c29!important;
}
body #top .vault-feature .vault-feature-body p strong{font-weight:500!important}
body #top .vault-feature .vault-feature-body .vault-feature-statement{
 font-size:clamp(23px,2.15vw,37px)!important;
 line-height:1.26!important;
 letter-spacing:-.04em!important;
 color:#171412!important;
 margin-bottom:36px!important;
}
body #top .vault-feature .vault-feature-body .vault-feature-signoff{
 margin-top:34px!important;
 color:#171412!important;
}
body #top .vault-feature .vault-feature-body .vault-feature-disclaimer{
 margin-top:21px!important;
 margin-bottom:34px!important;
 font-size:13px!important;
 line-height:1.5!important;
 color:#6d6761!important;
}
body #top .vault-feature .vault-feature-link{
 display:inline-flex;
 align-items:center;
 gap:12px;
 color:#171412!important;
 text-decoration:none;
 font-size:15px;
 font-weight:500;
 border-bottom:1px solid currentColor;
 padding:0 0 5px;
 transition:gap .2s ease;
}
body #top .vault-feature .vault-feature-link:hover{gap:20px}
body #top .vault-feature .vault-feature-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:900px){
 body #top .vault-feature .vault-feature-grid{grid-template-columns:1fr;gap:42px}
 body #top .vault-feature h2.product-title{font-size:clamp(44px,8vw,68px)!important}
}
@media(max-width:600px){
 body #top > .chapter.vault-feature > .section-inner{padding:86px 24px 105px!important}
 body #top .vault-feature .product-kicker{margin-bottom:50px!important}
 body #top .vault-feature h2.product-title{font-size:clamp(40px,10vw,59px)!important}
}
@media(prefers-reduced-motion:reduce){body #top .vault-feature .vault-feature-link{transition:none}}