/* R018: Drone Swarm introduction pattern, scoped to category pages. */
.category-content-page .category-intro-video{padding:80px 0;background:#f6f7fb;}
.category-content-page .category-intro-video-frame{max-width:960px;margin:0 auto;border-radius:var(--radius-lg,22px);overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.18);aspect-ratio:16/9;background:#0c1a2a;}
.category-content-page .category-intro-video-frame video{width:100%;height:100%;object-fit:cover;display:block;}
.category-content-page .category-intro-video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;color:#67e8f9;background:radial-gradient(ellipse at 50% 45%,rgba(6,182,212,.16),transparent 65%),linear-gradient(135deg,#0c1a2a,#0e2a3a);}
.category-content-page .category-intro-video-code{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;}
.category-content-page .category-intro-video-placeholder p{font-family:var(--font-display);font-size:clamp(18px,2.5vw,28px);color:#e2e8f0;margin:0;}
.category-content-page .category-intro-overview{padding:100px 0;background:#fff;}
.category-content-page .category-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;direction:ltr;}
.category-content-page .category-intro-text{min-width:0;}
.category-content-page[dir=rtl] .category-intro-text{direction:rtl;text-align:right;}
.category-content-page .category-intro-text .section-tag{color:#06b6d4;}
.category-content-page .category-intro-text h2{font-family:var(--font-display);font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.2;margin:0 0 20px;color:#0b1230;}
.category-content-page .category-intro-text h2 em{font-style:normal;background:linear-gradient(90deg,#22d3ee,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent;}
.category-content-page .category-intro-text p{font-size:16px;color:rgba(11,18,48,.72);line-height:1.75;margin:0 0 16px;}
.category-content-page .category-intro-text p:last-child{margin-bottom:0;}
.category-content-page .category-intro-visual{min-width:0;aspect-ratio:4/3;border-radius:var(--radius-lg,22px);overflow:hidden;box-shadow:var(--shadow-lg,0 25px 60px rgba(0,0,0,.15));}
.category-content-page .category-intro-visual img{display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:900px){.category-content-page .category-intro-grid{gap:32px;}}
@media(max-width:760px){.category-content-page .category-intro-video{padding:48px 0;}.category-content-page .category-intro-overview{padding:56px 0;}.category-content-page .category-intro-grid{grid-template-columns:minmax(0,1fr);gap:32px;}.category-content-page .category-intro-video-placeholder{gap:10px;}.category-content-page .category-intro-video-placeholder svg{width:40px;height:40px;}}
@media(max-width:360px){.category-content-page h1{overflow-wrap:anywhere;}.category-content-page .ethics-grid{grid-template-columns:minmax(0,1fr);}.category-content-page .ethics-grid>*{min-width:0;overflow-wrap:anywhere;}body:has(.category-content-page) .nav-inner{gap:2px;}body:has(.category-content-page) .nav .brand{font-size:15px;gap:4px;}body:has(.category-content-page) .nav .brand small{display:none;}body:has(.category-content-page) .nav .brand-mark{flex-basis:26px;width:26px;}body:has(.category-content-page) .nav-login,body:has(.category-content-page) .nav-cta{font-size:10px;padding:9px 6px;}}
