*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #1a6b3c;--green-light: #e6f4ec;--green-mid: #4caf78;--navy: #0f2337;--navy-mid: #1a3350;--dark: #1e293b;--mid: #64748b;--light: #f7f8fa;--border: #e2e8f0;--white: #ffffff;--radius: 16px;--radius-sm: 10px}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--dark);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}nav{position:sticky;top:0;z-index:100;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.06);padding:0 24px;transition:box-shadow .2s ease}nav.is-scrolled{box-shadow:0 10px 30px #0f23372e}.nav-inner{max-width:1140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px;gap:32px}.logo{font-weight:800;font-size:18px;color:var(--white);text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}.logo-dot{color:var(--green-mid)}.nav-links{display:flex;list-style:none;gap:28px;flex:1}.nav-links a{font-size:14px;font-weight:500;color:#ffffffa6;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.is-active{color:var(--white)}.nav-cta{background:var(--green);color:var(--white);padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .2s}.nav-cta:hover{opacity:.85}.hero{position:relative;overflow:hidden;padding:96px 24px 80px;text-align:center;background:radial-gradient(circle at 12% 8%,rgba(26,107,60,.38),transparent 34%),radial-gradient(circle at 88% 0%,rgba(76,175,120,.16),transparent 28%),linear-gradient(160deg,#0d1e30,#132d24 60%,#0f2337)}.hero-inner{position:relative;max-width:780px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;color:#ffffffd9;border:1px solid rgba(255,255,255,.15);font-size:13px;font-weight:600;padding:6px 14px;border-radius:100px;margin-bottom:28px}.hero-badge svg{width:14px;height:14px}h1{font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:var(--white);margin-bottom:20px}h1 span{color:var(--green-mid)}.hero-sub{font-size:18px;color:#ffffff9e;max-width:560px;margin:0 auto 36px;line-height:1.65}.hero-actions,.button-row,.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button-row{justify-content:flex-start;margin-top:32px}.btn-primary,.btn-outline,.btn-white,.btn-ghost{padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s,border-color .2s,background .2s}.btn-primary{background:var(--green);color:var(--white)}.btn-primary:hover{opacity:.88}.btn-outline{background:#ffffff14;color:var(--white);border:1.5px solid rgba(255,255,255,.2)}.btn-outline:hover{border-color:#fff6;background:#ffffff24}.btn-outline-dark{background:transparent;color:var(--green);border-color:var(--border)}.btn-outline-dark:hover{border-color:var(--green);background:var(--green-light)}.stats-bar{background:var(--navy);border-top:1px solid rgba(255,255,255,.06);padding:36px 24px}.stats-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.stat-number{font-size:32px;font-weight:800;color:var(--white);letter-spacing:-1px;line-height:1;margin-bottom:6px}.stat-label{font-size:13px;color:#ffffff8c;font-weight:500}.alert-banner{background:#fefce8;border:1px solid #fde68a;padding:16px 24px}.alert-inner{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:12px;justify-content:center;font-size:14px;color:#92400e;font-weight:500;flex-wrap:wrap;text-align:center}.alert-inner strong{color:#78350f}.alert-link{color:var(--green);font-weight:600;text-decoration:none}.alert-link:hover{text-decoration:underline}section{padding:80px 24px}.section-inner{max-width:1140px;margin:0 auto}.section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);margin-bottom:12px}.section-title{font-size:clamp(26px,3.5vw,40px);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:14px}.section-sub{font-size:16px;color:var(--mid);max-width:540px;line-height:1.65;margin-bottom:48px}.section-sub-tight{margin-bottom:28px}.topics-grid,.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.catalog-section{background:#fbfcfd}.guides-grid-catalog{margin-top:28px}.topic-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-decoration:none;color:var(--dark);transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:12px}.topic-card:hover{border-color:var(--green);box-shadow:0 8px 32px #16a34a1a;transform:translateY(-2px)}.topic-icon{width:44px;height:44px;background:var(--green-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.topic-card h3{font-size:16px;font-weight:700;line-height:1.3}.topic-card p{font-size:14px;color:var(--mid);line-height:1.55;flex:1}.topic-arrow{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--green);margin-top:4px}.mtd-section,.featured-section{background:var(--light)}.mtd-grid,.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.mtd-visual{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:16px}.mtd-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mtd-card-head span:first-child{font-size:15px;font-weight:700}.mtd-timeline-item{display:flex;gap:16px;align-items:flex-start}.mtd-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;margin-top:2px}.mtd-dot.done{background:var(--green);color:#fff}.mtd-dot.now{background:var(--dark);color:#fff}.mtd-dot.soon{background:var(--border);color:var(--mid)}.mtd-timeline-text strong{font-size:14px;font-weight:700;display:block}.mtd-timeline-text span{font-size:13px;color:var(--mid)}.mtd-divider{width:2px;height:20px;background:var(--border);margin-left:15px}.mtd-card-badge{display:inline-flex;background:#fee2e2;color:#991b1b;font-size:11px;font-weight:700;padding:3px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.5px}.mtd-tip{margin-top:20px;padding:16px;background:var(--green-light);border-radius:10px}.mtd-tip p{font-size:13px;color:#166534;font-weight:500;line-height:1.55}.feature-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:8px}.feature-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--mid)}.feature-list li:before{content:"";width:20px;height:20px;background:var(--green-light);border-radius:50%;flex-shrink:0;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2316a34a'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.guide-card{border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--dark);transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;background:var(--white)}.guide-card:hover{box-shadow:0 8px 32px #00000014;transform:translateY(-2px)}.guide-thumb{height:8px}.guide-thumb-green{background:linear-gradient(90deg,#16a34a,#4ade80)}.guide-thumb-blue{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.guide-thumb-violet{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.guide-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:10px}.guide-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--green)}.guide-card h3{font-size:16px;font-weight:700;line-height:1.35}.guide-card p{font-size:14px;color:var(--mid);line-height:1.55;flex:1}.guide-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border);font-size:13px;color:var(--mid)}.guide-read{color:var(--green);font-weight:600}.guide-card-catalog .guide-body,.guide-card-compact .guide-body{gap:8px}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th{font-size:13px;font-weight:700;text-align:left;padding:10px 14px;background:var(--light);border:1px solid var(--border)}.comparison-table th:first-child{border-radius:8px 0 0}.comparison-table th:last-child{border-radius:0 8px 0 0}.comparison-table td{font-size:14px;padding:12px 14px;border:1px solid var(--border);color:var(--mid);vertical-align:top}.comparison-table tr:last-child td:first-child{border-radius:0 0 0 8px}.comparison-table tr:last-child td:last-child{border-radius:0 0 8px}.badge-good{color:#15803d;font-weight:600}.badge-bad{color:#b91c1c;font-weight:600}.faq-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;align-items:start}.faq-intro{font-size:15px;color:var(--mid);line-height:1.65;margin-top:12px}.faq-link{display:inline-block;margin-top:24px}.faq-list{display:flex;flex-direction:column;gap:12px;max-width:720px}details{border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--white)}details[open]{border-color:var(--green)}summary{padding:18px 20px;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;user-select:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:20px;font-weight:400;color:var(--mid);flex-shrink:0;margin-left:16px}details[open] summary:after{content:"-";color:var(--green)}.faq-body{padding:0 20px 18px;font-size:14px;color:var(--mid);line-height:1.7;border-top:1px solid var(--border)}.cta-section{background:var(--navy);padding:80px 24px}.cta-inner{max-width:700px;margin:0 auto;text-align:center}.cta-section .section-label{color:var(--green-mid)}.cta-section .section-title{color:var(--white);margin-bottom:16px}.cta-section .section-sub{color:#94a3b8;margin:0 auto 36px}.btn-white{background:var(--white);color:var(--dark);font-weight:700}.btn-white:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--white);border:1.5px solid #334155}.btn-ghost:hover{border-color:#64748b}footer{background:var(--light);border-top:1px solid var(--border);padding:48px 24px 32px}.footer-inner{max-width:1140px;margin:0 auto}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand .logo{color:var(--dark)}.footer-brand .logo-dot{color:var(--green)}.footer-brand p{font-size:14px;color:var(--mid);margin-top:10px;line-height:1.65;max-width:260px}.footer-col h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--dark);margin-bottom:14px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}.footer-col a{font-size:14px;color:var(--mid);text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--dark)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mid);flex-wrap:wrap;gap:12px}.footer-bottom-single{justify-content:center}.article-page{background:linear-gradient(180deg,#eff4f2,#f6f8fa 280px,#fff 280px 100%)}.article-hero{padding:56px 24px 28px}.article-hero-inner{max-width:1140px;margin:0 auto;padding:44px 48px;border:1px solid rgba(15,35,55,.08);border-radius:8px;background:radial-gradient(circle at 100% 0%,rgba(76,175,120,.16),transparent 30%),linear-gradient(135deg,#fff,#f4f8f5);box-shadow:0 18px 48px #0f172a14}.article-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--green);margin-bottom:16px}.article-hero h1{color:var(--dark);margin-bottom:0;max-width:880px}.article-hero .article-intro{max-width:780px;font-size:19px;line-height:1.7;color:#425466;margin-top:20px}.article-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.article-meta span{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid rgba(15,35,55,.08);border-radius:999px;background:#ffffffb8;font-size:13px;font-weight:600;color:#425466}.article-author-card{display:flex;align-items:center;gap:16px;max-width:100%}.article-author-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid rgba(255,255,255,.95);box-shadow:0 6px 18px #0f172a1f}.article-author-copy{min-width:0}.article-author-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:var(--green)}.article-author-name{margin-top:4px;font-size:18px;font-weight:700;line-height:1.3;color:var(--dark)}.article-author-bio{margin-top:6px;font-size:14px;line-height:1.65;color:#425466}.article-shell{padding:0 24px 80px}.article-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:260px minmax(0,760px);gap:32px;align-items:start}.article-sidebar{position:sticky;top:92px}.article-sidebar-card,.article-card{background:var(--white);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 40px #0f172a0d}.article-sidebar-card{padding:22px 20px}.article-sidebar-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--green);margin-bottom:14px}.article-sidebar-card ul{list-style:none;display:flex;flex-direction:column;gap:10px}.article-sidebar-card li.is-subitem{padding-left:14px}.article-sidebar-card a{color:var(--mid);text-decoration:none;font-size:14px;font-weight:600;line-height:1.45}.article-sidebar-card a:hover,.article-sidebar-card a.is-current{color:var(--dark)}.article-main{display:flex;flex-direction:column;gap:24px}.article-card{padding:34px 32px}.article-content>:first-child{margin-top:0}.article-content>:last-child{margin-bottom:0}.article-content{color:#425466}.article-content h2,.article-content h3{color:var(--dark);letter-spacing:-.4px}.article-content h2{font-size:30px;line-height:1.2;margin:46px 0 18px;scroll-margin-top:110px}.article-content h3{font-size:21px;line-height:1.3;margin:28px 0 12px;scroll-margin-top:110px}.article-content p,.article-content li{font-size:17px;line-height:1.82;color:#425466}.article-content p,.article-content ul,.article-content ol,.article-content blockquote,.article-content table{margin:18px 0 0}.article-content h2+p,.article-content h3+p,.article-content h2+ul,.article-content h3+ul,.article-content h2+ol,.article-content h3+ol,.article-content h2+blockquote,.article-content h3+blockquote,.article-content h2+table,.article-content h3+table{margin-top:12px}.article-content ul,.article-content ol{padding-left:24px}.article-content li+li{margin-top:10px}.article-content li>ul,.article-content li>ol{margin-top:10px}.article-content strong{color:var(--dark)}.article-content a{color:var(--green);font-weight:600;text-decoration:underline;text-decoration-color:#1a6b3c59;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.article-content a:hover{color:#14532d;text-decoration-color:#14532d80}.article-content hr{display:none}.article-content blockquote{position:relative;padding:18px 20px 18px 22px;border-left:4px solid var(--green);border-radius:0 8px 8px 0;background:linear-gradient(180deg,#f5faf7,#eef6f1);color:#264653}.article-content blockquote p,.article-content blockquote li{color:#264653}.article-content blockquote>:first-child{margin-top:0}.article-content blockquote>:last-child{margin-bottom:0}.article-content blockquote strong:first-child{display:inline-block;color:#14532d}.article-content blockquote[data-callout=important]{border-left-color:#b91c1c;background:linear-gradient(180deg,#fff5f5,#fef0f0)}.article-content blockquote[data-callout=important] p,.article-content blockquote[data-callout=important] li{color:#5f2120}.article-content blockquote[data-callout=important] strong:first-child{color:#991b1b}.article-content blockquote[data-callout=did-you-know]{border-left-color:#2563eb;background:linear-gradient(180deg,#f5f9ff,#eef5ff)}.article-content blockquote[data-callout=did-you-know] p,.article-content blockquote[data-callout=did-you-know] li{color:#1e3a5f}.article-content blockquote[data-callout=did-you-know] strong:first-child{color:#1d4ed8}.article-content blockquote[data-callout=attention]{border-left-color:#d97706;background:linear-gradient(180deg,#fff9f0,#fff4e5)}.article-content blockquote[data-callout=attention] p,.article-content blockquote[data-callout=attention] li{color:#6a3d10}.article-content blockquote[data-callout=attention] strong:first-child{color:#b45309}.article-content blockquote[data-callout=resource]{border-left-color:#0f766e;background:linear-gradient(180deg,#f3fbfa,#ebf8f6)}.article-content blockquote[data-callout=resource] p,.article-content blockquote[data-callout=resource] li{color:#184e4a}.article-content blockquote[data-callout=resource] strong:first-child{color:#0f766e}.article-content table{width:100%;border-collapse:collapse;border-spacing:0;overflow:hidden;border:1px solid #d7e0e7;border-radius:8px;background:#fff;box-shadow:inset 0 1px #ffffff80}.article-content thead th{background:#eff4f7;color:var(--dark);font-size:13px;font-weight:700;line-height:1.45;text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid #d7e0e7}.article-content tbody td{padding:14px 16px;font-size:15px;line-height:1.65;color:#425466;vertical-align:top;border-top:1px solid #e6edf2}.article-content tbody tr:first-child td{border-top:0}.article-content tbody tr:nth-child(2n){background:#fafcfd}.article-content :not(pre)>code{padding:2px 7px;border-radius:6px;background:#f1f5f9;color:#1f2937;font-size:.92em;font-weight:600}.article-content em{color:#526274}.faq-block-header{margin-bottom:20px}.faq-block-intro{font-size:15px;line-height:1.7;color:var(--mid);max-width:620px}.related-guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card-compact h3{font-size:15px}.guide-card-compact p{font-size:13px;line-height:1.55}.guide-card-compact .guide-footer{font-size:12px}@media(max-width:900px){.topics-grid,.guides-grid{grid-template-columns:repeat(2,1fr)}.mtd-grid,.split-grid,.faq-grid{grid-template-columns:1fr;gap:40px}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.nav-links{display:none}.article-grid{grid-template-columns:1fr}.article-sidebar{position:static}.related-guides-grid{grid-template-columns:1fr}}@media(max-width:600px){nav{padding:0 16px}.nav-inner{height:auto;min-height:68px;gap:16px}.nav-cta{padding:8px 12px;font-size:13px}.topics-grid,.guides-grid,.footer-top{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}section{padding:56px 16px}.hero{padding:76px 16px 64px}h1{letter-spacing:-.8px}.article-hero{padding:56px 16px 28px}.article-hero-inner{padding:26px 20px}.article-shell{padding:0 16px 56px}.article-card{padding:24px 20px}.article-author-card{align-items:flex-start}.article-hero .article-intro,.article-content p,.article-content li{font-size:16px}.article-content h2{font-size:26px;margin-top:38px}.article-content h3{font-size:20px;margin-top:24px}.article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}