:root{
  --ink:#14171D;
  --paper:#F5F3EE;
  --card:#FFFFFF;
  --card-border:#E4E0D6;
  --muted:#5B6169;
  --accent:#1F8A70;
  --accent-ink:#0E3A2E;
  --font-display:'Century Gothic','Futura','Trebuchet MS',Verdana,sans-serif;
  --font-body:Georgia,'Iowan Old Style','Times New Roman',serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
}
@media (prefers-color-scheme: dark){
  :root{
    --ink:#F2F1EC;
    --paper:#101317;
    --card:#171B20;
    --card-border:#2A3038;
    --muted:#9AA1A8;
    --accent:#33C79A;
    --accent-ink:#04150F;
  }
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.6;
}
a{color:inherit;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

header{
  padding:22px 0;
  border-bottom:1px solid var(--card-border);
}
header .wrap{display:flex;align-items:center;justify-content:space-between;}
.logo{
  font-family:var(--font-display);
  font-weight:700;
  font-size:20px;
  text-transform:uppercase;
  letter-spacing:0.06em;
}
nav{display:flex;align-items:center;gap:28px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:0.08em;}
nav a{text-decoration:none;color:var(--muted);}
nav a:hover{color:var(--accent);}
nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
nav .lang{
  border:1px solid var(--card-border);
  padding:4px 9px;
  color:var(--ink);
}
nav .lang:hover{border-color:var(--accent);color:var(--accent);}

.trustbar{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);}
.trustbar .wrap{display:flex;}
.trustbar .item{
  flex:1;
  text-align:center;
  padding:17px 12px;
  font-family:var(--font-mono);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.1em;
  color:var(--ink);
  border-right:1px solid var(--card-border);
}
.trustbar .item:last-child{border-right:none;}
@media (max-width:760px){
  .trustbar .wrap{flex-direction:column;}
  .trustbar .item{border-right:none;border-bottom:1px solid var(--card-border);}
  .trustbar .item:last-child{border-bottom:none;}
}

.hero{padding:96px 0 88px;}
.hero .eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.14em;
  color:var(--accent);
  margin:0 0 22px;
}
.hero h1{
  font-family:var(--font-display);
  font-weight:700;
  text-transform:uppercase;
  text-wrap:balance;
  margin:0 0 26px;
  line-height:1.02;
  letter-spacing:-0.01em;
  font-size:clamp(38px,6.4vw,84px);
}
.hero .scaleword{
  display:inline-block;
  color:var(--accent);
  animation:grow 1.1s cubic-bezier(.2,.8,.2,1) 0.15s both;
}
@media (prefers-reduced-motion: reduce){
  .hero .scaleword{animation:none;}
}
@keyframes grow{
  0%{transform:scale(0.72);opacity:0;}
  100%{transform:scale(1);opacity:1;}
}
.hero p.lede{
  max-width:620px;
  font-size:19px;
  color:var(--muted);
  margin:0 0 36px;
}
.btn{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:0.08em;
  text-decoration:none;
  background:var(--accent);
  color:var(--paper);
  padding:14px 26px;
  border:1px solid var(--accent);
}
.btn:hover{opacity:0.88;}
.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}

section{padding:64px 0;border-top:1px solid var(--card-border);}
h2.section-h{
  font-family:var(--font-mono);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:var(--muted);
  margin:0 0 40px;
}

.services{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.service{
  background:var(--card);
  border:1px solid var(--card-border);
  padding:28px 24px;
}
.service .size{
  font-family:var(--font-display);
  font-size:13px;
  font-weight:700;
  color:var(--accent);
  letter-spacing:0.04em;
}
.service h3{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:19px;
  margin:14px 0 12px;
  letter-spacing:0.01em;
}
.service p{margin:0;color:var(--muted);font-size:15.5px;}

.approach .wrap{max-width:760px;}
.approach p{font-size:18px;margin:0 0 20px;}
.approach p:last-child{margin-bottom:0;}

.contact .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;}
.contact h2.section-h{margin-bottom:12px;}
.contact .big{font-family:var(--font-display);font-size:clamp(24px,3.4vw,34px);text-transform:uppercase;}
.contact a.mail{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);}

footer{padding:26px 0;border-top:1px solid var(--card-border);}
footer .wrap{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;}

@media (max-width:760px){
  .services{grid-template-columns:1fr;}
  nav{gap:16px;}
  .contact .wrap{flex-direction:column;align-items:flex-start;}
}
