.hero{position:relative;overflow:hidden;display:flex;align-items:center}.hero__inner{position:relative;z-index:3;text-align:center;max-width:1140px;margin:auto}.hero__title{letter-spacing:-.03em}.hero__lead{max-width:830px;margin:26px auto 0;font-size:clamp(1rem,1.35vw,1.22rem);color:#2A3339;font-weight:500;line-height:1.55;opacity:0;transform:translateY(22px);transition:.8s var(--ease) .5s}.hero__cta{margin-top:38px;opacity:0;transform:translateY(22px);transition:.8s var(--ease) .66s}.hero.is-ready .hero__lead,.hero.is-ready .hero__cta{opacity:1;transform:none}.hero .geo{opacity:0;transition:opacity 1.2s var(--ease)}.hero.is-ready .geo{opacity:1}.thero{min-height:520px;padding:152px 0 84px}.thero .hero__title{font-size:clamp(1.85rem,3.35vw,2.95rem);line-height:1.22}.thero .hero__lead{max-width:850px}
.tools{background:#fff}.tools .head{max-width:1060px}.tools__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.tool{border:1px solid #DCE9F3;border-radius:14px;background:#fff;padding:30px 26px;transition:.4s var(--ease)}.tool:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(20,64,102,.1);border-color:#C6DFEF}.tool__head{display:flex;align-items:center;gap:18px}.tool__ic{width:74px;height:74px;border-radius:50%;background:#E9F3FA;color:var(--blue);display:grid;place-items:center;flex:none}.tool__ic svg{width:34px;height:34px}.tool__t{font-size:1.32rem;line-height:1.24}.tool__p{margin-top:16px;margin-left:92px;font-size:.9rem;line-height:1.62;color:#4B5761;font-weight:500}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tag{display:inline-flex;padding:7px 12px;border-radius:18px;background:#EDF5FA;color:#285A79;font-size:.78rem;font-weight:700;transition:.3s var(--ease)}.tool:hover .tag{background:#E2EFF9}
.tech-sel{position:relative;overflow:hidden;background:linear-gradient(110deg,#F8F9FD 0%,#F6F7FE 45%,#F3F1FD 72%,#EFEBFC 100%)}.tech-sel__grid{display:grid;grid-template-columns:1fr 1.06fr;gap:54px;align-items:start;position:relative;z-index:2}.tech-sel__title{margin-top:22px;font-size:clamp(1.6rem,2.7vw,2.45rem);line-height:1.24}.pills{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E3E9F3;border-radius:10px;padding:12px 14px;font-size:.8rem;font-weight:700;line-height:1.3;color:#1A232B;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.pill:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(26,60,100,.09)}.pill svg{width:20px;height:20px;color:var(--blue);flex:none}.tsteps{position:relative;padding-left:72px}.tstep{position:relative;margin-bottom:26px;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.tstep:last-child{margin-bottom:0}.tstep:nth-of-type(odd){margin-right:56px}.tstep:nth-of-type(even){margin-left:56px}.tstep:first-of-type .tstep__badge{top:-4px;transform:none}.tstep__badge{position:absolute;left:-66px;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:var(--blue-dark);color:#fff;display:grid;place-items:center;font-size:1rem;font-weight:800;z-index:3;box-shadow:0 6px 16px rgba(12,60,96,.22)}.tstep__card{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #DCE9F3;border-radius:14px;padding:24px 26px;box-shadow:0 12px 30px rgba(20,60,100,.07);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.tstep__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(20,60,100,.12)}.tstep__ic{width:46px;height:46px;flex:none;color:var(--blue);display:grid;place-items:center}.tstep__ic svg{width:38px;height:38px}.tstep__t{font-size:1.28rem;letter-spacing:-.02em}.tstep__p{margin-top:8px;font-size:.9rem;line-height:1.58;color:#4B5761;font-weight:500}.tsteps__line{position:absolute;inset:0;z-index:1;pointer-events:none}.tsteps__line svg{width:100%;height:100%}.tsteps__path{fill:none;stroke:#4E9DCB;stroke-width:2;stroke-dasharray:9 8;stroke-linecap:round;opacity:0;transition:opacity .8s var(--ease) .2s}.tech-sel.is-in .tsteps__path,.tech-sel.is-in .tsteps__end{opacity:1}.tsteps__end{transition:opacity .8s var(--ease) .9s}.tech-sel.is-in .tstep{opacity:1;transform:none}.tech-sel.is-in .tstep:nth-of-type(2){transition-delay:.14s}.tech-sel.is-in .tstep:nth-of-type(3){transition-delay:.28s}.tech-sel.is-in .tstep:nth-of-type(4){transition-delay:.42s}
@media(max-width:1024px){.tools__grid{grid-template-columns:repeat(2,1fr)}.tech-sel__grid{grid-template-columns:1fr}.pills{max-width:620px}}@media(max-width:760px){.thero{min-height:500px;padding:140px 0 74px}.tools__grid{grid-template-columns:1fr}.tool__p{margin-left:0}.pills{grid-template-columns:repeat(2,1fr)}.tsteps{padding-left:58px}.tstep:nth-of-type(n){margin-left:0;margin-right:0}.tstep__badge{left:-58px}}
@media(max-width:1024px){.tech-sel__grid{grid-template-columns:1fr;gap:44px}.pills{grid-template-columns:repeat(2,1fr);max-width:none}}@media(max-width:760px){.tsteps{padding-left:62px}.tstep:nth-of-type(odd){margin-right:0}.tstep:nth-of-type(even){margin-left:0}.tstep__badge{left:-56px;width:44px;height:44px;font-size:.9rem}.tstep:first-of-type .tstep__badge{top:50%;transform:translateY(-50%)}.tstep__card{padding:20px 20px 20px 22px;gap:14px}.tstep__ic{width:34px;height:34px}.tstep__ic svg{width:30px;height:30px}.pills{gap:12px}}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:#DCEBF6;color:#12303F;font-size:.85rem;font-weight:700;letter-spacing:.01em}.chip--dark{background:var(--teal);color:#fff;font-size:.82rem}