/* V2: original palette, soft atmospheric layers and a restrained grain. */
.ambient-grain{position:fixed;inset:0;pointer-events:none;z-index:12;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23e7e9ec' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-20px;right:-5%;width:68%;height:75%;background:radial-gradient(ellipse at 58% 44%,rgba(0,142,155,.18),rgba(141,155,177,.09) 35%,transparent 70%);filter:blur(55px);border-radius:50%}
.hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;left:-8%;top:20%;width:48%;height:50%;border-radius:50%;background:radial-gradient(ellipse,rgba(141,155,177,.1),transparent 68%);filter:blur(65px)}
.hero-proof{background:linear-gradient(145deg,rgba(194,199,208,.075),rgba(24,24,27,.72) 55%,rgba(0,142,155,.045));backdrop-filter:blur(28px);border-color:rgba(194,199,208,.22);box-shadow:inset 0 1px 0 rgba(231,233,236,.1),0 28px 90px rgba(8,8,8,.35);border-radius:18px}
.report-top{background:rgba(231,233,236,.025)}
.system-board{position:relative;isolation:isolate;background:rgba(24,24,27,.65);border-radius:16px;box-shadow:inset 0 1px 0 rgba(231,233,236,.05)}
.system-board::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 110%,rgba(0,142,155,.13),transparent 63%);filter:blur(38px)}
.node-symbol{background:rgba(0,142,155,.055);backdrop-filter:blur(10px);border-color:rgba(0,142,155,.5)}
.results{background:radial-gradient(ellipse at 95% 8%,rgba(141,155,177,.2),transparent 45%),var(--text)}
.case-data{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;box-shadow:0 18px 45px rgba(8,8,8,.13);border:1px solid rgba(141,155,177,.2)}
.case-data::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 0,rgba(0,142,155,.15),transparent 64%);filter:blur(32px)}
.method{background:radial-gradient(ellipse at 85% 60%,rgba(141,155,177,.07),transparent 55%),var(--panel)}
.method-panel{background:linear-gradient(145deg,rgba(8,8,8,.7),rgba(8,8,8,.94));backdrop-filter:blur(24px);border-radius:14px;box-shadow:inset 0 1px 0 rgba(231,233,236,.07),0 20px 60px rgba(8,8,8,.18)}
.contact{background:radial-gradient(ellipse at 0 70%,rgba(0,142,155,.09),transparent 55%),var(--panel)}
.topbar{background:rgba(8,8,8,.8);backdrop-filter:blur(24px)}
@media(max-width:800px){.hero::before{right:0;width:100%;top:35%;height:60%;filter:blur(35px)}.hero::after{left:0;width:100%;filter:blur(35px)}.ambient-grain{opacity:.028}}

/* Stronger frosted material, limited to V2. */
.ambient-grain{opacity:.065}
.hero::before{top:2%;right:1%;width:53%;height:76%;border-radius:38% 62% 60% 40%;background:radial-gradient(ellipse at 60% 36%,rgba(0,142,155,.38),rgba(141,155,177,.22) 36%,rgba(8,8,8,0) 70%);filter:blur(40px);transform:rotate(-18deg)}
.hero::after{left:-2%;top:30%;width:55%;height:45%;background:radial-gradient(ellipse at 35% 50%,rgba(141,155,177,.19),rgba(141,155,177,.05) 48%,transparent 70%);filter:blur(48px)}
.hero-proof{background:linear-gradient(125deg,rgba(231,233,236,.12),rgba(24,24,27,.56) 48%,rgba(8,8,8,.72));backdrop-filter:blur(40px);border-color:rgba(194,199,208,.3);box-shadow:inset 0 1px 0 rgba(231,233,236,.2),inset 1px 0 0 rgba(231,233,236,.06),0 35px 85px rgba(8,8,8,.4)}
.hero-proof::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23c2c7d0' filter='url(%23g)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");background-size:160px 160px}
.hero-proof>*{position:relative}
.report-top,.report-caption{background:rgba(8,8,8,.13)}
.system-board{background:linear-gradient(130deg,rgba(194,199,208,.09),rgba(24,24,27,.7));backdrop-filter:blur(24px);border-color:rgba(194,199,208,.25)}
.system-board::before{background:radial-gradient(ellipse at 82% 100%,rgba(0,142,155,.27),transparent 65%);filter:blur(30px)}
.method{background:radial-gradient(ellipse at 75% 48%,rgba(0,142,155,.12),transparent 48%),var(--panel)}
.method-panel{background:linear-gradient(130deg,rgba(194,199,208,.09),rgba(8,8,8,.65));backdrop-filter:blur(35px);border-color:rgba(194,199,208,.25)}
.case-data::before{background:radial-gradient(ellipse at 100% 0,rgba(0,142,155,.26),rgba(141,155,177,.07) 40%,transparent 72%)}
@media(prefers-reduced-motion:no-preference){.hero::before{animation:ambient-drift 18s ease-in-out infinite alternate}.hero::after{animation:ambient-drift-secondary 22s ease-in-out infinite alternate}@keyframes ambient-drift{from{transform:translate3d(-12px,0,0) rotate(-18deg)}to{transform:translate3d(18px,22px,0) rotate(-8deg)}}@keyframes ambient-drift-secondary{from{transform:translate3d(0,0,0)}to{transform:translate3d(18px,-15px,0)}}}
@media(max-width:800px){.hero::before{top:36%;right:0;width:100%;height:57%;filter:blur(30px)}.hero::after{left:0;width:100%;top:5%;height:38%;filter:blur(35px)}.ambient-grain{opacity:.045}}
