/* Navigation stage: section navigation and pinned cover. */
.header{height:68px;padding:0 clamp(32px,3vw,48px);gap:24px;background:rgba(8,12,14,.82);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.header .brand{font-size:24px;letter-spacing:-1px;white-space:nowrap;gap:5px;flex-shrink:0}
.header .brand svg{width:32px;height:32px}
.header #navigation{flex:1;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0;font-size:14px}
.nav-products,.nav-information,.nav-utilities{display:flex;align-items:center;gap:25px}
.nav-information{gap:22px}
.nav-utilities{gap:16px}
.header #navigation a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0;white-space:nowrap;line-height:1.1;color:rgba(255,255,255,.7);font-weight:500;transition:color .16s}
.header #navigation .nav-information a,.header #navigation .nav-utilities>a:not(.nav-access){color:rgba(255,255,255,.58);font-size:14px;font-weight:400}
.header #navigation a:hover,.header #navigation a[aria-current="location"]{color:#fff}
.nav-products a::after,.nav-information a::after{content:'';position:absolute;bottom:7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .16s}
.nav-products a:hover::after,.nav-products a[aria-current="location"]::after,.nav-information a:hover::after{transform:scaleX(1)}
.header #navigation .nav-signin{min-height:42px;border:1px solid #ffffff30;border-radius:5px;padding:0 13px}
.header #navigation .nav-access{min-height:44px;border-radius:5px;background:#a5e7e8;color:#152c2e;padding:0 19px;font-size:14px;font-weight:600;transition:background .16s}
.header #navigation .nav-access:hover{background:#c4f7f7;color:#152c2e}
.header .menu{display:none;flex-shrink:0}
.product-section,.navigation-section{padding:80px 5%;border-top:1px solid #ffffff15}
.product-section-body{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;margin:36px 0 40px}
.product-section-body h2{max-width:690px;font-size:clamp(34px,3.6vw,56px)}
.product-section-body>p{font-size:17px;line-height:1.8;color:#a2acae;max-width:570px}
.product-section.light-section .product-section-body>p{color:#626b6d}
.product-rail{display:flex;flex-wrap:wrap;gap:20px 36px;list-style:none;padding:24px 0 0;margin:0;border-top:1px solid #ffffff24;font-size:12px;letter-spacing:1.3px;color:#a2acae}
.light-section .product-rail{border-color:#cfd6d3;color:#626b6d}
.platform{position:relative}.anchor-target{position:absolute;top:0;left:0;scroll-margin-top:90px}
.navigation-section>h2{margin-top:30px}.section-pending{font-size:16px;line-height:1.8;max-width:660px;color:#a2acae;margin-top:24px}.light-section .section-pending{color:#626b6d}
.search-label{display:block;font-size:14px;margin:26px 0 12px}
#site-search{width:100%;max-width:660px;font:inherit;padding:16px;border:1px solid #aab5b1;border-radius:5px;background:#fff;color:#1a2224}
#site-search:focus-visible{outline:3px solid #52a5b5;outline-offset:3px}
.search-status{font-size:13px;margin:16px 0;color:#626b6d}
.search-results{list-style:none;max-width:660px;margin:0;padding:0}
.search-results a{display:block;padding:17px 0;border-bottom:1px solid #cfd6d3;font-size:16px}
.search-results a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1280px) and (max-width:1399px){.header{gap:20px;padding:0 32px}.header #navigation{gap:18px}.nav-products{gap:22px}.nav-information{gap:17px}.nav-utilities{gap:12px}.header #navigation .nav-access{padding:0 15px}}
@media(max-width:1279px){.header{justify-content:space-between}.header .menu{display:block}.header #navigation{display:none;position:absolute;top:67px;left:0;right:0;background:#111719;padding:22px 6%;border-bottom:1px solid #ffffff24;box-shadow:none;max-height:calc(100dvh - 68px);overflow-y:auto}.header #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:24px}.nav-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px}.nav-information,.nav-utilities{justify-content:flex-start;flex-wrap:wrap;gap:10px 24px}.header #navigation a{min-height:44px}.header #navigation .nav-access{padding:0 18px}}
@media(max-width:760px){.header{padding:0 6%}.product-section,.navigation-section{padding:55px 6%}.product-section-body{grid-template-columns:1fr;gap:24px;margin:28px 0}.product-section-body h2{font-size:36px}.product-section-body>p{font-size:16px}.product-rail{gap:15px 22px;line-height:1.6}.nav-products{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-information,.nav-utilities{gap:10px 18px}}

/* Keep the content links at the geometric center of the desktop bar. */
html{scroll-padding-top:90px}
body{padding-top:68px}
.header{position:fixed;inset:0 0 auto;z-index:50;width:100%;height:68px;background:rgba(8,12,14,.82);backdrop-filter:blur(10px);transition:background-color 380ms cubic-bezier(.22,1,.36,1),backdrop-filter 380ms cubic-bezier(.22,1,.36,1),border-color 380ms ease}
.header.is-scrolled{background:rgba(8,12,14,.965);backdrop-filter:blur(12px);border-bottom-color:rgba(255,255,255,.12)}
.nav-center{display:flex;align-items:center;gap:32px}
.nav-products a{--product-accent:#fff}
.nav-products a:nth-child(1){--product-accent:#E69A55}.nav-products a:nth-child(2){--product-accent:#6C8DFF}.nav-products a:nth-child(3){--product-accent:#61C6BE}.nav-products a:nth-child(4){--product-accent:#9A78E8}.nav-products a:nth-child(5){--product-accent:#5DADEB}
.nav-products a::after{background:var(--product-accent);height:2px;bottom:6px}
@media(min-width:1280px){
  .header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}
  .header #navigation{display:contents}
  .header .brand{justify-self:start}
  .nav-center{grid-column:2;justify-self:center}
  .nav-utilities{grid-column:3;justify-self:end}
}
@media(min-width:1280px) and (max-width:1399px){.header{gap:16px}.nav-center{gap:24px}.nav-products{gap:18px}.nav-information{gap:16px}.nav-utilities{gap:10px}.header #navigation .nav-access{padding:0 14px}}
@media(max-width:1279px){.nav-center{display:flex;flex-direction:column;align-items:stretch;gap:24px}.header #navigation.open{background:rgba(8,12,14,.97)}}

/* The cover plane is fixed. Hover states may change copy and accent only. */
.hero{clip-path:inset(0);isolation:isolate;--hero-accent:#7edce3}
.hero .hero-art{position:fixed;inset:68px 0 auto;height:var(--cover-height,830px);width:100%;aspect-ratio:auto;opacity:1;pointer-events:none;transform:none!important;transition:none!important}
.hero .hero-art video{width:100%;height:100%;object-fit:cover;object-position:center center;transform:none!important;transition:none!important}
.hero .hero-shade{position:fixed;inset:68px 0 auto;height:var(--cover-height,830px);pointer-events:none;transform:none!important;transition:none!important;background:linear-gradient(90deg,#111315 10%,rgba(17,19,21,.96) 26%,rgba(17,19,21,.24) 62%,rgba(17,19,21,0) 83%),linear-gradient(0deg,#111315,transparent 25%)!important}
.hero h1>span{color:var(--hero-accent)!important;transition:color 260ms cubic-bezier(.22,1,.36,1)}
.hero-content{transition:opacity 180ms cubic-bezier(.22,1,.36,1)!important}
.hero-content.is-switching{opacity:.25;transform:none!important}
.hero-actions .button.primary{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff;border-radius:3px;transform:none}
.hero-actions .button.primary:hover{background:rgba(255,255,255,.08);border-color:#fff;transform:none}
.hero-actions .text-link{color:rgba(255,255,255,.74)}
.semantic-rail{display:flex;gap:18px;flex-wrap:wrap;color:rgba(255,255,255,.58);letter-spacing:1.25px;font-size:11px;text-transform:uppercase}
.semantic-rail span{display:inline-flex;align-items:center;gap:18px}
.semantic-rail span:not(:last-child)::after{content:'/';color:rgba(255,255,255,.25)}
.floating-label{display:none}
.hero[data-preview="master"] .floating-label{display:flex}
.hero[data-preview="master"] .hero-actions .button.primary{background:var(--accent);border-color:var(--accent);color:#152c2e;border-radius:5px}
.hero[data-preview="master"] .hero-actions .button.primary:hover{background:#c4f7f7;border-color:#c4f7f7;color:#152c2e}
.hero[data-preview="master"] .hero-actions .text-link{display:flex;gap:10px;color:inherit}

/* Desktop hero geometry lock: every state owns the exact same vertical slots. */
@media(min-width:761px){
  .hero{height:clamp(735px,calc(100svh - 68px),900px)!important;min-height:clamp(735px,calc(100svh - 68px),900px)!important;align-items:flex-start!important}
  .hero .hero-art,.hero .hero-shade{height:clamp(735px,calc(100svh - 68px),900px)!important}
  .hero .hero-content{padding:138px 5% 70px!important;width:100%!important;transform:none!important}
  .hero .hero-content.is-switching{transform:none!important}
  .hero-content .eyebrow{height:24px!important;min-height:24px!important;display:flex;align-items:center}
  .hero-content h1{font-size:clamp(51px,5.44vw,86px)!important;line-height:1.02!important;letter-spacing:-4.8px!important;margin:26px 0 20px!important;height:176px!important;min-height:176px!important;max-width:980px!important;overflow:visible}
  .hero-content>p{font-size:18px!important;line-height:1.7!important;height:92px!important;min-height:92px!important;max-width:520px!important;margin:0!important}
  .hero-actions{height:54px!important;min-height:54px!important;margin-top:20px!important;align-items:center!important}
  .hero-note,.semantic-rail{height:52px!important;min-height:52px!important;margin-top:24px!important;align-items:flex-start!important}
  .hero[data-preview="master"] .hero-note{display:flex!important;font-size:12px!important;color:#a4aaad!important;letter-spacing:0!important;text-transform:none!important;gap:14px!important}
  .hero[data-preview="master"] .hero-note span::after{content:none!important}
}

@media(max-width:760px){
  .hero .hero-art{top:max(68px,calc(100svh - 56.7708vw - 92px));height:auto;aspect-ratio:1920/1090}
  .hero .hero-art video{object-fit:contain}
  .hero .hero-shade{height:calc(100svh - 68px);background:linear-gradient(180deg,#111315 30%,rgba(17,19,21,.7) 48%,rgba(17,19,21,.08) 72%,rgba(17,19,21,.1) 88%,#111315 100%)!important}
  .semantic-rail{gap:10px}.semantic-rail span{gap:10px}
}
@media(prefers-reduced-motion:reduce){.header,.hero-content,.hero h1>span{transition:none!important}}