.tgd-system-intro{background:#fff;color:#111;padding:110px 24px 120px;overflow:hidden}.tgd-system-intro__inner{width:100%;max-width:1320px;margin:0 auto}.tgd-system-intro__top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(32px,5vw,90px);margin-bottom:64px}.tgd-system-intro__header{max-width:820px;margin-bottom:0}.tgd-system-intro__image-wrap{width:100%;display:flex;justify-content:center;align-items:center}.tgd-system-intro__image{width:min(100%,620px);height:auto;display:block;object-fit:contain}.tgd-system-intro__label{display:inline-flex;margin:0 0 22px;padding:9px 14px;border-radius:999px;background:#2b00f9;color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1}.tgd-system-intro__title{margin:0;max-width:900px;font-size:clamp(44px,6vw,92px);line-height:.92;letter-spacing:-.065em;font-weight:800;color:#111}.tgd-system-intro__text{max-width:670px;margin:28px 0 0;font-size:clamp(17px,1.4vw,22px);line-height:1.45;color:#111111ad;font-weight:500}.tgd-system-intro__cards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.tgd-system-intro__card{min-height:360px;padding:28px;border-radius:30px;background:#fff;border:1px solid rgba(17,17,17,.1);display:flex;flex-direction:column;justify-content:space-between;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.tgd-system-intro__card:hover{transform:translateY(-6px);box-shadow:0 28px 70px #1111111f;border-color:#1111112e}.tgd-system-intro__card--main{background:#fff;color:#111;border-color:#1111111a}.tgd-system-intro__card-number{font-size:13px;font-weight:800;letter-spacing:.1em;opacity:.55}.tgd-system-intro__card h3{margin:auto 0 18px;font-size:clamp(30px,3vw,48px);line-height:.95;letter-spacing:-.045em;font-weight:800}.tgd-system-intro__card p{margin:0 0 28px;font-size:16px;line-height:1.45;color:#111111ad;font-weight:500}.tgd-system-intro__card-link{width:fit-content;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;background:#2b00f9;color:#fff;text-decoration:none;font-size:13px;font-weight:800;line-height:1;transition:transform .24s ease,background .24s ease}.tgd-system-intro__card-link:hover{transform:scale(1.04);background:#2b00f9;color:#fff}@media screen and (max-width:990px){.tgd-system-intro{padding:82px 18px 90px}.tgd-system-intro__header{margin-bottom:42px}.tgd-system-intro__cards{grid-template-columns:1fr}.tgd-system-intro__card{min-height:280px;border-radius:24px}.tgd-system-intro__top{grid-template-columns:1fr;gap:36px;margin-bottom:42px}.tgd-system-intro__image-wrap{justify-content:flex-start}.tgd-system-intro__image{width:min(100%,520px)}}@media screen and (max-width:640px){.tgd-system-intro{padding:68px 16px 76px}.tgd-system-intro__title{font-size:clamp(42px,14vw,64px)}.tgd-system-intro__text{font-size:16px}.tgd-system-intro__card{padding:24px}}.tgd-system-intro--animate .tgd-system-intro__label{opacity:0;transform:translateY(-42px);transition:opacity .7s ease,transform .7s ease}.tgd-system-intro--animate .tgd-system-intro__card{opacity:0;transform:translate(-90px);transition:opacity .8s ease,transform .8s ease}.tgd-system-intro--visible .tgd-system-intro__label{opacity:1;transform:translateY(0)}.tgd-system-intro--visible .tgd-system-intro__card{opacity:1;transform:translate(0)}.tgd-system-intro--visible .tgd-system-intro__card:nth-child(1){transition-delay:.1s}.tgd-system-intro--visible .tgd-system-intro__card:nth-child(2){transition-delay:.22s}.tgd-system-intro--visible .tgd-system-intro__card:nth-child(3){transition-delay:.34s}.tgd-system-intro--animate .tgd-system-intro__title,.tgd-system-intro--animate .tgd-system-intro__text{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s ease}.tgd-system-intro--visible .tgd-system-intro__title,.tgd-system-intro--visible .tgd-system-intro__text{opacity:1;transform:translateY(0)}.tgd-system-intro--visible .tgd-system-intro__title{transition-delay:.12s}.tgd-system-intro--visible .tgd-system-intro__text{transition-delay:.24s}.tgd-system-intro--animate .tgd-system-intro__image-wrap{opacity:0;transform:translate(80px) scale(.96);transition:opacity .9s ease,transform .9s ease}.tgd-system-intro--visible .tgd-system-intro__image-wrap{opacity:1;transform:translate(0) scale(1);transition-delay:.22s}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tgd-system-intro.css.map */