:root{--pro-navy:#003366;--pro-blue:#0876c9;--pro-cyan:#08a9b7;--pro-ink:#10243e;--pro-muted:#66758a;--pro-line:#dce7f0;--pro-soft:#f3f8fc;--pro-white:#fff;--pro-shadow:0 18px 50px rgba(0,51,102,.12);--pro-radius:20px}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{color:var(--pro-ink);background:#fff;font-family:Inter,Roboto,Arial,sans-serif;overflow-x:hidden}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.topbar{background:#fff;border-bottom:1px solid var(--pro-line);position:relative;z-index:50}
.topbar-inner{min-height:94px;gap:32px}
.brand{min-width:0;gap:14px}.logo{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,51,102,.12))}
.brand-title{color:var(--pro-navy);font-size:clamp(17px,1.6vw,22px);font-weight:800;line-height:1.2;max-width:360px}.brand-subtitle{color:var(--pro-muted);font-size:13px;margin-top:4px}
.contact-items{gap:12px}.contact-card{background:var(--pro-soft);border:1px solid #e2edf5;border-radius:14px;padding:10px 13px;transition:.25s ease}.contact-card:hover{transform:translateY(-2px);border-color:#b8d9ed}.icon-circle{background:#e6f4fb;color:var(--pro-blue)}
.mainnav{position:sticky;top:0;z-index:45;background:rgba(0,51,102,.96);border:0;box-shadow:0 8px 28px rgba(0,34,68,.14);backdrop-filter:blur(14px)}
.nav-inner{min-height:62px}.nav-links{gap:4px}.nav-links a{color:rgba(255,255,255,.9);font-size:14px;font-weight:600;padding:11px 12px;border-radius:10px;white-space:nowrap;transition:.22s ease}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.13);transform:translateY(-1px)}
.live-datetime{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1)}.nav-icon{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1)}
.hero{min-height:600px;display:grid;align-items:center;isolation:isolate;background:var(--pro-navy)}.hero-bg{filter:saturate(.88) contrast(1.04);transform:scale(1.01)}.hero-overlay{background:linear-gradient(90deg,rgba(0,35,72,.93) 0%,rgba(0,51,102,.75) 48%,rgba(0,51,102,.3) 100%)}
.hero-content{padding-block:100px 145px;text-align:left;position:relative;z-index:2}.hero-content:before{content:'XOVOS TTB • RASMIY VEB-SAYT';display:block;color:#78dce5;font-size:13px;font-weight:800;letter-spacing:.16em;margin-bottom:18px}.hero h1{max-width:800px;color:#fff;font-size:clamp(38px,5vw,68px);line-height:1.06;letter-spacing:-.04em;text-shadow:0 8px 28px rgba(0,0,0,.2)}.hero p{max-width:690px;color:rgba(255,255,255,.84);font-size:clamp(16px,1.7vw,20px);line-height:1.7;margin-top:22px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 22px;border-radius:12px;font-weight:750;text-decoration:none;transition:.25s ease}.hero-cta.primary{color:#003366;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.2)}.hero-cta.secondary{color:#fff;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.22)}
.quick-section{position:relative;z-index:5;margin-top:-72px;padding:0 0 42px;background:transparent}.quick-grid{gap:16px}.quick-card{min-height:150px;background:#fff;border:1px solid var(--pro-line);border-radius:var(--pro-radius);box-shadow:var(--pro-shadow);padding:24px 18px;transition:.3s cubic-bezier(.2,.8,.2,1)}.quick-card:hover{transform:translateY(-8px);border-color:#aad6eb;box-shadow:0 24px 60px rgba(0,51,102,.17)}.quick-card img{width:52px;height:52px;object-fit:contain}.quick-card h3{color:var(--pro-navy);font-size:16px}
.section{padding:88px 0}.stats-bg{background:linear-gradient(180deg,#f4f9fc 0%,#eef6fb 100%)}.section-head{margin-bottom:32px;align-items:end}.section-head h2{color:var(--pro-navy);font-size:clamp(28px,3.2vw,42px);letter-spacing:-.035em}.section-head h2:after{content:'';display:block;width:58px;height:4px;margin-top:13px;border-radius:5px;background:linear-gradient(90deg,var(--pro-blue),var(--pro-cyan))}.more-btn{color:var(--pro-blue);font-weight:750;background:#e7f4fb;padding:10px 16px;border-radius:10px}
.card-grid.three,.video-grid{gap:24px}.card,.video-card{border:1px solid var(--pro-line);border-radius:var(--pro-radius);background:#fff;box-shadow:0 12px 36px rgba(0,51,102,.08);overflow:hidden;transition:.3s cubic-bezier(.2,.8,.2,1)}.card:hover,.video-card:hover{transform:translateY(-8px);box-shadow:0 24px 52px rgba(0,51,102,.15);border-color:#b5d8ea}.card>img,.video-card img{height:220px;object-fit:cover}.card-body{padding:22px}.card-date{color:var(--pro-cyan);font-size:13px;font-weight:750}.card-title{color:var(--pro-navy);font-size:20px;line-height:1.35;margin-top:10px}.card-text{color:var(--pro-muted);line-height:1.65;margin-top:10px}
.stats-grid{gap:18px}.stat-card{border-radius:18px;background:#fff;border:1px solid var(--pro-line);box-shadow:0 10px 28px rgba(0,51,102,.07)}.stat-value{color:var(--pro-navy)}
.map-row{gap:24px;align-items:stretch}.map-panel,.map-info{border:1px solid var(--pro-line);border-radius:24px;background:#fff;box-shadow:var(--pro-shadow);overflow:hidden}.map-search-box{padding:16px;background:#fff;border-bottom:1px solid var(--pro-line)}.map-search-box input{border:1px solid var(--pro-line);border-radius:11px;padding:13px 15px}.map-search-box button,.selected-map-btn{background:linear-gradient(135deg,var(--pro-blue),var(--pro-cyan));border:0;border-radius:11px;color:#fff}.health-map{min-height:410px}.map-places-list{max-height:310px}.map-place-item{border-radius:11px;transition:.2s ease}.map-place-item:hover,.map-place-item.active{background:#eaf6fb;transform:translateX(4px)}.health-place-info{padding:30px}.health-place-info h3{color:var(--pro-navy);font-size:26px}.info-row{padding:16px 0;border-bottom:1px solid var(--pro-line)}
.zoom-pro-box{border-radius:26px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#003366 0%,#076caa 62%,#08a9b7 100%);box-shadow:0 24px 60px rgba(0,51,102,.22);color:#fff;overflow:hidden}.zoom-pro-box h3,.zoom-pro-box strong{color:#fff}.zoom-btn{border-radius:11px}.zoom-btn.primary{background:#fff;color:var(--pro-navy)}
.footer{background:#002a53;color:rgba(255,255,255,.78);padding-top:64px}.footer-grid{grid-template-columns:1.35fr .75fr .9fr 1fr;gap:42px}.footer-title,.footer h3{color:#fff}.footer-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:15px}.footer a{color:rgba(255,255,255,.78);transition:.2s}.footer a:hover{color:#fff;transform:translateX(3px)}.footer-useful-pro{display:flex;flex-direction:column;gap:11px}.footer-useful-pro h3{margin:0 0 8px}.footer-useful-pro a{display:block}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);background:#002347}
.reveal-pro{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal-pro.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-pro,.card,.quick-card,.hero-cta{transition:none!important}.reveal-pro{opacity:1;transform:none}}
@media (max-width:1080px){.contact-card{display:none}.nav-links{overflow-x:auto;scrollbar-width:none}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:560px}}
@media (max-width:760px){.container{width:min(100% - 28px,1180px)}.topbar-inner{min-height:74px}.logo{width:52px;height:52px}.brand-title{font-size:16px}.mainnav{min-height:56px}.hero{min-height:520px}.hero-content{padding:78px 0 120px}.hero-content:before{font-size:10px}.hero h1{font-size:38px}.hero p{font-size:16px}.hero-actions{display:grid}.hero-cta{width:100%}.quick-section{margin-top:-70px}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{min-height:132px;padding:18px 12px}.section{padding:64px 0}.card-grid.three,.video-grid{grid-template-columns:1fr}.map-row{grid-template-columns:1fr}.health-map{min-height:330px}.footer-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:420px){.quick-grid{grid-template-columns:1fr}.hero h1{font-size:33px}.section-head{align-items:flex-start;gap:14px;flex-direction:column}}

/* PROFESSIONAL 3D EXPERIENCE — 2026-08-30
   Lightweight depth, glass surfaces and motion. No heavy 3D library is required. */
:root{
  --pro-deep:#001b35;
  --pro-electric:#0a8ee8;
  --pro-mint:#11c7ad;
  --pro-glass:rgba(255,255,255,.76);
  --pro-glass-line:rgba(255,255,255,.76);
  --pro-depth-shadow:0 28px 75px rgba(0,42,82,.15),0 8px 24px rgba(0,66,110,.08);
}
body.has-pro-3d{position:relative;background:linear-gradient(180deg,#f8fcff 0%,#fff 28%,#f4f9fd 100%)}
body.has-pro-3d>header,body.has-pro-3d>nav,body.has-pro-3d>main,body.has-pro-3d>footer,body.has-pro-3d>.footer,body.has-pro-3d>.topbar,body.has-pro-3d>.mainnav{position:relative;z-index:2}
.pro-ambient-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.pro-ambient-layer:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,92,150,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,92,150,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%)}
.pro-orb{position:absolute;display:block;border-radius:50%;filter:blur(1px);opacity:.56;transform:translate3d(0,0,0);animation:proOrbFloat 14s ease-in-out infinite alternate}
.pro-orb-one{width:340px;height:340px;left:-170px;top:22%;background:radial-gradient(circle at 35% 32%,rgba(32,190,255,.34),rgba(8,118,201,.08) 58%,transparent 72%)}
.pro-orb-two{width:440px;height:440px;right:-240px;top:51%;background:radial-gradient(circle at 45% 42%,rgba(17,199,173,.24),rgba(17,199,173,.04) 62%,transparent 74%);animation-delay:-5s}
.pro-orb-three{width:280px;height:280px;left:34%;bottom:-190px;background:radial-gradient(circle,rgba(10,142,232,.16),transparent 69%);animation-delay:-9s}
@keyframes proOrbFloat{from{translate:0 -18px;scale:.94}to{translate:22px 24px;scale:1.06}}
.pro-pointer-glow{position:fixed;z-index:1;top:0;left:0;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(16,178,218,.085),transparent 68%);will-change:transform}
.pro-scroll-progress{position:fixed;z-index:10000;top:0;left:0;width:100%;height:3px;pointer-events:none;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--pro-electric),var(--pro-mint));box-shadow:0 0 18px rgba(12,171,200,.55)}

.topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(22px) saturate(1.18)}
.mainnav{background:linear-gradient(105deg,rgba(0,31,61,.97),rgba(0,69,111,.96) 64%,rgba(0,104,112,.95));border-bottom:1px solid rgba(255,255,255,.09)}
.mainnav:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(102,235,232,.8),transparent);opacity:.52}
.nav-links a{position:relative;overflow:hidden}
.nav-links a:after{content:'';position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:3px;background:linear-gradient(90deg,#62d7ff,#5af0cb);transform:scaleX(0);transition:transform .25s ease}
.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}

.hero{--pro-hero-x:0px;--pro-hero-y:0px;--pro-hero-x-inv:0px;--pro-hero-y-inv:0px;--pro-hero-x-soft:0px;--pro-hero-y-soft:0px;--pro-hero-x-bg:0px;--pro-hero-y-bg:0px;--pro-scroll-y:0px;perspective:1200px;overflow:hidden;min-height:clamp(560px,72vh,760px);box-shadow:inset 0 -1px rgba(255,255,255,.15)}
.hero:before{content:'';position:absolute;z-index:1;width:min(46vw,620px);aspect-ratio:1;right:-10%;top:-22%;border-radius:50%;border:1px solid rgba(133,230,255,.24);box-shadow:0 0 0 44px rgba(82,209,229,.035),0 0 0 92px rgba(82,209,229,.025);transform:translate3d(var(--pro-hero-x),var(--pro-hero-y),20px);transition:transform .28s ease-out}
.hero:after{content:'';position:absolute;z-index:1;right:7%;bottom:8%;width:170px;height:170px;border-radius:32px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.015));backdrop-filter:blur(6px);box-shadow:0 32px 70px rgba(0,22,50,.18);transform:rotate(17deg) translate3d(var(--pro-hero-x-inv),var(--pro-hero-y-inv),45px);transition:transform .35s ease-out}
.hero-bg{width:calc(100% + 44px);height:calc(100% + 44px);left:-22px;top:-22px;transform:translate3d(var(--pro-hero-x-bg),calc(var(--pro-hero-y-bg) + var(--pro-scroll-y)),0) scale(1.055);transition:transform .35s ease-out;will-change:transform}
.hero-overlay{background:linear-gradient(96deg,rgba(0,22,46,.96) 0%,rgba(0,51,88,.83) 48%,rgba(0,71,96,.35) 100%)}
.hero-content{transform-style:preserve-3d;transform:translate3d(var(--pro-hero-x-soft),var(--pro-hero-y-soft),50px);transition:transform .3s ease-out}
.hero-content:before{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(123,228,239,.34);border-radius:999px;background:rgba(2,54,91,.36);backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.hero h1{background:linear-gradient(180deg,#fff 18%,#d9f6ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero p{text-wrap:balance}.hero-actions{position:relative;z-index:3}
.hero-cta{border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 38px rgba(0,22,48,.2),inset 0 1px rgba(255,255,255,.35)}
.hero-cta.primary{background:linear-gradient(180deg,#fff,#eaf9ff)}

.quick-section{perspective:1100px}.quick-card{position:relative;isolation:isolate;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(244,251,255,.84));border-color:rgba(186,218,236,.76);box-shadow:var(--pro-depth-shadow)}
.quick-card:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 16% 2%,rgba(87,210,241,.16),transparent 42%)}
.quick-card img{filter:drop-shadow(0 12px 18px rgba(0,75,122,.16));transform:translateZ(28px)}
.quick-card h3{transform:translateZ(18px)}

.section{position:relative}.stats-bg{background:linear-gradient(180deg,rgba(239,248,253,.86),rgba(247,252,255,.92));border-block:1px solid rgba(199,224,238,.62)}
.section-head h2{text-wrap:balance}.section-head h2:after{box-shadow:0 4px 14px rgba(8,169,183,.28)}
.more-btn{border:1px solid rgba(78,168,214,.15);box-shadow:inset 0 1px rgba(255,255,255,.72);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.more-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,86,137,.12);background:#dff2fb}

.card,.video-card,.news-archive-card,.video-archive-card,.stat-card,.map-panel,.map-info,.dmi-card,.or-card{
  --pro-rx:0deg;--pro-ry:0deg;--pro-shine-x:50%;--pro-shine-y:50%;
  position:relative;transform-style:preserve-3d;backface-visibility:hidden;
}
[data-pro-tilt]{transform:perspective(1050px) rotateX(var(--pro-rx)) rotateY(var(--pro-ry)) translate3d(0,0,0);transition:transform .16s ease-out,box-shadow .28s ease,border-color .28s ease;will-change:transform}
[data-pro-tilt]:hover{box-shadow:0 28px 70px rgba(0,48,88,.17),0 8px 24px rgba(0,77,120,.10)!important;border-color:rgba(102,193,224,.72)!important}
[data-pro-tilt]:after{content:'';position:absolute;z-index:4;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--pro-shine-x) var(--pro-shine-y),rgba(255,255,255,.46),transparent 34%);transition:opacity .25s ease}
[data-pro-tilt]:hover:after{opacity:.48}
.card>img,.video-card img,.news-archive-card img,.video-archive-card img{transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.card:hover>img,.video-card:hover img,.news-archive-card:hover img,.video-archive-card:hover img{transform:scale(1.045);filter:saturate(1.07) contrast(1.02)}
.card-body,.news-archive-body{position:relative;z-index:5;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,255,.98))}
.card-title,.news-archive-title{text-wrap:balance}.card-text,.news-archive-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.news-page-main,.videos-page-main,.about-main,.news-detail-main,.events-page-main{min-height:70vh;background:linear-gradient(180deg,#eff8fd 0%,#fff 290px)!important}
.news-page-main>.container,.videos-page-main>.container,.about-main>.container,.news-detail-main>.container,.events-page-main .container{position:relative}
.news-page-head{position:relative;padding:34px 36px;margin-bottom:38px;border-radius:26px;color:#fff;background:linear-gradient(125deg,var(--pro-deep),#075f93 68%,#0a9f9c);box-shadow:0 28px 72px rgba(0,48,88,.2);overflow:hidden}
.news-page-head:after{content:'';position:absolute;width:180px;height:180px;right:-48px;top:-82px;border-radius:50%;border:1px solid rgba(255,255,255,.23);box-shadow:0 0 0 34px rgba(255,255,255,.035)}
.news-page-head h1,.news-page-head h2{position:relative;z-index:1;color:#fff!important;margin:0}.news-page-head h1:after,.news-page-head h2:after{background:linear-gradient(90deg,#66ddff,#64efcb)}
.news-archive-card,.video-archive-card{border:1px solid rgba(195,220,234,.86);border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(0,54,94,.09);overflow:hidden}
.news-detail-article,.news-detail-sidebar-card,.about-hero-card,.about-card,.events-page-intro{border:1px solid rgba(194,221,236,.8)!important;border-radius:26px!important;background:rgba(255,255,255,.9)!important;box-shadow:var(--pro-depth-shadow)!important;backdrop-filter:blur(14px)}
.news-detail-title{color:var(--pro-navy);font-size:clamp(30px,4vw,54px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.news-detail-cover-wrap{border-radius:22px;overflow:hidden;box-shadow:0 22px 50px rgba(0,50,87,.13)}
.news-detail-lead{border-left:4px solid var(--pro-mint);background:linear-gradient(90deg,rgba(17,199,173,.08),transparent);border-radius:0 12px 12px 0}
.video-detail-empty,.event-video-expired{padding:24px;border:1px solid #f0cf8e;border-radius:16px;background:linear-gradient(135deg,#fff8e9,#fff);color:#7f4a05;line-height:1.65;box-shadow:0 12px 32px rgba(114,75,9,.08)}

.dmi-hero,.or-hero{--pro-hero-x:0px;--pro-hero-y:0px;position:relative;overflow:hidden;isolation:isolate;perspective:1000px}
.dmi-hero:after,.or-hero:after{content:'';position:absolute;z-index:-1;width:280px;height:280px;right:-80px;top:-130px;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.025);transform:translate3d(var(--pro-hero-x),var(--pro-hero-y),0);transition:transform .28s ease-out}
.dmi-card,.or-card,.or-filter-panel,.or-executive{border-color:rgba(185,216,233,.82)!important;box-shadow:0 16px 44px rgba(0,47,82,.09)!important}

.reveal-pro{opacity:0;transform:translate3d(0,28px,0) scale(.985);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1);transition-delay:var(--pro-delay,0ms)}
.reveal-pro.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.reveal-pro[data-pro-tilt]{transform:perspective(1050px) rotateX(var(--pro-rx)) rotateY(var(--pro-ry)) translate3d(0,28px,0) scale(.985)}
.reveal-pro.is-visible[data-pro-tilt]{transform:perspective(1050px) rotateX(var(--pro-rx)) rotateY(var(--pro-ry)) translate3d(0,0,0) scale(1);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .16s ease-out,box-shadow .28s ease,border-color .28s ease;transition-delay:0ms}

@media (max-width:760px){
  .pro-pointer-glow{display:none}.pro-ambient-layer:before{background-size:44px 44px}
  .hero:after{width:92px;height:92px;right:-25px;bottom:16%}.hero:before{width:300px;right:-48%;top:-8%}
  .hero-bg{width:100%;height:100%;left:0;top:0;transform:none!important}.hero-content{transform:none!important}
  .news-page-head{padding:26px 22px;border-radius:20px}.news-detail-article,.news-detail-sidebar-card,.about-hero-card,.about-card,.events-page-intro{border-radius:20px!important}
  [data-pro-tilt]{transform:none!important;will-change:auto}
}
@media (prefers-reduced-motion:reduce){
  .pro-orb{animation:none}.pro-pointer-glow{display:none}.hero-bg,.hero-content,.hero:before,.hero:after{transform:none!important;transition:none!important}
  [data-pro-tilt]{transform:none!important;transition:none!important}.reveal-pro{opacity:1;transform:none;transition:none}
}

/* PROFESSIONAL 3D V2 — ichki sahifalar, yillik hisobot va Tahlil */
.annual-report-page,.overall-report-page,.appeal-page,.dmi-main{position:relative;isolation:isolate}
.annual-report-hero,.dmi-hero,.appeal-hero,.or-hero{
  --pro-hero-x:0px;--pro-hero-y:0px;--pro-hero-x-inv:0px;--pro-hero-y-inv:0px;
  --pro-hero-x-soft:0px;--pro-hero-y-soft:0px;perspective:1300px;transform-style:preserve-3d
}
.annual-report-hero-main,.dmi-hero-inner,.appeal-hero-simple>div,.or-hero-copy{
  position:relative;z-index:2;transform:translate3d(var(--pro-hero-x-soft),var(--pro-hero-y-soft),42px);transition:transform .3s ease-out
}
.annual-report-hero-side,.or-hero-meta{
  transform:translate3d(var(--pro-hero-x-inv),var(--pro-hero-y-inv),56px);transition:transform .34s ease-out
}
.annual-report-logo,.or-page-logo,.dmi-hero-icon{box-shadow:0 24px 54px rgba(0,29,57,.24),inset 0 1px rgba(255,255,255,.85)!important}
.annual-report-live,.or-hero-meta{backdrop-filter:blur(18px) saturate(1.18);box-shadow:inset 0 1px rgba(255,255,255,.22),0 18px 36px rgba(0,29,57,.13)}

.annual-report-toolbar,.annual-block,.annual-other-docs,.about-sidebar-card,.leader-card,.doc-list-card,.event-card,.dmi-link-card,.dmi-video-card,.dmi-doc-card,.appeal-form-card,
.or-sidebar,.or-filter-panel,.or-dashboard-head,.or-score-panel,.or-exec-metrics>article,.or-kpi,.or-card{
  border-color:rgba(183,214,231,.78)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(245,251,255,.9))!important;
  box-shadow:0 24px 64px rgba(0,48,88,.11),0 7px 20px rgba(0,78,120,.06),inset 0 1px rgba(255,255,255,.95)!important
}
.annual-block{position:relative;overflow:hidden}
.annual-block:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(20,181,176,.62),transparent)}
.annual-kpi,.annual-chart,.annual-issue{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}
.annual-kpi:hover,.annual-chart:hover,.annual-issue:hover{transform:translateY(-5px);border-color:rgba(78,184,177,.62);box-shadow:0 22px 48px rgba(4,77,73,.12)}
.annual-kpi-ring{filter:drop-shadow(0 10px 15px color-mix(in srgb,var(--status) 18%,transparent))}
.annual-chart-track{box-shadow:inset 0 2px 4px rgba(0,45,67,.08)}
.annual-chart-fill{box-shadow:0 4px 12px color-mix(in srgb,var(--bar-color) 32%,transparent);transition:width .45s ease}
.annual-issue[open]{border-color:color-mix(in srgb,var(--issue) 42%,#dfe9ea);box-shadow:0 24px 52px color-mix(in srgb,var(--issue) 12%,transparent)}
.doc-list-card,.about-facility-item,.event-more-btn,.dmi-btn,.annual-download,.or-btn{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.doc-list-card:hover,.about-facility-item:hover,.event-more-btn:hover,.dmi-btn:hover,.annual-download:hover,.or-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,68,105,.14)}
.leader-photo,.event-cover img,.dmi-video-media{filter:drop-shadow(0 12px 22px rgba(0,50,84,.12))}

.events-page-intro{position:relative;overflow:hidden}
.events-page-intro:after{content:'';position:absolute;width:170px;height:170px;right:-75px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(10,169,183,.17),transparent 70%)}
.appeal-hero{box-shadow:inset 0 -1px rgba(255,255,255,.15),0 30px 80px rgba(0,42,78,.17)}
.appeal-form-card{position:relative;overflow:hidden}
.appeal-form-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--pro-electric),var(--pro-mint))}
.appeal-form-card input:focus,.appeal-form-card select:focus,.appeal-form-card textarea:focus{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(10,142,232,.11),0 10px 24px rgba(0,69,110,.08)!important}

.overall-report-page{background:radial-gradient(circle at 86% 8%,rgba(18,199,173,.10),transparent 24%),linear-gradient(145deg,#eef7fc,#f8fcff 45%,#edf6f8)!important}
.or-content{perspective:1400px}
.or-hero{border:1px solid rgba(157,230,231,.2);box-shadow:0 30px 80px color-mix(in srgb,var(--or-theme) 24%,transparent),inset 0 1px rgba(255,255,255,.18)!important}
.or-sidebar{backdrop-filter:blur(20px) saturate(1.12);background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(240,248,252,.94))!important}
.or-sidebar-brand-icon,.or-tab.active{box-shadow:0 15px 30px color-mix(in srgb,var(--or-theme) 28%,transparent),inset 0 1px rgba(255,255,255,.22)!important}
.or-tab{position:relative;overflow:hidden}
.or-tab:after{content:'';position:absolute;inset:auto 12px 5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--or-theme),var(--or-theme-2));transform:scaleX(0);transition:transform .2s ease}
.or-tab:hover:after,.or-tab.active:after{transform:scaleX(1)}
.or-filter-panel,.or-dashboard-head{backdrop-filter:blur(18px) saturate(1.12)}
.or-field input,.or-field select{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.or-field input:focus,.or-field select:focus{transform:translateY(-1px);box-shadow:0 0 0 4px color-mix(in srgb,var(--or-theme) 13%,transparent),0 10px 22px rgba(0,68,104,.07)!important}
.or-score-ring{filter:drop-shadow(0 13px 20px color-mix(in srgb,var(--score-color) 22%,transparent))}
.or-kpi-value,.or-exec-metrics>article>b{text-shadow:0 1px rgba(255,255,255,.8)}
.or-chart svg{filter:drop-shadow(0 8px 14px rgba(0,62,96,.045))}
.or-table-wrap{box-shadow:inset 0 2px 7px rgba(0,49,79,.055);scrollbar-color:color-mix(in srgb,var(--or-theme) 42%,#b7cbd8) transparent}
.or-table tbody tr{transition:background .16s ease,transform .16s ease}.or-table tbody tr:hover{transform:translateX(2px)}

@media (max-width:980px){
  .overall-report-page .or-main{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
  .or-sidebar{border-radius:20px!important}.or-sidebar-toggle{box-shadow:0 14px 28px color-mix(in srgb,var(--or-theme) 24%,transparent)}
  .or-dashboard-tabs.mobile-open{max-height:min(62vh,620px);overflow:auto;padding-right:2px}
  .or-table-wrap{max-width:calc(100vw - 46px)}
}
@media (max-width:760px){
  .annual-report-hero-main,.annual-report-hero-side,.dmi-hero-inner,.appeal-hero-simple>div,.or-hero-copy,.or-hero-meta{transform:none!important}
  .annual-report-toolbar,.annual-block,.annual-other-docs,.about-sidebar-card,.leader-card,.doc-list-card,.event-card,.dmi-link-card,.dmi-video-card,.dmi-doc-card,.appeal-form-card,.or-sidebar,.or-filter-panel,.or-dashboard-head,.or-score-panel,.or-exec-metrics>article,.or-kpi,.or-card{box-shadow:0 13px 34px rgba(0,48,88,.09),inset 0 1px rgba(255,255,255,.9)!important}
  .annual-kpi:hover,.annual-chart:hover,.annual-issue:hover,.doc-list-card:hover,.about-facility-item:hover,.event-more-btn:hover,.dmi-btn:hover,.annual-download:hover,.or-btn:hover{transform:none}
  .appeal-hero-clinic h1{font-size:clamp(42px,14vw,64px)!important}.appeal-form-card{border-radius:24px!important}
}
@media (prefers-reduced-motion:reduce){
  .annual-report-hero-main,.annual-report-hero-side,.dmi-hero-inner,.appeal-hero-simple>div,.or-hero-copy,.or-hero-meta{transform:none!important;transition:none!important}
  .annual-chart-fill,.or-table tbody tr{transition:none!important}
}

/* PROFESSIONAL 4.0 — barcha sahifalar uchun 3D ochilish va xavfsiz o'tishlar */
body.pro4-ready{--pro4-accent:#0a8bd8;--pro4-accent-2:#13bfa9;--pro4-duration:520ms;perspective:1800px}
body[data-pro-page="docs"]{--pro4-accent:#0878c9;--pro4-accent-2:#11b9a5}
body[data-pro-page="tahlil"]{--pro4-accent:#1768c5;--pro4-accent-2:#8b5cf6}
body[data-pro-page="news"],body[data-pro-page="messages"]{--pro4-accent:#d66a24;--pro4-accent-2:#f2b134}
body[data-pro-page="videos"]{--pro4-accent:#7b43d5;--pro4-accent-2:#dc4b88}
body[data-pro-page="events"]{--pro4-accent:#0b8b71;--pro4-accent-2:#40c58f}
body[data-pro-page="about"]{--pro4-accent:#0d6d9f;--pro4-accent-2:#16a6bb}
body[data-pro-page="murojaatlar"]{--pro4-accent:#1266b2;--pro4-accent-2:#f3a526}
body[data-pro-page="dmed-malumot"]{--pro4-accent:#075ca8;--pro4-accent-2:#08a6be}

.pro4-page-loader{position:fixed;inset:0;z-index:2147483000;display:grid;place-content:center;justify-items:center;gap:24px;color:#fff;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--pro4-accent-2) 35%,transparent),transparent 29%),linear-gradient(145deg,#031d38 0%,color-mix(in srgb,var(--pro4-accent) 42%,#06284a) 54%,#063a47 100%);clip-path:inset(100% 0 0 0);transition:clip-path var(--pro4-duration) cubic-bezier(.76,0,.24,1),opacity .24s ease;overflow:hidden}
.pro4-page-loader:before,.pro4-page-loader:after{content:"";position:absolute;inset:-30%;pointer-events:none}.pro4-page-loader:before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px;transform:perspective(800px) rotateX(62deg) translateY(22%);mask-image:radial-gradient(circle,#000 8%,transparent 67%)}.pro4-page-loader:after{inset:auto;width:min(820px,90vw);height:min(820px,90vw);border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 190px rgba(255,255,255,.018)}
body.pro4-entering .pro4-page-loader,.pro4-page-loader.is-closing{clip-path:inset(0)}
.pro4-page-loader.is-opening{clip-path:inset(0 0 100% 0)}
.pro4-page-loader.is-hidden{opacity:0;pointer-events:none}
.pro4-loader-scene{position:relative;width:126px;height:126px;display:grid;place-items:center;transform-style:preserve-3d;filter:drop-shadow(0 24px 28px rgba(0,0,0,.28));animation:pro4Scene 2.8s ease-in-out infinite}
.pro4-loader-mark{position:relative;z-index:2;width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(211,244,255,.82));color:#07375c;border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 1px #fff,0 22px 48px rgba(0,16,38,.35);transform:translateZ(36px) rotateY(-8deg) rotateX(7deg)}
.pro4-loader-mark b{font-size:23px;letter-spacing:.08em;background:linear-gradient(120deg,var(--pro4-accent),var(--pro4-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.pro4-loader-mark img{display:block;width:60px;height:60px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 8px 12px rgba(2,43,70,.18))}
.pro4-ring{position:absolute;inset:4px;border:2px solid transparent;border-top-color:rgba(255,255,255,.8);border-right-color:color-mix(in srgb,var(--pro4-accent-2) 78%,#fff);border-radius:50%;transform-style:preserve-3d;animation:pro4Ring 2.1s linear infinite}.pro4-ring.ring-b{inset:15px;border-top-color:color-mix(in srgb,var(--pro4-accent) 60%,#fff);border-right-color:transparent;animation-duration:1.55s;animation-direction:reverse;transform:rotateX(68deg)}
.pro4-loader-copy{position:relative;z-index:2;text-align:center}.pro4-loader-copy strong{display:block;font-size:clamp(20px,3vw,30px);letter-spacing:-.025em}.pro4-loader-copy span{display:block;margin-top:7px;color:rgba(255,255,255,.72);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.pro4-loader-line{position:relative;z-index:2;width:min(290px,72vw);height:3px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.pro4-loader-line:after{content:"";display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#fff,var(--pro4-accent-2),transparent);animation:pro4Line 1.25s ease-in-out infinite}

body.pro4-entering .topbar,body.pro4-entering .mainnav,body.pro4-entering main,body.pro4-entering footer,body.pro4-entering .left-dock{opacity:0;transform:translate3d(0,28px,-95px) rotateX(2.8deg);transform-origin:50% 0;transition:opacity calc(var(--pro4-duration)*.78) ease,transform var(--pro4-duration) cubic-bezier(.2,.8,.2,1)}
body.pro4-enter-active .topbar,body.pro4-enter-active .mainnav,body.pro4-enter-active main,body.pro4-enter-active footer,body.pro4-enter-active .left-dock{opacity:1;transform:translate3d(0,0,0) rotateX(0)}
body.pro4-entering .mainnav{transition-delay:50ms}body.pro4-entering main{transition-delay:95ms}body.pro4-entering footer{transition-delay:140ms}
body.pro4-leaving .topbar,body.pro4-leaving .mainnav,body.pro4-leaving main,body.pro4-leaving footer,body.pro4-leaving .left-dock{pointer-events:none;filter:saturate(.8);transform:translate3d(0,-16px,-70px) scale(.985);opacity:.16;transition:opacity calc(var(--pro4-duration)*.55) ease,transform calc(var(--pro4-duration)*.68) cubic-bezier(.7,0,.84,0),filter .25s ease}
body.pro4-style-slide.pro4-entering main{transform:translate3d(56px,0,0)}body.pro4-style-fade.pro4-entering main{transform:none}
body.pro4-depth-enabled main{transform-style:preserve-3d}
body.pro4-depth-enabled .hero,body.pro4-depth-enabled .annual-report-hero,body.pro4-depth-enabled .or-hero,body.pro4-depth-enabled .dmi-hero,body.pro4-depth-enabled .appeal-hero{transform-style:preserve-3d;backface-visibility:hidden}
.mainnav .nav-links a{display:inline-flex;align-items:center;gap:6px}.pro4-nav-media,.pro4-mobile-menu-media{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;overflow:hidden;border-radius:7px;transform-origin:center}.pro4-nav-media img,.pro4-nav-media video,.pro4-mobile-menu-media img,.pro4-mobile-menu-media video{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.mobile-menu-item-icon .pro4-mobile-menu-media{width:28px;height:28px}.pro4-media-motion-float{animation:pro4MediaFloat 3.8s ease-in-out infinite}.pro4-media-motion-pulse{animation:pro4MediaPulse 2.6s ease-in-out infinite}.pro4-media-motion-glow{animation:pro4MediaGlow 2.8s ease-in-out infinite}@keyframes pro4MediaFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}@keyframes pro4MediaPulse{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.06);opacity:1}}@keyframes pro4MediaGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(17,191,169,0))}50%{filter:drop-shadow(0 0 7px rgba(17,191,169,.7))}}
body.pro4-motion-complete main:before{content:"";position:fixed;inset:0 0 auto;height:2px;z-index:60;pointer-events:none;background:linear-gradient(90deg,transparent,var(--pro4-accent),var(--pro4-accent-2),transparent);opacity:.62}

@keyframes pro4Scene{0%,100%{transform:rotateY(-9deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(9deg) rotateX(-3deg) translateY(-8px)}}
@keyframes pro4Ring{to{transform:rotateZ(360deg) rotateY(22deg)}}
@keyframes pro4Line{0%{transform:translateX(-150%)}100%{transform:translateX(340%)}}
@media(max-width:760px){.pro4-loader-scene{width:104px;height:104px}.pro4-loader-mark{width:66px;height:66px;border-radius:20px}.pro4-loader-copy span{font-size:11px}.pro4-page-loader:before{background-size:38px 38px}body.pro4-entering main{transform:translate3d(0,18px,-45px)}}
@media(prefers-reduced-motion:reduce){.pro4-media-motion-float,.pro4-media-motion-pulse,.pro4-media-motion-glow{animation:none!important}}
@media(prefers-reduced-motion:reduce){.pro4-page-loader{display:none!important}body.pro4-entering .topbar,body.pro4-entering .mainnav,body.pro4-entering main,body.pro4-entering footer,body.pro4-entering .left-dock,body.pro4-leaving .topbar,body.pro4-leaving .mainnav,body.pro4-leaving main,body.pro4-leaving footer,body.pro4-leaving .left-dock{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.pro4-loader-scene,.pro4-ring,.pro4-loader-line:after{animation:none!important}}

/* Videodagi kabi scroll bilan harakatlanuvchi yengil 3D obyektlar */
.pro4-cinematic-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.13;mix-blend-mode:multiply}.pro4-cinematic-layer>*{position:absolute;display:grid;place-items:center;color:var(--pro4-accent);font-weight:900;transform-style:preserve-3d;will-change:transform}.pro4-medical-symbol{width:58px;height:58px;border:1px solid color-mix(in srgb,var(--pro4-accent) 35%,transparent);border-radius:18px;background:color-mix(in srgb,var(--pro4-accent) 7%,transparent);font-size:28px;box-shadow:0 18px 42px color-mix(in srgb,var(--pro4-accent) 14%,transparent)}.pro4-medical-symbol.symbol-a{top:13%;left:3%;transform:translate3d(0,var(--pro4-scroll-shift),0) rotate(var(--pro4-scroll-turn))}.pro4-medical-symbol.symbol-b{top:49%;right:2.5%;width:46px;height:46px;border-radius:50%;transform:translate3d(0,calc(var(--pro4-scroll-shift)*-.64),30px) rotate(calc(var(--pro4-scroll-turn)*-1.3))}.pro4-medical-symbol.symbol-c{top:78%;left:7%;width:38px;height:38px;border-radius:12px;transform:translate3d(0,calc(var(--pro4-scroll-shift)*-.3),0) rotate(calc(var(--pro4-scroll-turn)*.7))}.pro4-medical-orbit{top:28%;right:7%;width:116px;height:116px;border:1px solid color-mix(in srgb,var(--pro4-accent-2) 38%,transparent);border-radius:50%;transform:translate3d(0,calc(var(--pro4-scroll-shift)*.38),-20px) rotateX(65deg) rotateZ(var(--pro4-scroll-turn))}.pro4-medical-orbit:before,.pro4-medical-orbit:after{content:"";position:absolute;inset:18px;border:1px dashed currentColor;border-radius:50%}.pro4-medical-orbit:after{inset:38px;background:currentColor;border:0;opacity:.4}
.pro4-medical-emblem{top:55%;right:7%;width:88px;height:88px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 22px 28px color-mix(in srgb,var(--pro4-accent) 35%,transparent));transform:translate3d(var(--pro4-emblem-x,0),var(--pro4-emblem-y,0),42px) rotate(calc(var(--pro4-scroll-turn)*-.45));opacity:.72}
.pro4-cinematic-object{transform:translate3d(0,var(--pro4-object-y,0),0) rotate(var(--pro4-object-r,0deg)) scale(var(--pro4-object-scale,1));transform-origin:50% 50%;will-change:transform;transition:transform .14s linear,filter .25s ease;backface-visibility:hidden}.card:hover>.pro4-cinematic-object,.video-card:hover .pro4-cinematic-object,.event-card:hover .pro4-cinematic-object{filter:saturate(1.06) contrast(1.02)}
@media(max-width:760px){.pro4-cinematic-layer{opacity:.075}.pro4-medical-symbol.symbol-a{left:-18px}.pro4-medical-symbol.symbol-b{right:-16px}.pro4-medical-orbit,.pro4-medical-emblem{display:none}.pro4-cinematic-object{transition-duration:.18s}}
@media(prefers-reduced-motion:reduce){.pro4-cinematic-layer{display:none!important}.pro4-cinematic-object{transform:none!important;transition:none!important}}

/* PROFESSIONAL 4.2.2 STABLE — sahifa qaltirashini to‘liq to‘xtatadi.
   3D ko‘rinish faqat loader ichida qoladi; kontent doim barqaror turadi. */
body.pro4-stable{perspective:none!important;overflow-x:hidden}
body.pro4-stable main{transform-style:flat!important}
body.pro4-stable .pro-pointer-glow,body.pro4-stable .pro4-cinematic-layer{display:none!important}
body.pro4-stable .pro-orb{animation:none!important;translate:none!important;scale:1!important;will-change:auto!important}
body.pro4-stable .hero,body.pro4-stable .annual-report-hero,body.pro4-stable .dmi-hero,body.pro4-stable .appeal-hero,body.pro4-stable .or-hero{perspective:none!important;transform-style:flat!important}
body.pro4-stable .hero-bg,body.pro4-stable .hero-content,body.pro4-stable .hero:before,body.pro4-stable .hero:after,body.pro4-stable .annual-report-hero-main,body.pro4-stable .annual-report-hero-side,body.pro4-stable .dmi-hero-inner,body.pro4-stable .appeal-hero-simple>div,body.pro4-stable .or-hero-copy,body.pro4-stable .or-hero-meta{transform:none!important;transition-property:opacity,box-shadow,border-color!important;will-change:auto!important}
body.pro4-stable [data-pro-tilt],body.pro4-stable .pro4-cinematic-object{transform:none!important;transition-property:opacity,box-shadow,border-color,filter!important;will-change:auto!important}
body.pro4-stable.pro4-entering .topbar,body.pro4-stable.pro4-entering .mainnav,body.pro4-stable.pro4-entering main,body.pro4-stable.pro4-entering footer,body.pro4-stable.pro4-entering .left-dock{opacity:0;transform:translateY(12px)!important;filter:none!important;transform-origin:50% 0;transition:opacity calc(var(--pro4-duration)*.72) ease,transform var(--pro4-duration) cubic-bezier(.2,.8,.2,1)}
body.pro4-stable.pro4-enter-active .topbar,body.pro4-stable.pro4-enter-active .mainnav,body.pro4-stable.pro4-enter-active main,body.pro4-stable.pro4-enter-active footer,body.pro4-stable.pro4-enter-active .left-dock{opacity:1;transform:translateY(0)!important}
body.pro4-stable.pro4-leaving .topbar,body.pro4-stable.pro4-leaving .mainnav,body.pro4-stable.pro4-leaving main,body.pro4-stable.pro4-leaving footer,body.pro4-stable.pro4-leaving .left-dock{opacity:.2;transform:translateY(-8px)!important;filter:none!important;transition:opacity calc(var(--pro4-duration)*.5) ease,transform calc(var(--pro4-duration)*.62) ease}
body.pro4-stable .reveal-pro{transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
body.pro4-stable .reveal-pro.is-visible{transform:none}
@media(max-width:760px){body.pro4-stable.pro4-entering main{transform:translateY(10px)!important}}