body.subpage{background:var(--bg)}.page-hero{position:relative;z-index:1;padding:calc(var(--header-h) + 4rem) 0 3rem;background:radial-gradient(60% 80% at 20% 0,rgba(139,124,255,.16),transparent 60%),radial-gradient(50% 60% at 90% 10%,rgba(79,216,245,.12),transparent 60%),var(--bg);overflow:clip}.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan) 30%,var(--violet) 70%,transparent);opacity:.5}.crumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.crumbs a{color:var(--ink-soft)}.crumbs a:hover{color:var(--cyan)}.page-hero h1{font-size:clamp(2.2rem, 5vw, 4rem);margin-top:1rem;max-width:20ch}.page-lead{margin-top:1.4rem;max-width:62ch;font-size:clamp(1.05rem, 1.4vw, 1.2rem);color:var(--ink-soft)}.page-hero .hero-actions{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:.8rem}.article-meta{margin-top:1.2rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.page-section{padding:clamp(3.5rem,7vw,5.5rem) 0}.page-section+.page-section{padding-top:0}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.page-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.6rem}.page-card h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.page-card p{color:var(--ink-soft);font-size:.95rem}.page-card .card-link{margin-top:auto;display:inline-flex;gap:.4rem;color:var(--cyan);font-weight:600;font-size:.9rem}.blog-card h3 a{color:var(--ink)}.blog-card h3 a:hover{color:var(--cyan)}.prose{max-width:760px}.prose h2{font-size:clamp(1.7rem, 3.4vw, 2.5rem);margin-top:.9rem}.prose p{margin-top:1.1rem;color:var(--ink-soft);font-size:1.05rem;line-height:1.7}.prose p strong{color:var(--ink)}.page-list{margin-top:1.2rem;display:flex;flex-direction:column;gap:.6rem}.page-list li{display:flex;gap:.8rem;align-items:flex-start;color:var(--ink);line-height:1.5}.page-list li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;margin-top:.5rem;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.page-note{margin-top:1.4rem;padding:1rem 1.2rem;border-radius:14px;border:1px solid var(--line-strong);background:rgba(79,216,245,.06);color:var(--ink-soft);font-size:.95rem}.page-steps{counter-reset:paso;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none}.page-steps li{counter-increment:paso;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);padding:1.4rem 1.5rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.page-steps li::before{content:"0" counter(paso);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;color:var(--cyan)}.page-steps b{font-family:var(--font-head);font-size:1.15rem;font-weight:600}.page-steps span{color:var(--ink-soft);font-size:.95rem;line-height:1.55}.cta-final{background:linear-gradient(180deg,var(--bg) 0,#070a14 100%)}.cta-box{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,0.7fr);gap:2rem;align-items:center;padding:clamp(1.8rem,4vw,3rem);border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:radial-gradient(70% 90% at 0 0,rgba(139,124,255,.2),transparent 60%),var(--card)}.cta-box h2{font-size:clamp(1.7rem, 3.4vw, 2.6rem);margin-top:.8rem}.cta-box p{margin-top:.8rem;color:var(--ink-soft)}.cta-actions{display:flex;flex-direction:column;gap:.7rem;align-items:stretch}.cta-actions .btn{justify-content:center}.footer-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;margin-bottom:2rem}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.5rem;margin-top:.9rem}.footer-links a{font-size:.92rem;color:var(--ink-soft)}.footer-links a:hover{color:var(--cyan)}.footer-about{margin-top:.9rem;font-size:.92rem;color:var(--ink-soft);max-width:46ch}.footer-about a{color:var(--ink)}@media (max-width:960px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-box{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.footer-cols,.footer-links,.page-grid{grid-template-columns:minmax(0,1fr)}.page-hero{padding-top:calc(var(--header-h) + 2.2rem)}}