:root{--accent: #DFFE68;--accent-dark: #C8E85C;--black: #1a1a1a;--white: #ffffff;--gray-dark: #4a4a4a;--gray: #6b6b6b;--gray-light: #e5e5e5;--gray-lighter: #f5f5f5;--hubspot: #FF7A59}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--gray-lighter);color:var(--black);line-height:1.6;-webkit-font-smoothing:antialiased}.header{background:var(--white);border-bottom:2px solid var(--black);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{flex-shrink:0}.logo img{height:32px;width:auto}.back-link{color:var(--gray-dark);text-decoration:none;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gray-lighter);border:1px solid var(--gray-light)}.back-link:hover{background:var(--accent)}.breadcrumbs{background:#fff;border-bottom:2px solid var(--black);padding:.75rem 1.5rem}.breadcrumbs-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.breadcrumbs a{color:#6b6b6b;text-decoration:none}.breadcrumbs a:hover{color:var(--black)}.breadcrumbs span{color:#6b6b6b}.breadcrumbs .current{color:var(--black);font-weight:600}.container{max-width:720px;margin:0 auto;padding:2rem}.breadcrumb{font-size:.85rem;color:var(--gray);margin-bottom:1.5rem}.breadcrumb a{color:var(--gray-dark);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-header{margin-bottom:2.5rem}.article-badge{display:inline-block;background:var(--hubspot);color:#fff;padding:.3rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;border:2px solid var(--black)}.article-header h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;line-height:1.15}.article-meta{font-size:.9rem;color:var(--gray)}.article-content{background:var(--white);border:2px solid var(--black);padding:2.5rem;box-shadow:4px 4px 0 var(--black);margin-bottom:2rem}.article-content h2{font-size:1.4rem;font-weight:800;margin:2rem 0 1rem;letter-spacing:-.02em}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:1.1rem;font-weight:700;margin:1.5rem 0 .75rem}.article-content p{margin-bottom:1rem;color:var(--gray-dark)}.article-content ul,.article-content ol{margin-bottom:1rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem;color:var(--gray-dark)}.article-content strong{color:var(--black)}.callout{background:var(--accent);border:2px solid var(--black);padding:1.25rem;margin:1.5rem 0}.callout.warning{background:#fff3cd}.callout.danger{background:#fee2e2}.callout-title{font-weight:700;font-size:.9rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.callout p{margin:0;font-size:.95rem}.issue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.issue-card{background:var(--gray-lighter);border:1px solid var(--gray-light);padding:1.25rem}.issue-card h4{font-size:1rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.issue-card h4 svg{width:18px;height:18px;fill:var(--hubspot)}.issue-card p{font-size:.9rem;margin:0;color:var(--gray-dark)}.checklist-section{background:var(--gray-lighter);border:2px solid var(--black);padding:1.5rem;margin:1.5rem 0}.checklist-section h3{font-size:1.1rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--gray-light)}.checklist li:last-child{border-bottom:none}.checklist li svg{width:18px;height:18px;fill:var(--hubspot);flex-shrink:0;margin-top:2px}.checklist li span{font-size:.95rem}.metric-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.metric-box{background:var(--black);color:var(--white);padding:1rem;text-align:center}.metric-box .value{font-size:1.75rem;font-weight:800}.metric-box .label{font-size:.8rem;color:#999;margin-top:.25rem}.cta-section{background:var(--accent);border:2px solid var(--black);padding:2rem;box-shadow:4px 4px 0 var(--black);text-align:center;margin-bottom:2rem}.cta-section h2{font-size:1.4rem;font-weight:800;margin-bottom:.5rem}.cta-section p{color:var(--gray-dark);margin-bottom:1.25rem}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--black);color:var(--white);padding:.875rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;border:2px solid var(--black);transition:all .15s}.cta-btn:hover{background:var(--white);color:var(--black)}.cta-btn svg{width:18px;height:18px;fill:currentColor}.related-section{margin-bottom:2rem}.related-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray);margin-bottom:1rem}.related-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.related-card{background:var(--white);border:2px solid var(--black);padding:1.25rem;text-decoration:none;color:inherit;box-shadow:3px 3px 0 var(--black);transition:all .15s}.related-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--black)}.related-card-title{font-weight:700;font-size:.95rem;margin-bottom:.35rem}.related-card-desc{font-size:.85rem;color:var(--gray)}@media(max-width:768px){.article-header h1{font-size:1.75rem}.article-content{padding:1.5rem}.related-cards,.issue-grid,.metric-boxes{grid-template-columns:1fr}}.footer{background:var(--black);color:var(--white);padding:4rem 2rem 1.5rem;margin-top:2rem}.footer-top{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid #333}.footer-logo{height:28px;margin-bottom:1rem;filter:brightness(0) invert(1)}.footer-brand p{font-size:.9rem;color:#999;line-height:1.5;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;background:#333;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .15s}.social-links a:hover{background:var(--accent);color:var(--black)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-col h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;color:var(--accent)}.footer-col a{display:block;color:#ccc;text-decoration:none;font-size:.85rem;margin-bottom:.6rem;line-height:1.4}.footer-col a:hover{color:var(--accent)}.footer-bottom{max-width:1000px;margin:0 auto;padding-top:2rem;text-align:center}.footer-bottom p{font-size:.8rem;color:#666}@media(max-width:900px){.footer-top{grid-template-columns:1fr;gap:2rem}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr}}