/* 3.4.0: subpages. Navy heroes with a 3D scene for the page's subject, product screens set in 3D, sharper section detail. */

/* ---------- hero ---------- */
.corp-site .page-hero.hero-navy{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:56px;align-content:center;min-height:460px;padding-block:40px 60px;border:0;background:#0b263b;box-shadow:0 0 0 100vmax #0b263b;clip-path:inset(0 -100vmax);color:#fff;isolation:isolate}
.corp-site .page-hero.hero-navy>*{grid-column:1;min-width:0}
.corp-site .page-hero.hero-navy.is-terrain{grid-template-columns:minmax(0,1fr)}
.corp-site .page-hero.hero-navy>.hero-scene{grid-column:2;grid-row:1/span 9;align-self:stretch;min-height:420px;margin:-24px -40px -44px -10px}
.hero-scene canvas{display:block;width:100%;height:100%;min-height:420px;cursor:grab;touch-action:pan-y}
.hero-scene canvas.is-dragging{cursor:grabbing}
.corp-site .page-hero.hero-navy .hero-3d{position:absolute;inset:0;z-index:-1;width:100%;height:100%;-webkit-mask-image:linear-gradient(100deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.35) 45%,#000 80%);mask-image:linear-gradient(100deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.35) 45%,#000 80%)}
.corp-site .page-hero.hero-navy h1{color:#fff;letter-spacing:-.035em}
.corp-site .page-hero.hero-navy .lede{color:#c7d6e6}
.corp-site.enterprise-site .page-hero.hero-navy .eyebrow{color:#8fd4f5}
.corp-site .page-hero.hero-navy>.eyebrow::before{background:linear-gradient(90deg,#00aeda,#4da3ff)}
.corp-site.enterprise-site .page-hero.hero-navy .text-link{color:#fff;border-color:#ffffff66}
.corp-site .page-hero.hero-navy>.text-link,.corp-site .page-hero.hero-navy>.actions{justify-self:start}
.corp-site .page-hero.hero-navy .breadcrumbs,.corp-site .page-hero.hero-navy .breadcrumbs a,.corp-site .page-hero.hero-navy .breadcrumbs span,.corp-site .page-hero.hero-navy .breadcrumbs li{color:#a9c0d8}
.corp-site .page-hero.hero-navy .breadcrumbs a:hover,.corp-site .page-hero.hero-navy .breadcrumbs [aria-current]{color:#fff}
.corp-site .page-hero.hero-navy .button{border-color:#fff;background:#fff;color:#0b263b}
.corp-site .page-hero.hero-navy .button:hover{border-color:#19b5e8;background:#19b5e8;color:#04121f}
.corp-site .page-hero.hero-navy .company-status{align-self:start;justify-self:start}
.corp-site .page-hero.hero-navy .company-note{color:#a9c0d8}
.motion-ok .corp-site .page-hero.hero-navy>*:not(canvas):not(.hero-scene){animation:sub-rise .9s cubic-bezier(.2,.7,.2,1) both}
.motion-ok .corp-site .page-hero.hero-navy>h1{animation-delay:.08s}
.motion-ok .corp-site .page-hero.hero-navy>.lede{animation-delay:.18s}
.motion-ok .corp-site .page-hero.hero-navy>.actions,.motion-ok .corp-site .page-hero.hero-navy>.text-link{animation-delay:.28s}
.motion-ok .corp-site .page-hero.hero-navy>.hero-scene{animation:sub-fade 1.2s .2s ease both}
@keyframes sub-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes sub-fade{from{opacity:0}to{opacity:1}}

/* ---------- product screens stand in 3D ---------- */
.corp-site .detail-body>.product-window{border:9px solid #081a2b;border-radius:16px;box-shadow:-34px 44px 90px #0b263b3d}
.motion-ok .corp-site .detail-body>.product-window{transform:perspective(1500px) rotateY(26deg) rotateX(4deg) translateX(-30px);transform-origin:0 50%;opacity:0;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .7s ease}
.motion-ok .corp-site .detail-body>.product-window.is-live{transform:perspective(1500px) rotateY(9deg) rotateX(2deg);opacity:1}
.motion-ok .corp-site .detail-body>.product-window.is-live:hover{transform:perspective(1500px) rotateY(0deg) rotateX(0deg);transition-duration:.5s}

/* ---------- section detail ---------- */
.corp-site .editorial-sections article{position:relative;padding-left:26px}
.corp-site .editorial-sections article::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:linear-gradient(#00aeda,#075bbc);transform-origin:top}
.motion-ok .corp-site .editorial-sections article[data-reveal]::before{transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.7,.2,1) .25s}
.motion-ok .corp-site .editorial-sections article[data-reveal].is-in::before{transform:scaleY(1)}
.corp-site .step-number{color:#075bbc;font-weight:700}
.corp-site .evaluation-callout,.corp-site .guide-intro,.corp-site .guide-cta{border-radius:12px;transition:box-shadow .35s,transform .35s cubic-bezier(.2,.7,.2,1)}
.corp-site .evaluation-callout:hover,.corp-site .guide-intro:hover{box-shadow:0 26px 60px #0b263b1f;transform:translateY(-4px)}
.corp-site .page-contents{border-radius:10px}
.corp-site main h2{letter-spacing:-.03em}

/* ---------- the software overview page ---------- */
.software-detail{padding:24px 0 88px}
.software-detail .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.software-detail article{padding-top:22px;border-top:2px solid #0b263b}
.software-detail h2{margin:0 0 10px;color:#0b263b;font-size:22px}
.software-detail p{margin:0 0 12px;color:#3a4d5f;font-size:15.5px;line-height:1.7}

@media(max-width:1000px){
.corp-site .page-hero.hero-navy{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:32px 40px}
.corp-site .page-hero.hero-navy>.hero-scene{grid-column:1;grid-row:auto;min-height:280px;margin:18px 0 -20px}
.hero-scene canvas{min-height:280px;height:280px}
.motion-ok .corp-site .detail-body>.product-window,.motion-ok .corp-site .detail-body>.product-window.is-live,.motion-ok .corp-site .detail-body>.product-window.is-live:hover{transform:none}
.corp-site .detail-body>.product-window{box-shadow:0 30px 70px #0b263b33}
.software-detail .wrap{grid-template-columns:minmax(0,1fr)}
}