:root{
  --bg:#07111c;
  --bg2:#091725;
  --panel:#0c1c2b;
  --panel2:#102337;
  --green:#35d6a0;
  --green2:#77e8c1;
  --blue:#4ea4ff;
  --text:#f4f8fb;
  --muted:#8ea2b4;
  --line:rgba(255,255,255,.085);
  --white:#ffffff;
  --light:#f5f8fb;
  --ink:#102433;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.page-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.shell{width:min(1200px,calc(100% - 34px));margin:auto}
header{position:fixed;top:16px;left:0;right:0;z-index:50}
nav{width:min(1200px,calc(100% - 34px));height:70px;margin:auto;border:1px solid var(--line);border-radius:17px;background:rgba(7,17,28,.84);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 15px 0 18px;box-shadow:0 16px 50px rgba(0,0,0,.26)}
.logo{display:flex;align-items:center;gap:11px}
.logo-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--green2),#84bdff);display:grid;place-items:center;color:#06131c;font-weight:900;font-size:12px}
.logo-text{font:800 16px Manrope}
.nav-links{margin-left:auto;display:flex;gap:28px;color:#a8b8c5;font-size:12px}
.nav-links a:hover{color:#fff}
.nav-cta{margin-left:30px;padding:11px 15px;background:white;color:#081521;border-radius:10px;font-size:12px;font-weight:700}
.nav-cta span{margin-left:7px}
.menu{display:none;margin-left:auto;border:0;background:none;color:white;font-size:21px}
.hero{padding-top:165px;text-align:center;position:relative}
.hero-label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 11px;border-radius:99px;color:#90a6b6;font-size:9px;letter-spacing:1.3px;font-weight:700;background:rgba(255,255,255,.02)}
.hero-label span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}
.hero h1{font:800 clamp(58px,7vw,92px)/.99 Manrope;letter-spacing:-4.5px;margin:25px auto 24px;max-width:1000px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,var(--green2),#98bdff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{max-width:760px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.75}
.hero-buttons{display:flex;justify-content:center;gap:11px;margin-top:31px}
.btn{padding:14px 18px;border-radius:10px;font-size:12px;font-weight:700;border:1px solid transparent;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.primary{background:var(--green);color:#05130f}
.secondary{border-color:var(--line);background:rgba(255,255,255,.025)}
.hero-stats{max-width:880px;margin:42px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-stats div{padding:18px;border-right:1px solid var(--line)}
.hero-stats div:last-child{border:0}
.hero-stats strong,.hero-stats span{display:block}
.hero-stats strong{font:700 13px Manrope}
.hero-stats span{font-size:8px;color:#687e90;margin-top:4px}
.product-stage{position:relative;margin:85px auto 90px;max-width:1120px}
.glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.glow-a{width:360px;height:360px;background:rgba(53,214,160,.10);left:0;bottom:-70px}
.glow-b{width:430px;height:430px;background:rgba(78,164,255,.09);right:0;top:-50px}
.app-window{position:relative;z-index:2;border:1px solid rgba(255,255,255,.11);border-radius:20px;overflow:hidden;background:#081522;box-shadow:0 45px 100px rgba(0,0,0,.5)}
.window-bar{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;color:#627a8d;font-size:8px}
.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#344b5d}
.window-bar>span{margin:auto;letter-spacing:1px}
.window-bar>b{display:flex;align-items:center;gap:5px;color:var(--green2);font-size:7px}.window-bar>b i{width:5px;height:5px;border-radius:50%;background:var(--green)}
.app-body{display:grid;grid-template-columns:52px 1fr}
.sidebar{border-right:1px solid var(--line);padding:15px 8px;display:flex;flex-direction:column;align-items:center;gap:17px}
.side-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#4e677a;font-size:11px}
.side-icon.active{background:rgba(53,214,160,.09);color:var(--green2)}
.workspace{padding:18px}
.market-top{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.market-top>div{border:1px solid var(--line);border-radius:10px;padding:12px;text-align:left;background:rgba(255,255,255,.015)}
.market-top small,.market-top strong,.market-top em{display:block}
.market-top small{font-size:6px;color:#637a8d;letter-spacing:.7px}
.market-top strong{font-size:15px;margin:4px 0}
.market-top em{font-size:7px;color:var(--green2);font-style:normal}
.workspace-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:9px;margin-top:9px}
.chart-panel,.signal-panel{border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.01)}
.chart-panel{padding:13px}
.panel-head{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#6e8496}
.panel-head>div{text-align:right}.panel-head b,.panel-head small{display:block}.panel-head b{color:var(--green2)}.panel-head small{font-size:6px;margin-top:2px}
.candlestick-zone{height:240px;position:relative}
.candlestick-zone svg{width:100%;height:100%}
.chart-area{fill:url(#areaFill)}.chart-line{fill:none;stroke:var(--green2);stroke-width:2}
.buy-tag{position:absolute;right:18%;top:21%;background:#14956d;color:white;padding:4px 7px;border-radius:5px;font-size:7px;font-weight:700}
.signal-panel{padding:13px;text-align:left}.live-dot{color:var(--green2)}
.signal-big{margin:24px 0 15px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.signal-big span,.signal-big strong,.signal-big small{display:block}.signal-big span{font-size:6px;color:#61798c}.signal-big strong{font-size:21px;color:var(--green2);margin:5px 0}.signal-big small{font-size:7px;color:#6d8293}
.signal-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.signal-metrics span{padding:9px;border:1px solid var(--line);border-radius:7px}.signal-metrics small,.signal-metrics b{display:block}.signal-metrics small{font-size:6px;color:#60788b}.signal-metrics b{font-size:9px;margin-top:3px}
.trade-box{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.trade-box span{padding:7px;background:#0d2030;border-radius:6px}.trade-box small,.trade-box b{display:block}.trade-box small{font-size:5px;color:#60758a}.trade-box b{font-size:8px}
.bottom-strip{display:flex;gap:25px;padding:11px 5px 0;color:#5d7588;font-size:6px}.bottom-strip span{display:flex;align-items:center;gap:5px}.bottom-strip i{width:5px;height:5px;border-radius:50%;background:var(--green)}
.floating-card{position:absolute;z-index:4;display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(10,27,42,.94);box-shadow:0 18px 40px rgba(0,0,0,.35);text-align:left}
.mini-badge{width:30px;height:30px;border-radius:8px;background:rgba(53,214,160,.1);color:var(--green2);display:grid;place-items:center;font-size:8px;font-weight:800}
.floating-card small,.floating-card strong{display:block}.floating-card small{font-size:7px;color:#687f91}.floating-card strong{font-size:9px;margin-top:2px}
.card-a{left:-20px;top:-18px}.card-b{right:-18px;bottom:-18px}
.integration-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 20px;text-align:center;background:#081521}
.integration-strip p{margin:0 0 17px;color:#50697d;font-size:8px;letter-spacing:1.5px;font-weight:700}
.integration-row{display:flex;justify-content:center;gap:42px;flex-wrap:wrap;color:#90a3b2;font:700 11px Manrope}
.why{padding:125px 0}
.section-intro{display:grid;grid-template-columns:.35fr 1fr .75fr;gap:40px;align-items:end;margin-bottom:55px}
.section-intro>span{font-size:9px;letter-spacing:1.4px;color:var(--green2);font-weight:800;align-self:start}
.section-intro h2{font:800 clamp(42px,5vw,65px)/1.03 Manrope;letter-spacing:-3px;margin:0}
.section-intro>p{color:var(--muted);font-size:12.5px;line-height:1.75;margin:0}
.section-intro.center{display:block;text-align:center;max-width:780px;margin:0 auto 60px}.section-intro.center h2{margin:14px 0 16px}.section-intro.center p{max-width:650px;margin:auto}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.why-grid article{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;min-height:280px}
.feature-no{position:absolute;right:25px;top:24px;color:#4b6275;font-size:8px}
.feature-icon{width:44px;height:44px;border-radius:10px;background:rgba(53,214,160,.09);color:var(--green2);display:grid;place-items:center;font-size:9px;font-weight:800}
.why-grid h3{font:700 21px Manrope;margin:33px 0 11px}.why-grid p{color:var(--muted);font-size:12px;line-height:1.7;max-width:470px}
.feature-tags{display:flex;gap:6px;margin-top:19px}.feature-tags span{font-size:7px;padding:5px 7px;border:1px solid var(--line);border-radius:99px;color:#71899b}
.analytics{background:var(--light);color:var(--ink);padding:125px 0}.analytics .section-intro>span{color:#178c69}.analytics .section-intro>p{color:#687c8a}
.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.analytics-grid article{border:1px solid #dce5eb;border-radius:17px;padding:20px;background:white;position:relative;box-shadow:0 10px 30px rgba(20,50,70,.035)}
.analytics-grid .num{position:absolute;right:18px;top:15px;color:#9babb6;font-size:8px}
.analytics-ui{height:180px;border-radius:11px;background:#0b1a28;color:white;padding:13px;margin-bottom:20px}
.ui-title{display:flex;justify-content:space-between;font-size:7px;color:#71879a}.ui-title b{color:var(--green2)}
.analytics-grid h3{font:700 17px Manrope;margin:0 0 7px}.analytics-grid p{font-size:10.5px;line-height:1.6;color:#697c89;margin:0}
.oc-head{display:grid;grid-template-columns:1fr .7fr 1fr;margin:22px 0 5px;color:#587083;font-size:6px}.oc-head span:nth-child(2){text-align:center}.oc-head span:last-child{text-align:right}
.oc-row{display:grid;grid-template-columns:1fr .7fr 1fr;align-items:center;height:31px}.oc-row b{text-align:center;font-size:7px}.oc-row i{height:6px;border-radius:5px}.oc-row .ce{justify-self:end;background:#c35e67}.oc-row .pe{background:#2aa47c}.oc-row.atm{background:rgba(255,255,255,.025);border-radius:5px}
.w80{width:80%}.w65{width:65%}.w60{width:60%}.w90{width:90%}.w95{width:95%}.w55{width:55%}
.oi-bars{height:125px;display:flex;align-items:flex-end;justify-content:center;gap:11px;margin-top:20px}.oi-bars div{height:100%;display:flex;align-items:flex-end;gap:3px}.oi-bars span,.oi-bars i{width:8px;border-radius:3px 3px 0 0}.oi-bars span{background:#b65c67}.oi-bars i{background:#32bc8f}
.pain-line{height:126px;display:flex;align-items:flex-end;gap:10px;margin-top:18px}.pain-line span{flex:1;border-radius:4px 4px 0 0;background:#244154}.pain-line .hot{background:var(--green)}
.scan-line,.tf-row{display:grid;grid-template-columns:1.3fr .7fr .5fr;padding:10px 3px;border-bottom:1px solid var(--line);font-size:7px}.scan-line b{color:var(--green2)}.scan-line em{font-style:normal;color:#6d8394;text-align:right}.tf-row{grid-template-columns:1fr 1fr}.tf-row b{text-align:right;color:var(--green2)}.tf-row .neutral{color:#e2be6b}
.risk-ring{width:90px;height:90px;border:7px solid rgba(53,214,160,.28);border-top-color:var(--green);border-radius:50%;margin:18px auto 10px;display:grid;place-content:center;text-align:center}.risk-ring strong{font-size:13px;color:var(--green2)}.risk-ring span{font-size:6px;color:#6b8294}.risk-mini{display:flex;justify-content:center;gap:5px}.risk-mini span{font-size:5px;padding:4px 6px;background:#102537;border-radius:5px;color:#738a9a}
.broker-section{padding:125px 0}.broker-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.broker-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.broker-list span{height:62px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;font:700 11px Manrope;background:rgba(255,255,255,.018);color:#a9bac8}
.architecture{display:flex;align-items:center;justify-content:center}.arch-node{padding:18px 15px;border:1px solid var(--line);border-radius:11px;background:#0a1a28;font-size:9px;font-weight:700;text-align:center;min-width:115px}.arch-node.center{border-color:rgba(53,214,160,.28);color:var(--green2)}.arch-line{width:55px;height:1px;background:linear-gradient(90deg,#2e4a5e,var(--green))}
.broker-note{font-size:7px;color:#50697c;margin-top:25px}
.development{padding:125px 0;background:#091725;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.light-text h2{color:white}.dev-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.dev-grid article{padding:28px 24px 10px 0;border-right:1px solid var(--line);min-height:220px}.dev-grid article:last-child{border:0}.dev-grid span{font-size:8px;color:var(--green2)}.dev-grid h3{font:700 19px Manrope;margin:45px 0 10px}.dev-grid p{font-size:10.5px;line-height:1.7;color:#7f94a5}
.custom-dev{padding:120px 0}.custom-card{border:1px solid var(--line);border-radius:20px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:radial-gradient(circle at 0 0,rgba(53,214,160,.07),transparent 28%),#091725}
.custom-card>div>span{font-size:8px;letter-spacing:1.3px;color:var(--green2);font-weight:800}.custom-card h2{font:800 39px/1.08 Manrope;letter-spacing:-2px;margin:13px 0}.custom-card p{color:var(--muted);font-size:12px;line-height:1.7}
.custom-tags{display:flex;gap:8px;flex-wrap:wrap}.custom-tags span{padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:9px;color:#9db0bf;background:rgba(255,255,255,.018)}
.contact{background:var(--light);color:var(--ink);padding:125px 0}.contact-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-copy{display:block;margin:0}.contact-copy>span{color:#178c69}.contact-copy h2{margin:14px 0 18px}.contact-copy>p{color:#657987}
.company-line{display:flex;flex-direction:column;gap:6px;margin-top:30px;font-size:9px;color:#718492}.company-line strong{font-size:13px;color:var(--ink)}
form{display:grid;gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}label span{display:block;font-size:7px;letter-spacing:.9px;text-transform:uppercase;color:#768a98;margin:0 0 6px 2px}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid #d6e0e7;border-radius:9px;background:white;color:#142735;outline:none}input:focus,select:focus,textarea:focus{border-color:#52caa2;box-shadow:0 0 0 3px rgba(53,214,160,.08)}textarea{resize:vertical}
form button{height:48px;border:0;border-radius:9px;background:#102638;color:white;font-weight:700;cursor:pointer}form button b{color:var(--green2);margin-left:7px}form>small{text-align:center;color:#8798a4;font-size:7px}
.disclaimer{background:#e8eff4;color:#637784;padding:23px 0;border-top:1px solid #d8e1e7}.disclaimer .shell{display:grid;grid-template-columns:.3fr 1fr;gap:30px}.disclaimer strong{font-size:9px;color:#405867}.disclaimer p{margin:0;font-size:8px;line-height:1.6}
footer{padding:50px 0 22px;background:#06111c}.footer-top{display:flex;align-items:center;justify-content:space-between}.footer-tags{display:flex;gap:15px;font-size:8px;color:#637b8e}.footer-bottom{margin-top:35px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#50697b;font-size:7px}

@media(max-width:980px){
  .nav-links{display:none}.nav-cta{margin-left:auto}.hero h1{font-size:72px}.workspace-grid{grid-template-columns:1fr}.signal-panel{display:none}.section-intro{grid-template-columns:1fr;gap:18px}.why-grid{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr 1fr}.broker-layout{grid-template-columns:1fr}.dev-grid{grid-template-columns:1fr 1fr}.custom-card,.contact-shell{grid-template-columns:1fr}
}
@media(max-width:640px){
  header{top:8px}nav{width:calc(100% - 18px);height:62px}.nav-cta{display:none}.menu{display:block}.hero{padding-top:120px}.hero h1{font-size:50px;letter-spacing:-2.7px}.hero-sub{font-size:14px}.hero-buttons{flex-direction:column}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats div:nth-child(2){border-right:0}.product-stage{margin-top:55px}.floating-card{display:none}.app-body{grid-template-columns:38px 1fr}.workspace{padding:10px}.market-top{grid-template-columns:1fr 1fr}.market-top>div:nth-child(3),.market-top>div:nth-child(4){display:none}.candlestick-zone{height:190px}.bottom-strip{gap:9px;flex-wrap:wrap}.integration-row{gap:20px}.why{padding:85px 0}.section-intro h2{font-size:42px;letter-spacing:-2px}.why-grid{grid-template-columns:1fr}.analytics{padding:85px 0}.analytics-grid{grid-template-columns:1fr}.architecture{flex-direction:column}.arch-line{width:1px;height:35px}.dev-grid{grid-template-columns:1fr}.dev-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:25px 0}.custom-card{padding:28px 20px}.custom-card h2{font-size:34px}.contact{padding:85px 0}.two{grid-template-columns:1fr}.disclaimer .shell{grid-template-columns:1fr}.footer-top{display:block}.footer-tags{margin-top:25px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:6px}
}