*{box-sizing:border-box}
:root{--orange:#f29a2e;--blue:#153a67;--ink:#0f172a;--muted:#6b7280;--line:rgba(15,23,42,.10)}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink)}
a{color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.muted{color:var(--muted)}
.fine{font-size:12px;color:var(--muted);margin:12px 0 0}

.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);z-index:50;border-bottom:1px solid rgba(15,23,42,.06)}
.wrap{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:80px;width:auto}
.brand-text{margin-left:-50px;line-height:1}
.brand-name,.brand-sub{
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color:var(--blue);
}
.brand-name{font-size:26px;letter-spacing:1px}
.brand-sub{font-size:14px}

.nav{display:flex;align-items:center;gap:12px;font-weight:700}
.sep{opacity:.6}
.lang{background:none;border:0;font-weight:800;cursor:pointer;opacity:.6}
.lang.active{opacity:1}

.btn{padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer}
.btn.blue{background:var(--blue);color:#fff}
.btn.orange{background:var(--orange);color:#fff}
.btn:hover{filter:brightness(.97)}
.w100{width:100%}

.hero{height:100vh;background:url('assets/hero.jpg') center 30%/cover no-repeat;position:relative}
.overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.14))}
.hero-text{position:absolute;bottom:120px;left:80px;color:#fff;max-width:760px}
.hero-text h1{font-size:48px;margin:0 0 18px;line-height:1.15}
.hero-text p{font-size:18px;margin:0}
.cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}

.section{padding:84px 0}
.section-alt{background:#f6f7fb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{margin-bottom:24px}
.section-head h2{margin:0 0 10px;font-size:34px}
.section-sub{margin:0;color:var(--muted);line-height:1.7;max-width:85ch}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 16px 40px rgba(15,23,42,.10)}
.card h3{margin:0 0 8px;font-size:18px}
.card p{margin:0;color:var(--muted);line-height:1.65}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.thumb{border:0;background:transparent;padding:0;cursor:pointer;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.12)}
.thumb img{width:100%;height:240px;object-fit:cover;display:block}
.thumb:hover{transform:translateY(-2px);transition:transform .12s ease}

.section-contact{background:#0f172a;color:#fff}
.section-contact .section-sub{color:rgba(255,255,255,.78)}
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.contact-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:16px}
.form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:16px}
label{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;font-weight:800}
input,textarea{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:12px;color:#fff;font-size:15px}
input:focus,textarea:focus{outline:2px solid rgba(242,154,46,.45);border-color:rgba(242,154,46,.45)}

.footer{padding:26px 0;background:#fff;border-top:1px solid var(--line)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}
.footer-left{display:flex;align-items:center;gap:12px}
.footer-logo{height:34px;width:auto}

.lightbox{position:fixed;inset:0;display:none;z-index:2000}
.lightbox.open{display:block}
.lb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75)}
.lb-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1100px,92vw);background:#0b1220;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}
.lb-panel img{width:100%;height:min(78vh,780px);object-fit:contain;background:#0b1220;display:block}
.lb-close{position:absolute;right:10px;top:10px;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:24px;cursor:pointer}
.lb-nav{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}
.lb-btn{pointer-events:auto;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;font-size:18px;cursor:pointer}

@media (max-width: 1100px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .contact{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .hero-text{left:18px;right:18px;bottom:84px}
  .hero-text h1{font-size:36px}
  .thumb img{height:190px}
  .contact-cards{grid-template-columns:1fr}
}