@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#030914;--panel:#08162a;--cyan:#15e6ff;--blue:#157bff;--gold:#ffc46b;--purple:#ae70ff;--line:#194165;--text:#e9f5ff;--muted:#a1b5cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#0a2450 0%,transparent 36%),var(--bg);color:var(--text);font:15px/1.7 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1280px,calc(100% - 48px));margin:auto}.top{position:sticky;top:0;z-index:30;background:rgba(2,10,24,.91);backdrop-filter:blur(20px);border-bottom:1px solid #17446c}.bar{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:86px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:48px;height:48px;filter:drop-shadow(0 0 12px #008cff)}.brand strong{font:700 33px/1 Rajdhani,Arial;letter-spacing:3px}.brand small{display:block;font:600 9px Inter;letter-spacing:1.2px;color:#96b5d2}.nav{display:flex;align-items:center;gap:5px}.nav a{font-size:12px;font-weight:700;padding:12px 13px;border:1px solid transparent;border-radius:11px;white-space:nowrap;transition:.2s}.nav a:hover,.nav a.active{color:white;background:linear-gradient(135deg,#076eff,#11b5ff);border-color:#42cfff;box-shadow:0 0 17px #077cff8a}.join{border:1px solid #ffde9c;background:linear-gradient(120deg,#f8a93c,#ffe5a0);padding:12px 21px;border-radius:12px;color:#201409;font-weight:800;white-space:nowrap;box-shadow:0 0 23px #ffa82f5e}.menu{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid #164169;background:radial-gradient(ellipse at 70% 45%,#124a8b 0%,#071b39 33%,transparent 65%),linear-gradient(125deg,#020914,#07142b)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#105aa518 1px,transparent 1px),linear-gradient(90deg,#105aa518 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:620px;gap:24px}.hero-copy{z-index:2;padding:75px 0}.eyebrow{font-size:12px;letter-spacing:2.7px;color:var(--cyan);font-weight:800}.pulse:before{content:'●';color:#46f8d7;margin-right:10px;text-shadow:0 0 12px #46f8d7}.hero h1,h2,h3{font-family:Rajdhani,Arial,sans-serif;line-height:1.09}.hero h1{font-size:clamp(49px,5.2vw,84px);margin:24px 0;letter-spacing:.2px}.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 26px #008dff}.hero-copy>p{max-width:620px;color:#c0d6eb;font-size:17px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:14px 24px;border-radius:11px;font-weight:800;font-size:13px;transition:.2s}.button:hover{transform:translateY(-3px)}.button.primary{background:linear-gradient(120deg,#006dff,#00c9ff);box-shadow:0 0 23px #008dff6e;border:1px solid #64eaff}.button.outline{background:#07162d;border:1px solid #4782bc}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}.hero-tags span{padding:7px 11px;border:1px solid #24618e;background:#071c34b0;border-radius:7px;font-size:10px;letter-spacing:1px;color:#b4dfff}.hero-art{height:540px;position:relative;display:grid;place-items:center}.globe{position:absolute;width:min(470px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 35%,#34dcff99,transparent 22%),radial-gradient(circle at 70% 67%,#0079ff55,transparent 40%),radial-gradient(circle at 50% 50%,#09366b,#06172d 67%);border:2px solid #20adff;box-shadow:0 0 35px #087bff, inset -40px -20px 75px #020914,inset 20px 20px 50px #2ec9ff55}.globe:before{content:'';position:absolute;inset:8%;border-radius:50%;border:1px dashed #52dfff;box-shadow:0 0 45px #21b9ff88}.orbit{position:absolute;width:105%;height:210px;border:2px solid #0bbcff9c;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 18px #008cff}.orbit2{transform:rotate(44deg);width:93%;border-color:#a374ff66}.holo{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;text-shadow:0 0 15px #00bfff}.holo img{width:190px;filter:drop-shadow(0 0 25px #00aaff)}.holo b{font:700 48px Rajdhani;letter-spacing:7px}.holo small{font-size:9px;letter-spacing:2px}.float-chip{position:absolute;z-index:3;padding:9px 13px;border:1px solid #259de4;background:#041c38d9;box-shadow:0 0 20px #008cff55;border-radius:9px;font-size:10px;font-weight:700;letter-spacing:1px}.chip1{top:12%;left:0}.chip2{right:0;top:30%}.chip3{bottom:15%;left:3%}.statbar{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,#09213c,#07152b);border:1px solid #24699b;border-radius:15px;margin-top:-22px;box-shadow:0 12px 40px #0008}.statbar span{padding:23px 14px;text-align:center;border-right:1px solid #235078;font-size:12px}.statbar span:last-child{border:0}.statbar b{font:700 24px Rajdhani;color:var(--cyan);margin-right:8px}.section{padding:92px 0}.section:nth-of-type(even){background:linear-gradient(130deg,#061529,#06101e)}.section-head{max-width:930px;margin-bottom:32px}.section-head h2{font-size:clamp(35px,4vw,55px);margin:12px 0}.section-head p{color:var(--muted);font-size:16px}.grid{display:grid;gap:17px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.feature{position:relative;overflow:hidden;min-height:220px;padding:27px;border:1px solid #1a4b79;border-radius:16px;background:linear-gradient(145deg,#0c2849,#071322 65%);box-shadow:inset 0 1px #4b9dcb29;transition:.2s}.feature:hover{transform:translateY(-5px);border-color:#21d8ff;box-shadow:0 0 25px #007bff35}.feature:after{content:'';position:absolute;width:160px;height:160px;right:-90px;top:-90px;border-radius:50%;background:#00b7ff26;filter:blur(20px)}.feature.gold{border-color:#8d6533;background:linear-gradient(145deg,#3d270f,#101624 70%)}.feature.gold:after{background:#ffa50040}.feature.purple{border-color:#65408c;background:linear-gradient(145deg,#251642,#0b1428 70%)}.feature.purple:after{background:#a14aff40}.mini{font-size:11px;letter-spacing:1.8px;font-weight:800;color:var(--cyan)}.feature.gold .mini{color:var(--gold)}.feature.purple .mini{color:#d3a7ff}.feature h3{font-size:25px;margin:21px 0 10px}.feature p,.milestone p{color:var(--muted);font-size:13px;margin:0}.concept-section{padding:80px 0;background:#020713}.concept{display:block;width:100%;border-radius:18px;border:1px solid #2575b5;box-shadow:0 0 40px #0566ba40}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.milestone{border-top:3px solid #00bfff;padding:22px 14px;background:#081a2d}.milestone b{color:var(--cyan);font:700 36px Rajdhani}.milestone h3{font-size:22px;margin:8px 0}.faq{max-width:1000px}.faq details{border:1px solid #204b71;border-radius:12px;background:#071a2d;margin:12px 0;padding:0 21px}.faq summary{list-style:none;cursor:pointer;font-weight:700;padding:19px 0;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--cyan);font-size:22px}.faq p{color:var(--muted);margin:0 0 20px}.lead-panel,.cta{padding:35px;border:1px solid #27689b;border-radius:16px;background:linear-gradient(130deg,#102c50,#081425)}.lead-panel p{font-size:17px;color:#bcd5ea;max-width:1000px}.cta{background:radial-gradient(ellipse at right,#193a7b,#09182e 65%)}.cta h3{font-size:40px;margin:0}.cta p{color:var(--muted)}.disclosure{margin:60px auto 20px;padding:20px 25px;border:1px solid #766044;border-radius:12px;background:#2d231324;color:#e8cf9e}.disclosure strong{font-size:13px}.disclosure p{font-size:12px;margin:6px 0 0}.footer{border-top:1px solid #184b74;background:#020711;padding:40px 0 20px}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot p,.copyright{color:#849db6;font-size:12px}.foot a.mail{color:#40dfff}.copyright{margin-top:30px;padding-top:20px;border-top:1px solid #173652}.subhero{padding:95px 0 45px;background:radial-gradient(ellipse at 80% 10%,#143c75,transparent 65%);border-bottom:1px solid #1b476b}.subhero h1{font:700 clamp(45px,6vw,78px) Rajdhani;margin:12px 0}.subhero p{max-width:780px;color:#b6cfe8;font-size:17px}@media(max-width:1130px){.bar{flex-wrap:wrap;padding:12px 0}.menu{display:block;margin-left:auto;background:#0b2c4b;border:1px solid #3476a9;border-radius:9px;color:white;padding:10px 14px}.nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;padding:12px 0}.nav.open{display:flex}.join{margin-left:0}.hero-grid{grid-template-columns:1fr 1fr}.grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:min(100% - 30px,1280px)}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:65px 0 0}.hero-art{height:390px}.globe{width:320px}.holo img{width:130px}.holo b{font-size:35px}.float-chip{font-size:8px}.statbar{grid-template-columns:repeat(2,1fr);margin-top:10px}.statbar span:nth-child(2){border-right:0}.statbar span{padding:14px}.grid.three,.grid.four{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.section{padding:60px 0}.foot{align-items:flex-start;flex-direction:column}.join{font-size:11px;padding:10px}.brand strong{font-size:25px}.brand img{width:36px;height:36px}.brand small{font-size:7px}.feature{min-height:unset}.subhero{padding:55px 0 25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* V4: HTML/CSS market experience replacing static concept image */
.experience-section{padding:90px 0;background:radial-gradient(ellipse at 12% 30%,rgba(0,155,255,.13),transparent 48%),radial-gradient(ellipse at 90% 85%,rgba(121,59,255,.13),transparent 48%),#040b18;border-block:1px solid rgba(58,179,255,.15)}
.gradtext{background:linear-gradient(90deg,#3eeaff,#9e8aff);-webkit-background-clip:text;background-clip:text;color:transparent}.experience-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:22px;margin-top:36px}.signal-console,.tech-card,.pathway{border:1px solid rgba(75,171,240,.28);background:linear-gradient(145deg,rgba(13,35,67,.93),rgba(5,13,31,.96));box-shadow:0 22px 65px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.07);border-radius:22px}.signal-console{padding:26px;min-width:0}.console-top,.chart-heading,.signal-summary,.risk-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.console-top{align-items:flex-start}.console-top h3{font-size:24px;margin:12px 0 0}.console-label,.demo-label,.signal-summary small,.chart-heading small,.mini{font-size:11px;letter-spacing:1.3px;color:#9dc4e6}.live-dot{display:inline-block;width:9px;height:9px;background:#35edc9;box-shadow:0 0 14px #35edc9;border-radius:50%;margin-right:9px}.demo-label{padding:8px 11px;border:1px solid rgba(68,226,255,.35);border-radius:40px;color:#47eaff;white-space:nowrap}.signal-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 15px}.signal-tab{border:1px solid rgba(82,160,221,.25);background:#081a34;color:#b5cce6;padding:11px 15px;border-radius:10px;font:inherit;font-size:13px;cursor:pointer;transition:.2s}.signal-tab:hover,.signal-tab.selected{background:linear-gradient(120deg,#005dba,#008aeb);color:#fff;border-color:#36cfff;box-shadow:0 0 19px #008bff55}.chart-panel{border:1px solid #24415e;border-radius:15px;padding:20px;background:linear-gradient(180deg,#081a32,#061020)}.chart-heading strong,.signal-summary strong{display:block;margin-top:6px;color:#fff;font-size:15px}.chart-state{text-align:right}.chart-state strong{color:#43e9ca}.signal-chart{display:block;width:100%;height:auto;margin-top:14px}.chart-bottom{display:flex;justify-content:space-between;color:#799cba;font-size:11px}.signal-summary{margin:20px 0;align-items:flex-start;flex-wrap:wrap}.signal-summary>div{min-width:180px}.console-link,.tech-card>a{display:flex;justify-content:space-between;gap:10px;color:#4fe4ff;font-weight:700;text-decoration:none}.experience-side{display:grid;gap:22px}.tech-card{padding:27px;display:flex;flex-direction:column;align-items:flex-start}.tech-card h3{font-size:24px;line-height:1.2;margin:12px 0}.tech-card p{color:#b4c9e1;line-height:1.7}.tech-icon{font-size:32px;color:#55e8ff;margin-bottom:15px}.risk-metrics{width:100%;margin:12px 0}.risk-metrics>div{border-bottom:1px solid #ffffff1c;padding:10px 0;font-size:12px;color:#a8c4df}.risk-metrics b{font-size:10px;color:#5ae5ce}.risk-note{color:#a5b5c9;font-size:11px;line-height:1.5;margin-bottom:16px}.vip-card{border-color:#b78a3866;background:linear-gradient(145deg,#3a2713,#100e20 75%)}.vip-card .mini,.vip-card .tech-icon,.vip-card>a{color:#ffd080}.pathway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.pathway{padding:27px;text-decoration:none;color:#fff;transition:transform .2s,border-color .2s}.pathway:hover{transform:translateY(-5px);border-color:#50dbff}.pathway>span{font-size:11px;letter-spacing:1px;color:#c6adff}.pathway h3{font-size:21px;margin:15px 0 10px}.pathway p{font-size:14px;line-height:1.7;color:#b6c8df}.pathway b{display:block;margin-top:20px;font-size:13px;color:#67e7ff}.gold-path{background:linear-gradient(140deg,#3b2511,#100f21 80%);border-color:#ac813d80}.gold-path>span,.gold-path b{color:#ffce77}.purple-path{background:linear-gradient(140deg,#241448,#0a1229 80%)}.blue-path{background:linear-gradient(140deg,#0a3252,#071226 80%)}.chart-refresh{animation:chartFade .4s ease}@keyframes chartFade{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:900px){.experience-grid{grid-template-columns:1fr}.experience-side{grid-template-columns:repeat(2,minmax(0,1fr))}.pathway-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.experience-section{padding:55px 0}.signal-console{padding:16px}.experience-side,.pathway-grid{grid-template-columns:1fr}.console-top h3{font-size:20px}.demo-label{font-size:9px}.signal-tab{padding:9px 10px;font-size:11px}.chart-panel{padding:12px}.chart-heading strong{font-size:12px}.tech-card,.pathway{padding:21px}}

/* V5 interior-page environmental art and enriched sections */
.subhero{position:relative;isolation:isolate;overflow:hidden;min-height:390px;display:flex;align-items:center;background-size:cover;background-position:center right}
.subhero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030914 3%,rgba(3,9,20,.94) 32%,rgba(3,9,20,.25) 100%)}
.subhero .wrap{position:relative;z-index:1}.subhero h1{max-width:800px;text-shadow:0 4px 30px #020611}.subhero p{max-width:650px}
.page-project .subhero{background-image:url('assets/project-network.svg')}
.page-philosophy .subhero{background-image:url('assets/philosophy-network.svg')}
.page-membership .subhero{background-image:url('assets/membership-network.svg')}
.page-regional .subhero{background-image:url('assets/regional-network.svg')}
.page-team .subhero{background-image:url('assets/team-network.svg')}
.page-regional{--accent:#ffc46b}.page-membership{--accent:#c38cff}.page-team{--accent:#64d6ff}.page-project,.page-philosophy{--accent:#39e9f5}
.page-regional .subhero .eyebrow,.page-membership .subhero .eyebrow,.page-team .subhero .eyebrow{color:var(--accent)}
.visual-expansion{position:relative;background:radial-gradient(ellipse at 15% 50%,#0c2951 0%,transparent 48%),#050e1e!important;border-top:1px solid #20537c}.visual-expansion:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#38b8ff09 1px,transparent 1px),linear-gradient(90deg,#38b8ff09 1px,transparent 1px);background-size:48px 48px}
.visual-expansion .wrap{position:relative}.expansion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.expansion-card{padding:30px;border:1px solid #275079;border-radius:18px;background:linear-gradient(145deg,#102846e6,#071423e6);transition:transform .2s,border-color .2s}.expansion-card:hover{transform:translateY(-5px);border-color:var(--accent,#2ce3ff)}.expansion-card span{color:var(--accent,#2ce3ff);font-size:11px;font-weight:800;letter-spacing:2px}.expansion-card h3{font-size:28px;margin:26px 0 10px}.expansion-card p{color:#aec8e1;font-size:14px;margin:0}.page-regional .expansion-card{border-color:#7b5c3a;background:linear-gradient(140deg,#2c221b,#091626)}.page-membership .expansion-card{border-color:#62477f;background:linear-gradient(140deg,#22183d,#081427)}
@media(max-width:760px){.subhero{min-height:330px;background-position:63% center}.subhero::after{background:linear-gradient(90deg,#030914 0%,#030914dc 70%,#03091470)}.expansion-grid{grid-template-columns:1fr}.expansion-card{padding:24px}}

/* V8 live cryptocurrency terminal */
.market-section{padding-top:75px}.live-market-shell{background:linear-gradient(140deg,#081b32,#061023 75%);border:1px solid #1b618a;border-radius:22px;overflow:hidden;box-shadow:0 18px 75px #001729,0 0 35px #0085ff18}.market-topline,.market-chart-header,.market-bottomline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px}.market-topline{border-bottom:1px solid #184260;flex-wrap:wrap}.market-topline>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.market-topline strong{font-size:12px;letter-spacing:2px;color:#aeefff}.market-connection{color:#ffc978;font-size:12px}.market-connection.connected{color:#38f6b7}.market-source,.market-bottomline{font-size:11px;color:#8fb0c8;letter-spacing:.6px}.market-ticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#204360;border-bottom:1px solid #204360}.market-coin{background:#081b30;color:#d9eeff;border:0;padding:23px;text-align:left;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:background .2s,box-shadow .2s;min-width:0}.market-coin:hover,.market-coin.active{background:#0b2e4d;box-shadow:inset 0 3px #2fe2ff}.market-coin span{font-size:12px;color:#a4cae4}.market-coin strong{font-size:clamp(17px,2vw,29px);font-variant-numeric:tabular-nums;white-space:nowrap}.market-coin small{font-size:12px;color:#91b4cd}.market-coin small.up{color:#35e8a7}.market-coin small.down{color:#ff718d}.market-chart-header{padding-top:27px;align-items:flex-end;flex-wrap:wrap}.market-chart-header small{font-size:10px;letter-spacing:2px;color:#80acc9}.market-chart-header h3{font-size:27px;margin:4px 0}.market-last{color:#46dcff;font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}.market-periods{display:flex;gap:5px;flex-wrap:wrap}.market-periods button{background:#102c45;border:1px solid #285374;color:#bddbf0;padding:9px 13px;border-radius:8px;cursor:pointer}.market-periods button.active,.market-periods button:hover{background:#146a9c;color:white;border-color:#45d7ff}.market-canvas-wrap{position:relative;height:370px;margin:0 16px 8px}.market-canvas-wrap canvas{width:100%;height:100%;display:block}.market-chart-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9fd4f4;background:#071527bd;text-align:center;padding:24px}.market-chart-overlay[hidden]{display:none}.market-bottomline{border-top:1px solid #163d5a;flex-wrap:wrap}.market-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:23px}.market-support{display:block;padding:24px;background:linear-gradient(145deg,#0b2844,#071526);border:1px solid #256b95;border-radius:15px;text-decoration:none;color:#e9f7ff;transition:transform .2s}.market-support:hover{transform:translateY(-5px)}.market-support span{color:#45e1ff;font-size:11px;letter-spacing:1.3px}.market-support h3{margin:12px 0;font-size:19px}.market-support p{font-size:13px;color:#a6bfd1;line-height:1.65}.market-support.gold{border-color:#87652a}.market-support.gold span{color:#ffd07a}.market-support.purple{border-color:#6656a6}.market-support.purple span{color:#bd9bff}.market-disclaimer{font-size:12px;color:#87a9c2;line-height:1.7;margin-top:16px}@media(max-width:850px){.market-ticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-support-grid{grid-template-columns:1fr}.market-canvas-wrap{height:310px}.market-coin{padding:17px}}@media(max-width:500px){.market-topline,.market-chart-header,.market-bottomline{padding:15px}.market-canvas-wrap{height:260px;margin:0 4px}.market-coin strong{font-size:18px}.market-periods button{padding:7px 10px}}

/* V9 precious metal charts */
.metals-heading{margin:38px 0 20px}.metals-heading h3{font-size:clamp(24px,3vw,34px);margin:8px 0}.metals-heading p,.metal-disclaimer{color:#9bb8d4}.metals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metal-panel{min-width:0;background:linear-gradient(145deg,#091c32,#050e20);border:1px solid #235273;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #0005}.gold-metal{border-color:#9e7638}.silver-metal{border-color:#6387a8}.metal-title{display:flex;gap:14px;align-items:center;padding:20px}.metal-title strong{display:block;color:#f2f8ff;font-size:20px}.metal-title strong span{font-size:13px;color:#9bb8d4;margin-left:8px}.metal-title small{color:#92b3d0}.metal-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;font-weight:800;font-size:20px;background:#8e681c44;color:#ffd786;border:1px solid #ad884c}.silver-metal .metal-icon{background:#839db033;color:#d9edff;border-color:#7196b0}.metal-frame{height:390px;padding:0 8px 10px}.metal-frame .tradingview-widget-container,.metal-frame .tradingview-widget-container__widget{width:100%;height:100%}.metal-disclaimer{font-size:12px;margin:14px 0 28px}@media(max-width:850px){.metals-grid{grid-template-columns:1fr}.metal-frame{height:370px}}

/* V10 unified six-market terminal */
.market-ticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.market-coin.metal-coin{background:linear-gradient(125deg,#132b40,#091b30)}
.market-coin.metal-coin[data-symbol="XAUUSD"]{box-shadow:inset 3px 0 #dcae54}
.market-coin.metal-coin[data-symbol="XAGUSD"]{box-shadow:inset 3px 0 #93b9d2}
.market-coin.metal-coin.active{box-shadow:inset 0 3px #2fe2ff}
.market-coin.metal-coin strong{font-size:clamp(16px,1.8vw,23px);color:#e6f2ff}
.metals-live-chart{width:100%;height:100%;background:#07182b}
.metals-live-chart[hidden],#market-canvas[hidden],.market-periods[hidden]{display:none!important}
.metals-live-chart iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:850px){.market-ticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V12: four assets in one row; top status header removed */
.market-ticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:850px){.market-ticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.market-coin{padding:12px;gap:7px}.market-coin strong{font-size:clamp(15px,4vw,20px)}.market-coin span{font-size:10px}}

/* Mobile: header scrolls naturally with the page; desktop sticky behavior remains. */
@media (max-width: 760px) { .top { position: relative; top: auto; } }