*{box-sizing:border-box}

:root{
--bg:#080b0d;
--sidebar:#0c1013;
--panel:#11171b;
--panel-hover:#151c21;
--border:#202a30;
--text:#eef3f5;
--muted:#7e8b92;
--accent:#62e6b4;
--accent-soft:rgba(98,230,180,.10);
--danger:#ff6b6b;
--warning:#e8bd69;
}

html{scroll-behavior:smooth}

body{
margin:0;
background:
radial-gradient(circle at 70% 0%,rgba(98,230,180,.055),transparent 28%),
radial-gradient(circle at 10% 60%,rgba(44,78,89,.055),transparent 25%),
var(--bg);
color:var(--text);
font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;
min-height:100vh;
-webkit-font-smoothing:antialiased;
}

body:before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
background-size:70px 70px;
mask-image:radial-gradient(circle at center,black,transparent 85%);
}

.noise{
position:fixed;
inset:0;
pointer-events:none;
opacity:.025;
z-index:50;
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='.25'/%3E%3C/svg%3E");
}

.nav{
height:78px;
padding:0 5vw;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid rgba(32,42,48,.7);
position:sticky;
top:0;
z-index:40;
background:rgba(8,11,13,.82);
backdrop-filter:blur(18px);
}

.brand{
display:flex;
align-items:baseline;
gap:8px;
color:var(--text);
text-decoration:none;
}

.brand-name{
font-size:21px;
font-weight:800;
letter-spacing:5px;
}

.brand-sub{
font-size:10px;
color:var(--accent);
font-weight:800;
letter-spacing:2px;
}

.nav-links{
display:flex;
gap:34px;
}

.nav-links a{
color:var(--muted);
text-decoration:none;
font-size:11px;
font-weight:600;
letter-spacing:.5px;
transition:.2s;
}

.nav-links a:hover{color:var(--text)}

.nav-cta{
color:var(--accent);
text-decoration:none;
font-size:10px;
font-weight:750;
letter-spacing:1.2px;
padding:11px 16px;
border:1px solid rgba(98,230,180,.35);
border-radius:8px;
background:rgba(98,230,180,.055);
transition:.2s;
}

.nav-cta:hover{
background:rgba(98,230,180,.11);
border-color:rgba(98,230,180,.6);
transform:translateY(-1px);
}

.hero{
min-height:calc(100vh - 78px);
padding:110px 7vw 100px;
position:relative;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
overflow:hidden;
}

.hero-grid{
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
background-size:60px 60px;
mask-image:radial-gradient(circle at center 35%,black,transparent 70%);
pointer-events:none;
}

.hero:after{
content:"";
position:absolute;
width:700px;
height:500px;
top:-200px;
left:50%;
transform:translateX(-50%);
background:radial-gradient(circle,rgba(98,230,180,.085),transparent 65%);
filter:blur(20px);
pointer-events:none;
}

.eyebrow{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:9px;
color:#75838a;
font-size:9px;
font-weight:750;
letter-spacing:2px;
margin-bottom:27px;
}

.dot{
width:6px;
height:6px;
border-radius:50%;
background:var(--accent);
box-shadow:0 0 12px rgba(98,230,180,.75);
}

.hero h1{
position:relative;
z-index:2;
margin:0;
font-size:clamp(48px,7vw,94px);
line-height:.98;
letter-spacing:-4px;
font-weight:700;
max-width:1100px;
}

.hero h1 span{color:#849198}

.hero-copy{
position:relative;
z-index:2;
max-width:570px;
margin:30px auto 0;
font-size:16px;
line-height:1.7;
color:var(--muted);
}

.hero-actions{
position:relative;
z-index:2;
display:flex;
gap:10px;
margin-top:35px;
}

.btn-primary,.btn-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
gap:22px;
height:48px;
padding:0 21px;
border-radius:8px;
text-decoration:none;
font-size:10px;
font-weight:750;
letter-spacing:1.2px;
transition:.2s;
}

.btn-primary{
color:var(--accent);
border:1px solid rgba(98,230,180,.5);
background:linear-gradient(135deg,rgba(98,230,180,.16),rgba(98,230,180,.055));
box-shadow:0 10px 35px rgba(98,230,180,.04);
}

.btn-primary:hover{
transform:translateY(-2px);
border-color:rgba(98,230,180,.8);
background:rgba(98,230,180,.13);
box-shadow:0 14px 40px rgba(98,230,180,.08);
}

.btn-primary span{font-size:15px}

.btn-secondary{
color:#9ba8ae;
border:1px solid var(--border);
background:rgba(17,23,27,.65);
}

.btn-secondary:hover{
color:var(--text);
border-color:#34434a;
transform:translateY(-2px);
}

.hero-price{
position:relative;
z-index:2;
margin-top:31px;
display:flex;
align-items:baseline;
gap:5px;
flex-wrap:wrap;
justify-content:center;
max-width:500px;
}

.hero-price strong{
font-size:23px;
letter-spacing:-1px;
}

.hero-price span{
font-size:12px;
color:var(--muted);
}

.hero-price small{
width:100%;
margin-top:5px;
font-size:9px;
font-weight:700;
letter-spacing:1.5px;
color:#657279;
text-transform:uppercase;
}

.signal-terminal{
position:relative;
z-index:2;
width:min(950px,100%);
margin-top:75px;
text-align:left;
border:1px solid var(--border);
border-radius:14px;
overflow:hidden;
background:linear-gradient(145deg,rgba(18,25,29,.96),rgba(10,15,18,.97));
box-shadow:0 35px 100px rgba(0,0,0,.3);
}

.terminal-head{
height:46px;
padding:0 18px;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid #1b252a;
color:#68767c;
font-family:"SFMono-Regular",Consolas,monospace;
font-size:8px;
letter-spacing:1.3px;
}

.terminal-head div{
display:flex;
align-items:center;
gap:8px;
color:#849198;
}

.terminal-dot{
width:6px;
height:6px;
border-radius:50%;
background:var(--accent);
box-shadow:0 0 10px rgba(98,230,180,.65);
}

.terminal-row{
display:grid;
grid-template-columns:1fr 65px 125px;
gap:20px;
align-items:center;
padding:18px;
border-bottom:1px solid #182126;
}

.terminal-row:last-child{border-bottom:0}

.signal-info{
display:flex;
flex-direction:column;
gap:5px;
}

.signal-info strong{
font-size:12px;
font-weight:600;
color:#dce4e7;
}

.signal-info small{
font-size:10px;
color:#58666d;
}

.signal-category{
width:max-content;
color:#8faea3;
font-size:7px;
font-weight:750;
letter-spacing:1.2px;
}

.signal-score{
justify-self:center;
display:flex;
align-items:center;
justify-content:center;
width:35px;
height:27px;
border-radius:6px;
color:var(--accent);
background:rgba(98,230,180,.07);
border:1px solid rgba(98,230,180,.13);
font-family:"SFMono-Regular",Consolas,monospace;
font-size:10px;
}

.signal-state{
justify-self:end;
padding:6px 8px;
border-radius:6px;
font-size:7px;
font-weight:750;
letter-spacing:.8px;
white-space:nowrap;
}

.extreme{
color:var(--danger);
background:rgba(255,107,107,.08);
border:1px solid rgba(255,107,107,.16);
}

.strong{
color:var(--warning);
background:rgba(232,189,105,.08);
border:1px solid rgba(232,189,105,.16);
}

.moving{
color:#9db1b8;
background:rgba(157,177,184,.07);
border:1px solid rgba(157,177,184,.13);
}

.section{
width:min(1180px,88%);
margin:0 auto;
padding:125px 0;
}

.section-label{
color:#657279;
font-family:"SFMono-Regular",Consolas,monospace;
font-size:8px;
font-weight:700;
letter-spacing:2px;
margin-bottom:38px;
}

.split{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:100px;
align-items:start;
}

h2{
margin:0;
font-size:clamp(34px,4vw,57px);
line-height:1.05;
letter-spacing:-2.5px;
font-weight:680;
}

h2 span{color:#75838a}

.section-copy{
color:var(--muted);
font-size:14px;
line-height:1.8;
padding-top:4px;
}

.section-copy p{margin:0 0 20px}

.system-card{
height:520px;
position:relative;
border:1px solid var(--border);
border-radius:15px;
overflow:hidden;
background:
radial-gradient(circle at center,rgba(98,230,180,.06),transparent 28%),
linear-gradient(145deg,rgba(18,25,29,.94),rgba(9,13,16,.97));
}

.system-card:before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
background-size:50px 50px;
mask-image:radial-gradient(circle,black,transparent 75%);
}

.system-center{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:230px;
height:230px;
display:flex;
align-items:center;
justify-content:center;
}

.system-orbit{
position:absolute;
border:1px solid rgba(98,230,180,.10);
border-radius:50%;
}

.orbit-one{width:230px;height:230px}
.orbit-two{width:155px;height:155px;border-color:rgba(98,230,180,.17)}

.system-core{
width:92px;
height:92px;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border:1px solid rgba(98,230,180,.35);
background:#0c1316;
box-shadow:0 0 60px rgba(98,230,180,.07);
z-index:2;
}

.system-core span{
font-size:12px;
font-weight:800;
letter-spacing:3px;
}

.system-core small{
margin-top:6px;
color:var(--accent);
font-size:6px;
font-weight:700;
letter-spacing:1.5px;
}

.system-node{
position:absolute;
width:220px;
padding:15px 17px;
border:1px solid #202a30;
border-radius:9px;
background:rgba(12,17,20,.9);
display:flex;
flex-direction:column;
gap:5px;
}

.system-node:after{
content:"";
position:absolute;
width:70px;
height:1px;
background:rgba(98,230,180,.18);
top:50%;
}

.node-one{left:55px;top:75px}
.node-one:after{right:-70px}
.node-two{right:55px;top:75px}
.node-two:after{left:-70px}
.node-three{left:50%;bottom:55px;transform:translateX(-50%);text-align:center}
.node-three:after{
left:50%;
top:-55px;
width:1px;
height:55px;
}

.node-index{
color:#526068;
font-family:monospace;
font-size:8px;
}

.system-node strong{
font-size:11px;
letter-spacing:1px;
}

.system-node small{
font-size:9px;
color:#657279;
}

.section-heading{
display:flex;
justify-content:space-between;
align-items:end;
gap:50px;
margin-bottom:40px;
}

.section-heading p{
margin:0;
max-width:320px;
color:var(--muted);
font-size:13px;
line-height:1.6;
}

.feature-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}

.feature{
min-height:230px;
padding:24px;
position:relative;
border:1px solid var(--border);
border-radius:12px;
background:linear-gradient(145deg,rgba(19,27,31,.95),rgba(11,16,19,.96));
overflow:hidden;
transition:.25s;
}

.feature:hover{
transform:translateY(-3px);
border-color:#2d3b42;
background:var(--panel-hover);
}

.feature.large{grid-column:span 2}

.feature-number{
position:absolute;
right:20px;
top:20px;
color:#354249;
font-family:monospace;
font-size:9px;
}

.feature-tag{
display:inline-block;
color:#789187;
font-size:7px;
font-weight:750;
letter-spacing:1.5px;
margin-bottom:28px;
}

.feature h3{
margin:0 0 12px;
font-size:21px;
letter-spacing:-.7px;
font-weight:650;
}

.feature p{
margin:0;
max-width:440px;
color:var(--muted);
font-size:12px;
line-height:1.7;
}

.feature-line{
position:absolute;
left:24px;
bottom:24px;
width:60px;
height:1px;
background:linear-gradient(90deg,var(--accent),transparent);
opacity:.5;
}

.telegram-section{
padding-top:80px;
}

.telegram-layout{
display:grid;
grid-template-columns:1fr 390px;
gap:120px;
align-items:center;
}

.telegram-copy h2{margin-bottom:25px}

.telegram-copy>p{
max-width:500px;
color:var(--muted);
font-size:14px;
line-height:1.8;
}

.mini-points{
margin-top:35px;
display:flex;
flex-direction:column;
gap:13px;
}

.mini-points div{
color:#aab5b9;
font-size:11px;
}

.mini-points span{
display:inline-block;
width:25px;
color:#536168;
font-family:monospace;
font-size:8px;
}

.phone{
width:310px;
min-height:540px;
margin:auto;
padding:13px;
border:1px solid #2a363c;
border-radius:32px;
background:#0b1013;
box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 70px rgba(98,230,180,.025);
}

.phone-top{
height:30px;
display:flex;
justify-content:space-between;
padding:0 11px;
color:#647178;
font-size:7px;
align-items:center;
}

.telegram-message{
max-width:245px;
margin:20px 8px;
padding:13px;
border-radius:10px;
font-size:10px;
line-height:1.5;
}

.system-message{
background:#11191d;
border:1px solid #202d33;
}

.system-message small{
display:block;
color:var(--accent);
font-size:7px;
font-weight:700;
letter-spacing:1px;
margin-bottom:7px;
}

.system-message strong{
display:block;
font-size:11px;
}

.system-message p{
margin:7px 0;
color:#89969c;
}

.message-meta{
font-family:monospace;
font-size:7px;
color:#5e6c72;
}

.user-message{
margin-left:auto;
background:rgba(98,230,180,.08);
border:1px solid rgba(98,230,180,.12);
color:#9db9ae;
}

.user-message p{margin:0}

.telegram-input{
margin-top:55px;
height:36px;
border:1px solid #1d282e;
border-radius:18px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 12px;
color:#4f5d63;
font-size:9px;
}

.telegram-input b{
color:var(--accent);
font-size:13px;
}

.manager-card{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:70px;
padding:45px;
border:1px solid var(--border);
border-radius:14px;
background:
radial-gradient(circle at 0 100%,rgba(98,230,180,.05),transparent 35%),
linear-gradient(145deg,rgba(19,27,31,.97),rgba(10,15,18,.97));
}

.manager-status{
display:flex;
align-items:center;
gap:8px;
color:#718087;
font-size:8px;
font-weight:750;
letter-spacing:1.5px;
margin-bottom:25px;
}

.manager-status span{
width:6px;
height:6px;
border-radius:50%;
background:var(--accent);
box-shadow:0 0 10px rgba(98,230,180,.7);
}

.manager-left h2{
font-size:39px;
letter-spacing:-1.7px;
}

.manager-left p{
max-width:570px;
margin:25px 0 0;
color:var(--muted);
font-size:13px;
line-height:1.8;
}

.manager-right{
align-self:center;
border-top:1px solid #202a30;
}

.manager-line{
height:60px;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid #202a30;
}

.manager-line span{
color:#5f6d73;
font-family:monospace;
font-size:8px;
letter-spacing:1px;
}

.manager-line strong{
color:#c5ced2;
font-size:9px;
letter-spacing:1px;
}

.pricing{
padding-bottom:120px;
}

.pricing-card{
display:grid;
grid-template-columns:1.15fr .85fr;
border:1px solid #29353b;
border-radius:15px;
overflow:hidden;
background:linear-gradient(145deg,rgba(20,29,33,.98),rgba(10,15,18,.98));
box-shadow:0 30px 90px rgba(0,0,0,.25);
}

.pricing-main{
padding:50px;
position:relative;
}

.pricing-main:after{
content:"";
position:absolute;
width:300px;
height:300px;
right:-150px;
top:-150px;
border-radius:50%;
background:rgba(98,230,180,.045);
filter:blur(30px);
}

.pricing-tag{
color:var(--accent);
font-size:8px;
font-weight:750;
letter-spacing:2px;
}

.pricing-main h2{
margin-top:25px;
font-size:44px;
}

.pricing-main>p{
max-width:420px;
color:var(--muted);
font-size:12px;
line-height:1.7;
margin:22px 0 0;
}

.price{
display:flex;
align-items:baseline;
gap:8px;
margin-top:35px;
}

.price strong{
font-size:57px;
letter-spacing:-3px;
}

.price span{
color:var(--muted);
font-size:12px;
}

.unlimited{
margin-top:7px;
color:#718087;
font-size:8px;
font-weight:750;
letter-spacing:1.7px;
}

.pricing-button{
display:flex;
width:max-content;
margin-top:32px;
height:48px;
padding:0 22px;
align-items:center;
gap:25px;
color:var(--accent);
text-decoration:none;
font-size:9px;
font-weight:750;
letter-spacing:1.2px;
border:1px solid rgba(98,230,180,.5);
border-radius:8px;
background:rgba(98,230,180,.08);
transition:.2s;
}

.pricing-button:hover{
background:rgba(98,230,180,.14);
border-color:rgba(98,230,180,.8);
transform:translateY(-2px);
}

.pricing-button span{font-size:15px}

.pricing-features{
padding:50px 42px;
border-left:1px solid #202a30;
display:flex;
flex-direction:column;
justify-content:center;
gap:0;
background:rgba(7,11,13,.3);
}

.pricing-features div{
padding:17px 0;
border-bottom:1px solid #1a2429;
color:#aab5b9;
font-size:11px;
}

.pricing-features div:last-child{border-bottom:0}

.pricing-features span{
color:var(--accent);
margin-right:12px;
}

.faq{
padding-top:50px;
padding-bottom:120px;
}

.faq-list{
border-top:1px solid var(--border);
}

details{
border-bottom:1px solid var(--border);
}

summary{
list-style:none;
cursor:pointer;
padding:24px 4px;
display:flex;
justify-content:space-between;
align-items:center;
font-size:13px;
font-weight:600;
}

summary::-webkit-details-marker{display:none}

summary span{
color:#536168;
font-size:18px;
font-weight:400;
transition:.2s;
}

details[open] summary span{transform:rotate(45deg);color:var(--accent)}

details p{
max-width:700px;
padding:0 40px 24px 4px;
margin:0;
color:var(--muted);
font-size:12px;
line-height:1.8;
}

.final-cta{
position:relative;
overflow:hidden;
padding:150px 20px;
text-align:center;
border-top:1px solid #182126;
border-bottom:1px solid #182126;
background:#090d0f;
}

.final-glow{
position:absolute;
width:650px;
height:300px;
left:50%;
top:30%;
transform:translate(-50%,-50%);
background:radial-gradient(circle,rgba(98,230,180,.08),transparent 65%);
filter:blur(25px);
}

.final-cta>span{
position:relative;
color:var(--accent);
font-size:8px;
font-weight:750;
letter-spacing:3px;
}

.final-cta h2{
position:relative;
margin:25px 0 35px;
font-size:clamp(43px,6vw,76px);
}

.final-cta em{
font-style:normal;
color:#68767c;
}

.final-cta .btn-primary{
position:relative;
}

footer{
min-height:90px;
padding:0 6vw;
display:grid;
grid-template-columns:1fr 1fr 1fr;
align-items:center;
border-top:1px solid #141d21;
color:#4f5c62;
}

.footer-brand{
color:#89969c;
font-size:12px;
font-weight:800;
letter-spacing:3px;
}

.footer-copy{
text-align:center;
font-size:7px;
letter-spacing:1.5px;
}

.footer-right{
text-align:right;
font-size:8px;
}

@media(max-width:900px){
.nav{padding:0 22px}
.nav-links{display:none}
.hero{padding:85px 22px 75px}
.hero h1{letter-spacing:-2.5px}
.section{width:calc(100% - 44px);padding:90px 0}
.split,.telegram-layout,.manager-card,.pricing-card{grid-template-columns:1fr;gap:50px}
.feature-grid{grid-template-columns:1fr 1fr}
.feature.large{grid-column:span 2}
.system-card{height:470px}
.pricing-features{border-left:0;border-top:1px solid #202a30}
.phone{width:300px}
.manager-left h2{font-size:34px}
}

@media(max-width:600px){
.nav{height:68px}
.brand-name{font-size:18px}
.nav-cta{padding:10px 11px;font-size:8px}
.hero{min-height:auto;padding-top:70px}
.hero h1{font-size:47px}
.hero-copy{font-size:14px}
.hero-actions{width:100%;flex-direction:column}
.btn-primary,.btn-secondary{width:100%}
.signal-terminal{margin-top:55px}
.terminal-row{grid-template-columns:1fr 45px}
.signal-state{display:none}
.section{width:calc(100% - 32px);padding:75px 0}
.section-heading{display:block}
.section-heading p{margin-top:18px}
.feature-grid{grid-template-columns:1fr}
.feature.large{grid-column:span 1}
.feature{min-height:205px}
.system-card{height:500px}
.system-node{width:155px}
.node-one{left:18px;top:50px}
.node-two{right:18px;top:50px}
.node-one:after,.node-two:after{display:none}
.node-three{bottom:35px}
.telegram-layout{gap:40px}
.manager-card{padding:28px}
.manager-left h2{font-size:30px}
.pricing-main{padding:32px}
.pricing-main h2{font-size:36px}
.price strong{font-size:49px}
.pricing-features{padding:25px 32px}
.final-cta{padding:110px 20px}
footer{padding:25px 20px;grid-template-columns:1fr;gap:12px;text-align:center}
.footer-copy,.footer-right{text-align:center}
}

@media(prefers-reduced-motion:reduce){
*{scroll-behavior:auto!important;transition:none!important}
}