:root{--primary: #0f172a;--primary-light: #1e293b;--accent: #166896;--accent-light: #3e90be;--text-main: #334155;--text-light: #475569;--bg-body: #f8fafc;--bg-surface: #ffffff;--border: #e2e8f0;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--container-width: 1200px;--header-height: 80px;--font-heading: "Libre Baskerville", serif;--font-body: "Inter", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body.theme-bw{--primary: #000000;--primary-light: #171717;--accent: #404040;--accent-light: #737373;--text-main: #000000;--text-light: #404040;--bg-body: #ffffff;--bg-surface: #f5f5f5;--border: #000000}body.theme-bw img{filter:grayscale(100%) contrast(1.2)}body.theme-bw .btn-primary{background-color:#000;border-color:#000;color:#fff}body.theme-bw .btn-primary:hover{background-color:#fff;color:#000}body.theme-bw .hero h1{color:#fff;background-color:#000;display:inline;box-shadow:10px 0 #000,-10px 0 #000;line-height:1.6}body.theme-coastal{--primary: #0e7490;--primary-light: #155e75;--accent: #06b6d4;--accent-light: #22d3ee;--text-main: #374151;--text-light: #4b5563;--bg-body: #f0f9ff;--bg-surface: #ffffff}body.theme-coastal .hero-bg{opacity:.6;filter:sepia(20%) hue-rotate(150deg) saturate(90%)}body.theme-coastal .contact:before{opacity:.2;filter:none}body.theme-earth{--primary: #431407;--primary-light: #57534e;--accent: #b45309;--accent-light: #d97706;--text-main: #292524;--text-light: #44403c;--bg-body: #fafaf9;--bg-surface: #ffffff;--font-heading: "Libre Baskerville", serif}body.theme-earth .hero-bg{filter:sepia(40%)}body.theme-corporate{--primary: #172554;--primary-light: #1e3a8a;--accent: #3b82f6;--accent-light: #60a5fa;--text-main: #0f172a;--text-light: #334155;--bg-body: #f8fafc;--bg-surface: #ffffff;--font-heading: "Inter", sans-serif}body.theme-corporate h1,body.theme-corporate h2{letter-spacing:-.02em}body.theme-corporate .btn,body.theme-corporate .service-card,body.theme-corporate .contact-card{border-radius:0}body.theme-vibrant{--primary: #5b21b6;--primary-light: #7c3aed;--accent: #10b981;--accent-light: #34d399;--text-main: #2e1065;--text-light: #4c1d95;--bg-body: #f5f3ff;--bg-surface: #ffffff}body.theme-vibrant .btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));border:none}body.theme-punchy{--primary: #881337;--primary-light: #9f1239;--accent: #1f2937;--accent-light: #374151;--text-main: #000000;--text-light: #374151;--bg-body: #fff1f2;--bg-surface: #ffffff}body.theme-punchy h1{font-weight:900;text-transform:uppercase}body.theme-bright{--primary: #0369a1;--primary-light: #0ea5e9;--accent: #f97316;--accent-light: #fb923c;--text-main: #0c4a6e;--text-light: #075985;--bg-body: #ffffff;--bg-surface: #f0f9ff}body.theme-bright .hero-bg{filter:saturate(150%)}body.theme-growth{--primary: #14532d;--primary-light: #15803d;--accent: #ca8a04;--accent-light: #eab308;--text-main: #052e16;--text-light: #166534;--bg-body: #f0fdf4;--bg-surface: #ffffff}body.theme-subtle{--primary: #475569;--primary-light: #64748b;--accent: #94a3b8;--accent-light: #cbd5e1;--text-main: #334155;--text-light: #64748b;--bg-body: #f8fafc;--bg-surface: #ffffff}body.theme-subtle .hero-bg{filter:grayscale(100%) opacity(.3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary);line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--spacing-sm)}h2{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:var(--spacing-md);text-align:center}h3{font-size:1.5rem;margin-bottom:var(--spacing-xs)}p{margin-bottom:var(--spacing-sm)}a{text-decoration:none;color:inherit;transition:color .2s ease}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-primary{background-color:var(--accent);color:#fff;border:2px solid var(--accent)}.btn-primary:hover{background-color:var(--accent-light);border-color:var(--accent-light);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:#fff;border:2px solid white}.btn-outline:hover{background-color:#fff;color:var(--primary)}.text-center{text-align:center}.section-padding{padding:var(--spacing-xl) 0}header{height:var(--header-height);background-color:var(--bg-surface);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center}header .container{width:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo-img{height:60px;width:auto;object-fit:contain}nav ul{display:flex;gap:var(--spacing-md)}nav a{font-weight:500;color:var(--text-main);font-size:.95rem}nav a:hover{color:var(--accent)}.mobile-menu-toggle{display:none}.hero{margin-top:var(--header-height);position:relative;height:85vh;min-height:600px;display:flex;align-items:center;background-color:var(--primary);color:#fff;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4;z-index:0;filter:grayscale(100%)}.hero-content{position:relative;z-index:1;max-width:800px;text-shadow:0 2px 10px rgba(0,0,0,.7)}.hero h1{color:#fff}.hero-subtitle{text-transform:uppercase;letter-spacing:2px;font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--accent);display:block}.hero p{font-size:1.25rem;color:#cbd5e1;margin-bottom:var(--spacing-md);max-width:600px}.hero-actions{display:flex;gap:var(--spacing-sm)}.services{background-color:var(--bg-body)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.service-card{background-color:var(--bg-surface);padding:var(--spacing-md);border-radius:8px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;border-top:4px solid transparent}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-top-color:var(--accent)}.service-icon{width:48px;height:48px;background-color:#eff6ff;color:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.service-icon svg{width:24px;height:24px}.service-card p{color:var(--text-light);font-size:.95rem;line-height:1.6}.about{background-color:var(--bg-surface)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.about-text h2{text-align:left}.about-text p{color:var(--text-light);margin-bottom:var(--spacing-md)}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-md)}.stat-item h4{font-size:2rem;color:var(--accent);margin-bottom:0}.stat-item p{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.about-image{position:relative;width:100%}.about-image img{border-radius:8px;box-shadow:var(--shadow-lg);display:block;width:100%;transition:opacity .4s ease-in-out}.about-image img{position:relative;opacity:1}.about-badge{position:relative;margin-top:var(--spacing-md);bottom:auto;right:auto;left:auto;background-color:var(--primary);color:#fff;padding:var(--spacing-md);border-radius:8px;box-shadow:var(--shadow-md);max-width:100%}.about-badge p{margin:0;font-weight:600;font-size:.9rem;line-height:1.4}.contact{background-color:var(--primary);color:#fff;text-align:center;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/cpa-carlsbad-financial-planning-beach.jpg);background-size:cover;background-position:center;opacity:.15;filter:grayscale(100%);z-index:0}.contact .container{position:relative;z-index:1}.contact h2{color:#fff}.contact p{color:#e2e8f0;max-width:600px;margin:0 auto var(--spacing-md)}.contact-cards{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-md)}.contact-card{background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md);border-radius:8px;min-width:250px;border:1px solid rgba(255,255,255,.1)}.contact-card h4{color:#fff;margin-bottom:var(--spacing-xs)}.contact-card a{color:var(--accent);font-weight:600}.contact-card a:hover{text-decoration:underline}footer{background-color:var(--primary-light);color:#94a3b8;padding:var(--spacing-md) 0;font-size:.9rem}footer .container{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){:root{--header-height: 60px}h1{font-size:2.5rem}nav{display:none}.hero{height:auto;padding:var(--spacing-xl) 0;text-align:center}.hero-actions{justify-content:center}.about-content{grid-template-columns:1fr}.about-image{order:-1;margin-bottom:var(--spacing-md)}.about-badge{right:20px;left:auto;bottom:20px}footer .container{flex-direction:column;gap:var(--spacing-sm);text-align:center}}