:root{
  --bg:#f6f7f9;
  --surface:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;
  --accent:#e04a3a;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}

:root[data-preset="a"]{--accent: var(--preset-a, #e04a3a);}
:root[data-preset="b"]{--accent: var(--preset-b, #f0b90b);}
:root[data-preset="c"]{--accent: var(--preset-c, #10b981);}

html,body{height:100%;}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:var(--bg);
}

.container{width:min(1120px, calc(100% - 32px)); margin-inline:auto;}
.muted{color:var(--muted);}

.site-header{
  background:var(--surface);
  border-bottom:1px solid var(--border);
  position:sticky;
  top:0;
  z-index:50;
}
.header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
}
.header__logo img{height:48px; width:auto; display:block;}
.site-title{font-weight:800; text-decoration:none; color:var(--text); letter-spacing:.02em;}
.nav{list-style:none; display:flex; gap:20px; padding:0; margin:0;}
.nav a{color:var(--text); text-decoration:none; font-weight:600; opacity:.85;}
.nav a:hover{opacity:1;}
.header__actions{display:flex; align-items:center; gap:12px;}

.cta-switch{display:flex; gap:10px; align-items:center;}
.cta-switch__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 14px;
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(0,0,0,.10);
  border:1px solid rgba(0,0,0,.08);
}
.cta-switch__btn:hover{filter:brightness(.96);}
.lang-switch{
  display:flex;
  gap:10px;
  align-items:center;
}

.lang-flag{
  width:26px;
  height:18px;
  border-radius:5px;
  border:1px solid rgba(0,0,0,.10);
  cursor:pointer;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  opacity:.9;
  padding:0;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.lang-flag svg{display:block;border-radius:4px}
.lang-flag:hover{opacity:1;}
.lang-flag.is-active{outline:2px solid rgba(17,24,39,.45); outline-offset:2px; opacity:1;}

.hero{
  min-height:700px;
  height:700px;
  background:#111;
  background-size:cover;
  background-position:center;
  position:relative;
}
.hero__overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55));
}
.hero__inner{
  position:relative;
  height:700px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:44px 0;
}
.hero__title{
  margin:0;
  color:#fff;
  font-size: clamp(34px, 4.5vw, 64px);
  letter-spacing:.02em;
  font-weight:900;
  text-transform:uppercase;
}
.hero__subtitle{
  margin:10px 0 0;
  color:rgba(255,255,255,.9);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.content{padding:36px 0 56px;}

.accordion{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.accordion__item{
  border-radius:14px;
  overflow:hidden;
  box-shadow: var(--shadow);
}
.accordion__header{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 22px;
  border:0;
  color:#fff;
  font-weight:900;
  font-size:24px;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  border-radius:18px;
}
.accordion__chev{
  width:12px; height:12px;
  border-right:3px solid rgba(255,255,255,.9);
  border-bottom:3px solid rgba(255,255,255,.9);
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.accordion__header[aria-expanded="true"] .accordion__chev{transform:rotate(225deg);}
.accordion__panel{
  background:var(--surface);
  padding:10px 18px 4px;
}
.form-list{list-style:none; padding:0; margin:0;}
.form-list__item{
  border-bottom:1px solid var(--border);
}
.form-list__link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 6px;
  text-decoration:none;
  color:var(--text);
  font-weight:800;
  font-size:18px;
}
.form-list__link::before{
  content:"";
  width:0;height:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:8px solid #111;
  transform:translateY(1px);
}
.form-list__link:hover{color:#000;}

.site-footer{
  padding:22px 0;
  border-top:1px solid var(--border);
  background:var(--surface);
}
.footer__inner{display:flex; align-items:center; justify-content:space-between; gap:16px;}
.footer__logo img{height:32px; width:auto; display:block;}

.accordion__panel{display:none;}
.js-enabled .accordion__item.is-open .accordion__panel{display:block;}

@media (max-width: 860px){
  .header__nav{display:none;}
  .hero{min-height:420px;height:420px;}
  .hero__inner{height:420px;}
}