:root{
  --bg:#f8fcfc;
  --bg2:#eef8f8;
  --panel:#ffffff;
  --panel-2:#f6fbfb;
  --line:rgba(24,82,87,.12);
  --text:#12353b;
  --muted:#58777c;
  --cyan:#88ddd6;
  --cyan-strong:#5ccfc6;
  --gold:#d7b06a;
  --gold-soft:#f5e7c9;
  --max:1180px;
  --shadow:0 22px 54px rgba(73,130,136,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at 10% 0, rgba(136,221,214,.28), transparent 30%),
    radial-gradient(circle at 90% 10%, rgba(215,176,106,.18), transparent 24%),
    linear-gradient(180deg,#fbffff,#f5fbfb 45%,#edf7f7);
  color:var(--text);
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 32px));margin:auto}
.topbar{
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.86);
  color:#4a6970;
  font-size:.9rem;
  backdrop-filter:blur(14px)
}
.topbar .container{display:flex;justify-content:space-between;gap:18px;padding:9px 0;flex-wrap:wrap}
.topbar .mini{display:flex;gap:18px;flex-wrap:wrap}
.header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line)
}
.headerin{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:176px;height:auto}.brand small{display:block;color:var(--muted);font-size:.77rem}
.nav{display:flex;align-items:center;gap:20px;font-size:.94rem}
.nav a{color:#34565b;font-weight:600}.nav a:hover,.nav a.active{color:#3ab7b0}
.actions{display:flex;align-items:center;gap:10px}
.langs{display:flex;gap:6px}
.langs button{
  border:1px solid rgba(24,82,87,.12);
  background:rgba(255,255,255,.84);
  color:var(--text);
  padding:8px 10px;border-radius:10px;font-weight:800;cursor:pointer
}
.langs button.active{border-color:rgba(92,207,198,.55);background:rgba(136,221,214,.22)}
.menu{display:none;background:none;border:0;color:var(--text);font-size:1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:13px 18px;font-weight:800;border:1px solid transparent;transition:.2s}
.btn-primary{
  color:#0f3f44;
  background:linear-gradient(135deg,var(--cyan),var(--cyan-strong));
  box-shadow:0 14px 28px rgba(92,207,198,.22)
}
.btn-primary:hover{transform:translateY(-1px)}
.btn-ghost{border-color:rgba(24,82,87,.14);background:rgba(255,255,255,.78);color:var(--text)}
.btn-gold{border-color:rgba(215,176,106,.35);background:rgba(245,231,201,.58);color:#8b6322}
.hero{padding:52px 0 20px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}
.panel{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,251,251,.98));
  border-radius:24px;box-shadow:var(--shadow);overflow:hidden
}
.hero-copy{padding:42px}
.badge{
  display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;
  border:1px solid rgba(92,207,198,.28);background:rgba(136,221,214,.14);font-weight:700;color:#257c81;font-size:.88rem
}
.badge:before{content:'';width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--cyan-strong),var(--gold))}
h1,h2,h3{line-height:1.1;letter-spacing:-.03em;margin:0 0 16px}h1{font-size:clamp(2.6rem,5vw,4.6rem);max-width:12ch}h1 .gold{color:#c79a4c}h2{font-size:clamp(2rem,3.8vw,3rem);max-width:16ch}h3{font-size:1.15rem}
.lead{color:var(--muted);font-size:1.08rem;max-width:68ch}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-img{position:relative;min-height:520px}.hero-img img{width:100%;height:100%;object-fit:cover}
.hero-cards{
  position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
  background:rgba(255,255,255,.78);backdrop-filter:blur(12px);padding:14px;border-radius:18px;border:1px solid rgba(24,82,87,.1)
}
.hero-cards div{padding:12px;background:rgba(255,255,255,.6);border-radius:14px;box-shadow:0 6px 16px rgba(73,130,136,.08)}
.hero-cards strong{display:block;color:#18484e}.hero-cards span{color:var(--muted);font-size:.89rem}
.section{padding:78px 0}.section-sm{padding:52px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#4dbcb5;font-weight:800;font-size:.78rem;margin-bottom:12px}
.grid{display:grid;gap:20px}.cards-4{grid-template-columns:repeat(4,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-2{grid-template-columns:repeat(2,1fr)}
.card{
  border:1px solid rgba(24,82,87,.09);
  background:rgba(255,255,255,.82);
  border-radius:19px;padding:23px;
  box-shadow:0 10px 24px rgba(73,130,136,.07)
}
.card p{margin:0;color:var(--muted)}
.ico{
  width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;
  background:linear-gradient(135deg,rgba(136,221,214,.35),rgba(245,231,201,.7));border:1px solid rgba(24,82,87,.08)
}
.ico svg{width:24px;height:24px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.image-box{border-radius:24px;overflow:hidden;border:1px solid rgba(24,82,87,.08);box-shadow:var(--shadow)}
.image-box img{width:100%;height:100%;object-fit:cover;min-height:430px}
.content-box{padding:32px}
.steps{counter-reset:step}.step{position:relative;padding-top:42px}
.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan-strong),var(--gold));color:#fff;font-weight:900}
.checklist{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.checklist li{display:flex;gap:10px;color:var(--muted)}
.check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(92,207,198,.18);color:#2c9f98;flex:0 0 auto}
.cta{
  display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;
  border:1px solid rgba(24,82,87,.1);border-radius:23px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,248,248,.98));box-shadow:var(--shadow)
}
.pagehead{padding:50px 0 12px}.pagehead .panel{padding:36px}
.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-card{display:flex;gap:14px;align-items:flex-start}.contact-card .ico{margin:0;flex:0 0 auto}
.form{padding:28px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}label{font-weight:700;color:#1d4f55}
.field input,.field textarea{
  width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(24,82,87,.12);
  background:rgba(255,255,255,.9);color:var(--text);font:inherit
}
.field textarea{min-height:155px;resize:vertical}
.footer{margin-top:50px;border-top:1px solid rgba(24,82,87,.1);background:rgba(255,255,255,.8);padding:34px 0 44px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer img{width:160px}.footer p,.footer li,.footer small{color:var(--muted)}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer h3{font-size:1rem;color:#1b4f55}.legal p,.legal li{color:var(--muted)}.legal h2{margin-top:32px;font-size:1.5rem}.note{font-size:.9rem;color:var(--muted)}
@media(max-width:1050px){.nav{gap:13px;font-size:.88rem}.hero-grid,.split{grid-template-columns:1fr}.cards-4{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:repeat(2,1fr)}.hero-img{min-height:460px}.header .btn-gold{display:none}}
@media(max-width:840px){.menu{display:block}.nav{display:none;position:absolute;top:78px;left:16px;right:16px;background:#ffffff;border:1px solid rgba(24,82,87,.12);border-radius:18px;padding:18px;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.nav.open{display:flex}.headerin{flex-wrap:wrap}.brand{flex:1}.actions{margin-left:auto}.topbar .container{flex-direction:column}.brand small{display:none}}
@media(max-width:650px){.cards-4,.cards-3,.cards-2,.contact-grid,.formgrid{grid-template-columns:1fr}.hero-copy,.pagehead .panel,.content-box{padding:26px}.hero-cards{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.brand img{width:150px}.section{padding:62px 0}}