.traffic-page { overflow-x: clip; }
.traffic-page-main { overflow: hidden; }

/* Native Ads representative page — intentionally route-scoped. */
.native-experience { color: #173b5e; overflow: clip; }
.native-experience__container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.native-experience__hero { position: relative; isolation: isolate; overflow: hidden; padding: 84px 0 72px; background: #fcfcfd; }
.native-experience__hero::before { content: ''; position: absolute; z-index: -1; width: 580px; height: 580px; right: -190px; top: -170px; border: 1px solid #dce6ed; border-radius: 50%; box-shadow: 0 0 0 58px #f6f9fb, 0 0 0 116px #fafcfd; }
.native-experience__flow { position: absolute; z-index: -1; top: 28px; left: 50%; display: flex; align-items: center; gap: 9px; width: max-content; color: #173b5e; font: 700 9px/1 var(--font-sans, sans-serif); letter-spacing: .08em; opacity: .08; transform: translateX(-50%); }
.native-experience__flow i { width: 54px; height: 1px; background: currentColor; }
.native-experience__hero-grid { display: grid; grid-template-columns: minmax(0, 1.07fr) minmax(360px, .93fr); gap: 60px; align-items: center; }
.native-experience__eyebrow { margin: 0 0 12px; color: #e52232; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.native-experience__breadcrumb { display: flex; gap: 8px; margin-bottom: 22px; color: #6b7d8e; font-size: 13px; }
.native-experience__breadcrumb a { color: inherit; text-decoration: none; }
.native-experience h1, .native-experience h2, .native-experience h3, .native-experience p { margin-top: 0; }
.native-experience h1 { max-width: 720px; margin-bottom: 18px; color: #173b5e; font-size: clamp(38px, 4vw, 62px); line-height: 1.12; letter-spacing: -.045em; }
.native-experience__hero-line { margin-bottom: 15px; color: #e52232; font-size: 18px; font-weight: 750; }
.native-experience__lead { max-width: 650px; margin-bottom: 12px; color: #425a6e; font-size: 16px; line-height: 1.8; }
.native-experience__hero-note { max-width: 670px; margin-bottom: 25px; color: #708293; font-size: 13px; line-height: 1.75; }
.native-experience__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.native-experience__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 47px; padding: 0 20px; border: 1px solid transparent; border-radius: 5px; font-size: 14px; font-weight: 750; text-decoration: none; transition: .2s ease; }
.native-experience__button--primary { background: #e52232; color: #fff; box-shadow: 0 8px 18px rgba(229, 34, 50, .17); }
.native-experience__button--secondary { border-color: #cfdae2; color: #173b5e; background: #fff; }
.native-experience__button:hover { transform: translateY(-2px); }
.native-experience__ecosystem { position: relative; width: 100%; min-height: 330px; max-width: 465px; margin-left: auto; }
.native-experience__ecosystem::before, .native-experience__ecosystem::after { content: ''; position: absolute; left: 50%; top: 50%; border: 1px solid #d9e5ec; border-radius: 50%; transform: translate(-50%, -50%); }
.native-experience__ecosystem::before { width: 295px; height: 295px; }
.native-experience__ecosystem::after { width: 205px; height: 205px; border-style: dashed; }
.native-experience__core, .native-experience__orbit { position: absolute; display: grid; place-items: center; text-align: center; background: #fff; box-shadow: 0 10px 25px rgba(27, 59, 83, .08); }
.native-experience__core { z-index: 2; top: 50%; left: 50%; width: 136px; height: 136px; border: 7px solid #f1f6f9; border-radius: 50%; transform: translate(-50%, -50%); color: #173b5e; }
.native-experience__core strong { display: block; font-size: 20px; }.native-experience__core span { margin-top: -26px; color: #e52232; font-size: 13px; font-weight: 700; }
.native-experience__orbit { z-index: 1; min-width: 96px; min-height: 42px; padding: 7px 12px; border: 1px solid #e0e8ed; border-radius: 5px; color: #254962; font-size: 13px; font-weight: 800; }
.native-experience__orbit--one { top: 8px; left: 23%; }.native-experience__orbit--two { top: 47px; right: 0; }.native-experience__orbit--three { right: 0; bottom: 63px; }.native-experience__orbit--four { bottom: 4px; left: 48%; }.native-experience__orbit--five { bottom: 47px; left: 0; }.native-experience__orbit--six { top: 109px; left: 0; }.native-experience__orbit--seven { top: 0; right: 25%; }
.native-experience__trust { padding: 0; background: #fff; border-block: 1px solid #e5edf1; }.native-experience__trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }.native-experience__trust-item { display: flex; align-items: center; gap: 12px; padding: 20px; border-right: 1px solid #e5edf1; }.native-experience__trust-item:last-child { border-right: 0; }.native-experience__trust-item span { color: #e52232; font: 800 11px/1 monospace; }.native-experience__trust-item strong, .native-experience__trust-item small { display: block; }.native-experience__trust-item strong { color: #294c65; font-size: 14px; }.native-experience__trust-item small { margin-top: 4px; color: #7a8b99; font-size: 11px; line-height: 1.35; }
.native-experience__section { padding: 92px 0; }.native-experience__section--sources { background: #f4f7fa; }.native-experience__section--formats { background: #fff; }.native-experience__section--process { background: #f7f9fb; }.native-experience__section--advantages { background: #f1f5f9; }.native-experience__heading-row { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 38px; }.native-experience h2 { margin-bottom: 0; color: #173b5e; font-size: clamp(30px, 3vw, 44px); letter-spacing: -.035em; }.native-experience__heading-row > p { max-width: 405px; margin-bottom: 4px; color: #61778a; font-size: 14px; line-height: 1.75; }
.native-experience__media-primary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.native-experience__media-card { min-height: 150px; padding: 26px 22px; border: 1px solid #e0e8ed; border-radius: 7px; background: #fff; box-shadow: 0 7px 17px rgba(28, 59, 83, .035); }.native-experience__media-card strong { display: block; margin-bottom: 12px; color: #173b5e; font-size: 22px; }.native-experience__media-card span, .native-experience__media-secondary span { display: block; color: #718294; font-size: 12px; line-height: 1.55; }.native-experience__media-secondary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }.native-experience__media-secondary > div { display: flex; align-items: baseline; gap: 11px; padding: 16px 20px; border: 1px solid #e0e8ed; border-radius: 5px; background: rgba(255,255,255,.65); }.native-experience__media-secondary strong { color: #254962; font-size: 15px; white-space: nowrap; }
.native-experience__formats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.native-experience__format-card { min-height: 222px; padding: 23px 20px; border-top: 3px solid #e52232; background: #f9fbfc; }.native-experience__format-card > span, .native-experience__advantages-grid span { color: #e52232; font: 800 11px/1 monospace; }.native-experience__format-card p { margin: 22px 0 9px; color: #708294; font-size: 11px; font-weight: 800; letter-spacing: .06em; }.native-experience__format-card h3 { margin-bottom: 12px; color: #173b5e; font-size: 19px; }.native-experience__format-card small { color: #657b8d; font-size: 13px; line-height: 1.65; }.native-experience__conditions { display: grid; grid-template-columns: 110px minmax(230px, .72fr) 1.5fr; align-items: start; gap: 22px; margin-top: 20px; padding: 20px 22px; border-left: 3px solid #e52232; background: #f8fafb; }.native-experience__conditions strong { color: #173b5e; font-size: 15px; }.native-experience__conditions p { margin-bottom: 0; color: #61778a; font-size: 13px; line-height: 1.65; }.native-experience__conditions div { display: flex; flex-wrap: wrap; gap: 7px; }.native-experience__conditions span { padding: 5px 7px; color: #496478; border: 1px solid #dce6ec; background: #fff; font-size: 11px; }
.native-experience__process-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; border: 1px solid #dfe8ed; background: #fff; }.native-experience__process-list li { position: relative; min-height: 142px; padding: 28px 19px; border-right: 1px solid #dfe8ed; }.native-experience__process-list li:last-child { border: 0; }.native-experience__process-list li:not(:last-child)::after { content: '→'; position: absolute; z-index: 1; right: -9px; top: 50%; color: #e52232; font-size: 16px; transform: translateY(-50%); }.native-experience__process-list span { display: block; margin-bottom: 28px; color: #e52232; font: 800 11px/1 monospace; }.native-experience__process-list strong { color: #264a64; font-size: 15px; line-height: 1.45; }
.native-experience__advantages-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid #d7e3ea; border-left: 1px solid #d7e3ea; }.native-experience__advantages-grid article { min-height: 170px; padding: 28px 21px; border-right: 1px solid #d7e3ea; border-bottom: 1px solid #d7e3ea; background: rgba(255,255,255,.42); }.native-experience__advantages-grid h3 { margin: 28px 0 0; color: #21445e; font-size: 17px; line-height: 1.45; }
.native-experience__telegram { padding: 70px 0; background: #f7fafc; }.native-experience__telegram-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 37px 42px; border: 1px solid #dce7ed; background: #fff; }.native-experience__telegram h2 { margin-bottom: 12px; font-size: clamp(28px, 3vw, 38px); }.native-experience__telegram p:not(.native-experience__eyebrow) { max-width: 670px; margin-bottom: 0; color: #60778a; font-size: 14px; line-height: 1.75; }.native-experience__telegram .native-experience__button { flex: none; white-space: nowrap; }.native-experience__telegram .native-experience__button span { font-weight: 500; }
@media (max-width: 850px) { .native-experience__hero-grid { grid-template-columns: 1fr; gap: 34px; }.native-experience__ecosystem { width: min(100%, 480px); min-height: 290px; margin: 0 auto; }.native-experience__trust-grid, .native-experience__media-primary, .native-experience__formats-grid { grid-template-columns: repeat(2, 1fr); }.native-experience__trust-item:nth-child(2) { border-right: 0; }.native-experience__trust-item:nth-child(-n+2) { border-bottom: 1px solid #e5edf1; }.native-experience__media-secondary { grid-template-columns: 1fr; }.native-experience__heading-row { display: block; }.native-experience__heading-row > p { margin-top: 13px; }.native-experience__conditions { grid-template-columns: 1fr; gap: 10px; }.native-experience__process-list, .native-experience__advantages-grid { grid-template-columns: repeat(2, 1fr); }.native-experience__process-list li:nth-child(2) { border-right: 0; }.native-experience__process-list li:nth-child(-n+2) { border-bottom: 1px solid #dfe8ed; }.native-experience__process-list li:nth-child(2)::after { content: none; }.native-experience__process-list li:nth-child(4) { border-right: 0; }.native-experience__process-list li:nth-child(-n+4)::after { content: none; }.native-experience__advantages-grid article:nth-child(even) { border-right: 0; }.native-experience__telegram-inner { align-items: flex-start; flex-direction: column; } }
@media (max-width: 520px) { .native-experience__container { width: min(100% - 32px, 1180px); }.native-experience__hero { padding: 58px 0 50px; }.native-experience__flow { top: 13px; gap: 5px; font-size: 6px; }.native-experience__flow i { width: 19px; }.native-experience__breadcrumb { margin-bottom: 16px; }.native-experience h1 { font-size: 35px; letter-spacing: -.055em; }.native-experience__hero-line { font-size: 16px; }.native-experience__lead { font-size: 14px; line-height: 1.75; }.native-experience__hero-note { font-size: 12px; }.native-experience__actions { display: grid; grid-template-columns: 1fr; }.native-experience__ecosystem { min-height: 250px; transform: scale(.91); transform-origin: top center; margin-bottom: -20px; }.native-experience__orbit { min-width: 75px; min-height: 33px; padding: 5px 7px; font-size: 10px; }.native-experience__core { width: 112px; height: 112px; }.native-experience__core strong { font-size: 17px; }.native-experience__core span { margin-top: -21px; font-size: 12px; }.native-experience__ecosystem::before { width: 235px; height: 235px; }.native-experience__ecosystem::after { width: 164px; height: 164px; }.native-experience__trust-item { padding: 15px 9px; gap: 8px; }.native-experience__trust-item strong { font-size: 12px; }.native-experience__trust-item small { font-size: 9px; }.native-experience__section { padding: 60px 0; }.native-experience__heading-row { margin-bottom: 26px; }.native-experience h2 { font-size: 30px; }.native-experience__media-card { min-height: 126px; padding: 20px 15px; }.native-experience__media-card strong { font-size: 19px; }.native-experience__media-secondary > div { align-items: flex-start; flex-direction: column; gap: 4px; padding: 13px 15px; }.native-experience__format-card { min-height: 205px; padding: 19px 15px; }.native-experience__format-card h3 { font-size: 17px; }.native-experience__conditions { padding: 16px; }.native-experience__process-list { grid-template-columns: 1fr; }.native-experience__process-list li { min-height: auto; padding: 18px 14px; border-right: 0; border-bottom: 1px solid #dfe8ed; }.native-experience__process-list li:last-child { border-bottom: 0; }.native-experience__process-list li::after { content: none; }.native-experience__process-list span { margin-bottom: 12px; }.native-experience__process-list strong { font-size: 13px; }.native-experience__advantages-grid article { min-height: 126px; padding: 20px 15px; }.native-experience__advantages-grid h3 { margin-top: 20px; font-size: 15px; }.native-experience__advantages-grid article:last-child { grid-column: span 2; }.native-experience__telegram { padding: 48px 0; }.native-experience__telegram-inner { padding: 27px 22px; }.native-experience__telegram .native-experience__button { width: 100%; }.native-experience__telegram .native-experience__button span { display: none; } }
/* R10 — compact legacy Native hierarchy. */
.native-experience h1 { font-size:clamp(2.5rem,3.35vw,2.875rem); line-height:1.12; }.native-experience__lead { max-width:640px; line-height:1.7; }
.native-experience__section { padding-block:80px; }.native-experience h2 { font-size:clamp(2.125rem,2.7vw,2.375rem); line-height:1.18; }.native-experience h3 { font-size:1.25rem; }
@media (max-width:520px) { .native-experience h1 { font-size:clamp(1.875rem,8.6vw,2.125rem); }.native-experience__section { padding-block:56px; }.native-experience h2 { font-size:clamp(1.625rem,7.2vw,1.875rem); } }

/* R10.1 — final legacy Native hierarchy and tighter hero density. */
.native-experience h1 { font-size:clamp(2.5rem,2.95vw,2.625rem); }
.native-experience__hero { padding-block:72px 62px; }
.native-experience h2 { font-size:clamp(1.875rem,2.2vw,2rem); }
.native-experience h3 { font-size:clamp(1.1875rem,1.45vw,1.25rem); }
@media (max-width:520px) {
  .native-experience h1 { font-size:clamp(1.8125rem,7.8vw,1.9375rem); }
  .native-experience__hero { padding-block:50px 43px; }
  .native-experience h2 { font-size:clamp(1.5rem,6.4vw,1.625rem); }
  .native-experience h3 { font-size:clamp(1.0625rem,4.6vw,1.125rem); }
}