:root{
  --navy:#0B1C30;--navy-2:#14304f;--teal:#17B77F;--teal-d:#0e8a5f;
  --paper:#F6F3EC;--card:#fff;--ink:#14213a;--muted:#5b6679;--line:#e3ddd0;
  --serif:'Frank Ruhl Libre',Georgia,serif;--sans:'Heebo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:18px;--gut:clamp(16px,5vw,48px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{font-family:var(--serif);line-height:1.12;margin:0;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,6.2vw,4.1rem)}
h2{font-size:clamp(1.8rem,4vw,2.6rem)}
h3{font-size:1.3rem}
p{margin:0}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);color:var(--navy);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.25rem var(--serif)}
.brand img{height:40px;width:auto;display:block}
.nav-r{display:flex;align-items:center;gap:10px}
.nav-link{color:var(--muted);text-decoration:none;font-size:.95rem;padding:8px 10px}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;background:transparent}
.lang button{border:0;background:transparent;color:var(--muted);font:500 .85rem var(--sans);padding:6px 14px;border-radius:999px;cursor:pointer;min-height:34px}
.lang button[aria-pressed=true]{background:var(--navy);color:#fff;font-weight:700}
.lang button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
/* hero */
.hero{background:var(--navy);color:#fff;padding:clamp(48px,9vw,110px) 0 clamp(56px,9vw,120px);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:auto -10% -40% auto;width:60vw;height:60vw;max-width:760px;max-height:760px;border-radius:50%;background:radial-gradient(closest-side,rgba(23,183,127,.22),transparent);pointer-events:none}
html[dir=rtl] .hero:before{inset:auto auto -40% -10%}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center;position:relative}
.eyebrow{display:inline-block;color:var(--teal);font:700 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
html[dir=rtl] .eyebrow{letter-spacing:.02em}
.hero p.lead{color:#cfd9ea;font-size:clamp(1.05rem,2vw,1.25rem);margin:22px 0 32px;max-width:34em}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;font:700 1rem var(--sans);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-p{background:var(--teal);color:#05211b}
.btn-p:hover{background:#2fcf97}
.btn-g{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.btn-g:hover{background:rgba(255,255,255,.08)}
/* sample card */
.sample{background:var(--card);color:var(--ink);border-radius:var(--r);padding:22px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.sample-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.tag{font:700 .72rem var(--sans);padding:5px 10px;border-radius:999px;background:#e3f6ee;color:#0b6b4a}
.tag.ex{background:#f3efe4;color:var(--muted)}
.sample h3{font-size:1.1rem}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}
.kpi{background:var(--paper);border-radius:12px;padding:10px 12px}
.kpi b{display:block;font:700 1.25rem var(--serif)}
.kpi span{font-size:.78rem;color:var(--muted)}
.bars{display:flex;align-items:flex-end;gap:6px;height:110px;direction:ltr}
.bars i{flex:1;background:var(--navy);border-radius:5px 5px 0 0;opacity:.88}
.bars i:nth-child(n+8){background:var(--teal);opacity:1}
.bars-l{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-top:6px;direction:ltr}
.note{font-size:.78rem;color:var(--muted);margin-top:12px}
/* sections */
section{padding:clamp(56px,8vw,104px) 0}
.sec-h{max-width:40rem;margin-bottom:clamp(28px,4vw,48px)}
.sec-h p{color:var(--muted);margin-top:14px;font-size:1.1rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--teal);font:700 1.1rem var(--serif);margin-bottom:18px}
.step p{color:var(--muted);margin-top:8px}
.dark{background:var(--navy);color:#fff}
.dark .sec-h p{color:#cfd9ea}
.pr{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pr div{border-top:3px solid var(--teal);padding-top:18px}
.pr p{color:#cfd9ea;margin-top:8px}
/* form */
.form{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,4vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.form form{display:grid;gap:12px}
input,select{width:100%;min-height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:400 1rem var(--sans);background:#fff;color:var(--ink)}
.msg{min-height:1.4em;font-size:.95rem;color:var(--teal-d);font-weight:500}
.msg.err{color:#b42318}
footer{background:#06121f;color:#aab7cc;padding:36px 0;font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center}
footer a{color:#cfd9ea}
.legal{flex-basis:100%;font-size:.8rem;opacity:.8}
/* privacy */
.doc{max-width:46rem;padding:56px 0 80px}
.doc h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:12px}
.doc h2{font-size:1.5rem;margin:34px 0 8px}
.doc p,.doc li{color:#2b374d}
.doc ul{padding-inline-start:1.2em}
/* responsive */
@media(max-width:860px){
  .hero .wrap,.form{grid-template-columns:1fr}
  .steps,.pr{grid-template-columns:1fr}
  .nav-link{display:none}
}
@media(max-width:420px){
  body{font-size:16px}
  .btn{width:100%}
  .kpis{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .kpi{padding:8px}
  .kpi b{font-size:1.05rem}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}