/* Reset and Base Styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6;scroll-behavior:smooth}body{font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,Inter,'Helvetica Neue',Arial,sans-serif;color:#1f2937;background-color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{border:none;background:none;font:inherit;cursor:pointer}input,textarea,select{font:inherit;border:1px solid #d1d5db;border-radius:0.375rem;padding:0.75rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}input:focus,textarea:focus,select:focus{outline:0;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,0.1)}

/* Skip to Content */
.skip-to-content{position:absolute;top:-40px;left:6px;background:#16a34a;color:white;padding:8px;border-radius:4px;text-decoration:none;font-weight:600;z-index:1000;transition:top 0.15s}.skip-to-content:focus{top:6px}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 2rem}}

/* Typography */
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem;margin-bottom:1.5rem}h3{font-size:1.5rem}@media(min-width:768px){h1{font-size:3rem}h2{font-size:2.5rem}}

/* Buttons */
.btn{display:inline-block;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:600;text-align:center;transition:all 0.15s ease-in-out;cursor:pointer;text-decoration:none;border:2px solid transparent}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#16a34a;color:white}.btn-primary:hover{background:#15803d;box-shadow:0 4px 12px rgba(22,163,74,0.3)}.btn-secondary{background:#ea580c;color:white}.btn-secondary:hover{background:#dc2626;box-shadow:0 4px 12px rgba(234,88,12,0.3)}.btn-outline{background:transparent;color:#16a34a;border-color:#16a34a}.btn-outline:hover{background:#16a34a;color:white}.btn-small{padding:0.5rem 1rem;font-size:0.875rem}.btn-full{width:100%}

/* Header */
.header{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,0.1)}.nav{padding:1rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-brand .logo{height:2rem}.nav-toggle{display:block;position:relative;width:1.5rem;height:1.5rem}@media(min-width:768px){.nav-toggle{display:none}}.hamburger-line{display:block;height:2px;width:100%;background:#1f2937;margin:3px 0;transition:0.3s}.nav-menu{display:none;list-style:none}@media(min-width:768px){.nav-menu{display:flex;gap:2rem}}.nav-link{color:#4b5563;font-weight:500;padding:0.5rem 0;transition:color 0.15s}.nav-link:hover{color:#16a34a}

/* Hero */
.hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.hero-container{display:grid;gap:3rem;align-items:center}@media(min-width:768px){.hero-container{grid-template-columns:1fr 1fr;gap:4rem}}.hero-title{color:#1e293b;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;color:#64748b;margin-bottom:2rem;line-height:1.5}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-image img{border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}

/* Calculator Section */
.calculator-section{padding:4rem 0;background:#f8fafc}.calculator-section h2{text-align:center;color:#1e293b}.section-subtitle{text-align:center;color:#64748b;font-size:1.125rem;margin-bottom:3rem}.calculator-container{display:grid;gap:2rem;max-width:1000px;margin:0 auto}@media(min-width:768px){.calculator-container{grid-template-columns:1fr 1fr;gap:3rem}}.calculator-form{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.calculator-results{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:#374151}.form-control{width:100%;background:white}.result-item{display:flex;justify-content:space-between;margin-bottom:1rem;padding:0.75rem 0;border-bottom:1px solid #e5e7eb}.result-label{color:#6b7280}.result-value{font-weight:600;color:#1f2937}.total-cost{border-top:2px solid #16a34a;margin-top:1rem;padding-top:1rem;font-size:1.125rem}.total-cost .result-value{color:#16a34a;font-size:1.25rem}.budget-breakdown{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.budget-breakdown h4{color:#1e293b;margin-bottom:1rem}.breakdown-item{display:flex;justify-content:space-between;margin-bottom:0.5rem;color:#4b5563}

/* Playbook Section */
.playbook-section{padding:4rem 0}.playbook-section h2{text-align:center;color:#1e293b}.playbook-grid{display:grid;gap:2rem;margin-top:3rem}@media(min-width:768px){.playbook-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.playbook-grid{grid-template-columns:repeat(3,1fr)}}.playbook-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transition:transform 0.15s}.playbook-card:hover{transform:translateY(-4px)}.playbook-icon{font-size:2.5rem;text-align:center;margin-bottom:1rem}.playbook-card h3{color:#1e293b;margin-bottom:1rem;text-align:center}.playbook-items{list-style:none;padding:0}.playbook-items li{padding:0.5rem 0;border-bottom:1px solid #f3f4f6;color:#4b5563;position:relative;padding-left:1.5rem}.playbook-items li:before{content:'✓';position:absolute;left:0;color:#16a34a;font-weight:600}.playbook-items li:last-child{border-bottom:none}

/* Features */
.features-section{padding:4rem 0;background:#f8fafc}.features-section h2{text-align:center;color:#1e293b}.features-grid{display:grid;gap:2rem;margin-top:3rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:white;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transition:transform 0.15s}.feature-card:hover{transform:translateY(-4px)}.feature-image{height:200px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-card h3{padding:1.5rem 1.5rem 1rem;color:#1e293b}.feature-card p{padding:0 1.5rem 1.5rem;color:#64748b}

/* Templates */
.templates-section{padding:4rem 0}.templates-section h2{text-align:center;color:#1e293b}.templates-grid{display:grid;gap:2rem;margin-top:3rem}@media(min-width:768px){.templates-grid{grid-template-columns:repeat(3,1fr)}}.template-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);text-align:center}.template-card h3{color:#1e293b;margin-bottom:1rem}.template-card p{color:#64748b;margin-bottom:1.5rem}

/* Testimonials */
.testimonials-section{padding:4rem 0;background:#f8fafc}.testimonials-section h2{text-align:center;color:#1e293b;margin-bottom:3rem}.testimonials-grid{display:grid;gap:2rem}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}.testimonial-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);text-align:center}.testimonial-avatar{margin-bottom:1.5rem}.testimonial-avatar img{margin:0 auto;width:75px;height:75px}.testimonial-card blockquote p{color:#4b5563;font-style:italic;margin-bottom:1rem}.testimonial-card cite{color:#6b7280;font-size:0.875rem;font-weight:600}

/* FAQ */
.faq-section{padding:4rem 0}.faq-section h2{text-align:center;color:#1e293b;margin-bottom:3rem}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:white;border-radius:0.5rem;margin-bottom:1rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.faq-question{width:100%;padding:1.5rem;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#1e293b;transition:background 0.15s}.faq-question:hover{background:#f8fafc}.faq-icon{font-size:1.25rem;font-weight:300;transition:transform 0.15s}.faq-item[aria-expanded="true"] .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 1.5rem 1.5rem;color:#4b5563;line-height:1.6;display:none}.faq-item[aria-expanded="true"] .faq-answer{display:block}

/* Contact */
.contact-section{padding:4rem 0}.contact-section h2{text-align:center;color:#1e293b}.contact-form{max-width:600px;margin:0 auto;background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}

/* Footer */
.footer{background:#1e293b;color:white;padding:3rem 0 1rem}.footer-content{display:grid;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.footer-content{grid-template-columns:1fr auto}}.footer-brand .footer-logo{height:2rem;margin-bottom:1rem}.footer-brand p{color:#9ca3af}.footer-links h3{color:white;margin-bottom:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:0.5rem}.footer-links a{color:#9ca3af;transition:color 0.15s}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid #374151;padding-top:1rem;text-align:center;color:#9ca3af}.footer-bottom .disclaimer{margin-top:0.5rem;font-size:0.875rem}

/* Cookie Notice */
.cookie-notice{position:fixed;bottom:0;left:0;right:0;background:#1e293b;color:white;padding:1rem;z-index:1000;display:none}.cookie-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:1rem}.cookie-content p{margin:0}.cookie-content a{color:#86efac;text-decoration:underline}

/* Legal Pages */
.legal-page{padding:8rem 2rem 4rem;max-width:800px;margin:0 auto}.legal-page h1{color:#1e293b;margin-bottom:2rem}.legal-page .last-updated{color:#6b7280;margin-bottom:2rem;font-style:italic}.legal-page section{margin-bottom:2rem}.legal-page h2{color:#374151;margin-bottom:1rem;font-size:1.5rem}.legal-page h3{color:#4b5563;margin-bottom:0.5rem;font-size:1.25rem}.legal-page ul{margin-left:1.5rem;margin-bottom:1rem}.legal-page p{margin-bottom:1rem;line-height:1.6}.legal-page a{color:#16a34a;text-decoration:underline}.legal-page a:hover{color:#15803d}

/* Utility Classes */
.disclaimer{color:#6b7280;font-size:0.875rem;text-align:center;margin-top:1rem}

/* Responsive Adjustments */
@media(max-width:767px){.hero-actions{flex-direction:column}.hero-actions .btn{text-align:center}.calculator-container{grid-template-columns:1fr}.playbook-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.templates-grid{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:1fr}.cookie-content{flex-direction:column;text-align:center}.cookie-content .btn{margin-top:0.5rem}}@media(min-width:768px){.cookie-content{flex-direction:row;text-align:left}.cookie-content .btn{margin-top:0}}