@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#030b18;--bg-soft:#071322;--card:#0b192a;--card-2:#0e1d30;--line:#19324d;--text:#f5f9ff;--muted:#91a3b8;--accent:#168bff;--accent-2:#24c4ff;--green:#3ad69d;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 8%,rgba(22,139,255,.09),transparent 28%),radial-gradient(circle at 90% 28%,rgba(36,196,255,.05),transparent 25%)}a{color:inherit}.container{width:min(1420px,calc(100% - 48px));margin:0 auto}.site-header{height:72px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(97,151,204,.18);background:rgba(2,9,19,.9);backdrop-filter:blur(18px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:19px;font-weight:800;letter-spacing:.025em}.brand img{width:35px;height:35px}.brand b{color:var(--accent);font-weight:800}.nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav a{color:#d0d9e5;text-decoration:none;font-size:13px;font-weight:600;transition:.2s}.nav a:hover,.nav a.active{color:#fff}.nav small{font-size:11px;color:#7f93aa;margin-left:3px}.telegram-link{height:42px;padding:0 15px;border:1px solid #2589e8;border-radius:8px;display:flex;align-items:center;gap:9px;text-decoration:none;font-size:12px;font-weight:700;transition:.2s;background:rgba(8,42,75,.45)}.telegram-link:hover{background:#0a4e89;transform:translateY(-1px)}.telegram-link span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#168bff;color:#fff;font-size:11px}.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#071525;padding:10px}.menu-toggle span{display:block;height:2px;background:#fff;margin:4px 0;border-radius:3px}
.btn{min-height:48px;padding:0 22px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border:1px solid transparent;font-size:13px;font-weight:700;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0789ff,#1c70f2);box-shadow:0 15px 45px rgba(15,125,255,.22)}.btn-secondary{border-color:#245077;background:#09192a;color:#d9e9f9}.btn-secondary:hover{border-color:#308fe4;background:#0d2540}.btn-light{background:#fff;color:#07101e}.text-link{color:#38a9ff;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.home-hero{position:relative;min-height:650px;padding:76px 0 0;overflow:hidden;border-bottom:1px solid rgba(73,129,184,.14);background:linear-gradient(115deg,#04101f 0%,#031326 48%,#03101e 100%)}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(38,105,167,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(38,105,167,.09) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 88%);opacity:.42}.home-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:12%;top:40px;background:#0768f2;opacity:.17;filter:blur(110px)}.home-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:42px}.home-hero-copy{padding-bottom:38px}.home-hero h1{font-size:clamp(43px,5vw,72px);line-height:1.13;letter-spacing:-.045em;margin:0 0 26px;max-width:720px}.home-hero h1 span{color:var(--accent);display:inline}.home-hero-copy>p{font-size:18px;line-height:1.75;color:#eef4fb;max-width:610px;margin:0 0 31px}.hero-actions{display:flex;gap:12px}.home-hero-art{position:relative;align-self:end;z-index:2}.home-hero-art img{width:100%;display:block;filter:drop-shadow(0 24px 55px rgba(0,91,255,.18))}.hero-benefits{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:4px 0 48px}.hero-benefits>div{display:flex;gap:18px;align-items:flex-start}.hero-benefits i{width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:16px;background:#0c2239;border:1px solid #173c60;color:#35b5ff;font-style:normal;font-size:25px}.hero-benefits b,.hero-benefits small{display:block}.hero-benefits b{font-size:14px;margin:3px 0 8px}.hero-benefits small{font-size:12px;line-height:1.7;color:#a4b5c8;max-width:235px}
.directions,.cases-preview,.process-section,.cases-page{padding:70px 0;background:#061221}.title-line{display:flex;align-items:center;gap:11px;margin-bottom:30px}.title-line>span{width:4px;height:33px;border-radius:4px;background:linear-gradient(#0ba1ff,#246cff)}.title-line h2{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:0}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.direction-card{min-height:236px;padding:28px 28px 25px;display:flex;gap:21px;text-decoration:none;border:1px solid #1a3854;border-radius:13px;background:linear-gradient(135deg,rgba(13,32,52,.9),rgba(9,24,41,.95));transition:.24s}.direction-card:hover{transform:translateY(-4px);border-color:#277dcc;background:linear-gradient(135deg,#0d2947,#0a2038)}.direction-icon{width:54px;height:54px;flex:none;display:grid;place-items:center;color:#32a9ff;font-size:32px}.direction-card h3{font-size:16px;margin:7px 0 18px}.direction-card p{font-size:13px;line-height:1.75;color:#b0bfd0;margin:0 0 20px}.direction-card>div:last-child{display:flex;flex-direction:column;align-items:flex-start}.direction-card span{color:#29a9ff;font-size:12px;font-weight:700;margin-top:auto}.direction-card.wide{grid-column:1/-1;min-height:118px;align-items:center}.direction-card.wide p{max-width:970px;margin-bottom:9px}
.cases-preview{padding-top:82px;background:#040d1a;border-top:1px solid rgba(67,124,178,.12)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}.section-top .title-line{margin-bottom:14px}.section-top p{max-width:720px;margin:0;color:#93a6ba;font-size:14px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.case-card{min-width:0;text-decoration:none;border:1px solid #18334d;border-radius:9px;background:#0b192a;overflow:hidden;transition:.23s}.case-card:hover{transform:translateY(-4px);border-color:#2b75b7;box-shadow:0 18px 45px rgba(0,0,0,.22)}.case-image{aspect-ratio:16/8.45;background:#07111e;overflow:hidden;border-bottom:1px solid #16324c}.case-image img{width:100%;height:100%;display:block;object-fit:cover;transition:.4s}.case-card:hover .case-image img{transform:scale(1.025)}.case-body{padding:15px 15px 18px}.case-heading{display:flex;align-items:center;gap:9px;justify-content:space-between}.case-heading h3{font-size:14px;line-height:1.25;margin:0}.badge{font-style:normal;font-size:8px;font-weight:600;padding:4px 7px;border-radius:5px;white-space:nowrap}.badge-telegram{background:#8037d4;color:#f3dfff}.badge-crm{background:#146096;color:#ccedff}.badge-automation{background:#156d6d;color:#cffff2}.badge-infrastructure{background:#394758;color:#e0e8f1}.case-body p{font-size:11px;line-height:1.6;color:#adbdcd;margin:11px 0 0}.case-grid.compact .case-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.process-section{background:#071525;border-top:1px solid #112c45}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.process-grid>div:first-child>p{color:#9bb0c4;line-height:1.85;margin:0 0 28px}.process-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.process-list>div{padding:22px;border:1px solid #1a3854;border-radius:12px;background:#0b1a2c;display:flex;gap:15px}.process-list>div>b{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:10px;color:#36adff;background:#0b2b4b;font-size:11px}.process-list strong,.process-list small{display:block}.process-list strong{font-size:13px;margin:2px 0 7px}.process-list small{font-size:11px;line-height:1.6;color:#8da3b8}.cta-section{padding:70px 0;background:#040d1a}.cta{min-height:230px;padding:46px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #1f5e96;border-radius:17px;background:radial-gradient(circle at 70% 30%,rgba(24,142,255,.23),transparent 30%),linear-gradient(135deg,#092844,#071728);overflow:hidden}.cta small{color:#3bb3ff;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.cta h2{font-size:clamp(30px,4vw,49px);line-height:1.12;margin:12px 0 12px;letter-spacing:-.04em}.cta p{color:#9eb0c4;max-width:730px;margin:0}
.page-hero,.inner-hero{padding:54px 0 34px;background:radial-gradient(circle at 70% 0,rgba(20,129,239,.13),transparent 38%),#04101e;border-bottom:1px solid #15314b}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:11px;color:#5f87aa;margin-bottom:24px}.breadcrumbs a{text-decoration:none;color:#168bff}.breadcrumbs b{font-weight:500;color:#718ca5}.page-hero h1,.inner-hero h1{font-size:clamp(41px,5vw,63px);line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}.page-hero>div>p,.inner-hero>div>p{max-width:950px;color:#a5b5c5;font-size:14px;line-height:1.7;margin:0}.case-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.case-filters button{height:34px;padding:0 15px;border:1px solid #1a3853;border-radius:6px;background:#0a192a;color:#c5d2df;font:600 11px Manrope;cursor:pointer;transition:.18s}.case-filters button:hover,.case-filters button.active{background:#1789f5;border-color:#1789f5;color:#fff}.cases-page{padding-top:22px;background:#04101e}.filter-empty{text-align:center;color:#8299af;padding:60px 0}.case-card.is-hidden{display:none}
.inner-hero{padding-top:62px}.inner-hero .back-link{display:inline-block;color:#3d99e7;text-decoration:none;font-size:12px;margin-bottom:28px}.inner-icon{width:60px;height:60px;border:1px solid #1b4971;border-radius:14px;background:#09243e;display:grid;place-items:center;font-size:29px;margin-bottom:24px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#42aaff;font-weight:800;margin-bottom:13px}.eyebrow span{display:inline-block;width:20px;height:2px;background:#168bff;margin-right:8px;vertical-align:middle}.pill{display:inline-flex;padding:6px 10px;border-radius:5px;background:#0f3d65;color:#8dd0ff;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:65px;align-items:start}.section{padding:70px 0;background:#061221}.detail-content h2,.about-page-grid h2{font-size:27px;letter-spacing:-.025em;margin:35px 0 15px}.detail-content h2:first-of-type{margin-top:28px}.detail-content p,.about-page-grid p{font-size:14px;line-height:1.9;color:#a6b5c5}.detail-image{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #1a3a58;border-radius:12px;background:#07111e}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.feature-list>div{padding:14px 15px;border:1px solid #183650;border-radius:9px;background:#0a1929;display:flex;align-items:center;gap:9px;font-size:12px}.feature-list i{font-style:normal;color:#35adff}.contact-card{position:sticky;top:95px;padding:25px;border:1px solid #1d4d75;border-radius:12px;background:linear-gradient(145deg,#0d2945,#091828)}.contact-card>span{color:#3bb0ff;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.contact-card h3{font-size:22px;line-height:1.3;margin:12px 0}.contact-card p{font-size:12px;line-height:1.7;color:#9eafbf}.contact-card .btn{width:100%;margin-top:9px}.result-box{margin-top:30px;padding:23px 25px;border-left:3px solid #168bff;border-radius:0 10px 10px 0;background:#09213a}.result-box small{font-size:9px;color:#47b2ff;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.result-box p{margin-bottom:0}.about-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.values{display:grid;grid-template-columns:1fr 1fr;gap:13px}.values>div{padding:22px;border:1px solid #193852;border-radius:11px;background:#0a1929}.values i{font-style:normal;color:#39adff;font-size:10px}.values h3{font-size:14px;margin:15px 0 7px}.values p{font-size:11px;line-height:1.6;margin:0}.contacts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-method{min-height:240px;padding:27px;border:1px solid #1a3a57;border-radius:13px;background:#0b192a;text-decoration:none;display:flex;flex-direction:column;transition:.22s}.contact-method:hover{transform:translateY(-4px);border-color:#2e86cc}.contact-method.primary{background:linear-gradient(145deg,#0b3155,#0a1b2e);border-color:#1d6aa9}.contact-method i{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#0c3154;color:#3cb6ff;font-size:23px;font-style:normal;margin-bottom:auto}.contact-method small{color:#7391ac;margin-bottom:8px}.contact-method h2{font-size:18px;margin:0 0 17px;word-break:break-word}.contact-method span{font-size:11px;color:#38aaff}.empty{text-align:center;padding:90px 0}.empty h1{font-size:44px}
.footer{padding:52px 0 20px;background:#020813;border-top:1px solid #132b42}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.1fr;gap:60px}.footer p{max-width:330px;color:#6f879e;font-size:11px;line-height:1.7}.footer h4{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8aa0b4;margin:7px 0 18px}.footer-grid>div>a:not(.brand){display:block;text-decoration:none;color:#7f95aa;font-size:11px;margin-bottom:11px}.footer-grid>div>a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;margin-top:38px;border-top:1px solid #10273d;color:#526b82;font-size:9px}.reveal{opacity:0;transform:translateY(15px);transition:opacity .45s,transform .45s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.home-hero-grid{grid-template-columns:1fr 1fr}.home-hero h1{font-size:51px}.hero-benefits{gap:20px}.direction-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.process-grid{gap:50px}.nav{gap:18px}.telegram-link{font-size:0}.telegram-link span{font-size:11px}.footer-grid{grid-template-columns:1.7fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:820px){.container{width:min(100% - 30px,1420px)}.site-header{height:64px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:64px;left:15px;right:15px;margin:0;padding:12px;flex-direction:column;align-items:stretch;gap:0;border:1px solid #1c3c59;border-radius:11px;background:#061424;box-shadow:0 22px 50px rgba(0,0,0,.35)}.nav.open{display:flex}.nav a{padding:12px}.telegram-link{display:none}.home-hero{padding-top:55px}.home-hero-grid{grid-template-columns:1fr}.home-hero-copy{text-align:center;padding-bottom:0}.home-hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.home-hero-art{max-width:730px;margin:auto}.hero-benefits{grid-template-columns:1fr;max-width:650px}.hero-benefits small{max-width:none}.direction-grid,.case-grid{grid-template-columns:1fr 1fr}.process-grid,.about-page-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.contact-card{position:static}.contacts-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}}
@media(max-width:560px){.container{width:min(100% - 22px,1420px)}.brand{font-size:16px}.brand img{width:31px;height:31px}.home-hero h1{font-size:39px}.home-hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.home-hero-art{margin:10px -30px 0}.hero-benefits{padding-bottom:35px}.directions,.cases-preview,.process-section,.cases-page,.section{padding:52px 0}.title-line h2{font-size:25px}.direction-grid,.case-grid,.process-list,.feature-list,.values,.contacts-grid{grid-template-columns:1fr}.direction-card{min-height:210px;padding:22px;gap:13px}.direction-card.wide{min-height:180px}.direction-icon{width:42px;font-size:27px}.section-top{display:block}.section-top .text-link{display:inline-block;margin-top:18px}.case-heading{align-items:flex-start}.case-body{padding:14px}.process-grid{gap:35px}.cta{padding:32px 23px;display:block}.cta .btn{margin-top:22px;width:100%}.page-hero,.inner-hero{padding:42px 0 28px}.page-hero h1,.inner-hero h1{font-size:39px}.case-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.case-filters button{white-space:nowrap}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}}