.boilerplate-container{color:#fff;background:#000;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.boilerplate-hero{text-align:center;background:#000;border-bottom:1px solid #1a1a1a;padding:8rem 2rem 6rem}.hero-badge{color:#fbbf24;background:#1a1a1a;border:1px solid #333;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.boilerplate-hero h1{color:#fff;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.hero-highlight{color:#fbbf24}.hero-preview-cta{max-width:36rem;margin:2rem auto 0}.hero-buttons+.hero-preview-note{margin-top:1.5rem}.hero-preview-note{opacity:.85;margin-top:1rem;font-size:.95rem}.hero-subtitle{color:#a3a3a3;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.btn-primary{color:#000;cursor:pointer;background:#fbbf24;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.btn-primary:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 10px 25px #fbbf244d}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #333;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{color:#fbbf24;border-color:#fbbf24;transform:translateY(-2px)}.hero-stats{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.stat-item{color:#a3a3a3;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.code-preview{background:#0d1117;border:1px solid #21262d;border-radius:.75rem;max-width:600px;margin-top:3rem;margin-left:auto;margin-right:auto;overflow:hidden;box-shadow:0 20px 40px #00000080}.code-header{background:#161b22;border-bottom:1px solid #21262d;align-items:center;gap:1rem;padding:1rem;display:flex}.code-dots{gap:.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28ca42}.code-title{color:#8b949e;font-family:SF Mono,Consolas,monospace;font-size:.875rem}.code-content{padding:1.5rem;font-family:SF Mono,Consolas,monospace;font-size:.875rem;line-height:1.6}.code-line{margin-bottom:.5rem}.code-keyword{color:#ff7b72}.code-string{color:#a5d6ff}.code-function{color:#fbbf24}.code-bracket{color:#f0f6fc}.code-tag{color:#7ee787}.code-attr{color:#79c0ff}.code-var{color:#ffa657}.code-comment{color:#8b949e;font-style:italic}.trusted-by{text-align:center;background:#111;border-bottom:1px solid #1a1a1a;padding:3rem 2rem}.trusted-text{color:#a3a3a3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;font-size:.875rem}.trusted-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.trusted-logo{color:#666;font-size:1rem;font-weight:600;transition:color .3s}.trusted-logo:hover{color:#fbbf24}.modern-stack{background:#000;border-bottom:1px solid #1a1a1a;padding:6rem 2rem}.stack-header{text-align:center;margin-bottom:4rem}.stack-header h2{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.stack-header p{color:#a3a3a3;font-size:1.1rem;line-height:1.6}.time-saved{color:#10b981;font-weight:600}.stack-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1200px;margin:0 auto;display:grid}.stack-category h3{color:#fff;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.stack-items{flex-wrap:wrap;gap:.75rem;display:flex}.stack-badge{color:#fbbf24;background:#1a1a1a;border:1px solid #333;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.stack-badge:hover{color:#000;background:#fbbf24;transform:translateY(-2px)}.features-section{background:#111;border-bottom:1px solid #1a1a1a;padding:6rem 2rem}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-header h2{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-header p{color:#a3a3a3;font-size:1.1rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#1a1a1a;border:1px solid #333;border-radius:1rem;padding:2rem;transition:all .3s}.feature-card:hover{border-color:#fbbf24;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.feature-emoji{margin-bottom:1rem;font-size:2rem;display:block}.feature-card h3{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.feature-card p{color:#a3a3a3;line-height:1.6}.demo-section{background:#000;border-bottom:1px solid #1a1a1a;padding:6rem 2rem}.demo-content{align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:flex}.demo-text{flex:1}.demo-text h2{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.demo-text p{color:#a3a3a3;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.demo-features{margin:2rem 0;padding:0;list-style:none}.demo-features li{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.demo-video{flex:1;justify-content:center;display:flex}.video-placeholder{color:#a3a3a3;cursor:pointer;background:#1a1a1a;border:2px solid #333;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:400px;height:250px;transition:all .3s;display:flex}.video-placeholder:hover{color:#fbbf24;border-color:#fbbf24}.testimonials-section{background:#000;border-bottom:1px solid #1a1a1a;padding:6rem 2rem}.testimonials-section h2{text-align:center;color:#fff;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.testimonial-card{background:#1a1a1a;border:1px solid #333;border-radius:1rem;padding:2rem;transition:all .3s}.testimonial-card:hover{border-color:#fbbf24;transform:translateY(-5px)}.testimonial-rating{gap:.25rem;margin-bottom:1rem;display:flex}.star-filled{color:#fbbf24;fill:#fbbf24}.testimonial-quote{color:#fff;margin-bottom:1.5rem;font-size:1.1rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{color:#000;background:#fbbf24;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:600;display:flex}.author-info .author-name{color:#fff;font-weight:600}.author-info .author-title{color:#a3a3a3;font-size:.875rem}.faq-section{background:#111;border-bottom:1px solid #1a1a1a;padding:6rem 2rem}.faq-section h2{text-align:center;color:#fff;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.faq-card{background:#1a1a1a;border:1px solid #333;border-radius:1rem;padding:2rem;transition:all .3s}.faq-card:hover{border-color:#fbbf24;transform:translateY(-2px)}.faq-question{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.faq-answer{color:#a3a3a3;line-height:1.6}.final-cta{text-align:center;color:#fff;background:#000;padding:6rem 2rem}.cta-content{max-width:600px;margin:0 auto}.cta-badge{color:#fbbf24;background:#1a1a1a;border:1px solid #333;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.final-cta h2{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.final-cta p{color:#a3a3a3;margin-bottom:3rem;font-size:1.1rem}.cta-guarantee{color:#a3a3a3;margin-top:2rem;font-size:.875rem}@media (max-width:768px){.boilerplate-hero h1{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;align-items:center;gap:1rem}.demo-content{text-align:center;flex-direction:column}.stack-grid,.features-grid,.testimonials-grid,.faq-grid{grid-template-columns:1fr}.trusted-logos{gap:1.5rem}.code-preview{margin-top:2rem}}.boilerplate-container header,.boilerplate-container .header,header{background:#000!important;border-bottom:1px solid #1a1a1a!important}.boilerplate-container nav,.boilerplate-container .nav,nav{background:#000!important}.boilerplate-container .nav-link,.boilerplate-container a[href^=\#],.boilerplate-container nav a{color:#fff!important}.boilerplate-container .nav-link:hover,.boilerplate-container a[href^=\#]:hover,.boilerplate-container nav a:hover{color:#fbbf24!important}.boilerplate-container .logo,.boilerplate-container .brand{color:#fff!important}.boilerplate-container header .btn,.boilerplate-container .header .btn{color:#000!important;background:#fbbf24!important;border:none!important}.boilerplate-container header .btn:hover,.boilerplate-container .header .btn:hover{background:#f59e0b!important}.boilerplate-container header .btn-secondary,.boilerplate-container .header .btn-secondary{color:#fff!important;background:0 0!important;border:1px solid #333!important}.boilerplate-container header .btn-secondary:hover,.boilerplate-container .header .btn-secondary:hover{color:#fbbf24!important;border-color:#fbbf24!important}.boilerplate-container footer,.boilerplate-container .footer{color:#fff!important;background:#000!important;border-top:1px solid #1a1a1a!important}.boilerplate-container footer a,.boilerplate-container .footer a{color:#a3a3a3!important}.boilerplate-container footer a:hover,.boilerplate-container .footer a:hover{color:#fbbf24!important}.boilerplate-container footer h3,.boilerplate-container footer h4,.boilerplate-container .footer h3,.boilerplate-container .footer h4{color:#fff!important}.boilerplate-container .mobile-menu,.boilerplate-container .mobile-nav{background:#000!important;border:1px solid #1a1a1a!important}.boilerplate-container .mobile-menu a,.boilerplate-container .mobile-nav a{color:#fff!important}.boilerplate-container .mobile-menu a:hover,.boilerplate-container .mobile-nav a:hover{color:#fbbf24!important}.boilerplate-container .menu-toggle,.boilerplate-container button[aria-label*=menu]{color:#fff!important}.boilerplate-container header *,.boilerplate-container footer *{color:#fff}.boilerplate-container header,.boilerplate-container footer{background:#111!important}.dark-pricing{background:#111;border-bottom:1px solid #1a1a1a;padding:6rem 2rem}.dark-pricing h2{text-align:center;color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.dark-pricing .pricing-subtitle{text-align:center;color:#a3a3a3;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.dark-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.dark-pricing-card{background:#1a1a1a;border:1px solid #333;border-radius:1rem;padding:2rem;transition:all .3s;position:relative}.dark-pricing-card:hover{border-color:#fbbf24;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.dark-pricing-card.featured{background:#1f1f1f;border-color:#fbbf24}.pricing-badge{color:#000;background:#fbbf24;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pricing-plan{color:#fff;text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.pricing-price{color:#fbbf24;text-align:center;margin-bottom:.5rem;font-size:3rem;font-weight:800}.pricing-period{color:#a3a3a3;text-align:center;margin-bottom:1rem}.pricing-description{color:#a3a3a3;text-align:center;margin-bottom:2rem;line-height:1.5}.pricing-features{margin:0 0 2rem;padding:0;list-style:none}.pricing-features li{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;display:flex}.pricing-cta{color:#000;cursor:pointer;text-align:center;background:#fbbf24;border:none;border-radius:.5rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s}.pricing-cta:hover{background:#f59e0b;transform:translateY(-2px)}.pricing-cta.secondary{color:#fff;background:0 0;border:1px solid #333}.pricing-cta.secondary:hover{color:#fbbf24;border-color:#fbbf24}.btn-link{color:#fff!important}.boilerplate-container .header-nav{background:0 0!important}
