/* Base styles */
:root{
  --text:#0f172a;
  --muted:#6b7280;
  --bg:#ffffff;
  --card:#f3f4f6;
  --accent:#7c3aed; /* violet */
  --shadow:0 8px 30px rgba(0,0,0,.06);
  --radius:16px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
img{max-width:100%;display:block}
.container{width:min(1100px, 92%);margin-inline:auto}
.section{padding:56px 0}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700}
.brand-mark{width:48px;height:auto;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.main-nav{display:flex;gap:28px}
.main-nav a{color:var(--text);text-decoration:none;font-weight:500;opacity:.85}
.main-nav a:hover{opacity:1}
.lang-switch{display:flex;align-items:center;gap:8px}
.lang{background:none;border:none;cursor:pointer;color:#0f172a;font:600 14px/1 Inter;padding:4px 6px;opacity:.8;transition:color .2s ease}
.lang:hover{opacity:1;color:#1d4ed8}

.hero{padding-top:28px}
.hero-inner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.hero-wordmark{width:min(177px, 44%);max-width:60vw;height:auto;margin-bottom:0;filter:drop-shadow(0 12px 26px rgba(0,0,0,.16));}
.hero-title{font-size:64px;line-height:1.1;margin:8px 0 0}
.hero-subtitle{font-size:40px;line-height:1.2;color:var(--muted);margin:0 0 16px}
.btn{appearance:none;border:none;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer}
.btn.primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px rgba(124,58,237,.25)}
.btn.primary:hover{filter:brightness(0.95)}
.placeholder{background-image:repeating-linear-gradient(135deg, #ececec, #ececec 12px, #f7f7f7 12px, #f7f7f7 24px);border:1px solid #e5e7eb}
.rounded{border-radius:24px}
.section-title{font-size:28px;margin:0 0 6px;text-align:center}
.section-kicker{color:var(--muted);text-align:center;margin:0 0 24px}

.hero-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:8px}
.hero-gallery img{width:min(420px, 90%);max-width:90vw;height:auto;border-radius:24px;box-shadow:0 16px 32px rgba(15,23,42,.18);object-fit:cover}

.cards{display:grid;grid-template-columns:1fr;gap:18px;margin-top:12px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.card h3{margin:8px 0 6px;font-size:18px}
.card p{margin:0;color:var(--muted)}
.icon{width:72px;height:72px;border-radius:14px;margin-bottom:10px}
.icon.circle{border-radius:999px}
.icon.triangle{clip-path: polygon(50% 10%, 90% 90%, 10% 90%);background:#e5e7eb;border:none}

.contact-form{max-width:520px;margin:0 auto;display:grid;gap:10px}
.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font:400 14px/1.4 Inter}
.contact-form label{font-weight:600;font-size:14px}

.site-footer{border-top:1px solid #e5e7eb;padding:28px 0 56px;margin-top:20px}
.footer-inner{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start}
.mini-logo{width:56px;height:auto;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,.16)}
.footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.footer-col h4{margin:0 0 8px}
.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.footer-col a{color:var(--text);text-decoration:none;opacity:.8}
.footer-col a:hover{opacity:1}

@media (min-width: 720px){
  .cards{grid-template-columns:repeat(3,1fr)}
  .hero-title{font-size:80px}
  .hero-subtitle{font-size:44px}
}