/* Страница TDI: оригинальный page-CSS не сохранился, вёрстка написана заново. Подключается только в tdi.html. */
.tdi{--y:#FFDF2A;--d:#353535;--g:#f7f7f7;--teal:#d0e2e5;--line:#e6e8ec;--muted:#6b7079;color:var(--d)}
.tdi *,.tdi *::before,.tdi *::after{box-sizing:border-box}
:where(.tdi) img{max-width:100%;height:auto}
.tdi a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.tdi ul,.tdi ol{list-style:none;margin:0;padding:0}
.tdi li::before,.tdi li::after{content:none}

.tdi-section{padding:72px 0}
.tdi-h2{margin:0 0 16px;text-align:center;font-size:clamp(28px,3.3vw,44px);line-height:1.2;font-weight:700}
.tdi-h2--left{text-align:left}
.tdi-mark{display:inline-block;padding:0 .3em;border-radius:999px;background:var(--teal)}
.tdi-lead{margin:0 0 24px;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#5a5f66}
.tdi-lead--center{max-width:760px;margin:0 auto 40px;text-align:center}
.tdi-muted{margin:0 0 20px;color:var(--muted);line-height:1.55}
.tdi-grid{display:grid;gap:20px}
.tdi-grid--4{grid-template-columns:repeat(4,1fr)}
.tdi-grid--2{grid-template-columns:repeat(2,1fr)}
.tdi-ico{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:#fff}
.tdi-ico img{width:48px;height:48px}

/* hero */
.tdi-hero{padding:40px 0 24px;overflow:hidden}
.tdi-hero__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.tdi-hero h1{margin:0 0 20px;font-size:clamp(34px,4.3vw,58px);line-height:1.12;font-weight:700;letter-spacing:-.01em}
.tdi-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.tdi-more{font-weight:600;color:var(--d);text-decoration:none;border-bottom:2px solid var(--y);padding-bottom:2px;transition:border-color .2s}
.tdi-more span{display:inline-block;transition:transform .2s}
.tdi-more:hover{color:var(--d);border-color:var(--d)}
.tdi-more:hover span{transform:translateX(4px)}
.tdi-hero__media img{display:block;width:100%}

/* липкая навигация по разделам */
.tdi-subnav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.tdi-subnav .container{display:flex;gap:6px;padding-top:10px;padding-bottom:10px;overflow-x:auto;scrollbar-width:none;justify-content:center}
.tdi-subnav .container::-webkit-scrollbar{display:none}
.tdi-subnav a{flex:none;padding:9px 18px;border-radius:999px;font-size:15px;font-weight:500;color:var(--d);text-decoration:none;transition:background .2s}
.tdi-subnav a:hover{background:var(--g);color:var(--d)}
.tdi-subnav a.is-active{background:var(--y)}
.tdi [id]{scroll-margin-top:72px}

.tdi-preview{padding:48px 0 8px}
.tdi-preview__fig{margin:0 auto;max-width:1120px;border-radius:32px;overflow:hidden;box-shadow:0 24px 60px rgba(53,53,53,.14)}
.tdi-preview__fig img{display:block;width:100%}

/* для кого / карточки */
.tdi-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 20px;border-radius:32px;background:var(--g);text-align:center;font-weight:500;line-height:1.35;transition:transform .25s,box-shadow .25s}
.tdi-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(53,53,53,.1)}

/* продукты */
.tdi-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:40px;padding:44px;border-radius:48px;background:var(--g)}
.tdi-product h3{margin:0 0 12px;font-size:clamp(28px,2.6vw,36px);font-weight:700;display:flex;align-items:center;gap:12px}
.tdi-pro{height:.8em;width:auto}
.tdi-product--dark{background:var(--d);color:#fff}
.tdi-product--dark .tdi-muted{color:#c9ccd2}
.tdi-acc{border-top:1px solid var(--line)}
.tdi-product--dark .tdi-acc,.tdi-product--dark .tdi-acc__item{border-color:#555}
.tdi-acc__item{border-bottom:1px solid var(--line)}
.tdi-acc__btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border:0;background:none;color:inherit;font:inherit;font-size:17px;font-weight:600;line-height:1.35;text-align:left;cursor:pointer}
.tdi-acc__btn:focus-visible{outline:2px solid var(--y);outline-offset:2px;border-radius:8px}
.tdi-acc__chev{flex:none;color:#909090;transition:transform .25s,color .2s}
.tdi-acc__btn[aria-expanded="true"] .tdi-acc__chev{transform:rotate(180deg);color:var(--d)}
.tdi-product--dark .tdi-acc__btn[aria-expanded="true"] .tdi-acc__chev{color:var(--y)}
.tdi-acc__body{padding:0 0 18px;color:var(--muted);line-height:1.6}
.tdi-product--dark .tdi-acc__body{color:#c9ccd2}
.tdi-acc__body p{margin:0 0 8px}
.tdi-acc__body ul{padding-left:20px;list-style:disc}
.tdi-acc__body li{margin-bottom:4px}
.tdi-product__offers{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.tdi-offer{display:flex;flex-direction:column;overflow:hidden;border-radius:32px;background:#fff;color:var(--d);transition:transform .25s,box-shadow .25s}
.tdi-offer:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.14)}
.tdi-offer__img{display:block;width:100%;aspect-ratio:800/440;object-fit:cover}
.tdi-offer__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 24px 24px}
.tdi-offer h4{margin:0;font-size:19px;font-weight:700;line-height:1.3}
.tdi-offer p{margin:0 0 6px;font-size:14px;line-height:1.45;color:var(--muted)}
.tdi-offer .btn{margin-top:auto}
.tdi-product--dark .tdi-offer{background:#444;color:#fff}
.tdi-product--dark .tdi-offer p{color:#c9ccd2}

/* данные */
.tdi-data__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.tdi-data__img{display:block;margin-top:8px;border-radius:32px}
.tdi-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tdi-stat{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:170px;padding:28px;border-radius:32px;background:var(--g)}
.tdi-stat:nth-child(1){background:var(--y)}
.tdi-stat__value{font-size:clamp(28px,3vw,40px);line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums}
.tdi-stat span{font-size:16px;line-height:1.4}

/* возможности и разрезы */
.tdi-gray .container{background:var(--g);border-radius:61px;max-width:calc(1384px - 24px)}
.tdi-gray .tdi-section{padding:64px 24px}
.tdi-gray .tdi-features{padding-bottom:24px}
.tdi-panel{padding:40px;border-radius:48px;background:#fff}
.tdi-panel__title{margin:0 0 28px;font-size:20px;font-weight:600}
.tdi-num{display:flex;flex-direction:column;gap:16px;font-weight:500;line-height:1.4}
.tdi-num img{width:56px;height:56px}
.tdi-slice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;line-height:1.45}
.tdi-slice .tdi-ico{margin-bottom:8px}
.tdi-slice b{font-size:18px}
.tdi-slice>span:last-child{color:var(--muted)}

/* открытые данные */
.tdi-link{display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;padding:32px 0 32px 32px;border-radius:32px;background:var(--g);color:var(--d);text-decoration:none;transition:transform .25s,box-shadow .25s}
.tdi-link:hover{color:var(--d);transform:translateY(-3px);box-shadow:0 14px 30px rgba(53,53,53,.1)}
.tdi-link__text{display:flex;flex-direction:column;gap:14px;flex:1}
.tdi-link b{font-size:20px;line-height:1.3;color:#3d6fb0}
.tdi-link__go{font-weight:600}
.tdi-link img{width:44%;flex:none;border-radius:24px 0 0 24px}

.tdi-cta{padding:56px 32px;border-radius:48px;background:var(--y);text-align:center}
.tdi-cta h2{margin:0 0 12px;font-size:clamp(26px,3vw,40px);font-weight:700}
.tdi-cta p{margin:0 0 28px;font-size:18px}
.tdi-cta .btn{background:var(--d);color:#fff}
.tdi-cta .btn:hover{background:#000;color:#fff}

/* появление при прокрутке (включается только если сработал tdi.js) */
.tdi-js .tdi-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.tdi-js .tdi-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .tdi-js .tdi-reveal{opacity:1;transform:none;transition:none}
  .tdi-card,.tdi-offer,.tdi-link{transition:none}
}

@media (max-width:1199.98px){
  .tdi-product{grid-template-columns:1fr;padding:32px}
}
@media (max-width:991.98px){
  .tdi-section{padding:48px 0}
  .tdi-hero__grid,.tdi-data__grid{grid-template-columns:1fr}
  .tdi-hero{padding-top:24px}
  .tdi-hero__media{order:-1}
  .tdi-subnav .container{justify-content:flex-start}
  .tdi-grid--4{grid-template-columns:repeat(2,1fr)}
  .tdi-grid--2{grid-template-columns:1fr}
  .tdi-gray .container{border-radius:32px}
  .tdi-gray .tdi-section{padding:40px 8px}
  .tdi-panel{padding:24px;border-radius:32px}
}
@media (max-width:639.98px){
  .tdi-product{padding:24px 20px;border-radius:32px}
  .tdi-product__offers{grid-template-columns:1fr}
  .tdi-hero__actions .btn{width:100%}
  .tdi-card{padding:24px 12px}
  .tdi-ico{width:80px;height:80px}
  .tdi-stat{min-height:130px;padding:20px}
  .tdi-link{flex-direction:column;align-items:stretch;padding:24px 0 0 24px}
  .tdi-link img{width:100%;margin-top:8px;align-self:flex-end}
  .tdi-cta{padding:40px 20px}
  .tdi-cta .btn{width:100%}
}
.tdi-offer .btn{white-space:nowrap;padding-left:20px;padding-right:20px;font-size:17px}