.cockpit-product{padding:58px 0;background:#edf2ec;scroll-margin-top:105px}.cockpit-product-head{max-width:850px;margin-bottom:28px}.cockpit-product-head h2{font:400 clamp(30px,3.3vw,42px)/1.35 var(--serif);margin:9px 0 16px}.cockpit-product-head>p,.cockpit-feature-copy p{font-size:17px;line-height:1.8;color:var(--muted);margin:0}.cockpit-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center}.cockpit-scene{position:relative;display:block;min-width:0;align-self:stretch;background:#dfe5d7;overflow:hidden}.cockpit-scene>img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}.cockpit-scene>span{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:14px;background:var(--deep);color:white;padding:11px 16px;font-size:16px}.cockpit-feature-copy h3{font:400 28px/1.4 var(--serif);margin:0 0 14px}.cockpit-feature-copy>p+p{margin-top:14px}.cockpit-entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin:22px 0 16px}.cockpit-entry-actions .button{font-size:16px}.cockpit-feature-copy .cockpit-demo-note{font-size:15px;line-height:1.75;color:#56665a}
.cockpit-diagrams{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;margin-top:30px}.cockpit-diagrams figure{margin:0;background:#fff;border:1px solid #d1dfd3;padding:26px;min-width:0}.cockpit-diagrams figcaption>span{font-size:16px;color:var(--moss);font-weight:600}.cockpit-diagrams h3{font:400 26px/1.4 var(--serif);margin:8px 0 22px}.cockpit-data-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:8px;align-items:center;min-height:206px;text-align:center}.cockpit-data-flow iconify-icon{font-size:30px;color:var(--moss);display:block;margin:0 auto 12px}.cockpit-data-flow strong{display:block;font-size:17px;line-height:1.6}.cockpit-data-flow p{font-size:15px;line-height:1.75;color:var(--muted);margin:8px 0 0}.cockpit-data-flow small{display:block;font-size:14px;line-height:1.7;color:#627266;margin-top:9px}.cockpit-double-arrow{font-size:25px;color:#739480}.cockpit-data-store{background:var(--deep);color:white;padding:23px 12px;border-radius:5px}.cockpit-data-store iconify-icon,.cockpit-data-store p,.cockpit-data-store small{color:#d8e7dc}.cockpit-views{display:grid;gap:15px}.cockpit-views>div{border:1px solid #cbd9ce;padding:15px 9px}.cockpit-views iconify-icon{font-size:25px;margin-bottom:7px}.cockpit-diagrams .cockpit-diagram-note{font-size:15px;line-height:1.7;color:var(--muted);margin:22px 0 0;padding-top:17px;border-top:1px solid var(--line)}
.cockpit-install-diagram ol{list-style:none;padding:0;margin:0;display:grid;gap:21px}.cockpit-install-diagram li{display:flex;gap:14px;position:relative;align-items:baseline}.cockpit-install-diagram li>span{flex:none;display:grid;place-items:center;width:29px;height:29px;border:1px solid #a9c1af;border-radius:50%;font-size:15px;color:var(--moss);background:#f0f5f0}.cockpit-install-diagram li:not(:last-child):after{content:'';position:absolute;left:14px;top:30px;bottom:-20px;border-left:1px solid #b9cebd}.cockpit-install-diagram h4{font-size:18px;margin:0 0 4px;line-height:1.6}.cockpit-install-diagram li p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.cockpit-capability-boundary{display:grid;grid-template-columns:1fr 1.35fr;gap:28px;margin-top:26px;padding-top:22px;border-top:1px solid #c6d7c9}.cockpit-capability-boundary strong{display:block;font-size:17px;line-height:1.7;color:var(--moss)}.cockpit-capability-boundary p{font-size:16px;line-height:1.8;margin:7px 0 0;color:var(--muted)}.cockpit-product-note{font-size:16px;line-height:1.75;color:#526559;margin:22px 0 0}.proof-story.cockpit .text-action{align-self:flex-start;margin-top:20px}.proof-story.cockpit .proof-visual img{object-position:center;object-fit:cover}.e-delivery-copy>.text-action{margin-top:17px}
@media(max-width:1000px){.cockpit-feature{grid-template-columns:1fr 1fr;gap:25px}.cockpit-diagrams{grid-template-columns:1fr}.cockpit-data-flow{min-height:0}.cockpit-data-store{max-width:230px}.cockpit-install-diagram ol{grid-template-columns:1fr 1fr;gap:24px}.cockpit-install-diagram li:after{display:none}}
@media(max-width:650px){.cockpit-product{padding:36px 0;scroll-margin-top:130px}.cockpit-product-head h2{font-size:30px}.cockpit-product-head>p,.cockpit-feature-copy p{font-size:16px}.cockpit-feature{grid-template-columns:1fr;gap:24px}.cockpit-scene>img{min-height:0;height:auto;aspect-ratio:16/10;object-fit:cover}.cockpit-feature-copy h3{font-size:26px}.cockpit-diagrams{gap:22px;margin-top:24px}.cockpit-diagrams figure{padding:22px}.cockpit-diagrams h3{font-size:25px}.cockpit-data-flow{grid-template-columns:1fr;gap:13px}.cockpit-double-arrow{transform:rotate(90deg)}.cockpit-data-flow strong{font-size:18px}.cockpit-data-store{max-width:none;width:100%;padding:20px}.cockpit-actors{padding:12px 0}.cockpit-actors p{margin-top:3px}.cockpit-views{grid-template-columns:1fr 1fr}.cockpit-install-diagram ol{grid-template-columns:1fr;gap:21px}.cockpit-install-diagram li:after{display:block}.cockpit-capability-boundary{grid-template-columns:1fr;gap:19px}.cockpit-product-head{margin-bottom:22px}}

.cockpit-data-flow iconify-icon{width:30px;height:30px}.cockpit-views iconify-icon{width:25px;height:25px}.cockpit-product-head>p{max-width:760px;text-wrap:pretty}.cockpit-capability-boundary p{text-wrap:pretty}

.proof-story.cockpit .proof-copy>p{font-size:17px}.proof-story.cockpit .proof-index{font-size:16px;letter-spacing:0}.proof-story.cockpit figcaption,.proof-story.cockpit .proof-turn>span{font-size:15px}

.cockpit-source-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:15px;font-size:16px;line-height:1.7;color:var(--moss)}.cockpit-source-links a{text-decoration:underline;text-underline-offset:5px}