/* Start:/local/templates/isrp/assets/css/fonts.css?1788503424595*/ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/local/templates/isrp/assets/css/../fonts/Inter-Cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/local/templates/isrp/assets/css/../fonts/Inter-Latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* End */ /* Start:/local/templates/isrp/assets/css/base.css?17888737221755*/ /* Base rules extracted from the static ISRP site are generated here. */ /* Page styles must not hide the browser's document scrollbar. */ /* html { scrollbar-width: auto !important; -ms-overflow-style: auto !important; scrollbar-color: #8a98af #eef2f7; } html::-webkit-scrollbar, body::-webkit-scrollbar { display: block !important; width: 12px !important; height: 12px !important; } html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: #eef2f7; } html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { min-height: 48px; border: 3px solid #eef2f7; border-radius: 999px; background: #8a98af; } html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover { background: #66738f; } html::-webkit-scrollbar-button, body::-webkit-scrollbar-button { display: block; width: 12px; height: 16px; background-color: #eef2f7; background-repeat: no-repeat; background-position: center; background-size: 8px 8px; } html::-webkit-scrollbar-button:single-button:vertical:decrement, body::-webkit-scrollbar-button:single-button:vertical:decrement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M1 5.5 4 2.5l3 3' fill='none' stroke='%23586a86' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } html::-webkit-scrollbar-button:single-button:vertical:increment, body::-webkit-scrollbar-button:single-button:vertical:increment { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m1 2.5 3 3 3-3' fill='none' stroke='%23586a86' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } */ /* End */ /* Start:/local/templates/isrp/assets/css/components.css?178843554285*/ /* Shared component rules extracted from the static ISRP site are generated here. */ /* End */ /* Start:/local/templates/isrp/assets/css/pages/industrial-equipment.css?179166638587366*/ :root { --blue:#103e9c; --deep:#08255d; --ink:#0f1c3d; --muted:#5b6478; --paper:#f4f7fb; --line:#dbe3f1; --white:#fff; --ease:cubic-bezier(.22,1,.36,1); } * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { min-width:320px; margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:Inter,sans-serif; -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; } button,input,select { font:inherit; } button { cursor:pointer; } .container { width:calc(100% - 60px); max-width:1860px; margin:0 auto; } .header-messages { position:absolute; top:9px; left:1348px; display:flex; gap:8px; } .message { display:grid; width:44px; height:44px; padding:11px; border-radius:50%; background:#c5cfdf; place-items:center; } .message img { width:22px; height:22px; object-fit:contain; } .header-right { position:absolute; top:6px; left:1464px; display:flex; align-items:center; gap:20px; } .button { display:inline-flex; min-height:50px; padding:0 28px; align-items:center; justify-content:center; border:0; border-radius:999px; font-size:15px; font-weight:600; line-height:18px; white-space:nowrap; transition:transform .18s var(--ease),box-shadow .18s var(--ease); } .button:hover { transform:translateY(-2px); } .button:focus-visible { outline:3px solid rgba(16,62,156,.35); outline-offset:3px; } .button--blue { background:var(--blue); color:#fff; box-shadow:0 6px 16px rgba(16,62,156,.35); } .button--white { background:#fff; color:var(--blue); box-shadow:0 10px 25px rgba(4,20,58,.18); } .language { position:absolute; top:9px; right:0; display:flex; gap:5px; width:83px; height:44px; padding:5px; border:1px solid rgba(255,255,255,.17); border-radius:22px; background:#c5cfdf; } .language button { display:grid; width:33px; height:33px; padding:7px; border:0; border-radius:17px; background:transparent; place-items:center; } .language button[aria-pressed="true"] { background:var(--blue); } .language img { width:19px; height:19px; } .hero { height:520px; overflow:hidden; } .hero-image { display:block; width:100%; height:100%; object-fit:cover; } .section { position:relative; } .page-breadcrumbs { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 22px; color:var(--muted); font-size:11px; font-weight:500; line-height:16px; } .page-breadcrumbs a { transition:color .18s var(--ease); } .page-breadcrumbs a:hover,.page-breadcrumbs a:focus-visible { color:var(--blue); outline:0; } .page-breadcrumbs span[aria-current="page"] { color:#8a93a5; } .chip { display:inline-flex; height:31px; padding:0 14px; align-items:center; gap:8px; border:1px solid rgba(15,28,61,.08); border-radius:999px; background:rgba(255,255,255,.85); color:var(--muted); font-size:12px; font-weight:600; letter-spacing:.02em; line-height:15px; } .chip i { display:block; width:8px; height:8px; border-radius:50%; background:var(--blue); } .section-title { margin:17px 0 0; color:var(--ink); font-size:46px; font-weight:700; letter-spacing:-.045em; line-height:52px; } .section-lead { max-width:900px; margin:16px 0 0; color:var(--muted); font-size:15px; font-weight:500; line-height:22px; } .direction-explanation { min-height:834px; margin-top:0; padding:40px 0 90px; border-radius:50px; background:var(--paper); } .direction-explanation .section-lead { width:820px; max-width:100%; margin-top:20px; font-size:18px; line-height:27px; } .intro-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; margin-top:35px; align-items:start; } .why-card { position:relative; min-height:304px; padding:51px 34px 30px 115px; overflow:hidden; border:1px solid var(--line); border-radius:24px; background:#fff; color:var(--ink); box-shadow:0 16px 34px rgba(8,22,48,.07); } .why-icon { position:absolute; top:51px; left:33px; display:grid; width:58px; height:58px; border:1px solid #d3e0f9; border-radius:15px; background:#ebf2ff; color:var(--blue); font-size:22px; font-weight:700; place-items:center; } .why-card h3 { width:520px; max-width:100%; margin:0; font-size:26px; font-weight:700; letter-spacing:-.03em; line-height:31px; } .why-card p { width:720px; max-width:100%; margin:17px 0 0; color:var(--muted); font-size:16px; font-weight:500; line-height:23px; } .why-card ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 28px; margin:24px 0 0; padding:0; list-style:none; color:var(--ink); font-size:13px; font-weight:700; line-height:16px; } .why-card li { position:relative; padding-left:28px; } .why-card li::before { position:absolute; top:-1px; left:0; width:18px; height:18px; border:1px solid #b9cef8; border-radius:50%; background:#ebf2ff; box-shadow:inset 0 0 0 5px #fff; content:""; } .direction-photo { position:relative; min-height:500px; overflow:hidden; border-radius:24px; background:#071b49; box-shadow:0 18px 42px rgba(8,22,48,.1); } .direction-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; } .direction-jumps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; margin-top:40px; } .jump { min-height:118px; padding:23px 24px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 12px 26px rgba(8,22,48,.06); } .jump b { display:block; color:var(--ink); font-size:30px; line-height:33px; } .jump span { display:block; margin-top:10px; color:var(--muted); font-size:14px; font-weight:600; line-height:18px; } .scope { min-height:910px; padding:90px 0; background:var(--paper); } .scope-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:40px; } .scope-card { min-height:238px; padding:25px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 16px 34px rgba(8,22,48,.07); transition:color .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease); } .scope-icon { position:relative; display:grid; width:58px; height:58px; overflow:hidden; border:1px solid #d3e0f9; border-radius:15px; background:#ebf2ff; place-items:center; } .scope-icon img { width:58px; height:58px; object-fit:contain; } .scope-icon--cube .cube-front { position:absolute; width:22px; height:22px; border:1px solid var(--blue); border-radius:2px; } .scope-icon--cube .cube-top { position:absolute; top:21px; left:17px; width:11px; height:8px; border-radius:2px; background:var(--blue); } .scope-icon--cube .cube-one,.scope-icon--cube .cube-two { position:absolute; width:18px; height:11px; border-radius:2px; background:var(--blue); } .scope-icon--cube .cube-one { top:9px; left:28px; transform:rotate(-28deg); } .scope-icon--cube .cube-two { top:25px; left:12px; transform:rotate(28deg); } .scope-icon--doc .document { position:absolute; width:24px; height:34px; border:1px solid var(--blue); border-radius:3px; background:#fff; } .scope-icon--doc i { position:absolute; left:22px; width:14px; height:2px; border-radius:2px; background:var(--blue); } .scope-icon--doc i:nth-of-type(1) { top:20px; }.scope-icon--doc i:nth-of-type(2) { top:27px; }.scope-icon--doc i:nth-of-type(3) { top:34px; width:10px; } .scope-card h3 { margin:12px 0 0; font-size:22px; font-weight:700; letter-spacing:-.03em; line-height:28px; } .scope-card p { max-width:480px; margin:8px 0 0; color:var(--muted); font-size:14px; font-weight:500; line-height:20px; } .fit { min-height:756px; padding:90px 0; background:#fff; } .fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:40px; } .fit-card { position:relative; min-height:360px; padding:34px; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 16px 34px rgba(8,22,48,.07); } .fit-card--blue { border:0; background:#092761; color:#fff; box-shadow:none; } .fit-card--blue::after { position:absolute; right:-15px; bottom:-42px; width:300px; height:300px; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.025); content:""; } .fit-card small { position:relative; z-index:1; display:block; color:#89b5ff; font-size:11px; font-weight:600; letter-spacing:.08em; } .fit-card h3 { position:relative; z-index:1; max-width:510px; margin:16px 0 19px; font-size:25px; font-weight:700; letter-spacing:-.035em; line-height:31px; } .fit-card ul { position:relative; z-index:1; display:grid; gap:10px; margin:0; padding:0; list-style:none; font-size:14px; font-weight:500; line-height:18px; } .fit-card li { position:relative; padding-left:17px; } .fit-card li::before { position:absolute; top:5px; left:0; width:7px; height:7px; border-radius:50%; background:var(--blue); content:""; } .fit-card--blue li { color:#e4efff; }.fit-card--blue li::before { background:#fff; } .solution { min-height:668px; padding:89px 0 90px; overflow:hidden; background:linear-gradient(110deg,#083475,#102d7a 56%,#061d4d); color:#fff; } .solution::after { position:absolute; top:-190px; right:-90px; width:650px; height:650px; border:1px solid rgba(255,255,255,.11); border-radius:50%; box-shadow:0 0 0 52px rgba(255,255,255,.035),0 0 0 104px rgba(255,255,255,.02); content:""; } .solution .chip { position:relative; z-index:1; border-color:rgba(255,255,255,.23); background:rgba(255,255,255,.1); color:#dce9ff; }.solution .chip i { background:#fff; } .solution .section-title { position:relative; z-index:1; color:#fff; }.solution .section-lead { position:relative; z-index:1; max-width:820px; color:#c5d9ff; } .solution-flow { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:25px; margin-top:65px; } .flow-card { min-height:232px; padding:28px 26px; border:1px solid rgba(255,255,255,.45); border-radius:16px; background:rgba(5,27,75,.15); } .flow-card:first-child { border-color:#fff; background:#092761; } .flow-card b { display:block; color:#a7c7ff; font-size:12px; line-height:15px; }.flow-card:first-child b { color:#fff; } .flow-card h3 { margin:55px 0 10px; font-size:20px; line-height:25px; }.flow-card p { margin:0; color:#d9e6ff; font-size:13px; line-height:18px; } .faq { min-height:833px; padding:90px 0; background:#fff; } .faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin-top:42px; } .faq-item { position:relative; min-height:164px; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:0 10px 26px rgba(8,22,48,.05); } .faq-item.is-open { background:#092761; border-color:#092761; color:#fff; } .faq-question { display:grid; grid-template-columns:28px minmax(0,1fr) 24px; gap:20px; width:100%; padding:30px 28px 18px; border:0; color:inherit; background:transparent; text-align:left; } .faq-num { color:#7099e4; font-size:11px; font-weight:600; line-height:17px; }.faq-item.is-open .faq-num { color:#a7c7ff; } .faq-question strong { font-size:15px; font-weight:700; line-height:20px; } .faq-question:focus-visible { outline:3px solid rgba(16,62,156,.32); outline-offset:-4px; border-radius:14px; } .faq-plus { color:var(--blue); font-size:22px; font-weight:400; line-height:20px; text-align:right; transition:transform .18s var(--ease); }.faq-item.is-open .faq-plus { color:#fff; transform:rotate(45deg); } .faq-answer { padding:0 28px 24px 76px; color:var(--muted); font-size:12px; line-height:17px; }.faq-item.is-open .faq-answer { color:#d9e6ff; } .faq-answer[hidden] { display:none; } .related { padding:45px 0; background:var(--paper); } .related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:40px; } .related-card { position:relative; min-height:236px; padding:26px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 12px 28px rgba(8,22,48,.06); transition:color .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease); } .related-card img { width:44px; height:44px; object-fit:contain; }[data-od-id="related-production"] > img { border-radius:8px; }.related-card h3 { margin:13px 0 8px; font-size:18px; letter-spacing:-.02em; line-height:23px; }.related-card p { max-width:440px; margin:0; color:var(--muted); font-size:13px; line-height:18px; }.related-card a { position:absolute; right:24px; bottom:22px; left:24px; display:flex; align-items:center; justify-content:space-between; color:var(--blue); font-size:12px; font-weight:700; }.related-card a:focus-visible { outline:3px solid rgba(16,62,156,.28); outline-offset:4px; border-radius:4px; }.related-card a::after { margin-left:9px; content:"→"; } .brief { position:relative; min-height:681px; margin:0 30px 90px; overflow:hidden; border-radius:24px; background:linear-gradient(112deg,#0b3d9d 0%,#0d56bf 57%,#062259 100%); color:#fff; } .brief::before { position:absolute; top:-265px; right:355px; width:680px; height:680px; border:1px solid rgba(255,255,255,.15); border-radius:50%; box-shadow:0 0 0 66px rgba(255,255,255,.04),0 0 0 132px rgba(255,255,255,.025); content:""; } .brief-inner { position:relative; min-height:681px; padding:65px 60px; } .brief-copy { position:relative; z-index:2; width:650px; }.brief .chip { border-color:rgba(255,255,255,.24); background:rgba(255,255,255,.1); color:#d6e5ff; }.brief .chip i { background:#fff; } .brief h2 { margin:25px 0 17px; font-size:50px; font-weight:700; letter-spacing:-.045em; line-height:58px; }.brief p { margin:0; color:#d6e5ff; font-size:17px; line-height:26px; }.brief-note { display:flex; gap:8px; align-items:center; margin-top:29px; font-size:14px; font-weight:600; }.brief-note::before { width:7px; height:7px; border-radius:50%; background:#7ed3ff; content:""; } .brief-art { position:absolute; z-index:1; right:470px; bottom:-1px; width:575px; max-width:40%; } .brief-form { position:absolute; z-index:3; top:49px; right:60px; width:427px; padding:30px; border-radius:16px; background:#fff; box-shadow:0 22px 52px rgba(3,18,61,.32); color:var(--ink); }.brief-form h3 { margin:0 0 5px; font-size:20px; line-height:25px; }.form-hint { margin:0 0 22px!important; color:var(--muted)!important; font-size:13px!important; line-height:18px!important; } .field { display:block; margin-top:14px; }.field span { display:block; margin:0 0 7px; font-size:12px; font-weight:600; }.field input,.field select { width:100%; height:49px; padding:0 14px; outline:0; border:1px solid #d6deec; border-radius:10px; background:#fff; color:var(--ink); font-size:14px; transition:border-color .18s var(--ease),box-shadow .18s var(--ease); }.field input:focus,.field select:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(16,62,156,.12); } .agreement { display:flex; gap:8px; align-items:flex-start; margin-top:15px; color:var(--muted); font-size:11px; line-height:15px; }.agreement input { width:16px; height:16px; margin:0; accent-color:var(--blue); }.agreement a { color:var(--blue); text-decoration:underline; }.brief-form .button { width:100%; min-height:46px; margin-top:16px; font-size:13px; }.form-status { min-height:18px; margin:10px 0 0!important; color:var(--blue)!important; font-size:12px!important; line-height:18px!important; }.form-status.is-error { color:#b3261e!important; }.captcha { display:flex; gap:9px; align-items:center; margin-top:14px; color:#555; font-size:12px; }.captcha img { width:22px; height:22px; } [data-od-id="direction-brief"] { position:relative; width:calc(100% - 60px); height:auto; min-height:0; aspect-ratio:1860 / 681; margin:0 30px 80px; padding:0; overflow:hidden; border:1px solid rgba(16,62,156,.4); border-radius:32px; color:#fff; background-color:#103e9c; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px), linear-gradient(160deg,#103e9c 0%,#0a2a6e 70.711%); background-size:80px 80px,80px 80px,100% 100%; box-shadow:0 30px 60px -12px rgba(16,62,156,.4); isolation:isolate; } [data-od-id="direction-brief"]::before { content:none; } [data-od-id="direction-brief"] .cta-stage { position:absolute; top:0; left:0; width:1860px; height:671px; transform:scale(var(--cta-scale,1)); transform-origin:top left; } [data-od-id="direction-brief"] .cta-halo, [data-od-id="direction-brief"] .cta-rings, [data-od-id="direction-brief"] .cta-art { position:absolute; pointer-events:none; user-select:none; } [data-od-id="direction-brief"] .cta-halo { width:1300px; height:1100px; } [data-od-id="direction-brief"] .cta-halo--left { top:-401px; left:-401px; } [data-od-id="direction-brief"] .cta-halo--right { top:99px; left:699px; } [data-od-id="direction-brief"] .cta-rings { top:-171px; left:-171px; width:740px; height:740px; border-radius:50%; background: radial-gradient(circle,transparent 119px,rgba(255,255,255,.16) 120px,transparent 121px), radial-gradient(circle,transparent 169px,rgba(255,255,255,.14) 170px,transparent 171px), radial-gradient(circle,transparent 219px,rgba(255,255,255,.12) 220px,transparent 221px), radial-gradient(circle,transparent 269px,rgba(255,255,255,.1) 270px,transparent 271px), radial-gradient(circle,transparent 319px,rgba(255,255,255,.08) 320px,transparent 321px), radial-gradient(circle,transparent 369px,rgba(255,255,255,.07) 370px,transparent 371px); } [data-od-id="direction-brief"] .cta-copy { position:absolute; top:218px; left:79px; z-index:2; } [data-od-id="direction-brief"] .section-kicker { display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:0 14px; border:1px solid rgba(255,255,255,.3); border-radius:999px; color:#fff; background:rgba(255,255,255,.14); font-size:12px; font-weight:600; line-height:1; letter-spacing:.72px; } [data-od-id="direction-brief"] .section-kicker::before { width:8px; height:8px; border-radius:50%; background:#fff url("/local/templates/isrp/assets/css/pages/../../images/briefing-kicker-dot.svg") center / contain no-repeat; content:""; } [data-od-id="direction-brief"] h2 { width:900px; max-width:none; margin:17px 0 0; color:#fff; font-size:48px; font-weight:600; line-height:56px; letter-spacing:-1px; } [data-od-id="direction-brief"] .cta-copy > p { width:734px; max-width:none; margin:21px 0 0; color:#cfe0ff; font-size:17px; line-height:26px; } [data-od-id="direction-brief"] .cta-art { top:51px; left:862px; z-index:1; width:717px; height:574px; max-width:none; object-fit:cover; } [data-od-id="direction-brief"] .cta-form { position:absolute; top:49px; right:80px; z-index:3; width:520px; height:581px; overflow:hidden; padding:0; border:1px solid rgba(255,255,255,.6); border-radius:24px; color:#0f1c3d; background:#fff; box-shadow:0 24px 48px -8px rgba(15,28,61,.35); } [data-od-id="direction-brief"] .cta-form__glow { position:absolute; top:-341px; left:89px; width:740px; height:640px; pointer-events:none; } [data-od-id="direction-brief"] .cta-form h3 { position:absolute; top:33px; left:39px; z-index:1; width:360px; margin:0; font-size:22px; font-weight:600; line-height:27px; } [data-od-id="direction-brief"] .cta-form__close { position:absolute; top:31px; left:461px; z-index:1; width:18px; color:#8a93a6; font-size:18px; font-weight:500; line-height:22px; text-align:center; } [data-od-id="direction-brief"] .cta-form__subtitle { position:absolute; top:67px; left:39px; z-index:1; width:340px; margin:0; color:#8a93a6; font-size:16px; line-height:20px; } [data-od-id="direction-brief"] .cta-phone { position:absolute; top:111px; left:39px; z-index:1; width:440px; height:56px; } [data-od-id="direction-brief"] .cta-form input[type="tel"] { width:100%; height:56px; margin:0; padding:0 19px; border:1px solid rgba(15,28,61,.08); border-radius:14px; color:#0f1c3d; background:#f5f7fb; font:400 14px Inter,sans-serif; } [data-od-id="direction-brief"] .cta-form input[type="tel"]::placeholder { color:#8a93a6; opacity:1; } [data-od-id="direction-brief"] .cta-phone::after { position:absolute; bottom:1px; left:19px; width:46px; height:2px; background:#103e9c; content:""; } [data-od-id="direction-brief"] .cta-goal { position:absolute; top:193px; left:39px; z-index:6; width:440px; margin:0; color:#0f1c3d; font-size:15px; line-height:19px; } [data-od-id="direction-brief"] .cta-select { position:relative; display:block; width:440px; height:56px; margin-top:7px; } [data-od-id="direction-brief"] .cta-form .cta-select__button { position:absolute; z-index:2; inset:0; width:100%; height:100%; margin:0; padding:0 52px 0 19px; border:1px solid rgba(15,28,61,.08); border-radius:14px; color:#8a93a6; background:#f5f7fb; box-shadow:none; font:400 14px Inter,sans-serif; text-align:left; text-transform:none; cursor:pointer; } [data-od-id="direction-brief"] .cta-select.has-value .cta-select__button { color:#0f1c3d; } [data-od-id="direction-brief"] .cta-select__button span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } [data-od-id="direction-brief"] .cta-select:has(.cta-select__button:focus-visible) .cta-select__button, [data-od-id="direction-brief"] .cta-select.is-open .cta-select__button { border-color:#103e9c; box-shadow:0 0 0 3px rgba(16,62,156,.14); } [data-od-id="direction-brief"] .cta-select img { position:absolute; z-index:3; top:19px; right:23px; width:18px; height:18px; pointer-events:none; transition:transform .16s ease; } [data-od-id="direction-brief"] .cta-select.is-open img { transform:rotate(180deg); } [data-od-id="direction-brief"] .cta-options { position:absolute; z-index:5; top:62px; right:0; left:0; display:grid; overflow:hidden; border:1px solid #103e9c; border-radius:0; background:#fff; box-shadow:0 14px 28px rgba(15,28,61,.18); } [data-od-id="direction-brief"] .cta-options[hidden] { display:none; } [data-od-id="direction-brief"] .cta-form .cta-options button { position:static; width:100%; height:31px; margin:0; padding:0 19px; border:0; border-radius:0; color:#7d879a; background:#fff; box-shadow:none; font:400 14px/31px Inter,sans-serif; text-align:left; text-transform:none; cursor:pointer; } [data-od-id="direction-brief"] .cta-form .cta-options button:hover, [data-od-id="direction-brief"] .cta-form .cta-options button:focus-visible, [data-od-id="direction-brief"] .cta-form .cta-options button[aria-selected="true"] { outline:0; color:#fff; background:#103e9c; } [data-od-id="direction-brief"] .cta-captcha { position:absolute; top:300px; left:39px; z-index:1; width:440px; height:86px; margin:0; padding:0; border:1px solid #d9e1ee; border-radius:18px; color:#111a34; background:#f7f9fd; } [data-od-id="direction-brief"] .cta-captcha__check { position:absolute; top:29px; left:19px; width:26px; height:26px; } [data-od-id="direction-brief"] .cta-captcha__label { position:absolute; top:31px; left:56px; font-size:15px; font-weight:500; line-height:20px; } [data-od-id="direction-brief"] .cta-captcha__legal { position:absolute; top:64px; left:182px; margin:0; color:#7d879a; font-size:10px; line-height:10px; white-space:nowrap; } [data-od-id="direction-brief"] .cta-captcha__logo { position:absolute; top:9px; left:365px; width:48px; height:51px; object-fit:cover; object-position:left top; } [data-od-id="direction-brief"] .cta-consent { position:absolute; top:415px; left:39px; z-index:1; display:flex; gap:12px; width:440px; margin:0; color:#3f4656; font-size:16px; font-weight:500; line-height:145%; } [data-od-id="direction-brief"] .cta-consent input { flex:0 0 18px; width:18px; height:18px; min-height:18px; margin:0; padding:0; accent-color:#103e9c; } [data-od-id="direction-brief"] .cta-consent a { color:#103e9c; text-decoration:underline; } [data-od-id="direction-brief"] .cta-form button { position:absolute; top:501px; left:39px; z-index:1; width:440px; height:50px; margin:0; border:0; border-radius:999px; color:#fff; background:#103e9c; box-shadow:0 14px 32px -6px rgba(16,62,156,.45); font:600 13px Inter,sans-serif; text-transform:uppercase; cursor:pointer; } @media (max-width:900px) { [data-od-id="direction-brief"] { width:calc(100% - 40px); height:auto; min-height:980px; aspect-ratio:auto; margin:0 20px 80px; } [data-od-id="direction-brief"] .cta-stage { position:relative; width:100%; height:auto; min-height:980px; transform:none!important; } [data-od-id="direction-brief"] .cta-halo { width:1000px; height:846px; } [data-od-id="direction-brief"] .cta-halo--left { top:-300px; left:-340px; } [data-od-id="direction-brief"] .cta-halo--right { top:340px; left:28%; } [data-od-id="direction-brief"] .cta-rings { top:-205px; left:-210px; } [data-od-id="direction-brief"] .cta-copy { position:relative; top:auto; left:auto; padding:58px 40px 0; } [data-od-id="direction-brief"] h2 { width:auto; max-width:720px; } [data-od-id="direction-brief"] .cta-copy > p { width:auto; max-width:610px; } [data-od-id="direction-brief"] .cta-art { top:178px; right:-72px; left:auto; width:660px; height:528px; opacity:.6; } [data-od-id="direction-brief"] .cta-form { position:relative; top:auto; right:auto; width:520px; height:581px; margin-top:250px; margin-bottom:12px; margin-left:auto; margin-right:auto; } } @media (max-width:540px) { [data-od-id="direction-brief"] { width:calc(100% - 32px); min-height:780px; margin:0 16px 80px; border-radius:24px; } [data-od-id="direction-brief"] .cta-stage { min-height:780px; } [data-od-id="direction-brief"] .cta-copy { padding:42px 22px 0; } [data-od-id="direction-brief"] h2 { font-size:34px; line-height:40px; letter-spacing:-.5px; } [data-od-id="direction-brief"] .cta-copy > p { font-size:15px; line-height:23px; } [data-od-id="direction-brief"] .cta-art { top:235px; right:-205px; width:590px; height:472px; } [data-od-id="direction-brief"] .cta-form { width:520px; max-width:none; margin:260px 0 12px; transform:scale(var(--cta-form-scale,1)); transform-origin:top left; } @media (min-width:321px) and (max-width:540px) { [data-od-id="direction-brief"] .cta-form { margin:260px 12px calc(100vw - 570px); } } @media (max-width:320px) { [data-od-id="direction-brief"] .cta-form { margin:260px 12px -250px; } } } .footer { min-height:438px; padding:65px 0 24px; background:#071b49; color:#fff; }.footer-top { display:grid; grid-template-columns:2.1fr 1.35fr 1fr 1.1fr; gap:42px; padding-bottom:56px; }.footer-brand { width:320px; max-width:100%; filter:brightness(0) invert(1); }.footer-brand img { display:block; width:100%; object-fit:contain; }.footer-description { max-width:350px; margin:20px 0 0; color:#bac8e2; font-size:13px; line-height:19px; }.footer h3 { margin:0 0 16px; color:#8ea4cc; font-size:11px; font-weight:600; letter-spacing:.08em; }.footer a,.footer span { display:block; margin:0 0 10px; color:#fff; font-size:13px; line-height:18px; }.footer a:hover { color:#a9c7ff; }.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:19px; border-top:1px solid rgba(255,255,255,.14); color:#8ea4cc; font-size:12px; }.footer-bottom div { display:flex; gap:24px; }.footer-bottom span { color:#8ea4cc; } @media (max-width:1500px) { .header-messages { display:none; }.header-right { right:110px; left:auto; gap:0; }.language { right:22px; }.brief-art { right:430px; } } @media (max-width:1120px) { .container { width:calc(100% - 40px); }.header-right { top:4px; right:100px; }.language { top:7px; right:18px; }.hero { height:600px; }.hero-copy { padding-top:150px; }.hero h1 { max-width:780px; font-size:44px; line-height:54px; }.hero p { max-width:72%; }.hero-breadcrumb { top:100px; left:20px; }.intro-grid { grid-template-columns:1fr; }.direction-photo { min-height:420px; }.direction-explanation { min-height:0; }.direction-jumps { grid-template-columns:repeat(3,minmax(0,1fr)); }.scope-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.scope { min-height:0; }.section-title { font-size:42px; line-height:48px; }.fit-grid { grid-template-columns:1fr; }.solution-flow { grid-template-columns:repeat(3,minmax(0,1fr)); }.faq { min-height:0; }.brief { margin:0 20px 70px; }.brief-inner { padding:50px 40px; }.brief-copy { width:48%; }.brief h2 { font-size:40px; line-height:47px; }.brief-art { right:40%; width:420px; max-width:35%; }.brief-form { right:32px; width:395px; }.footer-top { grid-template-columns:1.5fr 1fr 1fr; }.footer-top > :last-child { grid-column:2/4; } } @media (max-width:700px) { .container { width:calc(100% - 32px); }.header-right { top:1px; right:72px; }.header-right .button { min-height:40px; padding:0 16px; font-size:12px; }.language { top:4px; right:13px; transform:scale(.8); transform-origin:right top; }.hero { height:590px; }.hero-image { top:0; height:590px; object-position:58% center; }.hero-copy { padding-top:150px; }.hero-breadcrumb { top:88px; left:16px; max-width:calc(100% - 32px); font-size:9px; }.hero h1 { max-width:100%; font-size:34px; line-height:39px; }.hero p { max-width:100%; width:auto; margin-top:16px; font-size:15px; line-height:22px; }.hero .button { top:auto; right:16px; bottom:34px; min-width:0; width:calc(100% - 32px); }.page-breadcrumbs { gap:5px; margin-bottom:18px; font-size:10px; }.section-title { font-size:31px; line-height:36px; }.section-lead,.direction-explanation .section-lead { font-size:14px; line-height:20px; }.direction-explanation,.scope,.fit,.faq,.related { padding:58px 0; }.direction-explanation { border-radius:50px; }.intro-grid { margin-top:30px; }.why-card { min-height:0; padding:88px 24px 24px; }.why-icon { top:22px; left:24px; }.why-card h3 { font-size:24px; line-height:30px; }.why-card p { font-size:14px; line-height:21px; }.why-card ul { grid-template-columns:1fr; }.direction-photo { min-height:278px; }.direction-jumps { grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }.jump { min-height:105px; padding:18px; }.jump b { font-size:24px; line-height:28px; }.jump:last-child { grid-column:1/-1; }.scope-grid,.related-grid,.faq-grid { grid-template-columns:1fr; gap:12px; margin-top:30px; }.scope-card { min-height:206px; padding:21px; }.scope-card h3 { font-size:20px; line-height:26px; }.fit-grid { gap:14px; margin-top:30px; }.fit-card { min-height:0; padding:23px; }.fit-card h3 { font-size:22px; line-height:27px; }.solution { min-height:0; padding:58px 0; }.solution-flow { grid-template-columns:1fr 1fr; gap:10px; margin-top:30px; }.flow-card { min-height:160px; padding:17px; }.flow-card h3 { margin-top:30px; font-size:16px; }.flow-card:last-child { grid-column:1/-1; }.faq-item { min-height:0; }.faq-question { grid-template-columns:24px minmax(0,1fr) 20px; gap:12px; padding:22px 20px 16px; }.faq-answer { padding:0 20px 22px 56px; }.related-card { min-height:210px; }.brief { min-height:0; margin:0 16px 50px; border-radius:16px; }.brief-inner { min-height:0; padding:38px 24px 24px; }.brief-copy { width:auto; }.brief h2 { font-size:32px; line-height:37px; }.brief p { font-size:15px; line-height:22px; }.brief-art { position:relative; right:auto; bottom:auto; display:block; width:78%; max-width:none; margin:18px auto -10px; }.brief-form { position:relative; top:auto; right:auto; width:auto; margin-top:10px; padding:24px; }.footer { padding-top:45px; }.footer-top { grid-template-columns:1fr 1fr; gap:30px 20px; padding-bottom:35px; }.footer-top > :first-child { grid-column:1/-1; }.footer-top > :last-child { grid-column:auto; }.footer-bottom { display:block; }.footer-bottom div { flex-wrap:wrap; gap:4px 16px; margin-top:13px; } } @media (hover:hover) and (pointer:fine) { .scope-card:hover,.related-card:hover { border-color:#bfd3ff; background:#eef4ff; box-shadow:0 16px 34px rgba(16,62,156,.12); }.related-card:hover { color:var(--blue); } } @media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } } [data-od-id="direction-explanation"] { z-index:1; margin-top:-50px; border-radius:50px; } [data-od-id="site-header"] { position: fixed; } body .site-header .header-nav__directions[data-od-id="header-directions-toggle"] { color: #222; background: var(--isrp-header-blue-soft); font-weight: 600; } body [data-od-id="direction-hero"] { background: transparent !important; } body [data-od-id="direction-hero"] > img:first-of-type { filter: brightness(.75) !important; opacity: 1 !important; mix-blend-mode: normal !important; } body [data-od-id="direction-hero"]::before, body [data-od-id="direction-hero"]::after { display: none !important; content: none !important; } [data-od-id="direction-hero"] { position: relative; height: 520px; overflow: hidden; } [data-od-id="direction-hero"] .direction-hero__chip { position: absolute; top: 147px; left: 30px; z-index: 1; display: flex; align-items: center; height: 31px; padding: 0 13px; border: 1px solid rgba(15, 28, 61, .08); border-radius: 999px; background: #fff; box-shadow: 0 4px 12px rgba(15, 28, 61, .06); color: #222; font-family: Inter, Arial, sans-serif; font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: .72px; white-space: nowrap; } [data-od-id="direction-hero"] .direction-hero__chip-dot { position: relative; display: block; flex: 0 0 8px; width: 8px; height: 8px; margin-right: 8px; } [data-od-id="direction-hero"] .direction-hero__chip-dot img { position: absolute; top: -8px; left: -8px; display: block; width: 24px; height: 24px; } [data-od-id="direction-hero"] .direction-hero__title { position: absolute; top: 208px; left: 30px; z-index: 1; width: 837px; margin: 0; color: #fff; font-family: Inter, Arial, sans-serif; font-size: 52px; font-weight: 700; line-height: 67px; letter-spacing: -.52px; } [data-od-id="direction-hero"] .direction-hero__lead { position: absolute; top: 305px; left: 30px; z-index: 1; width: 1017px; margin: 0; color: rgb(255, 255, 255); font-family: Inter, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 28px; } [data-od-id="direction-hero"] .direction-hero__button { position: absolute; top: 360px; right: 30px; z-index: 1; display: grid; width: 280px; height: 54px; border-radius: 27px; background: #fff; box-shadow: 0 10px 22px rgba(8, 22, 48, .16); color: #222; font-family: Inter, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 18px; cursor: pointer; place-items: center; transition: background-color .2s ease, color .2s ease, box-shadow .2s ease; } [data-od-id="direction-hero"] .direction-hero__button:hover, [data-od-id="direction-hero"] .direction-hero__button:focus-visible { background: #103e9c; color: #fff; box-shadow: 0 12px 26px rgba(16, 62, 156, .3); outline: none; } @media (max-width: 1120px) { [data-od-id="direction-hero"] { height: 600px; } [data-od-id="direction-hero"] .direction-hero__chip { top: 120px; left: 20px; } [data-od-id="direction-hero"] .direction-hero__title { top: 190px; left: 20px; width: calc(100% - 40px); max-width: 780px; font-size: 44px; line-height: 54px; } [data-od-id="direction-hero"] .direction-hero__lead { top: 280px; left: 20px; width: min(72%, 760px); } [data-od-id="direction-hero"] .direction-hero__button { top: auto; right: 20px; bottom: 80px; } } @media (max-width: 700px) { [data-od-id="direction-hero"] { display: flex; height: auto; min-height: 590px; padding: 88px 16px 80px; flex-direction: column; align-items: flex-start; } [data-od-id="direction-hero"] > .hero-image { position: absolute; inset: 0; height: 100%; } [data-od-id="direction-hero"] .direction-hero__chip { box-sizing: border-box; width: auto; max-width: 100%; padding: 0 10px; font-size: 9px; letter-spacing: .42px; } [data-od-id="direction-hero"] .direction-hero__chip-dot { margin-right: 6px; } [data-od-id="direction-hero"] .direction-hero__chip, [data-od-id="direction-hero"] .direction-hero__title, [data-od-id="direction-hero"] .direction-hero__lead, [data-od-id="direction-hero"] .direction-hero__button { position: relative; inset: auto; flex-shrink: 0; } [data-od-id="direction-hero"] .direction-hero__title { width: 100%; min-height: 78px; margin-top: 31px; font-size: 34px; line-height: 39px; letter-spacing: -.34px; } [data-od-id="direction-hero"] .direction-hero__lead { width: 100%; margin-top: 14px; margin-bottom: 24px; font-size: 15px; line-height: 22px; } [data-od-id="direction-hero"] .direction-hero__button { width: 100%; margin-top: auto; } } @media (min-width: 701px) { [data-od-id="direction-hero"] { display: flex; height: auto; min-height: 520px; padding: 147px 30px 106px; flex-direction: column; align-items: flex-start; } [data-od-id="direction-hero"] > .hero-image { position: absolute; inset: 0; } [data-od-id="direction-hero"] .direction-hero__chip, [data-od-id="direction-hero"] .direction-hero__title, [data-od-id="direction-hero"] .direction-hero__lead { position: relative; top: auto; left: auto; } [data-od-id="direction-hero"] .direction-hero__title { width: min(837px, 100%); margin-top: 30px; } [data-od-id="direction-hero"] .direction-hero__lead { width: min(1017px, 100%); margin-top: 30px; margin-bottom: 24px; } [data-od-id="direction-hero"] .direction-hero__button { position: relative; top: auto; right: auto; bottom: auto; margin-top: auto; align-self: flex-end; } } @media (min-width: 701px) and (max-width: 1120px) { [data-od-id="direction-hero"] { min-height: 600px; padding: 120px 20px 80px; } [data-od-id="direction-hero"] .direction-hero__title { margin-top: 39px; } [data-od-id="direction-hero"] .direction-hero__lead { width: min(72%, 760px); margin-top: 36px; } } body [data-od-id="direction-explanation"] { position: relative; min-height: 0; margin-top: -50px; padding: 40px 0 30px; overflow: visible; border-radius: 50px 50px 0 0; background: #f4f7fb; } .direction-page--without-hero > [data-od-id="direction-explanation"] { margin-top: 0; } .direction-navigation { position: relative; z-index: 1; margin-top: -50px; overflow: auto; border-radius: 50px 50px 0 0; background: var(--paper); } .direction-page--without-hero > .direction-navigation { margin-top: 0; } body .direction-navigation + [data-od-id="direction-explanation"] { margin-top: 0; padding-top: 0; border-radius: 0; } body [data-od-id="direction-explanation"] > .container { position: relative; display: flex; height: auto; flex-direction: column; gap: 40px; } body [data-od-id="direction-explanation"] .direction-explanation__main { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; align-items: start; } body [data-od-id="direction-explanation"] .direction-explanation__copy { display: flex; min-width: 0; flex-direction: column; } body [data-od-id="direction-explanation"] .direction-explanation__chip { position: relative; display: inline-flex; width: 136px; height: 31px; padding: 0 13px; align-items: center; gap: 8px; border: 1px solid rgba(15,28,61,.08); border-radius: 999px; background: rgba(255,255,255,.85); color: #667086; font-size: 12px; font-weight: 600; letter-spacing: .02em; line-height: 15px; } body [data-od-id="direction-explanation"] .direction-explanation__chip-dot { position: relative; display: block; width: 8px; height: 8px; flex: 0 0 8px; } body [data-od-id="direction-explanation"] .direction-explanation__chip-dot img { position: absolute; top: -8px; left: -8px; display: block; width: 24px; height: 24px; max-width: none; } body [data-od-id="direction-explanation"] [data-od-id="direction-explanation-title"] { position: relative; width: auto; margin: 20px 0 0; color: #0f1c3d; font-size: 46px; font-weight: 700; letter-spacing: -.045em; line-height: 52px; } body [data-od-id="direction-explanation"] .direction-explanation__lead { position: relative; width: auto; max-width: 820px; margin: 32px 0 0; color: #667086; font-size: 18px; font-weight: 500; line-height: 27px; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] { position: relative; top: auto; width: 100%; height: auto; min-height: 304px; margin-top: 35px; padding: 51px 34px 30px 115px; border: 1px solid #dbe3f1; border-radius: 24px; background: #fff; box-shadow: 0 18px 42px rgba(8,22,48,.1); } body [data-od-id="direction-explanation"] .why-icon { position: absolute; top: 51px; left: 33px; display: block; width: 58px; height: 58px; border: 0; border-radius: 0; background: transparent; } body [data-od-id="direction-explanation"] .why-icon img { position: absolute; top: 14px; left: 14px; display: block; width: 28px; height: 28px; } body [data-od-id="direction-explanation"] .why-icon b { position: absolute; inset: 0; display: grid; color: #2f6fed; font-size: 22px; font-weight: 700; line-height: 58px; place-items: center; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] h3 { width: auto; max-width: 100%; margin: 0; color: #0f1c3d; font-size: 26px; font-weight: 700; letter-spacing: -.03em; line-height: 31px; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] p { width: auto; max-width: 100%; margin: 17px 0 0; color: #667086; font-size: 16px; font-weight: 500; line-height: 23px; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 24px 0 0; padding: 0; list-style: none; color: #0f1c3d; font-size: 13px; font-weight: 700; line-height: 16px; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] li { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 10px; padding: 0; align-items: start; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] li::before { content: none; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] li img { display: block; width: 6px; height: 18px; } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] { position: sticky; top: 24px; grid-column: 2; grid-row: 1; align-self: start; width: 100%; height: 500px; min-height: 0; margin: 0; overflow: hidden; border-radius: 24px; box-shadow: 0 18px 42px rgba(8,22,48,.1); } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } body [data-od-id="direction-explanation"] [data-od-id="direction-jumps"] { position: relative; top: auto; display: grid; width: 100%; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 25px; grid-auto-rows: 1fr; margin: 0; } body [data-od-id="direction-explanation"] [data-od-id="direction-jumps"] .jump { height: auto; min-height: 118px; padding: 20px 22px; } @media (min-width: 1121px) and (max-width: 1500px) { body [data-od-id="direction-explanation"] .direction-explanation__lead { top: auto; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] { height: auto; min-height: 304px; padding: 24px 24px 18px 105px; } body [data-od-id="direction-explanation"] .why-icon { top: 24px; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] p { margin: 8px 0 0; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] ul { gap: 14px; margin: 8px 0 0; } } @media (max-width: 1120px) { body [data-od-id="direction-explanation"] { min-height: 0; padding: 58px 0; } body [data-od-id="direction-explanation"] > .container { display: flex; height: auto; flex-direction: column; gap: 0; } body [data-od-id="direction-explanation"] .direction-explanation__main { display: flex; flex-direction: column; } body [data-od-id="direction-explanation"] .direction-explanation__chip, body [data-od-id="direction-explanation"] [data-od-id="direction-explanation-title"], body [data-od-id="direction-explanation"] .direction-explanation__lead, body [data-od-id="direction-explanation"] [data-od-id="direction-why"], body [data-od-id="direction-explanation"] [data-od-id="direction-photo"], body [data-od-id="direction-explanation"] [data-od-id="direction-jumps"] { position: relative; top: auto; right: auto; left: auto; } body [data-od-id="direction-explanation"] [data-od-id="direction-explanation-title"] { width: auto; margin-top: 20px; } body [data-od-id="direction-explanation"] .direction-explanation__lead { width: auto; max-width: 820px; margin-top: 20px; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] { width: 100%; height: auto; min-height: 304px; margin-top: 35px; } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] { width: 100%; height: 420px; margin-top: 24px; } body [data-od-id="direction-explanation"] [data-od-id="direction-jumps"] { width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 40px; } } @media (max-width: 700px) { body [data-od-id="direction-explanation"] [data-od-id="direction-explanation-title"] { font-size: 31px; line-height: 36px; } body [data-od-id="direction-explanation"] .direction-explanation__lead { font-size: 14px; line-height: 20px; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] { min-height: 0; padding: 88px 24px 24px; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] .why-icon { top: 22px; left: 11px; } body [data-od-id="direction-explanation"] [data-od-id="direction-why"] ul { grid-template-columns: 1fr; gap: 14px; } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] { height: 278px; } body [data-od-id="direction-explanation"] [data-od-id="direction-jumps"] { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; } body [data-od-id="direction-explanation"] [data-od-id="direction-jumps"] .jump:last-child:nth-child(even) { grid-column: auto; } body [data-od-id="direction-explanation"] [data-od-id="direction-jumps"] .jump:last-child:nth-child(odd) { grid-column: 1 / -1; } } body [data-od-id="direction-scope"] { position: relative; height: auto; min-height: 0; padding: 90px 0; background: #f4f7fb; } body [data-od-id="direction-scope"] > .container { position: relative; display: flex; height: auto; flex-direction: column; } body [data-od-id="direction-scope"] .direction-scope__chip { position: relative; display: inline-flex; width: 95px; height: 31px; padding: 0 13px; align-items: center; gap: 8px; overflow: hidden; border: 1px solid rgba(15,28,61,.08); border-radius: 999px; background: rgba(255,255,255,.85); color: #5b6478; font-size: 12px; font-weight: 600; letter-spacing: .02em; line-height: 15px; } body [data-od-id="direction-scope"] .direction-scope__chip-dot { position: relative; display: block; width: 8px; height: 8px; flex: 0 0 8px; } body [data-od-id="direction-scope"] .direction-scope__chip-dot img { position: absolute; top: -8px; left: -8px; display: block; width: 24px; height: 24px; max-width: none; } body [data-od-id="direction-scope"] [data-od-id="direction-scope-title"] { position: relative; width: auto; height: auto; margin: 17px 0 0; color: #0f1c3d; font-size: 46px; font-weight: 700; letter-spacing: -.045em; line-height: 52px; } body [data-od-id="direction-scope"] .direction-scope__lead { position: relative; width: auto; height: auto; max-width: 900px; margin: 16px 0 0; color: #5b6478; font-size: 15px; font-weight: 500; line-height: 22px; } body [data-od-id="direction-scope"] [data-od-id="direction-scope-grid"] { position: relative; top: auto; display: grid; width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: auto; gap: 24px; margin: 40px 0 0; } body [data-od-id="direction-scope"] .scope-card { position: relative; width: 100%; height: auto; min-height: 238px; padding: 25px; overflow: hidden; border: 1px solid #dbe3f1; border-radius: 24px; background: #fff; box-shadow: 0 16px 34px rgba(8,22,48,.07); } body [data-od-id="direction-scope"] .scope-icon { position: relative; display: block; width: 58px; height: 58px; } body [data-od-id="direction-scope"] .scope-icon img { display: block; width: 58px; height: 58px; object-fit: contain; } body [data-od-id="direction-scope"] .scope-card h3 { position: relative; width: auto; height: auto; margin: 12px 0 0; color: #0f1c3d; font-size: 22px; font-weight: 700; letter-spacing: -.03em; line-height: 28px; } body [data-od-id="direction-scope"] .scope-card p, body [data-od-id="direction-scope"] .scope-card__text { position: relative; width: auto; max-width: 480px; height: auto; margin: 8px 0 0; color: #5b6478; font-size: 14px; font-weight: 500; line-height: 20px; } body [data-od-id="direction-scope"] .scope-icon--cube, body [data-od-id="direction-scope"] .scope-icon--doc { overflow: hidden; border: 1px solid #d3e0f9; border-radius: 15px; background: #ebf2ff; } body [data-od-id="direction-scope"] .scope-icon--cube .cube-front { top: 21px; left: 17px; width: 22px; height: 22px; } body [data-od-id="direction-scope"] .scope-icon--cube .cube-top { top: 21px; left: 17px; } body [data-od-id="direction-scope"] .scope-icon--cube .cube-one { top: 8px; left: 28px; } body [data-od-id="direction-scope"] .scope-icon--cube .cube-two { top: 24px; left: 12px; } body [data-od-id="direction-scope"] .scope-icon--doc .document { top: 11px; left: 16px; } @media (max-width: 1120px) { body [data-od-id="direction-scope"] { height: auto; min-height: 0; padding: 58px 0; } body [data-od-id="direction-scope"] > .container { height: auto; } body [data-od-id="direction-scope"] .direction-scope__chip, body [data-od-id="direction-scope"] [data-od-id="direction-scope-title"], body [data-od-id="direction-scope"] .direction-scope__lead, body [data-od-id="direction-scope"] [data-od-id="direction-scope-grid"] { position: relative; top: auto; left: auto; } body [data-od-id="direction-scope"] [data-od-id="direction-scope-title"] { width: auto; height: auto; margin-top: 17px; } body [data-od-id="direction-scope"] .direction-scope__lead { width: auto; height: auto; max-width: 900px; margin-top: 16px; } body [data-od-id="direction-scope"] [data-od-id="direction-scope-grid"] { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: auto; margin-top: 40px; } body [data-od-id="direction-scope"] .scope-card { height: auto; min-height: 238px; padding: 25px; } body [data-od-id="direction-scope"] .scope-icon, body [data-od-id="direction-scope"] .scope-card h3, body [data-od-id="direction-scope"] .scope-card p, body [data-od-id="direction-scope"] .scope-card__text { position: relative; top: auto; left: auto; } body [data-od-id="direction-scope"] .scope-card h3 { width: auto; height: auto; margin-top: 12px; } body [data-od-id="direction-scope"] .scope-card p, body [data-od-id="direction-scope"] .scope-card__text { width: auto; height: auto; max-width: 480px; margin-top: 8px; } } @media (max-width: 700px) { body [data-od-id="direction-scope"] [data-od-id="direction-scope-title"] { font-size: 31px; line-height: 36px; } body [data-od-id="direction-scope"] .direction-scope__lead { font-size: 14px; line-height: 20px; } body [data-od-id="direction-scope"] [data-od-id="direction-scope-grid"] { grid-template-columns: 1fr; gap: 12px; margin-top: 30px; } body [data-od-id="direction-scope"] .scope-card { min-height: 206px; } } body [data-od-id="direction-scope"] .scope-card__text { overflow-wrap: anywhere; } body [data-od-id="direction-scope"] .scope-card__text a { color: var(--blue); text-decoration: underline; } body [data-od-id="direction-scope"] .scope-card__text > :first-child { margin-top: 0; } body [data-od-id="direction-scope"] .scope-card__text > :last-child { margin-bottom: 0; } body [data-od-id="direction-fit"] { position: relative; height: auto; min-height: 0; padding: 90px 0; background: #fff; } body [data-od-id="direction-fit"] > .container { position: relative; display: flex; height: auto; flex-direction: column; } body [data-od-id="direction-fit"] .direction-fit__chip { position: relative; display: inline-flex; width: 97px; height: 31px; padding: 0 13px; align-items: center; gap: 8px; overflow: hidden; border: 1px solid rgba(15,28,61,.08); border-radius: 999px; background: rgba(255,255,255,.85); color: #5b6478; font-size: 12px; font-weight: 600; letter-spacing: .02em; line-height: 15px; } body [data-od-id="direction-fit"] .direction-fit__chip-dot { position: relative; display: block; width: 8px; height: 8px; flex: 0 0 8px; } body [data-od-id="direction-fit"] .direction-fit__chip-dot img { position: absolute; top: -8px; left: -8px; display: block; width: 24px; height: 24px; max-width: none; } body [data-od-id="direction-fit"] [data-od-id="direction-fit-title"] { position: relative; width: auto; height: auto; margin: 17px 0 0; color: #0f1c3d; font-size: 46px; font-weight: 700; letter-spacing: -.045em; line-height: 52px; } body [data-od-id="direction-fit"] .direction-fit__lead { position: relative; width: auto; height: auto; max-width: 890px; margin: 16px 0 0; color: #5b6478; font-size: 15px; font-weight: 500; line-height: 22px; } body [data-od-id="direction-fit"] [data-od-id="direction-fit-grid"] { position: relative; display: grid; width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 40px 0 0; } body [data-od-id="direction-fit"] .fit-card { position: relative; width: 100%; height: auto; min-height: 0; padding: 34px; overflow: hidden; border-radius: 24px; } body [data-od-id="direction-fit"] [data-od-id="fit-scenarios"] { border: 0; background: #0a1b3f; color: #fff; box-shadow: 0 18px 38px rgba(8,22,48,.12); } body [data-od-id="direction-fit"] [data-od-id="fit-scenarios"]::after { display: none; content: none; } body [data-od-id="direction-fit"] [data-od-id="fit-inputs"] { border: 1px solid #dbe3f1; background: #fff; color: #0f1c3d; box-shadow: 0 16px 34px rgba(8,22,48,.07); } body [data-od-id="direction-fit"] .fit-card small { position: relative; z-index: 1; display: block; height: auto; margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0; line-height: 14px; } body [data-od-id="direction-fit"] [data-od-id="fit-scenarios"] small { width: auto; color: #95b3f5; } body [data-od-id="direction-fit"] [data-od-id="fit-inputs"] small { width: auto; color: #103e9c; } body [data-od-id="direction-fit"] .fit-card h3 { position: relative; z-index: 1; max-width: none; margin: 16px 0 0; font-weight: 700; letter-spacing: -.025em; } body [data-od-id="direction-fit"] [data-od-id="fit-scenarios"] h3 { width: auto; height: auto; color: #fff; font-size: 34px; line-height: 39px; } body [data-od-id="direction-fit"] [data-od-id="fit-inputs"] h3 { width: auto; color: #0f1c3d; font-size: 30px; line-height: 35px; white-space: normal; } body [data-od-id="direction-fit"] .fit-card ul { position: relative; z-index: 1; display: grid; margin: 20px 0 0; padding: 0; list-style: none; font-size: 16px; font-weight: 600; line-height: 20px; } body [data-od-id="direction-fit"] [data-od-id="fit-scenarios"] ul { width: auto; gap: 18px; } body [data-od-id="direction-fit"] [data-od-id="fit-inputs"] ul { width: auto; gap: 10px; } body [data-od-id="direction-fit"] .fit-card li { position: relative; padding: 0; } body [data-od-id="direction-fit"] .fit-card li::before { display: none; content: none; } body [data-od-id="direction-fit"] [data-od-id="fit-scenarios"] li { display: grid; min-height: 24px; grid-template-columns: 24px minmax(0,1fr); gap: 0px; align-items: center; color: #fff; } body [data-od-id="direction-fit"] .fit-scenario-dot { display: block; width: 6px; margin-bottom: 6px; height: 6px; } body [data-od-id="direction-fit"] [data-od-id="fit-inputs"] li { display: grid; min-height: 38px; grid-template-columns: 38px minmax(0,1fr); gap: 20px; align-items: center; color: #0f1c3d; } body [data-od-id="direction-fit"] .fit-input-icon { position: relative; display: block; width: 38px; height: 38px; overflow: hidden; border: 1px solid #d3e0f9; border-radius: 11px; background: #ebf2ff; } body [data-od-id="direction-fit"] .fit-input-icon img { position: absolute; display: block; max-width: none; } body [data-od-id="direction-fit"] .fit-input-icon--measure img { top: 12px; left: 6px; width: 24.445px; height: 11px; } body [data-od-id="direction-fit"] .fit-input-icon--service img { top: 7px; left: 6px; width: 25px; height: 22px; } body [data-od-id="direction-fit"] .fit-input-icon--doc .fit-doc { position: absolute; top: 7.38px; left: 10.5px; width: 15px; height: 21.25px; border: .625px solid #103e9c; border-radius: 1.875px; background: #fff; } body [data-od-id="direction-fit"] .fit-input-icon--doc i:not(.fit-doc) { position: absolute; left: 14.25px; width: 8.75px; height: 1.25px; border-radius: 1.25px; background: #103e9c; } body [data-od-id="direction-fit"] .fit-input-icon--doc i:nth-of-type(2) { top: 13px; } body [data-od-id="direction-fit"] .fit-input-icon--doc i:nth-of-type(3) { top: 17.38px; } body [data-od-id="direction-fit"] .fit-input-icon--doc i:nth-of-type(4) { top: 21.75px; width: 6.25px; } body [data-od-id="direction-fit"] .fit-input-icon--asset { overflow: visible; border: 0; border-radius: 0; background: transparent; object-fit: contain; } body [data-od-id="direction-fit"] .fit-input-icon--asset img { position: static; width: 38px; height: 38px; max-width: 100%; } body [data-od-id="direction-fit"] .fit-row-text { display: block; min-width: 0; height: auto; line-height: 20px; } @media (min-width: 1121px) and (max-width: 1500px) { body [data-od-id="direction-fit"] { height: auto; min-height: 0; } body [data-od-id="direction-fit"] > .container { height: auto; } body [data-od-id="direction-fit"] .fit-card { height: auto; min-height: 0; } body [data-od-id="direction-fit"] [data-od-id="fit-scenarios"] h3 { width: calc(100% - 68px); height: auto; } body [data-od-id="direction-fit"] [data-od-id="fit-inputs"] h3 { white-space: normal; } body [data-od-id="direction-fit"] [data-od-id="fit-scenarios"] ul { width: auto; gap: 8px; } body [data-od-id="direction-fit"] .fit-row-text { height: auto; } } @media (max-width: 1120px) { body [data-od-id="direction-fit"] { height: auto; min-height: 0; padding: 58px 0; } body [data-od-id="direction-fit"] > .container { height: auto; } body [data-od-id="direction-fit"] .direction-fit__chip, body [data-od-id="direction-fit"] [data-od-id="direction-fit-title"], body [data-od-id="direction-fit"] .direction-fit__lead, body [data-od-id="direction-fit"] [data-od-id="direction-fit-grid"] { position: relative; top: auto; left: auto; } body [data-od-id="direction-fit"] [data-od-id="direction-fit-title"] { width: auto; height: auto; margin-top: 17px; } body [data-od-id="direction-fit"] .direction-fit__lead { width: auto; height: auto; max-width: 890px; margin-top: 16px; } body [data-od-id="direction-fit"] [data-od-id="direction-fit-grid"] { grid-template-columns: 1fr; margin-top: 40px; } body [data-od-id="direction-fit"] .fit-card { width: 100%; } } @media (max-width: 700px) { body [data-od-id="direction-fit"] [data-od-id="direction-fit-title"] { font-size: 31px; line-height: 36px; } body [data-od-id="direction-fit"] .direction-fit__lead { font-size: 14px; line-height: 20px; } body [data-od-id="direction-fit"] [data-od-id="direction-fit-grid"] { gap: 14px; margin-top: 30px; } body [data-od-id="direction-fit"] .fit-card { height: auto; min-height: 0; padding: 28px 24px; } body [data-od-id="direction-fit"] .fit-card small, body [data-od-id="direction-fit"] .fit-card h3, body [data-od-id="direction-fit"] .fit-card ul { position: relative; top: auto; left: auto; width: auto; height: auto; } body [data-od-id="direction-fit"] .fit-card h3 { margin-top: 16px; font-size: 25px; line-height: 31px; white-space: normal; } body [data-od-id="direction-fit"] .fit-card ul { margin-top: 20px; } body [data-od-id="direction-fit"] [data-od-id="fit-scenarios"] ul { gap: 12px; } body [data-od-id="direction-fit"] .fit-row-text { height: auto; } } body [data-od-id="direction-solution-structure"] { position: relative; height: auto; min-height: 668px; padding: 90px 0; overflow: hidden; background-color: #081b48; background-image: linear-gradient(90deg,#103e9c 0%,#081b48 100%),linear-gradient(90deg,#061430 0%,#061430 100%); color: #fff; } body [data-od-id="direction-solution-structure"]::after { display: none; content: none; } body [data-od-id="direction-solution-structure"] > .container { position: relative; z-index: 1; display: flex; height: auto; flex-direction: column; } body [data-od-id="direction-solution-structure"] .direction-solution__rings { position: absolute; z-index: 0; top: -214px; right: -105px; display: block; width: 740px; height: 740px; max-width: none; pointer-events: none; } body [data-od-id="direction-solution-structure"] .direction-solution__chip { position: relative; top: 0; left: 0; display: inline-flex; width: 116px; height: 31px; padding: 0 13px; align-items: center; gap: 8px; overflow: hidden; border: 1px solid rgba(15,28,61,.08); border-radius: 999px; background: #fff; color: #5b6478; font-size: 12px; font-weight: 600; letter-spacing: .02em; line-height: 15px; } body [data-od-id="direction-solution-structure"] .direction-solution__chip-dot { position: relative; display: block; width: 8px; height: 8px; flex: 0 0 8px; } body [data-od-id="direction-solution-structure"] .direction-solution__chip-dot img { position: absolute; top: -8px; left: -8px; display: block; width: 24px; height: 24px; max-width: none; } body [data-od-id="direction-solution-structure"] [data-od-id="direction-solution-title"] { position: relative; z-index: 1; top: auto; left: 0; width: min(760px,100%); height: auto; min-height: 62px; margin: 20px 0 0; color: #fff; font-size: 46px; font-weight: 700; letter-spacing: -.045em; line-height: 52px; } body [data-od-id="direction-solution-structure"] .direction-solution__lead { position: relative; z-index: 1; top: auto; left: 0; width: min(653px,100%); height: auto; min-height: 58px; max-width: none; margin: 20px 0 0; color: #ceddfb; font-size: 16px; font-weight: 500; line-height: 24px; } body [data-od-id="direction-solution-structure"] [data-od-id="direction-solution-flow"] { position: relative; z-index: 1; top: auto; left: 0; display: grid; width: 100%; grid-template-columns: repeat(5,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 25px; margin: 65px 0 0; } body [data-od-id="direction-solution-structure"] .flow-card { position: relative; width: 100%; height: auto; min-height: 232px; padding: 27px 25px; overflow: hidden; border: 1px solid #dbe3f1; border-radius: 24px; background: rgba(255,255,255,.05); color: #fff; box-shadow: 0 16px 34px rgba(8,22,48,.08); overflow-wrap: anywhere; } body [data-od-id="direction-solution-structure"] [data-od-id="solution-step-analysis"] { padding: 28px 26px; border: 0; background: #0a1b3f; box-shadow: 0 16px 34px rgba(8,22,48,.14); } body [data-od-id="direction-solution-structure"] .flow-card b { position: static; display: block; width: 80px; height: auto; color: #fff; font-size: 19px; font-weight: 700; line-height: 23px; } body [data-od-id="direction-solution-structure"] .flow-card h3 { position: static; width: 100%; height: auto; min-height: 30px; max-width: 100%; margin: 33px 0 0; color: #fff; font-size: 22px; font-weight: 700; line-height: 26px; } body [data-od-id="direction-solution-structure"] .flow-card p { position: static; width: 100%; height: auto; max-width: 100%; margin: 14px 0 0; color: #e2ebfc; font-size: 14px; font-weight: 500; line-height: 20px; } @media (min-width: 1121px) and (max-width: 1500px) { body [data-od-id="direction-solution-structure"] .flow-card { padding-right: 20px; padding-left: 20px; } body [data-od-id="direction-solution-structure"] .flow-card h3 { font-size: 20px; line-height: 24px; } } @media (max-width: 1120px) { body [data-od-id="direction-solution-structure"] { height: auto; min-height: 0; padding: 58px 0; } body [data-od-id="direction-solution-structure"] > .container { height: auto; } body [data-od-id="direction-solution-structure"] .direction-solution__rings { top: -170px; right: -220px; width: 560px; height: 560px; } body [data-od-id="direction-solution-structure"] .direction-solution__chip, body [data-od-id="direction-solution-structure"] [data-od-id="direction-solution-title"], body [data-od-id="direction-solution-structure"] .direction-solution__lead, body [data-od-id="direction-solution-structure"] [data-od-id="direction-solution-flow"] { position: relative; top: auto; left: auto; } body [data-od-id="direction-solution-structure"] [data-od-id="direction-solution-title"] { width: auto; height: auto; min-height: 0; margin-top: 17px; } body [data-od-id="direction-solution-structure"] .direction-solution__lead { width: auto; height: auto; min-height: 0; max-width: 653px; margin-top: 16px; } body [data-od-id="direction-solution-structure"] [data-od-id="direction-solution-flow"] { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 65px; } } @media (max-width: 700px) { body [data-od-id="direction-solution-structure"] [data-od-id="direction-solution-title"] { font-size: 31px; line-height: 36px; } body [data-od-id="direction-solution-structure"] .direction-solution__lead { font-size: 14px; line-height: 20px; } body [data-od-id="direction-solution-structure"] [data-od-id="direction-solution-flow"] { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 30px; } body [data-od-id="direction-solution-structure"] .flow-card { min-height: 210px; } body [data-od-id="direction-solution-structure"] [data-od-id="solution-step-launch"] { grid-column: 1 / -1; } } body [data-od-id="direction-faq"] { position: relative; height: auto; min-height: 0; padding: 90px 0; background: #fff; color: #0f1c3d; } body [data-od-id="direction-faq"] > .container { position: relative; height: auto; } body [data-od-id="direction-faq"] .direction-faq__chip { position: relative; top: auto; left: auto; display: inline-flex; height: 31px; padding: 0 13px; align-items: center; gap: 8px; overflow: hidden; border: 1px solid rgba(15,28,61,.08); border-radius: 999px; background: rgba(255,255,255,.85); color: #5b6478; font-size: 12px; font-weight: 600; line-height: 15px; } body [data-od-id="direction-faq"] .direction-faq__chip-dot { position: relative; display: block; width: 8px; height: 8px; flex: 0 0 8px; } body [data-od-id="direction-faq"] .direction-faq__chip-dot img { position: absolute; top: -8px; left: -8px; display: block; width: 24px; height: 24px; max-width: none; } body [data-od-id="direction-faq"] [data-od-id="direction-faq-title"] { position: relative; top: auto; left: auto; width: min(900px,100%); height: auto; margin: 20px 0 0; color: #0f1c3d; font-size: 46px; font-weight: 700; letter-spacing: -.045em; line-height: 52px; } body [data-od-id="direction-faq"] .direction-faq__lead { position: relative; top: auto; left: auto; width: min(832px,100%); height: auto; margin: 20px 0 0; color: #5b6478; font-size: 16px; font-weight: 500; line-height: 23px; } body [data-od-id="direction-faq"] [data-od-id="direction-faq-panel"] { position: relative; top: auto; left: auto; display: grid; width: 100%; height: auto; padding: 24px; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 1fr; column-gap: 52px; row-gap: 24px; align-items: stretch; margin: 64px 0 0; overflow: hidden; border-radius: 24px; background: #f4f7fb; } body [data-od-id="direction-faq"] .faq-item { position: relative; height: auto; min-height: 76px; padding: 0; overflow: hidden; border: 1px solid #dbe3f1; border-radius: 24px; background: #fff; color: #0f1c3d; box-shadow: 0 12px 28px rgba(8,22,48,.05); transition: height .24s var(--ease),background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease); } body [data-od-id="direction-faq"] .faq-item.is-open { height: auto; min-height: 220px; border-color: #0a1b3f; background: #0a1b3f; color: #fff; } body [data-od-id="direction-faq"] .faq-question { display: grid; width: 100%; min-height: 76px; padding: 18px 28px; grid-template-columns: 28px minmax(0,1fr) 20px; column-gap: 20px; align-items: center; border: 0; color: inherit; background: transparent; text-align: left; } body [data-od-id="direction-faq"] .faq-num { color: #103e9c; font-size: 14px; font-weight: 700; line-height: 17px; transform: none; } body [data-od-id="direction-faq"] .faq-item.is-open .faq-num { color: #a6c2fa; } body [data-od-id="direction-faq"] .faq-question strong { overflow-wrap: anywhere; font-size: 22px; font-weight: 700; line-height: 26px; white-space: normal; } body [data-od-id="direction-faq"] .faq-item.is-open .faq-question strong { text-overflow: clip; white-space: normal; } body [data-od-id="direction-faq"] .faq-item:not(.is-open) .faq-question { height: 100%; } body [data-od-id="direction-faq"] .faq-plus { color: #103e9c; font-size: 0; font-weight: 700; line-height: 28px; text-align: center; transform: translateY(-1px); transition: none; } body [data-od-id="direction-faq"] .faq-plus::before { font-size: 28px; line-height: 28px; content: "+"; } body [data-od-id="direction-faq"] .faq-item.is-open .faq-plus { color: #fff; transform: translateY(-1px); } body [data-od-id="direction-faq"] .faq-item.is-open .faq-plus::before { content: "–"; } body [data-od-id="direction-faq"] .faq-answer { position: static; display: block; margin: 0; padding: 0 48px 24px 76px; color: #5b6478; font-size: 15px; font-weight: 500; line-height: 22px; opacity: 1; visibility: visible; transform: none; transition: none; } body [data-od-id="direction-faq"] .faq-item.is-open .faq-answer { color: #d5e2fc; font-size: 16px; line-height: 23px; opacity: 1; visibility: visible; } body [data-od-id="direction-faq"] .faq-answer[hidden] { display: none; } body [data-od-id="direction-faq"] .faq-question:focus-visible { outline: 3px solid rgba(16,62,156,.32); outline-offset: -4px; border-radius: 20px; } body [data-od-id="direction-faq"] .faq-item.is-open .faq-question:focus-visible { outline-color: rgba(255,255,255,.58); } @media (min-width:1121px) and (max-width:1500px) { body [data-od-id="direction-faq"] { height: auto; min-height: 0; } body [data-od-id="direction-faq"] > .container { height: auto; } body [data-od-id="direction-faq"] [data-od-id="direction-faq-panel"] { height: auto; } body [data-od-id="direction-faq"] .faq-item { height: auto; min-height: 76px; } } @media (max-width:1120px) { body [data-od-id="direction-faq"] { height: auto; min-height: 0; padding: 64px 0; } body [data-od-id="direction-faq"] > .container { height: auto; } body [data-od-id="direction-faq"] .direction-faq__chip { position: relative; top: auto; left: auto; } body [data-od-id="direction-faq"] [data-od-id="direction-faq-title"] { position: relative; top: auto; left: auto; width: auto; height: auto; margin-top: 17px; } body [data-od-id="direction-faq"] .direction-faq__lead { position: relative; top: auto; left: auto; width: min(832px,100%); height: auto; margin-top: 16px; } body [data-od-id="direction-faq"] [data-od-id="direction-faq-panel"] { position: relative; top: auto; left: auto; width: 100%; height: auto; margin-top: 48px; column-gap: 24px; } body [data-od-id="direction-faq"] .faq-item { height: auto; min-height: 94px; } body [data-od-id="direction-faq"] .faq-question { height: auto; min-height: 94px; } body [data-od-id="direction-faq"] .faq-question strong { font-size: clamp(16px,1.8vw,22px); line-height: 24px; text-overflow: clip; white-space: normal; } body [data-od-id="direction-faq"] .faq-answer { top: 90px; } } @media (max-width:760px) { body [data-od-id="direction-faq"] { padding: 48px 0; } body [data-od-id="direction-faq"] [data-od-id="direction-faq-title"] { font-size: clamp(34px,10vw,46px); line-height: 1.08; } body [data-od-id="direction-faq"] [data-od-id="direction-faq-panel"] { padding: 14px; grid-template-columns: minmax(0,1fr); row-gap: 14px; } body [data-od-id="direction-faq"] .faq-question { padding-right: 18px; padding-left: 18px; grid-template-columns: 24px minmax(0,1fr) 18px; column-gap: 12px; } body [data-od-id="direction-faq"] .faq-question strong { font-size: 16px; line-height: 21px; white-space: normal; } body [data-od-id="direction-faq"] .faq-answer { right: 20px; left: 54px; font-size: 13px; line-height: 18px; } body [data-od-id="direction-faq"] .faq-item.is-open .faq-answer { font-size: 13px; line-height: 18px; } } body [data-od-id="direction-related"] .related-grid { grid-auto-rows: 1fr; } body [data-od-id="direction-related"] .related-card { display: flex; height: auto; min-width: 0; flex-direction: column; overflow-wrap: anywhere; } body [data-od-id="direction-related"] .related-card a { position: static; margin-top: auto; padding-top: 18px; } body [data-od-id="direction-related"] .related-card a::after { flex-shrink: 0; } section.section.direction-detail-text { margin-bottom: 50px; } .direction-detail-text__content { column-count: 2; column-gap: 40px; orphans: 2; widows: 2; } .direction-detail-text__content > :first-child { margin-top: 0; } .direction-detail-text__content > :last-child { margin-bottom: 0; } @media (max-width: 700px) { .direction-detail-text__content { column-count: 1; } } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] .direction-photo__thumbs { position: absolute; z-index: 1; right: 20px; bottom: 20px; left: 20px; display: flex; gap: 10px; overflow-x: auto; padding: 3px; } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] .direction-photo__thumb { width: 88px; height: 68px; padding: 0; flex: 0 0 auto; overflow: hidden; border: 2px solid transparent; border-radius: 12px; background: #fff; box-shadow: 0 5px 14px rgba(7, 27, 63, .24); transition: transform .18s ease, border-color .18s ease; } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] .direction-photo__thumb:hover { transform: translateY(-2px); } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] .direction-photo__thumb.is-active, body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] .direction-photo__thumb:focus-visible { border-color: #fff; outline: 2px solid #70a7ff; outline-offset: 2px; } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] .direction-photo__thumbs img { position: static; display: block; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 700px) { body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] .direction-photo__thumbs { right: 12px; bottom: 12px; left: 12px; gap: 8px; } body [data-od-id="direction-explanation"] [data-od-id="direction-photo"] .direction-photo__thumb { width: 64px; height: 52px; border-radius: 10px; } } /* End */ /* Start:/local/templates/isrp/assets/css/components/hero-tone.css?17884356191171*/ /* Unified light-cool industrial treatment for hero imagery. */ [data-od-id="about-hero"], [data-od-id="case-hero"], [data-od-id="contacts-hero"], [data-od-id="cookie-hero"], [data-od-id="direction-hero"], [data-od-id="hero-section"], [data-od-id="journal-hero"], [data-od-id="journal-article-hero"], [data-od-id="news-article-hero"], [data-od-id="news-hero"], [data-od-id="portfolio-hero"], [data-od-id="privacy-hero"] { background-color: oklch(0.88 0.025 250); } [data-od-id="about-hero"] > img:first-of-type, [data-od-id="case-hero"] > img:first-of-type, [data-od-id="contacts-hero"] > img:first-of-type, [data-od-id="cookie-hero"] > img:first-of-type, [data-od-id="direction-hero"] > img:first-of-type, [data-od-id="hero-section"] .hero__media > img, [data-od-id="journal-hero"] > img:first-of-type, [data-od-id="journal-article-hero"] > img:first-of-type, [data-od-id="news-article-hero"] > img:first-of-type, [data-od-id="news-hero"] > img:first-of-type, [data-od-id="portfolio-hero"] > img:first-of-type, [data-od-id="privacy-hero"] > img:first-of-type { filter: brightness(1.03) contrast(1.01) saturate(.78) sepia(.035) hue-rotate(170deg); opacity: .97; } /* End */ /* Start:/local/templates/isrp/assets/css/components/header-contact-popup.css?17884356198622*/ [data-od-id="header-contact-dialog"] { position: fixed; inset: 0; width: min(520px, calc(100vw - 32px)); height: min(581px, calc(100dvh - 32px)); max-width: none; max-height: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .6); border-radius: 24px; color: #0f1c3d; background: #fff; box-shadow: 0 24px 48px -8px rgba(15, 28, 61, .35); opacity: 0; transform: translateY(10px) scale(.98); transition: opacity 180ms cubic-bezier(.22, 1, .36, 1), transform 180ms cubic-bezier(.22, 1, .36, 1); } [data-od-id="header-contact-dialog"][open].is-open { opacity: 1; transform: none; } [data-od-id="header-contact-dialog"].is-closing { opacity: 0; transform: translateY(10px) scale(.98); } [data-od-id="header-contact-dialog"]::backdrop { background: rgba(15, 28, 61, .88); } [data-od-id="header-contact-dialog"] .header-contact-form { position: relative; width: 100%; min-height: 581px; overflow: hidden; } [data-od-id="header-contact-dialog"] .header-contact-glow { position: absolute; top: -341px; left: 89px; width: 740px; height: 640px; pointer-events: none; } [data-od-id="header-contact-dialog"] .header-contact-title { position: absolute; z-index: 1; top: 33px; left: 39px; width: 360px; margin: 0; font-size: 22px; font-weight: 600; line-height: 27px; } [data-od-id="header-contact-dialog"] .header-contact-description { position: absolute; z-index: 1; top: 67px; left: 39px; width: 340px; margin: 0; color: #8a93a6; font-size: 16px; line-height: 20px; } [data-od-id="header-contact-dialog"] .header-contact-close { position: absolute; z-index: 2; top: 20px; right: 20px; display: grid; width: 44px; height: 44px; padding: 0; place-items: center; border: 0; color: #8a93a6; background: transparent; font: 500 18px/1 Inter, sans-serif; cursor: pointer; } [data-od-id="header-contact-dialog"] .header-contact-phone { position: absolute; top: 111px; right: 39px; left: 39px; height: 56px; } [data-od-id="header-contact-dialog"] input[type="tel"], [data-od-id="header-contact-dialog"] select, [data-od-id="header-contact-dialog"] .header-contact-select__button { width: 100%; height: 56px; margin: 0; padding: 0 19px; border: 1px solid rgba(15, 28, 61, .08); border-radius: 14px; color: #0f1c3d; background: #f5f7fb; font: 400 14px Inter, sans-serif; } [data-od-id="header-contact-dialog"] input[type="tel"]::placeholder, [data-od-id="header-contact-dialog"] select:invalid { color: #8a93a6; opacity: 1; } [data-od-id="header-contact-dialog"] .header-contact-phone::after { position: absolute; bottom: 1px; left: 19px; width: 46px; height: 2px; content: ""; background: #103e9c; } [data-od-id="header-contact-dialog"] .header-contact-goal { position: absolute; top: 193px; right: 39px; left: 39px; margin: 0; font-size: 15px; line-height: 19px; } [data-od-id="header-contact-dialog"] .header-contact-select { position: relative; z-index: 4; display: block; height: 56px; margin-top: 7px; } [data-od-id="header-contact-dialog"] .header-contact-native-select { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; opacity: 0; pointer-events: none; } [data-od-id="header-contact-dialog"] .header-contact-select__button { position: relative; display: block; padding-right: 52px; color: #8a93a6; text-align: left; cursor: pointer; } [data-od-id="header-contact-dialog"] .header-contact-select__button[aria-expanded="true"] { border-color: #4d5fca; box-shadow: 0 0 0 3px rgba(77, 95, 202, .2); } [data-od-id="header-contact-dialog"] .header-contact-select img { position: absolute; top: 19px; right: 23px; width: 18px; height: 18px; pointer-events: none; } [data-od-id="header-contact-dialog"] .header-contact-options { position: absolute; z-index: 8; top: calc(100% + 6px); right: 0; left: 0; display: block; padding: 0; overflow: hidden; border: 1px solid #4d5fca; border-radius: 0; background: #f5f7fb; box-shadow: 0 16px 30px rgba(15, 28, 61, .18); } [data-od-id="header-contact-dialog"] .header-contact-options[hidden] { display: none; } [data-od-id="header-contact-dialog"] .header-contact-options [role="option"] { display: block; width: 100%; height: 31px; padding: 0 19px; border: 0; color: #8a93a6; background: #f5f7fb; font: 400 14px/31px Inter, sans-serif; text-align: left; cursor: pointer; } [data-od-id="header-contact-dialog"] .header-contact-options [role="option"]:hover, [data-od-id="header-contact-dialog"] .header-contact-options [role="option"]:focus-visible, [data-od-id="header-contact-dialog"] .header-contact-options [role="option"][aria-selected="true"] { outline: 0; color: #fff; background: #4d5fca; } [data-od-id="header-contact-dialog"] .header-contact-captcha { position: absolute; top: 300px; right: 39px; left: 39px; height: 86px; border: 1px solid #d9e1ee; border-radius: 18px; background: #f7f9fd; } [data-od-id="header-contact-dialog"] .header-contact-captcha-loader { position: absolute; z-index: 2; inset: 0; display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: inherit; background: #f7f9fd; } [data-od-id="header-contact-dialog"] .header-contact-captcha-loader[hidden] { display: none; } [data-od-id="header-contact-dialog"] .header-contact-captcha-loader > span { width: 8px; height: 8px; border-radius: 50%; background: #103e9c; animation: header-contact-captcha-dot 720ms cubic-bezier(.22, 1, .36, 1) infinite; } [data-od-id="header-contact-dialog"] .header-contact-captcha-loader > span:nth-child(2) { animation-delay: 120ms; } [data-od-id="header-contact-dialog"] .header-contact-captcha-loader > span:nth-child(3) { animation-delay: 240ms; } @keyframes header-contact-captcha-dot { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-7px); } } [data-od-id="header-contact-dialog"] .header-contact-captcha__check { position: absolute; top: 29px; left: 19px; width: 26px; height: 26px; } [data-od-id="header-contact-dialog"] .header-contact-captcha__label { position: absolute; top: 31px; left: 56px; font-size: 15px; font-weight: 500; line-height: 20px; } [data-od-id="header-contact-dialog"] .header-contact-captcha__legal { position: absolute; right: 25px; bottom: 12px; margin: 0; color: #7d879a; font-size: 10px; line-height: 10px; white-space: nowrap; } [data-od-id="header-contact-dialog"] .header-contact-captcha__logo { position: absolute; top: 9px; right: 26px; width: 48px; height: 51px; object-fit: cover; object-position: left top; } [data-od-id="header-contact-dialog"] .header-contact-consent { position: absolute; top: 415px; right: 39px; left: 39px; display: flex; gap: 12px; margin: 0; color: #3f4656; font-size: 12px; font-weight: 500; line-height: 17px; } [data-od-id="header-contact-dialog"] .header-contact-consent input { flex: 0 0 18px; width: 18px; height: 18px; margin: 0; accent-color: #103e9c; } [data-od-id="header-contact-dialog"] .header-contact-consent a { color: #103e9c; text-decoration: underline; } [data-od-id="header-contact-dialog"] .header-contact-submit { position: absolute; top: 498px; right: 39px; left: 39px; height: 50px; padding: 0; border: 0; border-radius: 999px; color: #fff; background: #103e9c; box-shadow: 0 14px 32px -6px rgba(16, 62, 156, .45); font: 600 13px Inter, sans-serif; text-transform: uppercase; cursor: pointer; } [data-od-id="header-contact-dialog"] :focus-visible { outline: 3px solid rgba(16, 62, 156, .38); outline-offset: 3px; } @media (max-width: 560px) { [data-od-id="header-contact-dialog"] .header-contact-title, [data-od-id="header-contact-dialog"] .header-contact-description { left: 24px; width: calc(100% - 76px); } [data-od-id="header-contact-dialog"] .header-contact-phone, [data-od-id="header-contact-dialog"] .header-contact-goal, [data-od-id="header-contact-dialog"] .header-contact-captcha, [data-od-id="header-contact-dialog"] .header-contact-consent, [data-od-id="header-contact-dialog"] .header-contact-submit { right: 24px; left: 24px; } [data-od-id="header-contact-dialog"] .header-contact-captcha__legal { right: 12px; font-size: 8px; } [data-od-id="header-contact-dialog"] .header-contact-captcha__logo { right: 16px; } } @media (max-width: 420px) { [data-od-id="header-contact-dialog"] { height: min(640px, calc(100dvh - 24px)); } [data-od-id="header-contact-dialog"] .header-contact-form { min-height: 640px; } [data-od-id="header-contact-dialog"] .header-contact-consent { font-size: 11px; line-height: 15px; } [data-od-id="header-contact-dialog"] .header-contact-submit { top: 565px; } } @media (prefers-reduced-motion: reduce) { [data-od-id="header-contact-dialog"] { transition: none; } } /* End */ /* Start:/local/templates/isrp/assets/css/components/header-component.css?179059797740016*/ /* Canonical ISRP header: shared by every internal page. Source: isrp-home.html. */ /* @import url("/local/templates/isrp/assets/css/components/hero-tone.css"); @import url("/local/templates/isrp/assets/css/components/header-contact-popup.css"); */ :root { --isrp-header-blue: var(--isrp-blue, var(--blue, #103e9c)); --isrp-header-blue-soft: var(--isrp-blue-soft, #c5cfdf); --isrp-header-white: var(--isrp-white, #fff); --isrp-header-ease: var(--isrp-ease, var(--ease, cubic-bezier(.22, 1, .36, 1))); } body .site-header { position: fixed; z-index: 50; inset: 0 0 auto; height: 97px; padding: 18px 30px 17px; border-radius: 0 0 50px 50px; background: rgba(255, 255, 255, .95); box-shadow: 0 4px 4px rgba(0, 0, 0, .05); backdrop-filter: blur(16px); transition: transform 240ms var(--isrp-header-ease); } /* The header remains fixed, but leaves the viewport while the page moves down. */ body .site-header.is-scroll-hidden { pointer-events: none; transform: translate3d(0, calc(-100% - 12px), 0) !important; } body .site-header .header-inner { --header-nav-scale: 1; position: relative; display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; align-items: center; width: 100%; height: 62px; } body .site-header .brand { position: relative; display: block; grid-column: 1; width: 245px; height: 52px; } body .site-header .brand__main, body .site-header .brand__mark, body .site-header .brand__tagline { position: absolute; display: block; object-fit: contain; object-position: left center; } body .site-header .brand__main { top: 9px; left: 28px; width: 266.37px; height: 32.71px; } body .site-header .brand__mark { top: 37px; left: .75px; width: 320.65px; height: 15.28px; } body .site-header .brand__tagline { top: 43.64px; left: 0; width: 320.65px; height: 16.62px; } body .site-header .header-nav { position: static; display: flex; grid-column: 2; gap: 4px; align-items: center; justify-content: center; justify-self: center; padding: 8px; border: 1px solid rgba(15, 28, 61, .08); border-radius: 999px; background: var(--isrp-header-white); box-shadow: 0 8px 24px rgba(15, 28, 61, .08); transform: scale(var(--header-nav-scale)); transform-origin: center; } body .site-header .header-nav a, body .site-header .header-nav__directions { display: inline-flex; gap: 7px; align-items: center; justify-content: center; padding: 10px 18px; border: 0; border-radius: 999px; color: #171717; background: transparent; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 17px; white-space: nowrap; transition: background-color 180ms var(--isrp-header-ease), color 180ms var(--isrp-header-ease); } body .site-header .header-nav a[aria-current="page"], body .site-header .header-nav__directions[aria-current="page"] { color: #222; background: var(--isrp-header-blue-soft); font-weight: 600; } body .site-header .header-nav__directions svg { width: 12px; height: 12px; transition: transform 220ms var(--isrp-header-ease); } body .site-header .header-nav__directions[aria-expanded="true"] svg { transform: rotate(180deg); } body .site-header .header-actions { display: flex; grid-column: 3; gap: 20px; align-items: center; justify-self: end; } body .site-header .header-messengers { display: flex; gap: 8px; margin: 0; } body .site-header .icon-circle { display: grid; width: 44px; height: 44px; padding: 11px; border: 0; border-radius: 50%; background: var(--isrp-header-blue-soft); place-items: center; transition: background-color 180ms var(--isrp-header-ease); } body .site-header .icon-circle img { display: block; width: 22px; height: 22px; object-fit: contain; } body .site-header .header-contact { display: flex; gap: 20px; align-items: center; margin: 0; } body .site-header .header-phone { color: #171717; font-size: 14px; font-weight: 500; line-height: 17px; white-space: nowrap; } body .site-header .header-button { display: inline-flex; align-items: center; justify-content: center; min-width: 135px; height: 50px; padding: 0 28px; border: 0; border-radius: 999px; color: var(--isrp-header-white); background: var(--isrp-header-blue); box-shadow: 0 6px 16px rgba(16, 62, 156, .35); cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 18px; white-space: nowrap; transition: background-color 180ms var(--isrp-header-ease); } body .site-header .language-switcher { display: flex; gap: 5.5px; width: 82.5px; height: 44px; margin-left: 18px; padding: 5.5px; border: 1.375px solid rgba(255, 255, 255, .17); border-radius: 22px; background: var(--isrp-header-blue-soft); } body .site-header .language-switcher button { display: grid; width: 33px; height: 33px; padding: 6.875px; border: 0; border-radius: 16.5px; background: transparent; cursor: pointer; place-items: center; } body .site-header .language-switcher button[aria-pressed="true"] { background: var(--isrp-header-blue); } body .site-header .language-switcher img { display: block; width: 19.25px; height: 19.25px; object-fit: contain; } body .site-header .mobile-menu-toggle { display: none; width: 44px; height: 44px; border: 0; border-radius: 50%; color: #fff; background: var(--isrp-header-blue); cursor: pointer; font: 600 11px Inter, sans-serif; } .directions-popover { position: fixed; z-index: 40; inset: 81px 0 0; visibility: hidden; padding: 14px 30px 24px; opacity: 0; pointer-events: none; transition: opacity 200ms var(--isrp-header-ease), visibility 200ms; } .directions-popover.is-open { visibility: visible; opacity: 1; pointer-events: auto; } .directions-popover__panel { display: grid; grid-template-columns: minmax(0, 414fr); gap: 12px; width: min(430px, 100%); height: min(657px, calc(100vh - 112px)); min-height: 560px; margin: 0 0 0 calc((100% - min(1302px, 100%)) / 2); padding: 8px; overflow: hidden; border: 1px solid #d8e4f3; border-radius: 18px; background: rgba(255, 255, 255, .99); box-shadow: 0 18px 21px rgba(7, 23, 54, .14); transform: translateY(-8px); transform-origin: left top; transition: width 280ms var(--isrp-header-ease), transform 240ms var(--isrp-header-ease); } .directions-popover.is-open .directions-popover__panel { transform: translateY(0); } .directions-popover__panel.is-level-2-open { grid-template-columns: minmax(0, 414fr) minmax(0, 488fr); width: min(930px, 100%); } .directions-popover__panel.is-level-3-open { grid-template-columns: minmax(0, 414fr) minmax(0, 488fr) minmax(0, 360fr); width: min(1302px, 100%); } .directions-menu__directions { display: flex; flex-direction: column; height: 100%; padding: 4px 0; overflow: hidden; } .directions-menu__row { display: grid; grid-template-columns: 26px minmax(0, 1fr) 18px; gap: 14px; align-items: center; width: 100%; height: 52px; padding: 16px 18px; border: 0; border-radius: 12px; color: #101a33; background: transparent; text-align: left; } .directions-menu__row-number { color: #8a98af; font-size: 11px; font-weight: 500; line-height: 14px; } .directions-menu__row-title { overflow: hidden; font-size: 15px; font-weight: 500; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; } .directions-menu__row-chevron { width: 18px; height: 18px; object-fit: contain; } .directions-menu__row[aria-current="true"] { color: #fff; background: linear-gradient(90deg, #124cc7, #4e79e9); } .directions-menu__row[aria-current="true"] .directions-menu__row-number { color: #fff; } .directions-menu__row[aria-current="true"] .directions-menu__row-title { font-weight: 600; } .directions-menu__divider { flex: 0 0 1px; width: calc(100% - 32px); margin: 0 auto; background: #e8eef7; } .directions-menu__pages, .directions-menu__products { display: none; height: 100%; padding: 14px; overflow: hidden; border: 1px solid #e8eef7; border-radius: 14px; background: #f8fafd; } .directions-popover__panel.is-level-2-open .directions-menu__pages, .directions-popover__panel.is-level-3-open .directions-menu__pages, .directions-popover__panel.is-level-3-open .directions-menu__products { display: block; animation: directions-level-reveal 240ms var(--isrp-header-ease) both; } @keyframes directions-level-reveal { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } } .directions-menu__page-list { height: 100%; padding: 0 5px; overflow-y: auto; border: 1px solid #bfd2ff; border-radius: 12px; background: rgba(255, 255, 255, .99); box-shadow: 0 10px 28px -18px rgba(18, 76, 199, .1); scrollbar-width: none; } .directions-menu__page-list::-webkit-scrollbar { display: none; } .directions-menu__page { display: grid; grid-template-columns: minmax(0, 1fr) 5px; gap: 10px; align-items: center; width: 100%; height: 50px; padding: 12px 16px 12px 18px; border: 0; border-radius: 0; color: #243047; background: transparent; font-size: 15px; font-weight: 500; line-height: 22px; text-align: left; } .directions-menu__page img { width: 5px; height: 10px; object-fit: contain; } .directions-menu__page[aria-current="true"] { height: 52px; border: 1px solid #bfd3ff; border-radius: 10px; color: #174cc8; background: #eef4ff; font-weight: 700; } .directions-menu__page-divider { height: 1px; background: #eef2f7; } .directions-menu__products { background: #f6f9fe; } .directions-menu__products-panel { height: 100%; padding: 15px 14px; overflow: hidden; border: 1px solid #d5e3f8; border-radius: 14px; background: #fff; box-shadow: 0 10px 24px -12px rgba(23, 47, 92, .08); } .directions-menu__products-title { margin: 0 0 20px; color: #172b4d; font-size: 17px; font-weight: 600; line-height: 1.25; } .directions-menu__product-list { display: grid; gap: 7px; } .directions-menu__product { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border: 1px solid #e7eef8; border-radius: 10px; color: #263b59; background: #fff; font-size: 13px; font-weight: 500; line-height: 1.25; } .directions-menu__product[aria-current="true"] { color: #174cc8; border-color: #c9daff; background: #f4f8ff; } .mobile-menu { position: fixed; z-index: 60; inset: 0; display: grid; visibility: hidden; place-items: start stretch; padding: 86px 16px 16px; opacity: 0; pointer-events: none; transition: opacity 240ms cubic-bezier(.22, 1, .36, 1), visibility 240ms; background: rgba(10, 27, 63, .64); } .mobile-menu.is-open { visibility: visible; opacity: 1; pointer-events: auto; } .mobile-menu__panel { padding: 24px; border-radius: 20px; background: #fff; transform: translateY(-12px); transition: transform 240ms cubic-bezier(.22, 1, .36, 1); } .mobile-menu.is-open .mobile-menu__panel { transform: none; } .mobile-menu__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 26px; color: #0f1c3d; font-weight: 700; } .mobile-menu__close { width: 38px; height: 38px; border: 1px solid #c5cfdf; border-radius: 50%; color: #0f1c3d; background: #fff; cursor: pointer; font-size: 18px; } .mobile-menu a { display: block; padding: 15px 0; border-top: 1px solid rgba(15, 28, 61, .08); color: #0f1c3d; font-size: 14px; font-weight: 600; } @media (min-width: 1900px) { body .site-header .header-phone { display: inline-flex; } } @media (max-width: 1899px) { body .site-header .header-phone { display: none; } } @media (min-width: 901px) and (max-width: 1200px) { body .site-header .brand { width: 245px; transform: none; } body .site-header .brand__main, body .site-header .brand__mark, body .site-header .brand__tagline { transform: scale(.76); transform-origin: left center; } body .site-header .header-phone { display: none; } } @media (min-width: 901px) and (max-width: 1023px) { body .site-header .header-inner { --header-nav-scale: .5; } } @media (min-width: 1024px) and (max-width: 1100px) { body .site-header .header-inner { --header-nav-scale: .68; } .heade-logo {margin: 20px 0;} } @media (min-width: 1101px) and (max-width: 1130px) { body .site-header .header-inner { --header-nav-scale: .8; } } @media (min-width: 1131px) and (max-width: 1280px) { body .site-header .header-inner { --header-nav-scale: .84; } } @media (min-width: 1281px) and (max-width: 1320px) { body .site-header .header-inner { --header-nav-scale: .95; } } @media (max-width: 1100px) and (min-width: 901px) { .directions-popover { padding-inline: 16px; } .directions-menu__row { grid-template-columns: 22px minmax(0, 1fr) 16px; gap: 9px; padding-inline: 12px; } .directions-menu__row-title, .directions-menu__page { font-size: 13px; } .directions-menu__page { padding-inline: 12px 10px; } .directions-menu__products-title { font-size: 15px; } .directions-menu__product { font-size: 12px; } } @media (max-width: 901px) { body .site-header { height: 76px; padding: 8px 20px; border-radius: 0 0 28px 28px; } body .site-header .header-inner { display: flex; height: 60px; } body .site-header .brand { flex-basis: 210px; width: 210px; transform: scale(.64); } body .site-header .brand__main, body .site-header .brand__mark, body .site-header .brand__tagline { transform: none; } body .site-header .header-nav, body .site-header .header-messengers, body .site-header .language-switcher { display: none; } body .site-header .header-actions { display: flex; margin-left: auto; } body .site-header .mobile-menu-toggle { display: block; margin-left: 10px; } body .site-header .header-button { min-width: 116px; height: 44px; padding: 0 20px; } .directions-popover { display: none; } } @media (prefers-reduced-motion: reduce) { .directions-popover, .directions-popover__panel, .header-nav__directions svg { transition: none; } .directions-popover__panel.is-level-2-open .directions-menu__pages, .directions-popover__panel.is-level-3-open .directions-menu__pages, .directions-popover__panel.is-level-3-open .directions-menu__products { animation: none; } } @media (max-width: 901px) { body [data-od-id="mobile-menu"] { z-index: 70; place-items: stretch end !important; padding: 12px; background: rgba(5, 20, 49, .58); backdrop-filter: blur(10px); } body [data-od-id="mobile-menu"] .mobile-menu__panel { display: flex; flex-direction: column; width: min(360px, calc(100vw - 24px)) !important; height: calc(100dvh - 24px); max-height: none; margin-right: 0 !important; margin-left: auto !important; padding: 72px 14px 16px; overflow: hidden; border: 1px solid rgba(15, 28, 61, .08); border-radius: 16px 5px 5px 16px; background: rgba(255, 255, 255, .98); box-shadow: 0 28px 72px rgba(5, 20, 49, .3); transform: translateX(calc(100% + 24px)) !important; transition: transform 280ms var(--isrp-header-ease); } body [data-od-id="mobile-menu"].is-open .mobile-menu__panel { transform: translateX(0) !important; } } /* Internal pages use the same mobile-menu composition as the home page. */ @media (max-width: 901px) { body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__stage { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__screen { position: absolute; inset: 0; display: flex; flex-direction: column; min-width: 0; overflow: hidden; opacity: 0; pointer-events: none; transform: translateX(22px); transition: opacity 160ms var(--isrp-header-ease), transform 220ms var(--isrp-header-ease); } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__screen[hidden] { display: none; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__screen.is-active { opacity: 1; pointer-events: auto; transform: translateX(0); } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__level-head { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 10px; align-items: center; flex: 0 0 auto; min-height: 56px; padding: 2px 0 8px; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__back { display: grid; width: 44px; height: 44px; padding: 0; border: 1px solid #dbe3ef; border-radius: 5px; color: #0f1c3d; background: #fff; font-size: 20px; place-items: center; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__heading small { display: block; margin-bottom: 2px; color: #73809a; font-size: 9px; font-weight: 700; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__heading h2 { margin: 0; color: #0f1c3d; font-size: 18px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__list { flex: 1 1 auto; min-height: 0; padding-right: 2px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #cbd6e7 transparent; scrollbar-width: thin; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__row { display: grid; grid-template-columns: 28px minmax(0, 1fr) 20px; gap: 10px; align-items: center; width: 100%; min-height: 54px; padding: 0 4px; border: 0; border-bottom: 1px solid rgba(15, 28, 61, .08); border-radius: 0; color: #0f1c3d; background: transparent; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: left; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__screen--root .mobile-menu__row { min-height: 58px; font-size: clamp(18px, 5vw, 21px); } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__row::before, body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__row::after { content: none; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__row > span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__index { color: #73809a; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; letter-spacing: .08em; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__arrow { display: block; justify-self: end; width: 20px; color: var(--isrp-header-blue); font-size: 18px; font-weight: 500; line-height: 1; text-align: center; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__row--featured { margin-bottom: 5px; padding-inline: 8px; border-bottom: 0; border-radius: 5px; color: #fff; background: #103e9c; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__row--featured .mobile-menu__index, body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__row--featured .mobile-menu__arrow { color: rgba(255, 255, 255, .78); } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__contacts { display: grid; grid-template-columns: 1.12fr .88fr; gap: 8px; flex: 0 0 auto; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(15, 28, 61, .1); } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__contact { display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 58px; padding: 9px 10px; border: 1px solid #dbe3ef; border-radius: 5px; color: #0f1c3d; background: #f5f8fd; font-size: 14px; line-height: 1.2; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__contact::before, body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__contact::after { content: none; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__contact-label { margin-bottom: 5px; color: #73809a; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } body:not(.home-page) [data-od-id="mobile-menu"] .mobile-menu__contact-value { margin: auto; overflow: hidden; font-size: 12px; font-weight: 700; letter-spacing: -.01em; text-overflow: ellipsis; white-space: nowrap; } } .heade-logo {margin: 18px 0;} @media (max-width: 540px) { body .site-header { height: 70px; padding: 5px 16px; } body .site-header .brand { flex-basis: 184px; width: 184px; transform: scale(.56); } body .site-header .header-button { min-width: 108px; padding: 0 16px; font-size: 13px; } body .site-header .mobile-menu-toggle { width: 40px; height: 40px; font-size: 10px; } .heade-logo {width: 100% !important;} } /* Mobile header geometry is shared across every page and mirrors index.html. */ @media (max-width: 901px) { body [data-canonical-header="true"] { position: fixed; z-index: 80; top: 0; right: 0; left: 0; height: 64px; padding: 8px 12px; border-bottom: 1px solid rgba(15, 28, 61, .08); border-radius: 0 0 16px 16px; background: rgba(255, 255, 255, .96); box-shadow: 0 10px 28px rgba(5, 20, 49, .12); backdrop-filter: blur(16px) saturate(125%); } body [data-canonical-header="true"] > .header-inner { display: flex; gap: 6px; align-items: center; width: 100%; height: 48px; } body [data-canonical-header="true"] [data-od-id="header-logo"] { flex: 0 0 clamp(164px, 46vw, 190px); width: clamp(164px, 46vw, 190px); max-width: 190px; height: auto; aspect-ratio: 322 / 52; overflow: visible; translate: 0 0; transform: none; } body [data-canonical-header="true"] [data-od-id="header-logo"] > * { transform: none !important; } body [data-canonical-header="true"] [data-od-id="header-logo"] > .brand__main { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: 100% !important; } body [data-canonical-header="true"] [data-od-id="header-logo"] > .brand__main > img:nth-child(1) { top: 0 !important; left: 8.64% !important; width: 82.72% !important; height: 62.91% !important; } body [data-canonical-header="true"] [data-od-id="header-logo"] > .brand__main > img:nth-child(2) { top: 67.57% !important; left: .21% !important; width: 100% !important; height: 31.97% !important; } body [data-canonical-header="true"] [data-od-id="header-logo"] > .brand__main > img:nth-child(3) { top: 54.76% !important; left: .21% !important; width: 99.58% !important; height: 29.38% !important; } body [data-canonical-header="true"] [data-od-id="header-navigation"], body [data-canonical-header="true"] [data-od-id="header-contact"] { display: none; } body [data-canonical-header="true"] .header-actions { display: flex; margin-left: auto; } body [data-canonical-header="true"] [data-od-id="header-messengers"] { display: flex; gap: 6px; align-items: center; margin-left: auto; } body [data-canonical-header="true"] [data-od-id="header-messengers"] .icon-circle { display: grid; width: 44px; height: 44px; padding: 11px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(15, 28, 61, .05); place-items: center; } body [data-canonical-header="true"] [data-od-id="header-messengers"] img { display: block; width: 100%; height: 100%; object-fit: contain; } body [data-canonical-header="true"] [data-od-id="mobile-menu-toggle"] { position: relative; display: grid; flex: 0 0 44px; width: 44px; height: 44px; margin: 0 0 0 2px; padding: 0; border: 0; border-radius: 5px; color: transparent; background: var(--isrp-header-blue); box-shadow: 0 8px 20px rgba(16, 62, 156, .24); font-size: 0; cursor: pointer; place-items: center; } body [data-canonical-header="true"] [data-od-id="mobile-menu-toggle"]::before, body [data-canonical-header="true"] [data-od-id="mobile-menu-toggle"]::after { position: absolute; width: 19px; height: 2px; border-radius: 2px; background: var(--isrp-header-white); content: ""; transition: box-shadow 180ms var(--isrp-header-ease), opacity 180ms var(--isrp-header-ease), transform 220ms var(--isrp-header-ease); } body [data-canonical-header="true"] [data-od-id="mobile-menu-toggle"]::before { box-shadow: 0 -6px 0 var(--isrp-header-white), 0 6px 0 var(--isrp-header-white); } body [data-canonical-header="true"] [data-od-id="mobile-menu-toggle"]::after { opacity: 0; } body [data-canonical-header="true"] [data-od-id="mobile-menu-toggle"][aria-expanded="true"]::before { box-shadow: none; transform: rotate(45deg); } body [data-canonical-header="true"] [data-od-id="mobile-menu-toggle"][aria-expanded="true"]::after { opacity: 1; transform: rotate(-45deg); } } @media (hover: hover) and (pointer: fine) { body .site-header .icon-circle:hover { background: #b8c5d9; } body .site-header .header-button:hover { background: #0c347f; } body .site-header .header-nav a:not([aria-current="page"]):hover, body .site-header .header-nav__directions:hover { background: rgba(197, 207, 223, .45); } .directions-menu__row:not([aria-current="true"]):hover, .directions-menu__page:not([aria-current="true"]):hover, .directions-menu__product:not([aria-current="true"]):hover { background: #f4f8ff; } } @media (prefers-reduced-motion: reduce) { body .site-header, .mobile-menu, .mobile-menu__panel, .directions-popover, .directions-popover__panel, body .site-header .header-nav__directions svg { transition: none; } } /* Canonical multi-level directions menu, synchronized with index.html. */ #header-directions-menu { --home-menu-scale: .77; --home-menu-ease: cubic-bezier(.23, 1, .32, 1); position: fixed; z-index: 70; inset: 76px 0 auto; display: block; height: calc(657px * var(--home-menu-scale)); padding: 0; overflow: visible; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 180ms var(--home-menu-ease), visibility 0ms linear 200ms; } #header-directions-menu.is-open { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity 180ms var(--home-menu-ease), visibility 0ms linear 0ms; } #header-directions-menu .directions-popover__panel { --home-menu-scale: .847; --home-menu-clip-right: 884px; position: relative; top: 10px; display: grid; grid-template-columns: 414px 500px 360px; gap: 0px; width: 1314px; min-width: 1314px; max-width: none; height: auto; min-height: 0; max-height: none; margin: 0 0 0 max(20px, calc((100% - 1302px) / 2)); padding: 8px; overflow: hidden; border: 1px solid #d8e4f3; border-radius: 18px; background: rgba(255, 255, 255, .99); box-shadow: 0 18px 21px rgba(7, 23, 54, .14); clip-path: inset(0 var(--home-menu-clip-right) 0 0 round 18px); transform: scale(var(--home-menu-scale)); transform-origin: left top; transition: clip-path 240ms var(--home-menu-ease); will-change: clip-path; } #header-directions-menu.is-open .directions-popover__panel { transform: scale(var(--home-menu-scale)); } /* #header-directions-menu .directions-popover__panel:not(.is-level-2-open):not(.is-level-3-open) { padding-bottom: 0; } */ #header-directions-menu .directions-popover__panel.is-level-2-open { --home-menu-clip-right: 372px; height: 657px; } #header-directions-menu .directions-popover__panel.is-level-3-open { --home-menu-clip-right: 0; height: 657px; } #header-directions-menu .directions-menu__directions { display: flex; flex-direction: column; height: 100%; padding: 4px 0; overflow: hidden; } #header-directions-menu .directions-popover__panel:not(.is-level-2-open):not(.is-level-3-open) .directions-menu__directions { height: auto; /* padding-bottom: 0; */ } #header-directions-menu .directions-menu__row { display: grid; grid-template-columns: 26px minmax(0, 1fr) 18px; gap: 14px; align-items: center; width: 100%; height: 52px; min-height: 52px; padding: 16px 18px; overflow: hidden; border: 0; border-radius: 12px; color: #101a33; background: transparent; font-size: 15px; font-weight: 500; line-height: 20px; text-align: left; transition: background-color 160ms var(--home-menu-ease), box-shadow 160ms var(--home-menu-ease), color 160ms var(--home-menu-ease); } #header-directions-menu .directions-menu__row--leaf { grid-template-columns: 26px minmax(0, 1fr); } #header-directions-menu .directions-menu__row:not([aria-haspopup="true"]) { grid-template-columns: 26px minmax(0, 1fr); } #header-directions-menu .directions-menu__row:not([aria-haspopup="true"]) .directions-menu__row-chevron { display: none; } #header-directions-menu .directions-menu__row-number { color: #8a98af; font-size: 11px; font-weight: 500; line-height: 14px; } #header-directions-menu .directions-menu__row-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #header-directions-menu .directions-menu__row-chevron { width: 18px; height: 18px; object-fit: contain; } #header-directions-menu .directions-menu__row[aria-current="true"] { color: #fff; background: linear-gradient(90deg, #124cc7, #4e79e9); } #header-directions-menu .directions-menu__row[aria-current="true"] .directions-menu__row-number { color: #fff; } #header-directions-menu .directions-menu__row[aria-current="true"] .directions-menu__row-title { font-weight: 600; } #header-directions-menu .directions-menu__divider { flex: 0 0 1px; width: calc(100% - 32px); margin: 0 auto; background: #e8eef7; } #header-directions-menu .directions-menu__pages, #header-directions-menu .directions-menu__products { display: none; height: 100%; padding: 14px; overflow: hidden; border: 1px solid #e8eef7; border-radius: 14px; background: #f8fafd; opacity: 0; visibility: hidden; pointer-events: none; transform: none; transition: opacity 190ms var(--home-menu-ease), visibility 0ms linear 240ms; will-change: opacity; } #header-directions-menu .is-level-2-open .directions-menu__pages, #header-directions-menu .is-level-3-open .directions-menu__pages, #header-directions-menu .is-level-3-open .directions-menu__products { display: block; opacity: 1; visibility: visible; pointer-events: auto; transform: none; animation: none; transition: opacity 190ms var(--home-menu-ease), visibility 0ms linear 0ms; } #header-directions-menu .is-level-3-open .directions-menu__products { transition-delay: 20ms, 0ms; } #header-directions-menu .directions-menu__page-list { display: flex; flex-direction: column; height: 100%; padding: 5px; overflow: hidden; border: 1px solid #bfd3ff; border-radius: 12px; background: rgba(255, 255, 255, .99); box-shadow: 0 10px 28px -18px rgba(18, 76, 199, .1); } #header-directions-menu .directions-menu__page { display: grid; grid-template-columns: minmax(0, 1fr) 6px; gap: 10px; align-items: center; flex: 1 1 0; width: 100%; height: auto; min-height: 0; padding: 12px 16px 12px 18px; overflow: hidden; border: 1px solid transparent; border-radius: 0; color: #243047; background: transparent; font-size: 15px; font-weight: 500; line-height: 22px; text-align: left; transition: background-color 160ms var(--home-menu-ease), border-color 160ms var(--home-menu-ease), color 160ms var(--home-menu-ease); } #header-directions-menu .directions-menu__page--leaf { grid-template-columns: minmax(0, 1fr); } #header-directions-menu .directions-menu__page:not([aria-haspopup="true"]) { grid-template-columns: minmax(0, 1fr); } #header-directions-menu .directions-menu__page:not([aria-haspopup="true"]) img { display: none; } #header-directions-menu .directions-menu__page span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #header-directions-menu .directions-menu__page img { width: 6px; height: 10px; object-fit: contain; } #header-directions-menu .directions-menu__page[aria-current="true"] { border-color: #bfd3ff; border-radius: 10px; color: #174cc8; background: #eef4ff; font-weight: 700; } #header-directions-menu .directions-menu__page-divider { display: block; flex: 0 0 1px; height: 1px; background: #eef2f7; } #header-directions-menu .directions-menu__products { background: #f6f9fe; } #header-directions-menu .directions-menu__products-panel { height: 100%; padding: 15px 14px; overflow: hidden; border: 1px solid #d8e4f3; border-radius: 14px; background: #fff; box-shadow: 0 10px 24px -12px rgba(23, 47, 92, .08); } #header-directions-menu .directions-menu__products-title { margin: 0 0 20px; color: #172b4d; font-size: 17px; font-weight: 600; line-height: 1.25; } #header-directions-menu .directions-menu__product-list { display: grid; gap: 7px; } #header-directions-menu .directions-menu__product { display: flex; align-items: center; width: 100%; min-height: 44px; padding: 10px 12px; overflow: hidden; border: 1px solid #e7eef8; border-radius: 10px; color: #263b59; background: #fff; font-size: 13px; font-weight: 500; line-height: 1.25; transition: background-color 160ms var(--home-menu-ease), border-color 160ms var(--home-menu-ease), color 160ms var(--home-menu-ease); } #header-directions-menu .directions-menu__product[aria-current="true"] { color: #174cc8; border-color: #c9daff; background: #f4f8ff; } #header-directions-menu .directions-menu__row:focus-visible, #header-directions-menu .directions-menu__page:focus-visible, #header-directions-menu .directions-menu__product:focus-visible { position: relative; z-index: 2; outline: 3px solid rgba(18, 76, 199, .32); outline-offset: -3px; } @media (hover: hover) and (pointer: fine) { #header-directions-menu .directions-menu__row:not([aria-current="true"]):hover, #header-directions-menu .directions-menu__page:not([aria-current="true"]):hover, #header-directions-menu .directions-menu__product:not([aria-current="true"]):hover { background: #eef4ff; } #header-directions-menu .directions-menu__row:not([aria-current="true"]):hover { box-shadow: inset 0 0 0 1px #bfd3ff; } #header-directions-menu .directions-menu__page:not([aria-current="true"]):hover, #header-directions-menu .directions-menu__product:not([aria-current="true"]):hover { border-color: #bfd3ff; border-radius: 10px; } } /* Keep every directions-menu level sized to its own content, without a shared backdrop. */ #header-directions-menu { height: auto; } #header-directions-menu .directions-popover__panel { align-items: start; height: auto; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } #header-directions-menu .directions-popover__panel.is-level-2-open, #header-directions-menu .directions-popover__panel.is-level-3-open { height: auto; } #header-directions-menu .directions-menu__directions { height: auto; padding: 8px; overflow: visible; border: 1px solid #d8e4f3; border-radius: 18px; background: rgba(255, 255, 255, .99); box-shadow: 0 18px 21px rgba(7, 23, 54, .14); } #header-directions-menu .directions-menu__pages, #header-directions-menu .directions-menu__products, #header-directions-menu .directions-menu__page-list, #header-directions-menu .directions-menu__products-panel { height: auto; overflow: visible; } #header-directions-menu .directions-menu__page { flex: 0 0 auto; } @media (max-width: 900px) { #header-directions-menu { display: none; } } @media (prefers-reduced-motion: reduce) { #header-directions-menu, #header-directions-menu .directions-popover__panel { transition: none; } #header-directions-menu .directions-menu__pages, #header-directions-menu .directions-menu__products { transition: opacity 100ms linear, visibility 0ms linear; } } /* Mobile directions follow the three-panel catalogue layout from the approved mockup. */ @media (max-width: 901px) { body [data-od-id="mobile-menu"] .mobile-menu__screen--catalog .mobile-menu__level-head { display: block; min-height: 0; padding: 3px 2px 14px; } body [data-od-id="mobile-menu"] .mobile-menu__screen--catalog .mobile-menu__back { display: inline-flex; align-items: center; gap: 10px; width: auto; height: 28px; padding: 0; border: 0; border-radius: 0; color: #0f1c3d; background: transparent; font: inherit; font-size: 14px; font-weight: 600; } body [data-od-id="mobile-menu"] .mobile-menu__screen--catalog .mobile-menu__back > span:first-child { font-size: 23px; font-weight: 400; line-height: 1; } body [data-od-id="mobile-menu"] .mobile-menu__screen--catalog .mobile-menu__level-head h2 { margin: 17px 0 0; color: #0f1c3d; font-size: clamp(23px, 6vw, 28px); font-weight: 700; letter-spacing: -.03em; line-height: 1.05; } body [data-od-id="mobile-menu"] .mobile-menu__catalog { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; padding: 6px 4px; overflow-x: hidden; overflow-y: auto; border: 1px solid #b9ccff; border-radius: 11px; background: #fff; overscroll-behavior: contain; } body [data-od-id="mobile-menu"] .mobile-menu__catalog-row { display: grid; grid-template-columns: 30px minmax(0, 1fr) 20px; gap: 10px; align-items: center; width: 100%; min-height: 48px; padding: 8px 10px; border: 0; border-bottom: 1px solid #e4eaf3; border-radius: 7px; color: #142441; background: transparent; font: inherit; font-size: 15px; font-weight: 500; line-height: 1.25; text-align: left; text-decoration: none; } body [data-od-id="mobile-menu"] .mobile-menu__catalog-row:last-child { border-bottom: 0; } body [data-od-id="mobile-menu"] .mobile-menu__catalog-row > span:nth-child(2) { min-width: 0; } body [data-od-id="mobile-menu"] .mobile-menu__catalog-row .mobile-menu__index { color: #7182a2; } body [data-od-id="mobile-menu"] .mobile-menu__catalog-row .mobile-menu__arrow { color: #122442; font-size: 25px; font-weight: 400; } body [data-od-id="mobile-menu"] .mobile-menu__catalog-row--active { border-color: #4475eb; color: #fff; background: linear-gradient(110deg, #1450d6, #5c82ed); font-weight: 700; } body [data-od-id="mobile-menu"] .mobile-menu__catalog-row--active .mobile-menu__index, body [data-od-id="mobile-menu"] .mobile-menu__catalog-row--active .mobile-menu__arrow { color: #fff; } body [data-od-id="mobile-menu"] .mobile-menu__catalog-row--selected { border: 1px solid #b9ccff; color: #1853c9; background: #f0f5ff; font-weight: 700; } body [data-od-id="mobile-menu"] .mobile-menu__catalog-row--selected + .mobile-menu__catalog-row { margin-top: 2px; } body [data-od-id="mobile-menu"] .mobile-menu__screen--catalog .mobile-menu__contacts { margin-top: 12px; padding-top: 0; border-top: 0; } body [data-od-id="mobile-menu"] .mobile-menu__screen--catalog .mobile-menu__contact { align-items: center; min-height: 52px; padding-inline: 8px; text-align: center; } body [data-od-id="mobile-menu"] .mobile-menu__screen--catalog .mobile-menu__contact-value { font-size: 12px; } } /* End */ /* Start:/local/templates/isrp/assets/css/components/footer-component.css?179067038512405*/ /* Canonical ISRP footer. Source: approved Figma node 3096:33. */ [data-od-id="site-footer"] { position: relative; /* height: 438px; min-height: 438px; */ padding: 70px 30px 0; overflow: hidden; color: #9aa9c8; background-color: #0a1b3f; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-position: 0 28px, 30px 0; background-size: 80px 80px; } [data-od-id="site-footer"]::before { position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 1px; content: ""; background: linear-gradient(90deg, rgba(96,165,250,0), rgba(96,165,250,.4) 50%, rgba(96,165,250,0)); } [data-od-id="site-footer"]::after { display: none; } [data-od-id="site-footer"] .footer-glow { position: absolute; z-index: 0; top: -36px; left: 3.125%; display: block; width: 93.75%; height: 1100px; max-width: 1800px; object-fit: fill; pointer-events: none; } [data-od-id="site-footer"] .footer-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 33.709677% 21.021505% 14.086022% 31.182796%; gap: 0; width: 100%; max-width: 1860px; margin: 0 auto; } [data-od-id="site-footer"] .footer-brand { min-width: 0; color: #fff; } [data-od-id="site-footer"] .footer-brand .footer-logo-lockup { position: relative; width: 100%; max-width: 389.5px; height: auto; aspect-ratio: 389.5 / 62; } [data-od-id="site-footer"] .footer-brand .footer-logo-lockup img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); } [data-od-id="site-footer"] .footer-brand p { max-width: min(430px, calc(100% - 24px)); margin: 67px 0 0; color: #9aa9c8; font-size: 13px; font-weight: 400; line-height: 20px; } [data-od-id="site-footer"] .footer-col { min-width: 0; } [data-od-id="site-footer"] .footer-col h3 { margin: 0 0 33.5px; color: #fff; font-size: 12px; font-weight: 600; line-height: normal; letter-spacing: .96px; } [data-od-id="site-footer"] .footer-col a, [data-od-id="site-footer"] .footer-col span { display: block; width: max-content; max-width: 100%; margin: 0 0 13px; color: #9aa9c8; font-size: 14px; font-weight: 400; line-height: 17px; text-decoration: none; } [data-od-id="site-footer"] .footer-col a { transition: color 180ms ease, transform 180ms cubic-bezier(.22,1,.36,1); } [data-od-id="site-footer"] .footer-bottom { /* position: absolute; */ z-index: 1; /* top: 349px; */ right: 30px; bottom: auto; left: 30px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; height: 89px; margin: 0; padding: 37px 0 0; border-top: 1px solid rgba(255,255,255,.1); color: #7b89a6; font-size: 12px; font-weight: 400; line-height: normal; } [data-od-id="site-footer"] .footer-legal { display: flex; align-items: center; gap: 61px; } [data-od-id="site-footer"] .footer-legal a, [data-od-id="site-footer"] .footer-legal span { color: #7b89a6; text-decoration: underline; white-space: nowrap; } [data-od-id="site-footer"] .footer-legal a { transition: color 180ms ease; } [data-od-id="site-footer"] .footer-legal b { color: #fff; font-weight: 600; } [data-od-id="site-footer"] .back-to-top { position: fixed !important; z-index: 45; top: auto !important; right: auto !important; bottom: 30px; left: 30px; display: grid; visibility: hidden; place-items: center; width: 40px; height: 40px; padding: 0 0 1px; border: 1px solid rgba(226,231,238,.42); border-radius: 50%; color: rgba(232,236,241,.82); background: rgba(76,86,103,.58); box-shadow: 0 4px 12px rgba(15,28,61,.12); font: 500 18px/1 Inter, sans-serif; opacity: 0; cursor: pointer; pointer-events: none; transform: translateY(12px); transition: opacity 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms cubic-bezier(.22,1,.36,1); } [data-od-id="site-footer"] .back-to-top.is-visible { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); } @media (hover: hover) and (pointer: fine) { [data-od-id="site-footer"] .footer-col a:hover { color: #fff; transform: translateX(3px); } [data-od-id="site-footer"] .footer-legal a:hover { color: #fff; } [data-od-id="site-footer"] .back-to-top:hover { border-color: rgba(232,236,241,.68); background: rgba(76,86,103,.78); transform: translateY(-3px); } } @media (max-width: 1080px) { [data-od-id="site-footer"] { height: auto; min-height: 0; padding: 54px 20px 24px; background-position: 0 28px, 20px 0; } [data-od-id="site-footer"] .footer-glow { top: 120px; left: -25%; width: 150%; height: 900px; max-width: none; } [data-od-id="site-footer"] .footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 30px; } [data-od-id="site-footer"] .footer-brand { grid-column: 1 / -1; } [data-od-id="site-footer"] .footer-brand p { max-width: 430px; margin-top: 40px; } [data-od-id="site-footer"] .footer-bottom { position: relative; top: auto; right: auto; bottom: auto; left: auto; flex-direction: column; height: auto; margin-top: 46px; padding-top: 28px; } [data-od-id="site-footer"] .footer-legal { flex-wrap: wrap; gap: 18px 32px; } [data-od-id="site-footer"] .back-to-top { bottom: 20px; left: 20px; } } @media (max-width: 640px) { [data-od-id="site-footer"] { padding: 42px 16px 24px; } [data-od-id="site-footer"] .footer-inner { grid-template-columns: 1fr; gap: 36px; } [data-od-id="site-footer"] .footer-brand { grid-column: auto; padding-right: 52px; } [data-od-id="site-footer"] .footer-logo-lockup { width: min(100%, 389.5px); transform-origin: left top; } [data-od-id="site-footer"] .footer-brand p { max-width: 100%; margin-top: 34px; } [data-od-id="site-footer"] .footer-col h3 { margin-bottom: 26px; } [data-od-id="site-footer"] .footer-bottom { margin-top: 40px; } [data-od-id="site-footer"] .footer-legal { align-items: flex-start; gap: 16px 24px; } [data-od-id="site-footer"] .back-to-top { bottom: 16px; left: 16px; width: 36px; height: 36px; font-size: 16px; } } @media (min-width: 1081px) and (max-width: 1280px) { [data-od-id="site-footer"] { height: auto; min-height: 620px; padding-bottom: 24px; } [data-od-id="site-footer"] .footer-brand { grid-column: auto; grid-row: auto; } [data-od-id="site-footer"] .footer-col:last-child { grid-column: auto; } [data-od-id="site-footer"] .footer-bottom { position: relative; top: auto; right: auto; bottom: auto; left: auto; height: auto; margin-top: 45px; } } @media (min-width: 1281px) and (max-width: 1600px) { [data-od-id="site-footer"] .footer-inner { grid-template-columns: minmax(280px, 1.65fr) minmax(190px, 1fr) minmax(130px, .72fr) minmax(205px, 1.05fr); column-gap: clamp(24px, 3.25vw, 52px); } [data-od-id="site-footer"] .footer-logo-lockup { width: min(100%, 389.5px); max-width: 100%; } [data-od-id="site-footer"] .footer-brand p { max-width: min(430px, 100%); } [data-od-id="site-footer"] .footer-legal { gap: clamp(20px, 2.4vw, 46px); } } @media (min-width: 901px) and (max-width: 1280px) { [data-od-id="site-footer"] { height: auto; min-height: 620px; padding: 64px clamp(24px, 3vw, 36px) 28px; } [data-od-id="site-footer"] .footer-inner { grid-template-columns: minmax(280px, 1.15fr) repeat(2, minmax(0, 1fr)); gap: 44px clamp(32px, 4vw, 56px); align-items: start; } [data-od-id="site-footer"] .footer-brand { grid-column: 1; grid-row: 1 / span 2; } [data-od-id="site-footer"] .footer-logo-lockup { width: min(100%, 340px); max-width: 100%; } [data-od-id="site-footer"] .footer-brand p { max-width: 100%; margin-top: 40px; } [data-od-id="site-footer"] .footer-col:last-child { grid-column: 2 / 4; grid-row: 2; } [data-od-id="site-footer"] .footer-bottom { position: relative; top: auto; right: auto; bottom: auto; left: auto; height: auto; margin-top: 48px; padding-top: 28px; } [data-od-id="site-footer"] .footer-legal { flex-wrap: wrap; gap: 18px clamp(22px, 3vw, 38px); } [data-od-id="site-footer"] .back-to-top { bottom: clamp(24px, 3vw, 36px); left: clamp(24px, 3vw, 36px); } } @media (min-width: 641px) and (max-width: 900px) { [data-od-id="site-footer"] { height: auto; min-height: 0; padding: 54px 24px 28px; } [data-od-id="site-footer"] .footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 36px; } [data-od-id="site-footer"] .footer-brand { grid-column: 1 / -1; padding-right: 64px; } [data-od-id="site-footer"] .footer-logo-lockup { width: min(100%, 360px); max-width: 100%; } [data-od-id="site-footer"] .footer-brand p { max-width: 560px; margin-top: 34px; } [data-od-id="site-footer"] .footer-col:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 36px; } [data-od-id="site-footer"] .footer-col:last-child h3 { grid-column: 1 / -1; } [data-od-id="site-footer"] .footer-bottom { position: relative; top: auto; right: auto; bottom: auto; left: auto; flex-direction: column; align-items: flex-start; height: auto; margin-top: 46px; padding-top: 28px; } [data-od-id="site-footer"] .footer-legal { flex-wrap: wrap; gap: 18px 28px; } [data-od-id="site-footer"] .footer-legal a { white-space: normal; overflow-wrap: anywhere; } [data-od-id="site-footer"] .back-to-top { bottom: 24px; left: 24px; } } @media (max-width: 640px) { [data-od-id="site-footer"] { height: auto; min-height: 0; padding: 44px 16px 24px; } [data-od-id="site-footer"] .footer-inner { grid-template-columns: 1fr; gap: 36px; } [data-od-id="site-footer"] .footer-brand { grid-column: auto; padding-right: 60px; } [data-od-id="site-footer"] .footer-logo-lockup { width: min(100%, 320px); max-width: 100%; } [data-od-id="site-footer"] .footer-brand p { max-width: 100%; margin-top: 32px; } [data-od-id="site-footer"] .footer-col:last-child { grid-column: auto; display: block; } [data-od-id="site-footer"] .footer-col h3 { margin-bottom: 22px; } [data-od-id="site-footer"] .footer-col a { display: flex; align-items: center; min-height: 44px; margin: 0; white-space: normal; overflow-wrap: anywhere; } [data-od-id="site-footer"] .footer-bottom { position: relative; top: auto; right: auto; bottom: auto; left: auto; flex-direction: column; align-items: flex-start; height: auto; gap: 16px; margin-top: 38px; padding-top: 24px; } [data-od-id="site-footer"] .footer-legal { display: grid; grid-template-columns: 1fr; gap: 8px; width: 100%; } [data-od-id="site-footer"] .footer-legal a { display: flex; align-items: center; min-height: 44px; white-space: normal; overflow-wrap: anywhere; } [data-od-id="site-footer"] .back-to-top { bottom: 16px; left: 16px; } } @media (prefers-reduced-motion: reduce) { [data-od-id="site-footer"] .footer-col a, [data-od-id="site-footer"] .footer-legal a, [data-od-id="site-footer"] .back-to-top { transition: none; } } /* End */ /* Start:/local/templates/isrp/assets/css/components/form-controls.css?17884356194208*/ body select, body .header-contact-select__button, body .cta-select__button, body .brief-select__button, body .cookie-dropdown__trigger { border-radius: 8px !important; } body .header-contact-options, body .cta-options, body .cookie-dropdown__menu { display: grid !important; gap: 2px !important; padding: 6px !important; border: 1px solid #d9e1ee !important; border-radius: 8px !important; background: #fff !important; box-shadow: 0 16px 32px rgba(13, 20, 46, .16) !important; } body .header-contact-options[hidden], body .cta-options[hidden], body .cookie-dropdown__menu[hidden] { display: none !important; } body .cta-select.isrp-cta-select { position: relative; } body .cta-goal.is-cta-select-open { z-index: 10 !important; } body .cta-select.isrp-cta-select select { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; border: 0 !important; white-space: nowrap !important; } body .cta-select.isrp-cta-select .cta-select__button { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 52px 0 19px !important; border: 1px solid rgba(15, 28, 61, .08) !important; border-radius: 8px !important; outline: 0; color: #8a93a6 !important; background: #f5f7fb !important; box-shadow: none !important; font: 400 14px/20px Inter, sans-serif !important; text-align: left !important; text-transform: none !important; cursor: pointer; z-index: 2 !important; } body .cta-select.isrp-cta-select.has-value .cta-select__button { color: #17203a !important; } body .cta-select.isrp-cta-select .cta-select__button > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body .cta-select.isrp-cta-select .cta-select__button:focus-visible, body .cta-select.isrp-cta-select.is-open .cta-select__button, body .cta-select.isrp-cta-select .cta-select__button[aria-invalid="true"] { border-color: #103e9c !important; box-shadow: 0 0 0 3px rgba(16, 62, 156, .14) !important; } body .cta-select.isrp-cta-select .cta-options { position: absolute !important; top: calc(100% + 6px) !important; right: 0 !important; left: 0 !important; z-index: 20 !important; max-height: 240px; overflow-y: auto; } body .cta-select.isrp-cta-select img { z-index: 3 !important; transition: transform .16s ease; } body .cta-select.isrp-cta-select.is-open img { transform: rotate(180deg); } body .header-contact-options [role="option"], body .cta-options [role="option"], body .cookie-dropdown__option { position: static !important; top: auto !important; left: auto !important; z-index: auto !important; width: 100% !important; min-height: 46px !important; height: auto !important; padding: 10px 12px !important; border-radius: 5px !important; color: #17203a !important; background: transparent !important; box-shadow: none !important; font: 400 14px/20px Inter, sans-serif !important; text-align: left !important; text-transform: none !important; cursor: pointer !important; } body .header-contact-options [role="option"]:hover, body .header-contact-options [role="option"]:focus-visible, body .header-contact-options [role="option"][aria-selected="true"], body .cta-options [role="option"]:hover, body .cta-options [role="option"]:focus-visible, body .cta-options [role="option"][aria-selected="true"], body .cookie-dropdown__option:hover, body .cookie-dropdown__option:focus-visible, body .cookie-dropdown__option[aria-selected="true"] { outline: 0; color: #103e9c !important; background: rgba(36, 70, 184, .08) !important; } body .header-contact-options [role="option"][aria-selected="true"], body .cta-options [role="option"][aria-selected="true"], body .cookie-dropdown__option[aria-selected="true"] { font-weight: 600; } @media (max-width: 500px) { body select, body .header-contact-select__button, body .cta-select__button, body .brief-select__button, body .cookie-dropdown__trigger { border-radius: 5px !important; } } /* End */ /* Start:/local/templates/isrp/assets/css/components/request-success-modal.css?17885046433813*/ .request-success-modal { width:min(1200px,calc(100% - 32px)); max-width:none; margin:auto; padding:0; overflow:hidden; border:0; border-radius:28px; color:#111d41; background:#fff; box-shadow:0 34px 82px rgba(2,19,58,.52); } .request-success-modal::backdrop { background:rgba(3,18,55,.72); backdrop-filter:blur(6px); } .request-success-modal__content { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,520px); gap:54px; min-height:668px; padding:82px 58px 58px 54px; background:radial-gradient(circle at 48% -12%,#dcecff 0,rgba(220,236,255,.7) 25%,transparent 53%),#fff; } .request-success-modal__close { position:absolute; top:34px; right:40px; display:grid; width:34px; height:34px; padding:0; border:0; color:#8290aa; background:transparent; font-size:26px; line-height:1; cursor:pointer; place-items:center; } .request-success-modal__tag,.request-success-modal__summary-tag { display:inline-flex; min-height:31px; padding:0 13px; align-items:center; gap:8px; border:1px solid #d7e5ff; border-radius:999px; color:#1e57be; background:#edf4ff; font-size:12px; font-weight:700; letter-spacing:.01em; line-height:1; text-transform:uppercase; } .request-success-modal__tag::before,.request-success-modal__summary-tag::before { width:6px; height:6px; border-radius:50%; background:#1b57cb; content:""; } .request-success-modal__title { max-width:510px; margin:38px 0 21px; font-size:48px; font-weight:700; letter-spacing:-.045em; line-height:1.05; } .request-success-modal__lead { max-width:510px; margin:0; color:#6c7b98; font-size:18px; line-height:1.62; } .request-success-modal__actions { display:flex; margin-top:73px; gap:16px; } .request-success-modal__button { display:inline-flex; min-width:184px; min-height:54px; padding:0 27px; align-items:center; justify-content:center; border:1px solid #b9c9e6; border-radius:999px; color:#1c4ca5; background:#fff; font-size:14px; font-weight:600; text-decoration:none; } .request-success-modal__button--primary { min-width:286px; border-color:#1745a7; color:#fff; background:#1745a7; box-shadow:0 13px 25px rgba(23,69,167,.25); } .request-success-modal__next { max-width:500px; margin-top:26px; padding:16px 21px; border:1px solid #d5e0f2; border-radius:18px; background:#f3f7fd; } .request-success-modal__next h3 { margin:0 0 7px; font-size:15px; } .request-success-modal__next p { margin:0; color:#697894; font-size:14px; line-height:1.45; } .request-success-modal__summary { align-self:start; padding:25px; border:1px solid #d6e1f2; border-radius:20px; background:rgba(247,250,255,.8); } .request-success-modal__summary-tag { min-height:30px; } .request-success-modal__summary dl { margin:28px 0 0; } .request-success-modal__summary-row { padding:17px 0; border-top:1px solid #d6e1f2; } .request-success-modal__summary-row:first-child { padding-top:0; border-top:0; } .request-success-modal__summary dt { margin-bottom:6px; color:#8a98b1; font-size:13px; } .request-success-modal__summary dd { margin:0; font-size:15px; font-weight:650; line-height:1.4; } @media (max-width:800px) { .request-success-modal__content { grid-template-columns:1fr; gap:30px; min-height:0; padding:64px 24px 24px; } .request-success-modal__title { font-size:39px; } .request-success-modal__actions { flex-wrap:wrap; margin-top:38px; } .request-success-modal__button,.request-success-modal__button--primary { flex:1 1 230px; } .request-success-modal__summary { order:2; } .request-success-modal__close { top:18px; right:16px; } } @media (max-width:480px) { .request-success-modal { width:calc(100% - 20px); border-radius:22px; } .request-success-modal__content { padding:58px 18px 18px; } .request-success-modal__title { margin-top:28px; font-size:34px; } .request-success-modal__lead { font-size:16px; } .request-success-modal__button { width:100%; } } /* End */ /* Start:/local/templates/isrp/assets/css/components/cookie-consent.css?17905867252541*/ .cookie-consent { position: fixed; z-index: 1000; right: 24px; bottom: 24px; box-sizing: border-box; width: min(500px,calc(100% - 48px)); min-height: 176px; padding: 20px 19px 17px; border: 1px solid #dae2f0; border-radius: 20px; color: #0f1c3d; background: #fff; box-shadow: 0 17px 41px rgba(5,13,31,.22),0 0 0 1px rgba(23,73,182,.1); } .cookie-consent[hidden] { display: none; } .cookie-consent__close { position: absolute; top: 17px; right: 18px; display: grid; width: 32px; height: 32px; padding: 0; place-items: center; border: 1px solid #dae2f0; border-radius: 50%; color: #8a93a6; background: #f4f7fd; cursor: pointer; } .cookie-consent__close::before, .cookie-consent__close::after { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; border-radius: 999px; background: currentColor; content: ""; transform-origin: center; } .cookie-consent__close::before { transform: translate(-50%,-50%) rotate(45deg); } .cookie-consent__close::after { transform: translate(-50%,-50%) rotate(-45deg); } .cookie-consent__title { margin: 1px 48px 14px 0; font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; } .cookie-consent__body { display: grid; grid-template-columns: minmax(0,1fr) 112px; column-gap: 16px; row-gap: 10px; align-items: end; } .cookie-consent__copy { grid-column: 1 / -1; margin: 0; color: #4e5b72; font-size: 13px; line-height: 1.35; } .cookie-consent__copy a,.cookie-consent__policy { color: #1749b6; text-decoration: underline; text-decoration-thickness: .75px; text-underline-offset: 2px; } .cookie-consent__policy { display: inline-block; align-self: flex-start; font-size: 10px; font-weight: 650; line-height: 1.3; } .cookie-consent__policies { display: flex; align-self: center; align-items: flex-start; flex-direction: column; gap: 2px; text-align: left; } .cookie-consent__accept { width: 112px; min-height: 36px; padding: 0 20px; border: 0; border-radius: 999px; color: #fff; background: #1749b6; box-shadow: 0 9px 14px rgba(23,73,182,.24); font-size: 12px; font-weight: 700; cursor: pointer; } .cookie-consent__accept:hover { background: #123d9b; } .cookie-consent__accept:focus-visible,.cookie-consent__close:focus-visible { outline: 3px solid rgba(23,73,182,.35); outline-offset: 3px; } @media (max-width: 700px) { .cookie-consent { right: 12px; bottom: 12px; width: calc(100% - 24px); min-height: 0; } } /* End */ /* Start:/local/templates/isrp/assets/css/components/legal-page-shared-layout.css?1788511010836*/ /* Keep legacy legal-page styles from overriding the canonical footer component. */ [data-od-id="site-footer"] .footer-brand { display: block; width: auto; max-width: none; filter: none; } [data-od-id="site-footer"] .footer-brand img { filter: none; } [data-od-id="cookie-policy"] [data-od-id="cookie-brief"] { min-height: 0; aspect-ratio: 1860 / 671; overflow: hidden; } [data-od-id="cookie-policy"] [data-od-id="cookie-brief"] .brief-stage { width: 1860px; height: 671px; transform: scale(var(--cookie-brief-scale, 1)); transform-origin: top left; } [data-od-id="cookie-policy"] [data-od-id="cookie-brief"] .brief-form { position: absolute; top: 49px; right: 80px; width: 520px; height: 590px; min-height: 590px; margin: 0; padding: 0; overflow: hidden; } /* End */ /* Start:/local/templates/isrp/assets/css/components/site-breadcrumbs.css?17900787041313*/ :root { --site-breadcrumb-top: 80px; } @media (max-width: 900px) { :root { --site-breadcrumb-top: 40px; } } .site-breadcrumb-host { box-sizing: border-box; padding-top: var(--site-breadcrumb-top) !important; } #directions.site-breadcrumb-host { padding-top: 10px !important; } .site-breadcrumbs { position: static !important; display: flex !important; min-width: 0; margin: 0 0 32px !important; padding: 0 !important; align-items: center; flex-wrap: wrap; gap: 7px; color: #8b96ad !important; font-family: Inter, Arial, sans-serif; font-size: 14px !important; font-weight: 500 !important; line-height: 18px !important; white-space: normal !important; } .site-breadcrumbs a { color: #103e9c !important; text-decoration: none !important; text-decoration-thickness: 1px; text-underline-offset: 3px; } .site-breadcrumbs a:hover, .site-breadcrumbs a:focus-visible { outline: 0; text-decoration: underline !important; } .site-breadcrumbs__separator, .site-breadcrumbs [aria-current="page"] { color: #8b96ad !important; } @media (max-width: 700px) { .site-breadcrumbs { margin-bottom: 24px !important; gap: 5px; font-size: 12px !important; line-height: 16px !important; } } /* End */ /* /local/templates/isrp/assets/css/fonts.css?1788503424595 */ /* /local/templates/isrp/assets/css/base.css?17888737221755 */ /* /local/templates/isrp/assets/css/components.css?178843554285 */ /* /local/templates/isrp/assets/css/pages/industrial-equipment.css?179166638587366 */ /* /local/templates/isrp/assets/css/components/hero-tone.css?17884356191171 */ /* /local/templates/isrp/assets/css/components/header-contact-popup.css?17884356198622 */ /* /local/templates/isrp/assets/css/components/header-component.css?179059797740016 */ /* /local/templates/isrp/assets/css/components/footer-component.css?179067038512405 */ /* /local/templates/isrp/assets/css/components/form-controls.css?17884356194208 */ /* /local/templates/isrp/assets/css/components/request-success-modal.css?17885046433813 */ /* /local/templates/isrp/assets/css/components/cookie-consent.css?17905867252541 */ /* /local/templates/isrp/assets/css/components/legal-page-shared-layout.css?1788511010836 */ /* /local/templates/isrp/assets/css/components/site-breadcrumbs.css?17900787041313 */