/* Product storytelling follows Sentinel's light trucking design system. */
.z5-marketing{--product-header-height:76px;padding-top:var(--product-header-height);background:#fff;color:#142b3c;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.z5-marketing :focus-visible{outline:3px solid #0075c1;outline-offset:4px}
.z5-marketing .skip:focus{position:fixed;top:10px}
.marketing-page{scroll-margin-top:var(--product-header-height);max-width:none;margin:0;padding:0}
.page-wrap{width:100%;max-width:1328px;margin:0 auto;padding:0 40px}
.product-header{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--product-header-height);border-bottom:1px solid #e4ebf0;background:#fff}
.product-header>.page-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.product-brand{display:flex;align-items:center;gap:22px}
.product-brand img{display:block;width:145px;height:auto}
.product-brand>span{font-size:17px;font-weight:700;border-left:1px solid #d8e3eb;padding-left:22px}
.product-header nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:500;color:#486174}
.product-header a:hover,.product-footer a:hover{color:#0075c1}
.product-hero{padding:76px 0 0}
.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.marketing-eyebrow{font:500 10px/1.5 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:#0075c1;margin:0 0 20px}
.hero-story h1{font-size:clamp(48px,5.7vw,78px);line-height:1.06;font-weight:800;letter-spacing:-.055em;margin:0}
.hero-lead{font-size:20px;line-height:1.5;font-weight:600;letter-spacing:-.025em;margin:26px 0 12px}
.hero-description{max-width:48ch;font-size:15px;line-height:1.85;color:#5b6e7f;margin:0}
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#0075c1;color:#fff;padding:15px 21px;border-radius:5px;font-size:12px;font-weight:600;margin-top:28px;transition:background .2s,transform .2s}
.primary-link:hover{background:#0062a4;transform:translateY(-2px)}
.primary-link:active{transform:translateY(0)}
.hero-device{margin:0;position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#eef5fa 0%,#fff 70%)}
.hero-device .device-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(190px,24vw,315px);font-weight:800;letter-spacing:-.08em;color:#e6eef4;opacity:.6}
.hero-device>img{position:relative;width:170%;max-width:none;height:auto;filter:drop-shadow(0 22px 18px #233e5220)}
.hero-device figcaption{position:absolute;bottom:9px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#5c7384;font:10px/1.5 'JetBrains Mono',monospace}
.device-dot{width:5px;height:5px;border-radius:50%;background:#0075c1}
.system-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;border-top:1px solid #dfe8ef;margin-top:64px;padding:28px 0 38px}
.system-story>div{position:relative}
.system-story>div+div{border-left:1px solid #e0e8ef;padding-left:34px}
.system-story span{font:9px 'JetBrains Mono',monospace;color:#6d8292;letter-spacing:.03em}
.system-story strong{display:block;font-size:16px;font-weight:650;margin:9px 0 6px;letter-spacing:-.02em}
.system-story p{font-size:12px;line-height:1.6;color:#6b7d8a;margin:0}
.feature-navigation{position:sticky;top:var(--product-header-height);z-index:8;background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid #e3ebf1;border-bottom:1px solid #dce6ee}
.feature-navigation>.page-wrap{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:65px}
.feature-nav-label{font-size:13px;font-weight:700;margin-right:auto;white-space:nowrap}
.feature-navigation a{font-size:11px;font-weight:500;color:#4f687a;padding:10px 13px;border-radius:4px;white-space:nowrap;transition:background .2s,color .2s}
.feature-navigation a:hover,.feature-navigation a[aria-current]{color:#006bac;background:#edf6fc}
.feature-introduction{scroll-margin-top:calc(var(--product-header-height) + 88px);padding-top:90px;padding-bottom:58px}
.marketing-page h2{font-size:clamp(31px,3.5vw,48px);line-height:1.15;font-weight:750;letter-spacing:-.045em;margin:0;text-wrap:balance}
.feature-introduction>p:last-child{color:#617789;max-width:61ch;font-size:14px;line-height:1.85;margin:22px 0 0}
.feature-section{padding:64px 0 78px;border-top:1px solid #e8eef3;scroll-margin-top:calc(var(--product-header-height) + 88px)}
.feature-section:nth-of-type(even){background:#f7f9fb}
.feature-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:34px}
.feature-heading h2{font-size:clamp(30px,3.3vw,44px)}
.feature-heading .marketing-eyebrow{margin-bottom:17px}
.feature-body>p{font-size:14px;line-height:1.85;color:#5c7385;max-width:58ch;margin:0}
.feature-benefits{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.feature-benefits li{display:flex;gap:9px;align-items:baseline;font-size:11px;font-weight:600;line-height:1.6;color:#2c566f}
.feature-benefits li:before{content:'—';color:#3e93bd;font-weight:400}
.feature-slot{position:relative;scroll-margin-top:calc(var(--product-header-height) + 82px)}
.feature-preview{margin:0}
.feature-preview>img{width:100%;height:auto;display:block;border-radius:9px;background:#edf3f6}
.feature-preview figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 0}
.feature-preview figcaption>span{font-size:11px;color:#6a7e8e;line-height:1.6}
.launch-demo{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #bfd6e5;border-radius:4px;color:#006eaf;font:600 11px 'Plus Jakarta Sans',sans-serif;transition:background .2s,border-color .2s;white-space:nowrap}
.launch-demo:hover{background:#edf6fc;border-color:#78afd0}
.launch-demo>span{font-size:10px}
.feature-section[data-active=true] .feature-preview{display:none}
.feature-demo.focus-layout{max-width:none;padding:0;margin:0;outline:none}
.feature-demo .experience{scroll-margin-top:calc(var(--product-header-height) + 82px)}
.feature-demo .control-deck{margin-top:0}
.feature-demo .scenario-options{padding:13px 0}
.feature-demo .transport-controls{padding:15px 0}
.feature-demo .view-controls>.view-hint{display:none}
.feature-demo .demo-note{border-top:1px solid #dce5ec;margin:0;padding:10px 0 0}
.feature-demo .monitor-copy>strong{font-weight:650}
.feature-demo .stage-top{font-family:'JetBrains Mono',monospace}
.product-closing{background:#eef5fa;border-top:1px solid #dfeaf2;padding:82px 0 88px}
.closing-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.closing-layout p:not(.marketing-eyebrow){font-size:15px;color:#5a7285;line-height:1.85;margin:0 0 24px;max-width:48ch}
.text-link{display:inline-flex;gap:30px;font-size:12px;font-weight:650;color:#0075c1;border-bottom:1px solid #9dc8e2;padding-bottom:7px}
.product-footer{display:block;max-width:none;margin:0;padding:25px 0;background:#fff}
.product-footer>.page-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#6b7c89}
@media(min-width:1500px){.feature-demo .scene-composition,.feature-demo .visual{min-height:530px}}
@media(max-width:1100px){.page-wrap{padding-left:28px;padding-right:28px}.hero-layout{gap:10px}.hero-device{min-height:400px}.feature-heading{gap:38px}.feature-navigation a{padding:10px 8px;font-size:10px}.feature-nav-label{font-size:12px}.feature-demo .monitor{margin-right:20px}}
@media(max-width:900px){
 .product-hero{padding-top:48px}.hero-layout{grid-template-columns:1.1fr .9fr;gap:0}.hero-story h1{font-size:49px}.hero-lead{font-size:17px}.hero-description{font-size:13px}.hero-device{min-height:340px}.hero-device figcaption{font-size:8px}
 .feature-nav-label{display:none}.feature-navigation>.page-wrap{justify-content:space-between;min-height:58px}.feature-navigation a{font-size:10px;padding:9px 7px}
 .feature-introduction{padding-top:65px;padding-bottom:45px}.feature-heading{gap:30px}.feature-heading h2{font-size:32px}.feature-body>p{font-size:13px}
 .feature-section{padding:50px 0 60px;scroll-margin-top:calc(var(--product-header-height) + 76px)}.feature-demo .monitor{margin:0}.feature-demo .visual{min-height:0}
 .feature-preview figcaption{align-items:flex-start}.closing-layout{gap:36px}.product-closing{padding:64px 0}
}
@media(max-width:600px){
 .page-wrap{padding-left:20px;padding-right:20px}.z5-marketing{--product-header-height:64px}.product-brand{gap:14px}.product-brand img{width:120px}.product-brand>span{padding-left:14px;font-size:15px}.product-header nav{font-size:10px;gap:0}.product-header nav>a:first-child{display:none}
 .product-hero{padding-top:42px}.hero-layout{grid-template-columns:1fr}.marketing-eyebrow{font-size:9px;margin-bottom:17px}.hero-story h1{font-size:52px}.hero-lead{font-size:18px;margin-top:22px}.hero-description{font-size:13px;line-height:1.8}.primary-link{margin-top:23px;padding:13px 18px}
 .hero-device{min-height:295px;margin-top:22px}.hero-device .device-watermark{font-size:260px}.hero-device>img{width:145%}.hero-device figcaption{font-size:9px;bottom:2px}
 .system-story{grid-template-columns:1fr;gap:0;margin-top:30px;padding:8px 0 22px}.system-story>div{display:grid;grid-template-columns:88px 1fr;gap:6px 13px;padding:16px 0}.system-story>div+div{border-left:0;border-top:1px solid #e6edf2;padding-left:0}.system-story span{grid-row:1/3;padding-top:4px;font-size:8px}.system-story strong{font-size:14px;margin:0}.system-story p{font-size:11px}
 .feature-navigation>.page-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:6px 12px;min-height:0}.feature-navigation a{font-size:9px;text-align:center;padding:8px 2px}
 .feature-introduction{padding-top:50px;padding-bottom:37px}.marketing-page h2{font-size:32px}.feature-introduction>p:last-child{font-size:12px;line-height:1.8;margin-top:19px}
 .feature-section{padding:40px 0 48px;scroll-margin-top:calc(var(--product-header-height) + 91px)}.feature-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.feature-heading h2{font-size:32px}.feature-heading .marketing-eyebrow{font-size:8px;margin-bottom:13px}.feature-body>p{font-size:12px;line-height:1.85}.feature-benefits{margin-top:16px;gap:7px}.feature-benefits li{font-size:10px}
 .feature-preview>img{min-height:0;border-radius:6px}.feature-preview figcaption{display:block;padding-top:15px}.feature-preview figcaption>span{display:block;font-size:10px;margin-bottom:11px}.launch-demo{font-size:10px;padding:11px 13px}
 .feature-demo .monitor-head strong{font-size:9px}.feature-demo .transport-controls{padding:12px 0}.feature-demo .demo-note{font-size:8px}.feature-demo .monitor-copy>strong{font-size:16px}
 .feature-slot,.feature-demo .experience{scroll-margin-top:calc(var(--product-header-height) + 91px)}
 .closing-layout{grid-template-columns:1fr;gap:26px}.closing-layout p:not(.marketing-eyebrow){font-size:13px;margin-bottom:20px}.product-closing{padding:48px 0}.product-footer>.page-wrap{flex-wrap:wrap;font-size:9px}.product-footer>.page-wrap>span:nth-child(2){display:none}
}
@media(max-width:360px){.page-wrap{padding-left:16px;padding-right:16px}.hero-story h1{font-size:45px}.hero-device{min-height:260px}.marketing-page h2,.feature-heading h2{font-size:29px}.product-header nav{font-size:9px}}
@media(prefers-reduced-motion:reduce){.primary-link,.launch-demo,.feature-navigation a{transition:none}.primary-link:hover{transform:none}}