:root{--accent: #DFFE68;--accent-dark: #C8E85C;--black: #1a1a1a;--gray: #4a4a4a;--muted: #6b6b6b;--light-gray: #f5f5f5;--green: #10B981;--orange: #F59E0B;--blue: #3B82F6;--red: #EF4444;--teal: #14B8A6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:#fff;color:var(--black);line-height:1.7}.header{border-bottom:2px solid var(--black);padding:.75rem 1.5rem;background:#fff;position:sticky;top:0;z-index:50}.header-inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo img{height:28px}.nav{display:flex;align-items:center;gap:.25rem}.nav a{padding:.5rem 1rem;color:var(--gray);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:6px}.nav a:hover{color:var(--black);background:var(--light-gray)}.nav-cta{background:var(--black);color:#fff!important;font-weight:600}@media(max-width:768px){.nav{display:none}}.hero{background:var(--light-gray);border-bottom:2px solid var(--black);padding:3rem 1.5rem}.hero-inner{max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--teal);color:#fff;padding:.4rem 1rem;font-size:.75rem;font-weight:700;border-radius:20px;margin-bottom:1rem;text-transform:uppercase}.hero-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--muted)}h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.15rem;color:var(--gray);max-width:650px;margin-bottom:1.5rem}.hero-context{background:#fff;border:2px solid var(--black);border-radius:12px;padding:1.25rem;box-shadow:3px 3px 0 var(--black)}.hero-context-title{font-weight:700;font-size:.85rem;margin-bottom:.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:var(--light-gray);border:1px solid #ddd;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500}.tech-tag.highlight{background:var(--accent);border-color:var(--black)}.main{max-width:800px;margin:0 auto;padding:2.5rem 1.5rem}.toc{background:#fff;border:2px solid var(--black);border-radius:16px;padding:1.5rem 2rem;box-shadow:4px 4px 0 var(--black);margin-bottom:2.5rem}.toc h2{font-size:1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.toc-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.toc-list a{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--gray);font-size:.9rem;padding:.5rem 0;border-bottom:1px solid #eee}.toc-list a:hover{color:var(--black)}.toc-num{background:var(--accent);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@media(max-width:600px){.toc-list{grid-template-columns:1fr}}.section{margin-bottom:3rem;scroll-margin-top:80px}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid var(--accent)}.section-num{background:var(--black);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex-shrink:0}.section h2{font-size:1.5rem;font-weight:800;letter-spacing:-.01em}.content-card{background:#fff;border:2px solid var(--black);border-radius:16px;padding:1.75rem;box-shadow:4px 4px 0 var(--black);margin-bottom:1.5rem}.content-card h3{font-size:1.15rem;font-weight:700;margin-bottom:1rem}.content-card h4{font-size:1rem;font-weight:700;margin:1.25rem 0 .75rem;color:var(--black)}.content-card p{color:var(--gray);margin-bottom:1rem}.content-card ul,.content-card ol{margin:1rem 0 1rem 1.25rem;color:var(--gray)}.content-card li{margin-bottom:.5rem}.content-card li strong{color:var(--black)}.callout{background:var(--accent);border-left:4px solid var(--black);padding:1rem 1.25rem;margin:1.25rem 0;border-radius:0 8px 8px 0}.callout strong{display:block;margin-bottom:.25rem;color:var(--black)}.callout p{margin:0;color:var(--black)}.callout-warning{background:#fef3c7;border-left-color:var(--orange)}.callout-info{background:#dbeafe;border-left-color:var(--blue)}.callout-success{background:#d1fae5;border-left-color:var(--green)}.table-wrapper{overflow-x:auto;margin:1rem 0}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.75rem;text-align:left;border:2px solid var(--black)}th{background:var(--light-gray);font-weight:700}tr:nth-child(2n){background:#fafafa}.tier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.tier-card{border:2px solid var(--black);border-radius:12px;padding:1.25rem}.tier-card.tier-1{background:var(--accent)}.tier-card.tier-2{background:#fff}.tier-label{font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.tier-card h4{font-size:1rem;font-weight:700;margin-bottom:.5rem}.tier-card p{font-size:.9rem;color:var(--gray);margin:0}@media(max-width:600px){.tier-grid{grid-template-columns:1fr}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}.stat-box{text-align:center;padding:1rem;background:var(--light-gray);border:2px solid var(--black);border-radius:12px}.stat-value{font-size:1.5rem;font-weight:800;color:var(--green)}.stat-value.orange{color:var(--orange)}.stat-value.blue{color:var(--blue)}.stat-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;margin-top:.25rem}@media(max-width:700px){.stats-row{grid-template-columns:repeat(2,1fr)}}.timeline{margin:1.5rem 0}.timeline-phase{display:flex;gap:1rem;margin-bottom:1.5rem}.timeline-marker{display:flex;flex-direction:column;align-items:center}.timeline-dot{width:16px;height:16px;background:var(--accent);border:2px solid var(--black);border-radius:50%}.timeline-line{flex:1;width:2px;background:var(--black);margin:4px 0}.timeline-content{flex:1;background:#fff;border:2px solid var(--black);border-radius:12px;padding:1.25rem;box-shadow:3px 3px 0 var(--black)}.timeline-week{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;margin-bottom:.5rem}.timeline-title{font-weight:700;margin-bottom:.5rem}.timeline-content ul{margin:.5rem 0 0 1.25rem;font-size:.9rem;color:var(--gray)}.timeline-content li{margin-bottom:.35rem}.checklist{background:var(--light-gray);border:2px solid var(--black);border-radius:12px;padding:1.5rem;margin:1rem 0}.checklist h4{font-size:.9rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.checklist-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.checklist-box{width:20px;height:20px;border:2px solid var(--black);border-radius:4px;flex-shrink:0;background:#fff}.checklist-text{font-size:.9rem;color:var(--gray)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.metric-card{border:2px solid var(--black);border-radius:12px;padding:1rem;background:#fff}.metric-card.primary{background:var(--accent)}.metric-type{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.metric-card.primary .metric-type{color:var(--black)}.metric-name{font-weight:700;font-size:.95rem;margin-bottom:.25rem}.metric-desc{font-size:.8rem;color:var(--gray)}.metric-card.primary .metric-desc{color:var(--black)}@media(max-width:700px){.metric-grid{grid-template-columns:1fr}}.sequence-block{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:1rem;margin:.75rem 0}.sequence-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.sequence-step{background:var(--blue);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700}.sequence-channel{font-size:.75rem;color:var(--muted)}.sequence-title{font-weight:600;font-size:.9rem}.budget-bar{background:var(--light-gray);border:2px solid var(--black);border-radius:8px;height:40px;display:flex;overflow:hidden;margin:1rem 0}.budget-segment{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.budget-segment.awareness{background:var(--blue)}.budget-segment.engagement{background:var(--green)}.budget-segment.conversion{background:var(--orange)}.budget-legend{display:flex;gap:1.5rem;font-size:.85rem;margin-top:.5rem}.budget-legend-item{display:flex;align-items:center;gap:.5rem}.budget-legend-dot{width:12px;height:12px;border-radius:3px}.decision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.decision-card{border:2px solid var(--black);border-radius:12px;padding:1.25rem}.decision-card.go{background:#d1fae5}.decision-card.nogo{background:#fee2e2}.decision-label{font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.decision-card.go .decision-label{color:var(--green)}.decision-card.nogo .decision-label{color:var(--red)}.decision-card ul{margin:0 0 0 1rem;font-size:.9rem}.decision-card li{margin-bottom:.5rem}.cta-section{background:var(--accent);border:2px solid var(--black);border-radius:20px;padding:2.5rem;box-shadow:6px 6px 0 var(--black);text-align:center;margin:3rem 0}.cta-section h2{font-size:1.75rem;font-weight:800;margin-bottom:.75rem}.cta-section p{color:var(--gray);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--black);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;font-size:1rem;border:none;cursor:pointer}.btn-primary:hover{background:#333}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#fff;color:var(--black);text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;border:2px solid var(--black)}.btn-secondary:hover{background:var(--light-gray)}.footer{background:var(--black);color:#fff;padding:3rem 1.5rem 2rem;border-top:2px solid var(--black)}.footer-inner{max-width:800px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #333}.footer-brand img{height:24px;filter:brightness(0) invert(1);margin-bottom:.75rem}.footer-brand p{font-size:.85rem;color:#888;max-width:280px}.footer-contact p{font-size:.9rem;color:#888;margin-bottom:.25rem}.footer-contact a{color:var(--accent);text-decoration:none}.footer-bottom{font-size:.8rem;color:#666}@media print{.header,.footer{display:none}.content-card,.toc{box-shadow:none;border:1px solid #ddd}body{font-size:11pt}}