:root {
  --bg: #071017;
  --bg-soft: #0a151e;
  --panel: rgba(14, 28, 38, .72);
  --panel-strong: #0d1b25;
  --text: #f5f7f8;
  --muted: #9db0bb;
  --line: rgba(190, 220, 230, .13);
  --mint: #82f3c6;
  --mint-2: #3bd6a4;
  --cyan: #6bc7ff;
  --warning: #ffcf70;
  --shadow: 0 30px 80px rgba(0,0,0,.38);
  --radius-lg: 28px;
  --radius-md: 18px;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; color: var(--text); background:
  radial-gradient(circle at 10% 0%, rgba(59,214,164,.08), transparent 27rem),
  radial-gradient(circle at 96% 10%, rgba(107,199,255,.07), transparent 30rem),
  var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .04; z-index: 100; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.35'/%3E%3C/svg%3E"); }
.section-shell { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.site-header { position: sticky; top: 0; z-index: 50; width: min(calc(100% - 32px), 1240px); margin: 14px auto 0; padding: 12px 14px 12px 16px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); background: rgba(7,16,23,.78); backdrop-filter: blur(18px); border-radius: 18px; box-shadow: 0 10px 40px rgba(0,0,0,.18); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.03em; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; position: relative; border-radius: 11px; overflow: hidden; background: linear-gradient(135deg, rgba(130,243,198,.18), rgba(107,199,255,.12)); border: 1px solid rgba(130,243,198,.32); }
.brand-mark span { position: absolute; font-weight: 900; font-size: 14px; line-height: 1; }
.brand-mark span:first-child { transform: translate(-4px,-3px); color: var(--mint); }
.brand-mark span:last-child { transform: translate(5px,4px); color: white; }
.brand-word { font-size: 19px; }
.nav-links { display: flex; align-items: center; gap: 26px; color: #c7d2d8; font-size: 14px; }
.nav-links a { transition: .2s ease; }
.nav-links a:hover { color: white; }
.nav-cta { padding: 10px 14px; border-radius: 11px; background: rgba(130,243,198,.1); border: 1px solid rgba(130,243,198,.25); color: var(--mint) !important; font-weight: 700; }
.menu-button { display: none; border: 0; background: transparent; color: white; font-size: 24px; }
.hero { min-height: 760px; padding: 92px 0 76px; display: grid; grid-template-columns: .94fr 1.06fr; gap: 70px; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--mint); text-transform: uppercase; font-size: 12px; font-weight: 800; letter-spacing: .13em; }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 6px rgba(130,243,198,.08); }
h1 { margin: 18px 0 22px; font-size: clamp(54px, 6vw, 84px); line-height: .96; letter-spacing: -.065em; max-width: 720px; }
h1 span, h2 span { background: linear-gradient(110deg, var(--mint), #c9ffe9 58%, var(--cyan)); -webkit-background-clip: text; color: transparent; }
.hero-lede { max-width: 670px; font-size: 20px; color: #b4c2c9; line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 20px; border-radius: 13px; font-weight: 800; border: 1px solid transparent; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: linear-gradient(135deg, var(--mint), #69e8b7); color: #07130f; box-shadow: 0 10px 30px rgba(59,214,164,.16); }
.button-secondary { background: rgba(255,255,255,.03); border-color: var(--line); color: #e8eef1; }
.hero-proof { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 42px; padding-top: 26px; border-top: 1px solid var(--line); }
.hero-proof div { display: flex; flex-direction: column; gap: 5px; }
.hero-proof strong { font-size: 14px; }
.hero-proof span { color: var(--muted); font-size: 13px; line-height: 1.45; }
.hero-visual { position: relative; min-height: 600px; display: grid; place-items: center; }
.glow { position: absolute; width: 280px; height: 280px; filter: blur(80px); opacity: .14; border-radius: 50%; }
.glow-one { background: var(--mint); top: 50px; left: 70px; }.glow-two { background: var(--cyan); right: 10px; bottom: 50px; }
.app-window { width: 660px; max-width: 100%; min-height: 445px; position: relative; z-index: 2; border: 1px solid rgba(175,210,225,.16); background: rgba(7,16,23,.92); box-shadow: var(--shadow); border-radius: 24px; overflow: hidden; transform: perspective(1200px) rotateY(-5deg) rotateX(2deg); }
.app-topbar { height: 55px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; padding: 0 18px; background: rgba(255,255,255,.015); }
.mini-brand { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:800; }.mini-mark { width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:rgba(130,243,198,.12);color:var(--mint);font-size:9px;border:1px solid rgba(130,243,198,.25);}.topbar-actions{display:flex;gap:6px}.topbar-actions span{width:7px;height:7px;border-radius:50%;background:#38505d}
.app-body { display:grid; grid-template-columns: 120px 1fr; min-height: 390px; }.fake-sidebar{padding:15px 10px;border-right:1px solid var(--line);background:rgba(255,255,255,.01)}.side-pill{height:34px;padding:0 8px;display:flex;align-items:center;gap:7px;border-radius:8px;color:#6f8794;font-size:9px;margin-bottom:3px}.side-pill i{width:8px;height:8px;border:1px solid #49606c;border-radius:3px}.side-pill.active{background:rgba(130,243,198,.08);color:#c5f9e4}.side-pill.active i{background:var(--mint);border-color:var(--mint)}
.fake-dashboard{padding:21px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center}.dashboard-heading small{font-size:7px;letter-spacing:.15em;color:#66808e}.dashboard-heading h3{font-size:18px;margin:3px 0 0}.status-chip{font-size:8px;color:var(--mint);padding:6px 8px;border-radius:20px;background:rgba(130,243,198,.06);border:1px solid rgba(130,243,198,.13)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.stat-card{padding:13px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);display:flex;flex-direction:column}.stat-card span{font-size:8px;color:#748b97}.stat-card strong{font-size:20px;margin-top:5px}.stat-card em{font-style:normal;font-size:8px;color:var(--mint);margin-top:3px}.stat-card em.muted{color:#8297a2}.dashboard-lower{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:10px}.chart-card,.task-card{height:175px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);padding:13px}.card-title{display:flex;justify-content:space-between;align-items:center;font-size:9px}.card-title small{font-size:7px;color:#6d8591}.bars{height:115px;display:flex;align-items:flex-end;gap:8px;padding-top:15px}.bars b{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(var(--mint),rgba(130,243,198,.2));opacity:.78}.task{display:flex;align-items:center;gap:7px;font-size:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.task i{width:9px;height:9px;border-radius:3px;border:1px solid #55707d}.task.done{color:#70848e;text-decoration:line-through}.task.done i{background:var(--mint);border-color:var(--mint)}
.floating-card { position:absolute; z-index:4; display:flex; align-items:center; gap:10px; background:#0f2029; border:1px solid rgba(170,220,230,.16); border-radius:14px; padding:12px 14px; box-shadow:0 18px 42px rgba(0,0,0,.28); }.floating-card small{display:block;color:#6f8995;font-size:7px;letter-spacing:.12em}.floating-card strong{font-size:11px}.float-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(130,243,198,.1);color:var(--mint)}.trade-card{left:2px;bottom:58px}.payout-card{right:-8px;top:100px}
.logo-strip { border-block: 1px solid var(--line); background: rgba(255,255,255,.012); padding: 22px 20px; display:flex; justify-content:center; gap:18px; flex-wrap:wrap; color:#6f8794; font-size:12px; text-transform:uppercase; letter-spacing:.12em; }.logo-strip b{color:#35505d}
.feature-section{padding:120px 0 100px}.section-intro{max-width:820px;margin-bottom:44px}.section-intro h2,.workflow-copy h2,.story-copy h2,.pricing-card h2,.cta-copy h2{font-size:clamp(38px,4.3vw,62px);line-height:1.05;letter-spacing:-.05em;margin:14px 0 18px}.section-intro p,.workflow-copy>p,.story-copy p,.pricing-card>div>p,.cta-copy>p{color:var(--muted);font-size:18px;max-width:760px;line-height:1.65}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{position:relative;min-height:300px;padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012));border-radius:var(--radius-md);overflow:hidden}.feature-large{grid-column:span 2}.feature-number{position:absolute;top:22px;right:24px;color:#46606d;font-size:11px;letter-spacing:.12em}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(130,243,198,.08);border:1px solid rgba(130,243,198,.13);color:var(--mint);font-size:18px}.feature-card h3{font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:26px 0 12px;max-width:560px}.feature-card p{color:#91a6b1;max-width:610px;line-height:1.65}.feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.feature-tags span{font-size:10px;color:#a6bac4;border:1px solid var(--line);padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.02)}.feature-accent{grid-row:span 2;background:radial-gradient(circle at 70% 80%,rgba(59,214,164,.08),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012))}.ai-preview{margin-top:27px;border:1px solid rgba(130,243,198,.12);border-radius:14px;padding:12px;background:#09151c;position:relative;overflow:hidden}.scan-line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--mint),transparent);box-shadow:0 0 12px var(--mint);animation:scan 4s ease-in-out infinite}.ai-item{padding:10px;border-radius:10px;background:rgba(255,255,255,.025);margin-bottom:7px;display:flex;flex-direction:column}.ai-item:last-child{margin-bottom:0}.ai-item b{font-size:11px}.ai-item small{font-size:8px;color:#6f8793;margin-top:3px}.ai-item.warning{border:1px solid rgba(255,207,112,.12)}.ai-item.warning small{color:var(--warning)}
.workflow-wrap{border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.004))}.workflow-grid{padding:110px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.workflow-points{margin-top:34px;display:flex;flex-direction:column;gap:20px}.workflow-points>div{display:grid;grid-template-columns:36px 1fr;gap:14px}.workflow-points>div>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(130,243,198,.08);border:1px solid rgba(130,243,198,.16);color:var(--mint);font-weight:800;font-size:11px}.workflow-points p{margin:0;color:#8fa4af;font-size:14px;line-height:1.55}.workflow-points strong{color:#eaf1f3;font-size:15px}.workflow-board{border:1px solid var(--line);border-radius:22px;background:#09141c;padding:18px;box-shadow:var(--shadow)}.board-header{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 15px;font-weight:800;font-size:14px}.board-header small{font-weight:500;color:#617884}.board-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.board-column{min-height:330px;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:10px;background:rgba(255,255,255,.015)}.column-title{display:flex;justify-content:space-between;align-items:center;padding:3px 2px 10px;color:#8da0aa;font-size:10px}.column-title b{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.04);font-size:9px}.board-task{padding:12px;border-radius:11px;background:#0d1c25;border:1px solid rgba(255,255,255,.06);margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.board-task small{font-size:7px;color:#5f7885;letter-spacing:.08em}.board-task strong{font-size:11px}.board-task span{font-size:8px;color:#78909b}.board-task.priority{border-color:rgba(255,207,112,.18)}.board-task.priority span{color:var(--warning)}.board-task.completed{opacity:.5}.board-task.completed strong{text-decoration:line-through}
.story-section{padding:110px 0}.story-card{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-lg);padding:52px;background:radial-gradient(circle at 100% 0%,rgba(107,199,255,.07),transparent 40%),rgba(255,255,255,.015)}.story-copy h2{max-width:760px}.quote-block{min-height:280px;border-radius:20px;background:linear-gradient(145deg,rgba(130,243,198,.11),rgba(107,199,255,.05));border:1px solid rgba(130,243,198,.14);display:flex;flex-direction:column;justify-content:center;padding:36px}.quote-block>span{font-size:70px;line-height:.6;color:var(--mint);font-family:Georgia,serif}.quote-block p{font-size:25px;line-height:1.3;letter-spacing:-.035em}.quote-block strong{color:var(--mint)}
.pricing-section{padding:0 0 110px}.pricing-card{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;padding:54px;border-radius:var(--radius-lg);background:#0d1a22;border:1px solid rgba(130,243,198,.11)}.pricing-points{display:flex;flex-direction:column;gap:13px;justify-content:center}.pricing-points>div{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:14px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.pricing-points i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(130,243,198,.09);color:var(--mint);font-style:normal}.pricing-points span{display:flex;flex-direction:column}.pricing-points strong{font-size:13px}.pricing-points small{color:#78909b;margin-top:2px}
.cta-section{border-top:1px solid var(--line);background:radial-gradient(circle at 10% 100%,rgba(59,214,164,.08),transparent 35%),#08131a}.cta-grid{padding:105px 0;display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.tiny-note{color:#667f8b;font-size:12px;margin-top:24px}.interest-form{padding:24px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:14px}.interest-form label{display:flex;flex-direction:column;gap:7px;color:#aebdc4;font-size:11px;font-weight:700}.interest-form input,.interest-form select{width:100%;border:1px solid rgba(170,200,215,.14);background:#071219;color:white;border-radius:11px;padding:13px 14px;outline:none;transition:.2s}.interest-form input:focus,.interest-form select:focus{border-color:rgba(130,243,198,.45);box-shadow:0 0 0 4px rgba(130,243,198,.06)}.interest-form input::placeholder{color:#4e6672}.form-button{width:100%;margin-top:5px}.form-status{min-height:18px;margin:0;text-align:center;font-size:11px;color:#7f96a1}.form-status.success{color:var(--mint)}.form-status.error{color:#ff9c9c}
.site-footer{min-height:150px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;color:#6d838e;font-size:12px}.footer-brand{color:white}.footer-copy{text-align:center}.footer-meta{display:flex;justify-content:flex-end;gap:14px}.footer-meta a:hover{color:white}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}@keyframes scan{0%,100%{top:8%;opacity:.1}50%{top:90%;opacity:1}}
@media (max-width: 980px){.nav-links{display:none;position:absolute;top:64px;right:0;left:0;margin:0 8px;padding:14px;flex-direction:column;align-items:stretch;border:1px solid var(--line);background:#08141b;border-radius:14px}.nav-links.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:520px}.app-window{transform:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2}.feature-accent{grid-row:auto}.workflow-grid,.story-card,.pricing-card,.cta-grid{grid-template-columns:1fr}.workflow-grid{gap:45px}.story-card{gap:30px}.cta-grid{gap:40px}.site-footer{grid-template-columns:1fr;text-align:center;padding:36px 0}.footer-copy{text-align:center}.footer-meta{justify-content:center}.footer-brand{justify-self:center}}
@media (max-width: 650px){.section-shell{width:min(calc(100% - 28px),var(--max))}.site-header{width:calc(100% - 18px);margin-top:9px}.hero{padding:62px 0 50px;gap:30px;min-height:auto}h1{font-size:49px}.hero-lede{font-size:17px}.hero-actions{flex-direction:column}.hero-proof{grid-template-columns:1fr}.hero-visual{min-height:390px}.app-window{min-height:330px;border-radius:18px}.app-body{grid-template-columns:78px 1fr;min-height:290px}.fake-sidebar{padding:10px 6px}.side-pill{font-size:0;height:31px;justify-content:center}.fake-dashboard{padding:12px}.dashboard-heading h3{font-size:14px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card:nth-child(3){display:none}.dashboard-lower{grid-template-columns:1fr}.task-card{display:none}.chart-card{height:145px}.bars{height:90px}.floating-card{transform:scale(.85)}.trade-card{left:-10px;bottom:5px}.payout-card{right:-8px;top:40px}.feature-section{padding:90px 0 75px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature-card{min-height:auto}.workflow-grid{padding:80px 0}.board-columns{grid-template-columns:1fr}.board-column{min-height:auto}.board-column:nth-child(3){display:none}.story-section{padding:80px 0}.story-card,.pricing-card{padding:28px}.section-intro h2,.workflow-copy h2,.story-copy h2,.pricing-card h2,.cta-copy h2{font-size:38px}.quote-block{min-height:220px}.cta-grid{padding:80px 0}.logo-strip{gap:10px;font-size:9px}.footer-meta{flex-direction:column;gap:5px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scan-line{animation:none}.button{transition:none}}