/* IXH — division gateway */
.portal{--accent:#d4af37;--on-accent:#0b0f14;--fg:#f3f5f7;--muted:#9aa4ae;--line-strong:rgba(255,255,255,.22);
  background:#0b0f14;color:var(--fg);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}

.p-header{position:fixed;inset-inline:0;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4vw;
  background:linear-gradient(180deg,rgba(8,11,15,.85),rgba(8,11,15,0))}
.p-brand{display:flex;align-items:center;gap:14px}
.p-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em}
.p-brand-text strong{display:block;font-family:'Oswald',sans-serif;font-size:24px;font-weight:600;letter-spacing:.14em;line-height:1}
.p-brand-text small{display:block;margin-top:5px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#b9c1c9}
html[lang=ar] .p-brand-text small{letter-spacing:0;font-size:12px}
.p-header .lang-switch{background:rgba(11,15,20,.55);backdrop-filter:blur(8px)}

.p-main{flex:1;position:relative;display:flex;flex-direction:column}
.p-intro{position:absolute;z-index:5;top:112px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;pointer-events:none;white-space:nowrap;
  padding:10px 22px;border:1px solid rgba(212,175,55,.35);border-radius:999px;background:rgba(9,12,16,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.p-eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-weight:600}
.p-eyebrow::after{content:'';display:inline-block;width:1px;height:12px;background:rgba(255,255,255,.28);margin-inline-start:14px;vertical-align:-1px}
.p-lead{font-size:12.5px;color:#d3d9de;letter-spacing:.06em}
html[lang=ar] .p-eyebrow{letter-spacing:0;font-size:13px}

.p-split{flex:1;display:flex;min-height:100vh;min-height:100dvh}
.p-panel{position:relative;flex:1 1 50%;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;
  transition:flex-grow .8s cubic-bezier(.2,.7,.2,1)}
.p-panel+.p-panel{border-inline-start:1px solid rgba(255,255,255,.14)}
.p-bg,.p-shade,.p-grid,.p-ears{position:absolute;inset:0}
.p-bg{z-index:-3;transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .8s}
.p-shade{z-index:-2;transition:opacity .8s}

/* defense panel */
.p-defense .p-bg{background:
    url('https://images.hostinger.com/f7d4e9ae-84ec-45e4-92ec-dc236fe8b35f.png') center 55%/cover no-repeat,
    radial-gradient(120% 90% at 30% 20%,#27313b 0%,#0e1318 60%,#090c10 100%);filter:saturate(.55) contrast(1.05)}
.p-defense .p-shade{background:linear-gradient(0deg,#07090c 0%,rgba(7,9,12,.86) 32%,rgba(7,9,12,.35) 70%,rgba(7,9,12,.55) 100%)}
.p-grid{z-index:-1;opacity:.14;background-image:linear-gradient(rgba(212,175,55,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.5) 1px,transparent 1px);background-size:64px 64px;
  mask-image:linear-gradient(0deg,transparent 10%,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(0deg,transparent 10%,#000 60%,transparent 100%)}

/* agri panel */
.p-agri{--accent:#c9a45c}
.p-agri .p-bg{background:
    url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1800&q=75') center/cover no-repeat,
    radial-gradient(110% 80% at 70% 15%,#6b5a2c 0%,#2a3a24 45%,#0f1d16 100%);filter:saturate(.85)}
.p-agri .p-shade{background:linear-gradient(0deg,#0b1712 0%,rgba(11,23,18,.88) 34%,rgba(11,23,18,.35) 72%,rgba(11,23,18,.55) 100%)}
.p-ears{z-index:-1;display:flex;justify-content:flex-end;align-items:flex-start;gap:0;padding:90px 6% 0;opacity:.22;pointer-events:none}
html[dir=rtl] .p-ears{justify-content:flex-start}
.p-ears img{height:62%;width:auto;transform-origin:bottom center}
.p-ears img:nth-child(1){transform:rotate(-12deg) translateY(40px)}
.p-ears img:nth-child(2){height:70%}
.p-ears img:nth-child(3){transform:rotate(10deg) translateY(30px)}

/* panel content */
.p-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:180px 7% max(11vh,84px);max-width:640px}
.p-num{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.2em;color:var(--accent);display:flex;align-items:center;gap:14px}
.p-num::after{content:'';width:48px;height:1px;background:var(--accent)}
.p-label{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#d7dce1}
html[lang=ar] .p-label{letter-spacing:0;font-size:14px}
.p-title{display:block;font-size:clamp(44px,min(5.4vw,9vh),88px);line-height:.98;margin:4px 0 6px}
.p-defense .p-title{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:-.005em}
.p-agri .p-title{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:-.01em;line-height:.95;font-size:clamp(48px,min(5.8vw,9.6vh),96px)}
html[lang=ru] .p-title{font-size:clamp(38px,4.4vw,74px)}
html[lang=ru] .p-agri .p-title{font-size:clamp(42px,4.8vw,80px)}
html[lang=ar] .p-defense .p-title{font-family:'Cairo',sans-serif;font-weight:800;line-height:1.2;font-size:clamp(40px,4.6vw,76px)}
html[lang=ar] .p-agri .p-title{font-family:'Amiri',serif;font-weight:700;line-height:1.25;font-size:clamp(42px,4.8vw,80px)}
.p-desc{font-size:15px;line-height:1.75;color:#c3cad1;max-width:470px}
.p-chips{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);padding:9px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);width:100%;max-width:470px}
html[lang=ar] .p-chips{letter-spacing:0;font-size:13px}
.p-cta{margin-top:12px;display:inline-flex;align-items:center;gap:22px;padding:17px 24px;background:var(--accent);color:#0b0f14;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:gap .35s,background .3s}
html[lang=ar] .p-cta{letter-spacing:0;font-size:14px}
.p-agri .p-cta{background:#c9a45c}

@media (hover:hover) and (min-width:901px){
  .p-split:hover .p-panel{flex-grow:.8}
  .p-split .p-panel:hover{flex-grow:1.25}
  .p-panel:hover .p-bg{transform:scale(1.09)}
  .p-panel:hover .p-cta{gap:34px}
  .p-defense:hover .p-cta{background:#edcb5c}
  .p-agri:hover .p-cta{background:#dcbb77}
  .p-desc{max-height:none}
}

.p-footer{position:fixed;inset-inline:0;bottom:0;z-index:10;display:flex;justify-content:space-between;gap:18px;padding:14px 4vw;font-size:11px;color:#8d97a1;letter-spacing:.06em;
  background:linear-gradient(0deg,rgba(6,8,11,.9),rgba(6,8,11,0))}
.p-footer a:hover{color:#fff}

@media (min-width:901px) and (max-height:780px){
  .p-header{padding-block:16px}
  .p-intro{top:88px;padding:8px 18px}
  .p-content{padding-top:150px;gap:11px}
  .p-desc{font-size:14px;line-height:1.6}
  .p-cta{margin-top:6px;padding:14px 22px}
}
@media (min-width:901px) and (max-width:1180px){
  .p-brand-text small{display:none}
  .p-content{padding-inline:5%}
  .p-title{font-size:clamp(40px,4.6vw,56px)!important}
}
@media (max-width:900px){
  .portal{min-height:100svh}
  .p-header{position:relative;padding:14px 5vw;background:#0b0f14;border-bottom:1px solid rgba(255,255,255,.08)}
  .p-brand-text small{display:none}
  .p-main{min-height:calc(100svh - 73px)}
  .p-intro{position:relative;top:auto;left:auto;transform:none;flex-direction:column;gap:3px;white-space:normal;text-align:center;margin:14px 4vw 12px;padding:12px 16px;border-radius:6px;background:rgba(255,255,255,.03);border-color:rgba(212,175,55,.25);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .p-eyebrow::after{display:none}
  .p-eyebrow{font-size:10px}
  .p-lead{font-size:13px}
  .p-split{flex:1;flex-direction:column;min-height:0;gap:10px;padding:0 4vw 12px;background:#0b0f14}
  .p-panel{flex:1 1 0;min-height:250px;border:1px solid rgba(255,255,255,.14)!important;border-radius:6px}
  .p-agri{border-color:rgba(201,164,92,.35)!important}
  .p-defense{border-color:rgba(212,175,55,.35)!important}
  .p-content{padding:60px 20px 20px;gap:9px;max-width:none;width:100%}
  .p-num{display:none}
  .p-label{font-size:10px;letter-spacing:.18em}
  .p-title{font-size:clamp(28px,8vw,40px)!important;line-height:1.02;margin:0}
  html[lang=ru] .p-title{font-size:clamp(24px,6.8vw,34px)!important}
  html[lang=ar] .p-title{font-size:clamp(26px,7.4vw,36px)!important}
  html[lang=ar] .p-title{line-height:1.25}
  .p-desc{display:none}
  .p-chips{padding:7px 0;font-size:10px}
  .p-cta{width:100%;justify-content:space-between;margin-top:4px;padding:14px 18px;letter-spacing:.05em;font-size:11px}
  html[lang=ru] .p-cta{letter-spacing:.02em;font-size:10.5px}
  .p-label{letter-spacing:.12em!important}
  .p-ears{padding:20px 4% 0;opacity:.18}
  .p-ears img{height:88%}
  .p-footer{position:static;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 5vw 20px;background:#06080b}
}
@media (max-width:900px) and (min-height:760px){
  .p-desc{display:block;font-size:13.5px;line-height:1.6}
}
@media (max-width:480px){
  .p-mark{width:38px;height:38px;font-size:13px}
  .p-brand-text strong{font-size:20px}
  .lang-switch button{padding:8px 9px}
}
@media (min-width:600px) and (max-width:900px) and (orientation:landscape){
  .p-split{flex-direction:row}
  .p-panel{min-height:300px}
}

/* IXH logo */
.logo-mark{height:48px;width:auto;display:block;flex:none}
@media (max-width:760px){.logo-mark{height:38px}}