/* doyse.uz sayt v2 (08.11.2026) — bosh sahifa + 4 ichki sahifa uchun umumiy uslub. Qarorlar: docs/QARORLAR-SAYT-v2.md */
@font-face{font-family:Caslon;src:url(fonts/caslon-latin.woff2) format("woff2");font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1EFF,U+2020,U+20A0-20AB}
:root{--bg:#041512;--bg2:#072019;--em:#12A98D;--em2:#0C7A66;--gold:#E3BE6B;--txt:#F3F6F1;--dim:#A9BEB4;--line:rgba(243,246,241,.12);--tile:#10312A;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0}
html{overflow-x:clip;scrollbar-color:#1E4A40 var(--bg);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--txt);font:500 18px/1.5 Manrope,system-ui,-apple-system,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
::selection{background:var(--gold);color:#201703}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}
img{display:block;max-width:100%}
h1,h2,h3{font-family:Caslon,Georgia,serif;font-weight:400;font-synthesis:none;letter-spacing:-.015em;line-height:1.03;text-wrap:balance}
.wd{display:inline-block;opacity:0;transform:translateY(.32em);filter:blur(8px);transition:opacity .9s var(--ease),transform 1.1s var(--ease),filter .9s var(--ease);transition-delay:calc(var(--i)*70ms)}
.in .wd{opacity:1;transform:none;filter:none}
.q{margin-inline:-.1em -.04em}
.gold{color:var(--gold)}
.w{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.h2{font-size:clamp(50px,8.4vw,112px)}
.sub{color:var(--dim);font-size:clamp(18px,1.8vw,23px);max-width:34em;font-weight:500;line-height:1.4}
.c{text-align:center}.c .sub{margin-inline:auto}
.scene{padding:clamp(96px,14vw,190px) 0;scroll-margin-top:52px}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,#F5E7C6,#D6B97C 55%,#B9975B);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 12px 22px -12px #000;color:#241A06;font-weight:800;font-size:17px;transition:transform .3s var(--ease),background .2s}
.pill:hover{transform:scale(1.03)}.pill:active{transform:scale(.98)}
.lnk{display:inline-flex;align-items:center;gap:6px;min-height:50px;color:var(--gold);font-weight:700;font-size:17px}
.lnk svg{width:15px;height:15px;transition:transform .3s var(--ease)}.lnk:hover svg{transform:translateX(4px)}
.ctas{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;justify-content:center}

.nav{position:fixed;inset:0 0 auto;z-index:50;background:rgba(4,21,18,.72);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);border-bottom:1px solid var(--line)}
.nav .w{display:flex;align-items:center;gap:30px;height:52px}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;letter-spacing:-.01em}
.brand img{width:26px;height:26px}
.nav ul{display:flex;gap:28px;list-style:none;padding:0;margin-left:auto}
.nav li a{font-size:14px;font-weight:600;color:var(--dim);transition:color .15s}.nav li a:hover{color:var(--txt)}
.nav .pill{min-height:32px;padding:0 14px;font-size:14px}
@media(max-width:780px){.nav ul{display:none}.nav .pill{margin-left:auto}}

/* 1. hero */
.hero{height:230vh}
.hs{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(90% 70% at 50% 92%,#0C3F33 0%,#072019 48%,var(--bg) 100%)}
.ht{position:absolute;inset:clamp(84px,13vh,128px) 0 auto;text-align:center;padding:0 20px;z-index:2;opacity:calc(1 - var(--p,0)*2.4);transform:translateY(calc(var(--p,0)*-70px))}
h1{font-size:clamp(70px,12.6vw,172px);letter-spacing:-.02em;line-height:.98}
.ht .sub{margin:clamp(14px,2vh,22px) auto clamp(16px,2.6vh,26px)}
.rig{position:absolute;left:50%;top:50%;width:min(1240px,94vw,150vh);aspect-ratio:1344/752;transform:translate(-50%,-50%) translateY(calc((1 - var(--p,0))*33vh)) scale(calc(.74 + var(--p,0)*.34)) perspective(2000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform}
.rig>img{width:100%;height:100%;-webkit-mask:radial-gradient(75% 92% at 50% 50%,#000 72%,transparent 100%);mask:radial-gradient(75% 92% at 50% 50%,#000 72%,transparent 100%)}
.scr-b,.scr-p{position:absolute;overflow:hidden;background:#000}
.scr-b{left:9.75%;top:8.24%;width:79.54%;height:75.13%;clip-path:polygon(0 0,100% 0,100% 64.8%,90.5% 64.8%,90.5% 100%,0 100%)}
.scr-p{left:82.14%;top:57.71%;width:8.56%;height:32.85%;border-radius:13%/6.4%}
.scr-b img,.scr-p img{width:100%;height:100%;object-fit:cover;object-position:top}
.scr-b:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 34%)}
.hcap{position:absolute;left:0;right:0;bottom:clamp(14px,3vh,30px);text-align:center;font-weight:700;color:var(--dim);opacity:calc((var(--p,0) - .72)*4)}
@media(max-width:780px){.rig{width:124vw}.hero{height:190vh}}

/* 2. jonli */
.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:clamp(26px,4vw,44px) 0 clamp(22px,3vw,34px)}
.chip{min-height:38px;padding:0 15px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--dim);font-weight:700;font-size:14.5px;transition:color .2s,box-shadow .2s,background .2s}
.chip:hover{color:var(--txt)}
.chip[aria-pressed=true]{background:var(--txt);color:var(--bg);box-shadow:none}
#jonli{position:relative;padding-bottom:clamp(170px,24vw,340px)}
#jonli:before,.end:before{content:"";position:absolute;left:50%;bottom:0;width:max(min(1500px,230vw),100%);aspect-ratio:16/9;transform:translateX(-50%);background:url(sayt/r-stage.jpg) center/100% 100%;-webkit-mask:linear-gradient(transparent,#000 45%);mask:linear-gradient(transparent,#000 45%);pointer-events:none}
#jonli>.w,.end>.w{position:relative}
.stage{position:relative;padding-right:clamp(0px,15vw,200px);max-width:min(100%,128vh);margin:0 auto}
#jonli .h2{font-size:clamp(40px,5.6vw,72px)}
.board{--a:var(--em);container-type:inline-size;position:relative;border-radius:24px;background:linear-gradient(160deg,rgba(14,62,52,.62),rgba(5,26,22,.74));-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 60px 90px -44px #000}
.board:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;background:linear-gradient(135deg,#F5E7C6,#8E7544 34%,#F5E7C6 60%,#8E7544);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.bin{aspect-ratio:16/9;display:grid;grid-template-columns:1fr 27%;gap:1.6cqw;padding:2cqw 9cqw 2cqw 2cqw;overflow:hidden}
.bh{display:flex;gap:1.4cqw;align-items:center;font-size:1.55cqw;font-weight:700;color:var(--dim)}
.bh b{width:1.1cqw;height:1.1cqw;border-radius:50%;background:var(--a);transition:background .4s}
.bq{font-family:Caslon,Georgia,serif;font-size:4.5cqw;line-height:1.1;margin:1.6cqw 0 2.2cqw}
.bl{display:flex;flex-direction:column;min-height:0;padding:1.6cqw}
.bo{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;margin-top:auto}
.bo div{padding:1.4cqw 1.8cqw;border-radius:1.3cqw;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),inset 0 1px 0 rgba(255,255,255,.12);font-size:2cqw;font-weight:700;line-height:1.2;min-height:8.6cqw;display:flex;align-items:center;transition:background .4s,color .4s,opacity .4s}
.bo .ok{background:linear-gradient(135deg,#27D0AE,#0E8E77);color:#02211B}.bo .off{opacity:.38}
.side{display:flex;flex-direction:column;padding:2cqw;border-radius:1.8cqw;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.14)}
.tmr{font-size:5.6cqw;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:2.2cqw}
.tmr small{font-size:1.4cqw;font-weight:700;color:var(--dim);letter-spacing:0;margin-left:.4cqw}
.team{margin-bottom:1.7cqw;font-size:1.5cqw;font-weight:800}
.team span{display:flex;justify-content:space-between}
.team i{display:block;height:.75cqw;border-radius:1cqw;background:rgba(255,255,255,.1);margin-top:.6cqw;overflow:hidden}
.team u{display:block;height:100%;background:linear-gradient(90deg,var(--a),#F5E7C6);transform-origin:left;transform:scaleX(var(--v,0));transition:transform .8s var(--ease),background .4s;border-radius:1cqw}
.team.me{color:var(--gold)}.team.me u{background:linear-gradient(90deg,#8E7544,#F5E7C6)}
.phone{position:relative;container-type:inline-size;text-align:left;aspect-ratio:670/1324;filter:drop-shadow(0 34px 40px rgba(0,0,0,.55))}
.phone:after{content:"";position:absolute;inset:0;background:url(sayt/phone-frame.webp) center/100% 100%;pointer-events:none}
.phone:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 44%,rgba(255,246,222,.95) 50%,transparent 56%) no-repeat;background-size:300% 100%;background-position:calc(var(--sy,0)*100%) 0;-webkit-mask:url(sayt/phone-frame.webp) center/100% 100%;mask:url(sayt/phone-frame.webp) center/100% 100%}
.ps{position:absolute;left:3.43%;top:1.21%;right:2.99%;bottom:1.21%;border:1.7cqw solid #000;border-radius:13%/6.5%;overflow:hidden;background:#072019}
.ps img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.plinth{position:relative}
.plinth:before{content:"";position:absolute;left:50%;bottom:0;width:230%;aspect-ratio:16/9;transform:translate(-50%,29%);background:url(sayt/r-stage.jpg) center/100% 100%;-webkit-mask:radial-gradient(50% 50% at 50% 55%,#000 62%,transparent 100%);mask:radial-gradient(50% 50% at 50% 55%,#000 62%,transparent 100%);pointer-events:none}
.tilt{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease)}
.lp{position:absolute;right:0;bottom:-7%;width:clamp(210px,24%,270px);z-index:2}
.lpi{position:absolute;inset:0;padding:13cqw 6cqw 8cqw;display:flex;flex-direction:column;justify-content:space-between;gap:2.6cqw}
.lpi small{display:flex;justify-content:space-between;font-size:4.2cqw;font-weight:800;color:var(--gold)}
.lpi p{font-family:Caslon,Georgia,serif;font-size:7cqw;line-height:1.14;letter-spacing:-.015em;overflow:hidden}
.lpi button{padding:3.2cqw 4cqw;border-radius:3.6cqw;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:4.1cqw;font-weight:700;line-height:1.2;text-align:left;transition:background .25s,transform .25s var(--ease),color .25s}
.lpi button:hover:not(:disabled){background:#17453B}
.lpi button:active{transform:scale(.97)}
.lpi button.me{background:var(--gold);color:#201703}.lpi button.ok{background:var(--em);color:#02211B}.lpi button.no{background:#7C2A22}
.lpi button:disabled{cursor:default}
.src{min-height:96px;margin-top:clamp(40px,5vw,70px);padding-right:clamp(0px,26%,300px);color:var(--dim);font-size:18px}
.src b{color:var(--txt)}.src cite{display:block;font-style:normal;font-size:15.5px;margin-top:4px}
.src .nx{color:var(--gold);font-weight:700;margin-top:6px;min-height:36px}
@media(max-width:780px){
 .stage{padding:0}
 .chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:-20px;padding:0 20px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none}
 .bin{aspect-ratio:auto;padding:16px;grid-template-columns:1fr;gap:14px}
 .bh{font-size:13px;gap:8px}.bh b{width:9px;height:9px}
 .bq{font-size:20px;min-height:0;margin:10px 0 0}.bo{display:none}
 .side{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}
 .tmr{grid-column:1/-1;font-size:34px;margin:0}.tmr small{font-size:13px}
 .team{font-size:13px;margin:0}.team i{height:5px;margin-top:4px}
 .lp{position:relative;right:auto;bottom:auto;width:min(290px,78vw);margin:22px auto 0}
 .src{padding:0;margin-top:22px}
}

/* 3. ustoz */
.ug{display:grid;grid-template-columns:1fr minmax(0,370px);gap:clamp(30px,6vw,90px);margin-top:clamp(10px,3vw,30px)}
.st{min-height:74vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .5s}
.st.on{opacity:1}
.st h3{font-size:clamp(44px,6vw,78px);margin-bottom:12px}
.st p{color:var(--dim);font-size:clamp(18px,1.7vw,22px);max-width:24em}
.st .phone{display:none}
.uph{position:sticky;top:calc(50vh - min(380px,42vh));height:min(760px,84vh);align-self:start;display:flex;justify-content:center}
.uph .phone{height:100%;width:auto}
.uph img{opacity:0;transform:scale(1.03);transition:opacity .6s,transform .9s var(--ease)}
.uph img.on{opacity:1;transform:none}
@media(max-width:780px){
 .ug{grid-template-columns:1fr}.uph{display:none}
 .st{min-height:0;opacity:1;padding:44px 0 0}
 .st .phone{display:block;width:min(280px,74vw);margin:26px auto 0}
}

/* 4. talaba */
#talaba,#ekotizim{background:radial-gradient(70% 46% at 50% 62%,#0C3F33,transparent)}
.tri{position:relative;container-type:inline-size;max-width:1000px;margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3.4cqw;margin-top:clamp(44px,6vw,80px)}
.tri:before{content:"";position:absolute;left:50%;top:9cqw;width:136cqw;aspect-ratio:16/9;transform:translateX(-50%);background:url(sayt/r-stage.jpg) center/100% 100%;-webkit-mask:radial-gradient(50% 50% at 50% 55%,#000 62%,transparent 100%);mask:radial-gradient(50% 50% at 50% 55%,#000 62%,transparent 100%);pointer-events:none}
.tri figure{position:relative}
.tri figure:nth-child(1){transform:translate(calc((1 - var(--t,1))*62%),calc((1 - var(--t,1))*7%)) rotate(calc((1 - var(--t,1))*-7deg))}
.tri figure:nth-child(3){transform:translate(calc((1 - var(--t,1))*-62%),calc((1 - var(--t,1))*7%)) rotate(calc((1 - var(--t,1))*7deg))}
.tri figure:nth-child(2){z-index:2}
.tri figcaption{text-align:center;margin-top:16cqw;opacity:var(--t,1)}
.tri h3{font-size:clamp(28px,3vw,38px)}
.tri figcaption p{color:var(--dim);font-size:16.5px;margin-top:5px}
.cs{position:absolute;inset:0;padding:13cqw 6cqw 8cqw;display:flex;flex-direction:column;justify-content:space-between;gap:2.4cqw;background:linear-gradient(170deg,#0B2C25,#061A16 60%)}
.cs h4{font-size:6.6cqw;font-weight:800;letter-spacing:-.02em;display:flex;justify-content:space-between;align-items:center}
.cs h4 span{font-size:4.2cqw;color:var(--gold)}
.vs{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:5.2cqw;padding:4cqw;border-radius:4cqw;background:var(--tile)}
.vs em{font-style:normal;color:var(--gold);font-size:4cqw}
.cs p{font-size:5.1cqw;font-weight:800;line-height:1.22;letter-spacing:-.015em;margin:2cqw 0}
.cs .o{padding:3.4cqw 4cqw;border-radius:3.6cqw;background:var(--tile);font-size:4.2cqw;font-weight:700}
.cs .o.ok{background:var(--em);color:#02211B}
.it{display:grid;grid-template-columns:1fr auto;gap:0 3cqw;padding:3.4cqw 4cqw;border-radius:3.6cqw;background:var(--tile)}
.it b{font-size:4.5cqw;font-weight:800}.it small{grid-column:1;font-size:3.5cqw;color:var(--dim)}
.it span{grid-row:1/3;grid-column:2;align-self:center;font-size:4.2cqw;font-weight:800;color:var(--gold)}
@media(max-width:780px){
 .tri:before{display:none}
 .tri{container-type:normal;max-width:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 13vw 8px;gap:16px;scrollbar-width:none}
 .tri::-webkit-scrollbar{display:none}
 .tri figcaption{margin-top:20px}.tri figure{flex:0 0 74vw;scroll-snap-align:center;transform:none!important}.tri figcaption{opacity:1}
}

/* 5. ekotizim */
.eg{display:grid;grid-template-columns:1fr minmax(0,300px) 1fr;gap:clamp(20px,4vw,60px);align-items:center;margin-top:clamp(44px,6vw,80px)}
.pj{display:flex;flex-direction:column;gap:clamp(30px,5vw,64px)}
.pj a{display:flex;align-items:center;gap:14px;transition:transform .35s var(--ease)}
.pj a:hover{transform:translateY(-3px)}
.pj:first-child a{flex-direction:row-reverse;text-align:right}
.md{width:clamp(76px,8vw,104px);aspect-ratio:1;flex:none;display:grid;place-items:center;background:url(sayt/medal.webp) center/contain no-repeat;font:400 clamp(24px,2.7vw,34px)/1 Caslon,Georgia,serif;color:#F0DDB1;text-shadow:0 1px 1px rgba(0,0,0,.7);filter:drop-shadow(0 14px 16px rgba(0,0,0,.5));transition:transform .5s var(--ease)}
.pj a:hover .md{transform:rotate(-6deg) scale(1.05)}
.pj b{display:block;font:400 clamp(26px,2.7vw,34px)/1.1 Caslon,Georgia,serif}
.pj small{font-size:15.5px;color:var(--dim)}
.id{position:absolute;inset:0;padding:14cqw 6cqw;display:flex;flex-direction:column;justify-content:center;gap:3.4cqw;background:linear-gradient(170deg,#0B2C25,#061A16 60%)}
.id small{font-size:3.9cqw;color:var(--dim);font-weight:700}
.id strong{font-size:10.4cqw;font-weight:800;letter-spacing:-.02em;margin-bottom:5cqw}
.id h4{font-size:5.2cqw;font-weight:800;margin-bottom:1cqw}
.row{display:flex;justify-content:space-between;align-items:center;padding:3.8cqw 4cqw;border-radius:3.6cqw;background:var(--tile);font-size:4.4cqw;font-weight:800}
.row em{font-style:normal;font-size:3.6cqw;color:#7FE3CD;font-weight:700}
@media(max-width:780px){.eg{grid-template-columns:1fr}.eg .plinth{order:-1;width:min(280px,74vw);margin:0 auto 60px}.pj{gap:18px}.pj:first-child a{flex-direction:row;text-align:left}}

/* yakun */
.end{position:relative;padding:clamp(90px,12vw,150px) 0 clamp(270px,24vw,320px)}
.end .ctas{margin-top:26px}
footer{border-top:1px solid var(--line);padding:26px 0 36px;font-size:14px;color:var(--dim)}
footer .w{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
footer a:hover{color:var(--txt)}footer span{margin-left:auto}
/* nav: joriy sahifa */
.nav li a[aria-current=page]{color:var(--txt)}

/* ichki sahifalar */
.ph{position:relative;padding:clamp(130px,17vw,210px) 0 clamp(50px,7vw,90px);background:radial-gradient(80% 90% at 50% 0%,#0C3F33 0%,#072019 45%,var(--bg) 100%)}
.ph h1{font-size:clamp(58px,10vw,136px)}
.ph .sub{margin-top:clamp(16px,2vw,24px)}
.ph .ctas{justify-content:flex-start;margin-top:28px}
.ph.c .ctas{justify-content:center}
.k{display:block;color:var(--gold);font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}
.fx{display:grid;grid-template-columns:1fr minmax(0,330px);gap:clamp(36px,7vw,110px);align-items:center;padding:clamp(60px,9vw,120px) 0;border-top:1px solid var(--line)}
.fx:nth-child(even){grid-template-columns:minmax(0,330px) 1fr}.fx:nth-child(even) .plinth{order:-1}
.fx h2{font-size:clamp(44px,6vw,80px);margin-bottom:16px}
.fx p{color:var(--dim);font-size:clamp(18px,1.7vw,22px);max-width:26em}
.fx ul{list-style:none;padding:0;margin-top:22px;display:grid;gap:10px;font-weight:700}
.fx li{display:flex;gap:12px;align-items:baseline}.fx li:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--gold);transform:translateY(-2px)}
.fx .plinth{width:min(330px,100%);justify-self:center}
.ls{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 clamp(24px,4vw,56px);margin-top:clamp(30px,4vw,50px)}
.ls li{border-top:1px solid var(--line);padding:24px 0 28px}
.ls b{display:block;font:400 clamp(26px,2.6vw,32px)/1.1 Caslon,Georgia,serif;margin-bottom:8px}
.ls span{color:var(--dim);font-size:17px}
.stp{counter-reset:s}.stp li{counter-increment:s}
.stp b:before{content:counter(s);display:block;font-size:clamp(54px,6vw,76px);line-height:1;color:var(--gold);margin-bottom:14px}
.nums{display:flex;flex-wrap:wrap;justify-content:center;gap:18px clamp(36px,6vw,90px);margin:clamp(30px,4vw,48px) 0 0}
.nums[hidden]{display:none}
.nums div{text-align:center}
.nums b{display:block;font:400 clamp(46px,6vw,78px)/1 Caslon,Georgia,serif;letter-spacing:-.02em}
.nums span{color:var(--dim);font-size:16px;font-weight:700}
.sec{padding:clamp(70px,10vw,130px) 0}
.sec .h2{font-size:clamp(44px,6.4vw,88px)}
/* fanlar */
.fl{list-style:none;padding:0;margin-top:clamp(30px,4vw,50px)}
.fl li{display:grid;grid-template-columns:14px 1fr auto;gap:6px 18px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}
.fl li:last-child{border-bottom:1px solid var(--line)}
.fl i{width:12px;height:12px;border-radius:50%;background:var(--a,var(--em));box-shadow:0 0 0 4px color-mix(in srgb,var(--a,var(--em)) 22%,transparent)}
.fl b{font:400 clamp(28px,3.4vw,44px)/1.1 Caslon,Georgia,serif}
.fl small{grid-column:2;color:var(--dim);font-size:16px;font-weight:600}
.fl em{grid-row:1/3;grid-column:3;font-style:normal;font-size:14px;font-weight:800;padding:7px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--dim)}
.fl em.on{background:linear-gradient(180deg,#F5E7C6,#D6B97C 55%,#B9975B);color:#241A06;box-shadow:none}
/* yordam */
.qa{max-width:820px;margin:clamp(30px,4vw,50px) auto 0}
.qa details{border-top:1px solid var(--line)}.qa details:last-child{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;font:400 clamp(24px,2.6vw,32px)/1.2 Caslon,Georgia,serif}
.qa summary::-webkit-details-marker{display:none}
.qa summary:after{content:"+";flex:none;font:500 28px/1 Manrope,sans-serif;color:var(--gold);transition:transform .3s var(--ease)}
.qa details[open] summary:after{transform:rotate(45deg)}
.qa p{color:var(--dim);font-size:18px;padding:0 0 26px;max-width:40em}
.qa p a{color:var(--gold);font-weight:700}
@media(max-width:780px){
 .fx,.fx:nth-child(even){grid-template-columns:1fr}.fx .plinth,.fx:nth-child(even) .plinth{order:2;width:min(280px,74vw)}
 .fl li{grid-template-columns:12px 1fr;}.fl em{grid-row:auto;grid-column:2;justify-self:start;margin-top:6px;order:1}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.hero{height:auto}.hs{position:relative}}
/* huquqiy hujjatlar (maxfiylik, shartlar) — o'qishga qulay ustun */
.doc>*{max-width:46em}.doc{padding-bottom:clamp(48px,8vh,96px)}
.doc h2{font-size:clamp(21px,2.2vw,25px);line-height:1.3;margin:2.1em 0 .6em;color:var(--txt)}
.doc p,.doc li{color:var(--dim);font-size:17px;line-height:1.65}
.doc p+p{margin-top:.8em}.doc ul{margin:.6em 0 0;padding-left:1.2em}.doc li+li{margin-top:.35em}
.doc b{color:var(--txt)}.doc a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.doc .upd{font-size:15px;margin-bottom:1.6em}