@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#F4FFF6;
  --bg2:#ECFDF3;
  --card:#FFFFFF;
  --text:#0B0F14;
  --muted:#2C3A30;
  --line:rgba(11,15,20,.10);
  --accent:#16A34A;
  --accent2:#22C55E;
  --shadow: 0 18px 55px rgba(11,15,20,.12);
  --r:24px;
  --container: 1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  padding-top:64px;
  font-family:'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:var(--text);
  background:
    radial-gradient(1100px 720px at 15% 0%, rgba(34,197,94,.18), transparent 55%),
    radial-gradient(1100px 720px at 92% 10%, rgba(22,163,74,.14), transparent 55%),
    var(--bg);
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
.container{width:min(var(--container), calc(100% - 48px));margin-inline:auto}

.skip{position:absolute;left:-999px}
.skip:focus{left:16px;top:16px;background:#fff;padding:10px 12px;border-radius:12px;z-index:9999}

.h1{margin:0;font-size:clamp(40px,6vw,78px);line-height:.98;letter-spacing:-1.2px}
.h2{margin:0;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.6px}
.h3{margin:0 0 10px;font-size:18px}
.lead{margin:14px 0 0;font-size:18px;color:rgba(255,255,255,.84);max-width:60ch}
.sub{margin:12px 0 0;color:rgba(11,15,20,.66);max-width:74ch}
.accent{color:var(--accent)}

.pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.18);
  color:rgba(255,255,255,.86);
  font-size:12px;
  backdrop-filter: blur(10px);
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 18px;border-radius:16px;
  border:1px solid rgba(255,255,255,.22);
  background: linear-gradient(135deg, rgba(22,163,74,.95), rgba(34,197,94,.95));
  color:#fff;font-weight:800;
  box-shadow:0 18px 50px rgba(11,15,20,.22);
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn--ghost{
  background: rgba(255,255,255,.92);
  border:1px solid rgba(11,15,20,.10);
  color:var(--text);
  box-shadow:none;
}
.btn--small{padding:10px 12px;border-radius:14px;font-size:13px}
.link{color:rgba(11,15,20,.88);text-decoration:underline;text-underline-offset:3px}

/* Header */
.header{
  position:fixed;top:0;left:0;right:0;z-index:90;
  background: rgba(0,0,0,0);
  backdrop-filter: blur(0px);
  border-bottom:1px solid rgba(255,255,255,0);
  transition: background .25s ease, backdrop-filter .25s ease, border-color .25s ease;
}
.header.is-scrolled{
  background: rgba(244,255,246,.86);
  backdrop-filter: blur(14px);
  border-bottom:1px solid rgba(11,15,20,.06);
}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand__logo{height:52px;width:auto}
.lang{display:flex;align-items:center;gap:8px}
.lang__link{
  font-size:12px;padding:8px 10px;border-radius:999px;
  border:1px solid rgba(11,15,20,.10);
  background: rgba(255,255,255,.92);
}
.nav{display:flex;align-items:center;gap:12px}
.nav__toggle{
  display:none;border:1px solid rgba(11,15,20,.10);
  background: rgba(255,255,255,.92);
  border-radius:14px;width:44px;height:44px;cursor:pointer;
}
.nav__burger{display:block;width:18px;height:2px;background:var(--text);margin:0 auto;position:relative}
.nav__burger:before,.nav__burger:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text)}
.nav__burger:before{top:-6px}.nav__burger:after{top:6px}
.nav__menu{display:flex;align-items:center;gap:18px}
.nav__menu a{font-size:14px;color:rgba(11,15,20,.86)}

/* Hero video (ONLY headline + CTA optional) */
.hero{
  margin-top:-64px;
  position:relative;
  min-height: 100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__media video{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
.hero__overlay{
  position:absolute;inset:0;z-index:-1;
  background: linear-gradient(180deg, rgba(8,12,10,.18), rgba(8,12,10,.45) 52%, rgba(244,255,246,.94) 100%);
}
.hero__kicker{
  letter-spacing:.18em;text-transform:uppercase;font-weight:800;
  color:rgba(255,255,255,.90);font-size:13px;
}
.hero__headline{
  margin-top:14px;
  color:#fff;
  text-shadow: 0 22px 70px rgba(0,0,0,.38);
}
.hero__logo{
  height:96px;width:auto;margin-bottom:26px;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.35));
}
.hero__meta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.hero__cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}

/* Sections */
.section{padding:78px 0}
.section--soft{
  background: rgba(255,255,255,.62);
  border-top:1px solid rgba(11,15,20,.06);
  border-bottom:1px solid rgba(11,15,20,.06);
}
.section__head{margin-bottom:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

.card{
  border-radius:var(--r);
  border:1px solid rgba(11,15,20,.08);
  background: rgba(255,255,255,.94);
  padding:30px;
  box-shadow:0 14px 44px rgba(11,15,20,.08);
}
.card--glow{box-shadow:var(--shadow);border-color: rgba(22,163,74,.18)}
.card--media{padding:0;overflow:hidden}
.card--media img,.card--media video{width:100%;height:100%;object-fit:cover}
.p{margin:0;color:rgba(11,15,20,.74)}
.list{margin:10px 0 0;padding-left:18px;color:rgba(11,15,20,.72)}
.list--tight li{margin:5px 0}

.media-split{
  display:grid;grid-template-columns: 1.35fr .65fr;gap:20px;
  align-items:start;
}
.media-split .big{min-height:420px}
.media-split .stack{display:grid;grid-template-rows: 1fr 1fr;gap:20px}

.mapframe{
  width:100%;height:560px;
  border:1px solid rgba(11,15,20,.10);
  border-radius:26px;
  overflow:hidden;
  box-shadow: 0 18px 55px rgba(11,15,20,.10);
  background:#fff;
}
.mapframe iframe{width:100%;height:100%;border:0}

.calc{display:grid;gap:12px}
.field__label{display:block;font-size:12px;color:rgba(11,15,20,.62);margin:0 0 8px}
.input{
  width:100%;
  border-radius:16px;
  border:1px solid rgba(11,15,20,.10);
  background: rgba(255,255,255,.98);
  padding:13px 14px;
  outline:none;
}
.input:focus{border-color: rgba(22,163,74,.35); box-shadow:0 0 0 5px rgba(34,197,94,.12)}
.calc__out{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  padding:14px;border-radius:18px;border:1px solid rgba(11,15,20,.08);
  background: rgba(244,255,246,.92);
}
.calc__k{font-size:11px;color:rgba(11,15,20,.60)}
.calc__v{font-size:18px;font-weight:900;margin-top:5px}
.tiny{font-size:12px;color:rgba(11,15,20,.60)}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 12px;border-radius:999px;
  border:1px solid rgba(11,15,20,.10);
  background: rgba(255,255,255,.92);
  font-size:13px;
}

/* FAQ */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:20px}
details summary{cursor:pointer;font-weight:900;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary:after{content:"+";float:right;opacity:.7}
details[open] summary:after{content:"–"}

.footer{
  padding:26px 0;
  border-top:1px solid rgba(11,15,20,.06);
  background: rgba(255,255,255,.62);
}
.footer__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}

/* Responsive */
@media (max-width:980px){
  .grid3{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .media-split{grid-template-columns:1fr}
  .media-split .big{min-height:280px}
  .faq{grid-template-columns:1fr}
  .nav__toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav__menu{
    position:absolute;right:24px;top:70px;
    width:min(340px, calc(100vw - 48px));
    display:none;flex-direction:column;gap:12px;
    padding:16px;border-radius:20px;border:1px solid rgba(11,15,20,.10);
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(14px);
  }
  .nav__menu.is-open{display:flex}
  .hero{
  margin-top:-64px;min-height: 80vh}
  .hero__logo{height:58px}
}

.media-split .big.card--media{aspect-ratio: 16 / 9}
@media(max-width:980px){
  .card--media{aspect-ratio: 16 / 11}
  .media-split .big.card--media{aspect-ratio: 16 / 10}
}

/* Media sizing (no overflow) */
.card--media{padding:0;overflow:hidden;border-radius:var(--r)}
.card--media img,.card--media video{width:100%;height:100%;object-fit:cover}
.media-fixed{aspect-ratio: 16 / 10}
.media-hero{aspect-ratio: 16 / 9}
@media(max-width:980px){
  .media-fixed{aspect-ratio: 16 / 11}
  .media-hero{aspect-ratio: 16 / 10}
}
.media-split .big{min-height:auto}
.media-split .big.card--media{aspect-ratio: 16 / 9}

/* Header controls contrast on hero */
.header .lang__link, .header .nav__toggle{
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(11,15,20,.10);
}

/* Feature rows (more original than repeating cards) */
.feature{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:22px;
  align-items:center;
}
.feature--reverse{grid-template-columns: .95fr 1.05fr}
.feature__media{
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(11,15,20,.10);
  box-shadow:0 18px 55px rgba(11,15,20,.10);
  aspect-ratio: 16 / 9;
  background:#fff;
}
.feature__media img{width:100%;height:100%;object-fit:cover}
.feature__box{
  border-radius:28px;
  border:1px solid rgba(11,15,20,.08);
  background: rgba(255,255,255,.94);
  box-shadow:0 14px 44px rgba(11,15,20,.08);
  padding:30px;
}
@media(max-width:980px){
  .feature, .feature--reverse{grid-template-columns:1fr}
}

/* Compact media blocks to avoid tall blanks on mobile */
.media-compact{aspect-ratio: 16 / 8}
@media(max-width:980px){ .media-compact{aspect-ratio: 16 / 9} }