/* Shared detail page styles (each page also customizes layout) */
.sd-container { max-width: 1200px; margin:0 auto; padding:0 24px; }
.sd-hero { padding: 120px 0 40px; background: linear-gradient(135deg,#0a0a0a,#151515); }
.sd-eyebrow { color:#00d4ff; font-weight:800; letter-spacing:2px; text-transform:uppercase; font-size:.9rem; }
.sd-title { font-size:2.6rem; font-weight:800; margin:10px 0 8px; background:linear-gradient(135deg,#fff,#00d4ff,#ff0080); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.sd-subtitle { color:#cfcfcf; max-width:900px; font-size:1.08rem; }
.sd-section { padding:40px 0; }
.sd-card { background: linear-gradient(145deg,#1a1a1a,#0f0f0f); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:22px; color:#cfcfcf; }
.sd-badge { padding:6px 10px; border-radius:999px; border:1px solid rgba(0,212,255,.35); color:#00d4ff; background:linear-gradient(135deg, rgba(0,212,255,.12), rgba(255,0,128,.12)); font-weight:800; font-size:.78rem; }
.sd-cta { margin-top:18px; display:inline-block; text-decoration:none; font-weight:800; background:linear-gradient(135deg,#00d4ff,#ff0080); color:#fff; padding:10px 14px; border-radius:12px; }
.sd-cta:hover { filter:brightness(1.05); }
.sd-grid-2 { display:grid; grid-template-columns: 1.2fr .8fr; gap:24px; }
.sd-grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }
.sd-list { list-style:none; padding:0; }
.sd-list li { margin:8px 0; display:flex; gap:10px; }
.sd-list i { color:#00d4ff; margin-top:2px; }
@media (max-width: 960px) { .sd-grid-2, .sd-grid-3 { grid-template-columns:1fr; } .sd-title{font-size:2.1rem;} }

/* Modern accents */
.sd-hero { position:relative; overflow:hidden; }
.sd-hero::after{content:"";position:absolute;inset:auto -100px -120px -100px;height:220px;background:radial-gradient(60% 60% at 50% 50%, rgba(0,212,255,.12) 0%, rgba(255,0,128,.1) 60%, transparent 100%);filter:blur(40px);}
.sd-glass { background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.12); backdrop-filter: blur(10px); border-radius:20px; }
.sd-pillnav { display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; }
.sd-pillnav a { color:#cfcfcf; text-decoration:none; border:1px solid rgba(255,255,255,.15); border-radius:999px; padding:8px 12px; transition:.2s; }
.sd-pillnav a:hover { border-color:#00d4ff; color:#fff; }
.sd-marquee { display:flex; gap:22px; overflow:auto; padding:10px 0; scrollbar-width:none; }
.sd-marquee::-webkit-scrollbar{display:none}
.sd-logo { width:110px; height:40px; border-radius:10px; background:linear-gradient(135deg,#2a2a2a,#1a1a1a); border:1px solid rgba(255,255,255,.08); }
.sd-quote { font-size:1.05rem; color:#cfcfcf; line-height:1.8; }
.sd-quote strong { color:#fff; }