:root { --bg:#07090d; --surface:#0d1118; --text:#f2f5f8; --muted:#8b96a8; --line:rgba(255,255,255,.12); --blue:#5e8fff; --blue-soft:#a9c0ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
svg { display:block; }

.site-header { position:fixed; inset:0 0 auto; z-index:50; height:78px; padding:0 clamp(24px,5vw,76px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); background:rgba(7,9,13,.74); backdrop-filter:blur(18px); }
.logo { display:inline-flex; align-items:center; gap:9px; width:max-content; font-size:12px; letter-spacing:.22em; font-weight:700; }
.logo-mark { display:grid; place-items:center; width:39px; height:29px; border:1px solid rgba(255,255,255,.7); font-size:12px; letter-spacing:.04em; }
nav { display:flex; gap:40px; font-size:12px; color:#b8bfcb; }
nav a,.header-cta { transition:color .25s ease; }
nav a:hover { color:white; }
.header-cta { justify-self:end; display:flex; align-items:center; gap:10px; font-size:12px; font-weight:600; }
.header-cta:hover { color:var(--blue-soft); }
.header-cta svg,.telegram-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; }

.hero { min-height:100vh; position:relative; overflow:hidden; display:flex; align-items:center; padding:150px clamp(24px,7vw,110px) 115px; isolation:isolate; }
.hero::after { content:"ILM"; position:absolute; right:-3vw; top:47%; transform:translateY(-50%); z-index:-2; font-size:clamp(210px,32vw,520px); line-height:.8; letter-spacing:-.09em; font-weight:800; color:rgba(255,255,255,.018); -webkit-text-stroke:1px rgba(255,255,255,.05); }
.hero-glow { position:absolute; z-index:-3; width:55vw; height:55vw; right:-10vw; top:0; border-radius:50%; background:radial-gradient(circle,rgba(61,105,220,.28),rgba(7,9,13,0) 64%); filter:blur(30px); }
.hero-grid { position:absolute; z-index:-2; inset:78px 0 0 48%; opacity:.22; background-image:linear-gradient(rgba(113,151,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(113,151,255,.16) 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(circle at 70% 35%,#000,transparent 68%); transform:perspective(600px) rotateY(-18deg) rotateZ(-3deg) scale(1.15); }
.hero-content { width:min(920px,78vw); }
.eyebrow { display:flex; align-items:center; gap:11px; color:var(--blue-soft); font-size:11px; letter-spacing:.22em; text-transform:uppercase; font-weight:700; }
.eyebrow>span { width:28px; height:1px; background:currentColor; }
h1 { margin:28px 0; max-width:1050px; font-size:clamp(54px,7.5vw,118px); line-height:.91; letter-spacing:-.065em; text-transform:uppercase; font-weight:600; }
h1 em,.final-cta h2 em { font-family:Georgia,'Times New Roman',serif; text-transform:lowercase; font-weight:400; color:var(--blue-soft); }
.hero-lead { max-width:630px; margin:0; color:#aab3c2; font-size:clamp(16px,1.4vw,20px); line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:43px; }
.telegram-button { display:inline-flex; align-items:center; justify-content:space-between; gap:34px; min-width:270px; padding:17px 19px 17px 22px; background:var(--blue); color:white; font-size:12px; font-weight:700; transition:background .25s ease,transform .25s ease; }
.telegram-button:hover { background:#76a0ff; transform:translateY(-2px); }
.availability { display:flex; gap:9px; align-items:center; color:#8f98a7; font-size:11px; text-transform:uppercase; letter-spacing:.14em; }
.availability span { width:7px; height:7px; border-radius:50%; background:#61d29a; box-shadow:0 0 13px rgba(97,210,154,.8); }
.hero-proof { position:absolute; right:clamp(25px,6vw,95px); bottom:80px; display:flex; gap:46px; }
.hero-proof div { display:flex; flex-direction:column; gap:6px; min-width:85px; }
.hero-proof strong { font-size:23px; font-weight:500; }
.hero-proof span { color:#697487; font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.scroll-note { position:absolute; left:clamp(24px,3vw,48px); bottom:76px; color:#606a79; font-size:9px; letter-spacing:.17em; text-transform:uppercase; writing-mode:vertical-rl; display:flex; gap:15px; align-items:center; }

.section { padding:130px clamp(24px,7vw,110px); }
.section-label { color:#707a8a; font-size:10px; letter-spacing:.2em; text-transform:uppercase; }
.about { border-top:1px solid var(--line); background:#090c11; }
.about-layout { display:grid; grid-template-columns:1fr 1fr; gap:8vw; margin-top:56px; }
.about h2,.section-heading-row h2,.final-cta h2 { margin:0; font-size:clamp(41px,5vw,76px); line-height:1.02; letter-spacing:-.055em; font-weight:500; }
.about h2 span { color:#677285; }
.about-copy { max-width:620px; }
.about-copy p { color:#919baa; font-size:15px; line-height:1.85; }
.about-copy .large-copy { margin-top:0; color:#dce1e9; font-size:22px; line-height:1.48; }
.manifesto { margin-top:44px; padding-top:25px; border-top:1px solid var(--line); color:var(--blue-soft); font-size:12px; letter-spacing:.18em; text-transform:uppercase; }

.benefits { background:#f0f2f5; color:#0b1018; }
.benefits .section-label { color:#697282; }
.section-heading-row { display:grid; grid-template-columns:1fr 2fr; gap:7vw; align-items:start; }
.benefit-list { margin-top:78px; border-top:1px solid rgba(11,16,24,.2); }
.benefit-row { min-height:125px; display:grid; grid-template-columns:80px 1.2fr 1fr 16px; gap:30px; align-items:center; border-bottom:1px solid rgba(11,16,24,.16); }
.benefit-number { color:#77808e; font-size:11px; }
.benefit-row h3 { margin:0; font-size:21px; font-weight:500; letter-spacing:-.02em; }
.benefit-row p { color:#5e6775; font-size:14px; line-height:1.65; }
.row-dot { width:7px; height:7px; border-radius:50%; background:var(--blue); opacity:.55; transition:opacity .2s,transform .2s; }
.benefit-row:hover .row-dot { opacity:1; transform:scale(1.5); }

.audience { background:#0a0d13; }
.audience-heading>div:last-child,.process-heading>div:last-child { display:flex; justify-content:space-between; align-items:end; gap:40px; }
.audience-heading p,.process-heading p { width:280px; margin:0 0 7px; color:#7f8998; font-size:13px; line-height:1.65; }
.audience-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:75px; background:var(--line); border:1px solid var(--line); }
.audience-card { min-height:440px; padding:24px; background:#0b0f16; display:flex; flex-direction:column; transition:background .25s ease; }
.audience-card:hover { background:#101722; }
.card-top { display:flex; justify-content:space-between; color:#687486; font-size:9px; text-transform:uppercase; letter-spacing:.16em; }
.audience-icon { height:190px; display:grid; place-items:center; color:#658ee8; font-family:Georgia,serif; font-size:84px; font-weight:300; opacity:.78; }
.audience-card h3 { margin:auto 0 14px; font-size:22px; font-weight:500; text-transform:uppercase; letter-spacing:-.02em; }
.audience-card p { margin:0; color:#7c8797; font-size:12px; line-height:1.7; }

.process { background:#0c1017; }
.steps { margin-top:78px; }
.step { display:grid; grid-template-columns:85px 100px 1fr; min-height:150px; }
.step-number { color:var(--blue-soft); font-size:13px; padding-top:6px; }
.step-line { position:relative; }
.step-line::before { content:""; position:absolute; left:4px; top:11px; bottom:-11px; width:1px; background:#293343; }
.step:last-child .step-line::before { display:none; }
.step-line span { position:relative; z-index:1; display:block; width:9px; height:9px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 6px #162139; }
.step h3 { margin:0 0 13px; font-size:24px; font-weight:500; text-transform:uppercase; }
.step p { max-width:650px; margin:0; color:#828c9b; font-size:14px; line-height:1.7; }

.final-cta { min-height:680px; position:relative; overflow:hidden; padding:130px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#070a0f; }
.final-cta h2 { margin-top:26px; font-size:clamp(55px,7vw,105px); text-transform:uppercase; }
.final-cta>p { max-width:610px; margin:30px 0 36px; color:#8993a2; font-size:15px; line-height:1.75; }
.large-button { min-width:310px; }
.cta-orbit { position:absolute; width:720px; height:720px; border:1px solid rgba(99,139,229,.09); border-radius:50%; pointer-events:none; }
.cta-orbit::before,.cta-orbit::after { content:""; position:absolute; inset:16%; border:1px solid rgba(99,139,229,.08); border-radius:50%; }
.cta-orbit::after { inset:33%; background:radial-gradient(circle,rgba(70,111,208,.13),transparent 68%); }
.cta-orbit span { position:absolute; width:5px; height:5px; border-radius:50%; background:#6e96f1; box-shadow:0 0 15px #6e96f1; }
.cta-orbit span:nth-child(1){left:12%;top:30%}.cta-orbit span:nth-child(2){right:13%;top:37%}.cta-orbit span:nth-child(3){right:25%;bottom:15%}
.final-cta>*:not(.cta-orbit) { position:relative; z-index:2; }

footer { min-height:170px; padding:45px clamp(24px,7vw,110px); border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; }
footer>p { color:#687383; font-size:10px; line-height:1.7; text-transform:uppercase; letter-spacing:.12em; }
.footer-right { justify-self:end; display:flex; flex-direction:column; align-items:flex-end; gap:13px; font-size:10px; color:#687383; }
.footer-right a { color:#bdc5d0; }

@media (max-width:1000px) { nav{display:none}.site-header{grid-template-columns:1fr 1fr}.hero-content{width:100%}.hero-proof{position:static;margin-top:70px}.hero{display:block;min-height:auto}.scroll-note{display:none}.audience-grid{grid-template-columns:repeat(2,1fr)}.about-layout{gap:50px} }
@media (max-width:700px) {
  .site-header{height:66px;padding:0 18px}.header-cta{font-size:0;gap:0}.header-cta::before{content:"Telegram";font-size:11px}.header-cta svg{margin-left:8px}
  .hero{padding:125px 20px 65px}.hero::after{top:22%;right:-18%;font-size:62vw}h1{font-size:clamp(47px,14.4vw,72px);line-height:.94}.hero-lead{font-size:15px}
  .hero-actions{align-items:flex-start;flex-direction:column}.telegram-button{width:100%;min-width:0}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px;padding-top:24px;border-top:1px solid var(--line)}.hero-proof strong{font-size:18px}.hero-proof span{font-size:7px}
  .section{padding:85px 20px}.about-layout,.section-heading-row{grid-template-columns:1fr;gap:36px;margin-top:36px}.about h2,.section-heading-row h2{font-size:42px}.about-copy .large-copy{font-size:19px}
  .benefit-list{margin-top:50px}.benefit-row{grid-template-columns:40px 1fr 10px;gap:12px;padding:25px 0}.benefit-row p{grid-column:2/4;margin:0}
  .audience-heading>div:last-child,.process-heading>div:last-child{display:block}.audience-heading p,.process-heading p{width:auto;margin-top:20px}.audience-grid{grid-template-columns:1fr;margin-top:45px}.audience-card{min-height:360px}.audience-icon{height:130px}
  .step{grid-template-columns:48px 35px 1fr;min-height:175px}.step h3{font-size:19px}.step p{font-size:13px}.final-cta{min-height:620px;padding:90px 20px}.final-cta h2{font-size:50px}.cta-orbit{width:570px;height:570px}
  footer{grid-template-columns:1fr 1fr;gap:30px}footer>p{display:none}
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*::before,*::after{transition:none!important} }