/* Topraktan Ultra Visual Layer — progressive enhancement over the core design system */
:root{
 --glass:rgba(15,19,28,.62);--glass-2:rgba(19,24,35,.78);--glass-border:rgba(255,255,255,.105);
 --glow-gold:rgba(214,166,75,.20);--glow-blue:rgba(78,118,235,.16);--glow-violet:rgba(136,101,221,.10);
 --shadow-xl:0 40px 120px rgba(0,0,0,.36);--shadow-md:0 18px 55px rgba(0,0,0,.23)
}
html{background:#06080c}body{position:relative;background:
 radial-gradient(1100px 720px at 88% -12%,rgba(61,91,190,.14),transparent 62%),
 radial-gradient(900px 760px at -12% 26%,rgba(214,166,75,.075),transparent 62%),
 linear-gradient(180deg,#080a0e 0%,#07090c 48%,#090b0f 100%);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.022;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='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(500px circle at var(--cursor-x,50%) var(--cursor-y,20%),rgba(255,255,255,.025),transparent 60%)}
/* glass navigation */
.site-header{background:rgba(7,9,13,.68)!important;border-bottom-color:rgba(255,255,255,.055)!important;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);box-shadow:0 8px 40px rgba(0,0,0,.09)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(214,166,75,.22),rgba(111,168,220,.1),transparent);opacity:.55}.brand{position:relative}.brand:before{content:"";position:absolute;left:-11px;top:50%;width:4px;height:25px;transform:translateY(-50%);border-radius:5px;background:linear-gradient(180deg,var(--accent-2),#875f1a);box-shadow:0 0 18px rgba(214,166,75,.28)}
.nav-link{border-radius:9px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.033)}.mega{border-radius:16px!important;background:rgba(13,17,24,.91)!important;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);box-shadow:0 30px 90px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.04)!important;overflow:hidden}.mega:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 34%,transparent 70%,rgba(214,166,75,.025))}.market-status{border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.02);min-height:34px}.status-dot{box-shadow:0 0 15px rgba(34,199,122,.65)}
/* premium buttons */
.btn{border-radius:10px!important;transition:transform .18s var(--ease),border-color .18s,background .18s,box-shadow .18s!important}.btn:hover{transform:translateY(-1px)}.btn-primary{position:relative;overflow:hidden;background:linear-gradient(145deg,#e3b157,#bd8428)!important;border-color:rgba(255,226,173,.35)!important;box-shadow:0 12px 35px rgba(214,166,75,.13),inset 0 1px rgba(255,255,255,.32)}.btn-primary:before{content:"";position:absolute;top:-70%;left:-35%;width:42%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);transform:rotate(23deg);transition:left .55s var(--ease)}.btn-primary:hover:before{left:110%}.btn-primary:hover{box-shadow:0 16px 42px rgba(214,166,75,.20),inset 0 1px rgba(255,255,255,.35)}.btn-quiet{background:rgba(255,255,255,.018)!important;backdrop-filter:blur(10px)}
/* hero */
.hero{min-height:720px!important;border-bottom-color:rgba(255,255,255,.055)!important;background:
 radial-gradient(800px 500px at 72% 33%,rgba(214,166,75,.085),transparent 62%),
 radial-gradient(850px 600px at 92% 5%,rgba(69,105,226,.11),transparent 64%),
 linear-gradient(180deg,rgba(8,10,14,.2),rgba(8,10,13,.96))}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 72% 42%,black,transparent 70%);opacity:.55}.hero:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(214,166,75,.08);border-radius:50%;right:10%;top:10%;box-shadow:0 0 0 80px rgba(214,166,75,.012),0 0 0 160px rgba(80,115,230,.01);pointer-events:none}.hero-canvas{opacity:.74!important;mix-blend-mode:screen}.hero-grid{padding-top:116px!important}.hero-copy{position:relative}.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(214,166,75,.14);border-radius:999px;background:rgba(214,166,75,.045);backdrop-filter:blur(10px);color:#dcb15f}.hero-copy .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(214,166,75,.7)}.hero-copy h1{font-size:clamp(3.6rem,6.3vw,6.8rem)!important;line-height:.94!important;letter-spacing:-.065em!important;text-wrap:balance;background:linear-gradient(180deg,#fff 0%,#f7f8fa 55%,#aeb5c1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 18px 50px rgba(0,0,0,.18)}.hero-copy p{font-size:1.16rem!important;line-height:1.68!important;color:#9da7b5!important}.hero-intel{position:relative;padding:23px!important;border:1px solid var(--glass-border)!important;border-radius:16px;background:linear-gradient(145deg,rgba(21,27,38,.72),rgba(11,14,20,.58));backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 30px 90px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035);overflow:hidden}.hero-intel:before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--fx-x,80%) var(--fx-y,10%),rgba(214,166,75,.10),transparent 58%);pointer-events:none}.hero-intel:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%,transparent 70%,rgba(214,166,75,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero-intel-head{margin-bottom:26px!important}.intel-lines{border-color:rgba(255,255,255,.075)!important}.intel-line{border-color:rgba(255,255,255,.06)!important}.hero-metrics{background:rgba(7,9,13,.62)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top-color:rgba(255,255,255,.075)!important}.metric-cell{position:relative;transition:background .18s}.metric-cell:hover{background:rgba(255,255,255,.024)}.metric-cell:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(214,166,75,.22),transparent);opacity:0;transition:.18s}.metric-cell:hover:after{opacity:1}
/* page heroes */
.page-hero{position:relative;overflow:hidden;padding:92px 0 64px!important;background:radial-gradient(780px 420px at 78% 10%,rgba(78,112,220,.09),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.008),transparent);border-bottom-color:rgba(255,255,255,.06)!important}.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,transparent,black 45%,black,transparent)}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(3rem,5.5vw,5.6rem);line-height:.98;letter-spacing:-.06em;max-width:1100px!important;background:linear-gradient(180deg,#fff,#b8c0cc);-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero p{color:#99a3b1!important;line-height:1.7}
/* glass surfaces used across dense modules */
.research-composition,.market-map,.video-composition,.video-library,.calc-panel,.compare-grid,.risk-grid,.glossary-grid,.tool-grid,.trust-links,.list-index{border-color:rgba(255,255,255,.08)!important;box-shadow:0 24px 80px rgba(0,0,0,.11)}.research-composition{gap:10px!important;background:transparent!important;border:0!important}.research-feature,.research-list{border:1px solid var(--glass-border);border-radius:16px;background:linear-gradient(145deg,rgba(18,23,33,.75),rgba(10,13,19,.62))!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.research-feature{position:relative}.research-feature:before{content:"";position:absolute;width:380px;height:380px;right:-110px;bottom:-180px;border-radius:50%;background:radial-gradient(circle,rgba(214,166,75,.13),transparent 67%)}.research-feature h3{position:relative}.research-row{border-color:rgba(255,255,255,.06)!important}.research-row:hover{background:linear-gradient(90deg,rgba(214,166,75,.045),rgba(255,255,255,.01))!important}.brief-feed{border-color:rgba(255,255,255,.075)!important}.brief-row{position:relative;padding:22px 0!important;transition:padding .2s,background .2s}.brief-row:hover{padding-left:14px!important;padding-right:14px!important;background:linear-gradient(90deg,rgba(255,255,255,.022),transparent)}.brief-tag{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 8px;align-self:start;justify-self:start}.market-map{border:1px solid var(--glass-border);border-radius:17px;overflow:hidden;background:rgba(13,17,24,.58)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.map-controls{background:rgba(255,255,255,.018)!important}.map-stage{background:radial-gradient(450px 240px at 55% 45%,rgba(74,105,210,.06),transparent),rgba(5,7,10,.42)!important}.map-tile{border-color:rgba(255,255,255,.07)!important;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008))!important;transition:transform .18s,border-color .18s,background .18s}.map-tile:hover{transform:translateY(-2px);border-color:rgba(214,166,75,.17)!important;background:linear-gradient(145deg,rgba(214,166,75,.05),rgba(255,255,255,.012))!important}.calendar-rail{gap:10px;border:0!important}.event{position:relative;border:1px solid var(--glass-border)!important;border-radius:14px;background:linear-gradient(145deg,rgba(18,23,33,.64),rgba(10,13,19,.50));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .18s,border-color .18s}.event:hover{transform:translateY(-3px);border-color:rgba(214,166,75,.19)!important}.event-date{display:inline-flex;padding:5px 7px;border-radius:999px;background:rgba(214,166,75,.07);border:1px solid rgba(214,166,75,.12)}.learning-index{border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;background:rgba(13,17,24,.58);backdrop-filter:blur(14px)}.learn-row{padding-left:15px!important;padding-right:15px!important}.tool-grid{gap:10px;background:transparent!important;border:0!important}.tool-link{position:relative;border:1px solid var(--glass-border)!important;border-radius:14px;background:linear-gradient(145deg,rgba(18,23,33,.62),rgba(9,12,18,.52));overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.tool-link:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(220px circle at var(--fx-x,80%) var(--fx-y,0%),rgba(111,168,220,.07),transparent 60%)}.tool-link:hover{transform:translateY(-4px)!important;border-color:rgba(214,166,75,.18)!important;box-shadow:0 18px 55px rgba(0,0,0,.17)}.trust-layout{border-top-color:rgba(255,255,255,.08)!important}.trust-links{border:1px solid var(--glass-border)!important;border-radius:14px;overflow:hidden;background:rgba(13,17,24,.55);backdrop-filter:blur(14px)}.trust-link{padding-left:18px!important;padding-right:18px!important}.trust-link:hover{background:rgba(214,166,75,.035)}
/* media */
.video-feature,.video-card{background:linear-gradient(145deg,rgba(18,23,33,.70),rgba(9,12,18,.55))!important;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden}.video-facade{border-radius:10px}.video-facade:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,4,8,.62));pointer-events:none}.video-play{z-index:2;backdrop-filter:blur(12px);background:rgba(11,14,21,.72)!important;box-shadow:0 14px 35px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s}.video-facade:hover .video-play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 8px rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.38)}
/* story */
.story-band{min-height:520px!important;background:radial-gradient(600px circle at 72% 45%,rgba(214,166,75,.09),transparent 55%),radial-gradient(600px circle at 42% 80%,rgba(71,106,220,.07),transparent 60%),#0b0e13!important}.story-lines{opacity:.65!important;background-size:64px 64px!important}.story-content{min-height:520px!important}.story-content h2{font-size:clamp(3rem,6vw,6rem)!important;letter-spacing:-.06em;line-height:.94}.story-step{position:relative;padding:15px 12px!important;border-color:rgba(255,255,255,.06)!important;transition:.24s}.story-step.is-active{background:linear-gradient(90deg,rgba(214,166,75,.08),transparent);color:#fff!important;padding-left:18px!important}.story-step.is-active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;background:var(--accent);box-shadow:0 0 14px rgba(214,166,75,.5)}
/* command palette / drawer */
.command-backdrop{background:rgba(2,4,8,.68)!important;backdrop-filter:blur(14px) saturate(1.25)!important}.command{background:rgba(14,18,27,.92)!important;border-color:rgba(255,255,255,.13)!important;border-radius:17px!important;box-shadow:0 40px 120px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04)}.command-input{font-size:15px}.search-result{border-radius:10px!important}.drawer{background:rgba(7,9,13,.96)!important;backdrop-filter:blur(24px)}.bottom-nav{background:rgba(8,10,14,.82)!important;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}
/* reports/tables/forms */
.content-shell>.sticky,.side-metrics,.toc{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.012);backdrop-filter:blur(12px)}.article h2{letter-spacing:-.035em}.article blockquote,.notice,.source-note{border-radius:10px}.compare-table,.radar-table,.market-table{background:rgba(10,13,19,.48);backdrop-filter:blur(12px)}.compare-table tr:hover td,.radar-table tr:hover td,.market-table tr:hover td{background:rgba(255,255,255,.018)}.control,.select,input,textarea,select{border-radius:9px!important}.toast{backdrop-filter:blur(18px);background:rgba(21,26,36,.88)!important}
/* section atmosphere */
.section{position:relative}.section-line{border-top-color:rgba(255,255,255,.055)!important}.section-head h2{letter-spacing:-.045em}.section-head .eyebrow{color:#c99d4b}.footer{position:relative;background:linear-gradient(180deg,transparent,rgba(255,255,255,.012));border-top-color:rgba(255,255,255,.07)!important}.footer:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(214,166,75,.18),transparent)}
/* fx helpers */
.fx-tilt{transform-style:preserve-3d;transition:transform .18s var(--ease),border-color .18s,box-shadow .18s;will-change:transform}.fx-tilt>*{transform:translateZ(0)}.fx-spotlight{position:relative;overflow:hidden}.fx-spotlight:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--fx-x,50%) var(--fx-y,50%),rgba(255,255,255,.055),transparent 60%);opacity:0;transition:opacity .18s}.fx-spotlight:hover:before{opacity:1}.fx-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.fx-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.hero{min-height:680px!important}.hero:after{right:-15%;opacity:.6}.research-composition{gap:8px!important}.calendar-rail{grid-template-columns:repeat(2,1fr)!important}.tool-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){body:after{display:none}.site-header{backdrop-filter:blur(18px)}.hero{min-height:auto!important}.hero:after{display:none}.hero-grid{padding:74px 0 48px!important}.hero-copy h1{font-size:clamp(3rem,15vw,4.4rem)!important}.hero-intel{padding:18px!important}.page-hero{padding:66px 0 42px!important}.page-hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}.calendar-rail,.tool-grid{grid-template-columns:1fr!important}.event,.tool-link{min-height:auto}.story-content h2{font-size:clamp(2.7rem,12vw,4.2rem)!important}.fx-tilt{transform:none!important}}
@media(prefers-reduced-motion:reduce){.fx-reveal{opacity:1;transform:none}.hero:after,.btn-primary:before{display:none}.fx-tilt{transform:none!important}}
/* real data chart */
.live-chart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.live-chart-head>div>strong{display:block;font:750 clamp(1.5rem,3vw,2.4rem)/1 var(--mono);letter-spacing:-.04em;margin-top:6px}.live-chart{position:relative;min-height:320px!important;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:radial-gradient(520px 260px at 70% 30%,rgba(214,166,75,.055),transparent),rgba(4,6,10,.32);overflow:hidden}.live-chart canvas{width:100%;height:320px;display:block}.chart-status{position:absolute;left:14px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(8,10,14,.68);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px);font:600 9px var(--mono);color:var(--text-3)}.pulse-grid{gap:12px!important}.pulse-main,.pulse-stat{border:1px solid var(--glass-border)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(18,23,33,.65),rgba(9,12,18,.50))!important;backdrop-filter:blur(16px)}.pulse-main{padding:20px!important}.pulse-side{gap:10px!important}.pulse-stat{padding:17px!important}.pulse-stat:hover{border-color:rgba(214,166,75,.16)!important}.stat-value{letter-spacing:-.04em}
@media(max-width:760px){.live-chart{min-height:245px!important}.live-chart canvas{height:245px}.live-chart-head{align-items:flex-start;flex-direction:column}.live-chart-head .segment{align-self:stretch}}
/* live market mini bento */
.market-list-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.market-mini-panel{border:1px solid var(--glass-border);border-radius:15px;background:linear-gradient(145deg,rgba(18,23,33,.68),rgba(9,12,18,.52));backdrop-filter:blur(16px);overflow:hidden}.market-mini-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.065)}.market-mini-head span{font-weight:700;font-size:12px}.market-mini-head small{font:600 9px var(--mono);color:var(--text-3);text-transform:uppercase}.market-mini-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.055)}.market-mini-row:last-child{border-bottom:0}.market-mini-row:hover{background:rgba(255,255,255,.018)}.mini-rank{font:600 9px var(--mono);color:var(--text-3)}.mini-asset{display:flex;align-items:center;gap:8px;min-width:0}.mini-asset img{border-radius:50%}.mini-asset span{display:grid;min-width:0}.mini-asset strong{font:700 10px var(--mono);white-space:nowrap}.mini-asset small{font-size:9px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-value{font:600 9px var(--mono);color:var(--text-2)}.mini-change{font:700 9px var(--mono);min-width:54px;text-align:right}.mini-change.neutral{color:var(--text-3)}.market-mini-empty{padding:30px 16px;color:var(--text-3);font-size:11px;text-align:center}
@media(max-width:900px){.market-list-bento{grid-template-columns:1fr}.market-mini-panel{min-width:0}}
/* subtle premium motion */
@keyframes taOrbit{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.58}50%{transform:translate3d(-18px,12px,0) scale(1.035);opacity:.82}}
@keyframes taGlow{0%,100%{box-shadow:0 0 14px rgba(214,166,75,.24)}50%{box-shadow:0 0 28px rgba(214,166,75,.44)}}
@keyframes taHeaderLine{0%{transform:translateX(-55%);opacity:0}25%,70%{opacity:.6}100%{transform:translateX(55%);opacity:0}}
.hero:after{animation:taOrbit 12s ease-in-out infinite}.hero-copy .eyebrow:before{animation:taGlow 3.8s ease-in-out infinite}.site-header:after{transform:translateX(-55%);animation:taHeaderLine 9s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hero:after,.hero-copy .eyebrow:before,.site-header:after{animation:none!important}}