:root{
  --bg:#0b1720;
  --bg-2:#0f202b;
  --surface:#132833;
  --surface-2:#172f3b;
  --text:#edf0ed;
  --muted:#aeb8b8;
  --line:rgba(237,240,237,.12);
  --line-strong:rgba(237,240,237,.24);
  --accent:#c29a62;
  --accent-2:#d5b581;
  --inverse:#0b1720;
  --shadow:rgba(0,0,0,.30);
  --max:1460px;
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#f2f1eb;
  --bg-2:#e9e7df;
  --surface:#dfddd3;
  --surface-2:#d5d2c8;
  --text:#0b1720;
  --muted:#626a6c;
  --line:rgba(11,23,32,.11);
  --line-strong:rgba(11,23,32,.22);
  --accent:#8d6c3d;
  --accent-2:#a57f48;
  --inverse:#f2f1eb;
  --shadow:rgba(40,35,25,.10);
  color-scheme:light;
}
html[data-theme="night"]{
  --bg:#050708;
  --bg-2:#090c0e;
  --surface:#0d1114;
  --surface-2:#11161a;
  --text:#f1f1ee;
  --muted:#a3a7a7;
  --line:rgba(241,241,238,.10);
  --line-strong:rgba(241,241,238,.22);
  --accent:#b88b4f;
  --accent-2:#cca66f;
  --inverse:#050708;
  --shadow:rgba(0,0,0,.46);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"DM Sans",Arial,sans-serif;
  font-weight:300;
  overflow-x:hidden;
  transition:background .28s,color .28s;
}
body:dir(rtl){font-family:Tahoma,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
::selection{background:var(--accent);color:var(--bg)}
.skip-link{position:fixed;top:-60px;left:20px;z-index:1000;background:var(--text);color:var(--bg);padding:11px 15px}
.skip-link:focus{top:20px}
html[dir=rtl] .skip-link{left:auto;right:20px}

.header{
  height:92px;
  padding:0 clamp(22px,4vw,72px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:40px;
  align-items:center;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(18px);
  position:fixed;
  inset:0 0 auto;
  z-index:100;
}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand-emblem{width:52px;height:52px}
.brand-copy{display:flex;flex-direction:column;gap:2px}
.brand-name{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:.22em;font-weight:500}
.brand-tagline{font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2.1vw,34px);font-size:12px}
.nav a{opacity:.68;transition:.22s}
.nav a:hover{opacity:1;color:var(--accent)}
.header-actions{display:flex;align-items:center;gap:8px}
.control,.linkedin,.mobile-toggle{
  height:40px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer
}
.control{min-width:44px;padding:0 10px}
.lang-button{grid-auto-flow:column;gap:7px;font-size:10px;letter-spacing:.11em;font-weight:600}
.caret{opacity:.55;font-size:11px}
.theme-button{width:40px;border-radius:50%;padding:0}
.linkedin{width:40px;border-radius:50%;font-size:13px;font-weight:600}
.mobile-toggle{display:none;width:40px;padding:8px}
.mobile-toggle span{display:block;width:18px;height:1px;background:currentColor;margin:3px auto}
.picker{position:relative}
.dropdown{
  position:absolute;right:0;top:49px;min-width:192px;padding:7px;border:1px solid var(--line);
  background:var(--surface);box-shadow:0 18px 50px var(--shadow);z-index:210
}
html[dir=rtl] .dropdown{right:auto;left:0}
.dropdown button{
  width:100%;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:10px;cursor:pointer;text-align:left
}
html[dir=rtl] .dropdown button{text-align:right}
.dropdown button:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
.dropdown button b{font-size:10px;letter-spacing:.08em}
.dropdown button span{margin-left:auto;color:var(--muted);font-size:11px}
html[dir=rtl] .dropdown button span{margin-left:0;margin-right:auto}
.theme-dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--line-strong)}
.theme-dot.light{background:#f2f1eb}.theme-dot.dark{background:#0b1720}.theme-dot.night{background:#050708}

.hero{
  min-height:100svh;
  padding:148px clamp(24px,5.8vw,108px) 48px;
  position:relative;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  grid-template-rows:1fr auto;
  gap:50px 70px;
  overflow:hidden;
}
.hero-grid{
  position:absolute;inset:92px 0 0;
  background:
    linear-gradient(to right,transparent 49.92%,var(--line) 50%,transparent 50.08%),
    linear-gradient(to bottom,transparent 49.92%,var(--line) 50%,transparent 50.08%);
  background-size:25vw 25vw;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 88%)
}
.hero-copy{position:relative;z-index:2;align-self:center}
.kicker{margin:0 0 22px;text-transform:uppercase;letter-spacing:.20em;font-size:9px;color:var(--muted)}
html[dir=rtl] .kicker{letter-spacing:.02em}
.hero h1,.section h2{font-family:Manrope,sans-serif}
.hero h1{
  margin:0;
  max-width:850px;
  font-size:clamp(58px,7.5vw,122px);
  line-height:.91;
  letter-spacing:-.055em;
  font-weight:300
}
.hero h1 span,.hero h1 strong{display:block}
.hero h1 strong{font-weight:500;color:var(--accent)}
html[dir=rtl] .hero h1{font-family:Tahoma,Arial,sans-serif;line-height:1.02}
.hero-text{max-width:680px;margin:34px 0 0;color:var(--muted);font-size:clamp(15px,1.35vw,19px);line-height:1.72}
.hero-actions{display:flex;gap:11px;margin-top:28px}
.button{min-height:51px;padding:0 22px;border:1px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.04em;transition:.22s}
.button.primary{background:var(--text);color:var(--bg)}
.button.primary:hover{background:var(--accent);color:#071016}
.button.secondary:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}

.hero-structure{position:relative;z-index:2;align-self:center;min-height:610px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-2) 78%,transparent);overflow:hidden}
.structure-head{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:var(--muted)}
.structure-head b{font-weight:500;color:var(--text)}
.structure-center{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:190px;height:190px;border-radius:50%;border:1px solid var(--line-strong);
  background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4
}
.structure-center img{width:88px;height:62px;margin-bottom:7px}
.structure-center span{font-size:14px;letter-spacing:.19em;font-weight:600}
.structure-center small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.structure-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%}
.ring-one{width:380px;height:380px}.ring-two{width:520px;height:520px}
.structure-chip{position:absolute;z-index:5;border:1px solid var(--line);background:var(--surface);padding:11px 15px;font-size:10px;letter-spacing:.06em}
.chip-1{left:7%;top:18%}.chip-2{right:7%;top:18%}.chip-3{left:7%;bottom:18%}.chip-4{right:7%;bottom:18%}

.hero-footer{grid-column:1/-1;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.hero-footer div{padding:18px 0}
.hero-footer span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}
.hero-footer strong{font-size:15px;font-weight:500}

.section{width:min(calc(100% - 48px),var(--max));margin:0 auto;border-top:1px solid var(--line);padding:116px 0 136px;position:relative}
.section-index{position:absolute;top:31px;inset-inline-start:0;color:var(--muted);font-size:9px;letter-spacing:.15em}
.section-intro{max-width:980px;margin-bottom:60px}
.section-intro.narrow{max-width:780px}
.section h2{margin:0;font-size:clamp(40px,5vw,74px);line-height:1.02;letter-spacing:-.045em;font-weight:300}
html[dir=rtl] .section h2{font-family:Tahoma,Arial,sans-serif;letter-spacing:-.02em}

.group-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:76px;align-items:start}
.group-copy{padding-top:8px}
.group-copy p{margin:0 0 24px;color:var(--muted);line-height:1.8;font-size:14px}
.group-metrics{border-top:1px solid var(--line)}
.group-metrics article{display:grid;grid-template-columns:54px 1fr;column-gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.group-metrics article>span{grid-row:1/3;color:var(--muted);font-size:9px}
.group-metrics strong{font-size:18px;font-weight:500;margin-bottom:7px}
.group-metrics p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}

.business-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.business-card{min-height:360px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.25s;background:transparent}
.business-card:hover{background:color-mix(in srgb,var(--surface) 70%,transparent)}
.business-card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.business-card-top i{font-style:normal;color:var(--accent);font-size:18px}
.business-card h3{margin:auto 0 17px;font-size:clamp(28px,3vw,44px);line-height:1.08;font-weight:400;max-width:600px}
.business-card p{margin:0;color:var(--muted);line-height:1.68;font-size:14px;max-width:600px}
.business-card footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.business-card footer b{color:var(--accent);font-weight:600}

.platform-shell{background:var(--text);color:var(--inverse);padding:64px;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;box-shadow:0 26px 70px var(--shadow)}
.platform-copy .kicker{color:color-mix(in srgb,var(--inverse) 62%,transparent)}
.platform-copy h2{font-size:clamp(40px,4.6vw,68px)}
.platform-copy>p:last-child{color:color-mix(in srgb,var(--inverse) 70%,transparent);line-height:1.75;font-size:14px;margin:30px 0 0}
.platform-diagram{position:relative;min-height:500px}
.axis{position:absolute;background:color-mix(in srgb,var(--inverse) 17%,transparent);left:50%;top:50%;transform:translate(-50%,-50%)}.axis-h{width:82%;height:1px}.axis-v{width:1px;height:82%}
.platform-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:205px;height:205px;border:1px solid color-mix(in srgb,var(--inverse) 24%,transparent);border-radius:50%;background:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}
.platform-core img{width:92px;margin-bottom:8px}.platform-core strong{font-size:14px;letter-spacing:.18em}.platform-core small{font-size:8px;color:color-mix(in srgb,var(--inverse) 60%,transparent);margin-top:5px;text-transform:uppercase;letter-spacing:.1em}
.platform-node{position:absolute;border:1px solid color-mix(in srgb,var(--inverse) 22%,transparent);background:var(--text);padding:13px 16px;min-width:140px;display:flex;gap:12px;align-items:center;font-size:10px}.platform-node span{color:var(--accent)}.platform-node b{font-weight:500}.n1{left:0;top:10%}.n2{right:0;top:10%}.n3{left:0;bottom:10%}.n4{right:0;bottom:10%}

.principles-header{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:52px}
.principles-header h2 span,.principles-header h2 strong{display:block}.principles-header h2 strong{color:var(--accent);font-weight:500}
.principles-header>p{margin:0;color:var(--muted);line-height:1.75;font-size:14px;max-width:560px}
.principles-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.principles-list article{padding:27px;min-height:245px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.principles-list span{display:block;color:var(--muted);font-size:9px;margin-bottom:64px}
.principles-list h3{font-size:20px;font-weight:500;margin:0 0 12px}
.principles-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}

.identity-card{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center}
.identity-emblem{min-height:420px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center}
.identity-emblem img{width:min(68%,390px)}
.identity-copy>p:not(.kicker){color:var(--muted);line-height:1.78;font-size:14px;max-width:700px;margin-top:28px}
.identity-traits{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.identity-traits span{border:1px solid var(--line);padding:9px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
html[dir=rtl] .identity-traits span{text-transform:none;letter-spacing:.01em}

.contact-intro{margin-inline-start:18%;max-width:1050px}
.contact-intro h2 span,.contact-intro h2 strong{display:block}.contact-intro h2 strong{color:var(--accent);font-weight:500}
.contact-links{width:min(820px,100%);margin:48px 0 0 18%}
html[dir=rtl] .contact-links{margin-left:0;margin-right:18%}
.contact-links a{min-height:74px;border-top:1px solid var(--line-strong);display:flex;align-items:center;justify-content:space-between;font-size:clamp(21px,2.7vw,36px);transition:.22s}
.contact-links a:last-child{border-bottom:1px solid var(--line-strong)}.contact-links a:hover{padding-inline-start:10px;color:var(--accent)}

.footer{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding:29px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.footer-brand{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.18em;font-weight:600}.footer-brand img{width:45px;height:45px}
.footer-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;max-width:900px;color:var(--muted);font-size:9px}
html[dir=rtl] .footer-meta{justify-content:flex-start}

@media(max-width:1020px){
  .header{height:78px;grid-template-columns:1fr auto}
  .brand-tagline{display:none}
  .nav{position:fixed;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;padding:28px 24px;background:var(--bg);border-bottom:1px solid var(--line)}
  html[dir=rtl] .nav{align-items:flex-end}
  .nav.open{display:flex}
  .mobile-toggle{display:block}
  .hero{grid-template-columns:1fr;padding-top:124px}
  .hero-structure{min-height:520px}
  .hero-footer{grid-template-columns:repeat(2,1fr)}
  .group-layout,.platform-shell,.identity-card,.principles-header{grid-template-columns:1fr}
  .principles-list{grid-template-columns:1fr}
  .contact-intro{margin-inline-start:0}.contact-links{margin-inline-start:0}.contact-links{margin-left:0!important;margin-right:0!important}
}
@media(max-width:640px){
  .header{padding:0 16px}.brand-emblem{width:44px;height:44px}.brand-name{font-size:16px}.linkedin{display:none}
  .hero{padding-left:18px;padding-right:18px;gap:30px}.hero h1{font-size:clamp(50px,15vw,78px)}.hero-actions{flex-direction:column}.hero-structure{min-height:430px}
  .structure-center{width:150px;height:150px}.structure-center img{width:72px}.ring-one{width:280px;height:280px}.ring-two{width:360px;height:360px}.structure-chip{padding:8px 10px;font-size:8px}
  .hero-footer{grid-template-columns:1fr}.hero-footer div{border-bottom:1px solid var(--line)}
  .section{width:calc(100% - 34px);padding:92px 0 108px}.section h2{font-size:clamp(38px,11vw,58px)}
  .business-grid{grid-template-columns:1fr}.business-card{min-height:300px}
  .platform-shell{margin-inline:-17px;padding:40px 22px}.platform-diagram{min-height:420px}.platform-core{width:165px;height:165px}.platform-node{min-width:110px;padding:9px 10px;font-size:8px}
  .principles-list{border-left:0}.principles-list article{border-left:1px solid var(--line)}
  .identity-emblem{min-height:300px}
  .footer{width:calc(100% - 34px);flex-direction:column;align-items:flex-start}.footer-meta{justify-content:flex-start}
}