/* ==========================================================================
   Shodlik Textile — korporativ sayt
   Ranglar: «Tong va paxta». Oltin faqat urg'u. To'q (indigo) va och (paxta oq) bo'limlar navbatlashadi.
   ========================================================================== */
:root{
  --bg:#0D0C14;          /* Indigo tun */
  --bg-2:#16141E;        /* Ko'mir */
  --ink:#F3EDE2;         /* Paxta oq */
  --muted:#8A8478;       /* Kul */
  --gold:#D9A441;        /* Tong oltini (matn va chiziq) */
  --gold-fill:#D9A441;   /* Tugma / to'ldirish — har ikkala fonda ham o'zgarmaydi */
  --brand:#2A2840;       /* Shodlik ko'k */
  --line:rgba(243,237,226,.12);
  --line-strong:rgba(243,237,226,.24);
  --ink-2:rgba(243,237,226,.76);
  --ink-3:rgba(243,237,226,.56);

  --f-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --pad:clamp(20px,5vw,72px);
  --maxw:1360px;
  --hdr:76px;
  --ease:cubic-bezier(.22,.7,.18,1);
}
@media (max-width:720px){:root{--hdr:60px}}

/* Och (paxta oq) bo'lim: o'zgaruvchilar almashadi, komponentlar o'zi moslashadi */
.theme-paper{
  --bg:#F3EDE2;--bg-2:#EAE2D3;--ink:#0D0C14;--muted:#6B665B;--gold:#8C6210;--brand:#D8CEBB;
  --line:rgba(13,12,20,.13);--line-strong:rgba(13,12,20,.3);--ink-2:rgba(13,12,20,.76);--ink-3:rgba(13,12,20,.6);
  background:var(--bg);color:var(--ink);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto;background:var(--bg);scroll-padding-top:calc(var(--hdr) + 24px)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--f-sans);font-size:17px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
}
img,svg,canvas,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
::selection{background:var(--gold-fill);color:#0D0C14}
:focus-visible{outline:2px solid var(--gold-fill);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Urg'u: sans-serif'da kursiv o'rniga ohang bilan ajratamiz */
em{font-style:normal}
.h2 em,.h1 em,.statement__big em,.prow__t em,.fsec__t em{color:var(--ink-3)}
.hero__h1 em,.finale__t em,.phero .h1 em{color:rgba(243,237,226,.8)}
.kpi__v,.stat__v,.fact b{font-variant-numeric:tabular-nums}

/* Kirish ekrani ochiq bo'lguncha sahifa aylanmaydi (faqat bosh sahifada) */
html.has-intro:not(.skip-intro):not(.intro-done),
html.has-intro:not(.skip-intro):not(.intro-done) body{overflow:hidden;height:100%}

/* ---------- Umumiy ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.section{position:relative;padding-block:clamp(84px,12vw,176px)}
.section--tight{padding-block:clamp(56px,8vw,110px)}
.section--alt{background:var(--bg-2)}
.eyebrow{display:flex;align-items:center;gap:14px;font:500 12px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(20px,3vw,34px)}
.eyebrow b{color:var(--gold);font-weight:500}
.eyebrow::after{content:"";height:1px;width:clamp(32px,6vw,88px);background:var(--line-strong)}
.h2{font-family:var(--f-sans);font-weight:400;font-size:clamp(33.6px,4.87vw,77.28px);line-height:1;letter-spacing:-.032em;text-wrap:balance}
.h2 em,.h1 em{font-style:normal;font-weight:inherit}
.h3{font-family:var(--f-sans);font-weight:400;font-size:clamp(23.52px,2.27vw,33.6px);line-height:1.08;letter-spacing:-.032em}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.68;color:var(--ink-2);max-width:60ch;text-wrap:pretty}
.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.sec-head{display:grid;gap:clamp(20px,3vw,34px);margin-bottom:clamp(44px,6.5vw,92px)}
.sec-head--split{grid-template-columns:1.25fr .75fr;align-items:end}
@media (max-width:900px){.sec-head--split{grid-template-columns:1fr}}
.link-arrow{display:inline-flex;align-items:center;gap:12px;font:500 12px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;padding:14px 0;border-bottom:1px solid var(--line-strong);transition:border-color .4s,color .4s}
.link-arrow svg{width:16px;height:16px;transition:transform .5s var(--ease)}
.link-arrow:hover{border-color:var(--gold);color:var(--gold)}
.link-arrow:hover svg{transform:translateX(4px)}

/* Tugmalar */
.btn{--h:56px;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:var(--h);padding:0 30px;border-radius:999px;
  font:500 13px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--line-strong);color:var(--ink);
  transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease)}
.btn svg{width:16px;height:16px;transition:transform .5s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn--gold{background:var(--gold-fill);border-color:var(--gold-fill);color:#17120A}
.btn--gold:hover{background:#E8B857;border-color:#E8B857}
.btn--ghost:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent)}
.btn--dark{background:#0D0C14;border-color:#0D0C14;color:#F3EDE2}
.btn--dark:hover{background:#2A2840;border-color:#2A2840}
.btn--sm{--h:44px;padding:0 22px;font-size:12px}
.btn[disabled]{opacity:.4;pointer-events:none}

/* Paydo bo'lish (JS bo'lmasa — ko'rinib turadi) */
html.js .reveal{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
html.js .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}}

/* ---------- Kirish ekrani ---------- */
.intro{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:#0D0C14;color:#F3EDE2;text-align:center;padding:var(--pad);transition:opacity 1.1s var(--ease),visibility 0s linear 1.1s}
html.js:not(.skip-intro) .intro{display:flex}
html.intro-done .intro{opacity:0;visibility:hidden;pointer-events:none}
.intro__bg{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 42%,rgba(217,164,65,.10),transparent 70%),radial-gradient(90% 70% at 50% 100%,rgba(42,40,64,.55),transparent 70%)}
.intro__box{position:relative;display:grid;justify-items:center}
.intro__mark{height:clamp(96px,16vh,150px);width:auto;opacity:0;transform:translateY(12px);animation:rise 1.4s .15s var(--ease) forwards}
.intro__word{height:clamp(15px,2.4vh,22px);width:auto;margin-top:clamp(22px,3.4vh,34px);opacity:0;animation:rise 1.4s .45s var(--ease) forwards}
.intro__tag{margin-top:22px;font:400 clamp(18.48px,2.02vw,25.2px)/1.2 var(--f-sans);color:rgba(243,237,226,.78);opacity:0;animation:rise 1.4s .75s var(--ease) forwards}
.intro__load{width:min(260px,64vw);height:1px;background:rgba(243,237,226,.24);margin-top:clamp(36px,6vh,60px);overflow:hidden;opacity:0;animation:rise 1s 1s forwards}
.intro__load span{display:block;height:100%;width:100%;background:#D9A441;transform:scaleX(0);transform-origin:left;transition:transform .4s linear}
.intro__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px;min-height:56px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}
.intro .btn{color:#F3EDE2;border-color:rgba(243,237,226,.28)}
.intro .btn--gold{color:#17120A;border-color:#D9A441}
.intro.is-ready .intro__actions{opacity:1;transform:none;pointer-events:auto}
@keyframes rise{to{opacity:1;transform:none}}
@media (max-width:480px){.intro__actions{flex-direction:column;width:100%;max-width:320px}.intro__actions .btn{width:100%}}

/* ---------- Sarlavha (header) ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--hdr);background:linear-gradient(to bottom,rgba(13,12,20,.7),rgba(13,12,20,0));
  transition:background .6s var(--ease),border-color .6s var(--ease);border-bottom:1px solid transparent;color:#F3EDE2}
.hdr.is-solid,body.page-inner .hdr{background:rgba(13,12,20,.88);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border-color:rgba(243,237,226,.12)}
.hdr__in{height:100%;display:flex;align-items:center;gap:clamp(16px,3vw,44px);padding-inline:var(--pad);max-width:1600px;margin-inline:auto}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand__mark{height:36px;width:auto}
.brand__word{height:13px;width:auto;margin-top:2px}
@media (max-width:720px){.brand__mark{height:30px}.brand__word{height:11px}}
.nav{display:flex;gap:clamp(14px,2vw,34px);margin-left:auto;align-items:center}
.nav__i{position:relative;display:flex;align-items:center}
.nav__i>a{font:500 12px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(243,237,226,.82);padding:28px 0;position:relative;transition:color .4s;display:inline-flex;align-items:center;gap:8px}
.nav__i>a::before{content:"";position:absolute;left:0;right:0;bottom:22px;height:1px;background:#D9A441;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.nav__i>a:hover,.nav__i>a.is-cur{color:#F3EDE2}
.nav__i>a:hover::before,.nav__i>a.is-cur::before{transform:scaleX(1)}
.nav__i--sub>a::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.nav__sub{position:absolute;top:calc(100% - 8px);left:-22px;min-width:310px;padding:10px;background:rgba(13,12,20,.97);border:1px solid rgba(243,237,226,.14);border-radius:8px;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease),visibility 0s linear .35s}
.nav__i:hover .nav__sub,.nav__i:focus-within .nav__sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.nav__sub a{display:flex;align-items:baseline;gap:14px;padding:12px 14px;border-radius:5px;font:400 15px/1.35 var(--f-sans);color:rgba(243,237,226,.88);transition:background .3s,color .3s}
.nav__sub a small{font:500 11px/1 var(--f-mono);letter-spacing:.14em;color:#D9A441;flex:none;width:22px}
.nav__sub a:hover{background:rgba(243,237,226,.07);color:#fff}
.hdr__cta{flex:none;color:#F3EDE2;border-color:rgba(243,237,226,.3)}
.hdr__cta:hover{border-color:#F3EDE2;background:rgba(243,237,226,.08)}
.sound{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(243,237,226,.28);display:none;align-items:center;justify-content:center;transition:border-color .4s;color:#F3EDE2}
.sound:hover{border-color:#F3EDE2}
.sound svg{width:18px;height:18px}
.sound .off{display:none}
.sound[aria-pressed="false"] .on{display:none}
.sound[aria-pressed="false"] .off{display:block}
html.has-sound .sound{display:inline-flex}
.burger{display:none;width:44px;height:44px;border:1px solid rgba(243,237,226,.28);border-radius:50%;align-items:center;justify-content:center;flex:none;margin-left:auto}
.burger i{display:block;width:16px;height:1px;background:#F3EDE2;position:relative;transition:background .3s}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:16px;height:1px;background:#F3EDE2;transition:transform .45s var(--ease)}
.burger i::before{top:-5px}.burger i::after{top:5px}
.burger[aria-expanded="true"] i{background:transparent}
.burger[aria-expanded="true"] i::before{transform:translateY(5px) rotate(45deg)}
.burger[aria-expanded="true"] i::after{transform:translateY(-5px) rotate(-45deg)}
@media (max-width:1100px){
  .nav,.hdr__cta{display:none}
  .burger{display:inline-flex}
  html.has-sound .sound{margin-left:auto}
  html.has-sound .burger{margin-left:0}
}
.menu{position:fixed;inset:0;z-index:90;background:#0D0C14;color:#F3EDE2;padding:calc(var(--hdr) + 24px) var(--pad) 36px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;
  opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s linear .5s}
.menu.is-open{opacity:1;visibility:visible;transition-delay:0s}
.menu__g>a{display:block;font:400 clamp(30.24px,8.4vw,47.04px)/1.1 var(--f-sans);padding:10px 0;border-bottom:1px solid rgba(243,237,226,.12)}
.menu__sub{display:grid;gap:2px;padding:6px 0 14px 4px}
.menu__sub a{font:400 15px/1.4 var(--f-sans);color:rgba(243,237,226,.7);padding:6px 0}
.menu .btn{margin-top:26px;align-self:flex-start;color:#F3EDE2}
.menu__meta{margin-top:auto;padding-top:30px;color:#8A8478;font:12px/1.8 var(--f-mono);letter-spacing:.1em}
@media (min-width:1101px){.menu{display:none}}

/* ---------- FILM (bosh sahifa) ---------- */
.film{position:relative;background:#0D0C14;color:#F3EDE2;height:870vh} /* = (100+70+130+100+80+80+120+90) + 100 vh; main.js bilan mos */
.film__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#0D0C14}
.film__canvas{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.93) contrast(1.05) saturate(.96)}
.film__scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(13,12,20,.74) 0%,rgba(13,12,20,.34) 42%,rgba(13,12,20,0) 78%),linear-gradient(0deg,rgba(13,12,20,.86) 0%,rgba(13,12,20,0) 46%),linear-gradient(180deg,rgba(13,12,20,.55) 0%,rgba(13,12,20,0) 22%)}
@media (max-width:820px){
  .film__scrim{background:linear-gradient(0deg,rgba(13,12,20,.94) 0%,rgba(13,12,20,.8) 36%,rgba(13,12,20,.25) 64%,rgba(13,12,20,0) 80%),linear-gradient(180deg,rgba(13,12,20,.6) 0%,rgba(13,12,20,0) 24%)}
}
.film__stage::after{content:"";position:absolute;top:0;right:0;bottom:0;width:clamp(120px,14vw,240px);pointer-events:none;z-index:4;background:linear-gradient(270deg,rgba(13,12,20,.5),rgba(13,12,20,0))}
.film__veil{position:absolute;inset:0;background:#0D0C14;opacity:var(--veil,0);pointer-events:none}
.film__grain{position:absolute;inset:-50%;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce),(max-width:820px){.film__grain{animation:none}}

.hud{position:absolute;z-index:3;font:400 11px/1.5 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.78);pointer-events:none}
.hud--top{top:calc(var(--hdr) + 16px);left:var(--pad);right:var(--pad);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hud__rec{display:inline-flex;align-items:center;gap:8px;color:#F3EDE2}
.hud__rec::before{content:"";width:7px;height:7px;border-radius:50%;background:#D9A441;animation:blink 2.4s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.hud__rec::before{animation:none}}
.hud__sep{opacity:.45}
@media (max-width:720px){.hud{font-size:10px;letter-spacing:.1em}.hud--top{flex-direction:column;align-items:flex-start;gap:2px}.hud__sep{display:none}.hud__hide-sm{display:none}}

.hero{position:absolute;z-index:4;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + 56px);bottom:clamp(72px,13vh,170px);display:flex;flex-direction:column;justify-content:flex-end;opacity:var(--hero-o,1);transform:translateY(var(--hero-y,0px));will-change:opacity,transform}
.hero__h1{max-width:1180px}
.hero__eyebrow{display:flex;gap:14px;align-items:baseline;font:500 12px/1.7 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#F3EDE2;text-shadow:0 1px 16px rgba(0,0,0,.7);max-width:66ch;margin-bottom:clamp(18px,3vh,30px)}
.hero__eyebrow::before{content:"";flex:none;width:36px;height:1px;background:#D9A441;transform:translateY(-4px)}
.hero__h1{font-family:var(--f-sans);font-weight:400;font-size:clamp(36.96px,min(6.72vw,11.76vh),94.08px);line-height:.98;letter-spacing:-.032em;text-wrap:balance}
.hero__h1 em{font-style:normal}
.hero__p{margin-top:clamp(20px,3vh,32px);max-width:56ch;font-size:clamp(16px,1.4vw,19px);color:rgba(243,237,226,.86)}
.hero__btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:clamp(26px,4vh,42px)}
.hero .btn--ghost,.finale .btn--ghost{color:#F3EDE2;border-color:rgba(243,237,226,.34)}
.hero__cue{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:14px;font:400 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(243,237,226,.7)}
.hero__cue i{display:block;width:1px;height:46px;background:linear-gradient(#F3EDE2,transparent);animation:cue 2.2s var(--ease) infinite;transform-origin:top}
@keyframes cue{0%{transform:scaleY(0)}60%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (max-width:720px){.hero__cue{display:none}.hero{bottom:clamp(64px,11vh,110px)}.hero__btns .btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.hero__cue i{animation:none}}
.hero__h1,.hero__p,.chap__t,.chap__p{text-shadow:0 2px 28px rgba(13,12,20,.55)}

.chap{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:clamp(88px,15vh,170px);display:grid;gap:14px;max-width:880px;opacity:0;visibility:hidden;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease),visibility 0s linear .9s}
.chap.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.chap__n{font:500 12px/1 var(--f-mono);letter-spacing:.2em;color:#D9A441;display:flex;align-items:center;gap:14px}
.chap__n::after{content:"";height:1px;width:56px;background:#D9A441;opacity:.6}
.chap__t{font:400 clamp(36.96px,min(6.22vw,11.76vh),97.44px)/.94 var(--f-sans);letter-spacing:-.032em}
.chap__p{font-size:clamp(17px,1.6vw,21px);color:rgba(243,237,226,.9);max-width:44ch;line-height:1.5}
.chap__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chap__chip{padding:9px 14px;border:1px solid rgba(243,237,226,.28);border-radius:999px;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#F3EDE2;background:rgba(13,12,20,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.chap__chip--gold{border-color:rgba(217,164,65,.6);color:#E8B857}

.rail{position:absolute;z-index:5;right:clamp(14px,2.4vw,40px);top:50%;transform:translateY(-50%);display:grid;gap:4px;justify-items:end}
.rail button{display:flex;align-items:center;gap:12px;padding:7px 0;font:400 11px/1 var(--f-mono);letter-spacing:.14em;color:rgba(243,237,226,.78);text-shadow:0 1px 8px rgba(0,0,0,.6);transition:color .4s}
.rail button i{display:block;width:14px;height:1px;background:currentColor;transition:width .5s var(--ease)}
.rail button span{opacity:0;transform:translateX(6px);transition:opacity .4s,transform .4s;text-transform:uppercase;white-space:nowrap}
.rail button:hover,.rail button.is-on{color:#F3EDE2}
.rail button.is-on i{width:34px;background:#D9A441}
.rail button.is-on b{color:#D9A441;font-weight:500}
.rail:hover button span,.rail button.is-on span{opacity:1;transform:none}
@media (max-width:900px){.rail button span{display:none}.rail{right:10px}}
@media (max-width:560px){.rail{display:none}}

.finale{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;text-align:center;opacity:var(--fin-o,0);visibility:hidden;pointer-events:none;padding:var(--pad)}
.finale.is-on{visibility:visible;pointer-events:auto}
.finale__mark{height:clamp(86px,16vh,150px);width:auto}
.finale__word{height:clamp(16px,2.6vh,24px);width:auto;margin-top:clamp(20px,3.2vh,32px)}
.finale__t{margin-top:clamp(16.8px,3.02vh,30.24px);font:400 clamp(33.6px,5.38vw,77.28px)/1 var(--f-sans);letter-spacing:-.032em}
.finale__t em{font-style:normal}
.finale__s{margin-top:16px;max-width:52ch;color:rgba(243,237,226,.8);font-size:clamp(15px,1.3vw,18px)}
.finale__btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:clamp(24px,4vh,40px)}

/* ---------- Ichki sahifa sarlavhasi ---------- */
.phero{position:relative;isolation:isolate;overflow:hidden;background:#0D0C14;color:#F3EDE2;padding:calc(var(--hdr) + clamp(64px,10vw,130px)) 0 clamp(56px,8vw,104px)}
.phero__bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:.5;filter:saturate(.85)}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0D0C14 12%,rgba(13,12,20,.6) 62%,rgba(13,12,20,.3)),linear-gradient(0deg,#0D0C14,rgba(13,12,20,0) 45%)}
.crumbs{display:flex;gap:12px;align-items:center;font:500 12px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(243,237,226,.6);margin-bottom:clamp(22px,3vw,36px)}
.crumbs a:hover{color:#D9A441}
.crumbs i{width:18px;height:1px;background:rgba(243,237,226,.35)}
.phero .h1,.h1{font-family:var(--f-sans);font-weight:400;font-size:clamp(38.64px,6.38vw,99.12px);line-height:.98;letter-spacing:-.032em;text-wrap:balance;max-width:16ch}
.phero .lead{margin-top:clamp(22px,3vw,34px);color:rgba(243,237,226,.8);max-width:60ch}

/* ---------- Bosh sahifa: kirish bayonoti ---------- */
.statement{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(32px,6vw,110px);align-items:start}
@media (max-width:960px){.statement{grid-template-columns:1fr}}
.statement__big{font:400 clamp(25.2px,3.02vw,48.72px)/1.16 var(--f-sans);letter-spacing:-.032em;text-wrap:pretty}
.statement__big em{font-style:normal}
.statement__side{display:grid;gap:24px;padding-top:12px}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-strong);margin-top:clamp(56px,8vw,110px)}
.kpi{padding:clamp(26px,3.4vw,46px) clamp(14px,1.6vw,26px) 0 0;display:grid;gap:12px;align-content:start;border-right:1px solid var(--line);padding-left:clamp(14px,1.6vw,26px)}
.kpi:first-child{padding-left:0}
.kpi:last-child{border-right:0}
.kpi__v{font:400 clamp(36.96px,4.2vw,70.56px)/.95 var(--f-sans);letter-spacing:-.032em;white-space:nowrap;font-variant-numeric:tabular-nums}
.kpi__v .u{font:400 .4em/1 var(--f-sans);color:var(--gold);margin-left:.18em}
.kpi__v .u.pre{margin:0 .2em 0 0}
.kpi__l{font:400 12px/1.55 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:22ch}
@media (max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.kpi{border-bottom:1px solid var(--line);padding-bottom:26px;padding-left:0}.kpi:nth-child(2n){border-right:0;padding-left:clamp(14px,3vw,26px)}.kpi:last-child{grid-column:1/-1;border-bottom:0}}

/* ---------- Faoliyat yo'nalishlari (kartalar) ---------- */
.dirs{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.6vw,24px)}
.dir{grid-column:span 2;position:relative;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--brand);border-radius:6px;overflow:hidden;transition:border-color .6s var(--ease),transform .8s var(--ease)}
.dir:nth-child(n+4){grid-column:span 3}
.dir:hover{border-color:rgba(217,164,65,.6);transform:translateY(-6px)}
.dir__img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0a0910}
.dir:nth-child(n+4) .dir__img{aspect-ratio:21/9}
.dir__img img{width:100%;height:100%;object-fit:cover;filter:brightness(.9);transition:transform 2.4s var(--ease),filter 1s}
.dir:hover .dir__img img{transform:scale(1.06);filter:brightness(1)}
.dir__img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg-2) 0%,rgba(22,20,30,0) 42%)}
.dir__no{position:absolute;top:16px;left:18px;z-index:2;font:500 12px/1 var(--f-mono);letter-spacing:.2em;color:#F3EDE2;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.dir__body{display:flex;flex-direction:column;gap:12px;padding:8px clamp(20px,2vw,30px) clamp(24px,2.2vw,32px);flex:1}
.dir__t{font:400 clamp(23.52px,2.1vw,31.92px)/1.05 var(--f-sans)}
.dir__p{font-size:15px;line-height:1.62;color:var(--ink-2);flex:1}
.dir__more{margin-top:8px;display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.dir__more svg{width:14px;height:14px;transition:transform .5s var(--ease)}
.dir:hover .dir__more svg{transform:translateX(5px)}
@media (max-width:1000px){.dirs{grid-template-columns:repeat(2,1fr)}.dir,.dir:nth-child(n+4){grid-column:span 1}.dir:nth-child(5){grid-column:1/-1}.dir:nth-child(n+4) .dir__img{aspect-ratio:16/10}.dir:nth-child(5) .dir__img{aspect-ratio:21/9}}
@media (max-width:620px){.dirs{grid-template-columns:1fr}.dir:nth-child(5){grid-column:auto}.dir:nth-child(5) .dir__img{aspect-ratio:16/10}}

/* ---------- Mahsulot kartalari (bosh sahifa) ---------- */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
@media (max-width:1000px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.pgrid{grid-template-columns:1fr}}
.pcard{position:relative;display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:6px;overflow:hidden;background:var(--bg-2);transition:border-color .6s var(--ease),transform .8s var(--ease)}
.pcard:hover{border-color:var(--gold);transform:translateY(-6px)}
.pcard__img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0a0910}
.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform 2.4s var(--ease)}
.pcard:hover .pcard__img img{transform:scale(1.06)}
.pcard__no{position:absolute;top:16px;left:18px;z-index:2;font:500 12px/1 var(--f-mono);letter-spacing:.2em;color:#F3EDE2;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.pcard__body{display:grid;gap:10px;padding:clamp(20px,2vw,28px);flex:1;align-content:start}
.pcard__t{font:400 clamp(23.52px,2.02vw,31.92px)/1.05 var(--f-sans)}
.pcard__tag{font:500 11px/1.5 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.pcard__p{font-size:15px;line-height:1.62;color:var(--ink-2)}
.art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 40%,#3a2d18 0%,#1a150d 70%),#14100a}
.art svg{width:46%;height:auto;color:#D9A441;opacity:.92}
.art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(243,237,226,.03) 0 10px,transparent 10px 20px)}

/* ---------- Ustunliklar (6 ta) ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-strong);border-left:1px solid var(--line)}
.pillar{padding:clamp(26px,3vw,46px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:14px;align-content:start;transition:background .6s}
.pillar:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}
.pillar__n{font:500 12px/1 var(--f-mono);letter-spacing:.2em;color:var(--gold)}
.pillar__t{font:400 clamp(21.84px,2.02vw,30.24px)/1.08 var(--f-sans)}
.pillar__p{color:var(--ink-2);font-size:15px;line-height:1.62}
@media (max-width:900px){.pillars{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pillars{grid-template-columns:1fr}}

/* ---------- Texnologiya bandi / karusel ---------- */
.tech{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
@media (max-width:900px){.tech{grid-template-columns:1fr}}
.tech__img{aspect-ratio:4/3;border-radius:6px;overflow:hidden;position:relative;background:#0a0910}
.tech__img img{width:100%;height:100%;object-fit:cover}
.eq{margin-top:clamp(28px,4vw,44px);border-top:1px solid var(--line-strong)}
.eq>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.eq dt{font:500 11px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.eq dd{font:400 clamp(18.48px,1.68vw,25.2px)/1.2 var(--f-sans)}
.eq dd small{display:block;margin-top:6px;font:400 14px/1.55 var(--f-sans);color:var(--ink-3)}
@media (max-width:560px){.eq>div{grid-template-columns:1fr;gap:6px}}

.tech__bar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(28px,4vw,48px)}
.arrows{display:flex;gap:10px;flex:none}
.arrows button{width:56px;height:56px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;transition:all .4s var(--ease)}
.arrows button:hover:not(:disabled){background:var(--ink);color:var(--bg);border-color:var(--ink)}
.arrows button:disabled{opacity:.25;cursor:default}
.arrows svg{width:18px;height:18px}
.arrows #techPrev svg{transform:scaleX(-1)}
.track-wrap{margin-inline:calc(var(--pad) * -1)}
.track{display:flex;gap:clamp(14px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--pad);scroll-padding-inline:var(--pad);-webkit-overflow-scrolling:touch;cursor:grab}
.track::-webkit-scrollbar{display:none}
.track.is-drag{cursor:grabbing;scroll-snap-type:none}
.slide{flex:0 0 clamp(300px,38vw,560px);scroll-snap-align:start;display:grid;gap:20px;user-select:none;align-content:start}
.slide__img{aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#0a0910;position:relative}
.slide__img img{width:100%;height:100%;object-fit:cover;filter:brightness(.92);pointer-events:none;transition:transform 2s var(--ease)}
.slide:hover .slide__img img{transform:scale(1.05)}
.slide__no{position:absolute;left:18px;top:16px;font:500 12px/1 var(--f-mono);letter-spacing:.2em;color:#F3EDE2;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.slide__t{font:400 clamp(21.84px,2.18vw,31.92px)/1.05 var(--f-sans)}
.slide__t small{display:block;font:500 11px/1.5 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.slide__p{color:var(--ink-2);font-size:15px;max-width:46ch}
.tech__prog{height:1px;background:var(--line);margin-top:clamp(28px,4vw,44px);position:relative}
.tech__prog i{position:absolute;left:0;top:-1px;height:3px;width:25%;background:var(--gold-fill);transition:transform .3s linear}

/* ---------- Faoliyat sahifasi ---------- */
.subnav{position:sticky;top:var(--hdr);z-index:50;background:rgba(13,12,20,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(243,237,226,.12);color:#F3EDE2}
.subnav__in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.subnav__in::-webkit-scrollbar{display:none}
.subnav a{flex:none;display:inline-flex;gap:10px;align-items:baseline;padding:11px 16px;border-radius:999px;font:500 11.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.72);border:1px solid transparent;transition:all .4s}
.subnav a b{color:#D9A441;font-weight:500}
.subnav a:hover{color:#F3EDE2;border-color:rgba(243,237,226,.25)}
.subnav a.is-cur{color:#0D0C14;background:#F3EDE2}
.subnav a.is-cur b{color:#8C6210}
.fsec{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,104px);align-items:center;scroll-margin-top:calc(var(--hdr) + 70px)}
.fsec--rev .fsec__media{order:2}
@media (max-width:900px){.fsec{grid-template-columns:1fr}.fsec--rev .fsec__media{order:0}}
.fsec__media{position:relative;aspect-ratio:5/4;border-radius:6px;overflow:hidden;background:#0a0910}
.fsec__media img{width:100%;height:100%;object-fit:cover}
.fsec__no{font:400 clamp(75.6px,10.08vw,159.6px)/.8 var(--f-sans);color:color-mix(in srgb,var(--ink) 14%,transparent);margin-bottom:6px}
.fsec__t{margin-top:4px}
.fsec .lead{margin-top:clamp(18px,2.4vw,28px)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin-top:clamp(28px,4vw,44px);border-top:1px solid var(--line-strong)}
.fact{padding:20px 18px 0 0;display:grid;gap:8px}
.fact b{font:400 clamp(28.56px,2.86vw,43.68px)/1 var(--f-sans);font-weight:400}
.fact span{font:400 12px/1.5 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.checks{margin-top:clamp(22px,3vw,32px);display:grid;gap:12px}
.checks li{display:flex;gap:14px;align-items:baseline;color:var(--ink-2);font-size:16px;line-height:1.55}
.checks li::before{content:"";flex:none;width:18px;height:1px;background:var(--gold);transform:translateY(-4px)}

/* ---------- Mahsulotlar sahifasi ---------- */
.prow{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(32px,6vw,100px);align-items:center;scroll-margin-top:calc(var(--hdr) + 70px)}
.prow--rev .prow__media{order:2}
@media (max-width:900px){.prow{grid-template-columns:1fr}.prow--rev .prow__media{order:0}}
.prow__media{position:relative;aspect-ratio:5/4;border-radius:6px;overflow:hidden;background:#0a0910}
.prow__media img{width:100%;height:100%;object-fit:cover}
.prow__no{font:500 12px/1 var(--f-mono);letter-spacing:.2em;color:var(--gold);display:flex;align-items:center;gap:14px;margin-bottom:clamp(18px,2.4vw,28px)}
.prow__no::after{content:"";height:1px;width:56px;background:var(--line-strong)}
.prow__t{font:400 clamp(38.64px,4.7vw,73.92px)/.98 var(--f-sans);letter-spacing:-.032em}
.prow__t small{display:block;font:500 12px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.prow .lead{margin-top:clamp(18px,2.4vw,28px)}
.spec{margin-top:clamp(24px,3vw,38px);border-top:1px solid var(--line-strong)}
.spec>div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}
.spec dt{font:400 12px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none}
.spec dd{font:400 clamp(16.8px,1.51vw,21.84px)/1.25 var(--f-sans);text-align:right;text-wrap:balance}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(20px,2.6vw,30px)}
.tags span{padding:9px 15px;border:1px solid var(--line-strong);border-radius:999px;font:500 11.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.note{margin-top:clamp(18px,2.4vw,28px);font-size:14px;line-height:1.6;color:var(--muted);max-width:56ch}

/* ---------- Kompaniya sahifasi ---------- */
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,100px);align-items:start}
@media (max-width:900px){.about{grid-template-columns:1fr}}
.about p+p{margin-top:1.1em}
.about .lead{max-width:none}
.about__img{aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:#0a0910;position:sticky;top:calc(var(--hdr) + 24px)}
.about__img img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.about__img{position:static;aspect-ratio:16/10}}
.mvv{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
@media (max-width:900px){.mvv{grid-template-columns:1fr}}
.mvv>div{padding:clamp(28px,3vw,44px);border:1px solid var(--line-strong);border-radius:6px;display:grid;gap:16px;align-content:start;background:color-mix(in srgb,var(--ink) 3%,transparent)}
.mvv__k{font:500 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.mvv h3{font:400 clamp(23.52px,2.18vw,33.6px)/1.05 var(--f-sans)}
.mvv p{color:var(--ink-2);font-size:16px;line-height:1.65}
.regions{display:flex;gap:10px;flex-wrap:wrap;margin-top:clamp(22px,3vw,34px)}
.regions span{padding:12px 20px;border:1px solid var(--gold);color:var(--gold);border-radius:999px;font:500 13px/1 var(--f-mono);letter-spacing:.12em}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,18px)}
.gallery figure{aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#0a0910}
.gallery img{width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.gallery{grid-template-columns:repeat(2,1fr)}}

/* ---------- Sifat sahifasi ---------- */
.lab{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-strong);border-left:1px solid var(--line)}
.lab__i{padding:clamp(26px,3vw,44px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:14px;align-content:start}
.lab__n{font:500 12px/1 var(--f-mono);letter-spacing:.2em;color:var(--gold)}
.lab__t{font:400 clamp(21.84px,2.02vw,30.24px)/1.05 var(--f-sans)}
.lab__p{color:var(--ink-2);font-size:15px}
.lab__foot{margin-top:clamp(28px,4vw,48px);display:flex;gap:18px;align-items:center;flex-wrap:wrap;font:400 13px/1.6 var(--f-mono);letter-spacing:.06em;color:var(--ink-2)}
.lab__foot::before{content:"";width:40px;height:1px;background:var(--gold);flex:none}
@media (max-width:900px){.lab{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.lab{grid-template-columns:1fr}}
.steps5{display:grid;grid-template-columns:repeat(5,1fr);counter-reset:s}
.steps5>li{position:relative;padding:clamp(24px,3vw,40px) clamp(16px,2vw,30px) 0 0;display:grid;gap:14px;align-content:start}
.steps5>li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-strong)}
.steps5>li::after{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--gold-fill)}
.steps5 b{font:400 clamp(45.36px,4.2vw,70.56px)/.85 var(--f-sans);color:color-mix(in srgb,var(--ink) 20%,transparent);font-weight:400}
.steps5 h3{font:400 clamp(20.16px,1.76vw,26.88px)/1.1 var(--f-sans)}
.steps5 p{color:var(--ink-2);font-size:14.5px;line-height:1.6}
@media (max-width:1000px){.steps5{grid-template-columns:repeat(2,1fr);row-gap:24px}}
@media (max-width:560px){.steps5{grid-template-columns:1fr}}

/* ---------- Aloqa ---------- */
.rfq{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(36px,6vw,96px);align-items:start}
@media (max-width:960px){.rfq{grid-template-columns:1fr}}
.form{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}
.form .full{grid-column:1/-1}
@media (max-width:560px){.form{grid-template-columns:1fr}}
.fld{display:grid;gap:9px;min-width:0}
.fld label{font:500 11px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.fld label b{color:var(--gold);font-weight:500}
.inp{width:100%;height:54px;padding:0 18px;border-radius:4px;background:color-mix(in srgb,var(--ink) 4%,transparent);border:1px solid var(--line-strong);color:var(--ink);font-size:16px;outline:none;transition:border-color .4s,background .4s;-webkit-appearance:none;appearance:none}
textarea.inp{height:auto;min-height:140px;padding:16px 18px;resize:vertical;line-height:1.55}
select.inp{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none' stroke='%238A8478' stroke-width='1.4'><path d='M1 1l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px}
select.inp option{background:var(--bg-2);color:var(--ink)}
.inp::placeholder{color:var(--ink-3);opacity:.7}
.inp:hover{border-color:var(--ink-3)}
.inp:focus{border-color:var(--gold);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.inp.is-bad{border-color:#D8392D}
.form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__foot{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.form__note{font-size:13px;color:var(--muted);max-width:38ch;line-height:1.5}
.form__msg{grid-column:1/-1;padding:18px 20px;border-radius:4px;font-size:15px;line-height:1.55;display:none}
.form__msg.is-ok{display:block;border:1px solid rgba(217,164,65,.55);background:rgba(217,164,65,.1)}
.form__msg.is-err{display:block;border:1px solid rgba(216,57,45,.55);background:rgba(216,57,45,.08)}
.form__msg a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.form.is-busy .btn{opacity:.6;pointer-events:none}
.contact{display:grid;gap:clamp(20px,2.6vw,30px);align-content:start}
.contact__row{display:grid;gap:8px;padding-bottom:clamp(18px,2.4vw,28px);border-bottom:1px solid var(--line)}
.contact__row span{font:500 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.contact__row a,.contact__row p{font:400 clamp(20.16px,2.1vw,30.24px)/1.15 var(--f-sans);word-break:break-word;transition:color .4s}
.contact__row p.sm{font-size:clamp(20px,1.9vw,26px)}
.contact__row a:hover{color:var(--gold)}
.contact__apps{display:flex;gap:10px;flex-wrap:wrap}

/* Bog'lanish bloki (bosh sahifa oxirida) */
.touch{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(36px,6vw,100px);align-items:start}
@media (max-width:960px){.touch{grid-template-columns:1fr}}

/* ---------- Pastki qism ---------- */
.ftr{border-top:1px solid rgba(243,237,226,.12);padding:clamp(56px,8vw,104px) 0 34px;background:#0D0C14;color:#F3EDE2}
.ftr__top{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:clamp(28px,4vw,64px);padding-bottom:clamp(40px,6vw,76px)}
@media (max-width:980px){.ftr__top{grid-template-columns:1fr 1fr}.ftr__brand{grid-column:1/-1}}
@media (max-width:520px){.ftr__top{grid-template-columns:1fr}}
.ftr__brand{display:grid;gap:22px;justify-items:start;align-content:start}
.ftr__brand .brand__mark{height:54px}
.ftr__brand .brand__word{height:15px}
.ftr__brand p{max-width:40ch;color:rgba(243,237,226,.68);font-size:15px}
.ftr .ftr__h{font:500 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#8A8478;margin:0 0 20px}
.ftr__col{display:grid;gap:10px;align-content:start}
.ftr__col a,.ftr__col p{font:400 15px/1.45 var(--f-sans);color:rgba(243,237,226,.84);transition:color .3s}
.ftr__col a:hover{color:#D9A441}
.ftr__bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:26px;border-top:1px solid rgba(243,237,226,.12);font:400 11px/1.6 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#8A8478}
.ftr__bot a:hover{color:#D9A441}

.skip{position:absolute;left:12px;top:-60px;z-index:300;background:var(--gold-fill);color:#17120A;padding:12px 18px;border-radius:4px;font:500 12px/1 var(--f-mono);letter-spacing:.1em;transition:top .3s}
.skip:focus{top:12px}

/* Rasm manbalari sahifasi */
.src{margin-top:32px;display:grid;gap:0;border-top:1px solid var(--line-strong)}
.src li{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.src li b{font:500 12px/1.5 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.src a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;word-break:break-all}
@media (max-width:640px){.src li{grid-template-columns:1fr;gap:4px}}

/* ---------- Hero: bosqich chizig'i, mobil mini-tasma, ikki oqim belgisi ---------- */
.rail{padding-right:14px}
.rail__line{position:absolute;right:0;top:4px;bottom:4px;width:1px;background:rgba(243,237,226,.2)}
.rail__line i{position:absolute;left:0;top:0;width:100%;height:var(--rail-p,0%);background:#D9A441;transition:height .25s linear}
.rail button i{transition:width .5s var(--ease)}
.mrail{position:absolute;z-index:5;left:var(--pad);right:var(--pad);bottom:calc(18px + env(safe-area-inset-bottom,0px));display:none;gap:10px;flex-direction:column;pointer-events:none}
.mrail__dots{display:flex;gap:5px}
.mrail__dots i{flex:1;height:2px;background:rgba(243,237,226,.22);border-radius:2px;transition:background .4s}
.mrail__dots i.is-on{background:#D9A441}
.mrail__row{display:flex;gap:12px;align-items:baseline;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.85)}
.mrail__row b{color:#D9A441;font-weight:500}
@media (max-width:560px){.mrail{display:flex}}

.fork{display:flex;gap:18px;align-items:stretch;margin-top:10px;max-width:560px}
.fork svg{flex:none;width:112px;height:60px;overflow:visible}
.fork path{fill:none;stroke-width:2;stroke-linecap:round}
.fork__a{stroke:#F3EDE2}
.fork__b{stroke:#D9A441}
.fork circle{fill:#F3EDE2}
.fork__lbl{display:flex;flex-direction:column;justify-content:space-between;font:400 14px/1.3 var(--f-sans);color:rgba(243,237,226,.9);min-width:0;padding:1px 0}
.fork__lbl b{font-weight:500;color:#F3EDE2;margin-right:2px}
.fork__lbl span:last-child b{color:#E8B857}
@media (max-width:560px){.fork{gap:12px}.fork svg{width:84px;height:54px}.fork__lbl{font-size:13px}}

/* Namuna (joy-egasi) belgilari: haqiqiy material kelguncha */
.gallery figure{position:relative}
.gallery figcaption{position:absolute;left:14px;bottom:12px;z-index:2;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#F3EDE2;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.gallery figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,12,20,.6),rgba(13,12,20,0) 45%);pointer-events:none}
.badge{position:absolute;top:12px;right:12px;z-index:2;padding:6px 10px;border-radius:999px;background:rgba(13,12,20,.72);border:1px solid rgba(217,164,65,.6);color:#E8B857;font:500 10px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase}
.certs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
@media (max-width:760px){.certs{grid-template-columns:1fr}}
.cert{position:relative;aspect-ratio:3/4;max-height:340px;border:1px dashed var(--line-strong);border-radius:6px;display:grid;place-content:center;gap:10px;text-align:center;padding:24px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 12px,transparent 12px 24px)}
.cert svg{width:44px;height:44px;margin:0 auto;color:var(--gold)}
.cert b{font:400 clamp(20px,1.8vw,26px)/1.15 var(--f-sans);letter-spacing:-.02em}
.cert span{font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:clamp(22px,3vw,34px)}
.countries span{padding:14px 16px;border:1px solid var(--line-strong);border-radius:6px;font:500 13px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.countries span.home{border-color:var(--gold);color:var(--gold)}

/* Ovoz: hero tugagach tugma yashirinadi; birinchi bosishgacha kichik eslatma */
html.has-sound.past-hero .sound{display:none}
.soundhint{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);z-index:60;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;background:rgba(13,12,20,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(243,237,226,.28);color:#F3EDE2;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s linear .6s;cursor:pointer}
.soundhint.is-on{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:1.2s,1.2s,1.2s}
.soundhint i{width:7px;height:7px;border-radius:50%;background:#D9A441;animation:blink 1.8s ease-in-out infinite}
@media (max-width:560px){.soundhint{bottom:calc(64px + env(safe-area-inset-bottom,0px));font-size:10px;padding:10px 14px}}

/* Hero: birinchi bosqich — katta ishlab chiqaruvchi ko'rsatkichlari */
.hero__kpi{display:grid;grid-template-columns:repeat(4,auto);gap:clamp(18px,3.2vw,52px);margin-top:clamp(22px,3.4vh,38px);padding-top:clamp(16px,2.6vh,26px);border-top:1px solid rgba(243,237,226,.26);width:max-content;max-width:100%}
.hero__kpi div{display:grid;gap:6px}
.hero__kpi b{font:400 clamp(28px,3.4vw,52px)/1 var(--f-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hero__kpi b i{font-style:normal;font-size:.5em;color:#D9A441;margin-left:.15em;letter-spacing:0}
.hero__kpi span{font:500 10.5px/1.35 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(243,237,226,.78);max-width:16ch}
@media (max-width:560px){.hero__kpi{grid-template-columns:repeat(2,1fr);gap:14px 20px;width:100%}.hero__kpi b{font-size:26px}}

/* Matn kontrasti: kadrga tegmasdan, pastki-chap burchakda yengil qoramtir qatlam */
.film__stage::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(0deg,rgba(13,12,20,.62) 0%,rgba(13,12,20,.34) 34%,rgba(13,12,20,0) 62%),linear-gradient(90deg,rgba(13,12,20,.36) 0%,rgba(13,12,20,0) 58%)}

/* Mobil hero: ixcham (eyebrow yo'q, KPI kichik, ovoz eslatmasi tugmalardan pastda) */
@media (max-width:560px){
  .hero{bottom:clamp(104px,15vh,130px)}
  .hero__eyebrow{display:none}
  .hero__p{font-size:15px;line-height:1.45;max-width:none}
  .hero__kpi{gap:10px 18px;margin-top:14px;padding-top:12px}
  .hero__kpi b{font-size:22px}
  .hero__kpi span{font-size:9.5px;max-width:none}
  .hero .btn{padding:14px 18px;min-height:48px}
  .soundhint{bottom:calc(46px + env(safe-area-inset-bottom,0px))}
}

/* Hero: bitta o'rtacha sarlavha — HUD bilan ustma-ust tushmaydi */
.hero__h1{font-size:clamp(30px,min(3.7vw,6.4vh),54px);line-height:1.08;letter-spacing:-.025em;max-width:22ch;margin-bottom:clamp(14px,2.2vh,22px)}
.hero{top:calc(var(--hdr) + 84px)}
@media (max-width:560px){.hero__h1{font-size:27px;max-width:none}.hero{top:calc(var(--hdr) + 96px)}}

/* ---------- Bitta paxta — ikki oqim: rasmli mahsulot kartalari ---------- */
.flow{display:grid;gap:clamp(34px,4.6vw,64px)}
.flow__lbl{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:0 0 clamp(16px,1.8vw,24px);padding-bottom:14px;border-bottom:1px solid var(--line-strong)}
.flow__lbl b{font:500 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.flow__lbl span{font:400 clamp(16px,1.4vw,19px)/1.3 var(--f-sans);color:var(--ink-3)}
.flow__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.4vw,40px)}
.flow__item{position:relative;display:flex}
.flow__item .pcard{width:100%}
.flow__arr{position:absolute;z-index:3;top:calc((100% - 0px) * 0);right:calc(clamp(22px,2.4vw,40px) / -2 - 17px);margin-top:clamp(70px,8vw,120px);width:34px;height:34px;border-radius:50%;background:var(--bg);border:1px solid var(--gold);display:none}
.flow__arr::before{content:"";position:absolute;left:11px;top:50%;width:11px;height:1.5px;background:var(--gold);transform:translateY(-50%)}
.flow__arr::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);transform:translateY(-50%) rotate(45deg)}
.flow__item:not(:last-child) .flow__arr{display:block}
@media (max-width:760px){
  .flow{gap:34px}
  .flow__row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 6px;scrollbar-width:none}
  .flow__row::-webkit-scrollbar{display:none}
  .flow__item{flex:0 0 78%;scroll-snap-align:start}
  .flow__arr{display:none!important}
  .flow__item .pcard__p{font-size:14px}
}

/* Mobil hero: raqamlar tabi va yuqori HUD olib tashlandi — joy bo'shadi */
@media (max-width:720px){
  .hero__kpi{display:none}
  .hud--top{display:none}
  .hero{top:calc(var(--hdr) + 28px)}
}

/* Vertikal integratsiya: 5 halqa, ixcham ro'yxat */
.vsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,2.4vw,40px)}
.vstep{display:grid;gap:10px;align-content:start;padding-top:18px;border-top:1px solid var(--line-strong);position:relative}
.vstep::before{content:"";position:absolute;left:0;top:-1px;width:36px;height:2px;background:var(--gold)}
.vstep__n{font:500 11px/1 var(--f-mono);letter-spacing:.2em;color:var(--gold)}
.vstep__t{font:400 clamp(19px,1.6vw,24px)/1.12 var(--f-sans);letter-spacing:-.02em}
.vstep__p{font-size:14.5px;line-height:1.55;color:var(--ink-3)}
@media (max-width:1000px){.vsteps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.vsteps{grid-template-columns:1fr;gap:22px}}
#mahsulotlar{overflow-x:clip}
.flow .pcard__no{top:12px;left:12px;padding:6px 9px;border-radius:999px;background:rgba(13,12,20,.7);text-shadow:none;font-size:11px}

/* Uskunalar: 3 ta surat almashadi; qatorni bosish/ustiga olib borish rasmni tanlaydi */
.tech__img img{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease)}
.tech__img img.is-on{opacity:1}
.eq>div{cursor:pointer;transition:opacity .5s var(--ease)}
.eq>div:not(.is-on){opacity:.55}
.eq>div:hover,.eq>div:focus-visible{opacity:1;outline:none}
.slide__img--light{background:#fff}