.breadcrumb{font-size:.8rem;color:var(--text-muted);margin-bottom:20px;padding-top:80px}
.breadcrumb a{color:var(--violet-light);transition:color .2s}.breadcrumb a:hover{color:var(--violet)}
.tech-hero{padding:20px 0 80px;background:var(--charcoal)}
.tech-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.tech-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:.08em;text-transform:uppercase}
.tech-card{background:var(--charcoal2);border:1px solid var(--border2);border-radius:var(--r);padding:28px;box-shadow:var(--sh2)}
.tc-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-light);margin-bottom:14px}
.tc-list{list-style:none;display:flex;flex-direction:column}
.tc-list li{font-size:.86rem;color:var(--text-secondary);padding:9px 0 9px 20px;position:relative;border-bottom:1px solid var(--border)}
.tc-list li:last-child{border-bottom:none}
.tc-list li::before{content:'→';position:absolute;left:0;color:var(--violet-light);font-weight:700}
.tech-topics{padding:80px 0;background:var(--charcoal)}
.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.topic-card{padding:24px;border:1px solid var(--border);border-radius:var(--r);background:var(--charcoal2);transition:border-color .2s,box-shadow .2s}
.topic-card:hover{border-color:var(--border2);box-shadow:var(--sh)}
.topic-card h4{margin-bottom:8px;color:var(--text-primary);font-size:.95rem}
.topic-card p{font-size:.84rem;color:var(--text-secondary);line-height:1.7}
.tech-why{padding:80px 0;background:var(--charcoal2)}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px}
.why-item{padding:28px;background:var(--charcoal);border:1px solid var(--border);border-radius:var(--r);transition:border-color .2s}
.why-item:hover{border-color:var(--border2)}
.why-num{font-size:1.8rem;font-weight:800;color:var(--violet-bg2);line-height:1;margin-bottom:10px;background:linear-gradient(135deg,rgba(99,102,241,0.4),rgba(244,114,182,0.3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.why-item h4{margin-bottom:8px;color:var(--text-primary)}
.why-item p{font-size:.85rem;color:var(--text-secondary);line-height:1.7}
.tech-cta{padding:80px 0;background:var(--charcoal)}
.cta-box{background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(244,114,182,0.06));border:1px solid rgba(99,102,241,0.25);border-radius:var(--r);padding:60px;text-align:center}
.cta-box h2{color:var(--text-primary);margin-bottom:12px}
.cta-box p{color:var(--text-secondary);font-size:1rem;margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.8}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.cta-note{font-size:.78rem;color:var(--text-muted)}
.related-pages{background:var(--charcoal2);border-top:1px solid var(--border);padding:18px 0}
.related-pages p{font-size:.84rem;color:var(--text-muted);text-align:center}
.related-pages a{color:var(--violet-light);font-weight:600;margin:0 4px;transition:color .2s}
.related-pages a:hover{color:var(--violet)}
@media(max-width:768px){
  .tech-hero-inner{grid-template-columns:1fr}
  .tech-hero-right{display:none}
  .topics-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .cta-box{padding:36px 24px}
}