.article-hero{padding:7.5rem 0 3rem;position:relative}.article-hero-container{max-width:900px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.article-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;color:var(--color-text-muted,#64748b)}.article-breadcrumb a{color:var(--color-text-muted,#64748b);text-decoration:none;transition:.2s ease;border-bottom:none}.article-breadcrumb a:hover{color:var(--color-neon-cyan,#00f5ff)}.article-breadcrumb i{color:var(--color-text-muted,#64748b);font-size:.7rem;opacity:.9}.article-breadcrumb span{color:var(--color-neon-cyan,#00f5ff)}.article-category{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(77,124,254,.15);border:1px solid rgba(77,124,254,.3);border-radius:50px;font-size:.8rem;color:var(--color-neon-blue,#4d7cfe);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.article-category i{color:inherit}.article-title{font-family:space grotesk,sans-serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.02em}.article-title .highlight{background:var(--gradient-neon,linear-gradient(135deg,#00f5ff 0%,#4d7cfe 50%,#a855f7 100%));-webkit-background-clip:text;background-clip:text;color:transparent}.article-excerpt{font-size:1.25rem;color:var(--color-text-secondary,#a0aec0);margin-bottom:2rem;line-height:1.7;max-width:none}.article-meta{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--glass-border,rgba(255,255,255,8%));border-bottom:none;padding-bottom:0;margin-bottom:0}.article-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-neon,linear-gradient(135deg,#00f5ff 0%,#4d7cfe 50%,#a855f7 100%));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-bg-primary,#0a0e17)}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;font-size:.95rem;color:var(--color-text-primary,#fff)}.author-role{font-size:.85rem;color:var(--color-text-muted,#64748b)}.article-stats{display:flex;align-items:center;gap:1.5rem}.article-stat{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted,#64748b);font-size:.9rem}.article-stat i{color:var(--color-neon-cyan,#00f5ff)}.article-featured{max-width:1000px;margin:0 auto 3.25rem;padding:0 1.5rem;position:relative;z-index:1}.article-featured .featured-image{aspect-ratio:16/9}.article-featured .featured-image img{width:100%;height:100%;object-fit:cover}.featured-image{width:100%;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.4);background:var(--glass-bg,rgba(15,21,32,.8))}.featured-image::before{content:'';position:absolute;inset:-2px;background:var(--gradient-neon,linear-gradient(135deg,#00f5ff 0%,#4d7cfe 50%,#a855f7 100%));border-radius:26px;z-index:-1;opacity:.4}.featured-image img{width:100%;display:block}.featured-placeholder{aspect-ratio:16/9;background:var(--gradient-glow,linear-gradient(135deg,rgba(0,245,255,.15) 0%,rgba(77,124,254,.15) 100%));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.featured-placeholder i{font-size:4rem;color:var(--color-neon-cyan,#00f5ff)}.featured-placeholder span{color:var(--color-text-muted,#64748b);font-size:.9rem}.article-layout{display:grid;grid-template-columns:250px 1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.toc{position:sticky;top:100px;height:fit-content;display:block}.toc-title{font-family:space grotesk,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted,#64748b);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.toc-title i{color:var(--color-neon-cyan,#00f5ff)}.toc-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.toc-list ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.toc-list a{display:block;padding:.75rem 1rem;color:var(--color-text-secondary,#a0aec0);text-decoration:none;font-size:.9rem;line-height:1.2;border-left:2px solid var(--glass-border,rgba(255,255,255,8%));transition:.2s ease;background:0 0;border-radius:0}.toc-list a:hover,.toc-list a.active,.toc-list a[aria-current=true],.toc-list a[aria-current=page]{color:var(--color-text-primary,#fff);border-left-color:var(--color-neon-cyan,#00f5ff);background:rgba(0,245,255,5%)}.toc-share{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--glass-border,rgba(255,255,255,8%));padding-left:0;border-left:none}.toc-share-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted,#64748b);margin-bottom:1rem}.share-buttons{display:flex;gap:.75rem}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg,rgba(15,21,32,.8));border:1px solid var(--glass-border,rgba(255,255,255,8%));border-radius:10px;color:var(--color-text-secondary,#a0aec0);text-decoration:none;transition:.2s ease}.share-btn:hover{border-color:var(--color-neon-cyan,#00f5ff);color:var(--color-neon-cyan,#00f5ff);transform:translateY(-2px)}.article-divider{border:0;border-top:1px solid var(--glass-border,rgba(255,255,255,8%));margin:2rem 0}.mobile-only{display:none}.mobile-share{display:none;text-align:center}.article-content{max-width:750px}.article-content p{font-size:1.1rem;color:var(--color-text-secondary,#a0aec0);margin-bottom:1.75rem;line-height:1.85}.article-content p strong{color:var(--color-text-primary,#fff);font-weight:600}.article-content h2{font-family:space grotesk,sans-serif;font-size:1.75rem;font-weight:700;margin:3rem 0 1.5rem;padding-top:1rem;display:flex;align-items:center;gap:.75rem}.article-content h2 i{color:var(--color-neon-cyan,#00f5ff);font-size:1.25rem}.article-content h3{font-family:space grotesk,sans-serif;font-size:1.35rem;font-weight:600;margin:2rem 0 1rem;color:var(--color-text-primary,#fff)}.content-image{margin:2.5rem 0;border-radius:16px;overflow:hidden;border:1px solid var(--glass-border,rgba(255,255,255,8%))}.content-image img{width:100%;display:block}.content-image-placeholder{aspect-ratio:16/10;background:var(--gradient-glow,linear-gradient(135deg,rgba(0,245,255,.15) 0%,rgba(77,124,254,.15) 100%));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.content-image-placeholder i{font-size:2.5rem;color:var(--color-neon-cyan,#00f5ff)}.content-image-placeholder span{color:var(--color-text-muted,#64748b);font-size:.85rem}.highlight-box{background:var(--gradient-glow,linear-gradient(135deg,rgba(0,245,255,.15) 0%,rgba(77,124,254,.15) 100%));border:1px solid rgba(0,245,255,.2);border-radius:16px;padding:2rem;margin:2.5rem 0;position:relative}.highlight-box::before{content:'';position:absolute;top:-1px;left:2rem;right:2rem;height:3px;background:var(--gradient-neon,linear-gradient(135deg,#00f5ff 0%,#4d7cfe 50%,#a855f7 100%));border-radius:0 0 3px 3px}.highlight-box p{font-size:1.15rem;color:var(--color-text-primary,#fff);margin:0;line-height:1.8}.cta-box{background:var(--gradient-brand,linear-gradient(135deg,#1a5f7a 0%,#003049 100%));border-radius:20px;padding:2.5rem;margin:3rem 0;text-align:center;position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cta-box-content{position:relative;z-index:1}.cta-box h3{font-family:space grotesk,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.cta-box p{font-size:1rem;opacity:.9;margin-bottom:1.5rem;color:var(--color-text-primary,#fff)}.cta-box-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.btn-white{background:var(--color-text-primary,#fff);color:var(--color-brand-dark,#003049)}.btn-white:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.btn-ghost{background:0 0;color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:.9rem 1.75rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth,.4s cubic-bezier(.4,0,.2,1))}.btn-ghost:hover{color:#fff;border-color:rgba(255,255,255,.35);transform:translateY(-2px)}.final-callout{font-size:1.25rem;font-weight:600;text-align:center;margin-top:2rem}.article-content .final-callout{color:var(--color-neon-cyan,#00f5ff)}.article-tags{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:3rem 0;padding-top:2rem;border-top:1px solid var(--glass-border,rgba(255,255,255,8%))}.tags-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted,#64748b);display:flex;align-items:center;gap:.5rem}.tags-label i{color:var(--color-text-muted,#64748b)}.tag{padding:.35rem .75rem;background:var(--glass-bg,rgba(15,21,32,.8));border:1px solid var(--glass-border,rgba(255,255,255,8%));border-radius:50px;font-size:.85rem;color:var(--color-text-secondary,#a0aec0);text-decoration:none;transition:.2s ease}.tag:hover{border-color:var(--color-neon-cyan,#00f5ff);color:var(--color-neon-cyan,#00f5ff)}.related-posts{padding:4rem 1.5rem;border-top:1px solid var(--glass-border,rgba(255,255,255,8%));max-width:1200px;margin:0 auto}.related-header{text-align:center;margin-bottom:3rem}.related-header h2{font-family:space grotesk,sans-serif;font-size:1.75rem;font-weight:700;margin:0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.related-card{background:var(--glass-bg,rgba(15,21,32,.8));border:1px solid var(--glass-border,rgba(255,255,255,8%));border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:var(--transition-smooth,.4s cubic-bezier(.4,0,.2,1))}.related-card:hover{transform:translateY(-10px);border-color:rgba(0,245,255,.3)}.related-image{aspect-ratio:16/10;background:var(--gradient-glow,linear-gradient(135deg,rgba(0,245,255,.15) 0%,rgba(77,124,254,.15) 100%));display:flex;align-items:center;justify-content:center;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover;display:block}.related-image i{font-size:2.5rem;color:var(--color-neon-cyan,#00f5ff)}.related-info{padding:1.5rem}.related-category{font-size:.75rem;color:var(--color-neon-cyan,#00f5ff);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.related-title{font-family:space grotesk,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.related-date{font-size:.85rem;color:var(--color-text-muted,#64748b)}@media(max-width:1024px){.article-layout{grid-template-columns:1fr}.toc{position:static;width:100%;margin-bottom:2rem;display:block}}@media(max-width:768px){.article-meta{flex-direction:column;align-items:flex-start;gap:1rem}.toc{display:none}.mobile-share{display:block;margin:0 auto}.mobile-share .share-buttons{justify-content:center}.mobile-only{display:block}.related-grid{grid-template-columns:1fr}}@media(max-width:480px){.article-title{font-size:1.75rem}.comparison-card,.compare-card,.factor-card{padding:1.25rem}.cta-box{padding:1.5rem}}.article-light-band{background:var(--color-bg-light);padding:clamp(3rem,6vw,5rem)0;margin-top:clamp(2rem,4vw,3rem);position:relative;z-index:1}.article-light-band+.related-posts{border-top:none;margin-top:0}.article-light-band .toc-title,.article-light-band .toc-share-title{color:var(--color-text-on-light-muted)}.article-light-band .toc-title i{color:var(--color-brand-medium)}.article-light-band .toc-list a{color:var(--color-text-on-light-muted);border-left-color:rgba(0,48,73,.12)}.article-light-band .toc-list a:hover,.article-light-band .toc-list a.active,.article-light-band .toc-list a[aria-current=true],.article-light-band .toc-list a[aria-current=page]{color:var(--color-text-on-light);border-left-color:var(--color-brand-medium);background:rgba(0,48,73,5%)}.article-light-band .toc-share{border-top-color:rgba(0,48,73,.12)}.article-light-band .share-btn{background:#fff;border-color:rgba(0,48,73,.12);color:var(--color-text-on-light-muted)}.article-light-band .share-btn:hover{border-color:var(--color-brand-medium);color:var(--color-brand-medium)}.article-light-band .article-content p{color:var(--color-text-on-light)}.article-light-band .article-content p strong{color:var(--color-brand-dark)}.article-light-band .article-content h2,.article-light-band .article-content h3{color:var(--color-brand-dark)}.article-light-band .article-content h2 i,.article-light-band .icon-heading i{color:var(--color-brand-medium)}.article-light-band .article-content ul,.article-light-band .article-content ol{color:var(--color-text-on-light)}.article-light-band .article-content ul.list-spaced li,.article-light-band .article-content ul li,.article-light-band .article-content ol li{color:var(--color-text-on-light)}.article-light-band .article-content li strong{color:var(--color-brand-dark)}.article-light-band .article-content a{color:var(--color-brand-medium);text-decoration:underline;text-underline-offset:3px}.article-light-band .article-content a:hover{color:var(--color-brand-dark)}.article-light-band .article-content blockquote{background:#fff;border-left:3px solid var(--color-brand-medium);color:var(--color-text-on-light)}.article-light-band .content-image{border-color:rgba(0,48,73,.1)}.article-light-band .content-image-placeholder{background:linear-gradient(135deg,rgba(26,95,122,8%) 0%,rgba(168,85,247,8%) 100%)}.article-light-band .content-image-placeholder i{color:var(--color-brand-medium)}.article-light-band .content-image-placeholder span{color:var(--color-text-on-light-muted)}.article-light-band .highlight-box{background:#fff;border-color:rgba(0,48,73,.1);box-shadow:0 10px 30px rgba(0,48,73,6%)}.article-light-band .highlight-box p{color:var(--color-text-on-light)}.article-light-band .cta-box,.article-light-band .cta-box h3,.article-light-band .cta-box p,.article-light-band .cta-box p strong{color:#fff}.article-light-band .cta-box .btn-white{color:var(--color-brand-dark);text-decoration:none}.article-light-band .cta-box .btn-white:hover{color:var(--color-brand-dark)}.article-light-band .cta-box .btn-ghost{color:rgba(255,255,255,.9);text-decoration:none}.article-light-band .cta-box .btn-ghost:hover{color:#fff}.article-light-band .factor-card{background:#fff;border-color:rgba(0,48,73,8%);box-shadow:0 6px 20px rgba(0,48,73,4%)}.article-light-band .factor-card:hover{border-color:var(--color-brand-medium)}.article-light-band .factor-content h4{color:var(--color-brand-dark)}.article-light-band .decision-factors .factor-content p{color:var(--color-text-on-light-muted)}.article-light-band .article-content .final-callout{color:var(--color-brand-medium)}.article-light-band .article-divider{border-top-color:rgba(0,48,73,.12)}.article-light-band .article-tags{border-top-color:rgba(0,48,73,.12)}.article-light-band .tags-label,.article-light-band .tags-label i{color:var(--color-text-on-light-muted)}.article-light-band .tag{background:#fff;border-color:rgba(0,48,73,.12);color:var(--color-text-on-light-muted)}.article-light-band .tag:hover{border-color:var(--color-brand-medium);color:var(--color-brand-medium)}.article-light-band .mobile-share .toc-share-title{color:var(--color-text-on-light-muted)}