*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-white:#fff;--color-black:#000;--color-gray-100:#f7f7f7;--color-gray-200:#ebebeb;--color-gray-400:#999;--color-gray-600:#4d4d4d;--color-gray-800:#1a1a1a;--max-width:800px;--header-height:72px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-white);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}a,body{color:var(--color-black)}a{text-decoration:none}a:hover{color:var(--color-gray-600)}img{max-width:100%;height:auto;display:block}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);height:var(--header-height)}.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;justify-content:space-between}.header-inner,.logo{display:flex;align-items:center}.logo{gap:10px;font-size:20px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--color-black)}.logo svg{width:36px;height:36px}.nav-desktop{display:flex;gap:28px;list-style:none}.nav-desktop a{font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:500;transition:color .2s}.nav-desktop a:hover{color:var(--color-gray-400)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--color-black);margin:5px 0;transition:.3s}.mobile-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-white);z-index:99;padding:40px 24px}.mobile-nav.open{display:block}.mobile-nav a{display:block;font-size:18px;padding:16px 0;border-bottom:1px solid var(--color-gray-200);letter-spacing:1px;text-transform:uppercase}.site-footer{background:var(--color-gray-800);color:var(--color-white);padding:60px 24px 40px;margin-top:80px}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;gap:40px}.footer-col h4{font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;color:var(--color-gray-400)}.footer-col a{display:block;color:var(--color-gray-200);font-size:15px;padding:6px 0;transition:color .2s}.footer-col a:hover{color:var(--color-white)}.footer-col p{color:var(--color-gray-400);font-size:15px;line-height:1.6}.footer-bottom{max-width:1200px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--color-gray-600);text-align:center;color:var(--color-gray-400);font-size:14px}.hero{padding:100px 24px 80px;text-align:center;background:var(--color-gray-100)}.hero h1{font-size:48px;font-weight:300;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px}.hero p{font-size:18px;color:var(--color-gray-600);max-width:600px;margin:0 auto;line-height:1.8}.main-content{max-width:var(--max-width);margin:0 auto}.main-content,.section{padding:60px 24px}.section-inner{max-width:var(--max-width);margin:0 auto}.section-title{font-size:32px;font-weight:300;letter-spacing:2px;text-transform:uppercase;margin-bottom:40px;text-align:center}.contact-section{text-align:center;padding:80px 24px;background:var(--color-gray-100)}.contact-section h2{font-size:28px;font-weight:300;letter-spacing:2px;margin-bottom:24px}.contact-section p{font-size:17px;color:var(--color-gray-600);line-height:1.8}.contact-section a{color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-400)}.contact-section a:hover{color:var(--color-black)}.articles-grid{display:grid;grid-gap:32px;gap:32px;max-width:var(--max-width);margin:0 auto}.article-card{padding:32px;border:1px solid var(--color-gray-200);transition:box-shadow .2s}.article-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}.article-card h3{font-size:22px;font-weight:500;margin-bottom:12px}.article-card p{color:var(--color-gray-600);font-size:15px;line-height:1.6}.article-header{padding:80px 24px 40px;text-align:center;background:var(--color-gray-100)}.article-header h1{font-size:36px;font-weight:400;max-width:700px;margin:0 auto;line-height:1.3}.article-body{max-width:var(--max-width);margin:0 auto;padding:48px 24px 60px}.article-body h2{font-size:26px;font-weight:500;margin-top:48px;margin-bottom:20px;padding-top:24px;border-top:1px solid var(--color-gray-200)}.article-body h2:first-child{border-top:none;padding-top:0;margin-top:0}.article-body h3{font-size:20px;font-weight:600;margin-top:32px;margin-bottom:16px}.article-body p{margin-bottom:18px;line-height:1.8}.article-body ol,.article-body ul{margin-bottom:18px;padding-left:24px}.article-body li{margin-bottom:8px;line-height:1.7}.article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.article-body td,.article-body th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-gray-200)}.article-body th{font-weight:600}.article-body th,.toc{background:var(--color-gray-100)}.toc{padding:24px 28px;margin-bottom:40px;border-left:3px solid var(--color-black)}.toc h2{font-size:16px;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;padding:0;border:none}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:8px}.toc a{font-size:15px;color:var(--color-gray-600);transition:color .2s}.toc a:hover{color:var(--color-black)}.toc .toc-h2{padding-left:16px;font-size:14px}.faq-section{max-width:var(--max-width);margin:0 auto;padding:60px 24px}.faq-section h2{font-size:28px;font-weight:400;text-align:center;margin-bottom:40px}.faq-item{border-bottom:1px solid var(--color-gray-200);padding:24px 0}.faq-item:first-of-type{border-top:1px solid var(--color-gray-200)}.faq-question{font-size:18px;font-weight:600;margin-bottom:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question:after{content:"+";font-size:24px;font-weight:300;color:var(--color-gray-400);flex-shrink:0;margin-left:16px}.faq-item.open .faq-question:after{content:"−"}.faq-answer{display:none;color:var(--color-gray-600);line-height:1.7}.faq-item.open .faq-answer{display:block}.faq-answer p{margin-bottom:12px}.faq-answer p:last-child{margin-bottom:0}.page-404{text-align:center;padding:120px 24px}.page-404 h1{font-size:96px;font-weight:200;color:var(--color-gray-200);margin-bottom:16px}.page-404 h2{font-size:28px;font-weight:400;margin-bottom:24px}.page-404 p{color:var(--color-gray-600);margin-bottom:32px}.page-404 a{display:inline-block;padding:14px 32px;border:2px solid var(--color-black);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500;transition:all .2s}.page-404 a:hover{background:var(--color-black);color:var(--color-white)}@media (max-width:768px){.nav-desktop{display:none}.mobile-menu-btn{display:block}.hero h1{font-size:32px;letter-spacing:2px}.hero p{font-size:16px}.article-header h1{font-size:26px}.footer-inner{grid-template-columns:1fr;gap:32px}.section-title{font-size:24px}.article-body h2{font-size:22px}.article-body h3{font-size:18px}.faq-question{font-size:16px}.contact-section h2{font-size:22px}}@media (max-width:480px){body{font-size:16px}.hero{padding:60px 16px 50px}.hero h1{font-size:26px}.article-body,.faq-section,.main-content{padding-left:16px;padding-right:16px}.article-card{padding:20px}.header-inner{padding:0 16px}.page-404 h1{font-size:64px}}