.header{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--slate-200)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.1rem;color:var(--navy)}.logo-icon{font-size:1.3rem}.nav{display:flex;align-items:center;gap:2rem}.nav a{font-size:.88rem;font-weight:600;color:var(--slate-500);transition:color var(--transition)}.nav a:hover{color:var(--green)}.nav-cta{padding:.45rem 1.25rem;background:var(--green);color:var(--white)!important;border-radius:100px;font-size:.85rem!important}.nav-cta:hover{background:var(--green-d)}.nav-pro{font-size:.82rem!important;color:var(--slate-500)!important}.menu-toggle{display:none;background:none;border:none;flex-direction:column;gap:4px;padding:4px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:all .2s}@media(max-width:768px){.menu-toggle{display:flex;z-index:201}.nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;gap:0;background:var(--white);padding:5rem 1.5rem 2rem;box-shadow:-4px 0 24px #0000001f;z-index:200;transition:right .3s cubic-bezier(.4,0,.2,1)}.nav.nav-open{right:0}.nav a{padding:.85rem 0;border-bottom:1px solid var(--slate-100);width:100%;font-size:1rem}.nav-cta{text-align:center;margin-top:1rem;border-radius:100px;padding:.75rem!important}}.footer{background:var(--navy);color:var(--slate-300);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;margin-bottom:3rem}.footer-col h4{color:var(--white);font-size:.85rem;margin-bottom:1rem;letter-spacing:.02em}.footer-col a{display:block;font-size:.82rem;color:var(--slate-300);margin-bottom:.5rem;transition:color var(--transition)}.footer-col a:hover{color:var(--green)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.footer-bottom p{font-size:.75rem;color:var(--slate-500);margin-bottom:.5rem}@media(max-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.article-page{min-height:100vh}.article-hero{background:var(--slate-50);padding:3rem 0;border-bottom:1px solid var(--slate-200)}.article-back{font-size:.82rem;color:var(--green);font-weight:600;display:inline-block;margin-bottom:1rem}.article-back:hover{text-decoration:underline}.article-hero-tag{display:inline-block;font-size:.72rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;background:var(--green-l);padding:.2rem .75rem;border-radius:100px}.article-hero h1{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;color:var(--navy);line-height:1.2;max-width:700px}.article-desc{font-size:1rem;color:var(--slate-500);margin-top:.75rem;max-width:600px}.article-body{display:grid;grid-template-columns:1fr 300px;gap:3rem;padding:3rem 0;align-items:start}.article-content h2{font-size:1.4rem;font-weight:800;color:var(--navy);margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--green-l)}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:1.1rem;font-weight:700;color:var(--navy);margin:1.5rem 0 .5rem}.article-content p{font-size:.95rem;color:var(--slate-700);line-height:1.8;margin-bottom:1rem}.article-content ul,.article-content ol{margin:1rem 0;padding-left:1.5rem}.article-content li{font-size:.92rem;color:var(--slate-700);line-height:1.7;margin-bottom:.4rem}.article-content strong{color:var(--navy)}.article-section{margin-bottom:2rem}.info-box{background:var(--slate-50);border-left:4px solid var(--blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.25rem;margin:1.5rem 0}.info-box p{margin-bottom:.25rem;font-size:.88rem}.sidebar-cta{background:var(--green-l);border:1px solid var(--green-dim);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;position:sticky;top:80px}.sidebar-cta h3{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:.5rem}.sidebar-cta p{font-size:.85rem;color:var(--slate-500);margin-bottom:1rem}.sidebar-related h4{font-size:.85rem;font-weight:700;color:var(--navy);margin-bottom:.75rem}.related-link{display:block;font-size:.85rem;color:var(--green);font-weight:600;padding:.4rem 0;border-bottom:1px solid var(--slate-100)}.related-link:hover{color:var(--green-d)}@media(max-width:768px){.article-body{grid-template-columns:1fr}.sidebar-cta{position:static}}