:root{ --primary:#0759a8; --primary-2:#0b6bc8; --primary-dark:#043f7d; --navy:#062d56; --ink:#0d1d2f; --ink-2:#20364d; --muted:#66788d; --line:#d9e5ef; --line-strong:#c7d9e9; --soft:#f3f8fc; --soft-blue:#eaf4fd; --white:#fff; --radius:24px; --radius-sm:16px; --shadow:0 20px 55px rgba(8,61,115,.09); --shadow-strong:0 28px 80px rgba(6,56,108,.16); --header-h:84px; } *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:150px} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} body.menu-open{overflow:hidden} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{color:inherit} img{max-width:100%;display:block} [hidden]{display:none!important} ::selection{background:#d6ebff;color:#062d56} .wrap{width:min(1220px,calc(100% - 40px));margin-inline:auto} .scroll-progress{position:fixed;left:0;top:0;width:0;height:3px;z-index:100;background:linear-gradient(90deg,#31a3ff,var(--primary));box-shadow:0 0 14px rgba(0,128,255,.5);pointer-events:none} .topbar{background:#052f5d;color:#dcecff;font-size:13px;position:relative;z-index:41} .topbar__in{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px} .topbar__in>div{display:flex;align-items:center;gap:20px} .topbar a{font-weight:800;color:#fff} .vk-link{color:#a9dbff!important} .header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(210,224,237,.9);backdrop-filter:blur(18px) saturate(150%);transition:box-shadow .25s,background .25s} .header.is-scrolled{box-shadow:0 10px 35px rgba(6,47,91,.08);background:rgba(255,255,255,.96)} .header__in{height:var(--header-h);display:flex;align-items:center;gap:26px} .brand{display:flex;align-items:center;gap:12px;min-width:300px} .brand img{width:58px;height:62px;object-fit:contain;filter:drop-shadow(0 8px 13px rgba(7,89,168,.12))} .brand span{display:flex;flex-direction:column;line-height:1} .brand b{font-size:29px;letter-spacing:-1.15px;color:var(--primary);font-weight:950} .brand small{font-size:10px;letter-spacing:.95px;margin-top:7px;color:#364b61;font-weight:850} .nav{margin-left:auto;display:flex;align-items:center;gap:4px} .nav a{padding:10px 10px;border-radius:11px;font-size:13px;font-weight:800;color:#344a61;transition:background .2s,color .2s,transform .2s} .nav a:hover,.nav a.is-current{background:#edf6fe;color:var(--primary)} .nav a:hover{transform:translateY(-1px)} .menu-btn{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px;cursor:pointer} .menu-btn i{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:3px;transition:.25s} .menu-btn[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)} .menu-btn[aria-expanded="true"] i:nth-child(2){opacity:0} .menu-btn[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .top-offers{padding:18px 0 0;background:linear-gradient(180deg,#fff,#fbfdff)} .offers__grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cfe0ef;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#fff;isolation:isolate} .offer{min-height:174px;padding:27px 30px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden} .offer::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-75px;top:-75px;background:radial-gradient(circle,rgba(13,114,214,.1),transparent 68%);pointer-events:none} .offer+.offer{border-left:1px solid #d6e3ef} .offer:first-child{background:linear-gradient(135deg,#0755a1 0%,#0a67bd 60%,#0b75d5 100%);color:#fff} .offer:first-child::after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)} .offer__tag{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;font-weight:950;color:var(--primary);margin-bottom:15px} .offer:first-child .offer__tag{color:#d8ecff} .offer p{margin:0 0 5px;font-size:15px;font-weight:900} .offer strong{font-size:35px;letter-spacing:-1.4px;line-height:1.02} .offer span{font-size:12px;color:var(--muted);margin-top:9px;max-width:95%} .offer:first-child span{color:#d7eaff} .offer a{margin-top:auto;padding-top:16px;font-size:12px;font-weight:900;color:var(--primary);position:relative;z-index:1} .offer:first-child a{color:#fff} .hero{position:relative;overflow:hidden;padding:64px 0 48px;background:linear-gradient(180deg,#fbfdff 0%,#f5f9fd 100%)} .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,89,168,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(7,89,168,.03) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 75%,transparent 100%);pointer-events:none} .hero__orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none} .hero__orb--1{width:430px;height:430px;background:radial-gradient(circle,rgba(43,160,255,.13),transparent 68%);left:-170px;top:60px} .hero__orb--2{width:520px;height:520px;background:radial-gradient(circle,rgba(7,89,168,.09),transparent 68%);right:-170px;bottom:-180px} .hero__grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:62px;position:relative;z-index:1} .eyebrow{text-transform:uppercase;color:var(--primary);font-size:11px;letter-spacing:1.85px;font-weight:950} .eyebrow--light{color:#b9ddff} .hero h1,.page-hero h1{font-size:clamp(46px,5.5vw,74px);line-height:.95;letter-spacing:-3.4px;margin:15px 0 22px;font-weight:950;max-width:800px} .hero h1{background:linear-gradient(110deg,#0b1d30 0%,#0c2f52 50%,#0759a8 120%);-webkit-background-clip:text;background-clip:text;color:transparent} .hero p{font-size:19px;max-width:650px;color:#4f6378;margin:0} .hero__actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:29px} .btn{min-height:49px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s} .btn:hover{transform:translateY(-2px)} .btn:active{transform:translateY(0)} .btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 10px 25px rgba(7,89,168,.2)} .btn--primary:hover{box-shadow:0 14px 30px rgba(7,89,168,.28)} .btn--ghost{border-color:#cbddea;background:rgba(255,255,255,.8);color:var(--primary)} .btn--white{background:#fff;color:var(--primary)} .btn--outline-light{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.05)} .btn--vk{background:#fff;color:#0877c9} .btn--vk-outline{border-color:#acd0ed;background:#eef7ff;color:#0876c9} .hero__micro{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#60758b;font-size:12px;font-weight:800} .hero__micro span{display:flex;align-items:center;gap:7px} .hero__micro span::before{content:"";width:7px;height:7px;border-radius:50%;background:#21a461;box-shadow:0 0 0 4px rgba(33,164,97,.1)} .hero__visual{position:relative;min-width:0} .hero__photo{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;border-radius:31px;overflow:hidden;box-shadow:var(--shadow-strong);aspect-ratio:1.32;background:#dce9f4;position:relative;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease} .hero__photo::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.2),transparent 28%);opacity:.72;z-index:2;pointer-events:none;transition:opacity .25s}.hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,35,65,.22));pointer-events:none;z-index:1} .hero__photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)} .hero__photo:hover img{transform:scale(1.035)} .hero__photo-shine{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.22) 49%,transparent 60%);transform:translateX(-80%) rotate(6deg);z-index:2;pointer-events:none} .hero__photo:hover .hero__photo-shine{animation:shine 1s ease} @keyframes shine{to{transform:translateX(80%) rotate(6deg)}} .hero__badge{position:absolute;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid rgba(210,226,239,.95);border-radius:16px;padding:12px 15px;box-shadow:0 16px 35px rgba(4,49,94,.14);display:flex;flex-direction:column;line-height:1.18;z-index:3} .hero__badge b{font-size:14px;color:var(--primary)} .hero__badge span{font-size:11px;color:#63798d;margin-top:3px} .hero__badge--lab{left:-24px;bottom:36px} .hero__badge--plant{right:-18px;top:28px} .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:46px;position:relative;z-index:1} .trust__item{background:rgba(255,255,255,.9);border:1px solid #d9e6f0;border-radius:18px;padding:19px 20px;box-shadow:0 12px 30px rgba(7,58,107,.05);min-width:0} .trust__item strong{display:block;color:var(--primary);font-size:26px;line-height:1;letter-spacing:-1.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .trust__item b{display:block;font-size:13px;margin-top:9px} .trust__item span{display:block;color:var(--muted);font-size:11px;margin-top:3px} .quick{position:sticky;top:var(--header-h);z-index:28;padding:12px 0;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(218,230,239,.85)} .quick__in{display:flex;align-items:center;gap:14px} .quick__title{font-size:10px;font-weight:950;color:#75869a;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap} .quick__nav{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px 0} .quick__nav::-webkit-scrollbar{display:none} .quick__nav a{padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center;font-size:12px;font-weight:900;color:#28465f;white-space:nowrap;transition:.2s} .quick__nav a:hover,.quick__nav a.is-current{border-color:#8ebce4;background:#eef7ff;color:var(--primary)} .section{padding:82px 0;position:relative} .section--soft{background:var(--soft)} .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:42px;margin-bottom:36px} .section-head h2,.split-preview h2,.factory h2,.faq-intro h2{font-size:clamp(34px,4vw,52px);line-height:1.01;letter-spacing:-2.2px;margin:9px 0 0;font-weight:950} .section-head p{max-width:510px;margin:0;color:var(--muted);font-size:16px} .text-link{color:var(--primary);font-weight:900;white-space:nowrap} .product-layout{display:grid;grid-template-columns:.92fr 1.38fr;gap:26px} .block-showcase{background:linear-gradient(145deg,#e9f4fd,#f8fbfe 58%,#eef7ff);border:1px solid #d3e3f0;border-radius:28px;min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;position:relative;overflow:hidden;isolation:isolate} .block-showcase::before{content:"";position:absolute;inset:auto -40px -80px -40px;height:210px;background:radial-gradient(ellipse,rgba(7,89,168,.16),transparent 65%);z-index:-1} .block-showcase__glow{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(68,169,255,.18),transparent 70%);top:40px;right:40px;z-index:-1} .block-showcase img{width:min(350px,82%);height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 28px 24px rgba(7,53,97,.17));transition:transform .35s} .block-showcase:hover img{transform:translateY(-5px) rotate(-1deg) scale(1.015)} .block-showcase div{text-align:center;margin-top:25px} .block-showcase strong{display:block;font-size:25px;letter-spacing:-.7px} .block-showcase span{font-size:13px;color:var(--muted)} .sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px} .size-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px 19px;text-align:left;position:relative;overflow:hidden} .size-card strong{display:block;font-size:23px;color:var(--primary);letter-spacing:-.6px} .size-card b{display:block;margin-top:5px;font-size:14px} .size-card small{color:var(--muted);font-size:11px} .mixes{margin-top:32px;border-top:1px solid var(--line);padding-top:36px} .mixes__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:19px} .mixes__head h3{font-size:29px;letter-spacing:-1px;margin:7px 0 0} .mix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .mix-grid article{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff;transition:.2s} .mix-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(8,61,115,.08);border-color:#bfd6ea} .mix-grid img{width:68px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.08))} .mix-grid small{font-size:10px;color:var(--primary);font-weight:900} .mix-grid h4{font-size:14px;line-height:1.25;margin:4px 0 7px} .mix-grid b{font-size:18px} .span-2{grid-column:1/-1}.is-hidden{display:none!important} .quality{background:linear-gradient(180deg,#fff,#f6faff)} .quality__head{align-items:center} .quality-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative} .quality-flow::before{content:"";position:absolute;left:8%;right:8%;top:50px;height:2px;background:linear-gradient(90deg,#b9d8f2,#78b7e9,#b9d8f2);z-index:0} .quality-card{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;min-height:245px;box-shadow:0 14px 36px rgba(7,55,101,.06);transition:.25s;overflow:hidden} .quality-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(7,55,101,.11);border-color:#b8d4e9} .quality-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#e6f4ff,transparent 68%);right:-35px;bottom:-35px} .quality-card__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px} .quality-card__num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:12px;font-weight:950;box-shadow:0 8px 20px rgba(7,89,168,.22)} .quality-card__icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#edf7ff;color:var(--primary);border:1px solid #d7eafa} .quality-card__icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .quality-card h3{font-size:20px;line-height:1.1;letter-spacing:-.5px;margin:0 0 10px;position:relative;z-index:1} .quality-card p{font-size:13px;color:var(--muted);margin:0;position:relative;z-index:1} .quality-proof{margin-top:18px;border-radius:20px;background:linear-gradient(120deg,#092f56,#0759a8);color:#fff;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 18px 45px rgba(6,47,88,.13)} .quality-proof div{display:flex;flex-direction:column}.quality-proof b{font-size:17px}.quality-proof span{font-size:13px;color:#d6eafa;margin-top:3px} .company{background:#fff} .factory{display:block;max-width:900px} .factory__copy p{color:var(--muted);font-size:17px;margin:18px 0 25px} .factory__facts{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px} .factory__facts span{padding:9px 12px;background:#eef7ff;border:1px solid #d7eafa;border-radius:11px;color:#1d547f;font-size:12px;font-weight:850} .features-section{background:linear-gradient(180deg,#f5f9fd,#eef6fc)} .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px} .feature-card{min-height:305px;background:linear-gradient(145deg,#fff 0%,#fff 70%,#f7fbff 100%);border:1px solid #d5e3ef;border-radius:23px;padding:27px 29px;position:relative;overflow:hidden;box-shadow:0 16px 38px rgba(5,56,106,.06);transition:.25s} .feature-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0a67c3,#61b6f8)} .feature-card::after{content:"";position:absolute;width:190px;height:190px;border:1px solid #e2edf6;right:-110px;bottom:-110px;transform:rotate(45deg);box-shadow:0 0 0 30px transparent,0 0 0 31px #eef5fa} .feature-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(5,56,106,.12);border-color:#b8d2e8} .feature-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;position:relative;z-index:1} .feature-card__num{font-size:42px;line-height:1;color:#0d65bd;font-weight:950;letter-spacing:-2px;position:relative} .feature-card__num::after{content:"";display:block;width:36px;height:2px;background:#2f91e4;margin-top:12px} .feature-card__icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#edf7ff;color:#0d64ba;box-shadow:inset 0 0 0 1px #dbeefa} .feature-card__icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .feature-card h3{font-size:clamp(26px,2.2vw,34px);line-height:1.02;letter-spacing:-1px;margin:0 0 16px;font-weight:950;position:relative;z-index:1} .feature-card p{font-size:16px;line-height:1.65;color:#536a80;margin:0;position:relative;z-index:1;max-width:95%} .spec-details{margin-top:19px;border:1px solid #cfdeeb;background:#fff;border-radius:20px;overflow:hidden} .spec-details summary{list-style:none;cursor:pointer;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px} .spec-details summary::-webkit-details-marker{display:none} .spec-details summary span{display:flex;flex-direction:column}.spec-details summary b{font-size:17px}.spec-details summary small{color:var(--muted);margin-top:2px}.spec-details summary i{font-style:normal;font-size:25px;color:var(--primary);transition:.25s}.spec-details[open] summary i{transform:rotate(45deg)} .spec-table-wrap{overflow-x:auto;border-top:1px solid var(--line)} .spec-table{width:100%;border-collapse:collapse;min-width:560px}.spec-table th,.spec-table td{padding:14px 18px;border-bottom:1px solid #e5edf4;text-align:left}.spec-table th{background:#f4f9fd;color:#245174;font-size:12px}.spec-table td{font-size:14px}.spec-table td:not(:first-child){font-weight:900;color:var(--primary)} .logistics{background:#fff} .logistics__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start} .logistics h2{font-size:clamp(34px,4vw,50px);line-height:1.02;letter-spacing:-2px;margin:10px 0 16px} .logistics p{color:var(--muted);font-size:17px} .logistics__steps{display:grid;grid-template-columns:repeat(2,1fr);gap:11px} .logistics__step{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbfe);display:flex;gap:15px;align-items:flex-start} .logistics__step b{font-size:12px;width:34px;height:34px;border-radius:10px;background:#eaf5fe;color:var(--primary);display:grid;place-items:center;flex:none} .logistics__step span{font-weight:800;font-size:14px;padding-top:5px} .documents-showcase{display:grid;grid-template-columns:1.55fr .75fr;gap:24px;align-items:start} .cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .cert-grid--docs{grid-template-columns:repeat(4,1fr);margin-top:20px} .cert-grid--archive{grid-template-columns:repeat(2,1fr);margin-top:15px} .cert-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:.22s;cursor:zoom-in;min-width:0;position:relative} .cert-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(7,55,101,.1);border-color:#b7d2e7} .cert-card__img{height:225px;background:linear-gradient(145deg,#eef5fa,#fff);display:grid;place-items:center;padding:14px;overflow:hidden;position:relative} .cert-card__img::after{content:"Увеличить";position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:8px;background:rgba(4,44,81,.78);color:#fff;font-size:9px;font-weight:900;opacity:0;transform:translateY(5px);transition:.2s} .cert-card:hover .cert-card__img::after{opacity:1;transform:none} .cert-card__img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.08))} .cert-card__body{padding:15px 16px 17px;display:flex;flex-direction:column;gap:5px} .cert-card__body strong{font-size:14px;line-height:1.25}.cert-card__body small{font-size:10px;color:var(--muted)} .doc-side{display:grid;gap:12px;position:sticky;top:160px} .cert-types{display:flex!important;flex-direction:row!important;gap:6px!important;flex-wrap:wrap;margin:0 0 13px}.cert-types i{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.15px;padding:6px 8px;border-radius:999px;background:#eef7ff;color:#0759a8;border:1px solid #d5eafd} .doc-preview{display:grid;gap:7px} .doc-preview a,.doc-list a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border:1px solid #d8e3ed;border-radius:14px;background:#fff;font-weight:800;color:#17416a;transition:.2s} .doc-preview a:hover,.doc-list a:hover{border-color:#9ec2df;background:#f5faff;transform:translateX(2px)} .doc-preview a::after,.doc-list a::after{content:"PDF ↗";font-size:9px;color:var(--primary);font-weight:950;flex:none} .docs-current{border:1px solid #cfe1ef;background:#fff;border-radius:20px;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 14px 34px rgba(7,55,101,.05)} .docs-current div{display:flex;flex-direction:column}.docs-current b{font-size:17px}.docs-current span{color:var(--muted);font-size:13px;margin-top:3px} .archive-certs{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden} .archive-certs summary{padding:17px 19px;display:flex;justify-content:space-between;cursor:pointer;font-weight:850;list-style:none}.archive-certs summary::-webkit-details-marker{display:none}.archive-certs[open]{padding-bottom:18px}.archive-certs[open] summary span{transform:rotate(45deg)}.archive-certs summary span{color:var(--primary);font-size:20px;transition:.2s}.archive-certs .cert-grid{padding:0 18px} .doc-toolbar,.content-toolbar{display:flex;align-items:flex-end;gap:14px;margin-bottom:24px} .doc-search{display:flex;flex-direction:column;gap:7px;min-width:min(520px,100%);font-size:11px;font-weight:900;color:#53677b} .doc-search input{height:49px;border:1px solid #cfdeea;border-radius:13px;padding:0 15px;outline:none;background:#fff}.doc-search input:focus{border-color:#78afe0;box-shadow:0 0 0 4px #eaf5fe} .doc-filters{display:flex;gap:7px;flex-wrap:wrap}.doc-filter{border:1px solid #cfdeea;background:#fff;border-radius:12px;padding:10px 13px;font-size:11px;font-weight:900;cursor:pointer}.doc-filter.is-active{background:var(--primary);border-color:var(--primary);color:#fff} .doc-group{margin-top:30px}.doc-group:first-child{margin-top:0}.doc-group h2{font-size:27px;letter-spacing:-1px;margin:0 0 13px}.doc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px} .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .news-card{border:1px solid var(--line);border-radius:21px;overflow:hidden;background:#fff;transition:.23s;min-width:0} .news-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(7,55,101,.09);border-color:#b9d3e8} .news-card img{width:100%;height:190px;object-fit:cover;background:#eef3f8;transition:transform .5s}.news-card:hover img{transform:scale(1.03)} .news-card__body{padding:20px}.news-card small{color:var(--primary);font-weight:900}.news-card h3{font-size:21px;line-height:1.13;letter-spacing:-.5px;margin:7px 0 10px}.news-card p{color:var(--muted);font-size:14px;margin:0}.news-grid--full{grid-template-columns:repeat(3,1fr)} .news-grid--featured .news-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr}.news-grid--featured .news-card:first-child img{height:100%;min-height:260px}.news-grid--featured .news-card:first-child .news-card__body{padding:27px;display:flex;flex-direction:column;justify-content:center}.news-grid--featured .news-card:first-child h3{font-size:29px} .empty-state{padding:32px;border:1px dashed #bfd4e7;border-radius:18px;color:var(--muted);text-align:center;background:#f8fbfe} .vacancies-home{background:linear-gradient(135deg,#052f5d,#075ba9 60%,#0878d3);color:#fff;overflow:hidden} .vacancies-home::after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-220px;top:-180px;background:radial-gradient(circle,rgba(119,201,255,.2),transparent 66%)} .vacancy-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;position:relative;z-index:1} .vacancy-pitch h2{font-size:clamp(36px,4vw,50px);line-height:1.02;letter-spacing:-2px;margin:10px 0 15px}.vacancy-pitch p{color:#d4e9fb;max-width:500px}.vacancy-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px} .jobs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.job{background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.35);border-radius:19px;padding:22px;display:flex;justify-content:space-between;gap:20px;transition:.22s}.job:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.12)}.job small{color:var(--primary);font-weight:900}.job h3{font-size:20px;margin:5px 0 8px}.job p{color:var(--muted);font-size:13px;margin:0}.job>strong{color:var(--primary);font-size:17px;white-space:nowrap}.jobs--full{grid-template-columns:repeat(2,1fr)} .faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:start}.faq-intro{position:sticky;top:165px}.faq-intro p{color:var(--muted);font-size:16px;max-width:380px}.faq{display:grid;gap:9px}.faq-item{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden;transition:.2s}.faq-item[open]{border-color:#aed0e9;box-shadow:0 12px 32px rgba(7,55,101,.06)}.faq-item summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:900}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";width:30px;height:30px;border-radius:9px;background:#edf7ff;color:var(--primary);display:grid;place-items:center;font-size:20px;flex:none;transition:.2s}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item p{margin:0;padding:0 20px 19px;color:var(--muted);font-size:14px;max-width:780px} .contacts{background:#f3f8fc;padding-bottom:55px}.contact-card{background:linear-gradient(135deg,#073864,#0759a8 60%,#0a73c9);color:#fff;border-radius:29px;padding:37px;display:grid;grid-template-columns:1fr 1fr;gap:45px;box-shadow:0 28px 70px rgba(4,53,99,.16);position:relative;overflow:hidden}.contact-card::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-190px;top:-200px;background:radial-gradient(circle,rgba(132,211,255,.2),transparent 65%)}.contact-card>div{position:relative;z-index:1}.contact-card h2{font-size:42px;line-height:1;letter-spacing:-1.7px;margin:10px 0 12px}.contact-card>div>p{color:#d7eafb}.contact-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.contact-extra{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:#d3e7fa}.contact-extra b{color:#fff}.sales{display:grid;gap:9px}.sales>div{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:14px;padding:13px 15px;display:grid;grid-template-columns:100px 1fr;gap:5px 14px}.sales span{font-size:11px;color:#bcdcf5;font-weight:900;grid-row:1/4}.sales a{font-weight:900;font-size:14px}.regional{margin-top:18px;border:1px solid #d3e2ee;background:#fff;border-radius:18px;overflow:hidden}.regional summary{list-style:none;cursor:pointer;padding:17px 20px;font-weight:900;display:flex;justify-content:space-between}.regional summary::-webkit-details-marker{display:none}.regional summary span{color:var(--primary);font-size:20px;transition:.2s}.regional[open] summary span{transform:rotate(45deg)}.regional__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px 18px}.regional__grid article{border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;flex-direction:column}.regional__grid b{font-size:16px}.regional__grid p{color:var(--muted);font-size:12px;min-height:38px}.regional__grid a{font-size:12px;color:var(--primary);font-weight:850;margin-top:4px} .footer{background:#071b2f;color:#c2d5e6;padding:34px 0}.footer__in{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer__in>div{display:flex;gap:15px;flex-wrap:wrap}.footer a{font-size:12px;font-weight:800}.footer small{font-size:11px;color:#8da6ba}.brand--footer{min-width:auto}.brand--footer img{width:40px;height:42px}.brand--footer b{font-size:20px;color:#fff}.brand--footer small{font-size:8px;color:#9fb4c7;margin-top:5px} .to-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:15px;border:1px solid #c9dceb;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);color:var(--primary);font-weight:950;cursor:pointer;z-index:35;box-shadow:0 12px 30px rgba(7,55,101,.14);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.to-top.is-visible{opacity:1;transform:none;pointer-events:auto} .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none} .inner-page{min-height:65vh}.page-hero{padding:70px 0 55px;background:linear-gradient(180deg,#f8fbfe,#eff6fb);border-bottom:1px solid #dbe7f0}.page-hero h1{max-width:920px}.page-hero p{font-size:18px;color:var(--muted);max-width:760px;margin:0}.page-hero--jobs{background:linear-gradient(135deg,#f5faff,#eaf5fd)} .job-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.job-benefits span{background:#fff;border:1px solid #d6e6f2;border-radius:12px;padding:9px 12px;font-size:11px;font-weight:850;color:#31536f} .apply-card{margin-top:26px;padding:25px 27px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#f8fbfe,#fff);display:flex;justify-content:space-between;align-items:center;gap:20px}.apply-card h2{margin:4px 0;font-size:28px}.apply-card p{margin:0;color:var(--muted);font-weight:800}.apply-card__actions{display:flex;gap:9px;flex-wrap:wrap} .lightbox{position:fixed;inset:0;z-index:120;background:rgba(2,15,28,.86);backdrop-filter:blur(10px);display:grid;grid-template-rows:auto 1fr auto;padding:22px;opacity:0;pointer-events:none;transition:.2s}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox__top{display:flex;justify-content:space-between;align-items:center;color:#fff;gap:20px}.lightbox__title{font-weight:900;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox__close,.lightbox__nav{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;cursor:pointer}.lightbox__close{width:44px;height:44px;font-size:22px}.lightbox__stage{display:grid;place-items:center;min-height:0;padding:16px}.lightbox__stage img{max-width:min(1100px,92vw);max-height:76vh;object-fit:contain;background:#fff;border-radius:12px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.lightbox__controls{display:flex;justify-content:center;gap:9px}.lightbox__nav{padding:10px 16px;font-weight:850} .mobile-actions{display:none} @media (hover:hover){a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(32,145,228,.35);outline-offset:3px}} @media (max-width:1100px){ .nav a{padding-inline:8px;font-size:12px}.brand{min-width:260px}.brand b{font-size:26px}.brand small{font-size:9px} .hero__grid{gap:42px}.hero__badge--lab{left:-12px}.hero__badge--plant{right:-8px} .trust__item strong{font-size:22px}.quality-flow{grid-template-columns:repeat(2,1fr)}.quality-flow::before{display:none} .cert-grid--docs{grid-template-columns:repeat(2,1fr)} } @media (max-width:900px){ :root{--header-h:72px}.wrap{width:min(100% - 28px,760px)}.topbar{display:none}.header__in{height:var(--header-h)}.brand{min-width:0}.brand img{width:47px;height:50px}.brand b{font-size:23px}.brand small{font-size:8px;letter-spacing:.7px} .menu-btn{display:block}.nav{position:fixed;left:14px;right:14px;top:calc(var(--header-h) + 9px);display:none;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 24px 60px rgba(5,48,91,.18);margin:0;max-height:calc(100vh - 100px);overflow:auto}.nav.is-open{display:flex}.nav a{padding:13px 14px;font-size:14px} .offers__grid{grid-template-columns:1fr}.offer{min-height:auto;padding:22px 24px}.offer+.offer{border-left:0;border-top:1px solid var(--line)}.offer strong{font-size:31px} .hero{padding:46px 0 38px}.hero__grid{grid-template-columns:1fr;gap:34px}.hero h1{font-size:clamp(46px,11vw,68px)}.hero__visual{max-width:720px}.hero__badge--lab{left:12px;bottom:16px}.hero__badge--plant{right:12px;top:16px}.trust{grid-template-columns:repeat(2,1fr);margin-top:32px} .quick{top:var(--header-h)}.quick__title{display:none}.quick__in{display:block}.quick__nav{padding:1px 0} .section{padding:66px 0}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.section-head p{max-width:700px}.product-layout{grid-template-columns:1fr}.block-showcase{min-height:350px}.sizes{grid-template-columns:repeat(2,1fr)}.mix-grid{grid-template-columns:1fr} .quality-flow{grid-template-columns:repeat(2,1fr)}.quality-proof{align-items:flex-start;flex-direction:column} .factory{grid-template-columns:1fr;gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.logistics__grid{grid-template-columns:1fr;gap:30px}.documents-showcase{grid-template-columns:1fr}.doc-side{position:static;grid-template-columns:1fr}.cert-grid{grid-template-columns:repeat(2,1fr)}.news-grid--featured .news-card:first-child{grid-column:1/-1}.news-grid--full{grid-template-columns:repeat(2,1fr)} .vacancy-layout{grid-template-columns:1fr}.jobs{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-intro{position:static}.contact-card{grid-template-columns:1fr}.regional__grid{grid-template-columns:1fr}.doc-list{grid-template-columns:1fr}.footer__in{flex-wrap:wrap}.docs-current{align-items:flex-start;flex-direction:column}.doc-toolbar{align-items:stretch;flex-direction:column}.doc-search{min-width:0;width:100%} } @media (max-width:620px){ .wrap{width:calc(100% - 22px)}html{scroll-padding-top:132px}body{padding-bottom:68px} .brand img{width:42px;height:44px}.brand b{font-size:21px}.brand small{font-size:7px;max-width:190px}.header__in{gap:10px}.menu-btn{width:43px;height:43px} .top-offers{padding-top:10px}.offers__grid{border-radius:18px}.offer{padding:19px 20px}.offer__tag{margin-bottom:10px}.offer p{font-size:14px}.offer strong{font-size:29px} .hero{padding:38px 0 30px}.hero h1,.page-hero h1{font-size:clamp(39px,12.5vw,54px);letter-spacing:-2.4px}.hero p,.page-hero p{font-size:16px}.hero__actions{display:grid;grid-template-columns:1fr 1fr}.hero__actions .btn:first-child,.hero__actions .btn--vk-outline{grid-column:1/-1}.hero__micro{gap:11px 16px}.hero__photo{border-radius:23px;aspect-ratio:1.15}.hero__badge{padding:9px 11px;border-radius:12px}.hero__badge b{font-size:12px}.hero__badge span{font-size:9px}.hero__badge--plant{right:8px;top:9px}.hero__badge--lab{left:8px;bottom:9px}.trust{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-11px;padding:0 11px}.trust::-webkit-scrollbar{display:none}.trust__item{min-width:210px;scroll-snap-align:start;padding:17px}.trust__item strong{font-size:23px} .quick{padding:9px 0}.quick__nav a{padding:8px 10px;font-size:11px} .section{padding:55px 0}.section-head{margin-bottom:27px}.section-head h2,.factory h2,.faq-intro h2{font-size:36px;letter-spacing:-1.6px}.section-head p{font-size:14px} .block-showcase{min-height:300px;border-radius:21px;padding:24px}.block-showcase img{width:min(280px,88%);height:auto}.sizes{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory;margin-inline:-11px;padding:0 11px 4px;scrollbar-width:none}.sizes::-webkit-scrollbar{display:none}.size-card{min-width:190px;scroll-snap-align:start}.mixes__head h3{font-size:25px}.mix-grid article{padding:15px} .quality-flow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:11px;margin-inline:-11px;padding:0 11px 5px;scrollbar-width:none}.quality-flow::-webkit-scrollbar{display:none}.quality-card{min-width:82vw;scroll-snap-align:center;min-height:250px}.quality-proof{padding:19px} .feature-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:11px;margin-inline:-11px;padding:0 11px 6px;scrollbar-width:none}.feature-grid::-webkit-scrollbar{display:none}.feature-card{min-width:86vw;scroll-snap-align:center;min-height:295px;padding:24px}.feature-card h3{font-size:28px}.feature-card p{font-size:14px}.feature-card__num{font-size:39px} .logistics__steps{grid-template-columns:1fr}.cert-grid,.cert-grid--docs,.cert-grid--archive{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-11px;padding:0 11px 5px;scrollbar-width:none}.cert-grid::-webkit-scrollbar,.cert-grid--docs::-webkit-scrollbar,.cert-grid--archive::-webkit-scrollbar{display:none}.cert-card{min-width:72vw;scroll-snap-align:center}.cert-card__img{height:250px}.doc-preview a{font-size:13px} .news-grid,.news-grid--full{grid-template-columns:1fr}.news-grid--featured .news-card:first-child{display:block}.news-grid--featured .news-card:first-child img{height:210px;min-height:0}.news-grid--featured .news-card:first-child .news-card__body{padding:20px}.news-grid--featured .news-card:first-child h3{font-size:23px} .job{flex-direction:column}.job>strong{align-self:flex-start}.contact-card{padding:25px 19px;border-radius:22px}.contact-card h2{font-size:36px}.contact-actions{display:grid}.contact-actions .btn{width:100%}.sales>div{grid-template-columns:82px 1fr}.footer{padding:28px 0}.footer__in{align-items:flex-start;flex-direction:column}.brand--footer{display:none} .page-hero{padding:50px 0 42px}.job-benefits{display:flex;overflow-x:auto;flex-wrap:nowrap;margin-inline:-11px;padding:0 11px;scrollbar-width:none}.job-benefits span{white-space:nowrap}.apply-card{align-items:flex-start;flex-direction:column}.apply-card__actions{width:100%;display:grid}.apply-card__actions .btn{width:100%} .mobile-actions{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:8px;right:8px;bottom:8px;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid #ccdeeb;border-radius:17px;padding:6px;box-shadow:0 15px 45px rgba(5,49,93,.22)}.mobile-actions a{min-height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:900;color:#31516c}.mobile-actions a.is-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.mobile-actions a.is-vk{color:#0877c9;background:#eef7ff}.to-top{right:14px;bottom:82px;width:44px;height:44px}.lightbox{padding:12px}.lightbox__stage{padding:8px}.lightbox__stage img{max-width:96vw;max-height:75vh}.lightbox__title{font-size:12px} } @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero__photo:hover img,.block-showcase:hover img{transform:none}} body{font-family:"Segoe UI Variable Text","Segoe UI Variable","Aptos","Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.6;color:#102238} h1,h2,h3,h4,.brand b,.offer strong,.trust__item strong,.feature-card__num{font-family:"Segoe UI Variable Display","Segoe UI Variable","Aptos Display","Segoe UI",system-ui,sans-serif} .topbar{font-size:15px;background:linear-gradient(90deg,#052f5d,#064d8d)} .topbar__in{min-height:46px}.topbar__company{font-weight:750;letter-spacing:.1px}.topbar__contacts{gap:24px!important}.topbar__phone{display:flex;align-items:center;gap:10px}.topbar__phone span{color:#b9d8f3;font-size:14px;font-weight:700}.topbar__phone b{font-size:18px;letter-spacing:.1px}.vk-link{font-size:15px;font-weight:850!important} .header__in{gap:22px}.brand{min-width:330px;gap:14px}.brand img{width:64px;height:68px}.brand b{font-size:32px;letter-spacing:-1.1px}.brand small{font-size:13px;line-height:1.15;letter-spacing:.55px;margin-top:6px;color:#29455f;max-width:245px}.nav a{font-size:15px;padding:11px 10px} .eyebrow{font-size:14px;letter-spacing:1.45px}.btn{font-size:16px;min-height:52px;padding-inline:22px}.hero p{font-size:20px;line-height:1.55;color:#405a72}.hero__micro{font-size:14px;gap:18px 22px}.hero__badge b{font-size:16px}.hero__badge span{font-size:14px}.trust__item b{font-size:15px}.trust__item span{font-size:14px;line-height:1.45}.trust__item strong{font-size:29px} .top-offers{padding-top:20px}.offers__grid{gap:12px;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.offer{min-height:210px;border:1px solid #cfe0ef!important;border-radius:24px;padding:25px 27px 24px;box-shadow:0 18px 45px rgba(8,61,115,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.offer:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(8,61,115,.13);border-color:#a9cce8!important}.offer+.offer{border-left:1px solid #cfe0ef}.offer:first-child{border-color:#0864b8!important;box-shadow:0 22px 52px rgba(7,89,168,.2)}.offer__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.offer__tag{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#eaf5ff;color:#0759a8;font-size:13px;letter-spacing:1.1px;margin:0}.offer:first-child .offer__tag{background:rgba(255,255,255,.14);color:#fff}.offer__index{font-size:15px;font-weight:900;color:#9db8cf;letter-spacing:1px}.offer:first-child .offer__index{color:#b7dcfb}.offer p{font-size:18px;line-height:1.3;margin:0 0 7px}.offer strong{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:42px;letter-spacing:-1.7px;line-height:1}.offer strong em{font-style:normal;font-size:24px;letter-spacing:-.6px}.offer__note{font-size:15px!important;line-height:1.45!important;color:#526b81!important;margin-top:13px!important;font-weight:650}.offer:first-child .offer__note{color:#e0f0ff!important}.offer a{display:inline-flex;align-items:center;min-height:39px;margin-top:auto;padding:12px 0 0;font-size:15px} .quick__title{font-size:13px}.quick__nav a{font-size:14px;padding:10px 13px}.section-head p{font-size:18px!important;line-height:1.55;color:#4b647b!important;font-weight:550;max-width:650px}.section-head h2,.factory h2,.faq-intro h2{font-weight:800}.factory__copy p{font-size:18px!important;line-height:1.65;color:#4a637a!important}.factory__facts span{font-size:14px!important;padding:10px 13px!important}.feature-card p,.quality-card p{font-size:16px!important;line-height:1.55!important;color:#4d6479!important}.feature-card h3{font-size:31px!important}.feature-card__num{font-size:46px!important}.size-card small, .spec-details small, .news-card small, .job small, .cert-card__body small, .docs-current span, .doc-search, .doc-filter, .footer a, .footer small{font-size:14px!important}.size-card b{font-size:15px}.cert-types i{font-size:13px!important}.doc-preview a::after,.doc-list a::after{font-size:12px!important}.news-card p,.job p,.regional p{font-size:16px!important}.news-card h3,.job h3{font-size:22px!important}.job>strong{font-size:20px!important}.faq-item summary{font-size:18px!important}.faq-item p{font-size:16px!important}.logistics p{font-size:18px!important}.logistics__step span{font-size:16px!important}.quality-proof span{font-size:16px!important}.doc-preview a,.doc-list a{font-size:16px!important}.docs-current b{font-size:20px!important}.cert-card__body strong{font-size:16px!important}.regional summary{font-size:17px!important} .contact-card{padding:38px 40px}.contact-card h2{font-size:46px}.contact-card p{font-size:17px}.contact-actions .btn{font-size:16px}.contact-extra{gap:10px 12px}.contact-extra span{font-size:15px!important;padding:10px 13px!important}.sales{gap:14px}.sales>div{padding:18px 19px!important;min-height:126px}.sales>div>span{font-size:14px!important;letter-spacing:1px}.sales a{font-size:20px!important;line-height:1.35!important;margin-top:7px!important}.regional__grid b{font-size:18px!important}.regional__grid a{font-size:16px!important} .page-hero p{font-size:19px!important}.job-benefits span{font-size:14px!important}.apply-card p{font-size:17px!important}.lightbox__title{font-size:16px!important} @media (max-width:1100px){.brand{min-width:292px}.brand b{font-size:29px}.brand small{font-size:12px}.nav a{font-size:14px;padding-inline:7px}.offer strong{font-size:38px}.offer strong em{font-size:22px}} @media (max-width:900px){ .topbar{display:block!important}.topbar__in{min-height:44px}.topbar__company{display:none}.topbar__contacts{width:100%;justify-content:space-between}.topbar__phone span{display:none}.topbar__phone b{font-size:17px} .brand{min-width:0}.brand img{width:50px;height:53px}.brand b{font-size:26px}.brand small{font-size:11px;max-width:220px}.nav a{font-size:16px} .offers__grid{gap:10px}.offer{min-height:0;padding:22px 24px;border-radius:20px}.offer+.offer{border-top:1px solid #cfe0ef}.offer strong{font-size:38px}.offer__note{font-size:15px!important} .section-head p{font-size:17px!important}.factory__copy p{font-size:17px!important} } @media (max-width:620px){ body{font-size:16px}.wrap{width:calc(100% - 24px)}.brand img{width:45px;height:48px}.brand b{font-size:24px}.brand small{font-size:10.5px;line-height:1.1;max-width:190px;letter-spacing:.35px}.header__in{gap:9px}.topbar__phone b{font-size:16px}.vk-link{font-size:14px} .offer{padding:20px 20px 19px}.offer__head{margin-bottom:13px}.offer__tag{font-size:13px}.offer p{font-size:17px}.offer strong{font-size:34px;gap:6px}.offer strong em{font-size:20px}.offer__note{font-size:15px!important}.offer a{font-size:15px} .hero p,.page-hero p{font-size:17px!important}.hero__micro{font-size:14px}.hero__badge b{font-size:15px}.hero__badge span{font-size:13px}.trust__item b{font-size:15px}.trust__item span{font-size:14px}.quick__nav a{font-size:14px;padding:9px 11px} .section-head p{font-size:17px!important}.feature-card p,.quality-card p{font-size:16px!important}.feature-card h3{font-size:29px!important}.feature-card__num{font-size:43px!important}.sales>div{min-height:auto}.sales a{font-size:19px!important}.contact-card p{font-size:16px}.contact-extra span{font-size:14px!important}.mobile-actions a{font-size:14px!important}.cert-card__body small{font-size:14px!important} } @media (max-width:620px){ .offers__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-12px;padding:0 12px 7px;scrollbar-width:none}.offers__grid::-webkit-scrollbar{display:none}.offer{min-width:86vw;scroll-snap-align:center}.hero__visual{order:-1}.hero{padding-top:28px} } .brand small, .block-showcase span, .size-card small, .mix-grid small, .quality-card__num, .factory__facts span, .spec-table th, .logistics__step b, .cert-card__img::after, .brand--footer small{font-size:14px!important} .offer__tag{font-size:14px}.offer__index{font-size:16px}.offer__note{font-size:16px!important}.spec-table td{font-size:16px}.footer{font-size:14px} h1,h2,h3{letter-spacing:-.035em} @media(max-width:620px){.brand small{font-size:12.5px!important;line-height:1.16;letter-spacing:.25px}.offer__note{font-size:15.5px!important}} :focus-visible{outline:3px solid rgba(13,114,214,.38);outline-offset:3px;border-radius:8px} small{font-size:15px} .support-strip{padding:18px 0 0;background:#fff;position:relative;z-index:2} .support-card{position:relative;display:grid;grid-template-columns:minmax(340px,1.28fr) minmax(560px,1.72fr);align-items:stretch;overflow:hidden;border:1px solid #bfd9ee;border-radius:28px;background:linear-gradient(118deg,#064f93 0%,#0871c9 34%,#eef8ff 34.2%,#fff 100%);box-shadow:0 22px 60px rgba(6,60,112,.12)} .support-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(#61bcff,#fff 42%,#61bcff);opacity:.9} .support-card::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:18%;top:-250px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 68%);pointer-events:none} .support-card__copy{padding:31px 34px 30px 38px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:0} .support-kicker{font-family:"Segoe UI Variable Display","Segoe UI Variable","Aptos Display","Segoe UI",system-ui,sans-serif;font-size:26px;line-height:1.05;letter-spacing:-.025em;font-weight:900} .support-card__copy p{margin:12px 0 0;max-width:510px;color:#e9f5ff;font-size:17px;line-height:1.48;font-weight:600} .support-stats{display:grid;grid-template-columns:repeat(3,1fr);min-width:0} .support-stat{position:relative;display:flex;flex-direction:column;justify-content:center;padding:27px 25px;min-width:0;border-left:1px solid #d5e6f3;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(246,251,255,.95));transition:background .2s,transform .2s} .support-stat:hover{background:#fff;transform:translateY(-2px)} .support-stat__value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;color:#064d90;line-height:1} .support-stat__value b{font-family:"Segoe UI Variable Display","Segoe UI Variable","Aptos Display","Segoe UI",system-ui,sans-serif;font-size:clamp(30px,2.8vw,41px);letter-spacing:-.055em;font-weight:900;white-space:nowrap} .support-stat__value em{font-style:normal;font-size:18px;font-weight:850;color:#1c609b;white-space:nowrap} .support-stat>span{margin-top:10px;color:#38556f;font-size:16px;line-height:1.35;font-weight:750} .top-offers{padding-top:14px} .brand small{font-size:14px!important;line-height:1.18;letter-spacing:.35px!important;max-width:250px} .nav a{font-size:15.5px} .eyebrow{font-size:15px} .quick__title{font-size:14px}.quick__nav a{font-size:15px} .offer__tag{font-size:15px}.offer__index{font-size:16px}.offer__note{font-size:16px!important}.offer a{font-size:16px} .hero__micro{font-size:15px}.hero__badge span{font-size:15px}.trust__item span{font-size:15px}.trust__item b{font-size:16px} .size-card small, .spec-details small, .news-card small, .job small, .cert-card__body small, .docs-current span, .footer a, .footer small{font-size:15px!important} .factory__facts span,.contact-extra span,.sales>div>span{font-size:15px!important} .mobile-actions a{font-size:15px!important} @media (max-width:1100px){ .support-card{grid-template-columns:1fr}.support-card{background:linear-gradient(135deg,#064f93 0%,#0871c9 100%)}.support-stats{background:#fff}.support-stat:first-child{border-left:0}.support-card__copy{padding:28px 30px}.support-card__copy p{max-width:780px} } @media (max-width:720px){ .support-strip{padding-top:12px}.support-card{border-radius:22px}.support-card__copy{padding:24px 22px 22px}.support-kicker{font-size:24px}.support-card__copy p{font-size:16px}.support-stats{grid-template-columns:1fr}.support-stat{min-height:92px;border-left:0;border-top:1px solid #d5e6f3;padding:17px 20px;display:grid;grid-template-columns:minmax(138px,.9fr) 1.1fr;align-items:center;gap:14px}.support-stat__value b{font-size:30px}.support-stat__value em{font-size:16px}.support-stat>span{margin:0;font-size:16px}.top-offers{padding-top:12px} } @media (max-width:620px){ .brand small{font-size:13.5px!important;max-width:190px}.topbar__phone b{font-size:17px}.vk-link{font-size:15px}.quick__nav a{font-size:15px}.hero p,.page-hero p{font-size:18px!important}.section-head p{font-size:18px!important}.support-card__copy p{font-size:16px}.offer p{font-size:18px}.offer__note{font-size:16px!important} } @media (prefers-reduced-motion:no-preference){.support-card{animation:supportIn .5s cubic-bezier(.2,.8,.2,1) both}@keyframes supportIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}} .contacts--top{padding:24px 0 12px;background:linear-gradient(180deg,#fff,#fbfdff)} .contact-card--hero{padding:38px 40px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:28px} .contact-card--hero .contact-actions{margin-top:24px} .contact-card--hero .contact-actions .btn{font-size:16px;min-height:50px} .contact-card--hero .contact-extra{display:grid;gap:14px;margin-top:26px} .contact-card--hero .contact-extra span{font-size:16px!important;padding:0!important;background:none!important;border:0!important} .contact-card--hero .sales{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start} .contact-card--hero .sales>div{min-height:132px;padding:18px 20px!important;grid-template-columns:1fr;gap:10px;border-radius:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(6px)} .contact-card--hero .sales>div>span{grid-row:auto;font-size:14px!important;line-height:1.1;color:#cfe6fb;font-weight:900;letter-spacing:.5px;text-transform:none} .contact-card--hero .sales a{font-size:18px!important;line-height:1.28!important;margin:0!important} .contact-card--hero .sales a + a{margin-top:4px!important} @media (max-width:980px){.contacts--top{padding:18px 0 6px}.contact-card--hero .sales{grid-template-columns:1fr}.contact-card--hero{padding:28px 24px}} @media (max-width:640px){.contact-card--hero{padding:24px 18px}.contact-card--hero .sales>div{min-height:auto;padding:16px 17px!important}.contact-card--hero .sales a{font-size:17px!important}.contact-card--hero .contact-extra span{font-size:15px!important}} :root{--radius:26px;--radius-sm:16px;--shadow:0 18px 55px rgba(4,46,89,.09);--shadow-strong:0 30px 90px rgba(3,44,84,.18)} html{scroll-padding-top:152px} body{font-family:"Segoe UI Variable Text","Segoe UI Variable","Aptos","Segoe UI",system-ui,sans-serif;font-size:16px;letter-spacing:-.01em;color:#0b2035;background:#fff} .wrap{width:min(1240px,calc(100% - 44px))} .topbar{background:#062e58} .topbar__in{min-height:44px} .topbar__company{font-size:14px;font-weight:750} .header{background:rgba(255,255,255,.94)} .header__in{height:82px} .brand{min-width:320px;gap:14px} .brand img{width:62px;height:66px} .brand b{font-size:31px;letter-spacing:-1.4px} .brand small{font-size:12px!important;letter-spacing:.7px;margin-top:7px;max-width:none} .nav a{font-size:15px;padding:11px 12px;border-radius:12px} .contacts--top{padding:24px 0 12px;background:linear-gradient(180deg,#f7fbff 0,#fff 100%)} .contact-card--hero{border-radius:30px;padding:42px 44px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:34px;background:linear-gradient(125deg,#073b70 0%,#075ca9 55%,#0877d4 100%);box-shadow:0 26px 72px rgba(5,65,121,.2)} .contact-card--hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 42%);pointer-events:none} .contact-card--hero h2{font-size:clamp(42px,4vw,58px);letter-spacing:-2.3px;margin:11px 0 13px} .contact-card--hero>div>p{font-size:18px!important;color:#e5f2fd!important;margin:0} .contact-card--hero .contact-actions{display:grid;grid-template-columns:max-content max-content;gap:10px;margin-top:26px;align-items:center} .contact-card--hero .contact-actions .btn{font-size:17px;min-height:54px;padding:0 22px;border-radius:15px} .contact-card--hero .contact-actions .btn--vk{grid-column:1/-1;justify-self:start} .contact-card--hero .contact-extra{display:grid;gap:11px;margin-top:27px} .contact-card--hero .contact-extra span{font-size:17px!important;line-height:1.45;color:#d9edff} .contact-card--hero .sales{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-content:start} .contact-card--hero .sales>div{position:relative;min-height:138px;padding:20px 21px!important;display:flex;flex-direction:column;gap:9px;border-radius:19px;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .22s,background .22s,border-color .22s} .contact-card--hero .sales>div:hover{transform:translateY(-3px);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.26)} .contact-card--hero .sales>div>span{font-size:15px!important;color:#cfe8ff;font-weight:900;letter-spacing:.3px} .contact-card--hero .sales a{font-size:20px!important;line-height:1.3!important;font-weight:900!important;letter-spacing:-.2px;margin:0!important} .top-offers{padding:14px 0 12px;background:#fff} .offers__grid{border-radius:24px;box-shadow:0 18px 48px rgba(4,53,101,.08)} .offer{min-height:185px;padding:27px 30px} .offer__tag{font-size:13px!important;letter-spacing:1.35px} .offer p{font-size:18px!important} .offer strong{font-size:38px;letter-spacing:-1.7px} .offer__note{font-size:15px!important;line-height:1.45} .offer a{font-size:14px!important} .hero{padding:56px 0 48px;background:linear-gradient(180deg,#f8fbfe,#f1f7fc)} .hero__grid{gap:56px} .hero h1{font-size:clamp(48px,5.2vw,70px);line-height:.98;letter-spacing:-3px} .hero p{font-size:20px!important;line-height:1.55;color:#4c647b} .hero__actions .btn{font-size:16px;min-height:52px} .hero__micro{font-size:15px;gap:22px} .hero__photo{border-radius:30px;box-shadow:0 28px 75px rgba(5,55,101,.2)} .hero__badge{padding:13px 16px;border-radius:16px} .hero__badge b{font-size:16px}.hero__badge span{font-size:14px} .trust{gap:12px;margin-top:40px} .trust__item{padding:22px;border-radius:19px;background:rgba(255,255,255,.95)} .trust__item strong{font-size:28px!important;letter-spacing:-1px;color:#0759a8} .trust__item b{font-size:16px!important;margin-top:5px}.trust__item span{font-size:15px!important;line-height:1.45;color:#60758a} .quick{top:82px;padding:10px 0;background:rgba(255,255,255,.95);box-shadow:0 10px 25px rgba(5,50,95,.05)} .quick__title{font-size:14px!important}.quick__nav a{font-size:15px!important;padding:10px 13px;border-radius:12px} .section{padding:88px 0} .section-head{margin-bottom:36px} .section-head h2,.factory h2,.faq-intro h2{font-size:clamp(38px,4.2vw,56px)!important;line-height:1.02;letter-spacing:-2.2px;font-weight:850!important} .section-head p,.factory__copy p,.logistics p{font-size:18px!important;line-height:1.65!important;color:#4c667e!important} .eyebrow{font-size:13px;letter-spacing:1.55px} .product-layout,.block-showcase,.size-card,.feature-card,.quality-card,.news-card,.job,.cert-card,.faq-item,.logistics__step{border-color:#d6e3ef} .block-showcase{border-radius:25px;box-shadow:0 18px 48px rgba(5,60,112,.08)} .size-card{min-height:122px;border-radius:18px} .size-card strong{font-size:22px}.size-card b{font-size:17px!important}.size-card small{font-size:15px!important} .quality-flow{gap:14px}.quality-card{border-radius:22px;min-height:275px;padding:26px}.quality-card h3{font-size:24px!important}.quality-card p{font-size:16px!important;line-height:1.65!important} .factory{gap:56px}.factory__facts span{font-size:15px!important;padding:11px 14px!important;border-radius:12px} .feature-grid{gap:16px}.feature-card{min-height:315px;border-radius:24px;padding:29px 30px}.feature-card h3{font-size:32px!important}.feature-card p{font-size:17px!important;line-height:1.68!important}.feature-card__num{font-size:48px!important}.feature-card__icon{width:60px;height:60px} .spec-details{border-radius:22px}.spec-details summary b{font-size:20px}.spec-details summary small{font-size:15px!important}.spec-table th,.spec-table td{font-size:16px!important;padding:16px 18px} .logistics__step{border-radius:19px;padding:22px}.logistics__step span{font-size:17px!important}.logistics__step b{font-size:15px!important;width:38px;height:38px} .documents-showcase{gap:28px}.cert-card{border-radius:20px}.cert-card__body{padding:17px 18px 19px}.cert-card__body strong{font-size:17px!important}.cert-card__body small{font-size:15px!important}.doc-preview a{font-size:16px!important;padding:15px 17px} .news-grid{gap:16px}.news-card{border-radius:22px}.news-card__body{padding:22px}.news-card h3{font-size:24px!important}.news-card p{font-size:16px!important;line-height:1.65}.news-card small{font-size:15px!important}.news-grid--featured .news-card:first-child h3{font-size:32px!important} .vacancies-home{background:linear-gradient(135deg,#062f59,#075ba7 58%,#0b73c9)} .vacancy-pitch h2{font-size:clamp(40px,4vw,56px)}.vacancy-pitch p{font-size:18px!important;line-height:1.65}.job{border-radius:20px}.job h3{font-size:24px!important}.job p{font-size:16px!important;line-height:1.6}.job small{font-size:15px!important}.job>strong{font-size:21px!important} .faq-item{border-radius:18px}.faq-item summary{font-size:19px!important;padding:20px 22px}.faq-item p{font-size:17px!important;line-height:1.7;padding:0 22px 22px} .footer{padding:40px 0;background:#061c31}.footer a,.footer small{font-size:14px!important}.brand--footer small{font-size:12px!important} .btn, .size-card, .doc-filter, .menu-btn, .to-top, .mobile-actions a{touch-action:manipulation} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #58a9ee;outline-offset:3px} @media(max-width:1020px){.nav a{font-size:14px;padding:10px 8px}.brand{min-width:280px}.contact-card--hero{grid-template-columns:1fr}.contact-card--hero .sales{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__grid{gap:35px}.feature-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.wrap{width:min(100% - 26px,1240px)}.header__in{height:72px}.brand{min-width:0}.brand img{width:48px;height:52px}.brand b{font-size:25px}.brand small{font-size:11px!important;max-width:205px}.quick{top:72px}.contacts--top{padding:14px 0 8px}.contact-card--hero{padding:25px 20px;border-radius:24px}.contact-card--hero h2{font-size:40px}.contact-card--hero>div>p{font-size:17px!important}.contact-card--hero .contact-actions{grid-template-columns:1fr}.contact-card--hero .contact-actions .btn,.contact-card--hero .contact-actions .btn--vk{grid-column:auto;width:100%;justify-self:stretch}.contact-card--hero .contact-extra span{font-size:16px!important}.contact-card--hero .sales{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 1px 7px;scrollbar-width:none}.contact-card--hero .sales::-webkit-scrollbar{display:none}.contact-card--hero .sales>div{flex:0 0 82%;min-height:128px;scroll-snap-align:start}.contact-card--hero .sales a{font-size:19px!important}.offers__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border:0;box-shadow:none;background:transparent;gap:10px;border-radius:0}.offer{flex:0 0 88%;min-height:196px;border:1px solid #d4e3ef!important;border-radius:21px;scroll-snap-align:start;box-shadow:0 14px 32px rgba(5,55,103,.08)}.offer:first-child{border-color:transparent!important}.hero{padding:46px 0 38px}.hero__grid{grid-template-columns:1fr}.hero__visual{order:-1}.hero__photo{aspect-ratio:1.5;border-radius:23px}.hero__badge--lab{left:10px;bottom:10px}.hero__badge--plant{right:10px;top:10px}.hero h1{font-size:48px;letter-spacing:-2.3px}.hero p{font-size:18px!important}.trust{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.trust__item{flex:0 0 78%;scroll-snap-align:start}.quick__nav a{font-size:15px!important}.section{padding:66px 0}.section-head h2,.factory h2,.faq-intro h2{font-size:38px!important;letter-spacing:-1.6px}.section-head p,.factory__copy p,.logistics p{font-size:17px!important}.feature-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:11px}.feature-card{flex:0 0 87%;min-height:330px;scroll-snap-align:start}.feature-card h3{font-size:30px!important}.feature-card p{font-size:17px!important}.documents-showcase{grid-template-columns:1fr}.cert-grid{grid-template-columns:repeat(2,1fr)}.news-grid--featured .news-card:first-child{display:block}.mobile-actions{left:7px;right:7px;bottom:7px;border-radius:18px}.footer{padding-bottom:100px}} @media(max-width:440px){.contact-card--hero h2{font-size:37px}.hero h1{font-size:42px}.hero__actions{display:grid}.hero__actions .btn{width:100%}.cert-grid{grid-template-columns:1fr}.feature-card{flex-basis:92%}.offer{flex-basis:92%}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}} .skip-link{position:fixed;left:14px;top:10px;z-index:200;padding:11px 15px;border-radius:11px;background:#fff;color:#0759a8;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.18);transform:translateY(-80px)}.skip-link:focus{transform:none} /* FINAL commercial composition */ .top-offers{padding:18px 0 30px;background:#fff} .offers__grid{display:grid;grid-template-columns:minmax(430px,1.12fr) minmax(0,.88fr);grid-template-rows:repeat(2,minmax(145px,auto));gap:1px;padding:0;border:1px solid #d7e4ef!important;border-radius:28px!important;overflow:hidden!important;background:#d7e4ef!important;box-shadow:0 24px 68px rgba(7,55,104,.11)!important;isolation:isolate} .offer{min-height:0!important;padding:24px 28px!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;background:#fff!important;overflow:hidden;position:relative} .offer:hover{transform:none!important;box-shadow:none!important;border:0!important} .offer::after{display:none!important} .offer:first-child{grid-row:1/3;padding:35px 38px 34px!important;background:linear-gradient(145deg,#06457f 0%,#075ead 52%,#0b78d2 100%)!important;color:#fff;display:flex;flex-direction:column;isolation:isolate} .offer:first-child::before{content:"";position:absolute;inset:auto -80px -120px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(112,201,255,.34) 0%,rgba(112,201,255,.08) 42%,transparent 70%);z-index:-1} .offer:first-child .offer__head{margin-bottom:34px} .offer__head{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0 0 17px} .offer__tag{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#edf6fd!important;color:#075aa8!important;font-size:13px!important;line-height:1;font-weight:900;letter-spacing:1.25px;margin:0!important} .offer:first-child .offer__tag{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)} .offer__index{font-size:14px!important;font-weight:900;color:#9eb8ce!important;letter-spacing:1.4px} .offer:first-child .offer__index{color:rgba(255,255,255,.65)!important} .offer p{font-size:21px!important;line-height:1.22!important;letter-spacing:-.25px;margin:0 0 13px!important;font-weight:850!important;color:#11283e} .offer:first-child p{font-size:24px!important;color:#fff} .offer strong{display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important;font-size:40px!important;line-height:.96!important;letter-spacing:-1.9px!important;font-weight:900!important;color:#073f75} .offer strong em{font-style:normal;font-size:19px!important;line-height:1.05;letter-spacing:-.4px;font-weight:800;color:#46627b} .offer:first-child strong{font-size:58px!important;color:#fff;margin-top:2px} .offer:first-child strong em{font-size:25px!important;color:#dceeff} .offer__note{font-size:15px!important;line-height:1.45!important;color:#5c7185!important;font-weight:620!important;margin-top:13px!important;max-width:520px!important} .offer:first-child .offer__note{color:#dceeff!important} .offer a{display:inline-flex!important;align-items:center!important;width:max-content!important;min-height:42px!important;margin-top:auto!important;padding:15px 0 0!important;font-size:15px!important;line-height:1!important;font-weight:850!important;color:#075aa8!important} .offer:first-child a{margin-top:auto!important;padding:0 18px!important;min-height:48px!important;border-radius:14px;background:#fff;color:#0759a8!important;box-shadow:0 10px 25px rgba(0,0,0,.10)} .offer:not(:first-child){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head" "title price" "note price" "link price";column-gap:28px;align-items:start} .offer:not(:first-child) .offer__head{grid-area:head;margin-bottom:13px} .offer:not(:first-child) p{grid-area:title;margin-bottom:4px!important} .offer:not(:first-child) strong{grid-area:price;align-self:center;justify-self:end;flex-direction:column;align-items:flex-end!important;gap:3px!important;white-space:nowrap} .offer:not(:first-child) strong em{display:block;text-align:right} .offer:not(:first-child) .offer__note{grid-area:note;margin:5px 0 0!important} .offer:not(:first-child) a{grid-area:link;margin-top:8px!important;padding-top:0!important} .offer:nth-child(2){background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important} .offer:nth-child(3){background:linear-gradient(145deg,#f8fbfe 0%,#eef6fc 100%)!important} @media(max-width:940px){ .offers__grid{grid-template-columns:1fr;grid-template-rows:auto;gap:1px} .offer:first-child{grid-row:auto;min-height:285px!important} .offer:not(:first-child){min-height:155px!important} } @media(max-width:620px){ .top-offers{padding:12px 0 22px} .offers__grid{display:grid!important;overflow:visible!important;gap:1px!important;margin:0!important;padding:0!important;border-radius:23px!important} .offer{width:auto!important;min-width:0!important;flex:none!important;scroll-snap-align:none!important} .offer:first-child{min-height:255px!important;padding:27px 23px 25px!important} .offer:first-child .offer__head{margin-bottom:25px} .offer:first-child p{font-size:21px!important} .offer:first-child strong{font-size:46px!important} .offer:first-child strong em{font-size:21px!important} .offer:not(:first-child){display:grid;grid-template-columns:1fr;grid-template-areas:"head" "title" "price" "note" "link";min-height:0!important;padding:22px 21px!important} .offer:not(:first-child) strong{justify-self:start;align-items:flex-start!important;flex-direction:row;margin:7px 0 3px} .offer:not(:first-child) strong em{text-align:left} .offer p{font-size:19px!important} .offer strong{font-size:34px!important} .offer__note{font-size:15px!important} } .offer__value{font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;margin:0!important;max-width:none!important;font-weight:inherit!important} .offer:first-child{grid-column:1;grid-row:1/3} .offer:nth-child(2),.offer:nth-child(3){grid-column:2} .offer__value{white-space:nowrap!important} /* R5 — понятные звонки и адрес резюме */ .call-main{min-height:64px!important;padding:8px 18px!important;gap:12px;justify-content:flex-start!important;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.12)} .call-main__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e8f4ff;color:var(--primary);font-size:20px;flex:none;transition:transform .2s} .call-main>span:last-child{display:flex;flex-direction:column;line-height:1.15} .call-main small{font-size:12px;font-weight:800;color:#496987;margin-bottom:4px} .call-main b{font-size:18px;color:var(--primary);letter-spacing:.1px} .call-main:hover .call-main__icon{transform:rotate(-8deg) scale(1.06)} .btn--call{background:linear-gradient(135deg,#0759a8,#0d72d6);color:#fff;box-shadow:0 10px 24px rgba(7,89,168,.2);position:relative;padding-left:22px;padding-right:22px} .btn--call:hover{box-shadow:0 14px 30px rgba(7,89,168,.28)} .resume-note{margin-top:12px;font-size:15px;color:#d6eafa;font-weight:650} .resume-note a{color:#fff;font-weight:900;text-decoration:underline;text-underline-offset:3px} .resume-note--dark{color:#5d7287;margin-top:4px;white-space:nowrap} .resume-note--dark a{color:var(--primary)} @media(max-width:640px){.call-main{width:100%;min-height:68px!important}.call-main small{font-size:13px}.call-main b{font-size:19px}.btn--call{width:100%}.resume-note{font-size:14px}.resume-note--dark{white-space:normal}} /* 2026-08 site polish */ html{scroll-padding-top:96px} body{background:#fff} .hero{padding:54px 0 44px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)} .hero__grid{grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr);gap:48px} .hero__photo{aspect-ratio:16/9;border-radius:26px;box-shadow:0 24px 64px rgba(5,54,101,.16);background:#dce9f4} .hero__photo img{object-position:center 50%} .hero__photo::after{background:linear-gradient(180deg,transparent 68%,rgba(3,35,65,.14))} .hero h1{max-width:650px} .hero p{max-width:590px} .hero__badge{box-shadow:0 12px 30px rgba(4,49,94,.12)} .quick{position:relative;top:auto;z-index:6;padding:9px 0;border-top:1px solid #e4edf5;border-bottom:1px solid #e4edf5;box-shadow:none;background:#fff} .quick__in{overflow:hidden} .quick__nav{overflow-x:auto;scrollbar-width:none} .quick__nav::-webkit-scrollbar{display:none} .top-offers{padding:22px 0 18px;background:#fff} .contact-extra a{color:#fff;font-weight:900;text-decoration:underline;text-decoration-color:rgba(255,255,255,.32);text-underline-offset:3px} #hrPhones a{color:var(--primary);font-weight:900;text-decoration:underline;text-underline-offset:3px} .section--soft{background:#f5f9fd} .footer{border-top:1px solid rgba(255,255,255,.05)} @media(max-width:1020px){.hero__grid{grid-template-columns:1fr;gap:30px}.hero__visual{order:-1}.hero__photo{aspect-ratio:16/9}.hero__copy{max-width:820px}} @media(max-width:760px){html{scroll-padding-top:78px}.hero{padding:28px 0 34px}.hero__photo{border-radius:20px}.hero__badge span{font-size:12px}.hero__badge b{font-size:14px}.quick{top:auto}} @media(max-width:440px){.hero__badge--lab{display:none}.hero__badge--plant{right:8px;top:8px}.hero__photo{aspect-ratio:1.48}.top-offers{padding-top:14px}} /* 2026-08 production-cleanup */ .hero__photo{transform:none!important;transition:box-shadow .22s ease!important} .hero__photo::before{display:none!important} .hero__photo:hover img{transform:none!important} .hero__photo-shine,.hero__badge{display:none!important} .company{padding:56px 0 60px;background:#fff;border-top:1px solid #e6eef5;border-bottom:1px solid #e6eef5} .factory{max-width:none!important;display:block!important} .factory>.eyebrow{display:block;margin-bottom:19px} .factory__row{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(380px,1.35fr);gap:68px;align-items:start} .factory__row h2{margin:0!important;font-size:clamp(30px,3vw,40px)!important;line-height:1.08!important;letter-spacing:-1.25px!important;font-weight:850!important;color:#0d2740} .factory__row p{margin:1px 0 0!important;max-width:760px;font-size:18px!important;line-height:1.68!important;color:#526b82!important} @media(max-width:760px){.company{padding:42px 0 46px}.factory>.eyebrow{margin-bottom:14px}.factory__row{grid-template-columns:1fr;gap:14px}.factory__row h2{font-size:31px!important}.factory__row p{font-size:17px!important;line-height:1.6!important}} /* contact-first + homepage documents cleanup */ .contacts--top{padding:20px 0 18px} .documents-showcase .doc-side{top:118px} @media(max-width:760px){.contacts--top{padding:12px 0 14px}} /* 2026-08-19 concept variants: 3D / blueprint */ body.site-v2{background:#f7fbff} .site-v2 .header{position:sticky;top:0;padding:10px 0;background:rgba(247,251,255,.92);border:0;backdrop-filter:blur(18px) saturate(145%)} .site-v2 .header.is-scrolled{background:rgba(247,251,255,.96);box-shadow:none} .site-v2 .header__in{height:72px;padding:0 16px 0 14px;background:rgba(255,255,255,.96);border:1px solid #d9e6f1;border-radius:21px;box-shadow:0 12px 34px rgba(5,55,104,.08)} .site-v2 .brand{min-width:300px} .site-v2 .brand img{width:54px;height:58px} .site-v2 .brand b{font-size:28px} .site-v2 .brand small{font-size:11px!important;margin-top:4px} .site-v2 .nav{padding:5px;background:#f2f7fb;border:1px solid #e1ebf3;border-radius:16px;gap:2px} .site-v2 .nav a{padding:10px 12px;border-radius:11px;font-size:14px;color:#294861} .site-v2 .nav a:hover,.site-v2 .nav a.is-current{background:#fff;color:#0759a8;box-shadow:0 4px 14px rgba(5,65,120,.08);transform:none} .site-v2 .nav a[href="#contacts"],.site-v2 .nav a[href="index.html#contacts"]{background:#0759a8;color:#fff;box-shadow:0 8px 18px rgba(7,89,168,.2)} .site-v2 .topbar{background:#06345f} .site-v2 .contacts--top{background:#f7fbff;padding-top:14px} .site-v2 .contact-card--hero{box-shadow:0 22px 58px rgba(5,65,121,.15)} .site-v2 .hero-concept{padding:22px 0 34px;background:#f7fbff} .site-v2 .hero-concept::before{display:none} .site-v2 .hero-concept .hero__orb{display:none} .site-v2 .hero-card{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);grid-template-rows:auto auto;overflow:hidden;background:#fff;border:1px solid #d5e3ef;border-radius:32px;box-shadow:0 26px 70px rgba(5,54,101,.12);min-height:525px;position:relative} .site-v2 .hero-concept .hero__copy{padding:58px 16px 40px 42px;align-self:center;position:relative;z-index:2} .site-v2 .hero-concept .eyebrow{font-size:12px;letter-spacing:1.45px} .site-v2 .hero-concept h1{font-size:clamp(45px,4.8vw,68px)!important;line-height:.98;letter-spacing:-3.1px;margin:14px 0 20px;max-width:490px;background:none;color:#092743;-webkit-text-fill-color:initial} .site-v2 .hero-concept p{font-size:18px!important;line-height:1.55;color:#526c84;max-width:470px;margin:0} .site-v2 .hero-concept .hero__actions{display:flex;align-items:center;gap:12px;margin-top:30px} .site-v2 .hero-concept .hero__actions .btn{min-height:50px;padding:0 25px;border-radius:12px;font-size:15px} .site-v2 .btn--concept-outline{background:#fff;color:#0759a8;border:1px solid #75ace0;box-shadow:none} .site-v2 .btn--concept-outline:hover{background:#edf6ff;border-color:#4e98d9} .site-v2 .hero-contact-link{font-weight:900;color:#0759a8;padding:12px 2px;white-space:nowrap} .site-v2 .hero-concept .hero__visual{min-width:0;display:flex;align-items:stretch;position:relative} .site-v2 .hero__art{width:100%;min-height:425px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff} .site-v2 .hero__art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center} .site-v2.variant-3d .hero__art{padding:5px 0 0 0} .site-v2.variant-3d .hero__art img{transform:scale(1.06);transform-origin:center} .site-v2.variant-blueprint .hero-card{background:linear-gradient(135deg,#fff 0%,#fff 42%,#f6fbff 100%)} .site-v2.variant-blueprint .hero__art{background:linear-gradient(135deg,#fbfdff,#eff8ff);padding:32px 20px 12px 0} .site-v2.variant-blueprint .hero__art img{height:auto;max-height:390px;object-fit:contain;filter:contrast(1.02) saturate(.96)} .site-v2 .hero-ribbon{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;background:linear-gradient(100deg,#0759a8,#0877d3);color:#fff;min-height:86px;padding:0 28px;position:relative;z-index:3} .site-v2 .hero-ribbon span{display:flex;align-items:center;gap:12px;padding:0 16px;min-height:52px;border-right:1px solid rgba(255,255,255,.16)} .site-v2 .hero-ribbon span:last-child{border-right:0} .site-v2 .hero-ribbon i{width:38px;height:38px;display:grid;place-items:center;font-style:normal;font-size:26px;line-height:1;color:#fff;opacity:.95} .site-v2 .hero-ribbon b{font-size:14px;line-height:1.25;letter-spacing:.05px} .site-v2 .quick{background:#fff} .site-v2 .quick__in{justify-content:center} .site-v2 .quick__title{display:none} .site-v2 .quick__nav{padding:5px;background:#f4f8fb;border:1px solid #e0eaf2;border-radius:17px} .site-v2 .quick__nav a{border:0;background:transparent;border-radius:12px;padding:10px 14px!important} .site-v2 .quick__nav a:hover,.site-v2 .quick__nav a.is-current{background:#fff;box-shadow:0 5px 16px rgba(5,60,112,.08)} .site-v2 .features-section .spec-details{display:none!important} @media(max-width:1120px){ .site-v2 .brand{min-width:250px}.site-v2 .brand b{font-size:25px}.site-v2 .nav a{font-size:13px;padding:9px 8px} .site-v2 .hero-card{grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr)} .site-v2 .hero-concept .hero__copy{padding-left:34px}.site-v2 .hero-contact-link{display:none} } @media(max-width:900px){ .site-v2 .header{padding:6px 0}.site-v2 .header__in{height:68px;border-radius:18px}.site-v2 .brand{min-width:0} .site-v2 .nav{position:fixed;left:14px;right:14px;top:84px;display:none;padding:10px;background:rgba(255,255,255,.98);border-radius:18px;box-shadow:0 24px 60px rgba(5,48,91,.18)}.site-v2 .nav.is-open{display:flex} .site-v2 .hero-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0} .site-v2 .hero-concept .hero__copy{padding:36px 30px 24px;order:1}.site-v2 .hero-concept .hero__visual{order:2}.site-v2 .hero__art{min-height:320px;max-height:430px} .site-v2 .hero-ribbon{order:3;grid-template-columns:repeat(2,1fr);padding:10px 16px}.site-v2 .hero-ribbon span:nth-child(2){border-right:0}.site-v2 .hero-ribbon span{padding:10px 12px} } @media(max-width:620px){ .site-v2 .topbar__company{display:none}.site-v2 .topbar__in{justify-content:center}.site-v2 .topbar__contacts{width:100%;justify-content:space-between!important}.site-v2 .topbar__phone span{display:none} .site-v2 .header__in{padding:0 10px}.site-v2 .brand img{width:44px;height:47px}.site-v2 .brand b{font-size:22px}.site-v2 .brand small{font-size:9px!important;max-width:180px} .site-v2 .hero-concept{padding:12px 0 24px}.site-v2 .hero-card{border-radius:23px}.site-v2 .hero-concept .hero__copy{padding:27px 22px 20px}.site-v2 .hero-concept h1{font-size:39px!important;letter-spacing:-1.9px;margin:10px 0 14px}.site-v2 .hero-concept p{font-size:16px!important}.site-v2 .hero-concept .hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.site-v2 .hero-concept .hero__actions .btn{width:100%;padding:0 12px}.site-v2 .hero__art{min-height:235px}.site-v2.variant-3d .hero__art img{transform:scale(1.02)}.site-v2.variant-blueprint .hero__art{padding:12px 6px 4px}.site-v2.variant-blueprint .hero__art img{max-height:255px} .site-v2 .hero-ribbon{grid-template-columns:1fr 1fr;min-height:0;padding:7px}.site-v2 .hero-ribbon span{min-height:62px;padding:8px 7px;gap:7px}.site-v2 .hero-ribbon i{width:28px;height:28px;font-size:20px}.site-v2 .hero-ribbon b{font-size:12px}.site-v2 .quick__in{justify-content:flex-start}.site-v2 .quick__nav{border-radius:14px} } /* PORABLOK UX audit improvements. Pure presentation; content remains from original archive. */ [hidden]{display:none!important} html{scroll-behavior:smooth;scroll-padding-top:110px} body{overflow-wrap:break-word} :where(a,button,input,select,summary,textarea):focus-visible{outline:3px solid #f1a831!important;outline-offset:3px!important} :where(.nav a,.quick__nav a,.offer a,.doc-list a,.size-card,.doc-filter,.contact-actions a){transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease} .site-v2 .hero-concept{padding-top:22px} .site-v2 .contacts--top{padding:65px 0 76px!important;background:linear-gradient(180deg,#f5f9fd,#eaf3fa)!important} .site-v2 .contact-card--hero{max-width:100%} .site-v2 .hero-card{isolation:isolate} .site-v2 .section, .site-v2 .company{scroll-margin-top:96px} .site-v2 .hero-concept .hero__actions{flex-wrap:wrap} .site-v2 .offer a{display:inline-flex;align-items:center;min-height:42px} .site-v2 .size-card{min-height:80px} .search-results{margin:20px 0 12px;color:#526b84;font-weight:750;font-size:14px} .search-empty{margin:20px 0;padding:18px 20px;background:#edf5fc;border:1px dashed #9dbcd8;border-radius:14px;color:#304f6b;font-weight:750} .doc-filter[aria-pressed="true"]{box-shadow:0 0 0 2px rgba(7,89,168,.12)} .lightbox{overscroll-behavior:contain} .lightbox__top{flex-wrap:wrap} .lightbox__download{color:#fff;font-size:14px;text-underline-offset:4px;font-weight:750;margin-left:auto} .lightbox__stage img{max-width:100%;max-height:100%;object-fit:contain} .footer a:hover{text-decoration:underline;text-underline-offset:4px} @media(max-width:900px){.site-v2 .contacts--top{padding:42px 0 65px!important}} @media(max-width:620px){ html{scroll-padding-top:82px} .site-v2 .hero-concept{padding-top:10px} .site-v2 .contacts--top{padding:30px 0 80px!important} .site-v2 .hero-concept .hero__actions .btn{flex:1;min-width:135px;justify-content:center} .site-v2 .hero-contact-link{display:inline-flex!important;min-height:40px;align-items:center} .contact-card--hero .contact-actions{grid-template-columns:minmax(0,1fr)!important} .contact-card--hero .contact-actions .btn{width:100%;justify-content:center} .contact-card--hero .contact-actions .btn--vk{grid-column:auto} .contact-card--hero .sales{grid-template-columns:1fr!important} .contact-card--hero .sales>div{min-height:auto!important} .lightbox{padding:11px} .lightbox__top{gap:8px} .lightbox__download{width:100%;order:2;margin-left:0} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} } @media print{ .header, .topbar, .quick, .scroll-progress, .mobile-actions, .to-top, .menu-btn, .footer{display:none!important} .section{padding:18px 0!important;break-inside:avoid} body{color:#111!important;background:#fff!important} .contact-card{box-shadow:none!important} } /* Update 2026-10-30: navigation to retained legacy publications */ .legacy-link{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:4px 10px;padding:17px 18px;border:1px solid #d3e3f0;border-radius:15px;background:#fff;color:inherit;text-decoration:none;min-height:90px} .legacy-link b{grid-column:1;font-size:15px}.legacy-link>span:nth-child(2){grid-column:1;color:#5b6f83;font-size:13px} .legacy-link>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:var(--primary)} .legacy-link:hover{border-color:var(--primary);box-shadow:0 9px 22px rgba(4,63,125,.09)} .legacy-link:focus-visible{outline:3px solid #ffae21;outline-offset:3px}