*{box-sizing:border-box}
:root{
	--bg:#0f1720;
	--muted:#6b7280;
	--accent:#eab308;
	--card:#ffffff;
	--glass:rgba(255,255,255,0.85);
	--radius:12px;
}
html,body{height:100%}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:var(--bg);background:linear-gradient(180deg,#fbfbfb 0%, #f3f4f6 100%);line-height:1.5;-webkit-font-smoothing:antialiased}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{background:var(--glass);backdrop-filter:blur(6px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(10,10,10,0.04)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{font-weight:800;color:var(--bg);text-decoration:none;font-size:1.15rem;letter-spacing:0.4px}
.nav{display:flex;gap:18px;align-items:center}
.nav a{color:var(--muted);text-decoration:none;padding:6px 8px;border-radius:8px;transition:all .18s}
.nav a:hover{color:var(--bg);background:rgba(0,0,0,0.03)}
.btn-primary{background:var(--bg);color:#fff;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;text-decoration:none;box-shadow:0 6px 18px rgba(15,15,15,0.08)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;border:2px solid var(--bg);padding:8px 14px;border-radius:10px;cursor:pointer}
.burger{display:none;background:transparent;border:0;font-size:1.4rem}

.hero{padding:80px 0;display:grid;align-items:center}
.hero-inner{display:grid;grid-template-columns:1fr 480px;gap:36px;align-items:center}
.eyebrow{color:var(--accent);font-weight:600;margin:0 0 10px}
.hero-text h1{font-size:2.6rem;margin:0 0 10px}
.lead{color:var(--muted);margin:0 0 18px}
.hero-image{height:380px;border-radius:var(--radius);background-image:url('https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?q=80&w=1200&auto=format&fit=crop&ixlib=rb-4.0.3&s=placeholder');background-size:cover;background-position:center;box-shadow:0 12px 40px rgba(15,15,15,0.08)}
.hero-ctas{display:flex;gap:12px}
.features{display:flex;gap:12px;margin-top:18px;padding:0;list-style:none}
.features li{background:#fff;padding:8px 12px;border-radius:999px;font-size:0.9rem;box-shadow:0 6px 18px rgba(15,15,15,0.04)}

.services{padding:48px 0}
.services h2{margin-bottom:18px}
.cards{display:flex;gap:16px}
.card{background:var(--card);padding:22px;border-radius:14px;box-shadow:0 10px 30px rgba(15,15,15,0.06);flex:1;transition:transform .18s}
.card:hover{transform:translateY(-6px)}

.pricing{padding:48px 0;background:linear-gradient(180deg,#fff,#f8f8f9)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price{background:var(--card);padding:20px;border-radius:14px;text-align:center;box-shadow:0 10px 30px rgba(15,15,15,0.06)}
.price.featured{border:2px solid var(--bg);transform:translateY(-8px)}
.amount{font-size:1.6rem;font-weight:700;margin:8px 0}

.gallery{padding:48px 0}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery-item{border:0;padding:0;background:transparent;border-radius:8px;overflow:hidden}
.gallery-item img{width:100%;height:230px;object-fit:cover;border-radius:10px;display:block;transition:transform .25s}
.gallery-item:hover img{transform:scale(1.04)}

.testimonials{padding:36px 0;background:linear-gradient(180deg,transparent,#fff)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.test-card{background:linear-gradient(180deg,#fff,#fbfbfb);padding:18px;border-radius:12px;box-shadow:0 10px 30px rgba(15,15,15,0.05)}
.test-card cite{display:block;margin-top:12px;color:var(--muted);font-weight:600}

.contact{padding:48px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.contact-form{display:flex;flex-direction:column;gap:10px}
.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:0.95rem;color:var(--muted)}
.contact-form input,.contact-form textarea{padding:12px;border-radius:10px;border:1px solid #eee;width:100%;box-sizing:border-box}
.contact-form input{height:44px}
.contact-form textarea{min-height:110px;resize:vertical}
.contact-form button{align-self:flex-start}

.site-footer{padding:18px 0;background:var(--bg);color:#fff;margin-top:40px}

/* Modal */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(8,8,10,0.6)}
.modal[aria-hidden="false"]{display:flex}
.modal-content{background:#fff;padding:22px;border-radius:14px;max-width:520px;width:100%;position:relative}
.modal-close{position:absolute;right:10px;top:8px;background:transparent;border:0;font-size:22px}

/* Gallery lightbox */
.lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);z-index:80}
.lightbox[aria-hidden="false"]{display:flex}
.lightbox img{max-width:92%;max-height:84%;border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,0.6)}

/* Reveal animations */
.reveal{opacity:0;transform:translateY(12px);transition:all .6s cubic-bezier(.2,.9,.2,1)}
.reveal.active{opacity:1;transform:none}

/* Responsive */
@media(max-width:1000px){.hero-inner{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.nav{display:none}.burger{display:block}.test-grid{grid-template-columns:1fr}.features{flex-wrap:wrap}}