/* SKT homepage v3.1: industrial editorial composition. Scoped to the public home. */
:root { --v31-blue: #1559ce; --v31-ink: #14243a; --v31-muted: #536276; --v31-line: #d8e0e8; --subnav-height: 0px; }
html { scroll-behavior: smooth; }
html[data-theme="light"] body { background: #f6f8fa; background-attachment: initial; }
html[data-theme="light"] .navbar { background: rgba(255,255,255,.97); background-size: auto; box-shadow: none; border-bottom: 1px solid #dbe2e9; }
html[data-theme="light"] .btn-primary { background: var(--v31-blue); box-shadow: none; }
html[data-theme="light"] .btn-primary:hover { background: #1049ae; box-shadow: 0 8px 18px rgba(21,89,206,.18); }
.navbar .app-logo__image { width: 52px; height: 52px; min-width: 52px; flex-basis: 52px; }
.navbar .logo-title { max-width: 180px; }
.navbar .logo-subtitle { font-size: .62rem; letter-spacing: .025em; }
.public-nav-cta { border-radius: 4px; }
.v31-hero, .v31-product, .v31-architecture, .v31-scenarios { scroll-margin-top: 100px; }
.v31-hero { position: relative; isolation: isolate; min-height: 570px; color: #fff; background: linear-gradient(115deg, #111d2d 0%, #1d3550 100%); overflow: hidden; }
.v31-hero__inner { display: flex; align-items: center; min-height: 570px; padding-block: 70px; }
.v31-hero__copy { max-width: 800px; }
.v31-overline, .v31-kicker { margin: 0 0 24px; color: #8fb9ff; font-size: 13px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.v31-overline span { margin-inline: 10px; color: #c4d5eb; }
.v31-hero h1 { max-width: 790px; margin: 0; color: #fff; font-size: clamp(3.1rem, 4.6vw, 4.25rem); line-height: 1.07; font-weight: 800; letter-spacing: -.035em; text-wrap: balance; }
.v31-hero__lead { max-width: 665px; margin: 28px 0 30px; color: #e2eaf2; font-size: 18px; line-height: 1.6; }
.v31-actions { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; }
.v31-actions .btn { min-height: 54px; padding: 13px 24px; border-radius: 4px; white-space: normal; }
.v31-actions .btn span { margin-left: 14px; }
.v31-text-link { color: inherit; font-size: 16px; font-weight: 700; border-bottom: 1px solid currentColor; padding-bottom: 4px; text-decoration: none; }
.v31-text-link:hover { color: #73a7ff; }
.v31-text-link:focus-visible, .v31-product__switch button:focus-visible, .v31-expand:focus-visible, .v31-dialog button:focus-visible { outline: 3px solid #77aaff; outline-offset: 4px; }
.v31-hero__side { display: flex; flex-direction: column; gap: 11px; width: 110px; margin-bottom: 3px; color: #d6e2ee; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-align: right; white-space: nowrap; }
.v31-image-credit { position: absolute; right: max(24px,calc((100vw - 1320px)/2)); bottom: 14px; margin: 0; color: #dce7f2; font-size: 11px; text-shadow: 0 1px 4px #14243a; }
.v31-trust { background: #fff; color: var(--v31-ink); border-bottom: 1px solid var(--v31-line); }
.v31-trust__inner { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.v31-trust p { display: flex; flex-direction: column; gap: 3px; min-width: 0; margin: 0; padding: 20px 25px; border-left: 1px solid var(--v31-line); }
.v31-trust p:first-child { border-left: 0; padding-left: 0; }
.v31-trust strong { font-size: 17px; line-height: 1.25; }
.v31-trust span { color: var(--v31-muted); font-size: 13px; line-height: 1.4; }
.v31-trust a { color: #1559ce; text-decoration: underline; text-underline-offset: 3px; }
.v31-product__real-screen { margin: 0; overflow: hidden; border: 1px solid #cdd7e2; background: #eaf0f6; box-shadow: 0 16px 45px rgba(20,36,58,.1); }
.v31-product__real-screen a { display: block; }
.v31-product__real-screen a:focus-visible { outline: 3px solid #1559ce; outline-offset: -4px; }
.v31-product__real-screen img { display: block; width: 100%; height: auto; }
.v31-product__real-screen figcaption { padding: 13px 18px; border-top: 1px solid #cdd7e2; color: #536276; font-size: 13px; line-height: 1.5; }
.v31-hero img[data-public-media], .v31-photo-band img[data-public-media], .skt-protected-media img { -webkit-user-drag: none; }
.skt-protected-media { position: relative; display: block; overflow: hidden; }
.skt-protected-media picture { display: block; }
.skt-protected-media img { pointer-events: none; }
.skt-protected-media::after { content: ""; position: absolute; inset: 0; z-index: 1; touch-action: pan-y pinch-zoom; }
@media print { .skt-product-screenshot figcaption::after { content: " · © Современные карьерные технологии · mqtech.ru"; } }
.v31-product, .v31-scenarios { padding: 100px 0; background: #fff; color: var(--v31-ink); }
.v31-architecture { padding: 100px 0; background: #edf1f4; color: var(--v31-ink); }
.v31-heading-row { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(290px,.65fr); align-items: end; gap: 70px; margin-bottom: 38px; }
.v31-heading-row .v31-kicker { margin-bottom: 15px; color: var(--v31-blue); }
.v31-heading-row h2 { max-width: 800px; margin: 0; color: var(--v31-ink); font-size: clamp(2.2rem,3.2vw,3rem); line-height: 1.13; letter-spacing: -.03em; font-weight: 800; text-wrap: balance; }
.v31-heading-row > p { max-width: 415px; margin: 0; color: var(--v31-muted); font-size: 17px; line-height: 1.55; }
.v31-product__switch { display: flex; width: fit-content; max-width: 100%; gap: 2px; margin-bottom: 20px; border-bottom: 1px solid var(--v31-line); }
.v31-product__switch button { background: transparent; border: 0; border-bottom: 3px solid transparent; padding: 12px 25px 14px; color: #637185; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.v31-product__switch button[aria-selected="true"] { color: #1559ce; border-bottom-color: #1559ce; }
.v31-product__layout { display: grid; grid-template-columns: minmax(0,3fr) minmax(260px,1fr); gap: 34px; align-items: stretch; }
.v31-product__stage { min-width: 0; background: #f5f7f9; border: 1px solid #cdd7e2; box-shadow: 0 16px 45px rgba(20,36,58,.1); }
.v31-product__chrome { display: flex; justify-content: space-between; align-items: center; gap: 15px; min-height: 47px; padding: 9px 18px; background: #172c45; color: #b8c9dc; font-size: 11px; letter-spacing: .04em; }
.v31-product__brand { color: #fff; font-weight: 900; font-size: 15px; letter-spacing: .03em; }.v31-product__brand em { margin-left: 7px; color: #98b7dd; font-size: 10px; font-style: normal; font-weight: 700; }
.v31-screen { display: grid; grid-template-columns: 175px minmax(0,1fr); min-height: 455px; color: #20324a; }
.js .v31-screen:not(.is-active) { display: none; }
.v31-screen__rail { display: flex; flex-direction: column; gap: 2px; padding: 26px 12px; background: #e9eef3; border-right: 1px solid #d5dfe8; font-size: 12px; }
.v31-screen__rail strong { margin: 0 11px 17px; color: #526579; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.v31-screen__rail span { padding: 11px; border-radius: 4px; color: #50627a; }
.v31-screen__rail .is-current { color: #1559ce; background: #fff; font-weight: 800; border-left: 3px solid #1559ce; }
.v31-screen__body { min-width: 0; padding: 28px; }
.v31-screen__top { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 22px; border-bottom: 1px solid #dbe3ea; }
.v31-screen__top small { color: #527194; font-size: 10px; letter-spacing: .12em; font-weight: 800; }
.v31-screen__top h3 { margin: 9px 0 4px; color: #1b2e46; font-size: clamp(20px,2vw,26px); line-height: 1.2; }
.v31-screen__top p { margin: 0; color: #637183; font-size: 13px; line-height: 1.4; }
.v31-demo-tag { align-self: start; padding: 6px 9px; border: 1px solid #a5b9cf; color: #395d82; font-size: 11px; white-space: nowrap; }
.v31-screen__diagram { display: grid; grid-template-columns: minmax(150px,.9fr) minmax(0,1.35fr); gap: 18px; padding: 26px 0 20px; }
.v31-machine { display: flex; flex-direction: column; justify-content: center; gap: 10px; min-height: 224px; padding: 25px; color: #fff; background: #1d416a; }
.v31-machine span { color: #a8c4e5; font-size: 11px; letter-spacing: .1em; }.v31-machine strong { max-width: 170px; font-size: 24px; line-height: 1.12; }.v31-machine small { color: #d2e1f2; }
.v31-components { display: flex; flex-direction: column; gap: 7px; }.v31-components > div { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 1px 6px; min-height: 70px; padding: 12px 14px; border: 1px solid #d7e0e8; background: #fff; }.v31-components > .is-selected { border-color: #719be0; box-shadow: inset 3px 0 #1559ce; }.v31-components b { grid-row: span 2; color: #9aacc1; font-size: 11px; }.v31-components strong { font-size: 13px; }.v31-components span { color: #65778b; font-size: 11px; }
.v31-screen__context { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding-top: 13px; border-top: 1px solid #dbe3ea; }.v31-screen__context strong { width: 100%; font-size: 12px; }.v31-screen__context span { padding: 5px 7px; background: #e7eef6; color: #46617e; font-size: 11px; }
.v31-workflow, .v31-evidence { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 40px; }.v31-workflow > div, .v31-evidence > div { display: flex; flex-direction: column; gap: 13px; min-height: 165px; padding: 18px 13px; border-top: 3px solid #1d65cb; background: #fff; }.v31-workflow b { color: #8ca1b9; font-size: 13px; }.v31-workflow strong, .v31-evidence strong { font-size: 15px; line-height: 1.25; }.v31-workflow span, .v31-evidence small { color: #607287; font-size: 12px; line-height: 1.45; }.v31-evidence { grid-template-columns: repeat(3,minmax(0,1fr)); }.v31-evidence > div { min-height: 190px; }.v31-evidence span { font-size: 11px; letter-spacing: .08em; color: #527194; }.v31-screen__note { margin-top: 24px; max-width: 640px; font-size: 14px; color: #53677d; line-height: 1.5; }
.v31-product__aside { display: flex; flex-direction: column; padding: 4px 0; }.v31-product__label { color: #476589; font-size: 11px; font-weight: 800; letter-spacing: .12em; }.v31-product__aside ol { padding: 0; margin: 8px 0 20px; list-style: none; }.v31-product__aside li { display: flex; gap: 14px; padding: 17px 0; border-top: 1px solid var(--v31-line); }.v31-product__aside li > span { color: #1559ce; font-size: 12px; font-weight: 800; }.v31-product__aside strong { display: block; font-size: 16px; }.v31-product__aside li p { margin: 5px 0 0; color: var(--v31-muted); font-size: 14px; line-height: 1.48; }.v31-expand { display: flex; justify-content: space-between; gap: 20px; width: 100%; padding: 15px 0; border: 0; border-top: 1px solid var(--v31-line); border-bottom: 1px solid var(--v31-line); background: none; color: #1559ce; font: inherit; font-weight: 800; cursor: pointer; }.v31-product__disclaimer { margin-top: auto; padding-top: 20px; color: #657588; font-size: 12px; line-height: 1.5; }
.v31-dialog { width: min(1180px,calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 0; box-shadow: 0 24px 85px rgba(0,0,0,.35); overflow: auto; }.v31-dialog::backdrop { background: rgba(9,20,32,.72); }.v31-dialog__head { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 14px 20px; background: #172c45; color: #fff; }.v31-dialog__head button { background: transparent; color: #fff; border: 1px solid #a6b9cc; padding: 8px 12px; cursor: pointer; }.v31-dialog .v31-screen { min-height: 580px; }.v31-dialog .v31-screen__body { padding: 38px; }
.v31-architecture__flow { display: grid; grid-template-columns: 1fr 1.25fr 1fr; gap: 14px; margin: 45px 0 30px; }.v31-architecture__flow > div { min-width: 0; padding: 27px; border-top: 4px solid #a9b7c6; background: #fff; }.v31-architecture__flow > .v31-architecture__core { color: #fff; background: #1c3d63; border-top-color: #3987e9; }.v31-architecture__num { font-size: 11px; font-weight: 800; letter-spacing: .1em; color: #60788d; }.v31-architecture__core .v31-architecture__num { color: #acd0ff; }.v31-architecture h3 { margin: 12px 0 22px; font-size: 23px; line-height: 1.22; }.v31-architecture ul { padding: 0; margin: 0; list-style: none; }.v31-architecture li { padding: 10px 0; border-top: 1px solid #e2e7ec; font-size: 15px; }.v31-core__machine { padding: 20px; background: #315985; font-size: 17px; font-weight: 800; }.v31-core__machine span { color: #9dc8f7; }.v31-core__links { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; margin-top: 6px; }.v31-core__links span { padding: 11px 5px; border: 1px solid #6584a8; font-size: 12px; text-align: center; }.v31-architecture__core p { margin: 20px 0 0; color: #d2e1f1; font-size: 13px; line-height: 1.5; }.v31-architecture > .container > .v31-text-link { color: #1559ce; }
.v31-scenarios__lead { display: grid; grid-template-columns: 180px minmax(0,1.1fr) minmax(260px,.7fr); gap: 30px; align-items: center; padding: 42px 0; border-top: 3px solid #1559ce; border-bottom: 1px solid var(--v31-line); }.v31-scenarios__index, .v31-scenarios__minor article > span { color: #1559ce; font-size: 12px; font-weight: 800; letter-spacing: .09em; }.v31-scenarios h3 { margin: 0 0 10px; font-size: 27px; line-height: 1.2; }.v31-scenarios p { margin: 0; color: #526276; font-size: 16px; line-height: 1.57; }.v31-scenarios__sequence { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }.v31-scenarios__sequence span { padding: 10px; background: #eaf1f9; color: #28517c; font-size: 12px; font-weight: 800; }.v31-scenarios__sequence i { font-style: normal; color: #7090b1; }.v31-scenarios__minor { display: grid; grid-template-columns: 1fr 1fr; gap: 38px; }.v31-scenarios__minor article { padding: 28px 0; border-bottom: 1px solid var(--v31-line); }.v31-scenarios__minor h3 { margin-top: 15px; font-size: 22px; }.v31-scenarios__minor a { display: inline-block; margin-top: 16px; color: #1559ce; font-weight: 800; }
/* Existing deep-dive content stays in the document, with quieter editorial framing. */
html[data-theme="light"] main .section, html[data-theme="light"] main .section-sm { background: #fff; border-top: 1px solid #e1e6ec; }.section:not(.seo-nav-section)::before, .section-sm:not(.seo-nav-section)::before { display: none; }
html[data-theme="light"] .seo-nav-section { background: #f6f8fa; }.seo-nav-grid { gap: 0; }.seo-nav-card { border-radius: 0; box-shadow: none; }.seo-nav-card::before,.seo-nav-card::after { display: none; }
html[data-theme="light"] .seo-nav-card { background: transparent; box-shadow: none; border: 0; border-top: 1px solid #d8e0e8; }.seo-nav-card:hover,.seo-nav-card:focus-visible { transform: none; }
@media (max-width: 1100px) { .v31-product__layout { grid-template-columns: 1fr; }.v31-product__aside { display: grid; grid-template-columns: 1fr auto; gap: 10px 25px; }.v31-product__aside ol { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }.v31-product__disclaimer { grid-column: 1 / -1; }.v31-product__aside .v31-expand { width: 230px; } }
@media (max-width: 760px) { .v31-hero,.v31-hero__inner { min-height: 0; }.v31-hero__inner { align-items: start; padding-block: 62px 80px; }.v31-hero__photo { background-position: 64% center; }.v31-hero::before { background: linear-gradient(90deg,rgba(9,20,32,.9),rgba(9,20,32,.66)),linear-gradient(0deg,rgba(9,20,32,.5),transparent); }.v31-hero__side { display: none; }.v31-hero h1 { max-width: 650px; font-size: clamp(2.25rem,7vw,3.3rem); }.v31-hero__lead { font-size: 16px; }.v31-trust__inner { grid-template-columns: repeat(2,minmax(0,1fr)); }.v31-trust p { border-top: 1px solid var(--v31-line); }.v31-trust p:nth-child(odd) { border-left: 0; padding-left: 0; }.v31-heading-row { grid-template-columns: 1fr; gap: 15px; }.v31-product,.v31-architecture,.v31-scenarios { padding-block: 65px; }.v31-architecture__flow { grid-template-columns: 1fr; }.v31-architecture__flow > div { padding: 23px; }.v31-scenarios__lead { grid-template-columns: 1fr; gap: 16px; }.v31-scenarios__minor { gap: 20px; }.v31-product__aside ol { grid-template-columns: 1fr; gap: 0; } }
@media (max-width: 520px) { .v31-hero__inner { padding-block: 40px 60px; }.v31-overline { margin-bottom: 18px; font-size: 11px; }.v31-hero h1 { font-size: clamp(2rem,9vw,2.5rem); line-height: 1.09; }.v31-hero__lead { margin-block: 20px 23px; line-height: 1.48; }.v31-actions { gap: 16px; }.v31-actions .btn { width: 100%; }.v31-image-credit { left: 8px; right: 8px; bottom: 8px; font-size: 9px; }.v31-trust__inner { grid-template-columns: 1fr 1fr; }.v31-trust p { padding: 15px 10px; }.v31-trust p strong { font-size: 14px; }.v31-trust p span { font-size: 11px; }.v31-heading-row h2 { font-size: 1.85rem; }.v31-heading-row > p { font-size: 15px; }.v31-product__switch { width: 100%; overflow-x: auto; }.v31-product__switch button { flex: 1 0 auto; padding-inline: 10px; font-size: 13px; }.v31-screen { display: block; min-height: 0; }.v31-screen__rail { display: none; }.v31-screen__body { padding: 16px; }.v31-screen__top { padding-bottom: 14px; }.v31-screen__top h3 { font-size: 19px; }.v31-screen__top p { font-size: 12px; }.v31-demo-tag { display: none; }.v31-screen__diagram { display: block; padding: 16px 0; }.v31-machine { min-height: 0; padding: 15px; }.v31-machine strong { max-width: none; font-size: 19px; }.v31-components { margin-top: 8px; }.v31-components > div { min-height: 0; padding: 9px; }.v31-screen__context { display: none; }.v31-workflow,.v31-evidence { grid-template-columns: 1fr 1fr; margin-top: 20px; }.v31-workflow > div,.v31-evidence > div { min-height: 120px; }.v31-product__aside { display: block; }.v31-product__aside .v31-expand { width: 100%; }.v31-architecture__flow { margin-top: 25px; }.v31-core__machine { font-size: 14px; }.v31-core__links span { font-size: 10px; }.v31-scenarios__minor { grid-template-columns: 1fr; gap: 0; }.v31-scenarios__sequence span { font-size: 11px; }.v31-dialog .v31-screen__body { padding: 18px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .v31-hero *, .v31-product * { animation: none !important; transition: none !important; } }
html[data-theme="dark"] .v31-trust { background: #132237; color: #f3f7fb; border-color: #32475e; } html[data-theme="dark"] .v31-trust p { border-color: #32475e; } html[data-theme="dark"] .v31-trust span { color: #cad5e2; } html[data-theme="dark"] .v31-trust a { color: #8fbcff; }
html[data-theme="dark"] .v31-product__real-screen { background: #18293c; border-color: #38506b; }
html[data-theme="dark"] .v31-product__real-screen figcaption { color: #c1d0df; border-color: #38506b; }
html[data-theme="dark"] .v31-product, html[data-theme="dark"] .v31-scenarios { background: #101b2c; color: #f3f7fb; } html[data-theme="dark"] .v31-architecture { background: #1b2b3e; color: #f3f7fb; } html[data-theme="dark"] .v31-heading-row h2 { color: #fff; } html[data-theme="dark"] .v31-heading-row > p, html[data-theme="dark"] .v31-scenarios p { color: #cbd7e4; } html[data-theme="dark"] .v31-product__aside li, html[data-theme="dark"] .v31-product__switch, html[data-theme="dark"] .v31-scenarios__lead, html[data-theme="dark"] .v31-scenarios__minor article { border-color: #38506b; } html[data-theme="dark"] .v31-product__aside li p, html[data-theme="dark"] .v31-product__disclaimer { color: #c1d0df; } html[data-theme="dark"] .v31-product__switch button { color: #c4d1e0; } html[data-theme="dark"] .v31-product__switch button[aria-selected="true"] { color: #8fbcff; } html[data-theme="dark"] .v31-architecture__column { background: #26394f; } html[data-theme="dark"] .v31-architecture li { border-color: #4e6279; } html[data-theme="dark"] .v31-architecture > .container > .v31-text-link, html[data-theme="dark"] .v31-scenarios a { color: #9cc5ff; }
.v31-pilot-cta { margin-top: 22px; border-radius: 4px; }
.seo-nav-grid.v31-solution-groups { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: auto; gap: 28px; align-items: start; }
.v31-solution-group { min-width: 0; }.v31-solution-group > h3 { margin: 0 0 15px; color: #1559ce; font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.v31-solution-group .seo-nav-card { display: block; min-height: 0; height: auto; margin: 0; padding: 15px 0 18px; border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; box-shadow: none; background: transparent; }
.v31-solution-group .seo-nav-card:hover, .v31-solution-group .seo-nav-card:focus-visible { background: transparent; box-shadow: none; border-color: #b2c3d4; transform: none; }.v31-solution-group .seo-nav-card::after, .v31-solution-group .seo-nav-card::before { display: none; }
.v31-solution-group .seo-nav-card__label { display: block; width: auto; margin-bottom: 5px; padding: 0; border: 0; border-radius: 0; background: none; color: #5c7290; font-size: 11px; letter-spacing: .04em; }
.v31-solution-group .seo-nav-card h3 { margin: 0 0 7px; color: #172943; font-size: 18px; line-height: 1.24; }.v31-solution-group .seo-nav-card h3 a { color: inherit; text-decoration: none; }.v31-solution-group .seo-nav-card h3 a:hover { color: #1559ce; text-decoration: underline; }
.v31-solution-group .seo-nav-card p, .v31-solutions-development .seo-nav-card p { display: block; overflow: visible; -webkit-line-clamp: unset; line-clamp: unset; color: #536276; font-size: 13px; line-height: 1.5; }
.v31-solutions-development { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 24px; margin-top: 29px; padding: 20px 0; border-top: 1px solid #d7e0e8; }.v31-solutions-development > span { padding-top: 8px; color: #1559ce; font-size: 12px; font-weight: 800; letter-spacing: .08em; }.v31-solutions-development .seo-nav-card { min-height: 0; height: auto; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }.v31-solutions-development .seo-nav-card:hover { transform: none; box-shadow: none; }.v31-solutions-development .seo-nav-card h3 { margin: 6px 0; font-size: 20px; }.v31-solutions-development .seo-nav-card__label { padding: 0; background: none; border: 0; color: #5c7290; }
html[data-theme="dark"] .v31-solution-group .seo-nav-card h3 { color: #f3f7fb; } html[data-theme="dark"] .v31-solution-group .seo-nav-card p, html[data-theme="dark"] .v31-solutions-development .seo-nav-card p { color: #c6d3e1; } html[data-theme="dark"] .v31-solution-group .seo-nav-card__label, html[data-theme="dark"] .v31-solutions-development .seo-nav-card__label { color: #a3bbd4; }
@media (max-width: 760px) { .seo-nav-grid.v31-solution-groups { grid-template-columns: 1fr; gap: 30px; }.v31-solutions-development { grid-template-columns: 1fr; gap: 5px; } }
@media (max-width: 520px) { .v31-trust p strong { font-size: 15px; }.v31-trust p span { font-size: 12px; line-height: 1.45; } }
@media (max-width: 520px) { .footer-inner { align-items: flex-start; }.footer-links { display: grid; grid-template-columns: 1fr; gap: 11px; } }
.v31-solution-direct-link { display: inline-block; margin: 8px 0 0; color: #1559ce; font-size: 13px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
/* Long-form supporting sections use compact, inspectable rows. */
#implementation .steps-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; border-top: 2px solid #1559ce; border-bottom: 1px solid #d7e0e8; }
#implementation .step-card { min-height: 0; padding: 28px 20px 26px; border: 0; border-right: 1px solid #d7e0e8; border-radius: 0; box-shadow: none; background: transparent; }
#implementation .step-card:last-child { border-right: 0; }
#implementation .step-card::after { display: none; }
#implementation .step-num { position: static; display: block; margin-bottom: 20px; opacity: 1; color: #1559ce; font-size: 13px; letter-spacing: .08em; }
#data-readiness .readiness-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 30px; }
#data-readiness .readiness-card { display: block; min-height: 0; padding: 17px 0 21px; border: 0; border-top: 1px solid #d7e0e8; border-radius: 0; box-shadow: none; background: transparent; }
#data-readiness .readiness-card::after { display: none; }
#data-readiness .readiness-card .module-badge { padding: 0; margin: 0 0 7px; border: 0; background: transparent; color: #1559ce; }
#pilot .pilot-grid { gap: 0; border-top: 2px solid #1559ce; }.pilot-grid .pilot-card { border: 0; border-right: 1px solid #d7e0e8; border-radius: 0; box-shadow: none; background: transparent; }.pilot-grid .pilot-card:last-child { border-right: 0; }.pilot-grid .pilot-card::after { display: none; }
#modules .module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 25px; }
#modules .module-card { min-height: 0; padding: 21px 0; border: 0; border-top: 1px solid #d7e0e8; border-radius: 0; box-shadow: none; background: transparent; }
#modules .module-card::after { display: none; } #modules .module-card:hover { transform: none; background: transparent; box-shadow: none; }
#modules .module-card .list { margin-top: 9px; padding-top: 0; } #modules .module-footer { margin-top: 13px; padding-top: 9px; }
#roles .role-card, #assets .asset-card, #audience .audience-card, #integrations .integration-card { border-radius: 6px; box-shadow: none; }
#roles .role-card:hover, #assets .asset-card:hover, #audience .audience-card:hover, #integrations .integration-card:hover { transform: none; box-shadow: none; }
@media (max-width: 760px) {
  #implementation .steps-grid { grid-template-columns: 1fr; } #implementation .step-card { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 3px 10px; padding: 16px 0; border-right: 0; border-bottom: 1px solid #d7e0e8; } #implementation .step-num { grid-row: span 2; margin: 4px 0 0; } #implementation .step-title { margin: 0; }
  #data-readiness .readiness-grid, #modules .module-grid { grid-template-columns: 1fr; }
  #pilot .pilot-grid { grid-template-columns: 1fr; } #pilot .pilot-card { border-right: 0; border-bottom: 1px solid #d7e0e8; padding: 22px 0; }
}

/* Photo-led finish of the existing home composition. */
.v31-hero { min-height: clamp(590px, 68vh, 720px); background: #172638; }
.v31-hero__slides { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.v31-hero__photo { position: absolute; inset: 0 0 0 36%; display: block; opacity: 0; transition: opacity 950ms ease-in-out; }
.v31-hero__photo.is-active { opacity: 1; }
.v31-hero__photo img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: var(--photo-position); -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%); mask-image: linear-gradient(90deg, transparent, #000 18%); }
.v31-hero__photo:nth-child(3) img { object-fit: cover; }
@media (min-width: 1600px) { .v31-hero__photo img { -webkit-mask-image: linear-gradient(90deg, transparent 10%, #000 33%); mask-image: linear-gradient(90deg, transparent 10%, #000 33%); } }
.v31-hero__controls { position: absolute; right: max(24px, calc((100vw - 1320px)/2)); bottom: 28px; z-index: 2; display: flex; align-items: center; gap: 10px; }
.v31-hero__dot { width: 12px; height: 12px; padding: 0; border: 1px solid rgba(255,255,255,.9); border-radius: 50%; background: rgba(12,26,40,.35); cursor: pointer; }
.v31-hero__dot.is-active { background: #fff; }
.v31-hero__dot:focus-visible { outline: 3px solid #77aaff; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .v31-hero__photo { transition: none; } }
.v31-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #101d2c 0%, rgba(10,21,32,.97) 31%, rgba(10,21,32,.87) 41%, rgba(10,21,32,.55) 51%, rgba(10,21,32,.12) 66%, rgba(10,21,32,.02) 78%); pointer-events: none; }
.v31-hero__inner { min-height: clamp(590px, 68vh, 720px); padding-block: 64px 72px; }
.v31-hero__copy { width: min(47%, 630px); max-width: none; }
.v31-overline { margin-bottom: 23px; color: #b8d3f5; font-size: 12px; letter-spacing: .1em; }
.v31-hero h1 { max-width: 650px; font-size: clamp(3rem, 3.4vw, 3.25rem); line-height: 1.08; }
.v31-hero__lead { max-width: 560px; margin: 25px 0 30px; color: #e9eff5; font-size: 17px; line-height: 1.55; }
.v31-actions { gap: 27px; }
.v31-actions .btn { min-height: 52px; padding: 12px 20px; }
.v31-actions .v31-text-link { white-space: nowrap; }
.v31-trust__inner { align-items: stretch; }
.v31-trust p { gap: 7px; padding: 22px 24px 23px; }
.v31-trust strong { font-size: 17px; }
.v31-trust span { font-size: 13px; line-height: 1.45; }
.v31-product, .v31-architecture, .v31-scenarios { padding-block: 82px; }
.v31-heading-row { gap: 52px; margin-bottom: 32px; }
.v31-product__real-screen { border: 0; background: transparent; box-shadow: 0 18px 48px rgba(20,36,58,.13); }
.v31-product__real-screen picture { display: block; }
.v31-product__real-screen figcaption { padding: 12px 0 0; border: 0; background: #fff; }
html[data-theme="dark"] .v31-product__real-screen figcaption { background: #101b2c; border: 0; }

.navbar .app-logo { gap: 10px; }
.navbar .app-logo__image { width: 46px; height: 46px; min-width: 46px; flex-basis: 46px; filter: none; }
.navbar .logo-title { font-size: 14px; line-height: 1.12; }
.navbar .logo-subtitle { font-size: 10px; line-height: 1.25; letter-spacing: .015em; text-transform: none; }
.nav-inner { gap: 12px; }
.public-nav-links { gap: 0; }
.public-nav-links .nav-link { display: inline-flex; align-items: center; min-height: 42px; padding: 9px 10px; border-radius: 4px; font-size: 13px; line-height: 1.3; white-space: nowrap; }
.nav-actions { gap: 6px; }
.nav-actions .btn { min-height: 42px; padding: 10px 13px; border-radius: 4px; font-size: 13px; line-height: 1.25; white-space: nowrap; }
.nav-actions .btn-ghost { border-color: transparent; background: transparent; }
.theme-toggle { width: 40px; height: 40px; border-radius: 4px; background: transparent; }

@media (max-width: 1280px) {
  .v31-hero__copy { width: min(50%, 610px); }
  .public-nav-links .nav-link { padding-inline: 7px; font-size: 12px; }
  .navbar .logo-subtitle { display: none; }
}
@media (max-width: 900px) and (min-width: 761px) {
  .v31-hero__copy { width: min(58%, 560px); }
  .v31-hero h1 { font-size: clamp(2.65rem, 5vw, 3.25rem); }
}
@media (max-width: 900px) {
  .v31-hero { display: flex; flex-direction: column; min-height: 0; }
  .v31-hero::before { display: none; }
  .v31-hero__inner { order: 1; min-height: 0; padding-block: 43px 43px; }
  .v31-hero__copy { width: 100%; max-width: 610px; }
  .v31-hero__slides { position: relative; inset: auto; z-index: 0; order: 2; width: 100%; height: auto; aspect-ratio: 3 / 2; }
  .v31-hero__photo { inset: 0; }
  .v31-hero__photo img { object-fit: cover; object-position: var(--photo-position-mobile); -webkit-mask-image: none; mask-image: none; }
  .v31-hero__controls { right: 18px; bottom: 18px; }
  .v31-hero h1 { max-width: 620px; font-size: clamp(2.2rem, 6vw, 3.3rem); }
  .v31-hero__lead { max-width: 570px; margin-block: 20px 23px; }
  .v31-product, .v31-architecture, .v31-scenarios { padding-block: 64px; }
  .v31-trust p { padding-block: 17px 19px; }
}
@media (max-width: 600px) {
  .v31-product__real-screen img { aspect-ratio: 591 / 548; object-fit: cover; }
}
@media (max-width: 375px) { .v31-overline { max-width: 270px; } }
@media (max-width: 520px) {
  .v31-hero__inner { padding-block: 32px 34px; }
  .v31-overline { margin-bottom: 17px; font-size: 10px; letter-spacing: .065em; }
  .v31-hero h1 { font-size: clamp(2rem, 8.4vw, 2.35rem); line-height: 1.1; }
  .v31-hero__lead { margin-block: 18px 22px; font-size: 15px; line-height: 1.48; }
  .v31-actions { gap: 17px; }
  .v31-actions .btn { width: auto; min-height: 46px; padding: 10px 14px; font-size: 13px; }
  .v31-actions .btn span { margin-left: 6px; }
  .v31-actions .v31-text-link { font-size: 13px; }
  .v31-trust p { padding: 15px 11px 16px; }
  .v31-trust p:nth-child(odd) { padding-left: 0; }
  .v31-trust strong { font-size: 15px; }
  .v31-trust span { font-size: 11px; }
  .v31-heading-row { margin-bottom: 25px; }
  .v31-product, .v31-architecture, .v31-scenarios { padding-block: 54px; }
}

/* Three photo chapters read their positions and assets from the homepage media manifest. */
.v31-photo-band { color: #14243a; background: #f3f6f9; overflow: hidden; }
.v31-photo-band__inner { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); align-items: center; gap: clamp(35px, 5vw, 92px); min-height: 520px; padding-block: 54px; }
.v31-photo-band__copy { max-width: 570px; }
.v31-photo-band__copy .v31-kicker { margin-bottom: 17px; color: #1559ce; }
.v31-photo-band__copy h2 { margin: 0; color: inherit; font-size: clamp(2rem, 3.35vw, 3.2rem); line-height: 1.1; letter-spacing: -.035em; text-wrap: balance; }
.v31-photo-band__copy > p:not(.v31-kicker) { margin: 22px 0 27px; color: #42556c; font-size: 17px; line-height: 1.55; }
.v31-photo-band__copy .btn { border-radius: 4px; }
.v31-photo-band__media { position: relative; height: 440px; margin: 0; overflow: hidden; border-radius: 7px; }
.v31-photo-band__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--photo-position); }
.v31-photo-band__media figcaption { position: absolute; right: 12px; bottom: 12px; left: 12px; width: fit-content; max-width: calc(100% - 24px); padding: 6px 9px; border-radius: 3px; background: rgba(10, 22, 36, .76); color: #fff; font-size: 11px; line-height: 1.35; }
.v31-photo-band--wide { position: relative; isolation: isolate; min-height: 520px; background: #132333; color: #fff; }
.v31-photo-band__background { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: var(--photo-position); }
.v31-photo-band--wide::before { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(90deg, rgba(9, 20, 32, .95) 0%, rgba(9, 20, 32, .85) 32%, rgba(9, 20, 32, .3) 65%, rgba(9, 20, 32, .06) 100%); }
.v31-photo-band__wide-inner { display: flex; align-items: center; min-height: 520px; padding-block: 65px; }
.v31-photo-band--wide .v31-photo-band__copy { max-width: 540px; }
.v31-photo-band--wide .v31-kicker { color: #b8d3f5; }
.v31-photo-band--wide .v31-photo-band__copy > p:not(.v31-kicker) { color: #e2eaf2; }
.v31-photo-band__copy small { display: block; max-width: 390px; margin-top: 18px; color: #d4e1ef; font-size: 11px; line-height: 1.4; }
.v31-photo-band--reverse { background: #e9eff5; }
.v31-photo-band--reverse .v31-photo-band__inner { grid-template-columns: minmax(0, 1.13fr) minmax(0, .87fr); }
@media (max-width: 760px) {
  .v31-photo-band__inner, .v31-photo-band--reverse .v31-photo-band__inner { grid-template-columns: 1fr; gap: 26px; min-height: 0; padding-block: 48px; }
  .v31-photo-band__media { height: clamp(235px, 55vw, 360px); }
  .v31-photo-band__media img { object-position: var(--photo-position-mobile); }
  .v31-photo-band--reverse .v31-photo-band__media { order: 2; }
  .v31-photo-band--reverse .v31-photo-band__copy { order: 1; }
  .v31-photo-band--wide { min-height: 0; }
  .v31-photo-band__background { position: relative; z-index: 0; display: block; height: clamp(235px, 55vw, 360px); object-position: var(--photo-position-mobile); }
  .v31-photo-band--wide::before { display: none; }
  .v31-photo-band__wide-inner { min-height: 0; padding-block: 48px; }
}
@media (max-width: 520px) {
  .v31-photo-band__inner, .v31-photo-band__wide-inner { padding-block: 38px; }
  .v31-photo-band__copy h2 { font-size: clamp(1.85rem, 7.7vw, 2.2rem); }
  .v31-photo-band__copy > p:not(.v31-kicker) { margin-block: 17px 23px; font-size: 15px; }
  .v31-photo-band--wide .v31-photo-band__background { order: 2; }
  .v31-photo-band--wide { display: flex; flex-direction: column; }
  .v31-photo-band--wide .v31-photo-band__wide-inner { order: 1; }
}

/* Editorial chapters below the real product interface. All photos use manifest assets. */
.skt-chapter, .skt-roads { scroll-margin-top: 100px; color: #14243a; background: #f6f8fa; }
.skt-chapter { padding-block: clamp(72px, 7vw, 116px); }
.skt-chapter__head { max-width: 950px; margin-bottom: clamp(30px, 4vw, 58px); }
.skt-chapter__head .v31-kicker, .skt-roads .v31-kicker { margin-bottom: 16px; color: #1559ce; }
.skt-chapter h2, .skt-roads h2 { margin: 0; color: #14243a; font-size: clamp(2.25rem, 4.3vw, 4.25rem); line-height: 1.08; letter-spacing: -.04em; text-wrap: balance; }
.skt-chapter__lead { max-width: 780px; margin: 24px 0 0; color: #42556c; font-size: clamp(1.05rem, 1.45vw, 1.25rem); line-height: 1.6; }
.skt-chapter h3, .skt-roads h3 { color: #14243a; }
.skt-chapter p, .skt-roads p { line-height: 1.65; }
.skt-visual-band { position: relative; isolation: isolate; display: flex; align-items: center; min-height: clamp(650px, 54vw, 850px); overflow: hidden; color: #fff; background: #0f2135; }
.skt-visual-band > img { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--photo-position); }
.skt-lifecycle__visual > img { object-fit: contain; object-position: right bottom; -webkit-mask-image: linear-gradient(90deg, transparent, #000 44%); mask-image: linear-gradient(90deg, transparent, #000 44%); }
@media (max-width: 1100px) { .skt-lifecycle__visual > img { object-fit: cover; object-position: var(--photo-position); -webkit-mask-image: none; mask-image: none; } }
.skt-visual-band::after { position: absolute; z-index: -1; inset: 0; content: ""; pointer-events: none; }
.skt-visual-band > .container { width: 100%; padding-block: 80px; }
.skt-visual-band__copy { max-width: 620px; }
.skt-visual-band .v31-kicker { margin-bottom: 18px; color: #b7d3ff; }
.skt-visual-band h2 { max-width: 620px; color: #fff; font-size: clamp(2.5rem, 4.1vw, 4.1rem); }
.skt-visual-band .skt-chapter__lead { max-width: 550px; margin-top: 22px; color: #f0f5fa; }
.skt-visual-band .btn { margin-top: 28px; }
.skt-lifecycle { padding-top: 0; background: #eef2f6; }
.skt-lifecycle__visual { min-height: clamp(780px, 60vw, 1160px); }
.skt-lifecycle__visual::after { background: linear-gradient(90deg, rgba(7,21,35,.88) 0%, rgba(7,21,35,.7) 27%, rgba(7,21,35,.24) 52%, transparent 72%); }
.skt-lifecycle__body { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(40px, 8vw, 150px); padding-top: clamp(38px, 5vw, 72px); }
.skt-lifecycle__body h3 { margin: 0 0 20px; max-width: 460px; font-size: clamp(1.55rem, 2.2vw, 2.25rem); line-height: 1.18; }
.skt-lifecycle__body p { max-width: 560px; color: #42556c; }
.skt-lifecycle__body .v31-text-link { display: inline-block; margin: 13px 20px 0 0; color: #1559ce; font-size: 14px; }
.skt-flow { margin: 0; padding: 0; list-style: none; border-top: 2px solid #1559ce; }
.skt-flow li { display: grid; grid-template-columns: 34px minmax(0, .75fr) minmax(0, 1.25fr); gap: 12px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid #c9d4e0; }
.skt-flow span { color: #1559ce; font-weight: 800; font-size: 12px; }
.skt-flow strong { font-size: 15px; line-height: 1.35; }
.skt-flow small { color: #536276; font-size: 13px; line-height: 1.45; }
.skt-action { background: #fff; }
.skt-action__rows { border-top: 3px solid #1559ce; }
.skt-action__rows article { display: grid; grid-template-columns: minmax(145px,.45fr) minmax(0,1.5fr) minmax(220px,.8fr); gap: clamp(20px, 3vw, 54px); align-items: start; padding: 32px 0; border-bottom: 1px solid #d7e0e8; }
.skt-action__rows article > span { color: #1559ce; font-size: 12px; font-weight: 800; letter-spacing: .07em; }
.skt-action__rows h3 { margin: 0 0 10px; font-size: clamp(1.35rem,1.7vw,1.7rem); line-height: 1.2; }
.skt-action__rows p { margin: 0; color: #4b5c70; }
.skt-action__rows .skt-action__path { color: #173d6a; font-weight: 750; font-size: 14px; line-height: 1.55; }
.skt-action__foot { display: flex; align-items: baseline; flex-wrap: wrap; gap: 15px 28px; padding-top: 27px; }
.skt-action__foot p { max-width: 760px; margin: 0 auto 0 0; color: #536276; font-size: 14px; }
.skt-action__foot a { color: #1559ce; font-weight: 750; font-size: 14px; white-space: nowrap; }
.skt-catalog { background: #eef2f6; }
.skt-catalog__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 2px solid #1559ce; }
.skt-catalog__grid a { min-width: 0; padding: 23px 25px 28px 0; border-bottom: 1px solid #cbd7e2; color: inherit; text-decoration: none; }
.skt-catalog__grid a:not(:nth-child(3n+1)) { padding-left: 25px; border-left: 1px solid #cbd7e2; }
.skt-catalog__grid a:hover h3, .skt-catalog__grid a:focus-visible h3 { color: #1559ce; }
.skt-catalog__grid a:focus-visible { outline: 3px solid #1559ce; outline-offset: -3px; }
.skt-catalog__grid span { color: #1559ce; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.skt-catalog__grid h3 { margin: 11px 0 7px; font-size: clamp(1.3rem,1.7vw,1.7rem); line-height: 1.2; }
.skt-catalog__grid p { max-width: 360px; margin: 0; color: #4b5c70; font-size: 14px; }
.skt-connected { padding: 0; background: #0f2135; color: #fff; }
.skt-connected__visual { position: relative; isolation: isolate; display: flex; align-items: end; min-height: min(720px, 62vw); overflow: hidden; }
.skt-connected__visual::after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(9,24,39,.9), rgba(9,24,39,.38) 65%), linear-gradient(0deg, rgba(9,24,39,.68), transparent 65%); }
.skt-connected__visual img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: right bottom; -webkit-mask-image: linear-gradient(90deg, transparent, #000 44%); mask-image: linear-gradient(90deg, transparent, #000 44%); }
.skt-connected__visual .container { width: 100%; padding-block: 90px; }
.skt-connected__visual .v31-kicker { color: #a8caff; }
.skt-connected h2 { max-width: 860px; color: #fff; }
.skt-connected__visual p:last-child { max-width: 680px; margin: 24px 0 0; color: #edf4fa; font-size: clamp(1.05rem,1.6vw,1.35rem); }
.skt-connected__body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(40px, 8vw, 140px); padding-block: clamp(55px, 6vw, 90px); }
.skt-connected__body h3 { margin: 0 0 18px; color: #fff; font-size: 1.75rem; }
.skt-connected__body p { margin: 0 0 14px; color: #c8d7e7; }
.skt-connected__body strong { color: #fff; }
.skt-connected__body .v31-text-link { display: inline-block; margin-top: 13px; color: #a8caff; }
.skt-connected__development { border-top: 2px solid #4d94ee; padding-top: 22px; }
.skt-roads { padding-block: clamp(65px,7vw,105px); background: #dae5ed; }
.skt-roads__inner { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(240px,.7fr); gap: clamp(40px, 8vw, 150px); }
.skt-roads h2 { max-width: 780px; }
.skt-roads p:not(.v31-kicker) { max-width: 680px; margin: 24px 0; color: #42556c; }
.skt-roads .v31-text-link { color: #1559ce; }
.skt-roads__measure { display: flex; flex-direction: column; justify-content: center; border-top: 2px solid #1559ce; }
.skt-roads__measure span { padding: 13px 0; border-bottom: 1px solid #aec2d2; color: #24496b; font-size: 15px; font-weight: 700; }
.skt-fleet { background: #fff; }
.skt-fleet__layout { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: clamp(40px,7vw,120px); }
.skt-fleet__classes { border-top: 2px solid #1559ce; }
.skt-fleet__classes p { display: grid; grid-template-columns: minmax(190px,.75fr) minmax(0,1.25fr); gap: 24px; margin: 0; padding: 21px 0; border-bottom: 1px solid #d7e0e8; }
.skt-fleet__classes strong { font-size: 18px; }.skt-fleet__classes span { color: #536276; }
.skt-fleet__audience { align-self: start; padding: 28px 0; border-top: 2px solid #1559ce; }
.skt-fleet__audience h3 { margin: 0 0 17px; font-size: 1.6rem; }.skt-fleet__audience p { margin: 0; color: #42556c; }
.skt-enterprise { background: #eaf0f5; }
.skt-enterprise__columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(30px,6vw,100px); }
.skt-enterprise__columns > div { border-top: 2px solid #1559ce; padding-top: 22px; }
.skt-enterprise__columns h3 { margin: 0 0 18px; font-size: 1.6rem; }
.skt-enterprise__columns ul { padding: 0; margin: 0; list-style: none; }
.skt-enterprise__columns li, .skt-enterprise__columns dl > div { padding: 13px 0; border-bottom: 1px solid #cad7e2; }
.skt-enterprise__columns li::before { content: "→"; margin-right: 12px; color: #1559ce; }
.skt-enterprise__columns p, .skt-enterprise__columns dd { color: #536276; }
.skt-enterprise__columns dl { margin: 0; }.skt-enterprise__columns dt { font-weight: 800; }.skt-enterprise__columns dd { margin: 5px 0 0; }
.skt-pilot { padding-top: 0; background: #fff; }
.skt-pilot__visual { min-height: clamp(620px, 49vw, 800px); align-items: start; }
.skt-pilot__visual > img { object-position: center bottom; }
@media (min-width: 1101px) { .skt-pilot__visual { min-height: min(62.5vw, 900px); } }
.skt-pilot__visual::after { background: radial-gradient(ellipse 900px 630px at 0% 0%, rgba(7,21,35,.92) 0%, rgba(7,21,35,.7) 48%, rgba(7,21,35,.24) 76%, transparent 100%); }
.skt-pilot__visual > .container { padding-top: clamp(70px, 8vw, 125px); }
.skt-pilot__visual .skt-visual-band__copy { max-width: 600px; }
@media (min-width: 761px) and (max-width: 950px) {
  .skt-pilot__visual > img { top: auto; bottom: 0; height: 350px; }
}
.skt-pilot__matrix { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 clamp(35px,6vw,90px); margin-top: clamp(45px,6vw,95px); border-top: 2px solid #1559ce; }
.skt-pilot__matrix > div { padding: 25px 0 30px; border-bottom: 1px solid #d7e0e8; }
.skt-pilot__matrix h3 { margin: 0 0 13px; font-size: 1.45rem; }
.skt-pilot__matrix p, .skt-pilot__matrix ol { margin: 0; color: #42556c; }.skt-pilot__matrix ol { padding-left: 20px; line-height: 1.75; }
.skt-pilot__matrix small { display: block; margin-top: 13px; color: #67788b; font-size: 13px; line-height: 1.5; }
.skt-company { background: #eaf0f5; }
.skt-company__body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(40px,7vw,120px); }
.skt-company__body > div { border-top: 2px solid #1559ce; padding-top: 22px; }
.skt-company__body h3 { margin: 0 0 15px; font-size: 1.55rem; }.skt-company__body p { color: #42556c; }
.skt-company__skolkovo { display: block; width: min(215px,60%); height: auto; margin: 22px 0 0; }
.skt-company__ip { margin-top: 30px; }.skt-company__ip h4 { margin: 0 0 10px; font-size: 1.1rem; }
.skt-company__ip a { display: inline-block; margin: 4px 20px 0 0; color: #1559ce; font-size: 14px; font-weight: 700; }
@media (max-width: 950px) {
  .skt-lifecycle__body, .skt-fleet__layout { grid-template-columns: 1fr; gap: 36px; }
  .skt-action__rows article { grid-template-columns: minmax(110px,.4fr) minmax(0,1fr); }
  .skt-action__path { grid-column: 2; }
  .skt-catalog__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .skt-catalog__grid a:not(:nth-child(3n+1)) { padding-left: 0; border-left: 0; }
  .skt-catalog__grid a:nth-child(even) { padding-left: 22px; border-left: 1px solid #cbd7e2; }
  .skt-roads__inner { gap: 35px; }
}
@media (max-width: 760px) {
  .skt-chapter { padding-block: 60px; }.skt-connected { padding: 0; }
  .skt-visual-band { min-height: 590px; align-items: end; }
  .skt-visual-band > img { object-position: var(--photo-position-mobile); }
  .skt-visual-band > .container { padding-block: 270px 38px; }
  .skt-visual-band__copy { max-width: 540px; }
  .skt-visual-band h2 { font-size: clamp(2rem, 6vw, 2.75rem); }
  .skt-visual-band .skt-chapter__lead { margin-top: 15px; font-size: 16px; }
  .skt-visual-band .btn { margin-top: 20px; }
  .skt-lifecycle__visual { min-height: 620px; align-items: start; }
  .skt-lifecycle__visual > .container { padding-block: 42px 290px; }
  .skt-lifecycle__visual::after { background: linear-gradient(180deg, rgba(7,21,35,.92) 0%, rgba(7,21,35,.76) 33%, rgba(7,21,35,.14) 69%, transparent 90%); }
  .skt-pilot__visual { min-height: 590px; align-items: start; }
  .skt-pilot__visual > .container { padding-block: 38px 275px; }
  .skt-pilot__visual::after { background: linear-gradient(180deg, rgba(7,21,35,.88) 0%, rgba(7,21,35,.7) 34%, rgba(7,21,35,.08) 68%, transparent 86%); }
  .skt-connected__visual { min-height: 570px; align-items: start; }
  .skt-connected__visual img { object-position: var(--photo-position-mobile); }
  .skt-lifecycle__visual > img, .skt-connected__visual img { -webkit-mask-image: none; mask-image: none; }
  /* On narrow screens, reserve a landscape photo area below the copy so the
     whole machine and its wheels fit without cropping the sides. */
  .skt-visual-band > img, .skt-connected__visual img {
    top: auto;
    bottom: 0;
    height: min(66.667vw, 350px);
    object-fit: cover;
  }
  .skt-connected__visual::after { background: linear-gradient(180deg, rgba(9,24,39,.93) 0%, rgba(9,24,39,.74) 33%, rgba(9,24,39,.08) 72%, transparent 88%); }
  .skt-connected__visual .container { padding-block: 48px 280px; }
  .skt-connected__body, .skt-enterprise__columns, .skt-company__body { grid-template-columns: 1fr; gap: 35px; }
  .skt-connected__body { padding-block: 45px 60px; }
  .skt-roads__inner { grid-template-columns: 1fr; }
  .skt-fleet__classes p { grid-template-columns: minmax(150px,.7fr) minmax(0,1.3fr); }
  .skt-pilot__matrix { margin-top: 45px; }
}
@media (max-width: 560px) {
  .skt-chapter { padding-block: 50px; }.skt-connected { padding: 0; }
  .skt-chapter h2, .skt-roads h2 { font-size: clamp(2rem,8vw,2.6rem); }
  .skt-chapter__lead { margin-top: 17px; font-size: 16px; }
  .skt-visual-band h2 { font-size: clamp(2rem, 8vw, 2.35rem); }
  .skt-visual-band .v31-kicker { font-size: 11px; line-height: 1.45; }
  .skt-visual-band .skt-chapter__lead { font-size: 15px; line-height: 1.5; }
  .skt-lifecycle__visual { min-height: 580px; }
  .skt-lifecycle__visual > .container { padding-block: 37px 270px; }
  .skt-pilot__visual { min-height: 570px; }
  .skt-pilot__visual > .container { padding-block: 34px 250px; }
  .skt-connected__visual { min-height: 530px; }
  .skt-connected__visual .container { padding-block: 40px 265px; }
  .skt-connected h2 { font-size: clamp(2rem, 8vw, 2.35rem); }
  .skt-connected__visual p:last-child { margin-top: 15px; font-size: 15px; line-height: 1.5; }
  .skt-flow li { grid-template-columns: 28px 1fr; gap: 5px 10px; }
  .skt-flow small { grid-column: 2; }
  .skt-action__rows article { display: block; padding: 25px 0; }
  .skt-action__rows h3 { margin-top: 10px; }.skt-action__path { margin-top: 12px !important; }
  .skt-catalog__grid { grid-template-columns: 1fr; }
  .skt-catalog__grid a, .skt-catalog__grid a:nth-child(even) { padding: 19px 0; border-left: 0; }
  .skt-catalog__grid h3 { font-size: 1.45rem; }
  .skt-roads { padding-block: 58px; }
  .skt-fleet__classes p { display: block; padding: 18px 0; }
  .skt-fleet__classes span { display: block; margin-top: 5px; }
  .skt-pilot__matrix { grid-template-columns: 1fr; }
}