/* DWE_IT_SERVICES_INT — page styles (RU/EN, S4). Composition, sizes and gaps follow the DESIGN v1.1 generator
   (source/build_design.py): Desktop >= 900 px (pad 56, layout fractions of the content width, 1380 px step for the
   hero/nav), Mobile < 900 px (own vertical composition, pad 22). Text boxes keep the design line heights; a paint-only
   shift (--dy = 0.597em - lh/2, Manrope ascent 1.066 / descent 0.3) puts glyphs on the design baselines (y + 0.98 size). */

@font-face { font-family: Manrope; font-weight: 400; font-style: normal; font-display: swap; src: url("Manrope-Regular.woff2") format("woff2"); }
@font-face { font-family: Manrope; font-weight: 500; font-style: normal; font-display: swap; src: url("Manrope-Medium.woff2") format("woff2"); }
@font-face { font-family: Manrope; font-weight: 600; font-style: normal; font-display: swap; src: url("Manrope-SemiBold.woff2") format("woff2"); }
@font-face { font-family: Manrope; font-weight: 700; font-style: normal; font-display: swap; src: url("Manrope-Bold.woff2") format("woff2"); }
@font-face { font-family: Manrope; font-weight: 800; font-style: normal; font-display: swap; src: url("Manrope-ExtraBold.woff2") format("woff2"); }

:root {
  --ink: #101219; --muted: #4C5362; --red: #E50914; --line: #C4CBD7; --link: #CF0711; --err: #B9000B; --focus: #2456CB;
  --pad: 56px;
  --satin-panel: linear-gradient(130deg, #FFFFFF 0%, #F5F7FC 41%, #EBEEF5 64%, #F9FAFD 91%);
  --satin-sec: linear-gradient(105deg, #FFFFFF 0%, #F5F7FC 66%, #ECEFF6 100%);
  --glass: linear-gradient(128deg, rgba(255,255,255,.95) 0%, rgba(230,234,242,.68) 100%);
  --btn: linear-gradient(180deg, #FF484E 0%, #FF101A 16%, #EA000A 55%, #B90004 100%);
  --btn-hover: linear-gradient(180deg, #FF6368 0%, #EC0011 30%, #C10008 100%);
  --panel-shadow: 0 3px 0 0 #D9DEE8, 0 15px 24px 0 rgba(48, 59, 79, .24);
}
@media (max-width: 899.98px) {
  :root { --pad: 22px; --satin-sec: linear-gradient(94deg, #FFFFFF 0%, #F5F7FC 49%, #EBEEF5 77%, #F4F6FA 100%); }
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html.is-smooth { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html.is-smooth { scroll-behavior: auto; } }
body { margin: 0; position: relative; background: #fff; color: var(--ink); font-family: Manrope, Arial, sans-serif; font-size: 18px; line-height: 27px; font-weight: 400; -webkit-font-smoothing: antialiased; }
h1, h2, h3, p, dl, dt, dd, ol, ul, li, figure, fieldset, legend { margin: 0; padding: 0; }
ol, ul { list-style: none; }
fieldset { border: 0; min-width: 0; }
img, svg { display: block; }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: inherit; }
.nw { white-space: nowrap; }
.sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
[hidden] { display: none !important; }
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 4px; }
main:focus { outline: none; }
.wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 var(--pad); }
#it-tasks, #how-we-work, #work-options, #it-faq, #discuss-it { scroll-margin-top: 16px; }

/* text styles: font size + design line height (--lh) + paint shift to the design baseline */
.ts, .h1, .h2, .eyebrow, .intro, .b01__lead, .b01__note, .strip__p, .strip__r li > span, .topic__h, .topic__p, .bnote p, .tlink > span,
.other__h, .other__p, .dossier__h, .drow__l, .drow__t, .b04__name, .b04__p, .role__h, .role__p, .step__h, .step__p, .opt__h, .opt__p,
.ctarow__t, .plane__h, .plane__p, .price__h, .price__p, .qa__b > span, .qa__a p, .b08__intro, .b08__msg > span, .b08__free, .req, .fld__l,
.hint, .err, .before, .chans__l, .chan > span, .details__b > span, .consent__l, .retry-note, .after, .st__h, .st__p, .st__n, .done__h, .done__p,
.dlg__h, .dlg__p, .brand, .ftr__brand, .ftr__note, .ftr__legal, .nav a, .btn__t {
  line-height: var(--lh);
  position: relative;
  top: calc(.597em - var(--lh) / 2);
}

/* ================================================================== header (context shell of the package, DEP-02) */
.skip { position: absolute; left: 16px; top: 12px; z-index: 50; padding: 8px 12px; background: #fff; color: var(--red); font-weight: 700; font-size: 17px; line-height: 25px; letter-spacing: -.306px; text-decoration: none; border-radius: 4px; transform: translateY(-200%); }
.skip:focus, .skip:focus-visible { transform: none; outline: 2px solid var(--focus); outline-offset: 0; }
.hdr { position: relative; z-index: 2; }
.hdr__in { display: flex; align-items: center; height: 90px; }
.brand { flex: none; width: 265px; padding: 2px 0; margin: -2px 0; font-size: 32px; --lh: 40px; font-weight: 800; letter-spacing: -.576px; color: var(--ink); text-decoration: none; }
.nav { display: flex; margin-left: 40px; }
.nav a { padding: 11px 30px 11px 0; margin-right: 15px; font-size: 15px; --lh: 22px; font-weight: 600; color: var(--ink); text-decoration: none; white-space: nowrap; }
.nav a:hover { color: var(--link); }
.lang { display: flex; gap: 4px; margin-left: auto; margin-right: 8px; }
.lang__a { position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; font-size: 14px; line-height: 20px; font-weight: 800; letter-spacing: -.252px; color: var(--ink); text-decoration: none; }
.lang__a.is-cur { color: var(--red); }
.lang__a.is-cur::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 2px; bottom: 2px; border: 1.4px solid var(--red); border-radius: 20px; background: #fff; }
.lang__a:not(.is-cur):hover { color: var(--red); }
.hdr__cta { width: 214px; flex: none; --bs: 14px; }
@media (max-width: 1379.98px) { .nav__formats { display: none; } }
@media (max-width: 1179.98px) { .nav { display: none; } }

/* ================================================================== buttons and links */
.btn { position: relative; display: flex; align-items: center; column-gap: 5px; min-height: 64px; padding: 12px 21px 12px 20px; border-radius: 14px; font-weight: 800; letter-spacing: -.3px; text-decoration: none; cursor: pointer; text-align: left; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.btn__t { font-size: var(--bs, 20px); --lh: calc(var(--bs, 20px) * 1.3); top: calc(.597em - var(--lh) / 2 - 1px); }
.btn .arr { flex: none; width: 24px; height: 18px; margin-left: auto; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.btn--pri { color: #fff; background: var(--btn); border: 1.1px solid #fff; box-shadow: 0 8px 14px rgba(230, 0, 10, .19); }
.btn--pri::before { content: ""; position: absolute; left: 16px; right: 16px; top: .9px; height: 1px; background: #FF999D; border-radius: 1px; pointer-events: none; }
@media (hover: hover) { .btn--pri:hover { background: var(--btn-hover); } }
.btn--pri:active { background: #C90008; }
.btn--pri:focus-visible { outline: 3px solid #1E50C4; outline-offset: 2.5px; border-radius: 14px; }
.btn--sec { min-height: 52px; color: var(--red); background: transparent; border: 1.5px solid var(--red); border-radius: 13px; }
@media (hover: hover) { .btn--sec:hover { background: #FFF0F1; } }
.btn--sec:active { background: #FFE1E3; }
.btn--sec:focus-visible { outline: 3px solid #1E50C4; outline-offset: 2.5px; border-radius: 13px; }
.btn--center { justify-content: center; }
.btn--center .btn__t { padding-right: 18px; }
.btn--center .arr { margin-left: 0; margin-right: -5px; }
.btn[disabled], .btn.is-pending { cursor: default; }
.btn.is-pending { color: var(--muted); background: #D9DEE7; }
.btn.is-pending::before, .btn.is-pending .arr { display: none; }
.btn.is-pending .btn__t { padding-right: 0; }

.tlink { position: relative; display: block; min-height: 44px; padding: 7px 28px 11px 0; color: var(--link); text-decoration: none; font-weight: 800; }
.tlink > span { display: block; font-size: 18px; --lh: 26px; letter-spacing: -.324px; }
.tlink .larr { position: absolute; right: 5px; top: 13px; width: 20px; height: 14px; fill: none; stroke: var(--link); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (hover: hover) { .tlink:hover span { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1.5px; } }
.tlink:focus-visible { outline-offset: 0; }

/* ================================================================== surfaces */
/* the design draws a 1.5 px white stroke centred on the panel edge: an outline keeps the full geometric width for content */
.panel, .strip { position: relative; background: var(--satin-panel); border-radius: 24px; outline: 1.5px solid #fff; outline-offset: -.75px; box-shadow: var(--panel-shadow); }
.satin { background: var(--satin-sec); }
.graphite { background: #24272d url("graphite-1487.webp") center / cover no-repeat; }
.graphite-scene { background: #23262c url("graphite-scene-1487.webp") center / cover no-repeat; }
.ico { fill: none; stroke: var(--ink); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* headings and intros */
.h2 { position: relative; font-size: 52px; --lh: 58px; font-weight: 800; letter-spacing: -1.82px; margin-bottom: 43px; }
.h2::after { content: ""; position: absolute; left: -2.5px; top: calc(100% + 14.5px - (.597em - var(--lh) / 2)); width: 63px; height: 5px; border-radius: 2.5px; background: var(--red); }
.h2--inv { color: #fff; }
.sec { padding-top: 56px; }
.intro { font-size: 20px; --lh: 29px; }
.art { width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; }

/* ================================================================== B01 */
.hero { display: block; position: absolute; z-index: 0; left: 0; right: 0; top: 0; pointer-events: none; }
.hero img { width: 100%; max-width: 1440px; height: auto; margin: 0 auto; }
/* wider than the design (> 1440): the scene keeps its 1440 scale next to the content; the sides continue the same scene, blurred */
@media (min-width: 1441px) {
  .hero { overflow: hidden; }
  .hero::before { content: ""; position: absolute; inset: 0; background: #eef0f4 url("hero-1152.webp") center / cover no-repeat; filter: blur(36px); transform: scale(1.12); }
  .hero img { position: relative; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%); }
}
.b01__in { padding-top: 48px; padding-bottom: 60px; }
.b01__copy { position: relative; z-index: 1; min-height: 630px; }
.eyebrow { width: 650px; max-width: 100%; font-size: 18px; --lh: 27px; font-weight: 700; letter-spacing: -.324px; margin-bottom: 28px; }
.h1 { width: 725px; max-width: 100%; font-size: 72px; --lh: 76px; font-weight: 800; letter-spacing: -2.52px; margin-bottom: 28px; }
html[lang="en"] .h1 { font-size: 76px; --lh: 80px; letter-spacing: -2.66px; }
.b01__lead { width: min(33vw, 475.2px); font-size: 20px; --lh: 28px; margin-bottom: 30px; }
.b01__cta { width: 420px; max-width: 100%; --bs: 25px; margin-bottom: 23px; }
.b01__note { width: 510px; max-width: 100%; font-size: 18px; --lh: 27px; font-weight: 500; }
.strip { z-index: 1; display: grid; grid-template-columns: 51% 1fr; min-height: 130px; margin-top: 38px; }
.strip__l { position: relative; padding: 21px 15px 21px 50px; }
.strip__l::before { content: ""; position: absolute; left: 25px; top: 25px; bottom: 25px; width: 4px; border-radius: 2px; background: var(--red); }
.strip__l::after { content: ""; position: absolute; right: 0; top: 25px; bottom: 25px; width: 1px; background: var(--line); }
.strip__p { font-size: 20px; --lh: 29px; font-weight: 600; }
.strip__r { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 34px 15px 0 30px; }
.strip__r li { padding-right: 16px; }
.strip__r .ico { width: 30px; height: 30px; margin-bottom: 13px; }
.strip__r li > span { display: block; font-size: 15px; --lh: 22px; font-weight: 700; letter-spacing: -.27px; }
@media (max-width: 1379.98px) {
  .h1, html[lang="en"] .h1 { width: 650px; font-size: 66px; --lh: 70px; letter-spacing: -2.31px; }
}

/* ================================================================== B02 */
.b02 { padding-bottom: 65px; }
.b02__intro { max-width: 1100px; margin-bottom: 42px; }
.b02__top { display: grid; grid-template-columns: 46% 1fr; column-gap: 28px; }
.b02__server { padding: 24px 28px 10px; }
.art--server { width: calc(100% + 24px); height: 390px; margin: 0 -12px 16px; }
.b02__pair { padding: 30px 0 10px; }
.pair__item { position: relative; display: grid; grid-template-columns: calc((100% + 43px) * .32) 1fr; column-gap: 13px; padding: 0 28px 0 15px; align-items: start; }
.pair__item + .pair__item { padding-top: 28px; }
.pair__item + .pair__item::before { content: ""; position: absolute; left: 24px; right: 24px; top: 0; height: 1px; background: var(--line); }
.art--side { height: 240px; margin-top: 25px; }
.b02__bottom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 28px; margin-top: 38px; }
.b02__group { padding: 18px 14px 12px; }
.art--group { height: 290px; margin-bottom: 26px; }
.b02__group .topic { padding: 0 14px 24px; }
.b02__group .topic + .topic { position: relative; padding-top: 26px; }
.b02__group .topic + .topic::before { content: ""; position: absolute; left: 14px; right: 14px; top: 0; height: 1px; background: var(--line); }
.topic { padding-bottom: 24px; }
.topic__h { font-size: 30px; --lh: 35px; font-weight: 800; letter-spacing: -.54px; margin-bottom: 16px; }
.topic--s .topic__h { font-size: 27px; --lh: 32px; letter-spacing: -.486px; }
.topic__p { font-size: 18px; --lh: 27px; margin-bottom: 18px; }
.bnote { position: relative; padding: 13px 14px 15px 28px; margin-bottom: 13px; border-radius: 13px; outline: 1px solid #fff; outline-offset: -.5px; background: var(--glass); }
.bnote::before { content: ""; position: absolute; left: 10.5px; top: 14.5px; bottom: 14.5px; width: 3px; border-radius: 1.5px; background: var(--red); }
.bnote p { font-size: 17px; --lh: 24.65px; font-weight: 600; }
.other { position: relative; display: grid; grid-template-columns: 350px 1fr; column-gap: 42px; margin-top: 45px; padding: 30px 35px 0 28px; border-radius: 24px; background: #fff; }
.other::before { content: ""; position: absolute; left: -1px; top: -1px; bottom: -1px; right: 17px; border: 2px solid var(--red); border-right: 0; border-radius: 24px 0 0 24px; pointer-events: none; }
.other__h { margin-top: 4px; font-size: 32px; --lh: 38px; font-weight: 800; letter-spacing: -.576px; }
.other__p { font-size: 19px; --lh: 28px; margin-bottom: 12px; }
.other .tlink { margin-bottom: 28px; }

/* ================================================================== B03 */
.b03 { padding-bottom: 65px; }
.b03__intro { position: relative; max-width: 1098px; padding-left: 18px; margin-bottom: 38px; }
.b03__intro::before { content: ""; position: absolute; left: -1.5px; top: -1.5px; bottom: 2.5px; width: 3px; border-radius: 1.5px; background: var(--red); }
.b03__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto auto auto auto auto; column-gap: 24px; }
.dossier { display: grid; grid-row: span 5; grid-template-rows: subgrid; grid-template-columns: minmax(0, 1fr); row-gap: 0; padding: 27px 0 20px; }
.dossier__h { padding: 0 24px; margin-bottom: 20px; font-size: 28px; --lh: 34px; font-weight: 800; letter-spacing: -.504px; }
.art--ex { width: calc(100% - 20px); height: 290px; margin: 0 10px 20px; }
.dossier__rows { display: contents; }
.drow { position: relative; display: grid; grid-template-columns: 112px 1fr; column-gap: 16px; padding: 18px 24px 22px; }
.drow::before { content: ""; position: absolute; left: 139px; top: 20px; bottom: 20px; width: 1px; background: var(--line); }
.drow--situation::after, .drow--scope::after { content: ""; position: absolute; left: 24px; right: 24px; bottom: 0; height: 1px; background: var(--line); }
.drow--acceptance { margin: 0 12px; padding-left: 12px; padding-right: 12px; border-radius: 16px; outline: 1px solid #fff; outline-offset: -.5px; background: var(--glass); }
.drow--acceptance::before { left: 127px; }
.drow--acceptance::after { content: ""; position: absolute; left: -.75px; top: -.75px; bottom: -.75px; width: 15.75px; border: 1.5px solid var(--red); border-right: 0; border-radius: 15px 0 0 15px; }
.drow__l { font-size: 18px; --lh: 25px; font-weight: 800; letter-spacing: -.324px; }
.drow__t { font-size: 18px; --lh: 26px; }

/* ================================================================== B04 */
.b04__g { color: #fff; }
.b04__in { display: grid; grid-template-columns: 44% 1fr; column-gap: 66px; padding-top: 60px; }
.b04__l .h2 { margin-bottom: 0; font-size: 51px; --lh: 57px; letter-spacing: -1.785px; }
.b04__l .h2::after { top: calc(100% + 19.5px - (.597em - var(--lh) / 2)); }
.year { margin: 29.7px 0 7.3px 2px; font-size: 245px; line-height: 245px; font-weight: 400; letter-spacing: -16px; color: transparent; -webkit-text-stroke: 1.1px #F6F8FC; white-space: nowrap; user-select: none; }
.b04__r { position: relative; padding-bottom: 66px; }
.b04__r::before { content: ""; position: absolute; left: -34.5px; top: -2.5px; bottom: 52.5px; width: 5px; border-radius: 2.5px; background: var(--red); }
.b04__name { font-size: 29px; --lh: 36px; font-weight: 800; letter-spacing: -.522px; margin-bottom: 24px; }
.b04__p { font-size: 22px; --lh: 32px; color: #F8F9FC; }
.b04__p + .b04__p { margin-top: 28px; }
.b04__roles { padding: 52px 0 58px; }
.roles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 30px; align-items: start; }
.role { position: relative; display: grid; grid-template-columns: 47px 1fr; column-gap: 16px; }
.role + .role::before { content: ""; position: absolute; left: -16px; top: 0; bottom: 0; width: 1px; background: var(--line); }
.role__i { width: 47px; height: 47px; }
.role__h { font-size: 27px; --lh: 33px; font-weight: 800; letter-spacing: -.486px; margin-bottom: 22px; }
.role__p { font-size: 18px; --lh: 27px; }

/* ================================================================== B05 */
.b05 { padding-bottom: 70px; }
.b05__intro { margin-bottom: 45px; }
.route { position: relative; }
.steps { --w: calc((100% - 90px) / 4); display: grid; grid-template-columns: var(--w) 30px calc(var(--w) - 15px) 15px 30px 15px calc(var(--w) - 15px) 30px var(--w); row-gap: 65px; }
.step { position: relative; padding-top: 183px; }
.step[data-step="1"] { grid-column: 1; grid-row: 1; }
.step[data-step="3"] { grid-column: 3 / 5; grid-row: 1; }
.step[data-step="4"] { grid-column: 6 / 8; grid-row: 1; }
.step[data-step="5"] { grid-column: 9; grid-row: 1; }
.opt[data-step="2"] { grid-column: 1 / 4; grid-row: 2; }
.opt[data-step="6"] { grid-column: 7 / 10; grid-row: 2; }
.art--step { position: absolute; left: 60px; top: -7px; width: calc(100% - 76px); height: 168px; }
/* node: circle r 25 at the design centre (box 51.2 incl. the 1.2 white stroke), button gradient / silver for 2 and 6 */
.node { position: absolute; z-index: 2; left: 1.4px; top: 76.4px; display: flex; align-items: center; justify-content: center; width: 51.2px; height: 51.2px; border: 1.2px solid #fff; border-radius: 50%; background: var(--btn); color: #fff; }
.node::before { content: ""; position: absolute; left: 10.4px; right: 10.4px; top: 6px; height: 12px; border-top: 1.7px solid #FFACB1; border-radius: 50% 50% 0 0 / 100% 100% 0 0; }
.node__n { font-size: 28px; line-height: 32px; font-weight: 800; letter-spacing: -1px; margin-left: -1px; }
.node--2 { background: linear-gradient(135deg, #FFFFFF 0%, #F0F2F7 40%, #DCE0E8 80%, #FFFFFF 100%); color: var(--ink); }
.node--2::before { display: none; }
.cable { position: absolute; z-index: 1; left: 54px; top: 97.5px; width: calc(100% + 30px - 57px); height: 9px; border-radius: 4.5px; background: linear-gradient(180deg, #E3000B 0%, #E3000B 29%, #FF8890 29%, #FF8890 42%, #FFF5F5 42%, #FFF5F5 58%, #FF8890 58%, #FF8890 71%, #E3000B 71%, #E3000B 100%); box-shadow: 0 0 9px 2px rgba(255, 26, 34, .28); }
.cable::after { content: ""; position: absolute; right: -2px; top: 50%; width: 9px; height: 9px; border-top: 1.8px solid #E50914; border-right: 1.8px solid #E50914; transform: translate(0, -50%) rotate(45deg); }
.step[data-step="5"] .cable { display: none; }
.step__h { font-size: 27px; --lh: 33px; font-weight: 800; letter-spacing: -.486px; margin-bottom: 20px; }
.step__p { font-size: 18px; --lh: 27px; }
.opt { position: relative; padding: 25px 27px 25px 132px; }
.opt .node { left: 13.4px; top: -5.6px; }
.art--opt { position: absolute; left: 22px; top: 28px; width: 90px; height: 120px; }
.opt__h { font-size: 26px; --lh: 33px; font-weight: 800; letter-spacing: -.468px; margin-bottom: 17px; }
.opt__p { font-size: 18px; --lh: 27px; }
.route__dash { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 1; }
.route__dash path { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.route__dash .d-red { stroke: #E50914; stroke-dasharray: 4 5; }
.route__dash .d-gray { stroke: #757D8C; stroke-dasharray: 4 5; }
.route__dash .m-red { stroke: #E50914; stroke-width: 1.6; stroke-dasharray: none; }
.route__dash .m-gray { stroke: #757D8C; stroke-width: 1.6; stroke-dasharray: none; }
/* Mobile cable (generator cable(), vertical: 5 px core layers + soft glow) */
.route__dash .c-glow { stroke: #FF1A22; stroke-width: 13; opacity: .28; }
.route__dash .c-main { stroke: #E3000B; stroke-width: 5; }
.route__dash .c-mid { stroke: #FF8890; stroke-width: 2.1; }
.route__dash .c-core { stroke: #FFF5F5; stroke-width: .8; }
.route__dash .c-tip { stroke: #E50914; stroke-width: 1.8; }
.ctarow { position: relative; display: grid; grid-template-columns: 1fr 395px; column-gap: 32px; align-items: start; margin-top: 50px; padding-left: 23px; }
.ctarow::before { content: ""; position: absolute; left: -2px; top: -2px; height: 61px; width: 4px; border-radius: 2px; background: var(--red); }
.ctarow__t { font-size: 26px; --lh: 34px; font-weight: 800; letter-spacing: -.468px; max-width: calc(100% - 0px); }
.ctarow__b { --bs: 23px; }

/* ================================================================== B06 */
.b06 { padding-bottom: 58px; }
.b06__intro { max-width: 1150px; margin-bottom: 35px; }
.planes { display: grid; width: 100%; grid-template-columns: repeat(3, calc((100% + 20px) / 3 - 10px)); margin-left: -5px; margin-bottom: 35px; align-items: start; }
.plane { position: relative; width: calc(100% + 35px); min-height: 530px; padding: 175px 103px 0 82px; }
.plane--1 { margin-top: 68px; }
.plane--2 { margin-top: 34px; }
.art--plane { position: absolute; left: 0; top: 0; z-index: 0; }
.plane .emblem { display: none; }
.plane__c { position: relative; z-index: 1; }
.plane__h { font-size: 29px; --lh: 35px; font-weight: 800; letter-spacing: -.522px; margin-bottom: 19px; }
.plane__p { font-size: 18px; --lh: 27px; }
.price { position: relative; display: grid; grid-template-columns: 359px 1fr; column-gap: 34px; padding: 32px 35px 32px 32px; color: #fff; }
.price::before { content: ""; position: absolute; left: 391px; top: 30px; bottom: 30px; width: 1px; background: #D7DCE5; }
.price__h { margin-top: 1px; font-size: 36px; --lh: 42px; font-weight: 800; letter-spacing: -.648px; }
.price__p { padding-right: 12px; font-size: 20px; --lh: 29px; font-weight: 500; }
.price__p b { font-weight: 800; }
.ctarow--b06 { grid-template-columns: 1fr 400px; column-gap: 47px; margin-top: 28px; padding-left: 18px; }
.ctarow--b06::before { top: 0; height: 62px; }
.ctarow__t--s { font-size: 18px; --lh: 27px; font-weight: 500; letter-spacing: 0; }

/* ================================================================== B07 */
.b07 { padding-bottom: 40px; background: #F9FAFD; }
.b07 .h2 { margin-bottom: 55px; }
.faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 60px; align-items: start; }
.qa { position: relative; margin-bottom: 26px; }
.qa::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--line); }
.qa__b { position: relative; display: block; width: 100%; padding: 0 37px 19px 0; border: 0; background: none; text-align: left; cursor: pointer; font-weight: 800; color: var(--ink); -webkit-tap-highlight-color: transparent; }
.qa__b > span { display: block; font-size: 22px; --lh: 30px; letter-spacing: -.396px; }
.qa__b .pm { position: absolute; right: 7px; top: 5px; width: 16px; height: 16px; fill: none; stroke: var(--red); stroke-width: 2; overflow: visible; }
.qa__b[aria-expanded="true"] .pm__v { display: none; }
@media (hover: hover) { .qa__b:hover span { color: var(--link); } }
.qa__a { padding: 0 10px 24px 0; }
.qa__a p { font-size: 18px; --lh: 27px; }
.js .qa:not(.is-open) .qa__a { display: none; }

/* ================================================================== B08 */
.b08 { color: #fff; }
.b08__in { display: grid; grid-template-columns: 39% 1fr; column-gap: 5.5%; align-items: start; }
.b08__l { padding: 75px 0 430px; }
.b08__h { font-size: 55px; --lh: 60px; letter-spacing: -1.925px; margin-bottom: 66px; }
.b08__h::after { top: calc(100% + 25.5px - (.597em - var(--lh) / 2)); }
.b08__intro { font-size: 22px; --lh: 31px; margin-bottom: 36px; }
.b08__msg { display: grid; grid-template-columns: 43px 1fr; column-gap: 22px; align-items: start; margin-bottom: 36px; }
.b08__mi { width: 43px; height: 43px; stroke: #fff; margin-bottom: -14px; } /* the row advances by the text, as the design */
.b08__msg > span { font-size: 20px; --lh: 29px; font-weight: 500; }
.b08__free { position: relative; padding-left: 23px; font-size: 23px; --lh: 32px; font-weight: 800; letter-spacing: -.414px; }
.b08__free::before { content: ""; position: absolute; left: -2.5px; top: calc(4px - 2.5px - (.597em - var(--lh) / 2)); bottom: calc(4px - 2.5px + (.597em - var(--lh) / 2)); width: 5px; border-radius: 2.5px; background: var(--red); }
.glass { display: none; }
.formp { margin: 58px 0 60px; padding: 32px 36px; color: var(--ink); container-type: inline-size; }

/* ------------------------------------------------------------------ form */
.form__status:empty { display: none; }
.st__h { font-size: 25px; --lh: 31px; font-weight: 800; letter-spacing: -.45px; margin-bottom: 12px; }
.st__p { font-size: 18px; --lh: 27px; margin-bottom: 16px; }
.st__n { font-size: 16px; --lh: 23px; font-weight: 600; color: var(--red); margin-bottom: 20px; }
.st__n--sum { font-size: 17px; --lh: 25px; font-weight: 700; letter-spacing: -.306px; color: var(--err); }
.st__n--ok { color: var(--ink); }
.req { font-size: 15px; --lh: 22px; font-weight: 600; color: var(--muted); margin-bottom: 23px; }
.fld__l { display: block; font-size: 18px; --lh: 25px; font-weight: 700; letter-spacing: -.018em; margin-bottom: 10px; }
.fld[data-field="direction"] .fld__l { font-size: 17px; }
.hint { font-size: 16px; --lh: 23px; color: var(--muted); }
.hint--s { font-size: 15px; --lh: 22px; }
.err { font-size: 16px; --lh: 23px; font-weight: 600; color: var(--err); }
.inp { display: block; width: 100%; height: 54px; padding: 0 14px; border: 1.4px solid #AEB7C7; border-radius: 11px; background: #F5F7FB; font-size: 17px; line-height: 24px; color: var(--ink); appearance: none; -webkit-appearance: none; }
.inp::placeholder { color: var(--muted); opacity: 1; }
.inp--area { height: auto; min-height: 110px; field-sizing: content; padding: 12px 14px; font-size: 16px; line-height: 24px; resize: vertical; }
.inp:focus-visible, .inp:focus { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 11px; }
.inp[aria-invalid="true"] { border-color: var(--red); }
.inp[readonly] { background: #EEF1F6; }
.fld { margin-bottom: 17px; }
.fld .inp { margin-bottom: 10px; }
.fld .hint + .err { margin-top: 13px; }
.fld[data-field="direction"] { margin-bottom: 23px; }
.sel { position: relative; min-height: 54px; margin-bottom: 9px; border: 1px solid #B3BDCD; border-radius: 10px; background: #F5F7FB; }
.sel__v { display: block; padding: 12px 38px 12px 14px; font-size: 17px; --lh: 24px; }
.sel select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 17px; appearance: none; -webkit-appearance: none; border: 0; }
.sel:focus-within { outline: 2px solid var(--focus); outline-offset: 2px; }
.sel .chev { position: absolute; right: 16px; top: 23px; width: 16px; height: 10px; fill: none; stroke: var(--ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.chans { margin-bottom: 17px; }
.chans__l { float: left; width: 100%; margin-bottom: 13px; font-size: 19px; --lh: 27px; font-weight: 800; letter-spacing: -.342px; }
.chans__l:focus { outline: none; }
.chans__l:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.chans__g { clear: both; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; margin-bottom: 6px; }
@container (min-width: 530px) { .chans__g { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.chan { position: relative; display: flex; align-items: center; min-height: 54px; padding: 0 8px 0 32px; border: 1px solid #BBC3D2; border-radius: 10px; background: #FAFBFE; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.chan input { position: absolute; left: 10px; top: 50%; width: 14px; height: 14px; margin: -7px 0 0; border: 1.5px solid #929CAD; border-radius: 50%; background: #fff; appearance: none; -webkit-appearance: none; cursor: pointer; }
.chan input:checked { border-color: var(--red); background: radial-gradient(circle, var(--red) 0 3.5px, #fff 3.9px); }
.chan > span { font-size: 16px; --lh: 22px; font-weight: 700; letter-spacing: -.288px; }
@container (max-width: 339.98px) { .chan > span { font-size: 14px; letter-spacing: -.252px; } }
.chan.is-sel, .chan:has(input:checked) { border: 1.6px solid var(--red); background: #FFF0F1; padding-left: 31.4px; }
.chan.is-sel input, .chan:has(input:checked) input { left: 9.4px; }
@media (hover: hover) { .chan:hover { border-color: #929CAD; } .chan.is-sel:hover, .chan:has(input:checked):hover { border-color: var(--red); } }
.chan:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.chans .hint { margin-bottom: 0; }
.chans .err { margin-top: 17px; margin-bottom: -1px; }
.before { margin-bottom: 18px; padding: 12px 14px 13px; border-radius: 10px; background: #E8ECF3; font-size: 16px; --lh: 24px; font-weight: 500; }
.fld--contact { margin-bottom: 17px; }
.fld--contact .err { margin-bottom: -2px; }
.fld--task { margin-bottom: 17px; }
.fld--task .inp { margin-bottom: 10px; }
.details { margin-top: 0; }
.details__b { position: relative; display: block; width: 100%; padding: 14px 28px 17px 0; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: none; text-align: left; cursor: pointer; font-weight: 700; color: var(--ink); }
.details__b > span { display: block; font-size: 16px; --lh: 24px; letter-spacing: -.288px; }
.details__b .chev { position: absolute; right: 7px; top: 24px; width: 14px; height: 9px; fill: none; stroke: var(--ink); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.details__b[aria-expanded="true"] .chev { transform: rotate(180deg); }
.details__c { padding-top: 24px; }
.details__c .fld { margin-bottom: 10px; }
.details__c .fld:last-child { margin-bottom: 0; }
.details__c .fld .inp { margin-bottom: 10px; }
.details__c .fld .hint { margin-bottom: 13px; }
.js .details:not(.is-open) .details__c { display: none; }
.consent { position: relative; margin-top: 24px; padding-left: 35px; margin-bottom: 24px; }
.consent input { position: absolute; left: 0; top: 3px; width: 22px; height: 22px; margin: 0; border: 1.7px solid #515A69; border-radius: 4px; background: #fff; appearance: none; -webkit-appearance: none; cursor: pointer; }
.consent input:checked { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M3.3 9.3l5 5l9 -11' fill='none' stroke='%23E50914' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat; }
.consent input[aria-invalid="true"] { border-color: var(--red); }
.consent input:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.consent__l { display: block; font-size: 16px; --lh: 24px; cursor: pointer; }
.consent__l .star { margin-left: 5px; color: var(--red); font-weight: 700; }
.consent .policy { color: var(--ink); text-decoration: underline; text-decoration-thickness: .8px; text-underline-offset: 3px; }
.consent .err { margin: 0 0 -6px -35px; padding-top: 24px; }
.form__submit { width: 100%; --bs: 22px; margin-bottom: 20px; }
.retry-note { font-size: 16px; --lh: 23px; font-weight: 500; color: var(--muted); margin: 0 0 15px; }
.after { margin-bottom: 9px; font-size: 16px; --lh: 23px; color: var(--muted); }
.form__reset { width: 100%; --bs: 16px; margin-top: 24px; }
.done { padding: 4px 0 0; }
.done__i { width: 49px; height: 49px; stroke: var(--red); margin-bottom: 24px; }
.done__h { font-size: 29px; --lh: 35px; font-weight: 800; letter-spacing: -.522px; margin-bottom: 22px; }
.done__p { font-size: 18px; --lh: 27px; margin-bottom: 29px; }
.done .btn { width: 100%; --bs: 18px; }
.form[data-state="sending"] .form__fields, .form[data-state="uncertain"] .form__fields { cursor: default; }

/* ------------------------------------------------------------------ dialogs */
.dlg { width: min(402px, calc(100vw - 32px)); max-width: none; padding: 0; border: 1.5px solid #fff; border-radius: 24px; background: var(--satin-panel); box-shadow: var(--panel-shadow); color: var(--ink); }
.dlg::backdrop { background: rgba(16, 18, 25, .48); }
.dlg__in { padding: 28px 22px 24px; }
.dlg__h { font-size: 28px; --lh: 35px; font-weight: 800; letter-spacing: -.504px; margin-bottom: 19px; }
.dlg__p { font-size: 18px; --lh: 27px; margin-bottom: 25px; }
.dlg .btn--pri { --bs: 17px; margin-bottom: 14px; }
.dlg .btn--sec { --bs: 16px; }

/* ================================================================== footer (context shell, DEP-02) */
.ftr { background: #191D25; color: #fff; padding: 33px 0 38px; }
.ftr__brand { font-size: 25px; --lh: 32px; font-weight: 800; letter-spacing: -.45px; margin-bottom: 17px; }
.ftr__note { font-size: 14px; --lh: 21px; color: #C6CDD9; }
.ftr__legal { margin-top: 12px; font-size: 14px; --lh: 21px; }
.ftr__legal a { color: #C6CDD9; }

/* ================================================================== Desktop adaptations between 900 and 1199 (no exact baseline) */
@media (min-width: 900px) and (max-width: 1199.98px) {
  /* B01: no room for the text and the ensemble side by side: the ensemble crop follows the CTA note (as at 768) */
  .b01__copy { min-height: 0; }
  .b01__lead { width: min(100%, 560px); }
  .b01 { background: var(--satin-sec); }
  .hero { position: relative; left: auto; right: auto; top: auto; margin: 18px calc(-1 * var(--pad)) 0; }
  .hero img { max-width: none; width: 100%; aspect-ratio: 1001 / 540; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 87%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 87%, transparent 100%); }
  .strip { margin-top: 12px; }
  .step__h { font-size: 23px; --lh: 29px; letter-spacing: -.414px; }
  .b03__grid { grid-template-rows: none; }
  .dossier { grid-template-rows: none; grid-row: auto; align-content: start; }
  .drow { grid-template-columns: 1fr; padding: 17px 24px 20px; }
  .drow::before { display: none; }
  .drow__l { margin-bottom: 9px; }
  .drow--acceptance { padding-left: 12px; }
  .art--ex { height: 220px; }
  .planes { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; margin-left: 0; }
  .plane { width: auto; min-height: 0; padding: 23px 29px 31px 23px; isolation: isolate; }
  .plane::before { content: ""; position: absolute; z-index: -1; inset: 0; border: 1.6px solid #fff; border-radius: 16px 22px 22px 14px; background: var(--satin-panel); box-shadow: 0 15px 24px rgba(48, 59, 79, .24); transform: skewX(-2deg); }
  .art--plane { display: none; }
  .plane .emblem { display: block; width: 65px; height: 65px; object-fit: contain; margin: 0 0 25px 1px; }
  .plane__h { font-size: 26px; --lh: 33px; letter-spacing: -.468px; margin-bottom: 20px; }
  .price { grid-template-columns: 1fr; row-gap: 20px; }
  .price::before { display: none; }
  .ctarow, .ctarow--b06 { grid-template-columns: 1fr; row-gap: 24px; }
  .ctarow__b { max-width: 420px; }
}

/* ================================================================== Mobile composition (< 900 px) */
@media (max-width: 899.98px) {
  .hdr { background: var(--satin-sec); }
  .hdr__in { height: 72px; align-items: flex-start; }
  .brand { width: auto; margin-top: 13px; padding: 6px 0; font-size: 26px; --lh: 32px; letter-spacing: -.468px; }
  .nav, .hdr__cta { display: none; }
  .lang { margin-top: 14px; margin-right: -4px; }
  .sec { padding-top: 56px; }
  .h2 { font-size: 34px; --lh: 39px; letter-spacing: -.612px; }
  .intro { font-size: 18px; --lh: 27px; }

  /* B01 */
  .hero { position: relative; left: auto; right: auto; top: auto; margin: 0 calc(-1 * var(--pad)) 12px; }
  .hero img { max-width: none; width: 100%; aspect-ratio: 1001 / 540; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 87%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 87%, transparent 100%); }
  .b01 { background: var(--satin-sec); }
  .b01__in { padding-top: 26px; padding-bottom: 40px; }
  .b01__copy { min-height: 0; }
  .eyebrow { width: auto; font-size: 16px; --lh: 23px; letter-spacing: -.288px; margin-bottom: 24px; }
  .h1, html[lang="en"] .h1 { width: auto; font-size: 42px; --lh: 47px; letter-spacing: -1.47px; margin-bottom: 24px; }
  html[lang="en"] .h1 { font-size: 43px; letter-spacing: -1.505px; }
  .b01__lead { width: auto; font-size: 18px; --lh: 26px; margin-bottom: 26px; }
  .b01__cta { width: 100%; max-width: none; --bs: 19px; margin-bottom: 20px; }
  .b01__note { width: auto; font-size: 17px; --lh: 25px; margin-bottom: 18px; }
  .strip { display: block; min-height: 0; margin-top: 0; background: none; outline: 0; border-radius: 0; box-shadow: none; }
  .strip__l { padding: 22px 18px 24px 30px; background: var(--satin-panel); border-radius: 24px; outline: 1.5px solid #fff; outline-offset: -.75px; box-shadow: var(--panel-shadow); }
  .strip__l::before { left: 12px; top: 22.5px; bottom: 22.5px; width: 3px; }
  .strip__l::after { display: none; }
  .strip__p { font-size: 18px; --lh: 26px; }
  .strip__r { display: block; padding: 24px 0 0; }
  .strip__r li { display: grid; grid-template-columns: 28px 1fr; column-gap: 14px; align-items: start; padding: 0; margin-bottom: 18px; }
  .strip__r .ico { width: 28px; height: 28px; margin: 0 0 -4px; }
  .strip__r li > span { margin-top: -2px; font-size: 18px; --lh: 26px; letter-spacing: -.324px; }

  /* B02 */
  .b02 { padding-bottom: 65px; }
  .b02__intro { margin-bottom: 42px; }
  .b02__top, .b02__bottom { display: block; margin-top: 0; }
  .b02__server, .b02__pair, .b02__group { padding: 0; background: none; outline: 0; border-radius: 0; box-shadow: none; }
  .art--server { width: calc(100% + 12px); height: 250px; margin: 0 -6px 20px; }
  .pair__item { display: grid; grid-template-columns: minmax(0, 1fr) 122px; column-gap: 6px; padding: 24px 0 0; }
  .pair__item::before, .pair__item + .pair__item::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--line); }
  .pair__item + .pair__item { padding-top: 24px; }
  .pair__item .topic { display: contents; }
  .pair__item .art--side { grid-column: 2; grid-row: 1; width: 122px; height: 130px; margin: 0 0 -5px; }
  .pair__item .topic__h { grid-column: 1; grid-row: 1; min-height: 125px; margin-bottom: 20px; font-size: 24px; --lh: 30px; letter-spacing: -.432px; }
  .pair__item .topic__p, .pair__item .bnote, .pair__item .tlink { grid-column: 1 / 3; }
  .pair__item .bnote { margin-bottom: 12px; }
  .pair__item .tlink { margin-bottom: 28px; }
  .b02__group { position: relative; padding-top: 30px; }
  .b02__group::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--line); }
  .art--group { width: calc(100% + 12px); height: 235px; margin: 0 -6px 19px; }
  .b02__group .topic { padding: 0 0 24px; }
  .b02__group .topic + .topic { padding-top: 29px; }
  .b02__group .topic + .topic::before { left: 0; right: 0; }
  .topic__h { font-size: 26px; --lh: 32px; letter-spacing: -.468px; }
  .bnote { padding: 13px 14px 15px 28px; }
  .bnote p { font-size: 18px; --lh: 26.1px; }
  .other { display: block; margin-top: 0; padding: 26px 20px 0; }
  .other__h { margin: 0 0 18px; font-size: 29px; --lh: 35px; letter-spacing: -.522px; }
  .other__p { font-size: 18px; --lh: 27px; margin-bottom: 18px; }
  .other .tlink { margin-bottom: 24px; }

  /* B03 */
  .b03 { padding-bottom: 65px; }
  .b03__intro { max-width: none; }
  .b03__grid { display: block; }
  .dossier { display: block; margin-bottom: 34px; }
  .art--ex { height: 240px; }
  .dossier__rows { display: block; }
  .drow { display: block; padding: 17px 24px 20px; }
  .drow::before { display: none; }
  .drow__l { margin-bottom: 9px; }
  .drow__t { --lh: 27px; }
  .drow--acceptance { padding-left: 12px; padding-right: 12px; }

  /* B04 */
  .b04__in { display: block; padding-top: 45px; padding-bottom: 45px; }
  .b04__l .h2 { font-size: 34px; --lh: 39px; letter-spacing: -.612px; margin-bottom: 0; }
  .b04__l .h2::after { top: calc(100% + 14.5px - (.597em - var(--lh) / 2)); }
  .year { margin: 40px 0 19px; font-size: 154px; line-height: 154px; letter-spacing: -12px; -webkit-text-stroke-width: .8px; }
  .b04__r { padding-bottom: 0; }
  .b04__r::before { display: none; }
  .b04__name { font-size: 22px; --lh: 30px; letter-spacing: -.396px; margin-bottom: 22px; }
  .b04__p { font-size: 18px; --lh: 27px; color: #F7F8FC; }
  .b04__p + .b04__p { margin-top: 21px; }
  .b04__roles { padding: 37px 0 25px; }
  .roles { display: block; }
  .role { grid-template-columns: 40px 1fr; padding-bottom: 32px; }
  .role + .role { padding-top: 29px; }
  .role + .role::before { left: 0; right: 0; top: 0; bottom: auto; width: auto; height: 1px; }
  .role__i { width: 40px; height: 40px; }
  .role__h { font-size: 25px; --lh: 31px; letter-spacing: -.45px; margin-bottom: 17px; }

  /* B05 */
  .b05__intro { margin-bottom: 45px; }
  .steps { display: block; padding-left: 45px; }
  .step { padding: 2px 0 42px; }
  .art--step { position: static; width: 87px; height: 100px; margin: 0 0 14px; }
  .step .node { left: -61.6px; top: 5.4px; }
  .cable { display: none; }
  .step__h { font-size: 23px; --lh: 29px; letter-spacing: -.414px; margin-bottom: 20px; }
  .opt { margin: 0 0 42px -8px; padding: 18px 6px 25px 24px; }
  .opt .node { left: -11.6px; top: 5.4px; }
  .art--opt { position: static; width: 68px; height: 78px; margin: 0 0 15px; }
  .opt__h { font-size: 23px; --lh: 29px; letter-spacing: -.414px; margin-bottom: 21px; }
  .ctarow, .ctarow--b06 { display: block; margin-top: 0; padding-left: 16px; }
  .ctarow::before { left: -2px; top: -2px; height: 61px; width: 4px; }
  .ctarow__t { font-size: 22px; --lh: 30px; letter-spacing: -.396px; margin-top: -3px; margin-bottom: 25px; }
  .ctarow__b { width: calc(100% + 16px); margin-left: -16px; --bs: 19px; }

  /* B06 */
  .b06__intro { margin-bottom: 35px; }
  .planes { display: block; width: auto; margin: 0 0 27px; }
  .plane { width: auto; min-height: 0; margin: 0 0 27px; padding: 23px 29px 31px 23px; isolation: isolate; }
  .plane--1, .plane--2 { margin-top: 0; }
  .plane:last-child { margin-bottom: 0; }
  .plane::before { content: ""; position: absolute; z-index: -1; inset: 0; border: 1.6px solid #fff; border-radius: 16px 22px 22px 14px; background: var(--satin-panel); box-shadow: 0 15px 24px rgba(48, 59, 79, .24); transform: skewX(-2deg); }
  .art--plane { display: none; }
  .plane .emblem { display: block; width: 65px; height: 65px; object-fit: contain; margin: 0 0 25px 1px; }
  .plane__h { font-size: 26px; --lh: 33px; letter-spacing: -.468px; margin-bottom: 20px; }
  .price { display: block; padding: 28px 22px 30px; }
  .price::before { display: none; }
  .price__h { margin: 0 0 24px; font-size: 29px; --lh: 36px; letter-spacing: -.522px; }
  .price__p { font-size: 18px; --lh: 27px; padding-right: 16px; }
  .ctarow--b06 { margin-top: 28px; padding-left: 18px; }
  .ctarow--b06::before { top: 0; height: 62px; }
  .ctarow--b06 .ctarow__t { font-size: 18px; --lh: 27px; font-weight: 500; letter-spacing: 0; margin: 0 0 27px; }
  .ctarow--b06 .ctarow__b { width: calc(100% + 18px); margin-left: -18px; }

  /* B07 */
  .faq { display: block; }
  .qa__b > span { font-size: 20px; --lh: 28px; letter-spacing: -.36px; }

  /* B08 */
  .graphite-scene { background-image: url("graphite-1487.webp"); }
  .b08__in { display: block; padding-bottom: 45px; }
  .b08__l { padding: 49px 0 0; }
  .b08__h { font-size: 38px; --lh: 44px; letter-spacing: -.684px; margin-bottom: 48px; }
  .b08__h::after { top: calc(100% + 17.5px - (.597em - var(--lh) / 2)); }
  .b08__intro { font-size: 18px; --lh: 27px; margin-bottom: 27px; }
  .b08__msg { grid-template-columns: 35px 1fr; column-gap: 15px; margin-bottom: 28px; }
  .b08__mi { width: 35px; height: 35px; margin-bottom: -10px; }
  .b08__msg > span { margin-top: -2px; font-size: 18px; --lh: 27px; }
  .b08__free { padding-left: 18px; font-size: 20px; --lh: 28px; letter-spacing: -.36px; margin-bottom: 20px; }
  .b08__free::before { width: 4px; left: -2px; top: calc(3px - 2px - (.597em - var(--lh) / 2)); bottom: calc(3px - 2px + (.597em - var(--lh) / 2)); }
  .glass { display: block; width: calc(100% + 2 * var(--pad)); max-width: none; height: 245px; margin: 0 calc(-1 * var(--pad)) 15px; object-fit: cover; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 87%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 87%, transparent 100%); }
  .formp { margin: 0; padding: 27px 18px; }
  .fld__l { font-size: 17px; }
  .hint { font-size: 15px; --lh: 22px; }
  .after { font-size: 15px; --lh: 22px; }

  .ftr { padding: 33px 0 37px; }
}

/* below the narrowest baseline (360): the side illustration of the website / CRM topics gives way to long words */
@media (max-width: 359.98px) {
  .pair__item { grid-template-columns: minmax(0, 1fr) 96px; }
  .pair__item .art--side { width: 96px; height: 102px; }
  .pair__item .topic__h { min-height: 97px; font-size: 22px; --lh: 28px; letter-spacing: -.396px; }
}

/* Published Digital brand asset. */
.brand img{display:block;width:160px;height:auto;max-width:100%}

.release-services{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}.release-services a{color:inherit;text-decoration:underline;text-underline-offset:4px}

.form .ftr__legal a{color:#253b56;text-decoration:underline;text-underline-offset:3px}.ftr__brand img{display:block;width:160px;height:auto}