.design-system-page_page__bBxVP{color:#173958;background:#fff}.design-system-page_container__QojvF{width:min(1332px,calc(100% - 112px));margin:0 auto}.design-system-page_hero__hrKUg{padding:72px 0 58px;background:#102d4d;color:#fff}.design-system-page_hero__hrKUg span,.design-system-page_sectionHead__qoczc>span{display:block;margin-bottom:13px;color:#70c4f8;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.design-system-page_hero__hrKUg h1{margin:0;font-size:50px;font-weight:600;letter-spacing:-.03em}.design-system-page_hero__hrKUg p{max-width:760px;margin:20px 0 30px;color:#c9d9e6;font-size:18px;line-height:1.6}.design-system-page_hero__hrKUg nav{display:flex;flex-wrap:wrap;gap:10px}.design-system-page_hero__hrKUg nav a{padding:9px 13px;border:1px solid rgb(255 255 255/.24);border-radius:7px;color:#fff;font-size:14px}.design-system-page_section__GzQW2{padding:76px 0}.design-system-page_pale__j9Th9{background:#f5f8fb}.design-system-page_sectionHead__qoczc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:8px 36px;margin-bottom:34px}.design-system-page_sectionHead__qoczc>span{grid-row:1/3;padding-top:6px;color:#087fce}.design-system-page_sectionHead__qoczc h2{margin:0;color:#102d4d;font-size:32px;font-weight:600}.design-system-page_sectionHead__qoczc p{max-width:760px;margin:8px 0 0;color:#60778d;font-size:16px;line-height:1.6}.design-system-page_foundationGrid__ldGuD{display:grid;grid-template-columns:1fr 1fr;gap:18px}.design-system-page_panel__nZGHk{padding:28px;border:1px solid #d9e3eb;border-radius:12px;background:#fff}.design-system-page_panel__nZGHk h3{margin:0 0 24px;font-size:20px}.design-system-page_colors___t7Xb{display:grid;grid-template-columns:1fr 1fr;gap:18px}.design-system-page_colors___t7Xb div{display:grid;grid-template-columns:48px 1fr;gap:2px 12px;align-items:center}.design-system-page_colors___t7Xb i{grid-row:1/3;width:48px;height:48px;border:1px solid #d9e3eb;border-radius:9px}.design-system-page_colors___t7Xb strong{font-size:15px}.design-system-page_colors___t7Xb code,.design-system-page_spacing__x70t1 code{color:#60778d;font-size:12px}.design-system-page_typeScale__L2EqH{display:grid;gap:18px}.design-system-page_typeScale__L2EqH div{display:grid;grid-template-columns:110px 1fr;align-items:baseline;gap:16px}.design-system-page_typeScale__L2EqH span{color:#087fce;font-size:12px;font-weight:700}.design-system-page_typeScale__L2EqH b{font-size:28px}.design-system-page_typeScale__L2EqH strong{font-size:22px}.design-system-page_typeScale__L2EqH p{margin:0;font-size:16px;line-height:1.5}.design-system-page_typeScale__L2EqH small{font-size:12px;font-weight:700;letter-spacing:.08em}.design-system-page_spacing__x70t1{display:grid;gap:13px}.design-system-page_spacing__x70t1 div{display:grid;grid-template-columns:32px 1fr 48px;align-items:center;gap:12px}.design-system-page_spacing__x70t1 i{height:8px;border-radius:4px;background:#087fce}.design-system-page_note__OBI_o{margin:22px 0 0;color:#60778d;font-size:16px;line-height:1.55}.design-system-page_shapes__EwxpV{display:flex;align-items:center;gap:18px}.design-system-page_shapes__EwxpV div{height:74px;display:grid;place-items:center;padding:0 18px;background:#f5f8fb;color:#173958}.design-system-page_radius__P74g_{border-radius:12px}.design-system-page_border__nBS_H{border:1px solid #9ecdf0;border-radius:2px}.design-system-page_shadow__FoRSf{border-radius:7px;box-shadow:0 8px 24px rgb(0 62 109/.18)}.design-system-page_componentStack__22jw_{display:grid;gap:16px}.design-system-page_demo__rJxAv{display:grid;grid-template-columns:260px 1fr;overflow:hidden;border:1px solid #d9e3eb;border-radius:12px;background:#fff}.design-system-page_demoInfo__oS0QU{padding:26px;border-right:1px solid #d9e3eb}.design-system-page_demoInfo__oS0QU b{font-size:18px}.design-system-page_demoInfo__oS0QU p{margin:10px 0 0;color:#60778d;font-size:16px;line-height:1.5}.design-system-page_buttonDemo___fE8z{display:flex;align-items:center;gap:26px;padding:30px}.design-system-page_buttonDemo___fE8z button{min-height:52px;display:flex;align-items:center;gap:12px;padding:0 22px;border:0;border-radius:7px;background:#0789df;color:#fff;font-size:16px;font-weight:700}.design-system-page_buttonDemo___fE8z svg{width:19px}.design-system-page_buttonDemo___fE8z a{padding-bottom:7px;border-bottom:1px solid #087fce;color:#087fce;font-weight:700}.design-system-page_offerDemo__axwMJ{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:24px 30px;background:#f5f8fb}.design-system-page_offerDemo__axwMJ>div{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:0 22px;border-right:1px solid #d9e3eb}.design-system-page_offerDemo__axwMJ>div:last-child{border:0}.design-system-page_offerDemo__axwMJ svg{width:28px;color:#087fce}.design-system-page_offerDemo__axwMJ span{display:grid;gap:4px}.design-system-page_offerDemo__axwMJ strong{font-size:16px}.design-system-page_offerDemo__axwMJ small{color:#60778d;font-size:16px;line-height:1.4}.design-system-page_headingDemo__xYwL_{position:relative;padding:28px 30px}.design-system-page_headingDemo__xYwL_>span{color:#087fce;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.design-system-page_headingDemo__xYwL_ h3{max-width:600px;margin:12px 150px 0 0;color:#102d4d;font-size:28px}.design-system-page_headingDemo__xYwL_ a{position:absolute;right:30px;bottom:32px;color:#087fce;font-weight:700}.design-system-page_photoDemo__Q3i4d{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px}.design-system-page_photoDemo__Q3i4d img{width:100%;height:auto;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;border-radius:8px}.design-system-page_layoutGrid__PWK0R{border-top:1px solid #cfdde8}.design-system-page_layoutGrid__PWK0R article{display:grid;grid-template-columns:64px 34% 1fr;gap:26px;align-items:baseline;padding:23px 0;border-bottom:1px solid #d9e3eb}.design-system-page_layoutGrid__PWK0R article>span{color:#087fce;font-size:16px;font-weight:700}.design-system-page_layoutGrid__PWK0R h3{margin:0;font-size:20px}.design-system-page_layoutGrid__PWK0R p{margin:0;color:#60778d;font-size:16px;line-height:1.6}.design-system-page_rules__h0COb{background:#102d4d;color:#fff}.design-system-page_rules__h0COb .design-system-page_sectionHead__qoczc h2{color:#fff}.design-system-page_rules__h0COb ol{display:grid;grid-template-columns:1fr 1fr;gap:0 52px;margin:0;padding:0;list-style:none;counter-reset:rules}.design-system-page_rules__h0COb li{counter-increment:rules;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:20px 0;border-top:1px solid rgb(255 255 255/.18);font-size:16px;line-height:1.55}.design-system-page_rules__h0COb li:before{content:counter(rules,decimal-leading-zero);color:#70c4f8;font-weight:700}@media(max-width:1000px){.design-system-page_container__QojvF{width:calc(100% - 48px)}.design-system-page_demo__rJxAv,.design-system-page_foundationGrid__ldGuD{grid-template-columns:1fr}.design-system-page_demoInfo__oS0QU{border-right:0;border-bottom:1px solid #d9e3eb}.design-system-page_offerDemo__axwMJ{grid-template-columns:1fr}.design-system-page_offerDemo__axwMJ>div{padding:14px 0;border-right:0;border-bottom:1px solid #d9e3eb}.design-system-page_offerDemo__axwMJ>div:last-child{border-bottom:0}.design-system-page_photoDemo__Q3i4d{grid-template-columns:1fr 1fr}.design-system-page_layoutGrid__PWK0R article{grid-template-columns:50px 1fr}.design-system-page_layoutGrid__PWK0R p{grid-column:2}.design-system-page_rules__h0COb ol{grid-template-columns:1fr}}@media(max-width:600px){.design-system-page_container__QojvF{width:calc(100% - 24px)}.design-system-page_hero__hrKUg{padding:52px 0 42px}.design-system-page_hero__hrKUg h1{font-size:34px}.design-system-page_section__GzQW2{padding:48px 0}.design-system-page_sectionHead__qoczc{grid-template-columns:1fr;margin-bottom:26px}.design-system-page_sectionHead__qoczc>span{grid-row:auto}.design-system-page_sectionHead__qoczc h2{font-size:26px}.design-system-page_panel__nZGHk{padding:22px}.design-system-page_colors___t7Xb{grid-template-columns:1fr}.design-system-page_typeScale__L2EqH div{grid-template-columns:1fr;gap:5px}.design-system-page_shapes__EwxpV{align-items:stretch;flex-direction:column}.design-system-page_buttonDemo___fE8z{align-items:flex-start;flex-direction:column;padding:24px}.design-system-page_headingDemo__xYwL_ h3{margin-right:0;font-size:24px}.design-system-page_headingDemo__xYwL_ a{position:static;display:inline-block;margin-top:18px}.design-system-page_photoDemo__Q3i4d{grid-template-columns:1fr}.design-system-page_layoutGrid__PWK0R article{grid-template-columns:38px 1fr;gap:10px}}