:root{
  --bg:#090b0f;
  --text:#eef2f7;
  --muted:#9ba6b5;
  --line:rgba(180,205,235,.16);
  --accent:#78d9ff;
  --green:#8fffe0;
  --orange:#f26522;
  --heading-weight:500;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.page{overflow:hidden;background:#f5f5f5}
.container{width:100%;padding-inline:clamp(16px,4vw,40px)}
.nav{position:absolute;left:0;top:0;width:100%;padding-top:34px;display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:18px;z-index:20;animation:dropIn .75s ease both}
.brand{font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:clamp(21px,2.6vw,32px);line-height:1;font-weight:var(--heading-weight);text-transform:uppercase;color:#f4f8fb;text-shadow:0 0 24px rgba(120,217,255,.22);transition:transform .35s ease,text-shadow .35s ease,color .35s ease}
.brand:hover{transform:translateY(-2px);text-shadow:0 0 28px rgba(120,217,255,.48)}
.nav-links{justify-self:center;display:flex;gap:2px;align-items:center;flex-wrap:nowrap;border:1px solid var(--line);background:rgba(12,16,22,.52);backdrop-filter:blur(14px);border-radius:999px;padding:4px;box-shadow:0 14px 38px rgba(0,0,0,.18)}
.nav-links a,.pill{border:0;background:transparent;border-radius:999px;padding:10px 18px;color:#d8e0ea;font-size:18px;line-height:1.15;transition:transform .25s ease,color .25s ease,background .25s ease}
.nav-links a:hover,.pill:hover{transform:translateY(-1px);background:rgba(120,217,255,.08);color:#fff}
.nav-links a.nav-cta{background:#eef2f7;color:#11151a;font-weight:800}
.nav-links a.nav-cta:hover{background:#fff;color:#11151a}
.nav-telegram{justify-self:end;width:42px;height:42px;border:1px solid rgba(238,242,247,.72);border-radius:50%;background:rgba(255,255,255,.045);display:grid;place-items:center;color:#fff;backdrop-filter:blur(14px);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.nav-telegram:hover{transform:translateY(-2px);border-color:#fff;background:rgba(255,255,255,.09)}
.nav-telegram svg{width:19px;height:19px;fill:currentColor}
.nav-burger{display:none;justify-self:end;width:42px;height:42px;border:1px solid rgba(238,242,247,.72);border-radius:50%;background:rgba(255,255,255,.045);place-items:center;padding:0;color:#fff;backdrop-filter:blur(14px);cursor:pointer}
.nav-burger span{grid-area:1/1;display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .28s ease,opacity .2s ease}
.nav-burger span:nth-child(1){transform:translateY(-6px)}
.nav-burger span:nth-child(3){transform:translateY(6px)}
.menu-open .nav-burger span:nth-child(1){transform:rotate(45deg)}
.menu-open .nav-burger span:nth-child(2){opacity:0}
.menu-open .nav-burger span:nth-child(3){transform:rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:70;pointer-events:none;background:rgba(0,0,0,0);transition:background .35s ease}
.mobile-menu__panel{position:absolute;right:0;top:0;width:min(360px,86vw);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(12,16,22,.98),rgba(9,11,15,.96));border-left:1px solid rgba(180,205,235,.16);box-shadow:-28px 0 70px rgba(0,0,0,.42);padding:24px;transform:translateX(100%);transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.menu-open .mobile-menu{pointer-events:auto;background:rgba(0,0,0,.52)}
.menu-open .mobile-menu__panel{transform:translateX(0)}
.mobile-menu__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mobile-menu__close{border:1px solid rgba(238,242,247,.72);border-radius:50%;background:rgba(255,255,255,.045);color:#fff;width:38px;height:38px;font-size:26px;line-height:1;cursor:pointer}
.mobile-menu__links{display:grid;gap:10px;margin-top:44px}
.mobile-menu__links a{border-bottom:1px solid rgba(180,205,235,.14);padding:14px 0;color:#eef2f7;font-size:24px;font-family:Tektur,Inter,Segoe UI,sans-serif}
.mobile-menu__telegram{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(180,205,235,.16);border-radius:8px;background:rgba(255,255,255,.045);padding:14px 16px;color:#eef2f7;font-weight:800}
.mobile-menu__telegram svg{width:22px;height:22px;fill:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a9b4c2;font-size:12px;text-transform:uppercase;animation:riseIn .7s .15s ease both}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent);animation:pulseDot 1.8s ease-in-out infinite}
h1{margin:24px 0 20px;font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:clamp(42px,6.6vw,104px);font-weight:var(--heading-weight);line-height:1;letter-spacing:0;animation:headlineIn .9s .2s cubic-bezier(.2,.8,.2,1) both}

.home-page{background:#efefef;color:#101318}
.home-page .page{background:#efefef}
.home-page .hero{position:relative;min-height:100svh;display:flex;flex-direction:column;background:#090b0f;isolation:isolate;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:1;transform:translateZ(0);backface-visibility:hidden}
.home-page .nav{z-index:20}
.home-page .brand{color:#f4f8fb;text-shadow:0 0 24px rgba(120,217,255,.22)}
.home-page .nav-links{border-color:var(--line);background:rgba(12,16,22,.52);box-shadow:0 14px 38px rgba(0,0,0,.18)}
.home-page .nav-links a{color:#d8e0ea}
.home-page .nav-links a:hover{background:rgba(120,217,255,.08);color:#fff}
.home-page .nav-links a.nav-cta{background:#eef2f7;color:#11151a}
.home-page .nav-links a.nav-cta:hover{background:#fff;color:#11151a}
.home-page .nav-telegram,.home-page .nav-burger{border-color:rgba(238,242,247,.72);background:rgba(255,255,255,.045);color:#fff;box-shadow:none}
.home-page .nav-burger span{background:#fff}
.home-page .mobile-menu__panel{background:linear-gradient(180deg,rgba(12,16,22,.98),rgba(9,11,15,.96));color:#eef2f7;border-left:1px solid rgba(180,205,235,.16);border-radius:0}
.home-page .mobile-menu__top .brand{color:#f4f8fb}
.home-page .mobile-menu__close{border-color:rgba(238,242,247,.72);background:rgba(255,255,255,.045);color:#fff}
.home-page .mobile-menu__links a{border-bottom-color:rgba(180,205,235,.14);color:#eef2f7}
.home-page .mobile-menu__telegram{border-color:rgba(180,205,235,.16);background:rgba(255,255,255,.045);color:#eef2f7}
.hero-inner{position:relative;z-index:2;flex:1;display:flex;align-items:flex-end;padding-top:126px;padding-bottom:clamp(48px,7vw,86px)}
.hero-copy{max-width:1080px}
.home-page .eyebrow{color:#11151a;font-size:13px;line-height:1.1;letter-spacing:.04em;text-transform:none;margin-bottom:24px}
.home-page .eyebrow:before{display:none}
.home-page h1{max-width:1180px;margin:0;font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:clamp(2.2rem,6.6vw,5.9rem);font-weight:500;line-height:1.05;letter-spacing:0;color:#11151a}
.hero-copy p{max-width:760px;margin:22px 0 0;color:#303740;font-size:clamp(18px,1.7vw,25px);line-height:1.35;animation:riseIn .8s .35s ease both}
.actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;animation:riseIn .8s .5s ease both}
.btn{display:inline-flex;align-items:center;gap:12px;justify-content:center;min-height:46px;border:0;border-radius:999px;padding:8px 8px 8px 22px;font-weight:800;font-size:14px;line-height:1;color:#101318;transition:transform .5s cubic-bezier(.25,.1,.25,1),box-shadow .5s cubic-bezier(.25,.1,.25,1),background .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn-orange{background:var(--orange);color:#fff}
.btn-orange:hover{background:#e05a1a;box-shadow:0 16px 38px rgba(242,101,34,.24)}
.btn-quiet{border:1px solid rgba(17,21,26,.14);background:#fff;color:#101318}
.btn-quiet:hover{background:#f4f5f6;box-shadow:0 16px 38px rgba(16,19,24,.08)}
.btn-quiet .btn-icon{background:#101318}
.btn-quiet .btn-icon svg{stroke:#fff}
.btn-label{display:block;line-height:1}
.btn-icon{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:0 0 auto}
.btn-icon svg{width:17px;height:17px;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s cubic-bezier(.25,.1,.25,1)}
.btn:hover .btn-icon svg{transform:rotate(-45deg)}
.pain-section{background:#f5f5f5;color:#11151a;padding:clamp(72px,8vw,116px) 0}
.pain-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:clamp(34px,6vw,92px);align-items:start}
.pain-intro{position:sticky;top:28px}
.pain-intro .section-title{margin-bottom:24px}
.pain-intro p{max-width:560px;margin:0;color:#4e5661;font-size:18px;line-height:1.7;font-weight:650}
.pain-list{border-top:1px solid #dfe3e8}
.pain-row{display:grid;grid-template-columns:128px minmax(0,.72fr) minmax(0,1fr);gap:clamp(18px,2.8vw,34px);align-items:start;border-bottom:1px solid #dfe3e8;padding:28px 0}
.pain-row:hover h3{color:var(--orange)}
.pain-label{width:max-content;border:1px solid #d8dde3;border-radius:999px;padding:7px 10px;color:#59616c;font-size:12px;font-weight:800;text-transform:uppercase}
.pain-row h3{margin:0;font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:clamp(22px,2.4vw,34px);font-weight:500;line-height:1.08;color:#11151a;transition:color .25s ease}
.pain-row p{margin:0;color:#59616c;font-size:16px;line-height:1.65}
.about-section{background:#f5f5f5;color:#11151a;padding:clamp(72px,8vw,128px) 0 clamp(58px,7vw,96px);overflow:hidden}
.badge-row{display:flex;align-items:center;gap:12px;margin-bottom:clamp(24px,3vw,34px)}
.badge-num{width:28px;height:28px;border-radius:50%;background:#11151a;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.badge-pill{border:1px solid #dde1e6;border-radius:999px;padding:7px 14px;color:#11151a;font-size:13px;font-weight:800}
.section-title{margin:0 0 clamp(48px,7vw,100px);font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:clamp(2rem,4.8vw,4.35rem);font-weight:500;line-height:1.08;letter-spacing:0;color:#11151a}
.about-grid{display:grid;grid-template-columns:26% 1fr 48%;align-items:end;gap:clamp(18px,2.5vw,34px)}
.about-image,.about-copy,.service,.project-card,.pain-row,.ow-panel,.workflow-step,.advantage-line,.contact-copy{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.about-image.in,.about-copy.in,.service.in,.project-card.in,.pain-row.in,.ow-panel.in,.workflow-step.in,.advantage-line.in,.contact-copy.in{opacity:1;transform:none}
.about-image{overflow:hidden;border-radius:18px;background:#f3f3f3}
.about-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.about-image:hover img{transform:scale(1.035)}
.about-image-small{aspect-ratio:438/346}
.about-image-large{aspect-ratio:3/2}
.about-copy{align-self:start;justify-self:end;max-width:420px}
.about-copy p{margin:0 0 24px;color:#11151a;font-size:17px;line-height:1.65;font-weight:700}
.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(28px,5vw,58px)}
.service{border:1px solid #e3e6ea;border-radius:8px;background:#fbfbfb;padding:22px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.service:hover{transform:translateY(-5px);border-color:rgba(242,101,34,.32);box-shadow:0 18px 45px rgba(16,19,24,.08)}
.service-num{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--orange);font-size:32px;font-weight:800;line-height:1}
.service h3{margin:0;font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:25px;font-weight:500;line-height:1.05;color:#11151a}
.service p{margin:18px 0 0;color:#58606a;line-height:1.5}
.projects-section{background:#f5f5f5;color:#11151a;padding:clamp(72px,8vw,112px) 0}
.projects-title{font-size:clamp(2.2rem,6.6vw,5.9rem);margin-bottom:clamp(38px,5vw,64px)}
.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.project-card{min-width:0}
.case-media{position:relative;display:block;aspect-ratio:329/246;border-radius:18px;overflow:hidden;background:#1a1d2e}
a.case-media{cursor:pointer}
.project-card:nth-child(even) .case-media{aspect-ratio:1;background:#6b6b6b}
.case-media video,.case-media img,.case-placeholder{width:100%;height:100%;object-fit:cover;display:block}
.case-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 72% 24%,rgba(242,101,34,.5),transparent 28%),linear-gradient(135deg,#12151a,#28323a 58%,#f2f2f2);color:#fff}
.case-placeholder span{max-width:70%;font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:clamp(28px,4vw,56px);line-height:1;text-align:center}
.case-hover{position:absolute;left:16px;bottom:16px;height:38px;width:38px;border-radius:999px;background:#fff;color:#11151a;display:flex;align-items:center;gap:9px;overflow:hidden;padding:0 12px;transition:width .3s ease-in-out,background .3s ease,color .3s ease}
.project-card:nth-child(even) .case-hover{background:#11151a;color:#fff}
.case-hover span{opacity:0;white-space:nowrap;font-size:13px;font-weight:800;transition:opacity .2s ease .1s}
.case-hover svg{width:15px;height:15px;min-width:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg);transition:transform .3s ease}
a.case-media:hover .case-hover{width:168px}
a.case-media:hover .case-hover span{opacity:1}
a.case-media:hover .case-hover svg{transform:rotate(0)}
.project-info{padding-top:16px}
.project-info p{margin:0;color:#666f79;font-size:14px;line-height:1.55}
.project-info h3{margin:6px 0 0;color:#11151a;font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:19px;font-weight:600;line-height:1.1}
.project-result{margin-top:12px;border-left:2px solid var(--orange);padding-left:12px;color:#313941;font-size:14px;line-height:1.5;font-weight:700}
.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.project-tags span{border:1px solid #d5dae0;border-radius:999px;padding:7px 10px;color:#525b66;font-size:12px;background:#fff}
.one-window-section{background:#f5f5f5;color:#11151a;padding:clamp(72px,8vw,118px) 0}
.one-window-head{max-width:1060px;margin-bottom:clamp(36px,5vw,70px)}
.one-window-head .section-title{max-width:960px;margin-bottom:24px}
.one-window-head p{max-width:820px;margin:0;color:#4e5661;font-size:18px;line-height:1.7;font-weight:650}
.one-window-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ow-panel{position:relative;overflow:hidden;border-radius:8px;padding:clamp(24px,3vw,38px);min-height:640px}
.ow-panel h3{margin:0 0 26px;font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:clamp(26px,3vw,42px);font-weight:500;line-height:1.05}
.ow-panel-fragmented{border:1px solid #e4d8d8;background:#f7f7f7;color:#11151a}
.ow-panel-system{border:1px solid rgba(180,205,235,.18);background:#101318;color:#eef2f7;box-shadow:0 28px 70px rgba(0,0,0,.18)}
.ow-panel-system:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(120,217,255,.12),transparent 34%,rgba(143,255,224,.07));pointer-events:none}
.ow-diagram{position:relative;z-index:1;width:100%;height:auto;overflow:visible;margin-bottom:28px}
.ow-diagram text{font:800 13px/1 Inter,Segoe UI,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;fill:currentColor;opacity:.62}
.ow-base{fill:none;stroke:rgba(180,205,235,.22);stroke-width:1.2}
.ow-base-hot{stroke:#e6c4c0}
.ow-pulse{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:18 430;animation:owFlow 1.45s linear infinite}
.ow-pulse-hot{stroke:#ef6b55}
.ow-pulse-cold{stroke:#8fffe0;filter:drop-shadow(0 0 5px rgba(143,255,224,.55))}
.ow-pulse-in{stroke:#78d9ff;animation-duration:1.05s}
.ow-delay-0{animation-delay:0s}.ow-delay-1{animation-delay:.18s}.ow-delay-2{animation-delay:.36s}.ow-delay-3{animation-delay:.54s}.ow-delay-4{animation-delay:.72s}
.ow-nodes-hot circle{fill:#ef6b55}
.ow-target-pulse{opacity:.28;animation:owHotTarget .65s ease-in-out infinite}
.ow-client{fill:#eef2f7;opacity:.85}
.ow-center{fill:#8fffe0;filter:drop-shadow(0 0 9px rgba(143,255,224,.72))}
.ow-center-halo{fill:#8fffe0;opacity:.13;animation:owCenterPulse 1.8s ease-in-out infinite}
.ow-nodes-cold circle{fill:#eef2f7;opacity:.72}
.ow-lines{position:relative;z-index:1;display:grid;gap:14px;margin-top:4px}
.ow-line{margin:0;color:#59616c;font-size:15px;line-height:1.55}
.ow-panel-system .ow-line{color:#d4deea}
.ow-note{position:relative;z-index:1;margin:24px 0 0;border-top:1px solid rgba(120,217,255,.22);padding-top:18px;color:#303943;font-weight:800;line-height:1.55}
.ow-panel-system .ow-note{color:#eef2f7;border-top-color:rgba(143,255,224,.28)}
.workflow-section{background:#f5f5f5;color:#11151a;padding:clamp(72px,8vw,116px) 0}
.workflow-layout{display:block}
.workflow-intro{max-width:1060px;margin-bottom:clamp(38px,5vw,70px)}
.workflow-intro .section-title{margin-bottom:0}
.workflow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid #d8dde3}
.workflow:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,var(--orange),rgba(242,101,34,.18),transparent)}
.workflow-step{position:relative;display:block;min-height:276px;border-right:1px solid #d8dde3;padding:40px 28px 0 18px}
.workflow-step:last-child{border-right:0}
.workflow-step:before{content:"";position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(242,101,34,.12)}
.workflow-step span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--orange);font-size:30px;font-weight:800;line-height:1}
.workflow-step h3{margin:22px 0 16px;font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:clamp(22px,2.15vw,32px);font-weight:500;line-height:1.08;color:#11151a}
.workflow-step p{margin:0;color:#59616c;font-size:16px;line-height:1.65}
.advantages-section{background:#f5f5f5;color:#11151a;padding:clamp(72px,8vw,116px) 0}
.advantages-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(34px,6vw,96px);align-items:start}
.advantages-copy{max-width:780px}
.advantages-section .section-title{color:#11151a;margin-bottom:24px}
.advantages-copy p{margin:0;color:#4e5661;font-size:18px;line-height:1.7;font-weight:650}
.advantage-matrix{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:auto auto;gap:14px;align-items:stretch}
.advantage-line{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:34px;min-height:230px;border:1px solid #dfe3e8;border-radius:8px;background:rgba(255,255,255,.58);padding:24px;overflow:hidden}
.advantage-line:after{content:"";position:absolute;right:-42px;bottom:-42px;width:128px;height:128px;border-radius:50%;border:1px solid rgba(242,101,34,.16);pointer-events:none}
.advantage-line-main{grid-row:span 2;min-height:474px;background:#11151a;color:#eef2f7;border-color:#11151a}
.advantage-line span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--orange);font-size:30px;font-weight:800;line-height:1}
.advantage-line-main span{color:#8fffe0;text-shadow:0 0 18px rgba(143,255,224,.35)}
.advantage-line h3{margin:0 0 12px;font-family:Tektur,Inter,Segoe UI,sans-serif;font-size:clamp(23px,2.25vw,34px);font-weight:500;line-height:1.08;color:#11151a}
.advantage-line-main h3{color:#eef2f7;font-size:clamp(30px,3.5vw,56px)}
.advantage-line p{margin:0;color:#59616c;font-size:16px;line-height:1.65}
.advantage-line-main p{color:#d4deea;font-size:17px}
.contact-section{position:relative;isolation:isolate;overflow:hidden;background:#101318;color:#eef2f7;min-height:clamp(620px,78svh,860px);display:grid;align-items:center;padding:clamp(92px,9vw,150px) 0}
.contact-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.78}
.contact-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,11,15,.46),rgba(8,11,15,.62)),radial-gradient(circle at 50% 42%,rgba(120,217,255,.18),transparent 38%)}
.contact-center{display:grid;place-items:center;text-align:center}
.contact-section .badge-num{background:#eef2f7;color:#101318}
.contact-section .badge-pill{border-color:rgba(238,242,247,.22);color:#eef2f7;background:rgba(255,255,255,.04)}
.contact-copy{max-width:1000px}
.contact-copy .badge-row{justify-content:center}
.contact-section .section-title{color:#eef2f7;margin-bottom:24px}
.contact-copy p{max-width:720px;margin:0 auto 30px;color:#d8e0ea;font-size:clamp(16px,1.35vw,20px);line-height:1.38;font-weight:400}
.site-footer{border-top:1px solid rgba(180,205,235,.12);background:#101318;color:#eef2f7;padding:42px 0}
.site-footer__inner{display:grid;justify-items:center;gap:14px;text-align:center}
.site-footer .brand{font-size:24px;color:#eef2f7;text-shadow:0 0 24px rgba(120,217,255,.22)}
.site-footer__legal{display:grid;gap:4px;color:#aab5c3;font-size:14px;line-height:1.45;font-weight:600}
.site-footer__legal p{margin:0}
.liquid-glass{position:relative;background:rgba(255,255,255,.01);backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.08)}
.liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.04));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.liquid-glass-strong{background:rgba(255,255,255,.01);backdrop-filter:blur(50px)}
@keyframes dropIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes riseIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes headlineIn{from{opacity:0;transform:translateY(36px) scale(.98);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes pulseDot{0%,100%{transform:scale(1);box-shadow:0 0 16px var(--accent)}50%{transform:scale(1.45);box-shadow:0 0 28px var(--accent)}}
@keyframes owFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-448}}
@keyframes owHotTarget{0%,100%{r:18;opacity:.2}50%{r:28;opacity:.36}}
@keyframes owCenterPulse{0%,100%{r:22;opacity:.12}50%{r:34;opacity:.24}}
@media(max-width:1020px){
  .pain-layout,.advantages-layout{grid-template-columns:1fr}
  .pain-intro{position:static}
  .pain-row{grid-template-columns:112px minmax(0,1fr)}
  .pain-row p{grid-column:2}
  .one-window-compare{grid-template-columns:1fr}
  .workflow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflow-step{min-height:230px}
  .workflow-step:nth-child(2n){border-right:0}
  .advantages-layout{align-items:start}
  .advantage-matrix{max-width:860px}
  .about-grid{grid-template-columns:1fr;gap:30px}
  .about-copy{justify-self:start;max-width:760px;order:-1}
  .about-image-small,.about-image-large{aspect-ratio:16/10}
  .services{grid-template-columns:1fr 1fr}
  .contact-section{min-height:620px}
}
@media(max-width:860px){
  .projects{grid-template-columns:1fr}
  .project-card:nth-child(even) .case-media{aspect-ratio:329/246}
}
@media(max-width:760px){
  .nav{grid-template-columns:1fr auto;padding-top:22px}
  .nav-links,.nav-telegram{display:none}
  .nav-burger{display:grid}
  .hero-inner{padding-top:105px;padding-bottom:38px}
  .desktop-break{display:none}
  .actions .btn{width:100%}
  .pain-row{grid-template-columns:1fr;gap:14px;padding:24px 0}
  .pain-row p{grid-column:auto}
  .ow-panel{padding:22px;min-height:0}
  .ow-diagram{margin-bottom:20px}
  .services{grid-template-columns:1fr}
  .service{min-height:190px}
  .section-title{font-size:clamp(1.6rem,8vw,2.65rem);line-height:1.12; margin-bottom:24px;}
  .about-grid{gap:38px}
  .about-copy p{margin-bottom:18px}
  .about-image-small{display:none}
  .case-hover{width:168px}
  .case-hover span{opacity:1}
  .case-hover svg{transform:rotate(0)}
  .workflow{grid-template-columns:1fr;border-top:0;border-left:1px solid #d8dde3}
  .workflow:before{left:-1px;right:auto;top:0;width:2px;height:100%;background:linear-gradient(180deg,var(--orange),rgba(242,101,34,.18),transparent)}
  .workflow-step{min-height:0;border-right:0;padding:0 0 28px 24px}
  .workflow-step:before{left:-7px;top:8px}
  .workflow-step h3{margin:12px 0 10px}
  .advantage-matrix{grid-template-columns:1fr}
  .advantage-line,.advantage-line-main{min-height:0}
  .advantage-line-main{grid-row:auto}
  .site-footer__legal{font-size:12px}
  .advantage-line h3{font-size:23px}
  .advantage-line-main h3{font-size:clamp(28px,8vw,42px)}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .service,.project-card,.about-image,.about-copy,.pain-row,.ow-panel,.workflow-step,.advantage-line,.contact-copy{opacity:1;transform:none}
}