:root{
    --red:#e01b24;
    --red-dark:#b3141c;
    --black:#0d0d0d;
    --ink:#1a1a1a;
    --grey:#6b6b6b;
    --line:#e6e6e6;
    --white:#ffffff;
    --radius:4px;
    --max:1140px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
    color:var(--ink);background:var(--white);
    line-height:1.6;-webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
  h1,h2,h3{line-height:1.15;letter-spacing:-.02em;font-weight:800}
  a{color:inherit;text-decoration:none}

  /* ---------- HEADER ---------- */
  header{
    position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);
    backdrop-filter:blur(8px);border-bottom:1px solid var(--line);
  }
  .bar{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
  .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.03em}
  .dot{width:14px;height:14px;background:var(--red);border-radius:50%;flex:0 0 auto}
  nav{display:flex;gap:28px;font-size:14px;font-weight:600;color:var(--grey)}
  nav a:hover{color:var(--red)}

 /* .lang{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
  .lang button{
    background:var(--white);border:0;padding:7px 11px;font:inherit;font-size:12px;
    font-weight:700;letter-spacing:.06em;color:var(--grey);cursor:pointer
  }
  .lang button+button{border-left:1px solid var(--line)}
  .lang button:hover{color:var(--black)}
  .lang button[aria-pressed="true"]{background:var(--red);color:#fff}
*/
.lang{display:flex;border:1px solid var(--line);border-radius:var(--radius);
      overflow:hidden;font-size:12px;font-weight:700;letter-spacing:.06em}
.lang a,.lang span{padding:7px 11px;color:var(--grey);line-height:1.4}
.lang>*+*{border-left:1px solid var(--line)}
.lang a:hover{color:var(--black);background:#f4f4f4}
.lang .lang-current{background:var(--red);color:#fff}

  /* ---------- HERO ---------- */
  .hero{padding:110px 0 90px;border-bottom:1px solid var(--line)}
  .kicker{
    display:inline-block;font-size:11px;font-weight:800;letter-spacing:.18em;
    text-transform:uppercase;color:var(--red);margin-bottom:22px
  }
  .hero h1{font-size:clamp(2.3rem,6vw,4.2rem);max-width:16ch}
  .hero h1 span{color:var(--red)}
  .hero p{margin-top:22px;max-width:52ch;font-size:clamp(1rem,2.4vw,1.18rem);color:var(--grey)}
  .cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
  .btn{
    display:inline-block;padding:15px 30px;border-radius:var(--radius);
    font-size:14px;font-weight:700;letter-spacing:.02em;transition:.15s;border:2px solid var(--black)
  }
  .btn-primary{background:var(--red);border-color:var(--red);color:#fff}
  .btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}
  .btn-ghost{background:transparent;color:var(--black)}
  .btn-ghost:hover{background:var(--black);color:#fff}

  /* ---------- SECTIONS ---------- */
  section{padding:88px 0}
  .head{max-width:60ch;margin-bottom:52px}
  .head h2{font-size:clamp(1.7rem,4vw,2.6rem)}
  .head p{margin-top:14px;color:var(--grey)}
  .rule{width:52px;height:4px;background:var(--red);margin-bottom:22px}

  /* ---------- SERVICES ---------- */
  #services{background:#fafafa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
  .card{background:var(--white);padding:38px 30px;transition:.2s;position:relative}
  .card:hover{background:var(--black);color:#fff}
  .card:hover p{color:#b9b9b9}
  .card:hover svg{stroke:var(--red)}
  .icon{margin-bottom:20px}
  .icon svg{width:30px;height:30px;stroke:var(--red);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:.2s}
  .card h3{font-size:1.08rem;margin-bottom:10px}
  .card p{font-size:.93rem;color:var(--grey);transition:.2s}
  .num{position:absolute;top:22px;right:26px;font-size:11px;font-weight:800;color:var(--line)}
  .card:hover .num{color:#3a3a3a}

  /* ---------- WHY ---------- */
  .why{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
  .points{list-style:none;display:grid;gap:22px}
  .points li{display:flex;gap:16px;align-items:flex-start}
  .tick{
    flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;
    display:grid;place-items:center;font-size:12px;font-weight:800;margin-top:3px
  }
  .points strong{display:block;font-size:1rem}
  .points span{font-size:.92rem;color:var(--grey)}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:64px;border:1px solid var(--line)}
  .stat{background:var(--white);padding:30px 22px;text-align:center}
  .stat b{display:block;font-size:2rem;color:var(--red);letter-spacing:-.03em}
  .stat span{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}

  /* ---------- CONTACT ---------- */
  #contact{background:var(--black);color:#fff}
  #contact .head p{color:#a8a8a8}
  .form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px}
  .form input,.form textarea,.form select{
    width:100%;padding:15px;background:#161616;border:1px solid #2c2c2c;color:#fff;
    font:inherit;font-size:.95rem;border-radius:var(--radius)
  }
  .form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--red)}
  .form .full{grid-column:1/-1}
  .form textarea{min-height:130px;resize:vertical}
  .form button{
    grid-column:1/-1;justify-self:start;padding:16px 34px;background:var(--red);color:#fff;
    border:0;border-radius:var(--radius);font:inherit;font-size:14px;font-weight:700;cursor:pointer
  }
  .form button:hover{background:var(--red-dark)}
  .contactinfo{display:flex;flex-wrap:wrap;gap:36px;margin-top:44px;font-size:.92rem;color:#a8a8a8}
  .contactinfo b{display:block;color:#fff;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}

  /* ---------- FOOTER ---------- */
  footer{background:var(--black);color:#6e6e6e;border-top:1px solid #222;padding:28px 0;font-size:.83rem}
  .foot{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
  footer a:hover{color:#fff}

  /* ---------- RESPONSIVE ---------- */
  @media(max-width:900px){
    .grid{grid-template-columns:repeat(2,1fr)}
    .why{grid-template-columns:1fr;gap:40px}
  }
  @media(max-width:680px){
    nav{display:none}
    .bar{height:60px}
    .hero{padding:70px 0 60px}
    section{padding:64px 0}
    .grid{grid-template-columns:1fr}
    .form{grid-template-columns:1fr}
    .btn{width:100%;text-align:center}
    .stats{grid-template-columns:1fr}
  }
  /* ---------- LANGUAGE SUGGESTION BANNER ---------- */
.langbar{
  position:fixed;left:0;right:0;bottom:0;z-index:80;
  display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  padding:14px 24px;background:var(--black);color:#fff;
  border-top:3px solid var(--red);
  transform:translateY(110%);transition:transform .25s ease;
}
.langbar.is-in{transform:none}
.langbar p{font-size:.92rem;margin-right:auto}
.langbar-go{
  background:var(--red);color:#fff;padding:10px 20px;
  border-radius:var(--radius);font-size:13px;font-weight:700;white-space:nowrap;
}
.langbar-go:hover{background:var(--red-dark)}
.langbar-x{
  background:none;border:1px solid #3a3a3a;color:#a8a8a8;padding:10px 16px;
  border-radius:var(--radius);font:inherit;font-size:13px;font-weight:600;cursor:pointer;
}
.langbar-x:hover{color:#fff;border-color:#666}
@media(max-width:680px){
  .langbar{padding:16px;gap:10px}
  .langbar p{flex:1 0 100%;margin:0}
  .langbar-go,.langbar-x{flex:1;text-align:center}
}
@media(prefers-reduced-motion:reduce){.langbar{transition:none}}

.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;color:#a8a8a8}
.consent input{width:16px;height:16px;margin-top:3px;accent-color:var(--red);flex:0 0 auto}
.consent a{color:#fff;text-decoration:underline}
.formnote{min-height:1.2em;font-size:.9rem;font-weight:600;color:#a8a8a8}
.formnote.ok{color:#fff;border-left:3px solid var(--red);padding-left:12px}
.formnote.bad{color:#ff6b6b}
.form button[disabled]{opacity:.6;cursor:progress}