:root{--primary-color:#3498db;--primary-dark:#2980b9;--primary-light:#5dade2;--secondary-color:#2c3e50;--tertiary-color:#34495e;--accent-color:#3498db;--background-color:#fff;--text-color:#333;--light-bg:#f8f9fa;--light-bg-alt:#ecf0f1;--border-color:#3498db;--gradient-primary:linear-gradient(135deg, var(--primary-light), var(--primary-color));--gradient-hero:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #e3f2fd 100%);--gradient-card:linear-gradient(135deg, #fff 0%, #f8f9fa 100%);--shadow-primary:0 15px 30px #3498db33;--shadow-soft:0 4px 6px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--background-color);font-family:Roboto,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{color:#1a2332;letter-spacing:-.02em;margin-bottom:.75rem;font-family:Montserrat,sans-serif;font-weight:600}h1{text-transform:uppercase;letter-spacing:.03em;color:#1a2332;font-family:Oswald,sans-serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:.95}h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1.15}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.5rem;font-weight:600}h5{font-size:1.3rem;font-weight:600}h6{font-size:1.1rem;font-weight:600}p{color:#3d4754;margin-bottom:1rem;font-size:1.05rem;font-weight:400}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--primary-color);margin-bottom:.6rem;font-family:Oswald,sans-serif;font-size:.8rem;font-weight:500}.btn-primary,.btn-secondary{cursor:pointer;border:2px solid #0000;border-radius:2px;padding:12px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{color:var(--primary-color);border-color:var(--primary-color);background-color:#0000}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.btn-primary.large{padding:16px 32px;font-size:1.1rem}.header{background-color:var(--background-color);z-index:100;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.nav{padding:.5rem 0}.nav .container{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.nav-brand{line-height:0;display:flex}.nav-links{gap:1.4rem;margin-left:auto;display:flex}.nav-links a{color:#1a2332;font-size:.92rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--primary-color)}.logo{width:auto;height:80px}.nav-contact .btn-primary{margin:0}.hero{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:85vh;padding:5rem 0;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-image{object-fit:cover;z-index:0;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.hero-video:not([poster])+.hero-image{display:block}.hero .container{z-index:2;justify-content:flex-start;align-items:flex-end;max-width:1200px;padding-bottom:4rem;display:flex;position:relative}.hero-content{background:#fffffff0;max-width:38rem;padding:2rem 2rem 1.6rem}.hero-content h1{margin-bottom:.8rem}.hero-subtitle{color:#3d4754;max-width:34rem;margin-bottom:1.4rem;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:400}.hero-text-link{background:0 0}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.product-gallery{background:#fff;padding:4.5rem 0}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.gallery-item{background:var(--background-color);border-radius:2px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000001a}.gallery-item:hover{box-shadow:0 10px 24px #00000029}.gallery-item img{object-fit:cover;width:100%;height:250px;transition:transform .3s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item img{cursor:pointer}.lightbox{z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.lightbox-content{justify-content:center;align-items:center;max-width:95vw;max-height:95vh;display:flex;position:relative}#lightbox-image{object-fit:contain;border-radius:10px;width:auto;max-width:95vw;height:auto;max-height:95vh}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;font-size:40px;font-weight:700;position:absolute;top:-40px;right:0}.lightbox-close:hover{color:var(--primary-color)}.lightbox-nav{pointer-events:none;justify-content:space-between;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-btn{color:#fff;cursor:pointer;pointer-events:all;background:#00000080;border:none;border-radius:5px;padding:15px 20px;font-size:24px;transition:background .3s}.lightbox-btn:hover{background:#000c}#lightbox-prev{margin-left:20px}#lightbox-next{margin-right:20px}.banner-video{width:100%;height:60vh;position:relative;overflow:hidden}.banner-video-player{object-fit:cover;width:100%;height:100%}@media (width<=768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.gallery-item img{height:200px}.lightbox-btn{padding:10px 15px;font-size:20px}#lightbox-prev{margin-left:10px}#lightbox-next{margin-right:10px}.banner-video{height:40vh}}.featured{background:#f4f6f8;padding:4.5rem 0;scroll-margin-top:8.5rem}.featured-layout{grid-template-columns:minmax(260px,.9fr) 1.1fr;align-items:center;gap:3.5rem;display:grid}.featured-photo{background:#fff;margin:0}.featured-photo img{width:100%;height:auto;display:block}.featured-bridge{color:#1a2332;font-size:1.2rem;font-weight:500}.featured-note{font-size:.98rem}.featured-copy .btn-primary{margin-top:.5rem}#gallery,#customization,#benefits{scroll-margin-top:8.5rem}.problem-solution{background-color:var(--background-color);padding:5rem 0}.section-content>p{max-width:40rem;margin-bottom:2rem;font-size:1.05rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.benefit-card{border-top:3px solid var(--primary-color);text-align:left;background:#fff;padding:1.5rem 0 .25rem}.benefit-card p{font-size:.98rem}.benefit-icon{margin-bottom:1rem;font-size:3rem;display:block}.benefit-card h4{color:var(--primary-color);margin-bottom:1rem}.customization{background:#fff;padding:4.5rem 0}.section-header{text-align:left;max-width:40rem;margin-bottom:2.5rem}.section-header p{max-width:40rem;font-size:1.05rem}.customization-content{grid-template-columns:2fr 1fr;gap:4rem;display:grid}.target-audiences h3,.customization-features h3{margin-bottom:1.25rem}.audience-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.audience-card{background:#f4f6f8;padding:1.25rem 1.25rem .4rem}.audience-card h4{margin-bottom:.4rem}.audience-card p{color:var(--text-color);font-size:.95rem}.feature-list{margin:0 0 1.25rem;padding:0;list-style:none}.feature-list li{color:#1a2332;border-bottom:1px solid #e3e7ec;padding:.55rem 0;font-size:1rem}.color-examples{border-top:2px solid var(--primary-color);margin-top:2rem;padding-top:2rem}.color-examples h4{margin-bottom:.75rem}.color-swatches{flex-wrap:wrap;gap:1rem;margin:1.5rem 0;display:flex}.color-swatch{border:3px solid var(--secondary-color);border-radius:50%;width:50px;height:50px;transition:transform .3s}.color-swatch:hover{border-color:var(--primary-color);transform:scale(1.1)}.color-swatch.black{background-color:#000}.color-swatch.white{background-color:#fff;border-color:#000}.color-swatch.blue{background-color:#00f}.color-swatch.orange{background-color:orange}.color-swatch.green{background-color:green}.color-swatch.red{background-color:red}.color-note{color:var(--text-color);margin-top:1rem;font-size:.9rem;font-style:italic}.cta{background:var(--tertiary-color);color:#fff;text-align:center;padding:5rem 0}.cta-content h2{color:#fff;margin-bottom:1rem}.cta-content p{color:var(--background-color);margin-bottom:2rem;font-size:1.2rem}.cta-buttons{margin-bottom:2rem}.cta .btn-secondary{color:#fff;border-color:#fff;margin-left:1rem}.cta .btn-secondary:hover{color:var(--tertiary-color);background:#fff}.cta-note{color:#ffffffc7;font-size:.95rem;font-style:normal}.footer{background-color:var(--tertiary-color);color:#fff;padding:3rem 0 1rem}.footer p{color:#ffffffd1}.footer-content{grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.footer-brand h2{color:#fff;margin-bottom:.6rem;font-size:1.3rem}.footer-contact h3{color:#fff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem;font-size:.8rem}.footer-contact p{margin-bottom:.35rem}.footer-contact a{color:var(--primary-color);text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-bottom{text-align:center;border-top:1px solid var(--secondary-color);padding-top:2rem}@media (width<=768px){.nav .container{flex-wrap:wrap;gap:.4rem 1rem}.nav-links{order:3;gap:1rem;width:100%;margin-left:0;padding-bottom:.35rem}.hero .container{justify-content:flex-start;padding-bottom:2rem;padding-left:20px;padding-right:20px}.hero-content{max-width:100%;padding:1.4rem 1.25rem 1.2rem}.hero-buttons{justify-content:flex-start}.customization-content{grid-template-columns:1fr;gap:2rem}.featured-layout{grid-template-columns:1fr;gap:1.5rem}.footer-content{text-align:center;grid-template-columns:1fr}}@media (width<=480px){.container{padding:0 15px}.hero{padding:2rem 0}.hero-content h1{font-size:2.2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.benefits-grid,.audience-grid{grid-template-columns:1fr}}