.ft, .ft-partner { container-type: inline-size; color: #1c1e3c; font-family: 'Gotham', sans-serif; }
.ft-main, .ft-contact, .ft-partner__in { --u: calc(min(100cqw, 1920px) / 1920); }
.ft h2, .ft p, .ft ul, .ft-partner h2 { margin: 0; padding: 0; }
.ft ul { list-style: none; }
.ft b, .ft-partner b { font-weight: 700; }
.ft a { color: inherit; text-decoration: none; }
.ft-ico { display: inline-block; flex: none; width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); overflow: visible; }
.ft a:focus-visible, .ft button:focus-visible, .ft-partner a:focus-visible { outline: 2px solid #48a0d9; outline-offset: 3px; } .ft-partner { background: #cbcada; }
.ft-partner__in { height: calc(176 * var(--u)); display: flex; align-items: center; justify-content: center; gap: calc(58 * var(--u)); }
.ft-partner__title { position: relative; top: calc(-4 * var(--u)); left: -2px; font-size: calc(40 * var(--u)); line-height: calc(47 * var(--u)); font-weight: 400; }
.ft-partner__btn { display: flex; align-items: center; justify-content: space-between; width: calc(466 * var(--u)); height: calc(78 * var(--u)); padding: 0 calc(51 * var(--u)) 0 calc(52 * var(--u)); border-radius: calc(12 * var(--u)); background: #1c1e3c; color: #fff; font-size: calc(25 * var(--u)); line-height: calc(25 * var(--u)); text-transform: uppercase; white-space: nowrap; text-decoration: none; transition: filter .2s ease; }
.ft-partner__btn b { color: #48a0d9; }
.ft-partner__btn:hover { filter: brightness(1.12); }
.ft-partner__btn .ft-ico { transition: transform .2s ease; }
.ft-partner__btn:hover .ft-ico { transform: translateX(4px); } .ft-main { background: #e5e4ec; }
.ft-in { position: relative; width: calc(1642 * var(--u)); height: calc(553 * var(--u)); margin: 0 auto; }
.ft-news { position: absolute; left: 0; top: calc(92 * var(--u)); }
.ft-news__title { position: relative; top: 2px; left: -2px; font-size: calc(40 * var(--u)); line-height: calc(40 * var(--u)); font-weight: 400; }
.ft-news__title b { font-weight: 900; }
.ft-news__form { display: flex; gap: calc(11 * var(--u)); margin: calc(26 * var(--u)) 0 0 -1px; }
.ft-news__input { width: calc(523 * var(--u)); height: calc(71 * var(--u)); background: #fff; border-radius: calc(12 * var(--u)); display: flex; align-items: center; padding-left: calc(29 * var(--u)); gap: calc(27 * var(--u)); cursor: text; }
.ft-news__input input { border: 0; outline: 0; background: none; padding: 0; font: italic 400 calc(17 * var(--u)) 'Gotham', sans-serif; color: #1c1e3c; width: calc(400 * var(--u)); }
.ft-news__input input::placeholder { color: rgba(28, 30, 60, .8); }
.ft-news__send { width: calc(72 * var(--u)); height: calc(71 * var(--u)); border: 0; border-radius: calc(12 * var(--u)); background: #48a0d9; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: filter .2s ease; }
.ft-news__send:hover { filter: brightness(1.08); }
.ft-social { display: flex; align-items: center; gap: calc(49 * var(--u)); margin: calc(68 * var(--u)) 0 0 2px; }
.ft-social a { display: block; transition: color .2s ease; }
.ft-social a:hover { color: #48a0d9; }
.ft-award { position: absolute; left: 0; top: calc(416 * var(--u)); display: flex; align-items: center; gap: calc(47 * var(--u)); }
.ft-award span { font-size: calc(22 * var(--u)); line-height: calc(22 * var(--u)); text-transform: uppercase; }
.ft-award img { width: auto; height: calc(41 * var(--u)); }
.ft-award img + img { height: calc(24 * var(--u)); }
.ft-cols { position: absolute; left: calc(839 * var(--u)); top: calc(94 * var(--u)); display: flex; }
.ft-col { width: calc(281 * var(--u)); }
.ft-col:last-child { width: auto; }
.ft-col__title { font-size: calc(30 * var(--u)); line-height: calc(30 * var(--u)); font-weight: 400; }
.ft-col__list { margin-top: calc(36 * var(--u)) !important; }
.ft-col__list li { font-size: calc(17 * var(--u)); line-height: calc(33.2 * var(--u)); }
.ft-col__list a { transition: color .2s ease; }
.ft-col__list a:hover, .ft-col__list .current-menu-item > a { color: #48a0d9; }
.ft-cta { display: inline-flex; align-items: center; gap: calc(14 * var(--u)); width: calc(253 * var(--u)); height: calc(44 * var(--u)); margin-top: calc(17 * var(--u)); padding: 0 0 0 calc(22 * var(--u)); border-radius: calc(6 * var(--u)); background: #48a0d9; color: #fff !important; font-size: calc(16 * var(--u)); text-transform: uppercase; transition: filter .2s ease; }
.ft-cta:hover { filter: brightness(1.08); } .ft-contact { background: #fff; position: relative; height: calc(471 * var(--u)); text-align: center; }
.ft-contact__phones { display: flex; justify-content: center; gap: calc(67 * var(--u)); padding-top: calc(111 * var(--u)); font-size: calc(18.8 * var(--u)); line-height: calc(27 * var(--u)); }
.ft-contact__phones a { display: inline-flex; align-items: center; gap: calc(9 * var(--u)); }
.ft-contact__mail { display: inline-flex; align-items: center; gap: calc(20 * var(--u)); margin-top: calc(27 * var(--u)); font-size: calc(40 * var(--u)); line-height: calc(40 * var(--u)); }
.ft-contact__mail .ft-ico { color: #48a0d9; }
.ft-contact a:hover { color: #48a0d9; }
.ft-contact__addr { margin-top: calc(36 * var(--u)) !important; font-size: calc(18.8 * var(--u)); line-height: calc(20 * var(--u)); }
.ft-contact__copy { position: absolute; left: 0; right: 0; top: calc(353 * var(--u)); font-size: calc(14 * var(--u)); line-height: calc(14 * var(--u)); color: #211915; } @media (max-width: 1199px) {
.ft-main, .ft-contact, .ft-partner__in { --u: 1px; }
.ft-partner__in { height: auto; flex-direction: column; gap: 20px; padding: 40px 20px; text-align: center; }
.ft-partner__title { top: 0; left: 0; font-size: 26px; line-height: 32px; }
.ft-partner__btn { width: 100%; max-width: 466px; height: 60px; padding: 0 24px; font-size: 18px; }
.ft-in { width: auto; height: auto; margin: 0 20px; padding: 40px 0; display: flex; flex-direction: column; gap: 32px; }
.ft-in > * { position: static; }
.ft-news__title { top: 0; left: 0; font-size: 30px; line-height: 34px; }
.ft-news__input { width: auto; flex: 1; gap: 14px; padding-left: 18px; }
.ft-news__input input { width: 100%; }
.ft-social { margin-top: 32px; gap: 32px; }
.ft-award { flex-wrap: wrap; gap: 20px 28px; }
.ft-cols { flex-wrap: wrap; gap: 28px 40px; }
.ft-col, .ft-col:last-child { width: auto; min-width: 200px; }
.ft-col__title { font-size: 24px; line-height: 28px; }
.ft-col__list { margin-top: 14px !important; }
.ft-contact { height: auto; padding: 48px 20px; }
.ft-contact__phones { flex-wrap: wrap; gap: 12px 28px; padding-top: 0; font-size: 16px; }
.ft-contact__mail { font-size: 20px; gap: 10px; }
.ft-contact__addr { font-size: 15px; }
.ft-contact__copy { position: static; margin-top: 32px; }
}.hm { container-type: inline-size; overflow-x: clip; background: #fff; color: var(--ink); --ink: #1c1e3c; --brand: #48a0d9; --brand-50: #a3cfec; --lavender: #cbcada; --gray: #e8e9ea; --sky-2: #c8e2f4; }
.hm-sec { --u: calc(min(100cqw, 1920px) / 1920); position: relative; height: calc(var(--sh) * var(--u)); }
.hm-in { position: relative; width: calc(1920 * var(--u)); height: 100%; margin: 0 auto; }
.hm-at { position: absolute; left: calc(var(--l, 0) * var(--u)); top: calc(var(--t, 0) * var(--u)); }
.hm-sz { width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); }
.hm h1, .hm h2, .hm h3, .hm p, .hm figure, .hm blockquote { margin: 0; }
.hm img { display: block; max-width: none; }
.hm b, .hm strong { font-weight: 700; }
.hm .f-black { font-weight: 900; }
.hm .c-brand { color: var(--brand); }
.hm-h2 { font-size: calc(65 * var(--u)); line-height: calc(64 * var(--u)); font-weight: 400; }
.hm-h2 strong { font-weight: 900; }
.hm-mark { position: absolute; left: calc(var(--l) * var(--u)); top: calc(var(--t) * var(--u)); width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); background: var(--brand); opacity: .5; pointer-events: none; }
.hm-ico { display: inline-block; flex: none; width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); overflow: visible; }
.hm-nowrap { white-space: nowrap; }
.hm-svgdefs { position: absolute; width: 0; height: 0; overflow: hidden; } .hm-btn { position: absolute; display: block; border-radius: calc(12 * var(--u)); color: #fff; text-transform: uppercase; white-space: nowrap; text-decoration: none; transition: filter .2s ease; }
.hm-btn > span { position: absolute; left: calc(var(--bl) * var(--u)); top: 50%; translate: 0 -50%; }
.hm-btn > .hm-ico { position: absolute; left: calc(var(--ba) * var(--u)); top: 50%; translate: 0 -50%; transition: transform .2s ease; }
.hm-btn:hover { filter: brightness(1.12); }
.hm-btn:hover > .hm-ico { transform: translateX(4px); }
.hm-btn--dark { background: var(--ink); }
.hm-btn--dark b { color: var(--brand); }
.hm-btn--l { height: calc(78 * var(--u)); font-size: calc(25 * var(--u)); line-height: calc(25 * var(--u)); }
.hm-btn--m { height: calc(72 * var(--u)); font-size: calc(22.5 * var(--u)); line-height: calc(22.5 * var(--u)); }
.hm-btn:focus-visible, .hm a:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; } .hm-hero { --sh: 933; margin-top: calc(-13 * var(--u)); } .hm-hero__title { left: calc(139 * var(--u)); top: calc(172.2 * var(--u)); font-size: calc(80 * var(--u)); line-height: calc(71.6 * var(--u)); font-weight: 300; letter-spacing: -0.3px; white-space: nowrap; position: absolute; z-index: 1; }
.hm-hero__title strong { font-weight: 900; }
.hm-hero__lead { position: absolute; left: calc(140 * var(--u)); top: calc(581.5 * var(--u)); font-size: calc(25 * var(--u)); line-height: calc(26.4 * var(--u)); white-space: nowrap; }
.hm-hero__lead b { font-weight: 900; }
.hm-hero__btn { left: calc(140 * var(--u)); top: calc(723 * var(--u)); width: calc(600 * var(--u)); }
.hm-hero__outline { position: absolute; left: calc(926 * var(--u)); top: calc(455 * var(--u)); width: calc(807 * var(--u)); height: calc(345 * var(--u)); border: 2px solid var(--brand); border-radius: calc(22 * var(--u)); background: #fff; }
.hm-hero__gap { position: absolute; left: calc(1640 * var(--u)); top: calc(436 * var(--u)); width: calc(40 * var(--u)); height: calc(46 * var(--u)); background: #fff; }
.hm-hero__photo { position: absolute; left: calc(980 * var(--u)); top: calc(40 * var(--u)); width: calc(662 * var(--u)); height: calc(820 * var(--u)); }
.hm-hero__side { position: absolute; left: calc(1679 * var(--u)); top: calc(118 * var(--u)); width: calc(102 * var(--u)); height: calc(517 * var(--u)); border-radius: calc(12 * var(--u)); background: var(--sky-2); color: var(--ink); }
.hm-hero__side .hm-ico { position: absolute; left: calc(var(--l) * var(--u)); top: calc(var(--t) * var(--u)); }
.hm-hero__card { position: absolute; left: calc(840 * var(--u)); top: calc(217 * var(--u)); width: calc(381 * var(--u)); height: calc(293 * var(--u)); border-radius: calc(12 * var(--u)); background: #fff; }
.hm-hero__card img { position: absolute; left: calc(16 * var(--u)); top: calc(21 * var(--u)); width: calc(346 * var(--u)); height: calc(174 * var(--u)); border-radius: calc(12 * var(--u)); object-fit: cover; }
.hm-hero__card .hm-ico { position: absolute; left: calc(69 * var(--u)); top: calc(226 * var(--u)); color: var(--brand); }
.hm-hero__card p { position: absolute; left: calc(140 * var(--u)); top: calc(219.6 * var(--u)); font-size: calc(22 * var(--u)); line-height: calc(24.2 * var(--u)); font-weight: 500; text-transform: uppercase; white-space: nowrap; }
.hm-hero__card p b { font-weight: 900; } .hm-logos { --sh: 454; }
.hm-logos__title { position: absolute; left: calc(3 * var(--u)); right: 0; top: calc(55.75 * var(--u)); text-align: center; z-index: 1; }
.hm-logos__track { position: absolute; left: calc(151 * var(--u)); top: calc(194 * var(--u)); width: calc(1606 * var(--u)); height: calc(67 * var(--u)); }
.hm-logos__page { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; transition: opacity .5s ease; }
.hm-logos__page[hidden] { display: flex; opacity: 0; visibility: hidden; }
.hm-logos__page.is-few { justify-content: space-evenly; } .hm-logo { display: block; width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); object-fit: contain; filter: url(#hm-logo-ink); opacity: .4; transition: opacity .25s ease; }
.hm-logo:hover { opacity: .7; }
.hm-dots { position: absolute; height: calc(33 * var(--u)); display: flex; gap: calc(15.5 * var(--u)); align-items: center; padding-left: calc(7 * var(--u)); }
.hm-dots button { width: calc(18 * var(--u)); height: calc(18 * var(--u)); padding: 0; border: 0; border-radius: 50%; background: var(--ink); cursor: pointer; transition: scale .3s ease, background-color .3s ease, box-shadow .3s ease; }
.hm-dots button[aria-selected="true"] { box-shadow: 0 0 0 calc(7.5 * var(--u)) var(--brand-50); }
.hm-dots button:is(:hover, :focus-visible) { scale: 1.2; background: var(--brand); outline: 0; }
.hm-dots button[aria-selected="true"]:is(:hover, :focus-visible) { background: var(--ink); }
.hm-logos .hm-dots { left: calc(893 * var(--u)); top: calc(333 * var(--u)); } .hm-banner { overflow: hidden; background: center top / cover no-repeat; }
.hm-growth { --sh: 861; background-color: #e9e8ef; background-image: url(//dscomm.com.br/wp-content/themes/dscomm/assets/images/home/growth-bg.webp); }
.hm-plat { --sh: 863; background-color: #dbebf9; background-image: url(//dscomm.com.br/wp-content/themes/dscomm/assets/images/home/plataforma-bg.webp); }
.hm-growth__eyebrow { position: absolute; left: calc(419 * var(--u)); top: calc(116.1 * var(--u)); font-size: calc(45.22 * var(--u)); line-height: calc(44.52 * var(--u)); text-transform: uppercase; white-space: nowrap; }
.hm-growth__eyebrow b { font-weight: 900; }
.hm-big { position: absolute; width: calc(1000 * var(--u)); font-size: calc(114.2 * var(--u)); line-height: calc(85.2 * var(--u)); font-weight: 400; white-space: nowrap; text-align: center; z-index: 1; }
.hm-big strong { font-weight: 900; }
.hm-growth__title { left: calc(739.5 * var(--u)); top: calc(120.4 * var(--u)); }
.hm-banner__text { position: absolute; width: calc(1000 * var(--u)); text-align: center; font-size: calc(22 * var(--u)); line-height: calc(26.15 * var(--u)); letter-spacing: .calc(15 * var(--u)); white-space: nowrap; }
.hm-banner__text b { letter-spacing: 0; }
.hm-growth__text { left: calc(743.5 * var(--u)); top: calc(333.6 * var(--u)); }
.hm-plat__title { left: calc(180 * var(--u)); top: calc(120.5 * var(--u)); }
.hm-plat__text { left: calc(182 * var(--u)); top: calc(334.6 * var(--u)); }
.hm-seal { position: absolute; left: calc(var(--l) * var(--u)); top: calc(var(--t) * var(--u)); width: calc(244 * var(--u)); height: calc(96 * var(--u)); border: 1px solid var(--brand); border-radius: calc(11 * var(--u)); transition: translate .25s ease, box-shadow .25s ease; }
.hm-seal:hover { translate: 0 calc(-3 * var(--u)); box-shadow: 0 calc(10 * var(--u)) calc(24 * var(--u)) rgba(28, 30, 60, .08); }
.hm-seal__ck { position: absolute; left: calc(25 * var(--u)); top: calc(24 * var(--u)); width: calc(46 * var(--u)); height: calc(46 * var(--u)); background: var(--brand); border-radius: calc(10 * var(--u)) 0 calc(10 * var(--u)) 0; display: flex; align-items: center; justify-content: center; color: #fff; }
.hm-seal p { position: absolute; left: calc(84 * var(--u)); top: calc(var(--pt, 20.6) * var(--u)); font-size: calc(18 * var(--u)); line-height: calc(17.4 * var(--u)); text-transform: uppercase; white-space: nowrap; }
.hm-growth__btn { left: calc(922 * var(--u)); top: calc(652 * var(--u)); width: calc(637 * var(--u)); }
.hm-plat__btn { left: calc(411 * var(--u)); top: calc(653 * var(--u)); width: calc(538 * var(--u)); } .hm-tudo { --sh: 849; }
.hm-tudo__title { position: absolute; left: 0; right: calc(5 * var(--u)); top: calc(140.25 * var(--u)); text-align: center; z-index: 1; }
.hm-nudge { position: relative; left: calc(var(--n) * var(--u)); }
.hm-card { position: absolute; top: calc(348 * var(--u)); left: calc(var(--l) * var(--u)); width: calc(382 * var(--u)); height: calc(485 * var(--u)); border-radius: calc(18 * var(--u)); transition: translate .25s ease, box-shadow .25s ease; }
.hm-card:hover { translate: 0 calc(-6 * var(--u)); box-shadow: 0 calc(18 * var(--u)) calc(40 * var(--u)) rgba(28, 30, 60, .14); }
.hm-card__box { position: absolute; left: calc(60 * var(--u)); top: calc(59 * var(--u)); width: calc(82 * var(--u)); height: calc(82 * var(--u)); border-radius: calc(8 * var(--u)); }
.hm-card__box .hm-ico { position: absolute; left: calc(var(--l) * var(--u)); top: calc(var(--t) * var(--u)); }
.hm-card h3 { position: absolute; left: calc(60 * var(--u)); top: calc(236.25 * var(--u)); font-size: calc(25 * var(--u)); line-height: calc(25 * var(--u)); font-weight: 400; text-transform: uppercase; white-space: nowrap; }
.hm-card p { position: absolute; left: calc(59 * var(--u)); top: calc(346 * var(--u)); font-size: calc(18 * var(--u)); line-height: calc(22.15 * var(--u)); white-space: nowrap; }
.hm-bg-ink { background: var(--ink); color: #fff; }
.hm-bg-brand { background: var(--brand); color: #fff; }
.hm-bg-lavender { background: var(--lavender); color: var(--ink); }
.hm-bg-gray { background: var(--gray); color: var(--ink); }
.hm-bg-white { background: #fff; color: var(--ink); } .hm-diag { --sh: 756; }
.hm-diag__bar { position: absolute; left: calc(400 * var(--u)); top: calc(470 * var(--u)); width: calc(1122 * var(--u)); height: calc(41 * var(--u)); background: var(--lavender); opacity: .5; }
.hm-diag__title { position: absolute; left: calc(415 * var(--u)); top: calc(140.4 * var(--u)); font-weight: 400; z-index: 1; }
.hm-diag__t1 { display: block; font-size: calc(65 * var(--u)); line-height: calc(60 * var(--u)); letter-spacing: -0.02em; padding-top: 1.5px; }
.hm-diag__t2 { display: block; font-size: calc(100 * var(--u)); line-height: calc(85 * var(--u)); font-weight: 900; letter-spacing: -0.02em; margin-top: -1.5px; }
.hm-diag__text { position: absolute; left: calc(1118 * var(--u)); top: calc(231.3 * var(--u)); font-size: calc(24 * var(--u)); line-height: calc(28 * var(--u)); white-space: nowrap; }
.hm-diag__btn { left: calc(607 * var(--u)); top: calc(578 * var(--u)); width: calc(707 * var(--u)); } .hm-depo { --sh: 840; background: var(--gray); }
.hm-depo__title { position: absolute; left: 0; right: calc(4 * var(--u)); top: calc(142.4 * var(--u)); text-align: center; }
.hm-depo__title .hm-hl { position: relative; z-index: 0; white-space: nowrap; }
.hm-depo__title .hm-hl::after { content: ''; position: absolute; z-index: -1; left: calc(-5 * var(--u)); right: calc(-14 * var(--u)); bottom: calc(15 * var(--u)); height: calc(21 * var(--u)); background: var(--brand); opacity: .5; }
.hm-depo__slides { position: absolute; left: calc(139 * var(--u)); top: calc(319 * var(--u)); width: calc(1781 * var(--u)); height: calc(382 * var(--u)); }
.hm-slide { position: absolute; inset: 0; transition: opacity .45s ease; }
.hm-slide[hidden] { display: block; opacity: 0; visibility: hidden; }
.hm-depo__photo { position: absolute; left: 0; top: 0; width: calc(382 * var(--u)); height: calc(382 * var(--u)); border-radius: calc(18 * var(--u)); overflow: hidden; background: #fff; }
.hm-depo__photo img { width: 100%; height: 100%; object-fit: cover; }
.hm-depo__card { position: absolute; left: calc(421 * var(--u)); top: 0; width: calc(1081 * var(--u)); min-height: calc(382 * var(--u)); border-radius: calc(18 * var(--u)); background: #fff; display: flex; flex-direction: column; padding: calc(86.3 * var(--u)) calc(60 * var(--u)) calc(47 * var(--u)) calc(61 * var(--u)); }
.hm-depo__card::before { content: ''; position: absolute; left: calc(-15 * var(--u)); top: calc(93 * var(--u)); width: calc(19 * var(--u)); height: calc(36 * var(--u)); background: #fff; clip-path: polygon(100% 0, 0 50%, 100% 100%); }
.hm-depo__card > .hm-ico { position: absolute; left: calc(61 * var(--u)); top: calc(90 * var(--u)); color: var(--brand); transform: rotate(180deg); }
.hm-depo__card blockquote { padding-left: calc(99 * var(--u)); font-size: calc(24 * var(--u)); line-height: calc(28 * var(--u)); font-style: italic; }
.hm-depo__card blockquote p { margin: 0; }
.hm-depo__card blockquote :is(b, strong) { font-weight: 900; }
.hm-depo__card figcaption { margin-top: auto; padding-top: calc(24 * var(--u)); font-size: calc(22 * var(--u)); line-height: calc(27.2 * var(--u)); }
.hm-depo__card figcaption b { display: block; font-size: calc(26 * var(--u)); font-weight: 700; }
.hm-depo__next { position: absolute; left: calc(1540 * var(--u)); top: 0; width: calc(382 * var(--u)); height: calc(382 * var(--u)); border-radius: calc(18 * var(--u)); overflow: hidden; background: #fff; filter: grayscale(1); }
.hm-depo__next img { width: 100%; height: 100%; object-fit: cover; }
.hm-depo__next::after { content: ''; position: absolute; inset: 0; background: rgba(232, 233, 234, .5); }
.hm-depo .hm-dots { left: calc(1482 * var(--u)); top: calc(731 * var(--u)); } .hm-quadros { --sh: 1178; }
.hm-q { position: absolute; top: calc(134 * var(--u)); left: calc(var(--l) * var(--u)); width: calc(522 * var(--u)); height: calc(907 * var(--u)); border-radius: calc(18 * var(--u)); overflow: hidden; transition: translate .25s ease, box-shadow .25s ease; }
.hm-q:hover { translate: 0 calc(-6 * var(--u)); box-shadow: 0 calc(18 * var(--u)) calc(40 * var(--u)) rgba(28, 30, 60, .16); }
.hm-q > img.hm-q__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hm-q__title { position: absolute; font-size: calc(50 * var(--u)); line-height: calc(47 * var(--u)); font-weight: 400; text-align: right; white-space: nowrap; }
.hm-q__title strong { font-weight: 900; }
.hm-q__text { position: absolute; font-size: calc(20 * var(--u)); line-height: calc(28 * var(--u)); text-align: right; white-space: nowrap; }
.hm-q__btn { left: calc(54 * var(--u)); top: calc(787 * var(--u)); width: calc(414 * var(--u)); height: calc(64 * var(--u)); border-radius: calc(10 * var(--u)); background: var(--brand); font-size: calc(20 * var(--u)); line-height: calc(20 * var(--u)); }
.hm-q--1 { background: var(--gray); }
.hm-q--1 .hm-q__title { top: calc(374 * var(--u)); right: calc(59 * var(--u)); }
.hm-q--1 .hm-q__text { top: calc(658 * var(--u)); right: calc(61 * var(--u)); }
.hm-q--1 .hm-q__text b { font-weight: 900; }
.hm-q--2 { width: calc(523 * var(--u)); background: var(--brand); color: var(--ink); text-align: center; }
.hm-q__logo { position: absolute; left: calc(231 * var(--u)); top: calc(41 * var(--u)); width: calc(63 * var(--u)); height: calc(64 * var(--u)); }
.hm-q__sub { position: absolute; left: 1px; right: 0; top: calc(185.7 * var(--u)); font-size: calc(32 * var(--u)); line-height: calc(35 * var(--u)); text-align: center; }
.hm-q--2 .hm-q__title { left: 1px; right: 0; top: calc(342.8 * var(--u)); font-size: calc(75 * var(--u)); line-height: calc(64 * var(--u)); text-align: center; }
.hm-q--3 { background: var(--ink); color: #fff; }
.hm-q--3 > .hm-ico { position: absolute; left: calc(373 * var(--u)); top: calc(111 * var(--u)); color: #fff; }
.hm-q--3 .hm-q__title { top: calc(273 * var(--u)); right: calc(58 * var(--u)); }
.hm-q--3 .hm-q__text { top: calc(555 * var(--u)); right: calc(60 * var(--u)); } @media (max-width: 1199px) {
.hm-sec { --u: 1px; height: auto; padding: 40px 0; margin-top: 0; }
.hm-in { width: auto; height: auto; margin: 0 20px; display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
.hm-in > *, .hm-hero__visual > *, .hm-q > *:not(.hm-q__bg), .hm-card > *, .hm-depo__slides, .hm-logos__track { position: relative !important; inset: auto !important; translate: none; width: auto; height: auto; }
.hm :is(h1, h2, h3, p, span, a) { white-space: normal; }
.hm-mark, .hm-hero__outline, .hm-hero__gap, .hm-hero__side, .hm-hero__card, .hm-depo__next, .hm-diag__bar, .hm-depo__card::before { display: none !important; }
.hm-nudge { left: 0; }
.hm-depo__title .hm-hl::after { left: -.08em; right: -.08em; bottom: .08em; height: .34em; }
.hm-hero { padding-top: 16px; }
.hm-hero__title { font-size: 42px; line-height: 42px; letter-spacing: 0; }
.hm-hero__lead, .hm-banner__text, .hm-diag__text { font-size: 17px; line-height: 23px; letter-spacing: 0; }
.hm-hero__visual { position: relative; }
.hm-hero__photo { width: 100% !important; max-width: 420px; height: auto !important; margin: 0 auto; }
.hm-btn { width: 100% !important; height: 60px !important; font-size: 16px; line-height: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 22px; }
.hm-btn > span, .hm-btn > .hm-ico { position: static; translate: none; }
.hm-btn > span { flex: 1; }
.hm-h2 { font-size: 30px; line-height: 34px; }
.hm-logos__title, .hm-tudo__title, .hm-depo__title { padding: 0; }
.hm-logos__track { height: auto; }
.hm-logos__page { position: static !important; flex-wrap: wrap; justify-content: center !important; gap: 18px 28px; }
.hm-logos__page[hidden] { display: none; }
.hm-logo { width: calc(var(--w) * .62px); height: calc(var(--h) * .62px); }
.hm-dots { position: relative !important; inset: auto !important; margin: 0 auto; }
.hm-banner { background-size: cover; }
.hm-growth { background-position: 22% center; }
.hm-plat { background-position: 85% center; }
.hm-banner .hm-in { background: rgba(255, 255, 255, .8); border-radius: 18px; padding: 24px 18px; text-align: center; align-items: center; }
.hm-growth__eyebrow { font-size: 22px; line-height: 24px; }
.hm-big { font-size: 52px; line-height: 48px; }
.hm-seal { position: relative; left: 0; top: 0; width: 100%; max-width: 320px; height: 76px; }
.hm-seal p { left: 84px; top: 50%; translate: 0 -50%; font-size: 15px; line-height: 16px; text-align: left; }
.hm-seal__ck { top: 14px; left: 16px; }
.hm-card { position: relative; left: 0; top: 0; width: 100%; height: auto; padding: 28px; }
.hm-card__box { display: block; position: relative !important; left: 0 !important; top: 0 !important; width: 82px !important; height: 82px !important; }
.hm-card__box .hm-ico { position: absolute; }
.hm-card h3 { margin-top: 22px; font-size: 22px; line-height: 23px; }
.hm-card p { margin-top: 14px; font-size: 16px; line-height: 21px; }
.hm br { display: none; }
.hm-diag__t1 { font-size: 32px; line-height: 36px; letter-spacing: 0; }
.hm-diag__t2 { font-size: 50px; line-height: 48px; letter-spacing: 0; }
.hm-depo__slides { height: auto; }
.hm-slide { position: relative; display: flex; flex-direction: column; gap: 18px; }
.hm-slide[hidden] { display: none; }
.hm-depo__photo { position: relative; width: 160px; height: 160px; }
.hm-depo__card { position: relative; left: 0; width: auto; min-height: 0; padding: 24px; }
.hm-depo__card > .hm-ico { position: static; display: block; margin-bottom: 12px; }
.hm-depo__card blockquote { padding-left: 0; font-size: 17px; line-height: 23px; }
.hm-depo__card figcaption { padding-top: 18px; font-size: 16px; line-height: 21px; }
.hm-depo__card figcaption b { font-size: 19px; }
.hm-q { position: relative; left: 0; top: 0; width: 100%; height: auto; min-height: 540px; padding: 32px 24px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 18px; text-align: right; }
.hm-q--2 { justify-content: flex-start; align-items: center; text-align: center; min-height: 500px; }
.hm-q--3 { justify-content: center; }
.hm-q--3 > .hm-ico { width: 72px; height: 72px; }
.hm-q__title { font-size: 38px; line-height: 38px; }
.hm-q--2 .hm-q__title { font-size: 54px; line-height: 50px; }
.hm-q__sub { font-size: 24px; line-height: 28px; }
.hm-q__text { font-size: 17px; line-height: 24px; }
}
@media (prefers-reduced-motion: reduce) {
.hm *, .hm *::before { transition: none !important; }
}