@font-face { font-family:OperaEnterpriseSerif; src:url('fonts/banner-serif.woff2') format('woff2'); font-display:swap; }
.enterprise-security { padding:80px 0 !important; background:#f7f9fd !important; overflow:hidden; }
.enterprise-security .enterprise-security-head { width:calc(100% - 16px); max-width:max(1160px,60.4167vw); padding:0; margin:0 auto 40px; text-align:start; }
.enterprise-security .eyebrow { display:block; color:#4264ff !important; font-size:12px; margin:0 0 36px; }
.enterprise-security .sec-head h2 { font-size:clamp(24px,2.4vw,34px); line-height:1.5; font-weight:500; margin:0; color:#091426; }
.enterprise-heading-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.enterprise-security .sec-head p { margin:0; max-width:66ch; font-size:15px; line-height:1.85; color:#182338; text-align:start; }
.enterprise-carousel { width:100%; }
.enterprise-track { --enterprise-inset:max(8px,calc(100% - 50vw - max(580px,30.2083vw))); display:flex; gap:8px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scroll-padding-inline-start:var(--enterprise-inset); scroll-padding-inline-end:8px; scrollbar-width:none; padding-inline-start:var(--enterprise-inset); padding-inline-end:8px; }
.enterprise-track:focus-visible { outline:2px solid #4264ff; outline-offset:-2px; }
.enterprise-track::-webkit-scrollbar { display:none; }
.enterprise-security-card { flex:0 0 max(673px,35.0521vw); display:grid; grid-template-columns:minmax(0,1fr) max(274px,14.2708vw); gap:8px; min-height:max(310px,16.1458vw); padding:8px; background:#eeeff8; border-radius:6px; scroll-snap-align:start; min-width:0; }
.enterprise-card-copy { padding:8px; display:flex; flex-direction:column; justify-content:space-between; gap:24px; }
.enterprise-card-copy h3 { margin:0; color:#111827; font-size:max(18px,1.35417vw); font-weight:500; line-height:1.4; }
.enterprise-card-copy p { max-width:48ch; margin:0; color:#182338; font-size:14px; line-height:1.8; text-align:start; }
.enterprise-card-art { position:relative; display:grid; place-items:center; overflow:hidden; border-radius:8px; background:#122449 url('images/home-enterprise/security-background.webp') center/cover; }
.enterprise-card-art::after { content:""; position:absolute; inset:0; opacity:.25; mix-blend-mode:color-dodge; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E"); }
.enterprise-card-art img { position:relative; z-index:1; width:101px; height:101px; object-fit:contain; }
.enterprise-controls { width:calc(100% - 16px); max-width:max(1160px,60.4167vw); display:flex; align-items:center; gap:16px; margin:48px auto 0; padding:0; direction:ltr; }
.enterprise-arrow { width:34px; height:34px; flex:none; border:0; border-radius:4px; background:#00132f; color:#fff; display:grid; place-items:center; cursor:pointer; font-size:23px; }
.enterprise-arrow:disabled { opacity:.3; cursor:default; }
.enterprise-arrow:focus-visible { outline:3px solid #4264ff; outline-offset:4px; }
.enterprise-count { font-size:13px; white-space:nowrap; min-width:64px; text-align:center; color:#00132f; }
.enterprise-progress { height:1px; background:#dfe2e8; flex:1; }
.enterprise-progress > span { display:block; width:calc(var(--security-progress, .142857) * 100%); height:1px; background:#253a61; transition:width .25s ease; }
.developer-showcase { padding:80px 24px; background:#fff; }
.developer-showcase > .developer-inner { max-width:1280px; margin:0 auto; }
.developer-showcase h2 { text-align:center; margin:0 0 48px; font-size:clamp(24px,3vw,40px); line-height:1.35; font-weight:500; color:var(--c-navy,#091426); }
html[lang^="en"] .developer-showcase h2 { font-family:OperaEnterpriseSerif,Georgia,serif !important; line-height:1; letter-spacing:-.04em; }
.developer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.developer-card { min-width:0; border:1px solid #e5e7eb; border-radius:8px; overflow:hidden; background:#fff; }
.developer-motion { position:relative; height:360px; direction:ltr; background:#fff; overflow:hidden; container-type:size; }
.developer-motion:focus-visible { outline:2px solid #4264ff; outline-offset:-3px; }
.developer-motion canvas { position:relative; z-index:1; display:block; width:100%; height:100%; pointer-events:auto; opacity:0; transition:opacity .15s; }
.developer-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top center; }
.developer-motion[data-motion="models"] .developer-poster { object-fit:contain; }
.developer-motion[data-motion-ready="true"] canvas { opacity:1; }
.developer-motion[data-motion-ready="true"] .developer-poster { visibility:hidden; }
.developer-motion .motion-fallback { position:absolute; inset:0; display:grid; place-items:center; color:#a7b4c9; font:15px system-ui,sans-serif !important; background:linear-gradient(#fff,#fafbff); }
.developer-motion[data-motion-ready] .motion-fallback { display:none; }
.developer-copy { padding:32px; }
.developer-copy h3 { margin:0 0 10px; font-size:20px; line-height:1.5; font-weight:500; color:#071729; }
.developer-copy p { margin:0; font-size:17px; line-height:1.8; color:#748096; text-align:start; }
.developer-opera-mark { position:absolute; z-index:2; display:none; place-items:center; width:44px; height:44px; background:#fff; border:1px solid #edf0f5; border-radius:10px; pointer-events:none; }
.developer-opera-mark img { width:42%; height:65%; object-fit:contain; }
.developer-motion[data-motion-ready] .developer-opera-mark { display:grid; }
.developer-motion[data-motion="models"] .developer-opera-mark { left:50%; top:24cqw; width:18cqw; height:18cqw; transform:translate(-50%,-50%); }
.developer-model-labels { position:absolute; z-index:3; inset:69cqw 0 auto; height:11cqw; pointer-events:none; direction:ltr; }
.developer-model-label { position:absolute; top:0; width:36cqw; height:10.5cqw; border-radius:3cqw; background:#f5f5fa; display:flex; align-items:center; justify-content:center; gap:1.5cqw; color:#172445; font-size:clamp(8px,2.6cqw,12px); font-weight:500; white-space:nowrap; }
.developer-model-label:nth-child(1) { right:74%; justify-content:flex-end; padding-right:1cqw; }
.developer-model-label:nth-child(2) { left:32%; background:#f8f9ff; }
.developer-model-label:nth-child(3) { left:74%; justify-content:flex-start; padding-left:1cqw; }
.developer-model-label img { width:3cqw; height:4.5cqw; object-fit:contain; }
.developer-model-label span { direction:rtl; }
html[lang^="en"] .developer-model-label span { direction:ltr; }
.developer-motion[data-motion="integrations"] .developer-opera-mark { left:50%; top:max(50cqw,50cqh); width:max(18cqw,18cqh); height:max(18cqw,18cqh); transform:translate(-50%,-50%); }
@media(max-width:991px) {
  .enterprise-security .enterprise-security-head { padding-inline:10px; }
  .enterprise-heading-grid { grid-template-columns:1fr; gap:36px; }
  .enterprise-track { padding-inline:8px; scroll-padding-inline:8px; }
  .developer-showcase { padding:40px 8px; }
  .developer-motion { height:240px; }
  .developer-opera-mark { width:44px; height:44px; border-radius:8px; }
}
@media(max-width:767px) {
  .enterprise-security-card { flex-basis:75vw; display:flex; flex-direction:column; min-height:382px; }
  .enterprise-card-copy { min-height:166px; gap:40px; }
  .enterprise-card-copy h3 { font-size:26px; }
  .enterprise-card-art { aspect-ratio:279 / 198; width:100%; margin-top:auto; }
}
@media(max-width:600px) {
  .enterprise-security { padding-block:56px !important; }
  .enterprise-security .eyebrow { margin-bottom:24px; }
  .enterprise-heading-grid { gap:20px; }
  .enterprise-card-copy { min-height:180px; }
  .enterprise-card-copy h3 { font-size:22px; margin-bottom:24px; }
  .enterprise-card-art img { width:84px; height:84px; }
  .enterprise-controls { padding-inline:16px; gap:10px; margin-top:32px; }
  .developer-showcase h2 { margin-bottom:40px; }
  .developer-grid { grid-template-columns:1fr; gap:16px; }
  .developer-motion { height:auto; aspect-ratio:1; }
  .developer-copy { padding:24px; }
  .developer-copy p { font-size:15px; }
  .developer-opera-mark { width:44px; height:44px; }
}
@media(prefers-reduced-motion:reduce) {
  .enterprise-track { scroll-behavior:auto; }
  .enterprise-progress > span,.developer-motion canvas { transition:none; }
  .developer-motion canvas { opacity:0 !important; }
  .developer-motion .developer-poster { visibility:visible !important; }
}