:root{--bg:#02070d;--panel:#07131f;--panel2:#0b1b2a;--text:#eaf7ff;--muted:#8ea5b8;--blue:#08a9ff;--blue2:#006cff;--gold:#f4b941;--line:rgba(91,180,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,#062340 0,#02070d 36%,#010409 100%);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}.topbar{height:34px;background:#01050a;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:12px;color:#76bde8;font-size:10px;letter-spacing:2px}.header{display:flex;align-items:center;gap:28px;padding:0 5%;position:sticky;top:0;z-index:20;background:rgba(2,7,13,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand img{width:250px;height:auto;display:block}.header nav{display:flex;gap:25px;margin-left:auto}.header nav a,footer a{color:#e5c714;text-decoration:none;font-size:15px}.header nav a:hover,footer a:hover{color:white}.btn{display:inline-flex;align-items:center;gap:14px;padding:13px 20px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 10px 35px rgba(0,145,255,.22);border:1px solid rgba(102,211,255,.35)}.btn-small{padding:9px 14px;font-size:11px}.btn.ghost{background:transparent;box-shadow:none}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:700px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 5% 80px;gap:45px;overflow:hidden}.eyebrow,.kicker{color:#5ec8ff;font-size:10px;font-weight:800;letter-spacing:2.4px}.pulse{display:inline-block;width:7px;height:7px;background:#19e0a4;border-radius:50%;box-shadow:0 0 12px #19e0a4;margin-right:8px}.hero h1{font-size:clamp(45px,5.2vw,78px);line-height:1.03;letter-spacing:-3px;margin:18px 0}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#fff,#55caff,#fff);-webkit-background-clip:text;background-clip:text}.hero p{max-width:620px;color:var(--muted);font-size:16px}.actions{display:flex;gap:12px;margin:28px 0}.hero-stats{display:flex;gap:32px;margin-top:38px}.hero-stats div{border-left:1px solid #1b425e;padding-left:15px}.hero-stats b{display:block;color:white;font-size:17px}.hero-stats span{color:#6e8799;font-size:10px}.hero-visual{position:relative}.glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,#007cff33,transparent 65%);left:10%;top:0}.robot-card{position:relative;border:1px solid #17638e;border-radius:18px;overflow:hidden;box-shadow:0 25px 90px #007dff20;transform:perspective(1000px) rotateY(-3deg)}.robot-card img{width:100%;display:block;filter:saturate(1.15) contrast(1.05)}.scan{position:absolute;left:0;right:0;top:0;height:2px;background:#27b9ff;box-shadow:0 0 25px 5px #009dff;animation:scan 4s linear infinite}@keyframes scan{to{top:100%}}.float-card{position:absolute;background:rgba(3,14,25,.88);border:1px solid #236c9a;border-radius:10px;padding:10px 13px;backdrop-filter:blur(12px);font-size:9px;letter-spacing:1px}.fc1{top:16px;right:15px}.fc1 span{color:#18e0a0;margin-right:6px}.fc1 strong{display:block;color:#18e0a0;font-size:10px;margin-top:3px}.fc2{bottom:15px;left:15px}.fc2 small{display:block;color:#7892a4}.fc2 b{font-size:11px;color:#62cfff}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 5%;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#03101a;color:#547e99;font-size:9px;letter-spacing:2px}.section{padding:105px 5%;max-width:1500px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-2px;margin:12px 0}.section h2 span{color:#31baff}.section-head p,.dash-copy>p{max-width:440px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{padding:28px;background:linear-gradient(145deg,#091a29,#04101a);border:1px solid var(--line);border-radius:14px;transition:.25s}.feature:hover{transform:translateY(-5px);border-color:#168ed0}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#07335a;color:#4cc8ff;font-size:20px;margin-bottom:28px}.feature h3{font-size:16px}.feature p{color:#7e95a7;font-size:12px}.dashboard{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center;background:linear-gradient(180deg,#020a12,#04111c)}.mini-list{margin-top:30px}.mini-list div{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;color:#9fb2c2}.mini-list b{color:#31baff}.terminal{background:#02080e;border:1px solid #145177;border-radius:15px;box-shadow:0 20px 80px #008cff16;overflow:hidden}.terminal-top{height:38px;border-bottom:1px solid #15354a;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#6f95aa;font-size:9px;letter-spacing:1px}.terminal-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#33566c;margin-left:4px}.terminal-grid{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px;background:#06131e;border:1px solid #0d2b3e;border-radius:8px}.metric small,.chart-title{display:block;color:#6f8ea2;font-size:8px;letter-spacing:1px}.metric strong{display:block;font-size:17px;margin:5px 0}.metric .up{color:#1ed69a;font-size:9px}.chart-wrap{grid-column:1/-1;background:#06131e;border:1px solid #0d2b3e;border-radius:8px;padding:14px}.chart-title{display:flex;justify-content:space-between;margin-bottom:5px}.chart-title b{color:#1ed69a;font-size:8px}.chart-wrap svg{width:100%;height:230px}.gridlines path{stroke:#143246;stroke-width:1}.gridlines path{stroke-dasharray:3 5}.area{fill:url(#area)}.line{fill:none;stroke:#21bdff;stroke-width:3;filter:drop-shadow(0 0 5px #009dff)}.bars{padding:12px;background:#06131e;border:1px solid #0d2b3e;border-radius:8px}.bars>div{height:75px;display:flex;align-items:end;gap:8px}.bars span{flex:1;background:linear-gradient(#14bfff,#0758bd);border-radius:2px 2px 0 0}.image-section{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.image-frame,.split img,.security-image{border:1px solid var(--line);border-radius:16px;overflow:hidden}.image-frame img,.split img,.security-image img,.mobile img{width:100%;display:block}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.chips span{font-size:10px;padding:8px 11px;border:1px solid #1a4764;border-radius:30px;color:#7eb9d9}.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}.split img{height:430px;object-fit:cover}.text-link{color:#4dc7ff;text-decoration:none;font-size:12px}.security{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;background:#03101a}.security-image img{max-height:390px;object-fit:cover}.security-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;color:#9fb2c2;font-size:12px}.mobile{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.mobile img{max-height:470px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq details{background:#06131e;border:1px solid var(--line);border-radius:10px;padding:18px}.faq summary{cursor:pointer;font-size:13px;font-weight:700}.faq details p{color:#8299aa;font-size:12px}.risk{padding:70px 5%;background:linear-gradient(100deg,#071b29,#03101a);border-top:1px solid #123b55;border-bottom:1px solid #123b55}.risk>div{max-width:1000px;margin:auto}.risk h2{margin:8px 0;font-size:32px}.risk p{color:#8ca1b2;font-size:12px;max-width:900px}footer{padding:65px 5%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);background:#01050a;position:relative}footer .footer-brand img{width:190px}footer p{color:#6f8494;font-size:11px;max-width:240px}footer b{display:block;color:white;font-size:11px;margin-bottom:14px}footer a{display:block;margin:8px 0;font-size:11px}.copyright{position:absolute;bottom:15px;left:5%;right:5%;padding-top:12px;border-top:1px solid #0d1d29;color:#506678;font-size:9px}
@media(max-width:950px){.header nav,.header>.btn{display:none}.menu{display:block;margin-left:auto}.hero,.dashboard,.image-section,.split,.security,.mobile{grid-template-columns:1fr}.hero{padding-top:45px}.hero-visual{order:-1}.feature-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:20px}.hero h1{letter-spacing:-2px}.robot-card{max-width:720px;margin:auto}footer{grid-template-columns:1fr 1fr}.copyright{position:static;grid-column:1/-1;margin-top:20px}.dashboard{gap:35px}.split img{height:auto}}
@media(max-width:600px){.topbar{font-size:7px;letter-spacing:1px}.header{}.brand img{width:200px}.hero{min-height:auto;padding:50px 5% 65px}.hero h1{font-size:43px}.hero p{font-size:13px}.actions{flex-wrap:wrap}.hero-stats{gap:13px;flex-wrap:wrap}.feature-grid,.faq-grid,.security-list{grid-template-columns:1fr}.section{padding:70px 5%}.section h2{font-size:36px}.terminal-grid{grid-template-columns:1fr}.chart-wrap{grid-column:auto}.ticker{justify-content:center}.float-card{display:none}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}


/* =========================================================
   VALVEXA — SAME NAVY / BLUE / GOLD BRAND THEME
   ========================================================= */
:root{
  --bg:#020817;
  --panel:#06162e;
  --panel2:#09244b;
  --text:#ffffff;
  --muted:#a9bdd4;
  --blue:#087cff;
  --electric:#19c8ff;
  --navy:#03102b;
  --gold:#f4b52f;
  --gold2:#ffd96b;
  --gold-dark:#b97908;
  --line:rgba(30,148,255,.22);
}
html{background:#020817}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 12% 8%,rgba(0,132,255,.20),transparent 27%),
    radial-gradient(circle at 88% 18%,rgba(244,181,47,.12),transparent 25%),
    linear-gradient(135deg,#020817 0%,#041738 48%,#010711 100%);
}
.topbar{
  background:linear-gradient(90deg,#010712,#08285a,#010712);
  color:#72ceff;
  border-bottom:1px solid rgba(244,181,47,.28);
}
.header{
  background:rgba(2,8,23,.93);
  border-bottom:1px solid rgba(30,148,255,.22);
}
.brand img{
  filter:drop-shadow(0 0 14px rgba(0,126,255,.42))
         drop-shadow(0 0 9px rgba(244,181,47,.22));
}
.header nav a{color:#fbda5c}
.header nav a:hover{color:#fbda5c}
.btn{
  background:linear-gradient(135deg,#0b99ff 0%,#086ee8 45%,#0049ba 100%);
  border:1px solid rgba(102,211,255,.48);
  box-shadow:0 10px 34px rgba(0,116,255,.28);
}
.btn.ghost{
  background:rgba(244,181,47,.035);
  border-color:rgba(244,181,47,.48);
  color:#ffd96b;
}
.eyebrow,.kicker{color:#58caff}
.hero{
  background:
    radial-gradient(circle at 78% 45%,rgba(0,125,255,.17),transparent 31%),
    radial-gradient(circle at 30% 20%,rgba(244,181,47,.08),transparent 25%);
}
.hero h1 em{
  background:linear-gradient(90deg,#fff 0%,#62ceff 30%,#ffd45d 65%,#fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.hero h1:after{
  background:linear-gradient(90deg,#087cff,#19c8ff,#f4b52f,#ffd96b);
}
.hero-stats div{border-left-color:rgba(244,181,47,.42)}
.hero-stats b{color:#ffd45d}
.hero-stats span{color:#92abc3}
.glow{
  background:radial-gradient(circle,rgba(0,130,255,.30),rgba(244,181,47,.08) 38%,transparent 70%) !important;
}
.robot-card{
  border-color:rgba(31,164,255,.48);
  box-shadow:0 25px 90px rgba(0,100,255,.23),0 0 35px rgba(244,181,47,.08);
}
.float-card{
  background:rgba(2,13,31,.92);
  border-color:rgba(244,181,47,.36);
}
.fc2 b{color:#ffd45d}
.ticker{
  background:linear-gradient(90deg,#03112b,#07275a,#03112b);
  border-color:rgba(244,181,47,.23);
  color:#72a8d1;
}
.section h2 span{color:#27bcff}
.section h2 span:after{background:#f4b52f}
.feature{
  background:linear-gradient(145deg,#071d3c,#031128);
  border-color:rgba(30,148,255,.19);
}
.feature:hover{
  border-color:rgba(244,181,47,.48);
  box-shadow:0 12px 38px rgba(0,101,255,.17);
}
.icon{
  color:#52caff;
  background:rgba(8,124,255,.12);
  border:1px solid rgba(8,124,255,.20);
}
.feature:nth-child(2) .icon,
.feature:nth-child(4) .icon{
  color:#ffd35d;
  background:rgba(244,181,47,.10);
  border-color:rgba(244,181,47,.22);
}
.dashboard{
  background:
    radial-gradient(circle at 70% 50%,rgba(0,112,255,.12),transparent 38%),
    linear-gradient(180deg,#020b1d,#041735);
}
.terminal{
  background:#020a19;
  border-color:rgba(30,164,255,.38);
  box-shadow:0 20px 80px rgba(0,105,255,.20),0 0 30px rgba(244,181,47,.06);
}
.terminal-top{border-bottom-color:rgba(30,148,255,.18);color:#7ca6c6}
.metric,.chart-wrap,.bars{
  background:#06152c;
  border-color:rgba(30,148,255,.16);
}
.metric strong{color:#fff}
.metric .up,.chart-title b{color:#20dfa4}
.chart-title{color:#84aac7}
.gridlines path{stroke:#173e65}
.line{
  stroke:#19c8ff;
  filter:drop-shadow(0 0 7px rgba(25,200,255,.82));
}
.bars span{background:linear-gradient(#1ac9ff,#0755c8)}
.image-frame,.split img,.security-image,.mobile img{
  border-color:rgba(30,164,255,.30);
  box-shadow:0 20px 55px rgba(0,80,190,.15);
}
.chips span{
  border-color:rgba(244,181,47,.35);
  color:#ffd45d;
  background:rgba(244,181,47,.045);
}
.security{
  background:
    radial-gradient(circle at 15% 50%,rgba(0,120,255,.13),transparent 35%),
    #03132d;
}
.security-list div{color:#aec4d9}
.faq details{
  background:linear-gradient(145deg,#071d3c,#031128);
  border-color:rgba(30,148,255,.19);
}
.faq details[open]{border-color:rgba(244,181,47,.38)}
.risk{
  background:linear-gradient(100deg,#061b39,#031025);
  border-color:rgba(244,181,47,.28);
}
.risk h2{color:#fff}
.risk h2:after{background:#f4b52f}
footer{
  background:#010713;
  border-top-color:rgba(30,148,255,.20);
}
footer .footer-brand img{
  filter:drop-shadow(0 0 14px rgba(0,126,255,.35))
         drop-shadow(0 0 8px rgba(244,181,47,.18));
}
footer a{color:#edc019}
footer a:hover{color:#ffd45d}
.copyright{border-top-color:rgba(30,148,255,.13);color:#607b95}
::selection{background:#087cff;color:#fff}

/* Uploaded banner can be used as a full-width branded visual. */
.brand-banner{
  width:100%;
  display:block;
  border-radius:16px;
  border:1px solid rgba(244,181,47,.28);
  box-shadow:0 22px 65px rgba(0,89,210,.20);
}


/* Added Valvexa platform, supported-market and contact sections */
.supported-markets{margin-top:34px;padding:25px;border:1px solid rgba(30,148,255,.2);border-radius:16px;background:linear-gradient(145deg,#071d3c,#031128)}
.supported-markets h3{margin:0 0 18px;color:#fff;font-size:1.2rem}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.why-grid>div{padding:19px 18px;border:1px solid rgba(30,148,255,.2);border-radius:12px;background:linear-gradient(145deg,#071d3c,#031128);color:#c8d9e9}
.contact-section{background:radial-gradient(circle at 80% 20%,rgba(0,112,255,.12),transparent 35%)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-card{padding:30px;border:1px solid rgba(30,148,255,.25);border-radius:18px;background:linear-gradient(145deg,#071d3c,#031128);box-shadow:0 18px 50px rgba(0,80,190,.12)}
.contact-card h3{color:#fff;margin:12px 0}
.contact-card p{color:#b5c9dc;line-height:1.8}
.contact-card .muted{font-size:.9rem;color:#7f9bb5}
.contact-card .btn{display:inline-flex;margin-top:12px}
.leader{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid rgba(30,148,255,.15)}
.leader:last-child{border-bottom:0}
.leader-mark{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:linear-gradient(135deg,#087cff,#f4b52f);color:#06152c;font-weight:800}
.leader h3{margin:0 0 3px}
.leader p{margin:0;font-size:.9rem}
@media(max-width:760px){
 .why-grid{grid-template-columns:1fr 1fr}
 .contact-grid{grid-template-columns:1fr}
}
@media(max-width:480px){.why-grid{grid-template-columns:1fr}.contact-card{padding:22px}}