/* Obsidian future layer: liquid attraction without crypto-neon noise. */
:root{--green-rgb:136,212,152;--mx:50%;--my:18%}
body{position:relative;background:#080909}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(var(--green-rgb),.075),transparent 62%);transition:background .25s ease}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.topbar{position:sticky;top:0;z-index:10;background:rgba(8,9,9,.76);backdrop-filter:blur(18px) saturate(140%)}
.topbar::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--green-rgb),.65),transparent);transform:scaleX(.35);opacity:.7}
.quiet-buy{transition:color .2s,border-color .2s,text-shadow .2s}.quiet-buy:hover{color:var(--green);border-color:var(--green);text-shadow:0 0 22px rgba(var(--green-rgb),.32)}
.hero{min-height:690px;position:relative}
.hero::before{content:"";position:absolute;width:min(46vw,680px);aspect-ratio:1;right:-12%;top:3%;border:1px solid rgba(var(--green-rgb),.13);border-radius:50%;box-shadow:inset 0 0 90px rgba(var(--green-rgb),.025),0 0 110px rgba(var(--green-rgb),.025)}
.hero::after{content:"";position:absolute;width:min(27vw,400px);aspect-ratio:1;right:1%;top:17%;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.11),rgba(var(--green-rgb),.055) 18%,rgba(7,9,8,.88) 67%);box-shadow:inset -35px -40px 80px rgba(0,0,0,.8),inset 14px 12px 24px rgba(255,255,255,.035),0 40px 100px rgba(0,0,0,.5);opacity:.68}
.hero>*{position:relative;z-index:1}
h1 span{color:transparent;background:linear-gradient(105deg,#727872 4%,#f4efe5 45%,#858b85 62%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;animation:specular 9s ease-in-out infinite}
@keyframes specular{0%,100%{background-position:100% 50%}50%{background-position:0 50%}}
.button{position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s}
.button::after{content:"";position:absolute;inset:-30% auto -30% -60%;width:35%;transform:skewX(-18deg);background:rgba(255,255,255,.35);transition:left .55s ease}.button:hover::after{left:130%}.button:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,0,0,.32),0 0 0 1px rgba(var(--green-rgb),.13)}
.secondary{background:rgba(255,255,255,.015);backdrop-filter:blur(10px)}
.feature-grid{background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,0) 52%);position:relative;overflow:hidden;box-shadow:0 40px 110px rgba(0,0,0,.18)}
.feature-grid::before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 20%,rgba(var(--green-rgb),.12) 48%,transparent 62%);transform:translateX(-100%);animation:glasspass 11s ease-in-out infinite;pointer-events:none}
@keyframes glasspass{0%,65%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
.asset-row{position:relative;transition:background .22s,transform .22s,box-shadow .22s}.asset-row::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2px;background:var(--green);transform:scaleY(0);transition:transform .22s;box-shadow:0 0 18px rgba(var(--green-rgb),.6)}.asset-row:hover,.asset-row:focus-within{background:linear-gradient(90deg,rgba(var(--green-rgb),.075),rgba(255,255,255,.012) 45%,transparent);transform:translateX(5px);box-shadow:-20px 0 55px rgba(var(--green-rgb),.035)}.asset-row:hover::before,.asset-row:focus-within::before{transform:scaleY(1)}
dialog{background:rgba(15,18,16,.94);box-shadow:0 45px 150px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(28px) saturate(125%)}dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(9px)}
@media(max-width:760px){.hero::before{width:105vw;right:-63%;top:8%}.hero::after{width:64vw;right:-28%;top:15%;opacity:.48}.asset-row:hover{transform:none}}
@media(prefers-reduced-motion:reduce){h1 span,.feature-grid::before{animation:none}.button,.asset-row{transition:none}body::before{display:none}}