@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

:root { --ink:#0b1220; --ink-2:#111d2d; --paper:#f5f8f7; --line:rgba(21,48,57,.14); --muted:#819099; --mint:#6de7cf; --mint-dark:#1ab39c; --orange:#ff9d62; --white:#f9fffd; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--white); font-family:'Manrope','Noto Sans SC',sans-serif; }
a { color:inherit; text-decoration:none; }
.page-shell { overflow:hidden; background:var(--ink); }
.site-header { position:fixed; z-index:20; inset:0 0 auto; height:82px; display:flex; align-items:center; justify-content:space-between; max-width:1400px; margin:auto; padding:0 44px; background:rgba(11,18,32,.76); border-bottom:1px solid rgba(255,255,255,.07); backdrop-filter:blur(18px); }
.brand { display:inline-flex; align-items:center; gap:11px; letter-spacing:.02em; }
.brand strong { display:block; font-size:17px; line-height:1; letter-spacing:.08em; }
.brand small { display:block; margin-top:6px; color:#91a3ab; font:500 8px/1 'DM Mono',monospace; letter-spacing:.08em; }
.brand-logo-box { display:inline-flex; align-items:center; width:190px; height:42px; padding:5px 10px; border-radius:8px; background:#fff; box-shadow:0 4px 18px rgba(0,0,0,.12); }
.brand-logo { display:block; width:100%; height:auto; }
.site-nav { display:flex; gap:32px; margin-left:auto; margin-right:40px; color:#9eabb2; font-size:13px; }
.site-nav a { transition:color .2s; }.site-nav a:hover,.site-nav a.active { color:var(--mint); }
.header-cta,.button { display:inline-flex; align-items:center; gap:12px; border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.03em; transition:transform .2s,box-shadow .2s,background .2s; }
.header-cta { padding:12px 17px; color:var(--ink); background:var(--mint); }.header-cta:hover,.button:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(109,231,207,.2); }.header-cta span,.button span { font-size:16px; }
.menu-toggle { display:none; border:0; background:transparent; color:var(--white); font:600 12px 'DM Mono',monospace; }
.hero { position:relative; min-height:760px; padding:174px 7vw 95px; background:radial-gradient(circle at 70% 38%,rgba(31,107,117,.3),transparent 34%),linear-gradient(135deg,#0b1220 0%,#102333 60%,#0b1825 100%); }
.hero:before { content:""; position:absolute; inset:82px 0 0; opacity:.22; background-image:linear-gradient(rgba(109,231,207,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(109,231,207,.12) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,black,transparent 80%); pointer-events:none; }
.section-grid { display:grid; grid-template-columns:1fr 1.02fr; gap:4vw; align-items:center; max-width:1400px; margin:0 auto; }
.hero-copy,.hero-visual { position:relative; z-index:1; }.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 24px; color:var(--mint); font:500 10px 'DM Mono',monospace; letter-spacing:.13em; }.eyebrow span { width:28px; height:1px; background:var(--mint); }
h1,h2,h3,p { margin-top:0; }.hero h1 { max-width:680px; margin-bottom:26px; font-size:clamp(42px,5.4vw,78px); line-height:1.08; letter-spacing:-.06em; }.hero h1 em,.section-heading h2 em,.workflow h2 em,.security h2 em,.contact h2 em { color:var(--mint); font-style:normal; }.hero-text { max-width:565px; color:#aebcc0; font-size:16px; line-height:1.9; }.hero-actions { display:flex; gap:14px; margin-top:34px; }.button { padding:15px 21px; }.button-primary { background:var(--mint); color:var(--ink); }.button-ghost { border:1px solid rgba(255,255,255,.2); color:#e9f4f1; }.button-light { color:var(--ink); background:var(--white); }.hero-meta { display:flex; gap:30px; margin-top:60px; color:#768993; font:11px 'DM Mono',monospace; }.hero-meta b { margin-right:7px; color:var(--orange); font-weight:400; }
.hero-visual { min-height:500px; display:flex; align-items:center; justify-content:center; }.dashboard-card { position:relative; width:min(550px,100%); padding:24px; border:1px solid rgba(193,255,244,.17); border-radius:22px; background:linear-gradient(145deg,rgba(28,55,68,.94),rgba(12,27,42,.94)); box-shadow:0 40px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08); transform:rotate(1.2deg); }.dashboard-top,.chart-label,.dashboard-bottom { display:flex; align-items:center; color:#96abb1; font:11px 'DM Mono',monospace; }.live-dot { width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--mint); box-shadow:0 0 14px var(--mint); }.dashboard-menu { margin-left:auto; color:#657c85; }.metric-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:30px 0 24px; }.metric-row>div { padding:17px; border:1px solid rgba(255,255,255,.08); border-radius:13px; background:rgba(0,0,0,.13); }.metric-row small,.float-card small,.contact-card small { display:block; color:#7e959d; font:10px 'DM Mono',monospace; }.metric-row strong { display:block; margin:8px 0; color:#f5fffc; font-size:31px; letter-spacing:-.06em; }.metric-row sup { font-size:14px; }.metric-row .up,.metric-row .good { font:10px 'DM Mono',monospace; }.up { color:var(--mint); }.good { color:var(--orange); }.chart-wrap { padding:17px 13px 10px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(7,17,27,.25); }.chart-label { justify-content:space-between; }.chart-label small { color:#68818a; }.chart-wrap svg { width:100%; height:auto; margin:12px 0 0; overflow:visible; }.grid-line { stroke:rgba(255,255,255,.08); stroke-width:1; }.chart-area { fill:url(#area); }.chart-line { fill:none; stroke:var(--mint); stroke-width:3; stroke-linecap:round; }.chart-wrap circle { fill:var(--mint); stroke:#173f49; stroke-width:4; }.chart-days { display:flex; justify-content:space-between; color:#59727a; font:9px 'DM Mono',monospace; }.dashboard-bottom { gap:18px; padding-top:16px; }.legend { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; }.legend.mint { background:var(--mint); }.legend.orange { background:var(--orange); }.refresh { margin-left:auto; color:#607880; }.orbit { position:absolute; border:1px solid rgba(109,231,207,.15); border-radius:50%; }.orbit-one { width:650px; height:650px; }.orbit-two { width:420px; height:420px; border-color:rgba(255,157,98,.13); }.float-card { position:absolute; display:flex; align-items:center; gap:10px; padding:13px 16px; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:rgba(17,37,51,.9); box-shadow:0 16px 30px rgba(0,0,0,.2); }.float-card strong { display:block; margin-top:5px; font-size:13px; }.float-card strong i { color:#7b9197; font:10px 'DM Mono',monospace; font-style:normal; }.float-icon { display:grid; width:28px; height:28px; place-items:center; border-radius:8px; color:var(--ink); background:var(--mint); font-weight:800; }.stock-card { top:95px; right:-15px; }.sync-card { bottom:105px; left:0; }.sync-card .float-icon { background:var(--orange); }.visual-label { position:absolute; color:rgba(109,231,207,.48); font:10px 'DM Mono',monospace; letter-spacing:.18em; }.label-a { top:20px; left:8px; }.label-b { bottom:25px; right:25px; }
.signal-bar { display:flex; justify-content:center; gap:30px; padding:21px 30px; color:#789097; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); background:#0d1a28; font:11px 'DM Mono',monospace; letter-spacing:.04em; }.signal-bar i { width:4px; height:4px; margin-top:5px; border-radius:50%; background:var(--orange); }
.company-proof { display:grid; grid-template-columns:1.05fr .95fr; gap:7vw; align-items:center; color:var(--ink); background:#fff; }
.company-photo-wrap { position:relative; overflow:hidden; border-radius:20px; box-shadow:0 24px 55px rgba(16,47,57,.15); }
.company-photo-wrap:after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(11,18,32,.05),transparent 60%); pointer-events:none; }
.company-photo-wrap img { display:block; width:100%; aspect-ratio:1.55 / 1; object-fit:cover; object-position:center; }
.company-photo-wrap>span { position:absolute; left:20px; bottom:17px; padding:8px 11px; color:#fff; border:1px solid rgba(255,255,255,.35); border-radius:7px; background:rgba(11,18,32,.58); font:10px 'DM Mono',monospace; letter-spacing:.1em; }
.company-proof-copy .eyebrow { color:var(--mint-dark); }.company-proof-copy .eyebrow span { background:var(--mint-dark); }.company-proof-copy h2 { margin-bottom:20px; font-size:clamp(34px,4vw,54px); line-height:1.13; letter-spacing:-.06em; }.company-proof-copy h2 em { color:var(--mint-dark); font-style:normal; }.company-proof-copy>p:not(.eyebrow) { max-width:550px; color:#66777d; font-size:15px; line-height:1.9; }.company-facts { display:grid; grid-template-columns:1.25fr 1fr; gap:18px 28px; margin-top:32px; }.company-facts div { padding-top:15px; border-top:1px solid var(--line); }.company-facts div:first-child { grid-column:1 / -1; }.company-facts small { display:block; margin-bottom:8px; color:var(--mint-dark); font:10px 'DM Mono',monospace; letter-spacing:.1em; }.company-facts strong { color:#223942; font-size:13px; line-height:1.65; }.company-facts a { color:var(--mint-dark); }
.section-block { padding:130px 7vw; }.capabilities { color:var(--ink); background:var(--paper); }.section-heading { max-width:700px; margin:0 auto 64px; text-align:center; }.section-heading .eyebrow { justify-content:center; color:var(--mint-dark); }.section-heading .eyebrow span { background:var(--mint-dark); }.section-heading h2,.workflow h2,.security h2,.contact h2 { margin-bottom:20px; font-size:clamp(35px,4.4vw,60px); line-height:1.12; letter-spacing:-.065em; }.section-heading p:last-child,.workflow-intro>p:last-of-type,.security-copy>p:last-of-type,.contact>div:first-child>p:last-child { color:#6c7b81; font-size:15px; line-height:1.8; }.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:1200px; margin:auto; }.capability-card { position:relative; min-height:264px; padding:28px; border:1px solid var(--line); border-radius:17px; background:#fff; transition:transform .25s,box-shadow .25s; }.capability-card:hover { transform:translateY(-5px); box-shadow:0 20px 36px rgba(25,65,74,.1); }.capability-card.featured { color:var(--white); border-color:#1c8e7e; background:linear-gradient(140deg,#164b55,#0e2738); }.card-index { position:absolute; top:27px; right:28px; color:#9cacb0; font:11px 'DM Mono',monospace; }.featured .card-index { color:var(--mint); }.line-icon { display:block; margin-bottom:28px; color:var(--mint-dark); font-size:26px; }.featured .line-icon { color:var(--mint); }.capability-card h3 { margin-bottom:12px; font-size:21px; letter-spacing:-.04em; }.capability-card p { min-height:50px; margin-bottom:24px; color:#7a898d; font-size:13px; line-height:1.75; }.featured p { color:#adc5c6; }.capability-card a,.text-link { color:var(--mint-dark); font:600 11px 'DM Mono',monospace; }.featured a { color:var(--mint); }.capability-card a span,.text-link span { padding-left:7px; font-size:15px; }
.workflow { display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; align-items:center; color:var(--white); background:#102131; }.workflow-intro .eyebrow,.security-copy .eyebrow,.contact .eyebrow { color:var(--mint); }.workflow-intro>p:last-of-type { max-width:410px; color:#9dafb4; }.text-link { display:inline-block; margin-top:26px; color:var(--mint); }.steps { border-top:1px solid rgba(255,255,255,.14); }.step { display:grid; grid-template-columns:75px 1fr; gap:20px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.14); }.step>span { color:var(--orange); font:12px 'DM Mono',monospace; }.step h3 { margin-bottom:7px; font-size:20px; }.step p { margin:0; color:#91a5ac; font-size:13px; line-height:1.7; }
.security { background:var(--paper); }.security-panel { display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; max-width:1200px; margin:auto; padding:75px; border-radius:24px; color:var(--white); background:linear-gradient(135deg,#174a51,#102334); }.security-copy>p:last-of-type { max-width:400px; color:#abc3c1; }.security-list { display:grid; grid-template-columns:1fr 1fr; gap:0 38px; }.security-list>div { padding:20px 0; border-top:1px solid rgba(255,255,255,.17); }.security-list span { display:block; margin-bottom:15px; color:var(--orange); font:11px 'DM Mono',monospace; }.security-list strong { display:block; margin-bottom:8px; font-size:17px; }.security-list p { margin:0; color:#a9bec0; font-size:12px; line-height:1.7; }
.contact { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:end; color:var(--white); background:var(--ink); }.contact>div:first-child>p:last-child { max-width:450px; color:#91a1a9; }.contact-card { padding:30px; border:1px solid rgba(255,255,255,.14); border-radius:17px; background:#111f2e; }.contact-card>div { padding-bottom:17px; margin-bottom:18px; border-bottom:1px solid rgba(255,255,255,.1); }.contact-card strong,.contact-card a:not(.button) { display:block; margin-top:8px; color:var(--white); font-size:20px; }.contact-card a:not(.button) { font-size:14px; color:var(--mint); }
.site-footer { padding:52px 7vw 22px; color:#a5b5b9; background:#080f19; }.footer-main { display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:40px; max-width:1200px; margin:auto; }.footer-brand>p { max-width:230px; margin-top:22px; color:#667980; font-size:12px; line-height:1.7; }.footer-main>div:not(.footer-brand) { display:flex; flex-direction:column; gap:11px; font-size:12px; }.footer-label { margin-bottom:5px; color:var(--orange); font:10px 'DM Mono',monospace; letter-spacing:.12em; }.footer-main a:hover { color:var(--mint); }.footer-main p { margin:0; }.footer-bottom { display:flex; justify-content:space-between; max-width:1200px; padding-top:26px; margin:60px auto 0; border-top:1px solid rgba(255,255,255,.09); color:#556970; font:10px 'DM Mono',monospace; }
@media (max-width:900px) { .site-header { padding:0 22px; }.site-nav { position:absolute; top:81px; left:14px; right:14px; display:none; flex-direction:column; gap:0; padding:8px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:#102131; }.site-nav.open { display:flex; }.site-nav a { padding:14px; }.menu-toggle { display:block; margin-left:auto; margin-right:16px; }.header-cta { display:none; }.hero,.section-block { padding-left:22px; padding-right:22px; }.section-grid,.workflow,.security-panel,.contact,.company-proof { grid-template-columns:1fr; }.hero { padding-top:145px; }.hero-visual { min-height:430px; margin-top:25px; }.stock-card { right:0; }.sync-card { left:0; bottom:55px; }.capability-grid { grid-template-columns:1fr 1fr; }.security-panel { gap:45px; padding:40px 25px; }.company-proof-copy { order:-1; }.footer-main { grid-template-columns:1.5fr 1fr 1fr; }.footer-brand { grid-column:1/-1; }.contact-card { margin-top:15px; } }
@media (max-width:580px) { .brand-logo-box { width:148px; height:34px; padding:4px 7px; }.hero h1 { font-size:43px; }.hero-text { font-size:14px; }.hero-actions { flex-direction:column; align-items:flex-start; }.hero-meta { flex-wrap:wrap; gap:12px 20px; margin-top:35px; }.dashboard-card { padding:16px; }.metric-row strong { font-size:25px; }.float-card { transform:scale(.86); }.stock-card { right:-35px; }.sync-card { left:-30px; }.signal-bar { flex-wrap:wrap; gap:9px 15px; padding:18px 22px; }.signal-bar i { display:none; }.section-block { padding-top:90px; padding-bottom:90px; }.capability-grid { grid-template-columns:1fr; }.security-list { grid-template-columns:1fr; }.company-facts { grid-template-columns:1fr; }.company-facts div:first-child { grid-column:auto; }.footer-main { grid-template-columns:1fr 1fr; }.footer-brand { grid-column:1/-1; }.footer-bottom { flex-direction:column; gap:10px; margin-top:40px; }.chart-wrap svg { height:125px; } }