*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:#0a0a0a;background:#fff}
a{color:#0a6cff;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;background:#ffffffcc;backdrop-filter:saturate(1.5) blur(10px);z-index:50;border-bottom:1px solid #eee}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;align-items:center;gap:12px}
.logo{height:56px;width:auto;border-radius:10px;object-fit:cover}
.brand-text h1{font-size:20px;margin:0}
.brand-text .tagline{margin:0;color:#666;font-size:12px}
nav a{margin:0 8px;font-weight:600;color:#333}
nav a:hover{color:#000}

.hero{position:relative;height:min(72vh,760px);overflow:hidden;background:#000}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:#fff;padding:0 16px;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.45))}
.hero-overlay h2{font-size:clamp(24px,4vw,40px);margin:0 0 8px}
.hero .btn{margin-top:8px}

.btn{display:inline-block;padding:12px 20px;border-radius:999px;border:1px solid #ccc;background:#fff;color:#111;font-weight:700;transition:.2s box-shadow}
.btn:hover{box-shadow:0 6px 18px rgba(0,0,0,.15)}
.btn.primary{background:#0a6cff;color:#fff;border-color:#0a6cff}

.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:40px 16px}
.benefit{background:#f7f9ff;border:1px solid #e6ecff;border-radius:16px;padding:20px}

.gallery-section{padding:40px 0}
.gallery-section h2{text-align:center;margin:0 0 8px}
.gallery-section p{text-align:center;color:#666;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.grid a{display:block;border-radius:14px;overflow:hidden;border:1px solid #eee;background:#fafafa}
.grid img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .3s ease}
.grid a:hover img{transform:scale(1.03)}

.video-section{padding:40px 0;background:#fafafa}
.video-wrapper{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid #eee;background:#000}
.video-wrapper iframe{width:100%;height:100%}

.social-section{padding:40px 0}
.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.card{border:1px solid #eee;border-radius:16px;padding:16px;background:#fff}
.fb-container{border-radius:12px;overflow:hidden;border:1px solid #eee;margin-bottom:12px}

.contact-section{padding:40px 0;background:#fafafa}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.contact-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:16px}
.contact-card .row{display:flex;flex-direction:column;margin-bottom:12px}
.contact-card label{font-weight:600;margin-bottom:6px}
.contact-card input,.contact-card textarea{padding:12px;border-radius:12px;border:1px solid #ddd;font:inherit}
.small{font-size:12px;color:#666}

.wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;box-shadow:0 12px 26px rgba(37,211,102,.4);z-index:60}
.wa-float svg{width:28px;height:28px;fill:#fff}

.site-footer{padding:24px 0;border-top:1px solid #eee;background:#fff;margin-top:32px}
.site-footer p{margin:0;text-align:center;font-size:14px}

/* Lightbox */
.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:80}
.lightbox-overlay.open{display:flex}
.lightbox-overlay img{max-width:95vw;max-height:90vh;border-radius:12px}
.lightbox-close{position:absolute;top:20px;right:20px;background:#fff;border:none;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}
