:root{--bg:#07090d;--surface:#0d1118;--line:#202834;--text:#f7f8fa;--muted:#98a2b1;--green:#5ee3a2;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,9,13,.82);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px}.logo img{border-radius:12px}.logo span,.logo b,.logo small{display:block}.logo b{font-size:15px;letter-spacing:-.02em}.logo small{font-size:9px;letter-spacing:.18em;color:#818b9a;margin-top:2px;font-weight:700}.nav-wrap nav{display:flex;gap:32px;color:#a7afbb;font-size:14px}.nav-wrap nav a{transition:color .18s}.nav-wrap nav a:hover{color:#fff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 20px;border:1px solid #fff;background:#fff;color:#080a0e;border-radius:12px;font-size:14px;font-weight:760;box-shadow:0 14px 35px rgba(255,255,255,.1);transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px);background:#e9ecf0}.button span{font-size:17px}.button-small{padding:10px 15px;border-radius:10px}
.hero{position:relative;overflow:hidden;padding:92px 0 84px;background:radial-gradient(circle at 74% 25%,rgba(255,255,255,.08),transparent 26%),radial-gradient(circle at 15% 10%,rgba(94,227,162,.06),transparent 25%)}.hero:before{content:"";position:absolute;inset: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}.hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:62px}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #2b3542;background:#0d1219;border-radius:999px;padding:8px 12px;color:#b8c0ca;font-size:12px;font-weight:650}.pill span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(94,227,162,.1)}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.065em;margin:29px 0 28px}.hero h1 em{color:#878f9b;font-style:normal}.hero-copy>p{max-width:590px;color:#aab2bd;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.text-link{color:#d6dbe1;font-size:14px;font-weight:650}.text-link span{margin-left:8px}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;color:#7f8997;font-size:12px}.hero-notes i{font-style:normal;color:var(--green);margin-right:6px}
.product-stage{position:relative;min-height:570px;display:flex;align-items:center}.stage-glow{position:absolute;width:75%;height:75%;right:5%;border-radius:50%;background:#fff;filter:blur(120px);opacity:.08}.app-preview{position:relative;width:100%;border:1px solid #303947;border-radius:22px;background:#0b1017;box-shadow:0 45px 100px #000b;overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.preview-top{height:52px;border-bottom:1px solid #242c37;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.preview-brand{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.preview-brand img{border-radius:8px}.live{font-size:10px;color:#8f99a7;border:1px solid #2a3440;padding:6px 9px;border-radius:20px}.live i,.terminal-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.preview-body{display:grid;grid-template-columns:55px 1fr;min-height:400px}.preview-body aside{border-right:1px solid #202833;display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:20px;color:#667180}.preview-body aside span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.preview-body aside .active{background:#fff;color:#111}.preview-content{padding:22px}.preview-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.preview-heading small,.preview-heading b{display:block}.preview-heading small{font-size:8px;letter-spacing:.15em;color:#727d8c}.preview-heading b{font-size:17px;margin-top:4px}.terminal-status{font-size:9px;color:#929cab}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-grid article{border:1px solid #242d39;background:#101721;border-radius:12px;padding:13px}.metric-grid span,.metric-grid small{display:block;font-size:8px;color:#788392}.metric-grid b{display:block;font-size:24px;margin:8px 0}.metric-grid .positive{color:var(--green)}.activity-card{margin-top:12px;border:1px solid #242d39;background:#101721;border-radius:12px;overflow:hidden}.card-title{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #242d39;font-size:9px}.card-title span{color:#8e98a5}.activity{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid #202832}.activity:last-child{border:0}.activity>i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#1c2735;color:#c9d0d8;font-size:8px;font-style:normal}.activity div{flex:1}.activity b,.activity small{display:block}.activity b{font-size:9px}.activity small{color:#747f8d;font-size:8px;margin-top:2px}.activity em{font-size:8px;font-style:normal;color:var(--green);background:rgba(94,227,162,.08);padding:4px 7px;border-radius:20px}
.floating-card{position:absolute;display:flex;align-items:center;gap:11px;border:1px solid #313b49;background:rgba(16,22,31,.94);box-shadow:0 18px 45px #0009;border-radius:13px;padding:13px 15px;backdrop-filter:blur(12px)}.floating-card small,.floating-card b{display:block}.floating-card small{font-size:8px;color:#747f8d;letter-spacing:.08em}.floating-card b{font-size:12px;margin-top:3px}.terminal-card{right:-24px;top:55px}.terminal-card>i{width:7px;height:7px;border-radius:50%;background:var(--green)}.device-icon{width:28px;height:28px;display:grid;place-items:center;background:#202a37;border-radius:8px}.event-card{left:-26px;bottom:53px}.event-card>span{width:29px;height:29px;display:grid;place-items:center;background:rgba(94,227,162,.13);color:var(--green);border-radius:50%}
.signal-strip{border-top:1px solid #1c232d;border-bottom:1px solid #1c232d;background:#090c11}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signal-grid>div{padding:25px 26px;border-right:1px solid #1c232d}.signal-grid>div:first-child{border-left:1px solid #1c232d}.signal-grid b,.signal-grid span{display:block}.signal-grid b{font-size:15px}.signal-grid span{font-size:11px;color:#737e8c;margin-top:4px}
.section{padding:112px 0}.section-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px;margin-bottom:48px}.section-kicker{display:block;color:#838d9a;letter-spacing:.18em;font-size:10px;font-weight:800;margin-bottom:14px}.section h2{font-size:clamp(34px,4.5vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0}.section-head p,.workflow-copy>p,.security-card>div>p{color:#939daa;line-height:1.75;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{position:relative;min-height:270px;padding:27px;border:1px solid #222b36;background:linear-gradient(145deg,#0e131b,#0a0e14);border-radius:18px;overflow:hidden;transition:border-color .18s}.feature-card:after{content:"";position:absolute;width:130px;height:130px;border:25px solid rgba(255,255,255,.025);border-radius:50%;right:-62px;bottom:-62px}.feature-card:hover{border-color:#3c4654}.feature-wide{grid-column:span 2}.feature-icon{width:42px;height:42px;border:1px solid #303a47;background:#151c26;border-radius:12px;display:grid;place-items:center;color:#e6e9ed;font-size:19px}.feature-card h3{font-size:20px;letter-spacing:-.02em;margin:29px 0 10px}.feature-card p{max-width:520px;color:#8e98a5;font-size:14px;line-height:1.7;margin:0}.tag{position:absolute;right:24px;top:25px;border:1px solid #2f3a46;border-radius:99px;color:#85909e;font-size:9px;padding:6px 9px}.terminal-visual{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.terminal-visual span{border:1px solid #26303b;background:#111821;border-radius:9px;padding:9px 11px;color:#9aa4b0;font-size:10px}.terminal-visual i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}
.workflow{background:#0a0d12;border-top:1px solid #1d242d;border-bottom:1px solid #1d242d}.workflow-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px;align-items:center}.workflow-copy h2{margin-bottom:24px}.workflow-copy .button{margin-top:30px}.steps{list-style:none;margin:0;padding:0;border-top:1px solid #252d37}.steps li{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #252d37}.steps>li>span{color:#5f6977;font-size:12px;font-family:ui-monospace,monospace}.steps b{font-size:17px}.steps p{color:#818c99;font-size:13px;margin:6px 0 0}
.security{padding-bottom:45px}.security-card{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:55px;border:1px solid #28313c;background:linear-gradient(135deg,#111720,#0b0f15);border-radius:22px}.security-card h2{font-size:42px;margin-bottom:20px}.security-list{display:grid;gap:12px}.security-list span{border-bottom:1px solid #252d37;padding:0 0 12px;color:#aeb6c0;font-size:13px}.security-list i{font-style:normal;color:var(--green);margin-right:10px}.final-cta{padding-top:45px}.final-card{position:relative;overflow:hidden;text-align:center;padding:90px 30px;border-radius:24px;background:#f4f5f7;color:#080a0e}.final-card .section-kicker{color:#69717c}.final-card p{max-width:650px;margin:22px auto 30px;color:#626b77}.button-light{background:#080a0e;color:#fff;border-color:#080a0e}.button-light:hover{background:#20242a}.cta-orbit{position:absolute;border:1px solid rgba(0,0,0,.08);border-radius:50%}.cta-orbit.one{width:320px;height:320px;left:-150px;top:-140px}.cta-orbit.two{width:470px;height:470px;right:-260px;bottom:-300px}
footer{border-top:1px solid #1d242d;padding:35px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-grid p{text-align:center;color:#717c89;font-size:12px}.telegram-link{justify-self:end;width:42px;height:42px;display:grid;place-items:center;border:1px solid #303844;border-radius:50%;background:#fff;color:#07090d;transition:transform .18s,background .18s}.telegram-link svg{width:20px;height:20px;fill:currentColor}.telegram-link:hover{transform:translateY(-2px);background:#cfd4da}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:730px}.product-stage{max-width:780px;min-height:auto;padding:35px 0}.section-head,.workflow-grid,.security-card{grid-template-columns:1fr;gap:38px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-wide{grid-column:span 2}}
@media(max-width:720px){.container{width:min(100% - 28px,var(--max))}.nav-wrap{height:68px}.nav-wrap nav{display:none}.button-small{font-size:12px}.hero{padding:68px 0 58px}.hero h1{font-size:52px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-notes{gap:10px 15px}.app-preview{transform:none}.floating-card{display:none}.preview-body{grid-template-columns:42px 1fr}.preview-content{padding:13px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article:last-child{display:none}.signal-grid{grid-template-columns:1fr 1fr}.signal-grid>div{border-bottom:1px solid #1c232d}.section{padding:78px 0}.section-head{margin-bottom:32px}.feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature-card{min-height:240px}.security-card{padding:30px 24px}.security-card h2{font-size:34px}.final-card{padding:65px 20px}.footer-grid{grid-template-columns:1fr;gap:18px;text-align:center}.footer-grid .logo{justify-content:center}.footer-grid p,.footer-grid>a{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}