html{background:var(--color-background)}
body{overflow-x:hidden;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
::selection{background:rgba(78,140,255,.35);color:#fff}
.container{width:min(calc(100% - 2rem),var(--container-width));margin-inline:auto}
.skip-link{position:fixed;z-index:999;top:10px;left:10px;transform:translateY(-150%);padding:.7rem 1rem;border-radius:var(--radius-sm);background:#fff;color:#05070c;font-weight:700;transition:transform var(--transition)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:100;top:0;left:0;width:100%;height:var(--header-height);transition:background var(--transition),border-color var(--transition),transform var(--transition)}
.site-header.is-scrolled{position:fixed;background:rgba(6,8,14,.8);border-bottom:1px solid var(--color-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1.5rem}
.brand{display:flex;align-items:center;flex:none}.brand img{width:238px;height:56px}
.main-nav{display:flex;align-items:center;gap:clamp(1rem,2.6vw,2.25rem);margin-left:auto}
.main-nav a{position:relative;color:var(--color-muted);font-size:.9rem;font-weight:550;transition:color var(--transition)}
.main-nav a::after{position:absolute;right:0;bottom:-7px;left:0;height:1px;content:"";transform:scaleX(0);background:var(--color-secondary);transition:transform var(--transition)}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--color-text)}.main-nav a:hover::after,.main-nav a:focus-visible::after{transform:scaleX(1)}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1.35rem;border:1px solid transparent;border-radius:999px;font-size:.94rem;font-weight:700;line-height:1;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition)}
.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid rgba(78,140,255,.45);outline-offset:3px}
.button-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 12px 30px rgba(57,112,232,.25)}
.button-primary:hover{box-shadow:0 15px 38px rgba(57,112,232,.4)}
.button-ghost{border-color:var(--color-border-strong);background:rgba(255,255,255,.025);color:var(--color-text)}.button-ghost:hover{border-color:rgba(119,173,255,.5);background:rgba(78,140,255,.08)}
.button-light{background:#f7f9fd;color:#070a12;box-shadow:0 15px 40px rgba(0,0,0,.25)}
.button-small{min-height:42px;padding:.7rem 1.1rem;font-size:.83rem}.button-full{width:100%}
.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text);cursor:pointer}.menu-toggle span{width:18px;height:1.5px;background:currentColor;transition:transform var(--transition),opacity var(--transition)}
.hero{position:relative;display:flex;min-height:max(720px,100svh);align-items:center;overflow:hidden;padding:calc(var(--header-height) + 4.75rem) 0 6rem;background:radial-gradient(circle at 72% 44%,rgba(18,39,75,.32),transparent 37%),linear-gradient(180deg,#05070c 0%,#070a11 100%)}
.hero::after{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--color-border-strong),transparent)}
.hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(100,145,230,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(100,145,230,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 4%,#000 34%,transparent 95%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{top:18%;right:9%;width:500px;height:500px;background:radial-gradient(circle,rgba(78,140,255,.15),transparent 65%)}.hero-glow-two{bottom:5%;left:20%;width:380px;height:280px;background:radial-gradient(circle,rgba(0,221,179,.06),transparent 70%)}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);align-items:center;gap:clamp(2rem,5vw,6rem)}
.eyebrow,.section-index{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-accent-bright);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.eyebrow{padding:.42rem .7rem;border:1px solid var(--color-border);border-radius:999px;background:rgba(78,140,255,.055)}
.status-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 0 4px rgba(0,221,179,.1),0 0 15px rgba(0,221,179,.7);animation:pulse 2s ease-in-out infinite}
.hero h1{max-width:760px;margin-top:1.55rem;font-size:clamp(3.4rem,6.5vw,6.4rem);font-weight:600;letter-spacing:-.065em;line-height:.94}
.hero h1 span{background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-lead{max-width:650px;margin-top:1.7rem;color:var(--color-muted);font-size:clamp(1.05rem,1.45vw,1.22rem);line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.1rem}
.hero-trust{display:flex;gap:1.5rem;margin-top:3.2rem}.hero-trust li{display:flex;align-items:center;gap:.55rem;color:var(--color-muted);font-size:.75rem;white-space:nowrap}.hero-trust span{color:var(--color-secondary);font-family:var(--font-mono);font-size:.65rem}
.connection-visual{position:relative;min-height:500px;isolation:isolate}.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(119,173,255,.16);border-radius:50%;transform:translate(-50%,-50%)}.orbit::before,.orbit::after{position:absolute;width:6px;height:6px;border-radius:50%;content:"";background:var(--color-accent-bright);box-shadow:0 0 15px var(--color-accent)}.orbit::before{top:12%;left:20%}.orbit::after{right:7%;bottom:28%;background:var(--color-secondary)}.orbit-one{width:410px;height:410px;animation:spin 24s linear infinite}.orbit-two{width:310px;height:310px;border-style:dashed;animation:spin-reverse 32s linear infinite}
.core-globe{position:absolute;top:50%;left:50%;display:grid;width:230px;height:230px;place-items:center;transform:translate(-50%,-50%);border:1px solid var(--color-border-strong);border-radius:50%;background:radial-gradient(circle at 35% 28%,#273653,#111827 50%,#080c14 76%);box-shadow:inset -25px -25px 50px rgba(0,0,0,.35),inset 12px 12px 30px rgba(119,173,255,.12),0 0 75px rgba(78,140,255,.18)}.core-globe img{width:184px;filter:drop-shadow(0 0 22px rgba(119,173,255,.2))}
.signal{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:999px;background:rgba(10,14,24,.82);color:var(--color-muted);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;backdrop-filter:blur(8px)}.signal i{width:6px;height:6px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 10px var(--color-secondary)}.signal-one{top:17%;left:3%}.signal-two{top:26%;right:1%}.signal-three{right:2%;bottom:20%}
.connection-card{position:absolute;right:8%;bottom:0;left:8%;padding:1.15rem 1.25rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:rgba(13,18,30,.84);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.connection-card-head{display:flex;align-items:center;gap:.55rem;color:var(--color-muted);font-size:.72rem}.connection-card strong{display:block;margin-top:.5rem;font-size:1.05rem}.connection-meter{height:3px;margin-top:.8rem;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.08)}.connection-meter span{display:block;width:84%;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-secondary));box-shadow:0 0 12px var(--color-accent)}.connection-meta{display:flex;justify-content:space-between;margin-top:.5rem;color:var(--color-dim);font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase}
.scroll-cue{position:absolute;z-index:3;bottom:2.2rem;left:50%;display:flex;align-items:center;gap:.55rem;transform:translateX(-50%);color:var(--color-dim);font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.scroll-cue span{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text)}
.section{position:relative;padding-block:var(--section-spacing)}.section-surface{border-block:1px solid var(--color-border);background:linear-gradient(180deg,#080b13,#0a0e18 50%,#080b13)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:3.25rem}.section-heading.vertical{display:block;margin-bottom:0}.section-heading h2,.pricing-copy h2,.cta-panel h2,.final-cta h2{margin-top:.65rem;font-size:clamp(2.45rem,5vw,4.8rem);font-weight:570;letter-spacing:-.055em;line-height:1.04}.section-heading>p,.section-heading.vertical p{max-width:470px;color:var(--color-muted);font-size:1rem}.section-heading.vertical p{margin-top:1.3rem}.text-link{display:inline-flex;align-items:center;gap:.65rem;margin-top:1.6rem;color:var(--color-text);font-weight:700}.text-link span{color:var(--color-secondary)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feature-card{position:relative;min-height:310px;overflow:hidden;padding:1.7rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(18,26,43,.8),rgba(9,13,23,.96));transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-border-strong);box-shadow:var(--shadow-glow)}.feature-card-wide{grid-row:span 2;min-height:636px}.feature-number{position:absolute;top:1.6rem;right:1.6rem;color:var(--color-dim);font-family:var(--font-mono);font-size:.68rem}.feature-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:rgba(78,140,255,.08);color:var(--color-accent-bright)}.feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.feature-card h3{margin-top:4.5rem;font-size:1.5rem;letter-spacing:-.025em}.feature-card p{max-width:470px;margin-top:.75rem;color:var(--color-muted)}.feature-card-wide h3{margin-top:14rem;font-size:2rem}.service-cloud{position:absolute;top:5.2rem;right:1.7rem;left:1.7rem;height:210px}.service-cloud::before{position:absolute;top:50%;left:50%;width:165px;height:165px;content:"";transform:translate(-50%,-50%);border:1px solid var(--color-border-strong);border-radius:50%;background:radial-gradient(circle,rgba(78,140,255,.2),transparent 65%);box-shadow:var(--shadow-glow)}.service-cloud::after{position:absolute;top:50%;left:50%;width:95px;height:95px;content:"FS";display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(119,173,255,.38);border-radius:50%;background:#111a2c;color:#fff;font-weight:800;letter-spacing:.06em}.service-cloud span{position:absolute;padding:.35rem .65rem;border:1px solid var(--color-border);border-radius:999px;background:#0b101c;color:var(--color-muted);font-family:var(--font-mono);font-size:.58rem}.service-cloud span:nth-child(1){top:8%;left:8%}.service-cloud span:nth-child(2){top:12%;right:7%}.service-cloud span:nth-child(3){bottom:12%;left:2%}.service-cloud span:nth-child(4){right:4%;bottom:6%}
.split-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,8vw,8rem);align-items:start}.benefit-list{border-top:1px solid var(--color-border)}.benefit-row{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1.65rem .3rem;border-bottom:1px solid var(--color-border)}.benefit-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-secondary);font-family:var(--font-mono);font-size:.7rem}.benefit-row h3{font-size:1.15rem}.benefit-row p{max-width:540px;margin-top:.35rem;color:var(--color-muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.step{padding:1.25rem 2rem 1rem 0}.step+.step{padding-left:2rem;border-left:1px solid var(--color-border)}.step-top{display:flex;align-items:center;gap:1rem;color:var(--color-secondary);font-family:var(--font-mono);font-size:.7rem}.step-top i{width:100%;height:1px;background:linear-gradient(90deg,var(--color-border-strong),transparent)}.step h3{margin-top:2rem;font-size:1.25rem}.step p{margin-top:.7rem;color:var(--color-muted)}
.pricing-section{overflow:hidden;border-block:1px solid var(--color-border);background:#070a11}.pricing-glow{position:absolute;top:50%;left:67%;width:700px;height:700px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(78,140,255,.11),transparent 65%)}.pricing-layout{position:relative;display:grid;grid-template-columns:1fr minmax(400px,.72fr);gap:clamp(3rem,9vw,9rem);align-items:center}.pricing-copy>p{max-width:540px;margin-top:1.4rem;color:var(--color-muted)}.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.25rem;margin-top:2rem}.pricing-notes li{position:relative;padding-left:1.35rem;color:#cbd4e7;font-size:.88rem}.pricing-notes li::before{position:absolute;top:.55em;left:0;width:6px;height:6px;border-radius:50%;content:"";background:var(--color-secondary);box-shadow:0 0 10px rgba(0,221,179,.45)}
.price-card{position:relative;padding:2rem;border:1px solid rgba(119,173,255,.34);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(24,36,60,.95),rgba(9,14,24,.98));box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 65px rgba(78,140,255,.11)}.price-card::before{position:absolute;inset:0;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.07),transparent 30%)}.price-card-badge{display:inline-flex;padding:.35rem .65rem;border:1px solid rgba(0,221,179,.28);border-radius:999px;background:rgba(0,221,179,.07);color:var(--color-secondary);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em}.price-period{margin-top:2.2rem;color:var(--color-muted)}.price-value{display:flex;align-items:baseline;gap:.65rem;margin-top:.25rem}.price-value strong{font-size:clamp(3.2rem,5vw,5rem);font-weight:580;letter-spacing:-.07em;line-height:1.1}.price-value span{color:var(--color-dim);font-size:.8rem}.price-divider{height:1px;margin:1.5rem 0;background:var(--color-border)}.price-card>p:not(.price-period){color:var(--color-muted)}.price-card .button{position:relative;margin-top:1.6rem}.price-card small{display:block;margin-top:.75rem;color:var(--color-dim);text-align:center}
.cta-section{padding-bottom:calc(var(--section-spacing) + 1rem)}.cta-panel{position:relative;overflow:hidden;padding:clamp(2.3rem,6vw,5.5rem);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:linear-gradient(135deg,#163b82 0%,#1c5cc0 48%,#087d73 130%);box-shadow:0 35px 100px rgba(14,52,116,.28)}.cta-panel>*:not(.cta-orb){position:relative;z-index:2}.cta-panel .section-index{color:#bde8ff}.cta-panel h2{max-width:790px}.cta-panel p{max-width:520px;margin-top:1.2rem;color:rgba(255,255,255,.75)}.cta-panel .button{margin-top:1.8rem}.cta-orb{position:absolute;top:50%;right:-8%;width:520px;height:520px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:inset 0 0 90px rgba(255,255,255,.08)}.cta-orb::before,.cta-orb::after{position:absolute;inset:14%;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:""}.cta-orb::after{inset:31%}
.faq-section{border-top:1px solid var(--color-border);background:linear-gradient(180deg,#070a11,#06080e)}.faq-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(3rem,9vw,9rem);align-items:start}.faq-list{border-top:1px solid var(--color-border-strong)}.faq-item{border-bottom:1px solid var(--color-border-strong)}.faq-item h3{font-size:1rem}.faq-item button{display:flex;width:100%;min-height:86px;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem 0;background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.faq-item button span{font-size:clamp(1rem,2vw,1.2rem);font-weight:600}.faq-item button i{position:relative;width:24px;height:24px;flex:none;border:1px solid var(--color-border);border-radius:50%}.faq-item button i::before,.faq-item button i::after{position:absolute;top:50%;left:50%;width:9px;height:1px;content:"";transform:translate(-50%,-50%);background:var(--color-accent-bright);transition:transform var(--transition)}.faq-item button i::after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item button[aria-expanded=true] i::after{transform:translate(-50%,-50%) rotate(0)}.faq-item button:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}.faq-answer{display:grid;grid-template-rows:1fr;transition:grid-template-rows 260ms ease}.faq-answer[hidden]{display:grid;grid-template-rows:0fr}.faq-answer>div{overflow:hidden}.faq-answer p{max-width:680px;padding:0 3rem 1.5rem 0;color:var(--color-muted)}
.final-cta{padding:3.4rem 0;border-block:1px solid var(--color-border);background:#04060a}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.final-cta h2{margin-top:.35rem;font-size:clamp(2rem,4vw,3.4rem)}.final-cta p{margin-top:.35rem;color:var(--color-muted)}.final-cta-action{display:flex;align-items:center;gap:1.25rem}.final-price{font-size:1.35rem;font-weight:700;white-space:nowrap}
.site-footer{padding:4.3rem 0 1.8rem;background:#03050a}.footer-grid{display:grid;grid-template-columns:1.1fr 1.3fr .9fr auto;gap:2.5rem;align-items:start}.footer-brand{margin-top:-.65rem}.footer-grid>p{max-width:300px;color:var(--color-muted);font-size:.9rem}.footer-grid nav{display:grid;gap:.5rem}.footer-grid nav a,.footer-telegram{color:var(--color-muted);font-size:.85rem;transition:color var(--transition)}.footer-grid nav a:hover,.footer-telegram:hover{color:var(--color-text)}.footer-telegram span{color:var(--color-secondary)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3.5rem;padding-top:1.4rem;border-top:1px solid var(--color-border);color:var(--color-dim);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em}
.reveal{opacity:0;transform:translateY(22px);transition:opacity 650ms ease,transform 650ms cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
