.detail-hero{background:var(--gradient-hero);padding:80px 0 64px;position:relative;overflow:hidden}.detail-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 60%,rgba(59,130,246,.12)0,transparent 65%);pointer-events:none}.detail-hero-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-xl);position:relative}.detail-hero-breadcrumb,.detail-hero-eyebrow{align-items:center;gap:8px;font-family:var(--font-sans)}.detail-hero-breadcrumb{display:flex;font-size:.8125rem;color:rgba(255,255,255,.4);margin-bottom:var(--spacing-xl)}.detail-hero-breadcrumb a{color:rgba(255,255,255,.4);text-decoration:none;transition:color var(--transition-fast)}.detail-hero-breadcrumb a:hover{color:rgba(255,255,255,.8)}.detail-hero-breadcrumb span{color:rgba(255,255,255,.2)}.detail-hero-eyebrow{display:inline-flex;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-blue);background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.2);padding:5px 14px;border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.detail-hero-title{font-family:var(--font-sans);font-size:3rem;font-weight:900;color:#fff;margin:0 0 var(--spacing-lg)0;line-height:1.08;letter-spacing:-.03em;max-width:720px}.detail-hero-subtitle{font-family:var(--font-sans);font-size:1.125rem;color:rgba(255,255,255,.65);line-height:1.7;margin:0 0 var(--spacing-2xl)0;max-width:600px}.detail-hero-actions,.detail-hero-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.detail-hero-meta{gap:var(--spacing-xl);margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.08)}.detail-hero-meta-item{display:flex;flex-direction:column;gap:4px}.detail-hero-meta-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.3)}.detail-hero-meta-value{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:rgba(255,255,255,.85)}.detail-hero-meta-value--live{color:var(--accent-green)}.aside-meta-value--live::before,.detail-hero-meta-value--live::before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent-green);border-radius:50%;margin-right:6px}.detail-layout,.detail-main{display:flex;gap:var(--spacing-3xl)}.detail-layout{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);align-items:flex-start}.detail-main{flex:1;min-width:0;flex-direction:column}.detail-aside{flex:0 0 280px;position:sticky;top:88px}.detail-aside,.detail-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detail-section-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-blue)}.detail-body,.detail-section-title{font-family:var(--font-sans);margin:0}.detail-section-title{font-size:1.5rem;font-weight:800;color:var(--gray-900);letter-spacing:-.02em;line-height:var(--line-height-snug)}.detail-body{font-size:1rem;color:var(--gray-600);line-height:var(--line-height-relaxed)}.detail-body+.detail-body{margin-top:var(--spacing-md)}.detail-features{display:flex;flex-direction:column;gap:0;border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden}.detail-feature{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--gray-100)}.detail-feature:last-child{border-bottom:none}.detail-feature-icon{width:36px;height:36px;background:rgba(59,130,246,.08);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);flex-shrink:0;margin-top:2px}.detail-feature-body{flex:1}.detail-feature-title{font-family:var(--font-sans);font-size:.9375rem;font-weight:700;color:var(--gray-900);margin:0 0 4px}.detail-feature-desc{font-family:var(--font-sans);font-size:.875rem;color:var(--gray-500);margin:0;line-height:var(--line-height-relaxed)}.detail-stack-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.detail-stack-group{flex:1;min-width:180px}.detail-stack-group-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400);margin:0 0 var(--spacing-sm)0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gray-100)}.detail-stack-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-stack-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--primary-500);background:rgba(30,45,90,.06);border:1px solid rgba(30,45,90,.12);padding:4px 10px;border-radius:var(--radius-sm)}.detail-arch{background:var(--gray-900);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.detail-arch-label,.detail-arch-title{font-family:var(--font-sans);margin:0 0 var(--spacing-md)0}.detail-arch-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.3)}.detail-arch-title{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.detail-arch-text{font-family:var(--font-sans);font-size:.9375rem;color:rgba(255,255,255,.55);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg)0}.detail-arch-layers{display:flex;flex-direction:column;gap:8px}.detail-arch-layer{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md)}.detail-arch-layer-name{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--accent-blue);min-width:100px}.detail-arch-layer-value{font-family:var(--font-sans);font-size:.875rem;color:rgba(255,255,255,.5)}.aside-card{background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.aside-card-title{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400);margin:0 0 var(--spacing-lg)0}.aside-contact-btn,.aside-visit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;color:#fff;font-family:var(--font-sans);font-size:.9375rem;font-weight:700;text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);width:100%}.aside-visit-btn{background:var(--accent-blue)}.aside-visit-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 20px rgba(59,130,246,.35)}.aside-contact-btn{background:var(--gray-900)}.aside-contact-btn:hover{background:#1e293b;transform:translateY(-1px)}.aside-meta-item,.aside-meta-list{display:flex;flex-direction:column;gap:0}.aside-meta-item{gap:3px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.aside-meta-item:last-child{border-bottom:none}.aside-meta-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400)}.aside-meta-value{font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:var(--gray-700)}.aside-meta-value--live{color:var(--accent-green)}.aside-related-list{display:flex;flex-direction:column;gap:6px}.aside-related-link{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--gray-700);text-decoration:none;transition:all var(--transition-fast)}.aside-related-link:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.aside-related-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.detail-cta{background:var(--gray-900);padding:var(--spacing-3xl)0}.detail-cta-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2xl);flex-wrap:wrap}.detail-cta-text h2{font-family:var(--font-sans);font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 var(--spacing-sm)0;letter-spacing:-.02em}.detail-cta-text p{font-family:var(--font-sans);font-size:1rem;color:rgba(255,255,255,.5);margin:0}.detail-cta-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width:1024px){.detail-aside{flex:0 0 240px}}@media (max-width:768px){.detail-hero-title{font-size:2.25rem}.detail-layout{flex-direction:column;padding:var(--spacing-2xl) var(--spacing-lg);gap:var(--spacing-2xl)}.detail-aside{flex:none;width:100%;position:static}.detail-cta-container{flex-direction:column;align-items:flex-start}.detail-stack-grid{flex-direction:column}}@media (max-width:480px){.detail-hero{padding:60px 0 48px}.detail-hero-title{font-size:1.875rem}.detail-hero-meta{gap:var(--spacing-lg)}}