
:root{
  --bg:#0a0d0f;--bg2:#101417;--panel:#151a1e;--text:#f3efe7;--muted:#9ea7ad;
  --line:rgba(255,255,255,.10);--gold:#c8aa72;--gold2:#e1cfaa;--paper:#e8e2d7;
  --ink:#121517;--max:1180px;--r:22px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);background:
  radial-gradient(circle at 82% -10%,rgba(200,170,114,.12),transparent 30%),
  linear-gradient(180deg,#090c0e,#0c0f12 55%,#0a0d0f);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;-webkit-font-smoothing:antialiased
}
html[dir=rtl] body{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid var(--gold2);outline-offset:3px
}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.header{
  position:sticky;top:0;z-index:50;background:rgba(10,13,15,.82);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line)
}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand svg{width:30px;height:30px}
.brand-copy{display:grid;line-height:1.15}
.brand-copy strong{font-size:11px;letter-spacing:.15em}
.brand-copy span{font-size:9px;color:#7f878d;letter-spacing:.11em;margin-top:4px}
.links{display:flex;align-items:center;gap:24px;font-size:13px;color:#c2c7cb}
.links a{text-decoration:none}
.links a:hover{color:#fff}
.lang{border:1px solid var(--line);padding:7px 11px;border-radius:999px;color:var(--gold2)!important}
.menu{display:none;background:none;border:1px solid var(--line);color:#fff;width:41px;height:41px;border-radius:11px}
.hero{padding:112px 0 76px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:64px;align-items:end}
.eye{font-size:11px;color:var(--gold2);font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:18px}
html[dir=rtl] .eye{letter-spacing:.03em}
h1{font-size:clamp(48px,7.5vw,90px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:12ch;font-weight:650;text-wrap:balance}
html[dir=rtl] h1{line-height:1.14;letter-spacing:-.025em;max-width:13ch}
.lead{font-size:clamp(18px,2vw,21px);color:#bbc2c6;max-width:67ch;margin:28px 0 0}
.side{border-inline-start:1px solid var(--line);padding-inline-start:28px}
.side small{font-size:10px;color:#788086;letter-spacing:.13em;text-transform:uppercase}
.side p{color:#aeb5ba;margin:12px 0 22px}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:700}
.btn.primary{background:var(--text);color:#101214}
.btn.secondary{border:1px solid var(--line)}
.proof{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.proof>div{padding:22px 0;border-inline-end:1px solid var(--line)}
.proof>div:last-child{border:0}.proof strong,.proof span{display:block}.proof strong{font-size:15px}.proof span{font-size:11px;color:#747d83;margin-top:2px}
.section{padding:94px 0;border-bottom:1px solid var(--line)}
.head{display:grid;grid-template-columns:.6fr 1.4fr;gap:48px;margin-bottom:44px}
.idx{font-size:10px;color:#737c82;letter-spacing:.17em;text-transform:uppercase;padding-top:8px}
.head h2{font-size:clamp(34px,5vw,56px);line-height:1.06;letter-spacing:-.04em;margin:0;max-width:15ch;font-weight:600;text-wrap:balance}
html[dir=rtl] .head h2{line-height:1.22;letter-spacing:-.02em}
.intro{font-size:17px;color:#aab2b7;max-width:63ch;margin:18px 0 0}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.card{min-height:270px;border:1px solid var(--line);border-radius:var(--r);padding:27px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.card em{font-style:normal;font-size:10px;color:var(--gold);letter-spacing:.15em}
.card h3{font-size:21px;margin:58px 0 11px}.card p{color:#9aa3a9;margin:0}
.card ul{margin:13px 0 0;padding-inline-start:18px;color:#9aa3a9;font-size:14px}
.card li{margin:5px 0}
.statement{border:1px solid var(--line);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#101316}
.statement-copy{padding:48px}
.statement-copy h3{font-size:clamp(30px,4vw,49px);line-height:1.08;letter-spacing:-.04em;margin:0;max-width:13ch}
html[dir=rtl] .statement-copy h3{line-height:1.25;letter-spacing:-.02em}
.statement-copy p{color:#a9b0b5}
.steps>div{padding:22px 25px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;gap:14px}
.steps>div:last-child{border:0}.steps b{font-size:11px;color:var(--gold)}.steps strong{display:block}.steps span{display:block;color:#8e979d;font-size:14px;margin-top:4px}
.insight{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}
.insight>div{border:1px solid var(--line);border-radius:var(--r);padding:30px;background:rgba(255,255,255,.02)}
.insight h3{font-size:25px;margin:0 0 10px}.insight p{color:#a2abb0}
.insight-list{display:grid;gap:10px}.insight-list div{padding:15px 0;border-bottom:1px solid var(--line)}.insight-list div:last-child{border:0}
.insight-list strong{display:block;font-size:15px}.insight-list span{display:block;color:#8e979d;font-size:13px;margin-top:4px}
.contact{padding:94px 0 64px;background:var(--paper);color:var(--ink)}
.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:end}
.contact h2{font-size:clamp(44px,7vw,74px);line-height:1;letter-spacing:-.05em;margin:0;max-width:10ch}
html[dir=rtl] .contact h2{line-height:1.2;letter-spacing:-.02em}
.contact p{color:#555b60;max-width:55ch}
.contact-links a{display:flex;justify-content:space-between;gap:14px;text-decoration:none;border-bottom:1px solid rgba(17,20,22,.17);padding:16px 0;font-weight:600}
.contact-links span:last-child{font-weight:400;color:#4d5458;direction:ltr;overflow-wrap:anywhere;text-align:end}
.footer{background:var(--paper);color:#5d6468;padding:20px 0 30px;font-size:11px}
.footer .wrap{border-top:1px solid rgba(17,20,22,.12);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.page-hero{padding:88px 0 54px;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(46px,7vw,76px);max-width:13ch}
.page-hero p{font-size:19px;color:#b3bbc0;max-width:66ch}
.form-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}
.form-note{color:#9ea7ad}.form-note h2{font-size:30px;margin:0 0 10px}.form-note ul{padding-inline-start:20px}
.form{border:1px solid var(--line);border-radius:22px;padding:28px;background:#111518}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:13px;color:#c5cacf}
.field input,.field textarea,.field select{
  width:100%;background:#0c1012;border:1px solid var(--line);color:#fff;border-radius:10px;padding:13px 12px;
  font:inherit
}
.field textarea{min-height:145px;resize:vertical}.hint{font-size:11px;color:#747d83}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#a6aeb3;margin:14px 0 18px}.consent input{margin-top:4px}
.hidden{position:absolute;left:-9999px}
.form button{border:0;cursor:pointer}
.notice{border:1px solid rgba(200,170,114,.35);background:rgba(200,170,114,.06);padding:15px 17px;border-radius:12px;color:#c9cfd3;font-size:13px;margin-bottom:18px}
.legal{max-width:800px}.legal h2{font-size:28px;margin-top:40px}.legal p,.legal li{color:#a7afb4}
@media(max-width:900px){
  .links{display:none;position:absolute;top:76px;inset-inline:20px;background:#111518;border:1px solid var(--line);border-radius:15px;padding:18px;flex-direction:column;align-items:stretch}
  .links.open{display:flex}.menu{display:block}
  .hero-grid,.head,.statement,.insight,.contact-grid,.form-shell{grid-template-columns:1fr}
  .side{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:24px}
  .cards{grid-template-columns:1fr}
}
@media(max-width:560px){
  .wrap{width:min(calc(100% - 28px),var(--max))}.brand-copy span{display:none}.brand-copy strong{font-size:9px}
  .hero{padding:68px 0 52px}.proof{grid-template-columns:1fr}.proof>div{border-inline-end:0;border-bottom:1px solid var(--line);padding:15px 0}
  .section{padding:70px 0}.statement-copy{padding:30px}.grid2{grid-template-columns:1fr}.contact{padding:70px 0 50px}
}

.contact-person{display:grid;gap:3px;padding:0 0 16px;border-bottom:1px solid rgba(17,20,22,.17)}
.contact-person span{font-size:11px;color:#6b7276;text-transform:uppercase;letter-spacing:.10em}
.contact-person strong{font-size:15px;font-weight:650}
@media(max-width:560px){html[dir=rtl] h1{font-size:clamp(44px,13vw,58px)}}
