.article-hero{width:100%;padding:10rem 0 5rem;border-bottom:1px solid rgba(242,238,218,.08)}.article-hero .container{max-width:1200px;margin:0 auto;padding:0 2rem}.article-hero-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.article-category{font-size:.58rem;text-transform:uppercase;letter-spacing:.2em;color:var(--cyber-cyan);opacity:.85;padding:.35rem .85rem;border:1px solid rgba(0,255,255,.3);font-family:Geist Mono,monospace;font-weight:400}.article-date,.article-read-time{font-size:.6rem;color:var(--base-100);opacity:.3;letter-spacing:.1em;font-family:Geist Mono,monospace;font-weight:400;text-transform:uppercase}.article-hero h1{font-size:clamp(2.5rem,6vw,6rem);line-height:.9;margin-bottom:2rem;color:var(--base-100);letter-spacing:clamp(-.03rem,-.5vw,-.1rem);font-family:SCHABO,sans-serif;text-transform:uppercase}.article-intro{font-size:clamp(.85rem,.95vw,1rem);line-height:1.75;color:var(--base-100);opacity:.5;max-width:680px;font-family:Host Grotesk,sans-serif;font-weight:400;text-transform:none}.article-body{max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem}.article-section{margin-bottom:4rem}.article-section h2{font-size:clamp(1.75rem,3.5vw,3rem);color:var(--base-100);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(242,238,218,.08);line-height:.9;font-family:SCHABO,sans-serif;text-transform:uppercase;letter-spacing:.01em;position:relative}.article-section h2:before{content:"//";font-family:Geist Mono,monospace;font-size:.58rem;color:var(--cyber-cyan);opacity:.6;letter-spacing:.08em;display:block;margin-bottom:.6rem;font-weight:400}.article-section h3{font-size:clamp(1.1rem,2.5vw,1.75rem);color:var(--base-100);margin-bottom:.75rem;margin-top:2.5rem;line-height:.95;font-family:SCHABO,sans-serif;text-transform:uppercase;letter-spacing:.01em;opacity:.85}.article-section p{font-size:clamp(.85rem,.9vw,.95rem);line-height:1.85;color:var(--base-100);opacity:.6;margin-bottom:1.25rem;font-family:Host Grotesk,sans-serif;font-weight:400;text-transform:none}.article-section ul,.article-section ol{padding-left:1.5rem;margin-bottom:1.25rem}.article-section li{font-size:clamp(.85rem,.9vw,.95rem);line-height:1.75;color:var(--base-100);opacity:.6;margin-bottom:.5rem;font-family:Host Grotesk,sans-serif;font-weight:400;text-transform:none}.article-section a{color:var(--base-100);text-decoration:underline;text-underline-offset:3px;opacity:.85;transition:opacity .2s ease;text-transform:none;font-family:inherit;font-size:inherit}.article-section a:hover{opacity:1}.article-section code{font-family:Geist Mono,monospace;font-size:.82em;color:var(--cyber-cyan);background:#00ffff0f;padding:.15em .4em;text-transform:none}.article-highlight{background:#00ffff08;border-left:2px solid rgba(0,255,255,.4);padding:1.5rem 1.75rem;margin:2.5rem 0;position:relative}.article-highlight:before{content:"[ SIGNAL ]";font-family:Geist Mono,monospace;font-size:.55rem;letter-spacing:.2em;color:var(--cyber-cyan);opacity:.6;display:block;margin-bottom:.75rem;font-weight:400}.article-highlight p{margin-bottom:0;font-style:italic;opacity:.75;font-family:Host Grotesk,sans-serif;text-transform:none}.article-table{width:100%;border-collapse:collapse;margin:2rem 0}.article-table th{text-align:left;padding:.75rem 1rem;background:#f2eeda0a;color:var(--base-100);border-bottom:1px solid rgba(242,238,218,.15);font-family:Geist Mono,monospace;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;opacity:.8}.article-table td{padding:.75rem 1rem;color:var(--base-100);opacity:.6;border-bottom:1px solid rgba(242,238,218,.06);line-height:1.5;font-family:Host Grotesk,sans-serif;font-size:.88rem;text-transform:none}.article-table tr:last-child td{border-bottom:none}.article-table tr:hover td{background:#f2eeda05;opacity:.85}.article-also{margin:2.5rem 0;padding:1.5rem 1.75rem;background:#f2eeda05;border-left:2px solid rgba(242,238,218,.12);position:relative}.article-also:before{content:"";position:absolute;top:0;left:-2px;width:2px;height:40%;background:var(--cyber-gradient);background-size:100% 300%;animation:cyber-flow 4s ease infinite}.article-also h3{font-size:.58rem;text-transform:uppercase;letter-spacing:.2em;color:var(--base-100);opacity:.4;margin-bottom:1rem;font-family:Geist Mono,monospace;font-weight:400;line-height:1}.article-also ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.article-also ul li a{font-size:.82rem;color:var(--base-100);text-decoration:none;opacity:.6;transition:opacity .2s ease;font-family:Host Grotesk,sans-serif;text-transform:none}.article-also ul li a:hover{opacity:1}.article-cta{margin-top:4rem;padding:3rem 2.5rem;background:#f2eeda05;position:relative;clip-path:polygon(1.5rem 0%,calc(100% - 1.5rem) 0%,100% 1.5rem,100% calc(100% - 1.5rem),calc(100% - 1.5rem) 100%,1.5rem 100%,0% calc(100% - 1.5rem),0% 1.5rem);text-align:center}.article-cta:before{content:"";position:absolute;inset:0;background:var(--cyber-gradient);background-size:300% 300%;animation:cyber-flow 6s ease infinite;-webkit-mask:polygon(1.5rem 0%,calc(100% - 1.5rem) 0%,100% 1.5rem,100% calc(100% - 1.5rem),calc(100% - 1.5rem) 100%,1.5rem 100%,0% calc(100% - 1.5rem),0% 1.5rem) 0 0 / 100% 100%,polygon(calc(1.5rem + 1px) 1px,calc(100% - 1.5rem - 1px) 1px,calc(100% - 1px) calc(1.5rem + 1px),calc(100% - 1px) calc(100% - 1.5rem - 1px),calc(100% - 1.5rem - 1px) calc(100% - 1px),calc(1.5rem + 1px) calc(100% - 1px),1px calc(100% - 1.5rem - 1px),1px calc(1.5rem + 1px)) 0 0 / 100% 100%;-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}.article-cta h3{font-size:clamp(1.75rem,3.5vw,3.5rem);color:var(--base-100);margin-bottom:1rem;line-height:.9;font-family:SCHABO,sans-serif;text-transform:uppercase}.article-cta p{font-size:.82rem;color:var(--base-100);opacity:.45;margin-bottom:2rem;line-height:1.65;font-family:Host Grotesk,sans-serif;text-transform:none;max-width:480px;margin-left:auto;margin-right:auto}.article-cta .btn{display:inline-flex}.article-related{border-top:1px solid rgba(242,238,218,.08);padding:4rem 2rem 5rem;max-width:960px;margin:0 auto}.article-related h2{font-size:.58rem;color:var(--base-100);opacity:.35;text-transform:uppercase;letter-spacing:.22em;margin-bottom:2rem;font-family:Geist Mono,monospace;font-weight:400;line-height:1}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.related-card{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;background:#f2eeda05;text-decoration:none;position:relative;clip-path:polygon(1rem 0%,calc(100% - 1rem) 0%,100% 1rem,100% calc(100% - 1rem),calc(100% - 1rem) 100%,1rem 100%,0% calc(100% - 1rem),0% 1rem);transition:background .25s ease}.related-card:before{content:"";position:absolute;inset:0;background:#f2eeda14;-webkit-mask:polygon(1rem 0%,calc(100% - 1rem) 0%,100% 1rem,100% calc(100% - 1rem),calc(100% - 1rem) 100%,1rem 100%,0% calc(100% - 1rem),0% 1rem) 0 0 / 100% 100%,polygon(calc(1rem + 1px) 1px,calc(100% - 1rem - 1px) 1px,calc(100% - 1px) calc(1rem + 1px),calc(100% - 1px) calc(100% - 1rem - 1px),calc(100% - 1rem - 1px) calc(100% - 1px),calc(1rem + 1px) calc(100% - 1px),1px calc(100% - 1rem - 1px),1px calc(1rem + 1px)) 0 0 / 100% 100%;-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:background .25s ease}.related-card:hover{background:#f2eeda0a}.related-card:hover:before{background:#f2eeda33}.related-card-tag{font-size:.58rem;text-transform:uppercase;letter-spacing:.18em;color:var(--base-100);opacity:.35;font-family:Geist Mono,monospace;font-weight:400}.related-card-name{font-size:clamp(1.25rem,2.5vw,2rem);color:var(--base-100);opacity:.9;font-family:SCHABO,sans-serif;font-weight:500;line-height:.9;text-transform:uppercase}@media(max-width:768px){.article-hero{padding:8rem 0 3rem}.article-hero-meta{flex-wrap:wrap;gap:.75rem}.article-body,.article-related{padding:3rem 1.25rem 4rem}.article-cta{padding:2.5rem 1.5rem;clip-path:polygon(1rem 0%,calc(100% - 1rem) 0%,100% 1rem,100% calc(100% - 1rem),calc(100% - 1rem) 100%,1rem 100%,0% calc(100% - 1rem),0% 1rem)}.article-cta:before{-webkit-mask:polygon(1rem 0%,calc(100% - 1rem) 0%,100% 1rem,100% calc(100% - 1rem),calc(100% - 1rem) 100%,1rem 100%,0% calc(100% - 1rem),0% 1rem) 0 0 / 100% 100%,polygon(calc(1rem + 1px) 1px,calc(100% - 1rem - 1px) 1px,calc(100% - 1px) calc(1rem + 1px),calc(100% - 1px) calc(100% - 1rem - 1px),calc(100% - 1rem - 1px) calc(100% - 1px),calc(1rem + 1px) calc(100% - 1px),1px calc(100% - 1rem - 1px),1px calc(1rem + 1px)) 0 0 / 100% 100%;-webkit-mask-composite:xor;mask-composite:exclude}.article-table{font-size:.78rem}.article-table th,.article-table td{padding:.6rem .65rem}}