@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --bg:#05090b;
  --bg2:#071012;
  --panel:#0a1215;
  --panel2:#0d171a;
  --line:#1b2c31;
  --text:#eef5f5;
  --muted:#91a0a4;
  --teal:#16c9b5;
  --teal2:#0e8f83;
  --gold:#f0bf46;
  --amber:#d99a27;
  --red:#ef5668;
  --green:#2dd5a8;
  --max:1220px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 75% 8%, rgba(22,201,181,.08), transparent 25%),
    radial-gradient(circle at 10% 28%, rgba(240,191,70,.04), transparent 23%),
    linear-gradient(180deg,#04080a 0%,#071012 42%,#05090b 100%);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.017) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.017) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 80%);
}
.noise{
  pointer-events:none; position:fixed; inset:0; z-index:9999; opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.shell{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
.section{padding:105px 0}
.section-heading{max-width:720px;margin:0 auto 48px;text-align:center}
.section-heading.left{text-align:left;margin:0}
.section-heading>span,.section-kicker{color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.18em}
.section-heading h2,.action-copy h2,.contact-card h2{font-family:Manrope,sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:12px 0 16px}
.section-heading p,.action-copy p,.contact-card p{color:var(--muted);font-size:1.03rem}
em{font-style:normal;color:var(--teal)}

.site-header{
  position:sticky; top:0; z-index:1000;
  height:82px; display:grid; grid-template-columns:auto 1fr auto; align-items:center;
  padding:0 max(28px,calc((100vw - var(--max))/2));
  background:rgba(4,8,10,.82); backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.06)
}
.brand{display:flex;align-items:center;gap:11px;width:max-content}
.brand-mark{width:128px;height:52px;display:grid;place-items:center}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:4px}
.brand-copy{display:flex;flex-direction:column;line-height:.86}
.brand-copy strong{font-family:Manrope;font-size:1.05rem;letter-spacing:.13em}
.brand-copy small{color:var(--teal);letter-spacing:.48em;font-weight:800;font-size:.58rem;margin-top:7px}
.main-nav{display:flex;justify-content:center;gap:34px}
.main-nav a{font-size:.92rem;color:#c9d2d4;position:relative}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--teal);transition:.25s}
.main-nav a:hover::after{right:0}
.nav-toggle{display:none;background:none;border:0}
.btn{
  border:0;border-radius:7px;padding:13px 22px;font-weight:750;cursor:pointer;
  transition:.22s transform,.22s box-shadow,.22s background;display:inline-flex;align-items:center;justify-content:center;gap:8px
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:white;background:linear-gradient(135deg,var(--teal),#0c8f8a);box-shadow:0 10px 34px rgba(22,201,181,.16)}
.btn-primary:hover{box-shadow:0 14px 42px rgba(22,201,181,.28)}
.btn-gold{background:linear-gradient(135deg,#f8cf67,#d9a51f);color:#111}
.btn-outline{color:#e8eeee;background:#071012;border:1px solid rgba(22,201,181,.7)}
.header-cta{padding:11px 18px;font-size:.9rem}

.hero{
  min-height:calc(100vh - 82px);display:grid;grid-template-columns:.92fr 1.28fr;gap:56px;align-items:center;padding-top:54px;padding-bottom:70px
}
.eyebrow{color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.16em;display:flex;gap:10px;align-items:center}
.eyebrow span{width:23px;height:2px;background:var(--teal)}
.hero h1{font-family:Manrope;font-size:clamp(3rem,5.7vw,5.6rem);line-height:1.02;margin:22px 0 26px;letter-spacing:-.045em}
.hero h1 em{display:inline-block;background:linear-gradient(90deg,#7ce7df,var(--teal));-webkit-background-clip:text;color:transparent}
.lead{max-width:590px;color:#aab6b8;font-size:1.11rem}
.hero-actions{display:flex;gap:14px;margin-top:32px}
.micro-benefits{display:flex;gap:22px;margin-top:42px;flex-wrap:wrap}
.micro-benefits div{display:grid;grid-template-columns:auto auto;column-gap:9px;align-items:center;padding-right:18px;border-right:1px solid var(--line)}
.micro-benefits div:last-child{border-right:0}
.micro-benefits span{grid-row:1/3;color:var(--teal);font-size:1.4rem}
.micro-benefits b{font-size:.75rem}
.micro-benefits small{color:var(--muted);font-size:.68rem}

.terminal{
  border:1px solid #284047;border-radius:14px;background:linear-gradient(180deg,#091114,#05090b);
  box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 0 1px rgba(22,201,181,.03) inset;overflow:hidden
}
.terminal-top{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #203338}
.terminal-brand{font-size:.68rem;font-weight:700;color:#dce7e9}
.window-dots{display:flex;gap:6px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#45565a}
.terminal-body{display:grid;grid-template-columns:38px minmax(0,1fr) 168px;min-height:545px}
.tool-rail{border-right:1px solid #1d2b2f;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:18px;color:#819093;font-size:.84rem}
.chart-area{position:relative;min-width:0}
.chart-head{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #17252a}
.chart-head>div:first-child{display:flex;flex-direction:column}.chart-head b{font-size:.83rem}.chart-head small{font-size:.64rem;color:var(--muted)}
.timeframes{display:flex;gap:4px}.timeframes button{border:0;background:transparent;color:#809093;font-size:.58rem;padding:6px}.timeframes .active{color:var(--teal);background:#0c2424;border-radius:4px}
canvas{display:block;width:100%;height:auto}
#priceChart{height:300px}#oscChart{height:125px;border-top:1px solid #15262b}
.osc-title{position:absolute;left:15px;bottom:125px;transform:translateY(-18px);font-size:.6rem;color:#8b989b}
.signal{position:absolute;font-size:.62rem;font-weight:800;padding:4px 7px;border-radius:4px}
.signal.buy{left:39%;top:53%;background:#0da890;color:white}
.signal.sell{left:68%;top:26%;background:#d19b25;color:#0a0c0d}
.market-panel{border-left:1px solid #1c2d32;padding:13px 11px;background:#071012}
.market-panel h3{font-size:.58rem;letter-spacing:.07em;color:#93a2a5;margin:8px 0 8px}
.metric{position:relative;border:1px solid #1b2d32;background:#0a1518;padding:8px 34px 8px 8px;margin-bottom:7px;border-radius:5px;display:flex;flex-direction:column}
.metric span{font-size:.55rem;color:#859397}.metric b{font-size:.65rem}.metric i{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:25px;height:25px;border:2px solid var(--teal);border-radius:50%;font-style:normal;font-size:.55rem;display:grid;place-items:center}
.summary{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.58rem}.summary span{color:#849397}
.green{color:var(--green)!important}.amber{color:var(--gold)!important}.red{color:var(--red)!important}
.sparkline{height:35px;margin-top:8px;background:linear-gradient(180deg,rgba(22,201,181,.12),transparent);border-bottom:1px solid var(--teal);clip-path:polygon(0 78%,8% 65%,17% 72%,28% 32%,37% 45%,48% 24%,57% 40%,70% 21%,82% 29%,91% 13%,100% 25%,100% 100%,0 100%)}

.stats-strip{
  border-top:1px solid #183036;border-bottom:1px solid #183036;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0
}
.stats-strip div{text-align:center;border-right:1px solid #18272b}.stats-strip div:last-child{border-right:0}
.stats-strip strong{font-family:Manrope;font-size:1.6rem;color:var(--gold);display:block}
.stats-strip span{font-size:.72rem;color:var(--muted)}

.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-card{
  min-height:290px;padding:27px;border:1px solid #1c3036;background:linear-gradient(180deg,#0b1518,#081013);border-radius:10px;
  transition:.28s transform,.28s border-color,.28s box-shadow
}
.feature-card:hover{transform:translateY(-5px);border-color:#28655f;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.feature-icon{font-size:2rem;color:var(--teal);margin-bottom:24px}
.feature-card h3{font-family:Manrope;margin:0 0 12px}.feature-card p{font-size:.86rem;color:var(--muted)}
.feature-card a{display:inline-block;margin-top:20px;color:var(--teal);font-size:.8rem}

.workflow-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center}
.workflow-step{text-align:center;max-width:250px;margin:auto}.step-icon{width:95px;height:95px;margin:auto;border:1px solid var(--teal);border-radius:50%;display:grid;place-items:center;font-size:2.2rem;color:#cbe5e3}.workflow-step>span{color:var(--teal);font-weight:800;display:block;margin-top:18px}.workflow-step h3{margin:4px 0}.workflow-step p{color:var(--muted);font-size:.82rem}.workflow-line{border-top:1px dashed #3f555a}

.action-section{background:linear-gradient(180deg,rgba(11,24,28,.35),rgba(5,9,11,.05));border-block:1px solid #13252a}
.action-wrap{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}
.check-list{list-style:none;padding:0;margin-top:30px}.check-list li{padding:9px 0;color:#aebabc}.check-list b{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:6px;background:#0e2323;color:var(--teal)}
.action-panel-demo{border:1px solid #244047;background:#071013;border-radius:10px;padding:10px;box-shadow:0 25px 80px rgba(0,0,0,.28)}
.panel-row{display:grid;grid-template-columns:115px 1fr;border-bottom:1px solid #16282d}.panel-row:last-child{border-bottom:0}.panel-row span,.panel-row b{padding:11px 13px;font-size:.78rem}.panel-row span{color:#829094;background:#0a1316}.panel-row b{text-align:center;background:#0d171a}.panel-row.action b{background:#6e4a0d;color:#ffd77d}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.price-card{position:relative;border:1px solid #20343a;border-radius:12px;padding:34px;background:#091114}.price-card.featured{border-color:#2ba99c;transform:scale(1.025);box-shadow:0 20px 70px rgba(22,201,181,.09)}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:.62rem;background:var(--teal);color:#04100f;padding:5px 14px;border-radius:99px;font-weight:800}.price-card>small{color:var(--teal);font-weight:800;letter-spacing:.13em}.price-card h3{font-size:1.35rem;margin:10px 0}.price{font-family:Manrope;font-size:3.8rem;font-weight:800;line-height:1}.price>span{font-size:1.4rem;vertical-align:top}.price small{font-size:.8rem;color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:27px 0}.price-card li{font-size:.86rem;color:#abb6b9;padding:8px 0;border-bottom:1px solid #13242a}.price-card li::before{content:"✓";color:var(--teal);margin-right:8px}

.docs-section{border-block:1px solid #13262b;background:#071012}.docs-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.docs-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.mini-doc{padding:22px;border:1px solid #1b3036;border-radius:8px;background:#091416}.mini-doc b{color:var(--gold);font-size:.72rem}.mini-doc h3{margin:8px 0}.mini-doc p{color:var(--muted);font-size:.8rem}

.testimonial{border:1px solid rgba(240,191,70,.42);border-radius:12px;padding:45px 52px!important;margin-top:100px;margin-bottom:100px;background:linear-gradient(135deg,rgba(240,191,70,.04),rgba(255,255,255,.01))}
.quote-mark{font-family:Georgia;font-size:5rem;color:var(--gold);line-height:.6}.testimonial blockquote{font-family:Manrope;font-size:1.55rem;line-height:1.5;margin:12px 0 32px;max-width:950px}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-row span{padding:8px 12px;border:1px solid #25343a;border-radius:6px;color:#aeb9bb;font-size:.75rem}

.contact-section{padding-top:0}.contact-card{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:44px;border:1px solid #1a373d;border-radius:12px;background:radial-gradient(circle at 85% 30%,rgba(22,201,181,.11),transparent 34%),#081113}.contact-card>div>span{color:var(--teal);font-size:.72rem;letter-spacing:.13em;font-weight:800}.contact-card form{display:flex;gap:10px}.contact-card input{min-width:280px;background:#050a0c;border:1px solid #24383d;color:white;padding:14px 15px;border-radius:7px;outline:0}.contact-card input:focus{border-color:var(--teal)}.form-message{grid-column:1/-1;color:var(--green);font-size:.82rem}

.site-footer{border-top:1px solid #16282d;background:#04080a}.footer-grid{padding:58px 0 38px;display:grid;grid-template-columns:1.5fr repeat(4,.7fr);gap:34px}.footer-brand{margin-bottom:20px}.brand-mark.small{width:36px}.footer-grid p{max-width:300px;color:var(--muted);font-size:.8rem}.footer-grid h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid a:not(.brand){color:#94a2a5;font-size:.78rem}.footer-bottom{border-top:1px solid #132329;padding:18px 0 28px;display:flex;justify-content:space-between;color:#718084;font-size:.7rem}

.modal{position:fixed;inset:0;z-index:2000;display:none}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.modal-card{position:relative;z-index:1;width:min(520px,calc(100% - 32px));background:#091315;border:1px solid #23504d;border-radius:12px;padding:34px;box-shadow:0 30px 100px #000}.modal-card h3{font-family:Manrope;font-size:2rem;margin:8px 0}.modal-card p{color:var(--muted)}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;color:#d9e4e5;font-size:2rem;cursor:pointer}

.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

@media(max-width:1050px){
  .main-nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{max-width:760px}.hero-visual{max-width:850px}.feature-grid{grid-template-columns:repeat(2,1fr)}.action-wrap,.docs-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}
}
@media(max-width:760px){
  .site-header{height:70px;padding-inline:18px;grid-template-columns:auto 1fr auto}.header-cta{display:none}.nav-toggle{display:flex;flex-direction:column;gap:4px;margin-left:auto}.nav-toggle span{display:block;width:24px;height:2px;background:#dce6e8}.main-nav{position:absolute;top:70px;left:0;right:0;background:#071012;border-bottom:1px solid #1a2a2f;padding:18px;display:none;flex-direction:column}.main-nav.open{display:flex}.shell{width:min(var(--max),calc(100% - 28px))}.hero{min-height:auto;padding-top:60px}.hero h1{font-size:clamp(2.75rem,12vw,4.7rem)}.terminal-body{grid-template-columns:30px 1fr}.market-panel{display:none}.micro-benefits{display:grid}.micro-benefits div{border-right:0}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip div:nth-child(2){border-right:0}.feature-grid,.pricing-grid,.docs-cards{grid-template-columns:1fr}.price-card.featured{transform:none}.workflow-grid{grid-template-columns:1fr}.workflow-line{height:50px;border-top:0;border-left:1px dashed #3f555a;margin:auto}.action-wrap{gap:35px}.contact-card{grid-template-columns:1fr}.contact-card form{flex-direction:column}.contact-card input{min-width:0;width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.section{padding:75px 0}
}