/* ============================================================
   PTNL Rating — Главная2 · слой 3D-сцены (поверх home.css)
   ============================================================ */

/* fixed 3D backdrop */
#bg3d{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;display:block}

/* let the WebGL field show — disable the flat CSS gradient + grid */
body{background:#06121d}
body::before{display:none!important}
body::after{display:none!important}

/* hero: keep the stage box (anchors the glass readouts) but hide the 2D canvas;
   the 3D cluster naturally sits in this right-column area at scroll start */
#heroCanvas{visibility:hidden}
.hero-stage{position:relative}
.hero-stage::after{content:"";position:absolute;inset:8% 4%;border-radius:50%;
  background:radial-gradient(circle,rgba(239,78,53,.05),transparent 70%);pointer-events:none}

/* —— Legibility scrims behind text that sits directly on the 3D field —— */
.hero-copy{position:relative;z-index:2}
.hero-copy::before{content:"";position:absolute;inset:-46px -80px -30px -60px;z-index:-1;
  background:radial-gradient(70% 80% at 26% 50%, rgba(6,16,26,.78), rgba(6,16,26,.32) 55%, transparent 78%);
  filter:blur(2px);pointer-events:none}

.sec-head{position:relative;z-index:2}
.sec-head::before{content:"";position:absolute;inset:-30px -60px;z-index:-1;
  background:radial-gradient(60% 75% at 50% 50%, rgba(6,16,26,.7), transparent 75%);pointer-events:none}
.sec-head.left::before{background:radial-gradient(62% 78% at 28% 50%, rgba(6,16,26,.72), transparent 76%)}

.cat-info{position:relative;z-index:2; text-align:center;}
.cat-info p{margin:0px auto 25px auto; max-width:85%;}
.cat-info::before{content:"";position:absolute;inset:-26px -50px;z-index:-1;
  background:radial-gradient(70% 80% at 30% 50%, rgba(6,16,26,.62), transparent 78%);pointer-events:none}

#governance .gov-grid > div:first-child{position:relative;z-index:2}
#governance .gov-grid > div:first-child::before{content:"";position:absolute;inset:-26px -50px;z-index:-1;
  background:radial-gradient(70% 80% at 30% 50%, rgba(6,16,26,.6), transparent 78%);pointer-events:none}

/* trust strip: slightly more opaque so it reads over 3D */
.trust{background:rgba(8,18,28,.5);backdrop-filter:blur(10px)}

/* cards already carry glass; nudge surfaces a touch denser to float over 3D */
.card,.aud,.step{background:rgba(10,24,36,.55);backdrop-filter:blur(14px) saturate(1.1)}
.ps-before{background:rgba(10,24,36,.55);backdrop-filter:blur(14px)}
.ps-after{backdrop-filter:blur(16px)}
.dash{backdrop-filter:blur(20px) saturate(1.15)}
.cat-scales .sc{background:rgba(10,24,36,.6);backdrop-filter:blur(10px)}

/* footer plate so it reads over the brightening CTA-zone fog */
footer{background:linear-gradient(180deg,rgba(6,16,26,.4),rgba(6,16,26,.85));backdrop-filter:blur(10px)}

/* the 3D already provides depth — soften the inline decorative canvases */
#solveCanvas,#govCanvas{opacity:.85}

/* hint chip in hero badge */
.hero-badge{background:rgba(8,18,28,.55);backdrop-filter:blur(12px)}

/* scroll progress filament (top) */
#sprog{position:fixed;top:0;left:0;height:2px;width:0;z-index:90;
  background:linear-gradient(90deg,var(--d-cyan),var(--accent-500));box-shadow:0 0 12px rgba(239,78,53,.6)}

@media(prefers-reduced-motion:reduce){
  #bg3d{opacity:.9}
}

/* (Tweaks-панель удалена в Main-проекте — CSS вычищен) */