Xbot T100 — робот-мойщик окон с двусторонним распылением | Xbot
:root{--page-bg:#E9ECF0}
html{color-scheme:light}
body{margin:0;background:var(--page-bg);padding:16px 0}
.t100{--ink:#10141A;--txt:#2A313B;...;max-width:1408px;margin:0 auto;...}
.t100 *,.t100 *::before,.t100 *::after{box-sizing:border-box}
.t100 img{max-width:100%;height:auto;display:block;border:0}
.t100 :where(h1,h2,h3,p,ul,ol,dl,dd){margin:0;padding:0}
.t100 a{color:var(--blue)}.t100 a:hover{color:var(--blue-d)}
.t100 b,.t100 strong{font-weight:700}
.t100-sec{position:relative;padding:96px 64px;overflow:hidden;border-radius:28px;margin-bottom:16px;background:#fff}
.t100-sec--gray{background:var(--gray)}
.t100-sec--purple{background:#fff}
.t100-sec--dark{background:var(--dark);color:#fff}
.t100-sec--black{background:var(--ink);color:#fff}
.t100-sec__bg{position:absolute!important;inset:0;width:100%!important;height:100%!important;...object-fit:cover;...}
.t100-in{position:relative;z-index:1}
.t100-eyebrow{...} /* надзаголовок-«плюс» над H1/H2 */
.t100-eyebrow--purple{...} /* пурпурный вариант */
.t100-eyebrow--light{...}
.t100-h1{...font-size:72px;...} /* главный заголовок */
.t100-slogan{...} /* слоган под H1 */
.t100-h2{...font-size:48px;...} /* заголовки секций */
.t100-h2--big{...}
.t100-h2--mb{...} /* с нижним отступом */
.t100-lead{...} /* лид-абзац */
.t100-note{...} /* мелкая сноска */
.t100-small{...}
.t100-row{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.t100-row--top{...} .t100-row--stretch{...} .t100-row--mt{...} .t100-row--gap24{...}
.t100-col{flex:1 1 440px;min-width:0}
.t100-col--2{flex:2 1 560px}
.t100-col--center{...}
.t100-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.t100-grid--3{...} .t100-grid--2{...}
.t100-stack{display:flex;flex-direction:column;gap:12px}
.t100-chips{...} .t100-chip{...} .t100-chip--purple{...}
.t100-btns{...}
.t100 .t100-btn{...background:var(--blue);...}
.t100 .t100-btn--ghost{...}
.t100-subnav{position:sticky;top:0;z-index:20;...}
.t100-subnav__in{...}
.t100-subnav__name{...}
.t100 .t100-subnav a{...}
.t100 .t100-subnav a.t100-subnav__cta{...}
.t100 [id]{scroll-margin-top:72px}