@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');
:root{--bg:#020a19;--panel:#05152a;--blue:#0b85ff;--cyan:#38c6ff;--line:#194a78;--text:#f5faff;--muted:#b4cde7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020915;color:var(--text);font:14px/1.5 Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{max-width:1536px;width:96%;margin:auto}
.site-header{height:65px;background:linear-gradient(90deg,#020e20,#04152d 65%,#020a1b);border-bottom:1px solid #12447d;position:relative;z-index:3}.headinner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:800;letter-spacing:-1px}.brand svg{width:46px;height:46px}.brand small{display:block;color:#43baff;letter-spacing:2px;font-size:9px;font-weight:700}.headright{display:flex;align-items:center;gap:12px}.status,.locale{border:1px solid #1d4d83;padding:9px 12px;border-radius:9px;font-size:11px}.status b{display:inline-block;width:9px;height:9px;background:#00d5a3;border-radius:50%;margin-right:8px}
.ticker{background:#031024;border-bottom:1px solid #1c3f6d}.ticker-inner{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.ticker-cell{padding:12px 6px;text-align:center;font-size:11px;border-right:1px solid #19385c;white-space:nowrap}.ticker-cell span{color:#54e2bc;margin-left:7px}
.main{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#061632,#020a19 72%)}.main:before{content:"";position:absolute;inset:0 0 auto;height:510px;background:linear-gradient(90deg,#020a1b 0%,#020a1bb8 24%,#020a1b30 56%,#020a1b 77%),url('assets/hero.webp') 45% 35%/cover no-repeat;opacity:.96;z-index:-1}.main:after{content:"";position:absolute;top:0;left:0;right:0;height:640px;background:radial-gradient(circle at 55% 24%,#007dff38,transparent 36%);pointer-events:none;z-index:-1}
.columns{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(340px,.78fr);gap:22px;padding-top:22px}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:800;color:#6ed2ff}.hero-title{font:900 clamp(43px,4.5vw,72px)/.94 Inter,Arial,sans-serif;letter-spacing:-2.8px;margin:12px 0 17px;text-shadow:0 4px 30px #00152c}.hero-title span{display:block}.hero-title .accent{background:linear-gradient(90deg,#d8f2ff,#27a8ff 78%);color:transparent;background-clip:text}.hero-description{max-width:490px;color:#d0e2f4;font-size:14px;line-height:1.65;text-shadow:0 1px 8px #000}.cta{display:inline-flex;margin:13px 0 20px;padding:12px 20px;background:linear-gradient(90deg,#198fff,#0955eb);border:1px solid #55b6ff;border-radius:7px;font-weight:800;box-shadow:0 0 18px #0079ff75}
.pillrow{display:flex;flex-wrap:wrap;gap:13px;margin:4px 0 20px}.pillrow span{display:flex;gap:7px;align-items:center;color:#d4e8f8;font-size:11px}.pillrow b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#0a56b5;color:#8ae3ff;font-size:16px}
.assetgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:14px}.asset{border:1px solid #1c5385;background:linear-gradient(150deg,#061c37e8,#020c1be8);border-radius:9px;color:#fff;min-height:98px;padding:10px 5px;text-align:center;transition:.2s}.asset:hover,.asset.active{border-color:#64d9ff;box-shadow:0 0 16px #087bff80}.asset-icon{font-size:29px;line-height:1.2;color:#61caff;display:block}.asset strong{display:block;font-size:12px;margin:6px 0 2px}.asset small{display:block;font-size:9px;color:#a5bed7}
.charts{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(170px,.8fr);gap:12px}.chartpanel,.watchpanel{background:#031024;border:1px solid #1d659c;border-radius:10px;overflow:hidden}.charthead{padding:11px 14px;border-bottom:1px solid #1b3d62;display:flex;justify-content:space-between;align-items:center;gap:8px}.charthead strong{font-size:13px}.charthead small{font-size:10px;color:#90b8dc}.intervals{display:flex;gap:4px}.intervals button{background:#06182d;border:1px solid #1c3c61;color:#d8eaff;border-radius:5px;font-size:10px;padding:5px 7px}.intervals button.selected{background:#0a72e9}.chartbox{height:265px;position:relative;background:#041226}.fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tradingview-widget-container,.tradingview-widget-container__widget{width:100%;height:100%}.chartfoot{font-size:10px;color:#9bb8d3;padding:7px 13px}.watchpanel{padding:8px}.watchpanel h3{font-size:11px;letter-spacing:1px;color:#9bc8ef;margin:6px 8px 10px}.watchrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 7px;border-radius:6px;border-bottom:1px solid #123354;background:transparent;color:white;width:100%;font-size:11px;text-align:left}.watchrow.active{outline:1px solid #1e9cff;background:#08274b}.watchrow .up{color:#40e7b4;font-size:10px}.watchrow .arrow{color:#1fdcb8}
.registration{background:linear-gradient(145deg,#071b37,#020d1f);border:1px solid #42b9ff;border-radius:18px;padding:26px 25px;box-shadow:0 0 25px #037fff88,inset 0 0 22px #1158a72c;align-self:start}.registration h2{font:800 29px/1.1 Inter,sans-serif;margin:5px 0 13px}.registration h2 span{color:#3cbfff}.registration p{font-size:12px;color:#d0e1f1;line-height:1.55}.field{display:block;margin:10px 0}.field span{font-size:11px;color:#b6d0e7}.field input,.field select{display:block;width:100%;height:40px;padding:0 12px;border:1px solid #35577a;border-radius:7px;background:#081a32;color:#fff;outline-color:#42bfff;margin-top:5px}.field input::placeholder{color:#8daac4}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;gap:8px;font-size:10px;color:#a9c2da;margin:12px 0}.check input{flex:none;margin:2px 0}.check a{color:#4bc7ff;text-decoration:underline}.submit{width:100%;padding:13px;background:linear-gradient(90deg,#168dff,#0656ef);border:1px solid #6ed1ff;border-radius:8px;color:white;font-weight:800;box-shadow:0 0 17px #087effaa}.demo{font-size:10px!important;text-align:center;color:#9cb7d2!important;margin:10px 0 0}.result{font-weight:700;color:#52f0bb!important}
.agent{display:grid;grid-template-columns:125px 1fr;gap:11px;align-items:center;background:#061a34;border:1px solid #24609a;border-radius:12px;overflow:hidden;margin-top:14px;min-height:150px}.agent img{width:100%;height:150px;object-fit:cover}.agent h3{font-size:16px;margin:0 0 5px}.agent h3 span{color:#49caff}.agent p{font-size:10px;color:#b8d1e8;margin:0 0 5px}.agent ul{padding-left:16px;margin:0;font-size:10px;color:#d0e5f6}
.bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:16px 0 26px}.feature{display:flex;align-items:center;gap:13px;padding:18px 14px;background:#06152c;border:1px solid #1c5488;border-radius:10px}.feature b{display:grid;place-items:center;width:49px;height:49px;flex:none;border-radius:12px;background:#092f5b;color:#42c9ff;font-size:28px}.feature h3{margin:0 0 4px;font-size:12px}.feature p{margin:0;color:#a6c1da;font-size:10px}
.risk{padding:18px 0 28px;color:#98b5d0;font-size:11px;line-height:1.6;border-top:1px solid #14375d}dialog{background:#071b34;color:white;border:1px solid #3e91c5;border-radius:12px;padding:25px;max-width:550px}dialog::backdrop{background:#000b}
@media(max-width:1100px){.columns{grid-template-columns:1fr}.registration{max-width:670px;width:100%;margin:auto}.agent{max-width:670px;margin:14px auto}.ticker-inner{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.brand{font-size:18px}.brand svg{width:34px}.status{display:none}.ticker-inner{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:43px;letter-spacing:-1.4px}.assetgrid{grid-template-columns:repeat(3,1fr)}.charts{grid-template-columns:1fr}.watchpanel{display:grid;grid-template-columns:repeat(2,1fr)}.watchpanel h3{grid-column:1/-1}.bottom{grid-template-columns:1fr}.pair{grid-template-columns:1fr}.registration{padding:20px}.chartbox{height:300px}}

/* Distinct scalable asset icons, including the market watchlist */
.asset .asset-icon{width:42px;height:42px;margin:0 auto 4px;display:grid;place-items:center;color:var(--market-accent,#4bcaff);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--market-accent) 55%,transparent))}
.asset .asset-icon svg{width:37px;height:37px;display:block}
.asset.active{background:linear-gradient(145deg,#092b4b,#041629)}
.watchrow .watch-name{display:flex;align-items:center;gap:9px;min-width:0}
.watchrow .watch-icon{width:27px;height:27px;flex:none;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--market-accent) 13%,#071d35);border:1px solid color-mix(in srgb,var(--market-accent) 55%,transparent);color:var(--market-accent)}
.watchrow .watch-icon svg{width:18px;height:18px}
.watchrow.active{border-color:var(--market-accent)}
@media(max-width:700px){.asset .asset-icon{height:38px}.watchrow .watch-name{gap:6px}.watchrow .watch-icon{width:24px;height:24px}}

/* 4K hero artwork: preserve detail, composition, and responsive layout */
.main:before{background-image:linear-gradient(90deg,#020a1b 0%,#020a1bb8 24%,#020a1b30 56%,#020a1b 77%),url("assets/hero.webp")!important;background-repeat:no-repeat!important;background-position:45% 35%!important;background-size:cover!important;filter:none!important;}

#tradingview-frame{width:100%;height:100%;display:block;border:0;background:#041226}

/* NEW: user-approved AI globe/trader/robot hero artwork */
.main:before {
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 610px !important;
  background-image: linear-gradient(90deg, rgba(2,10,27,.94) 0%, rgba(2,10,27,.72) 25%, rgba(2,10,27,.08) 58%, rgba(2,10,27,.64) 85%, rgba(2,10,27,.9) 100%), url('assets/hero-ai-new.png') !important;
  background-size: cover !important;
  background-position: center 38% !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
}
@media(max-width:1100px) { .main:before { height: 650px !important; background-position: 55% center !important; } }
@media(max-width:700px) { .main:before { height: 570px !important; background-position: 56% center !important; opacity: .62 !important; } }

/* Market icons: scalable SVGs, high-contrast colors, watchlist aligned */
.asset .asset-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 3px;color:var(--asset-accent,#5dcaff);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--asset-accent) 45%,transparent))}
.asset .asset-icon svg{display:block;width:36px;height:36px}
.asset:hover,.asset.active{border-color:var(--asset-accent,#5dcaff)}
.watchrow{min-height:49px}
.watchrow .watch-label{display:flex;align-items:center;gap:10px;min-width:0;font-weight:650}
.watchrow .watch-symbol{width:32px;height:32px;flex:none;display:grid;place-items:center;color:var(--asset-accent);background:color-mix(in srgb,var(--asset-accent) 12%,#061a32);border:1px solid color-mix(in srgb,var(--asset-accent) 50%,transparent);border-radius:10px}
.watchrow .watch-symbol svg{width:22px;height:22px;display:block}
.watchrow.active{outline-color:var(--asset-accent,#38c6ff)}
@media(max-width:700px){.watchrow .watch-label{gap:7px}.watchrow .watch-symbol{width:27px;height:27px}.watchrow .watch-symbol svg{width:19px;height:19px}}