#dnx-road-frame { width:min(1240px,calc(100% - 64px));margin:64px auto;container:dn-road / inline-size; }
#dnx-road-site { --dnx-bg:light-dark(#fff,#19282b);--dnx-ink:light-dark(#1c3439,#f0f4f1);--dnx-muted:light-dark(#617176,#b0c0c2);--dnx-line:light-dark(#dfe5e5,#3c5155);--dnx-soft:light-dark(#f2f5f4,#23373b);--dnx-button:light-dark(#23494e,#d9e8e2);--dnx-button-ink:light-dark(#fff,#173136);--dnx-highlight:light-dark(#e7eeeb,#2d454a);--dnx-bar:light-dark(#3c747b,#8abcb5);color-scheme:light;background:var(--dnx-bg);color:var(--dnx-ink);font:400 14px/1.5 'Inter',sans-serif; }
#dnx-road-site *,#dnx-road-site *::before,#dnx-road-site *::after { box-sizing:border-box; }
#dnx-road-site p,#dnx-road-site h1,#dnx-road-site h2,#dnx-road-site h3,#dnx-road-site dl,#dnx-road-site dd,#dnx-road-site figure { margin:0; }
#dnx-road-site a { color:inherit;text-decoration:none; }
#dnx-road-site button,#dnx-road-site summary { font:inherit; }
#dnx-road-site [hidden] { display:none !important; }
#dnx-road-site .dnx-offers { display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr); }
#dnx-road-site .dnx-photo { position:relative;min-height:565px;isolation:isolate;overflow:hidden;background:#35535d;color:#fff; }
#dnx-road-site .dnx-photo img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%; }
#dnx-road-site .dnx-photo::after { content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,21,.5) 0%,rgba(4,15,21,.08) 48%,rgba(4,15,21,.4) 100%); }
#dnx-road-site .dnx-photo-copy { position:relative;z-index:1;padding:34px 27px; }
/* Keep the shade behind every translated line, then fade it into the photograph. */
#dnx-road-site .dnx-photo-copy::before { content:'';position:absolute;inset:0 0 -64px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(4,15,21,.55) 0%,rgba(4,15,21,.55) calc(100% - 88px),rgba(4,15,21,0) 100%); }
#dnx-road-site .dnx-photo-copy h2 { color:#fff;font-size:36px;font-weight:600;line-height:1.13;letter-spacing:-1.5px;max-width:300px; }
#dnx-road-site .dnx-photo-copy p { color:#f3f5f4;margin-top:14px;font-size:12px;line-height:1.7;max-width:240px; }
#dnx-road-site .dnx-list { padding:32px 25px 24px;display:flex;flex-direction:column;min-width:0; }
#dnx-road-site .dnx-list h2 { font-size:24px;letter-spacing:-.8px;line-height:1.2;font-weight:600; }
#dnx-road-site .dnx-list-intro { font-size:12px;color:var(--dnx-muted);margin-top:10px;max-width:290px; }
#dnx-road-site .dnx-list-heading { display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--dnx-muted);padding:23px 0 12px;border-bottom:1px solid var(--dnx-line); }
#dnx-road-site .dnx-example-label { display:flex;gap:6px;align-items:center; }
#dnx-road-site .dnx-example-label::before { content:'';width:5px;height:5px;background:#a98e63;border-radius:50%; }
#dnx-road-site .dnx-offer { border-bottom:1px solid var(--dnx-line); }
#dnx-road-site .dnx-offer summary { display:block;list-style:none;padding:19px 0 17px; }
#dnx-road-site .dnx-offer summary::-webkit-details-marker { display:none; }
#dnx-road-site .dnx-offer-title { display:flex;justify-content:space-between;align-items:center;gap:12px; }
#dnx-road-site .dnx-offer-name { font-size:14px;font-weight:600;line-height:1.4; }
#dnx-road-site .dnx-offer-chevron { width:16px;height:16px;color:var(--dnx-muted);flex-shrink:0; }
#dnx-road-site .dnx-offer[open] .dnx-offer-chevron { transform:rotate(180deg); }
#dnx-road-site .dnx-offer-meta { color:var(--dnx-muted);font-size:12px;margin-top:5px; }
#dnx-road-site .dnx-offer-pay { margin-top:13px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--dnx-muted); }
#dnx-road-site .dnx-offer-pay strong { color:var(--dnx-ink);font-size:22px;font-weight:600;letter-spacing:-.6px; }
#dnx-road-site .dnx-offer-facts { display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 0 18px; }
#dnx-road-site .dnx-offer-facts dt { font-size:12px;color:var(--dnx-muted);margin-bottom:4px; }
#dnx-road-site .dnx-offer-facts dd { font-size:12px;line-height:1.4;font-weight:500; }
#dnx-road-site .dnx-more-offers { margin-top:auto;padding-top:23px; }
#dnx-road-site .dnx-primary { display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:11px 14px;border-radius:4px;background:var(--dnx-button);color:var(--dnx-button-ink);font-size:12px;font-weight:500; }
#dnx-road-site .dnx-more-offers p { color:var(--dnx-muted);font-size:12px;margin-top:11px; }
#dnx-road-site .dnx-market { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);background:var(--dnx-soft);color:var(--dnx-ink);border-top:1px solid var(--dnx-line); }
#dnx-road-site .dnx-market-photo { grid-column:2;grid-row:1;position:relative;min-width:0;overflow:hidden;background:var(--dnx-highlight); }
#dnx-road-site .dnx-market-photo img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%; }
#dnx-road-site .dnx-market-content { grid-column:1;grid-row:1;min-width:0;padding:32px 27px 23px; }
#dnx-road-site .dnx-market-head { display:block; }
#dnx-road-site .dnx-market h2 { font-size:25px;line-height:1.25;letter-spacing:-.9px;font-weight:600; }
#dnx-road-site .dnx-market-intro { color:var(--dnx-muted);font-size:12px;margin-top:9px; }
#dnx-road-site .dnx-market-period { display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;color:var(--dnx-muted);line-height:1.8; }
#dnx-road-site .dnx-market-period strong { font-weight:500;color:var(--dnx-ink); }
#dnx-road-site .dnx-market-toolbar { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-bottom:12px;border-bottom:1px solid var(--dnx-line); }
#dnx-road-site .dnx-market-tabs { display:flex;gap:20px; }
#dnx-road-site .dnx-market-tab { border:0;border-bottom:2px solid transparent;background:transparent;color:var(--dnx-muted);font-size:12px;font-weight:500;padding:10px 0;min-height:44px;white-space:nowrap; }
#dnx-road-site .dnx-market-tab[aria-selected="true"] { border-bottom-color:var(--dnx-ink);color:var(--dnx-ink); }
#dnx-road-site .dnx-unit-picker { display:flex;align-items:center;gap:3px;padding:3px;background:var(--dnx-bg);border:1px solid var(--dnx-line);border-radius:4px; }
#dnx-road-site .dnx-unit-picker button { border:0;background:transparent;color:var(--dnx-muted);font-size:12px;min-height:29px;padding:4px 8px;border-radius:2px;white-space:nowrap; }
#dnx-road-site .dnx-unit-picker button[aria-pressed="true"] { background:var(--dnx-highlight);color:var(--dnx-ink); }
#dnx-road-site .dnx-chart { padding-top:23px; }
#dnx-road-site .dnx-chart-label { font-size:12px;color:var(--dnx-muted);margin-bottom:19px; }
#dnx-road-site .dnx-chart-row { display:grid;grid-template-columns:76px minmax(0,1fr) 61px;gap:16px;align-items:center;margin:17px 0; }
#dnx-road-site .dnx-chart-category { font-size:12px;font-weight:500; }
#dnx-road-site .dnx-chart-category small { display:block;color:var(--dnx-muted);font-size:12px;font-weight:400;margin-top:2px; }
#dnx-road-site .dnx-chart-track { height:16px;position:relative;background:color-mix(in srgb,var(--dnx-ink) 5%,transparent); }
#dnx-road-site .dnx-chart-bar { height:100%;background:var(--dnx-bar);border-radius:0 2px 2px 0;width:var(--dnx-value); }
#dnx-road-site .dnx-chart-value { text-align:right;font-size:14px;font-weight:600;letter-spacing:-.3px;font-variant-numeric:tabular-nums; }
#dnx-road-site .dnx-axis { display:grid;grid-template-columns:76px minmax(0,1fr) 61px;gap:16px;color:var(--dnx-muted);font-size:12px;margin-top:20px; }
#dnx-road-site .dnx-axis-ticks { grid-column:2;display:flex;justify-content:space-between;gap:5px; }
#dnx-road-site .dnx-market-summary { display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border-top:1px solid var(--dnx-line);padding-top:16px;margin-top:23px;font-size:12px;color:var(--dnx-muted); }
#dnx-road-site .dnx-market-summary strong { font-weight:500;color:var(--dnx-ink); }
#dnx-road-site .dnx-hiring-row { display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:14px;align-items:center;border-bottom:1px solid var(--dnx-line);padding:18px 0;font-size:13px; }
#dnx-road-site .dnx-hiring-row:last-child { border:0; }
#dnx-road-site .dnx-hiring-rank { color:var(--dnx-muted);font-size:12px; }
#dnx-road-site .dnx-hiring-company small { display:block;margin-top:4px;color:var(--dnx-muted);font-size:12px; }
#dnx-road-site .dnx-hiring-count { font-variant-numeric:tabular-nums;font-weight:500; }
#dnx-road-site .dnx-market-end { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-top:24px;padding-top:18px;border-top:1px solid var(--dnx-line);font-size:12px;color:var(--dnx-muted); }
#dnx-road-site .dnx-market-link { display:inline-flex;align-items:center;gap:15px;min-height:38px;font-size:12px;font-weight:500;color:var(--dnx-ink);white-space:nowrap; }
@container dn-road (max-width:700px) {
 #dnx-road-site .dnx-offers { grid-template-columns:1fr; }
 #dnx-road-site .dnx-photo { min-height:330px; }
 #dnx-road-site .dnx-photo img { object-position:50% 59%; }
 #dnx-road-site .dnx-photo-copy { padding:24px 22px; }
 #dnx-road-site .dnx-photo-copy h2 { max-width:255px;font-size:34px; }
 #dnx-road-site .dnx-photo-copy p { margin-top:11px;max-width:240px; }
 #dnx-road-site .dnx-list { padding:25px 22px; }
 #dnx-road-site .dnx-list h2 { font-size:25px; }
 #dnx-road-site .dnx-list-intro { font-size:12px;max-width:310px; }
 #dnx-road-site .dnx-list-heading { padding-top:22px; }
 #dnx-road-site .dnx-offer summary { padding:17px 0; }
 #dnx-road-site .dnx-offer-name { font-size:15px; }
 #dnx-road-site .dnx-offer-facts { gap:20px; }
 #dnx-road-site .dnx-offer-facts dt,#dnx-road-site .dnx-more-offers p { font-size:12px; }
 #dnx-road-site .dnx-offer-facts dd { font-size:13px; }
 #dnx-road-site .dnx-market { grid-template-columns:1fr; }
 #dnx-road-site .dnx-market-photo { grid-column:1;grid-row:1;height:220px; }
 #dnx-road-site .dnx-market-content { grid-column:1;grid-row:2;padding:26px 22px 22px; }
 #dnx-road-site .dnx-market h2 { font-size:24px; }
 #dnx-road-site .dnx-market-head { display:block; }
 #dnx-road-site .dnx-market-period { text-align:left;display:flex;gap:8px;margin-top:12px; }
 #dnx-road-site .dnx-market-period strong { display:inline; }
 #dnx-road-site .dnx-market-toolbar { flex-wrap:wrap;gap:10px;padding-bottom:12px; }
 #dnx-road-site .dnx-market-tabs { width:100%;gap:22px; }
 #dnx-road-site .dnx-unit-picker button { min-height:36px;font-size:12px;padding:5px 12px; }
 #dnx-road-site .dnx-chart-row,#dnx-road-site .dnx-axis { grid-template-columns:63px minmax(0,1fr) 47px;gap:12px; }
 #dnx-road-site .dnx-chart-category { font-size:12px; }
 #dnx-road-site .dnx-chart-category small { font-size:12px; }
 #dnx-road-site .dnx-chart-value { font-size:13px; }
 #dnx-road-site .dnx-market-summary { font-size:12px;gap:6px; }
 #dnx-road-site .dnx-market-end { align-items:start;flex-direction:column;gap:10px;font-size:12px; }
 #dnx-road-site .dnx-market-link { font-size:12px; }
}
@media(pointer:coarse) {
}
@media(prefers-reduced-motion:no-preference) {
 #dnx-road-site .dnx-chart-bar { transition:width 180ms ease-out; }
}

/* Integration with the established page and its locally hosted Inter font. */
#dnx-road-site h2 { text-wrap:balance; }
#dnx-road-site .dnx-offers,#dnx-road-site .dnx-market { max-width:none;margin:0; }
#dnx-road-site .dnx-offers { padding:0;background:var(--dnx-bg); }
#dnx-road-site .dnx-market { padding:0; }
#dnx-road-site .dnx-photo-copy h2 { text-align:left; }
#dnx-road-site .dnx-offer summary { cursor:pointer; }
#dnx-road-site .dnx-offer-chevron { display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1; }
#dnx-road-site .dnx-market-tab { white-space:normal;text-align:left; }
#dnx-road-site .dnx-market-tabs { flex-wrap:wrap; }
#dnx-road-site .dnx-unit-picker button { min-height:40px; }
@container dn-road (min-width:901px) {
 #dnx-road-site .dnx-photo { min-height:650px; }
 #dnx-road-site .dnx-photo-copy { padding:44px 40px; }
 #dnx-road-site .dnx-photo-copy h2 { font-size:48px;max-width:440px; }
 #dnx-road-site .dnx-photo-copy p { font-size:16px;max-width:320px; }
 #dnx-road-site .dnx-list { padding:42px 40px 32px; }
 #dnx-road-site .dnx-list h2 { font-size:32px; }
 #dnx-road-site .dnx-list-intro { font-size:15px;max-width:none; }
 #dnx-road-site .dnx-list-heading { font-size:13px;padding-top:30px; }
 #dnx-road-site .dnx-offer-name { font-size:18px; }
 #dnx-road-site .dnx-offer-meta,#dnx-road-site .dnx-offer-pay { font-size:14px; }
 #dnx-road-site .dnx-offer-pay strong { font-size:28px; }
 #dnx-road-site .dnx-offer-facts dt { font-size:13px; }
 #dnx-road-site .dnx-offer-facts dd { font-size:15px; }
 #dnx-road-site .dnx-primary { font-size:15px;min-height:50px; }
 #dnx-road-site .dnx-market-content { padding:42px 40px 30px; }
 #dnx-road-site .dnx-market h2 { font-size:32px; }
 #dnx-road-site .dnx-market-intro { font-size:15px; }
 #dnx-road-site .dnx-market-period,#dnx-road-site .dnx-market-tab { font-size:14px; }
 #dnx-road-site .dnx-chart-category { font-size:15px; }
 #dnx-road-site .dnx-chart-value { font-size:17px; }
 #dnx-road-site .dnx-hiring-row { font-size:16px;padding:22px 0; }
 #dnx-road-site .dnx-market-summary,#dnx-road-site .dnx-market-link { font-size:13px; }
}
@media(max-width:600px) {
 #dnx-road-frame { width:100%;margin:40px 0; }
}
#dnx-road-site:lang(ru) .dnx-chart-row,#dnx-road-site:lang(ru) .dnx-axis { grid-template-columns:96px minmax(0,1fr) 52px;gap:10px; }

/* Keep the homepage chapters on the same content edges as .section-shell. */
.home-page #product-demo .dn-demo-inner { max-width:none; }
@media (min-width:1024px) {
 .home-page #dnx-road-frame { width:min(1200px,calc(100% - 96px)); }
}
@media (min-width:601px) and (max-width:1023px) {
 .home-page #dnx-road-frame { width:89.6%; }
}
@media (min-width:601px) and (max-width:900px) {
 .home-page .source-strip { padding-inline:5.2%; }
}
@media (min-width:601px) and (max-width:700px) {
 .home-page #product-demo { padding-inline:5.2%; }
}
@media (max-width:600px) {
 .home-page #product-demo,
 .home-page #platform-preview { padding-inline:6%; }
 #dnx-road-site .dnx-photo-copy,
 #dnx-road-site .dnx-list,
 #dnx-road-site .dnx-market-content { padding-inline:6%; }
}