:root{--bg-base: #0f0f0f;--bg-raised: #171717;--bg-overlay: #1e1e1e;--bg-input: #262626;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #737373;--border: #2a2a2a;--border-subtle: #222222;--amber: #f59e0b;--amber-dim: #b45309;--red: #ef4444;--red-dim: #991b1b;--green: #22c55e;--green-dim: #166534;--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-w: 1080px;--radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);line-height:1.6}.site-nav{background:var(--bg-base);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:48px}.nav-logo{font-size:.8125rem;font-weight:900;color:var(--text-primary);text-decoration:none;letter-spacing:.16em}.nav-logo span{color:var(--amber)}.nav-logo:hover{text-decoration:none}.nav-links{display:flex;list-style:none;gap:2px}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.8125rem;font-weight:500;padding:6px 12px;border-radius:6px;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text-primary);background:var(--bg-overlay);text-decoration:none}.nav-links a.active{color:var(--text-primary);background:var(--bg-overlay)}.sub-nav{background:var(--bg-raised);border-bottom:1px solid var(--border);position:sticky;top:48px;z-index:90}.sub-nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 2rem;display:flex;gap:0;overflow-x:auto}.sub-nav a{padding:10px 14px;font-size:.8125rem;font-weight:500;color:var(--text-muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.sub-nav a:hover{color:var(--text-primary);text-decoration:none}.sub-nav a.active{color:var(--amber);border-bottom-color:var(--amber);font-weight:600}.main-content{max-width:var(--max-w);margin:0 auto;padding:2.5rem 2rem 4rem;min-height:calc(100vh - 100px)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:1.25rem 2rem;font-size:.75rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.35}h1{font-size:1.5rem;font-weight:700;margin-bottom:.375rem}h2{font-size:1.125rem;font-weight:600;margin-top:2.5rem;margin-bottom:.75rem}h3{font-size:.9375rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem}p{color:var(--text-secondary);font-size:.875rem;line-height:1.7;margin-bottom:.875rem}a{color:var(--amber);text-decoration:none}a:hover{color:var(--amber);text-decoration:underline}strong{font-weight:700;color:var(--text-primary)}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.page-header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.page-header h1{margin-bottom:.25rem}.page-header p{color:var(--text-muted);margin-bottom:0;font-size:.8125rem}.section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem}table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.8125rem}th,td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}th{font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-raised)}td strong{color:var(--text-primary)}tbody tr:last-child td{border-bottom:none}ul,ol{margin:.5rem 0;padding-left:1.25rem}li{margin-bottom:.375rem;color:var(--text-secondary);font-size:.8125rem;line-height:1.65}li strong{color:var(--text-primary)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius)}.planning-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.planning-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-decoration:none;color:inherit;display:block;transition:border-color .15s,background .15s}.planning-card:hover{border-color:var(--border);background:var(--bg-overlay);text-decoration:none;color:inherit}.planning-card .card-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.875rem;margin-bottom:.875rem}.planning-card .card-icon.yellow,.planning-card .card-icon.red{background:#f59e0b1f;color:var(--amber)}.planning-card h3{margin:0 0 .25rem;font-size:.875rem;color:var(--text-primary)}.planning-card p{color:var(--text-muted);font-size:.8125rem;margin:0;line-height:1.5}.brand-portfolio{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin-top:.75rem}.brand-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.brand-item h4{font-size:.875rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.brand-item p{font-size:.8125rem;color:var(--text-muted);margin:0;line-height:1.5}.brand-item.primary{border-color:var(--amber-dim);background:#f59e0b0d}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.parent{background:#f59e0b1f;color:var(--amber)}.badge.active{background:#22c55e1f;color:var(--green)}.badge.tbd{background:var(--bg-input);color:var(--text-muted)}.accordion{display:flex;flex-direction:column;gap:.5rem}.accordion-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.accordion-item.purchased{border-color:var(--green-dim)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;cursor:pointer;background:none;border:none;width:100%;font-family:inherit;text-align:left;color:inherit;transition:background .1s}.accordion-header:hover{background:var(--bg-overlay)}.accordion-header-left{display:flex;align-items:center;gap:.75rem}.accordion-header h3{margin:0;font-size:.9375rem;color:var(--text-primary)}.accordion-header .subtitle{font-size:.75rem;color:var(--text-muted);font-weight:400;font-family:SF Mono,Fira Code,monospace}.accordion-header-right{display:flex;align-items:center;gap:.5rem}.accordion-chevron{width:16px;height:16px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.status-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#22c55e1f;color:var(--green);flex-shrink:0}.accordion-body{display:none;padding:0 1.25rem 1.25rem;border-top:1px solid var(--border-subtle)}.accordion-item.open .accordion-body{display:block;padding-top:1.25rem}.score-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;margin-bottom:1.25rem}.score-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg-input);border-radius:6px;font-size:.75rem}.score-item .label{color:var(--text-muted);font-weight:500}.score-item .value{font-weight:700;text-transform:uppercase;letter-spacing:.03em}.score-item .value.high{color:var(--green)}.score-item .value.medium{color:var(--amber)}.score-item .value.low{color:var(--amber-dim)}.checklist{display:flex;flex-direction:column;gap:2px}.checklist-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);cursor:pointer;transition:background .1s;user-select:none}.checklist-item:hover{background:var(--bg-raised)}.checklist-item input{display:none}.check-box{width:20px;height:20px;min-width:20px;border:2px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:all .15s;background:transparent}.check-box svg{width:12px;height:12px;opacity:0;transition:opacity .15s}.checklist-item.checked .check-box{background:var(--amber);border-color:var(--amber)}.checklist-item.checked .check-box svg{opacity:1;color:var(--bg-base)}.checklist-item.checked .check-title{text-decoration:line-through;color:var(--text-muted)}.check-content{display:flex;flex-direction:column;gap:2px}.check-title{font-size:.875rem;font-weight:500;color:var(--text-primary)}.check-meta{font-size:.75rem;color:var(--text-muted);line-height:1.4}.hero{text-align:center;padding:4rem 2rem;margin:-2.5rem -2rem 2.5rem;border-bottom:1px solid var(--border)}.hero h1{font-size:2rem;color:var(--text-primary);font-weight:900;letter-spacing:.08em;margin-bottom:0}.hero h1 span{color:var(--amber)}.hero .divider{width:32px;height:2px;background:var(--amber);margin:1.25rem auto}.hero .tagline{font-size:.875rem;color:var(--text-muted);font-weight:400;letter-spacing:.02em}@media(max-width:768px){.nav-inner,.sub-nav-inner,.main-content{padding-left:1rem;padding-right:1rem}.hero{margin-left:-1rem;margin-right:-1rem;padding:2.5rem 1rem}.hero h1{font-size:1.5rem}h1{font-size:1.25rem}.planning-grid,.brand-portfolio{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr 1fr}table{display:block;overflow-x:auto}}
