@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');
html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
:root { color-scheme:dark; --line:#202020; --muted:#858585; --text:#ededed; }
* { box-sizing:border-box; font-family:'Geist',sans-serif!important; }
html { background:#000; }
body { min-width:320px; min-height:100vh; margin:0; overflow-x:hidden; background:#000; color:var(--text); font-size:16px; -webkit-font-smoothing:antialiased; }
.landing-grid { position:fixed; inset:0; z-index:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,#000,transparent 80%); pointer-events:none; }
.landing-header { position:relative; z-index:1; display:flex; width:min(1180px,calc(100% - 40px)); height:76px; align-items:center; justify-content:space-between; margin:auto; border-bottom:1px solid var(--line); }
.landing-brand { display:flex; align-items:center; gap:10px; color:#fff; font-size:17px; font-weight:650; letter-spacing:-.4px; text-decoration:none; }
.landing-brand>img { display:block; width:27px; height:27px; object-fit:contain; filter:brightness(0) invert(1); }
.landing-login { display:flex; align-items:center; gap:9px; padding:9px 13px; border:1px solid #2a2a2a; border-radius:7px; color:#ccc; font-size:12px; text-decoration:none; transition:.18s; }
.landing-login:hover { border-color:#444; background:#0d0d0d; color:#fff; }
.landing-login svg,.landing-actions svg { width:15px; height:15px; }
.landing-main { position:relative; z-index:1; width:min(1180px,calc(100% - 40px)); margin:auto; }
.landing-hero { display:flex; min-height:520px; align-items:center; flex-direction:column; justify-content:center; padding:80px 0 68px; text-align:center; }
.availability { display:inline-flex; align-items:center; gap:8px; margin-bottom:28px; padding:6px 10px; border:1px solid #242424; border-radius:99px; background:#080808; color:#888; font-size:11px; }
.availability i { width:6px; height:6px; border-radius:50%; background:#62b995; box-shadow:0 0 0 4px rgba(98,185,149,.08); }
.landing-hero h1 { margin:0; font-size:clamp(45px,6.4vw,78px); font-weight:600; letter-spacing:-4px; line-height:1.03; }
.landing-hero h1 span { color:#5f5f5f; }
.landing-hero>p { max-width:650px; margin:27px auto 0; color:#898989; font-size:17px; line-height:1.7; }
.landing-actions { display:flex; gap:10px; margin-top:34px; }
.landing-actions a { display:inline-flex; height:44px; align-items:center; justify-content:center; gap:10px; padding:0 17px; border-radius:7px; font-size:12px; font-weight:600; text-decoration:none; transition:.18s; }
.landing-primary { border:1px solid #fff; background:#fff; color:#000; }
.landing-primary:hover { background:#dfdfdf; transform:translateY(-1px); }
.landing-secondary { border:1px solid #292929; background:#080808; color:#ccc; }
.landing-secondary:hover { border-color:#444; background:#101010; color:#fff; }
.signal-window { position:relative; z-index:1; overflow:hidden; width:min(1000px,100%); margin:0 auto 110px; border:1px solid #262626; border-radius:13px; background:#070707; box-shadow:0 40px 120px rgba(0,0,0,.7); }
.signal-window::before { position:absolute; top:-120px; left:50%; width:70%; height:160px; border-radius:50%; background:rgba(255,255,255,.08); filter:blur(70px); content:''; transform:translateX(-50%); pointer-events:none; }
.window-top { display:flex; height:48px; align-items:center; padding:0 16px; border-bottom:1px solid #202020; color:#656565; font-size:10px; }
.window-top>span { display:flex; gap:5px; }
.window-top>span i { width:7px; height:7px; border-radius:50%; background:#292929; }
.window-top small { margin-left:18px; }
.window-top em { margin-left:auto; color:#4f7f6c; font-style:normal; }
.window-body { display:grid; min-height:370px; grid-template-columns:62px 1fr; }
.window-body>aside { display:flex; align-items:center; flex-direction:column; gap:26px; padding-top:20px; border-right:1px solid #1d1d1d; }
.window-body>aside strong { display:grid; width:27px; height:27px; border-radius:7px; background:#fff; color:#000; font-size:10px; place-items:center; }
.window-body>aside i { width:17px; height:5px; border-radius:3px; background:#232323; }
.preview-main { padding:31px; }
.preview-heading { display:flex; align-items:center; justify-content:space-between; }
.preview-heading span { width:180px; height:17px; border-radius:4px; background:#222; }
.preview-heading i { width:75px; height:26px; border:1px solid #282828; border-radius:6px; }
.preview-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:25px; }
.preview-cards article { height:95px; padding:17px; border:1px solid #202020; border-radius:8px; background:#0b0b0b; }
.preview-cards small,.preview-cards strong,.preview-cards i { display:block; border-radius:3px; background:#252525; }
.preview-cards small { width:45%; height:6px; }
.preview-cards strong { width:34%; height:17px; margin-top:15px; background:#353535; }
.preview-cards i { width:60%; height:5px; margin-top:11px; background:#1d3028; }
.preview-chart { position:relative; height:170px; margin-top:12px; border:1px solid #202020; border-radius:8px; background:repeating-linear-gradient(to bottom,#0a0a0a 0,#0a0a0a 41px,#1b1b1b 42px); }
.preview-chart span { position:absolute; top:18px; left:18px; width:110px; height:8px; border-radius:4px; background:#252525; }
.preview-chart svg { position:absolute; right:18px; bottom:18px; left:18px; width:calc(100% - 36px); height:115px; }
.preview-chart path { fill:none; stroke:#aaa; stroke-width:2; vector-effect:non-scaling-stroke; }
.landing-footer { position:relative; z-index:1; display:flex; width:min(1180px,calc(100% - 40px)); min-height:85px; align-items:center; gap:25px; margin:auto; border-top:1px solid var(--line); color:#555; font-size:11px; }
.landing-footer span:nth-child(2) { margin:auto; }
.landing-footer a { color:#777; text-decoration:none; }
.landing-footer a:hover { color:#ddd; }
@media(max-width:700px){.landing-hero{min-height:470px;padding-top:65px}.landing-hero h1{letter-spacing:-2.2px}.landing-hero>p{font-size:15px}.preview-main{padding:20px}.preview-cards{grid-template-columns:1fr}.preview-cards article:nth-child(n+2){display:none}.window-body{grid-template-columns:45px 1fr}.landing-footer span:nth-child(2){display:none}.landing-footer a{margin-left:auto}}
@media(max-width:480px){.landing-actions{width:100%;flex-direction:column}.landing-actions a{width:100%}.signal-window{margin-bottom:70px}.landing-hero h1{font-size:42px}}