From ab487cb819dd59ec97a0cab580e031f6214aa572 Mon Sep 17 00:00:00 2001 From: Will Scott Date: Tue, 21 Jul 2026 19:48:18 -0500 Subject: [PATCH] Remove dead CSS from pre-marketing-shell layout Strips ~150 lines of orphaned rules whose classes left the DOM in the marketing-shell rebuild: .header/.header-content/.logo-*/.tagline/ .header-description/.main-section/.form-card/.features/.feature*/ old .faq-*/.footer, plus their leftover @media (max-width:768px) entries. No marketing-*, big-chunk-*, results-header, or form-group rules touched. Render verified identical at 1440px; style braces balanced. Co-Authored-By: Claude Opus 4.8 (1M context) --- public/index.html | 235 ---------------------------------------------- 1 file changed, 235 deletions(-) diff --git a/public/index.html b/public/index.html index ff775cc..306c3c3 100644 --- a/public/index.html +++ b/public/index.html @@ -94,96 +94,6 @@ padding: 0 20px; } - .header { - background: linear-gradient(90deg, var(--si-hero-start) 0%, var(--si-hero-end) 100%); - padding: 38px 0 42px; - text-align: left; - border-bottom: 2px solid var(--si-header-accent); - position: relative; - overflow: hidden; - } - - .header-content { - position: relative; - z-index: 1; - display: grid; - grid-template-columns: 1fr 1fr; - gap: 30px; - align-items: center; - } - - .logo-container { - margin-bottom: 20px; - background: var(--white); - padding: 15px; - border-radius: 8px; - display: inline-block; - } - - .logo-container a { - text-decoration: none; - display: block; - } - - .si-logo { - height: 40px; - width: auto; - display: block; - } - - .logo-section h1 { - font-size: 3rem; - font-weight: 800; - margin-bottom: 12px; - color: var(--white); - line-height: 1.1; - } - - .tagline { - font-size: 1.45rem; - color: var(--si-header-accent); - font-weight: 700; - margin-bottom: 24px; - line-height: 1.2; - } - - .header-description { - font-size: 1.14rem; - color: var(--light-gray); - line-height: 1.65; - } - - .header-description p { - margin: 0; - margin-bottom: 15px; - } - - .header-description a { - color: var(--orange-accent); - text-decoration: underline; - font-size: 1rem; - font-weight: 700; - transition: color 0.2s ease; - } - - .header-description a:hover { - color: var(--orange-light); - text-decoration: none; - } - - .main-section { - padding: 40px 0; - background: var(--lighter-blue); - } - - .form-card { - background: var(--surface-slate); - border-radius: 12px; - padding: 30px; - margin-bottom: 30px; - border: 1px solid var(--surface-slate-border); - } - .form-group { margin-bottom: 25px; } @@ -916,144 +826,7 @@ line-height: 1.5; } - .features { - padding: 40px 0 60px; - background: var(--lighter-blue); - } - - .features .container { - display: grid !important; - grid-template-columns: repeat(3, 1fr) !important; - gap: 30px !important; - } - - .feature { - background: rgba(255, 255, 255, 0.06); - padding: 24px; - border-radius: 12px; - text-align: center; - border: 1px solid rgba(255, 255, 255, 0.1); - transition: transform 0.3s ease; - width: 100% !important; - } - @media (max-width: 768px) { - .features .container { - grid-template-columns: 1fr !important; - } - } - - .feature:hover { - transform: translateY(-2px); - } - - .feature-icon { - font-size: 3rem; - margin-bottom: 16px; - color: var(--orange-accent); - } - - .feature h3 { - font-size: 1.3rem; - margin-bottom: 12px; - color: var(--white); - font-weight: 800; - } - - .feature p { - color: var(--light-gray); - line-height: 1.6; - font-size: 1rem; - } - - .faq-section { - background: var(--dark-blue); - padding: 80px 0; - border-top: 1px solid rgba(255, 255, 255, 0.1); - } - - .faq-section h2 { - text-align: center; - font-size: 2.5rem; - font-weight: 800; - color: var(--white); - margin-bottom: 50px; - } - - .faq-grid { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 40px; - } - - .faq-item { - background: rgba(255, 255, 255, 0.05); - padding: 30px; - border-radius: 12px; - border: 1px solid rgba(255, 255, 255, 0.1); - transition: all 0.3s ease; - } - - .faq-item:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px rgba(0,0,0,0.15); - } - - .faq-item h3 { - color: var(--orange-light); - font-size: 1.3rem; - font-weight: 800; - margin-bottom: 15px; - } - - .faq-item p { - color: var(--light-gray); - line-height: 1.6; - font-size: 1rem; - } - - .footer { - background: var(--dark-blue); - text-align: center; - padding: 40px 20px; - border-top: 1px solid rgba(255, 255, 255, 0.1); - } - - .footer p { - color: var(--dark-gray); - font-size: 1rem; - } - - .footer a { - color: var(--orange-accent); - text-decoration: none; - font-weight: 700; - } - - .footer a:hover { - color: var(--orange-light); - text-decoration: underline; - } - - @media (max-width: 768px) { - .header-content { - grid-template-columns: 1fr; - gap: 30px; - text-align: center; - } - - .logo-section h1 { - font-size: 2.5rem; - } - - .tagline { - font-size: 1.15rem; - } - - .header-description { - font-size: 1.05rem; - } - .url-input-group { flex-direction: column; } @@ -1083,14 +856,6 @@ .chunk-title.level-2 { font-size: 1.6rem; } - - .faq-grid { - grid-template-columns: 1fr; - } - - .faq-section h2 { - font-size: 2rem; - } } /* ============================================================