:root{--navy:#10233f;--blue:#2563eb;--text:#334155;--light:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6;background:white}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#ffffffed;border-bottom:1px solid #e2e8f0;backdrop-filter:blur(14px)}.brand{font-size:18px;font-weight:900;letter-spacing:2px;line-height:1.1;color:var(--navy)}.brand span{display:block;font-size:11px;letter-spacing:4px;margin-top:5px}nav{display:flex;gap:28px;align-items:center;font-size:13px}button{border:0;border-radius:7px;padding:12px 18px;color:var(--blue);background:#edf3ff;font-weight:600}.primary{background:var(--blue);color:white;padding:16px 23px;display:inline-flex;gap:22px;align-items:center}.secondary{padding:16px 4px}.wrap{max-width:1200px;margin:auto;padding:0 30px}section{padding:95px 0;scroll-margin-top:10px}section:nth-child(odd){background:var(--light)}h1,h2,h3{color:var(--navy);line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(40px,4.2vw,65px);margin:22px 0;max-width:790px}h1 em{font-style:normal;color:#7ca4ff}h2{font-size:clamp(30px,3.3vw,46px);max-width:1000px;margin:16px 0 34px}h3{font-size:21px;letter-spacing:-.02em;margin:14px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--blue)}.lead{font-size:19px;max-width:880px;line-height:1.65}.hero{background:var(--navy)!important;color:#c8d4e7;padding:78px 0 0;overflow:hidden}.hero h1{color:white}.hero .eyebrow{color:#9dbbff}.hero-grid{display:grid;grid-template-columns:1.25fr .8fr;align-items:center;gap:24px}.hero .lead{font-size:17px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.hint{font-size:12px;max-width:390px;color:#a6b7d0}.hero-bottom{display:flex;gap:40px;border-top:1px solid #ffffff26;margin-top:65px;padding-top:22px;padding-bottom:22px;font-size:12px;letter-spacing:.04em}.hero-art{position:relative;min-height:430px;background:radial-gradient(ellipse,#2563eb33,transparent 65%)}.orbit{position:absolute;left:50%;top:48%;border:1px solid #75a1ec55;transform:translate(-50%,-50%) rotate(-25deg);border-radius:50%}.o1{width:88%;height:70%}.o2{width:65%;height:95%;transform:translate(-50%,-50%) rotate(35deg)}.crosshair{position:absolute;inset:16%;background:linear-gradient(transparent 49.8%,#82aaff33 50%,transparent 50.3%),linear-gradient(90deg,transparent 49.8%,#82aaff33 50%,transparent 50.3%)}.core{position:absolute;top:34%;left:32%;width:150px;height:125px;border:1px solid #8ab5ff66;background:#183864;display:grid;place-content:center;text-align:center;font-size:48px;color:white;font-weight:bold;box-shadow:0 0 65px #2563eb33}.core span{font-size:8px;letter-spacing:2px}.tag{position:absolute;padding:8px 12px;font-size:11px;background:#193459;border:1px solid #7799ce55;border-radius:5px}.t1{top:12%;left:7%}.t2{top:51%;right:0}.t3{bottom:14%;left:3%}.art-caption{position:absolute;bottom:0;left:15%;font-size:9px;letter-spacing:3px;color:#819abd}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0}.cards article{background:white;border:1px solid #dfe6ef;border-radius:12px;padding:27px;min-width:0}.cards p{font-size:14px;margin-bottom:0}.mark{color:var(--blue);font-size:24px}.statement{font-size:25px;line-height:1.5;border-left:3px solid var(--blue);padding-left:25px;margin-top:40px;max-width:930px;color:var(--navy)}.dark{background:var(--navy)!important;color:#c6d3e5}.dark h2{color:white}.dark .eyebrow{color:#8fb1ff}.flow{list-style:none;counter-reset:steps;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ccd7e5;border:1px solid #ccd7e5;border-radius:10px;overflow:hidden;margin:35px 0}.flow li{counter-increment:steps;background:var(--light);padding:22px;display:flex;gap:15px;align-items:flex-start}.flow li:before{content:counter(steps,decimal-leading-zero);font-size:11px;color:var(--blue);padding-top:4px}.dark .flow{background:#39516f;border-color:#39516f}.dark .flow li{background:#162d4b}.dark .flow li:before{color:#93b5ff}.hub{padding:25px;border:1px solid #5876a1;text-align:center;letter-spacing:4px;max-width:450px;margin:40px auto;color:white;font-weight:bold}.hub span{display:block;font-size:12px;font-weight:normal;letter-spacing:1px;color:#abc0dd}.placeholder{border:1px dashed #9aacbf;background:linear-gradient(135deg,#e8edf4,#f5f7fa);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#516680;border-radius:10px;padding:22px}.video{aspect-ratio:16/9;margin:35px 0;max-width:100%}.play{font-size:60px;color:var(--blue);line-height:1.3}.video strong{font-size:clamp(18px,3vw,30px)}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:35px}figure{margin:0;min-width:0}figure .placeholder{aspect-ratio:16/10}figure .placeholder span{font-size:40px;color:#a5b5c9}figcaption{padding-top:12px;font-size:14px;font-weight:bold}.audience{grid-template-columns:repeat(2,minmax(0,1fr))}.audience article{display:flex;flex-direction:column}.audience button{align-self:flex-start;margin-top:24px}.audience p{flex:1}details{border-bottom:1px solid #cfd9e6;padding:23px 0;max-width:1000px}summary{cursor:pointer;font-size:19px;font-weight:bold;color:var(--navy);padding-right:16px}details p{max-width:850px}form{max-width:850px;padding:35px;border:1px solid #d8e1ec;background:white;border-radius:14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #b7c6d8;border-radius:6px;background:white;color:var(--navy);margin-top:7px;min-width:0}textarea{resize:vertical}.notice{font-size:13px;background:#edf3ff;padding:15px;border-radius:6px}.check{display:flex;gap:12px;font-weight:normal}.check input{width:18px;height:18px;flex-shrink:0;margin-top:3px}#form-status{font-size:14px;color:#23498c}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d8e1ec;font-size:12px}#menu{display:none}.skip{position:fixed;top:-80px;z-index:30;background:white;padding:10px}.skip:focus{top:0}@media(min-width:1600px){.wrap{max-width:1400px}}@media(max-width:950px){nav{gap:16px}nav>a{display:none}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:340px;max-width:480px;width:100%;margin:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{max-width:750px}}@media(max-width:600px){header{padding:17px 20px}.wrap{padding:0 20px}section{padding:60px 0}h1{font-size:40px}.hero{padding-top:45px}.hero-art{min-height:330px}.hero-bottom{gap:15px;flex-wrap:wrap;margin-top:35px;padding-top:20px;padding-bottom:20px}.hero-bottom span{font-size:10px}.lead{font-size:17px}h2{font-size:31px}.cards,.flow,.gallery,.audience,.fields{grid-template-columns:1fr}.cards article{padding:23px}.flow li{padding:17px}.statement{font-size:21px}.actions{align-items:stretch;flex-direction:column;gap:8px}.actions .primary{justify-content:space-between}.secondary{text-align:center}.video{padding:15px}.video p{font-size:12px}.play{font-size:40px}form{padding:22px}footer{align-items:flex-start;flex-direction:column}#menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px;box-shadow:0 10px 20px #10233f15}nav.open{display:flex;flex-direction:column;align-items:stretch}nav.open>a{display:block}.core{left:30%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Второй проход: композиция, навигация, доступность и компоненты материалов. */
[hidden]{display:none!important}:focus-visible{outline:3px solid #4c85ef;outline-offset:4px}.hero-art{min-height:0;background:#173152;border:1px solid #5274a166;border-radius:16px;padding:28px;box-shadow:0 25px 65px #06142755}.art-top{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1px;color:#c0d3ef;margin-bottom:28px}.art-top span{color:#89b1ff}.operation-node{border:1px solid #55779e88;border-radius:8px;padding:20px;background:#1d3b60}.operation-node>span{display:block;color:#b9cde8;font-size:12px;letter-spacing:1px;margin-bottom:9px}.operation-node strong{font-size:18px;color:white;line-height:1.4;display:block}.operation-node p{font-size:13px;margin:10px 0 0}.operation-node.featured{border-color:#7ca4ff;background:#2453a1}.operation-line{height:30px;text-align:center;color:#9ebdff}.diagram-caption{text-align:center;font-size:12px;color:#bfd0e7;margin-bottom:0}.hero-grid{gap:50px}.eyebrow{font-size:12px;letter-spacing:1.6px}.brand span{font-size:12px}.hint{font-size:13px}.mark{font-size:13px;font-weight:bold;color:var(--blue);display:inline-grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#edf3ff}.video-shell{margin:35px 0}.video-shell .video{margin:0}.asset-label{font-size:12px;letter-spacing:1.5px;margin-bottom:20px}.video-shell video{display:block;width:100%;aspect-ratio:16/9;background:#10233f;border-radius:12px}.video.placeholder{background:linear-gradient(135deg,#e4ecf7,#f7f9fc);border-style:solid;border-color:#c8d5e7}.video.placeholder strong{color:var(--navy)}#s3 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}#s3 .cards article:last-child{grid-column:1/-1}#s4 .flow{position:relative;border:0;background:none;gap:16px;overflow:visible}#s4 .flow li{border:1px solid #466185;border-radius:8px;position:relative}#s4 .flow li:before{color:#bfd0ef}#s4 .hub{position:relative;margin-bottom:54px;border-radius:10px;padding:30px;background:#2453a1;max-width:600px}#s4 .hub:after{content:'';position:absolute;bottom:-54px;left:50%;width:1px;height:54px;background:#7896c1}#s5 .flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:none;border:0;overflow:visible}#s5 .flow li{display:block;border-top:3px solid #2563eb;border-radius:0;background:white;box-shadow:0 4px 20px #10233f08;min-height:150px}#s5 .flow li:before{display:block;font-size:22px;margin-bottom:16px}#s6 .cards{grid-template-columns:1fr;gap:0;border-top:1px solid #d9e2ed}#s6 .cards article{display:grid;grid-template-columns:46px 240px 1fr;gap:20px;align-items:start;border:0;border-bottom:1px solid #d9e2ed;border-radius:0;padding:28px 0;background:transparent}#s6 .cards h3,#s6 .cards p{margin:0}#s6 .flow{grid-template-columns:repeat(6,minmax(0,1fr))}#s6 .flow li{display:block;font-size:13px}#s6 .flow li:before{display:block;margin-bottom:10px}#s7 .flow{grid-template-columns:repeat(4,minmax(0,1fr));background:none;gap:20px;border:0}#s7 .flow li{display:block;border-top:1px solid #6d8bb8;padding:22px 0;background:none;font-size:18px}#s7 .flow li:before{display:block;font-size:24px;margin-bottom:24px}#s8 .cards{gap:0;border:1px solid #d8e3f0;border-radius:12px;overflow:hidden}#s8 .cards article{border-radius:0;border:0;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;align-items:center;padding:25px}#s8 .cards h3{font-size:17px;margin:0}#s8 .cards p{display:none}#s8 .mark{flex-shrink:0}#s9 .cards{gap:24px}#s9 .cards article{border:0;background:#eaf0f8}#s10 .flow{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-intro{max-width:720px;font-size:17px}.gallery figure{padding:12px;background:white;border:1px solid #d9e2ed;border-radius:12px}.gallery figcaption{padding:16px 8px 9px}.screenshot-slot{border-style:solid;border-color:#d9e2ed}.screenshot-button{display:block;width:100%;padding:0;background:none;overflow:hidden}.screenshot-button img{display:block;width:100%;height:auto}.request-note{font-size:14px;margin-top:20px}dialog{border:1px solid #cbd8e8;border-radius:16px;padding:30px;color:var(--text);width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #07162c55}dialog::backdrop{background:#07182cbf;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.dialog-heading h3{font-size:28px;margin:8px 0}.close-dialog,.image-close{min-width:44px;min-height:44px;padding:8px}dialog form{border:0;border-radius:0;padding:0}.contact-help{font-size:14px}.notice{font-size:14px}#image-dialog{width:min(1200px,calc(100% - 32px))}#expanded-image{width:100%;height:auto}.image-close{display:block;margin-left:auto;margin-bottom:12px}nav a{padding:8px 0}.skip{font-size:16px}footer p{margin:5px 0}#s13 .lead{font-size:25px;max-width:950px}
@media(max-width:1050px){.hero-grid{gap:28px}nav{gap:16px}#s5 .flow{grid-template-columns:repeat(3,minmax(0,1fr))}#s6 .flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){#menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 5%;box-shadow:0 10px 20px #10233f15}nav.open{display:flex;flex-direction:column;align-items:stretch}nav.open>a{display:block}#s6 .cards article{grid-template-columns:38px 200px 1fr;gap:15px}#s4 .flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero-art{margin-top:20px;padding:22px}.hero-grid{gap:20px}.operation-node strong{font-size:17px}.art-top{font-size:10px}.hero-bottom{font-size:12px}.hero-bottom span{font-size:12px}.eyebrow{font-size:11px;letter-spacing:1.2px}#s3 .cards,#s4 .flow,#s5 .flow,#s6 .flow,#s7 .flow,#s10 .flow{grid-template-columns:1fr}#s5 .flow li{min-height:0;display:flex;align-items:center;gap:20px}#s5 .flow li:before{margin:0}#s6 .cards article{grid-template-columns:35px 1fr;gap:12px}#s6 .cards p{grid-column:2}#s6 .flow li{display:flex;gap:15px;font-size:14px}#s6 .flow li:before{margin:0}#s7 .flow{gap:4px}#s7 .flow li{display:flex;gap:20px;align-items:center;font-size:17px}#s7 .flow li:before{margin:0}#s8 .cards{grid-template-columns:1fr}#s13 .lead{font-size:21px}dialog{padding:22px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-heading h3{font-size:24px}#s4 .hub{font-size:17px;letter-spacing:2px}#s4 .hub span{font-size:13px}.primary{white-space:normal}nav{top:100%}}
.video-choices{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.video-choices button[aria-pressed="true"]{background:#2563eb;color:white}.media-caption{font-size:14px;color:#516680;margin:15px 0}.screenshot-button img{aspect-ratio:16/9;object-fit:contain;background:#f5f7fa}.gallery figcaption{line-height:1.5}
.stock-preview{margin:4px 8px 12px;font-size:14px;max-width:calc(100% - 16px);text-align:left}
#request-dialog{width:min(800px,calc(100% - 24px))}#bitrix-form{display:block;width:100%;height:min(680px,70dvh);min-height:400px;border:0;background:white;border-radius:8px}.crm-intro,.crm-fallback{font-size:14px}.crm-fallback a{text-decoration:underline;color:#2563eb}
.section-video{margin-top:48px;padding-top:30px;border-top:1px solid #d4deec}.section-video h3{font-size:25px;margin-bottom:22px}.feature-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#10233f;border-radius:12px}.section-video .media-caption{margin-bottom:0}@media(max-width:600px){.section-video{margin-top:32px}.section-video h3{font-size:22px}}
.hero-photo{position:relative;border-radius:16px;overflow:hidden;border:1px solid #ffffff33;box-shadow:0 24px 65px #05152c55;align-self:stretch;min-height:510px}.hero-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 44%}.hero-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#07182ce8)}.hero-photo figcaption{position:absolute;z-index:1;bottom:25px;left:25px;right:20px;color:white;font-size:19px}.hero-photo figcaption span,.equipment-photo figcaption span{display:block;font-size:12px;font-weight:normal;margin-top:8px;line-height:1.5}.equipment-photo{position:relative;border-radius:12px;overflow:hidden;max-height:430px;margin:25px 0 35px}.equipment-photo img{width:100%;height:430px;object-fit:cover;object-position:50% 52%;display:block}.equipment-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 28px 25px;background:linear-gradient(transparent,#10233fed);color:white;font-size:21px}.field-photo-section{position:relative;background:linear-gradient(90deg,#071b32f2,#10233fbd),url('media/photos/field-operation.jpg') center 65%/cover!important}.field-photo-section .wrap{position:relative}.field-photo-section .flow li{background:#10233f99!important;padding:22px 18px!important;border-radius:6px}.photo-credit{font-size:12px;line-height:1.6;color:#d2dced;margin-top:35px}.photo-credit a{text-decoration:underline}@media(max-width:950px){.hero-photo{height:400px;min-height:0}.hero-photo img{object-position:50% 50%}.hero-grid{gap:35px}}@media(max-width:600px){.hero-photo{height:350px}.hero-photo figcaption{font-size:17px;left:20px;bottom:20px}.equipment-photo img{height:320px}.equipment-photo figcaption{font-size:18px;padding:55px 20px 20px}.field-photo-section{background-position:center!important}.field-photo-section .flow li{padding:18px!important}}
.hero-photo img{object-position:50% 48%}.equipment-photo img{object-position:58% 62%}

.company-proof{border-top:1px solid #d4deec;margin-top:32px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.company-proof a,.company-page a{color:#2563eb;text-decoration:underline;text-underline-offset:4px}.direct-contact{margin-top:40px;padding:28px;border:1px solid #d4deec;border-radius:12px;max-width:760px}.direct-contact h3{font-size:22px;margin:0 0 18px}.contact-links{display:flex;flex-wrap:wrap;gap:16px 30px}.contact-links a{font-size:21px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.direct-contact p{margin-bottom:0}.footer-links{display:flex;flex-direction:column;gap:16px}footer p{line-height:1.6}.company-page{padding-top:70px;padding-bottom:70px}.company-page h1{font-size:clamp(32px,5vw,58px);color:#10233f;line-height:1.15}.company-details{display:grid;grid-template-columns:240px 1fr;gap:0;margin:40px 0}.company-details dt,.company-details dd{margin:0;padding:18px 0;border-bottom:1px solid #d4deec;overflow-wrap:anywhere}.company-details dt{font-weight:600;padding-right:20px}@media(max-width:650px){.company-proof{align-items:flex-start;flex-direction:column;gap:8px}.direct-contact{padding:22px}.contact-links{flex-direction:column;gap:14px}.company-details{grid-template-columns:1fr}.company-details dt{border:0;padding-bottom:4px}.company-details dd{padding-top:4px}.company-page{padding-top:40px}}