/* Объёмные карточки и расширенные разделы главной. */
.services{padding-top:44px;padding-bottom:54px}
.section-heading{margin-bottom:35px}
.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:10px 0 18px}
.thick-card{--ry:30deg;--rx:15deg;perspective:1000px;perspective-origin:50% 50%;min-width:0;width:100%;display:flex;flex-direction:column}
.thick-card__card{position:relative;width:100%;min-height:410px;padding:0 0 25px;display:flex;flex-direction:column;border-radius:18px;transform-style:preserve-3d;transform:rotateY(0deg) rotateX(0deg);transform-origin:center;transition:transform 1s ease}
.thick-card__media{position:relative;flex:none;width:calc(100% - 28px);aspect-ratio:16/10;margin:14px 14px 0;border-radius:13px;overflow:hidden;transform:translateZ(20px);background:#e3eef8}
.thick-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.thick-card__card>h3,.thick-card__card>p,.thick-card__card>.more{position:relative;z-index:1;transform:translate3d(0,0,20px);transition:transform 1s ease}
.thick-card__card>h3{margin:23px 32px 18px;font-size:20px;line-height:1.23;letter-spacing:-.025em;min-height:49px;flex:none}
.thick-card__card>p{margin:0 32px;flex:1;font-size:15px;line-height:1.5;color:#4a6078}
.thick-card__card>.more{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#1568d6;margin:21px 32px 0;flex:none;align-self:flex-start}
.thick-card__layers{position:absolute;inset:0;transform-style:preserve-3d;z-index:-1;pointer-events:none}
.thick-card__layer{position:absolute;inset:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 8px #0004;transform:translateZ(var(--tz,0px))}
.thick-card__layer:nth-child(1){--tz:0px}.thick-card__layer:nth-child(2){--tz:-4px}.thick-card__layer:nth-child(3){--tz:-8px}.thick-card__layer:nth-child(4){--tz:-12px}.thick-card__layer:nth-child(5){--tz:-16px}.thick-card__layer:nth-child(6){--tz:-20px}.thick-card__layer:nth-child(7){--tz:-24px}.thick-card__layer:nth-child(8){--tz:-28px}.thick-card__layer:nth-child(9){--tz:-32px}.thick-card__layer:nth-child(10){--tz:-36px;box-shadow:inset 0 0 8px #0004,0 0 5px #0007,0 20px 30px #18396113}
@media(hover:hover) and (pointer:fine){.thick-card__card:hover{transform:rotateY(var(--hover-y,-22deg)) rotateX(var(--hover-x,9deg))}.thick-card__card:hover>h3,.thick-card__card:hover>p,.thick-card__card:hover>.more{transform:translate3d(0,0,20px)}}

.services-grid.cards-in .thick-card{animation:card-enter .85s var(--ease) both}.services-grid.cards-in .thick-card:nth-child(2){animation-delay:.09s}.services-grid.cards-in .thick-card:nth-child(3){animation-delay:.18s}.services-grid.cards-in .thick-card:nth-child(4){animation-delay:.27s}
@keyframes card-enter{from{translate:0 26px}to{translate:0 0}}
.detail-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:52px;scroll-margin-top:105px}
.detail-section:nth-of-type(even) .detail-media{order:-1}
.detail-copy .eyebrow{margin-bottom:14px}.detail-copy h2{font-size:42px;line-height:1.13;max-width:570px;margin-bottom:22px;letter-spacing:-.035em}.detail-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#4a6078;max-width:505px}
.detail-points{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}.detail-points li{position:relative;padding-left:23px;font-size:14px;color:#425d76}.detail-points li:before{content:'✓';position:absolute;left:0;top:0;color:#1491cc;font-size:13px}
.detail-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:27px}.detail-actions .button{font-size:13px}
.detail-media{position:relative;min-width:0;perspective:1100px;padding:12px 10px 20px}
.detail-media>img{width:100%;aspect-ratio:1.4;object-fit:cover;border:12px solid #fff;border-radius:22px;box-shadow:-5px 6px 0 #cddbe8,-9px 10px 0 #e5edf3,0 22px 40px #24416221;transform:rotateY(0deg) rotateX(0deg);transition:transform 1s ease}
.detail-section:nth-of-type(even) .detail-media>img{transform:rotateY(0deg) rotateX(0deg);box-shadow:5px 6px 0 #cddbe8,9px 10px 0 #e5edf3,0 22px 40px #24416221}
@media(hover:hover) and (pointer:fine){.detail-media:hover>img,.detail-section:nth-of-type(even) .detail-media:hover>img{transform:rotateY(-9deg) rotateX(5deg)}}
.detail-caption{display:block;color:#58718a;font-size:11px;text-align:center;margin-top:24px;letter-spacing:.02em}.detail-copy h2 span{color:#1568d6}.detail-section .detail-media{order:0}.detail-section.detail-section--reverse .detail-media{order:-1}.faq-section .section-heading{display:block;margin-bottom:0}.faq-section .section-heading>p{display:block;margin-top:20px;font-size:15px;color:#4a6078}.faq-item summary>span{display:none}.faq-answer .text-link{margin-top:14px;text-decoration:none}
.start-section{margin-top:40px;margin-bottom:34px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-block:46px 65px;align-items:start}.faq-section .eyebrow{margin-bottom:14px}.faq-section h2{font-size:39px;line-height:1.15}.faq-section .faq-intro{color:#4a6078;font-size:15px;line-height:1.65;margin-top:20px}.faq-list{display:grid;gap:12px}.faq-item{background:#ffffffd6;border:1px solid #fff;border-radius:17px;padding:0 23px;box-shadow:0 4px 0 #d8e2ec55}.faq-item summary{display:flex;justify-content:space-between;gap:18px;align-items:center;cursor:pointer;list-style:none;font-size:16px;font-weight:600;line-height:1.4;padding:21px 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';font-size:24px;font-weight:400;color:#1a72cb;flex:none}.faq-item[open] summary:after{content:'−'}.faq-item>p,.faq-item>div{font-size:14px;line-height:1.7;color:#4a6078;padding-bottom:23px}.faq-item a{color:#1568d6;text-decoration:underline;text-underline-offset:3px}.faq-item summary:focus-visible{outline:3px solid #0089d6;outline-offset:4px;border-radius:6px}
@media(min-width:1600px){.shell{width:min(1360px,calc(100% - 80px))}.thick-card__card{min-height:440px}.thick-card__card>h3{font-size:22px}.detail-section{gap:100px}}
@media(max-width:1100px){.services-grid{gap:20px}.thick-card__card{min-height:385px}.thick-card__card>h3{font-size:18px;margin:20px 26px 14px;min-height:45px}.thick-card__card>p{font-size:14px;margin-inline:26px}.thick-card__card>.more{font-size:14px;margin:17px 26px 0}.detail-section{gap:45px;padding-block:42px}.detail-copy h2{font-size:35px}.detail-copy>p:not(.eyebrow){font-size:15px}.detail-points li{font-size:13px}.faq-section{gap:45px}.faq-section h2{font-size:33px}}
@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;padding-inline:14px}.thick-card__card{min-height:410px}.thick-card__card>h3{font-size:23px;min-height:56px;margin-inline:33px}.thick-card__card>p{font-size:16px;margin-inline:33px}.thick-card__card>.more{font-size:16px;margin-inline:33px}.detail-section{gap:30px}.detail-copy h2{font-size:30px}.detail-actions{gap:17px}.detail-actions .button{font-size:12px;padding:13px 20px;gap:14px}.detail-media>img{border-width:8px}.faq-section{gap:30px;grid-template-columns:1fr 1.25fr}.faq-section h2{font-size:29px}}
@media(max-width:650px){.services{padding-top:33px}.section-heading{margin-bottom:24px}.services-grid{gap:25px 20px;padding-inline:4px}.thick-card{--ry:21deg;--rx:9deg}.thick-card__card{min-height:350px}.thick-card__media{width:calc(100% - 18px);margin:9px 9px 0;border-radius:10px;transform:translateZ(10px)}.thick-card__card>h3{font-size:17px;min-height:43px;margin:18px 20px 12px}.thick-card__card>p{font-size:13px;line-height:1.5;margin-inline:20px}.thick-card__card>.more{font-size:13px;margin:16px 20px 0}.thick-card__card>h3,.thick-card__card>p,.thick-card__card>.more{transform:translate3d(0,0,10px)}.thick-card__layer:nth-child(2){--tz:-2px}.thick-card__layer:nth-child(3){--tz:-4px}.thick-card__layer:nth-child(4){--tz:-6px}.thick-card__layer:nth-child(5){--tz:-8px}.thick-card__layer:nth-child(6){--tz:-10px}.thick-card__layer:nth-child(7){--tz:-12px}.thick-card__layer:nth-child(8){--tz:-14px}.thick-card__layer:nth-child(9){--tz:-16px}.thick-card__layer:nth-child(10){--tz:-18px}.detail-section{grid-template-columns:1fr;gap:20px;padding-block:34px;scroll-margin-top:85px}.detail-section:nth-of-type(even) .detail-media{order:0}.detail-copy h2{font-size:32px;line-height:1.16}.detail-copy>p:not(.eyebrow){font-size:15px}.detail-points li{font-size:14px}.detail-actions .button{font-size:13px}.detail-media{padding:10px 10px 16px}.detail-media>img{aspect-ratio:1.55;transform:rotateY(0deg) rotateX(0deg);border-width:9px}.faq-section{grid-template-columns:1fr;gap:26px;padding-block:28px 38px}.faq-section h2{font-size:32px}.faq-item summary{font-size:15px}.faq-item{padding-inline:19px}.faq-section .faq-intro{font-size:14px}.start-section{margin-top:25px}}
@media(max-width:430px){.services-grid{grid-template-columns:1fr;padding-inline:25px;gap:38px}.thick-card{--ry:27deg;--rx:12deg}.thick-card__card{min-height:395px}.thick-card__media{width:calc(100% - 24px);margin:12px 12px 0;transform:translateZ(16px)}.thick-card__card>h3{font-size:23px;margin:22px 31px 16px;min-height:52px}.thick-card__card>p{font-size:16px;margin-inline:31px}.thick-card__card>.more{font-size:16px;margin:22px 31px 0}.thick-card__card>h3,.thick-card__card>p,.thick-card__card>.more{transform:translate3d(0,0,16px)}}
@media(prefers-reduced-motion:reduce){.services-grid.cards-in .thick-card{animation:none}.thick-card,.thick-card__card,.detail-media>img{transition:none}}
@media(max-width:650px){.detail-section.detail-section--reverse .detail-media{order:0}.detail-caption{font-size:10px;margin-top:20px}}

@media(prefers-reduced-motion:reduce){.thick-card__card:hover,.detail-media:hover>img,.detail-section:nth-of-type(even) .detail-media:hover>img{transform:rotateY(0deg) rotateX(0deg)}}

/* Different hover directions, with a front-facing resting position. */
.thick-card:nth-of-type(6n+1),.tariff-3d:nth-of-type(6n+1){--hover-y:-22deg;--hover-x:9deg}
.thick-card:nth-of-type(6n+2),.tariff-3d:nth-of-type(6n+2){--hover-y:19deg;--hover-x:-12deg}
.thick-card:nth-of-type(6n+3),.tariff-3d:nth-of-type(6n+3){--hover-y:-15deg;--hover-x:-10deg}
.thick-card:nth-of-type(6n+4),.tariff-3d:nth-of-type(6n+4){--hover-y:24deg;--hover-x:7deg}
.thick-card:nth-of-type(6n+5),.tariff-3d:nth-of-type(6n+5){--hover-y:13deg;--hover-x:-15deg}
.thick-card:nth-of-type(6n),.tariff-3d:nth-of-type(6n){--hover-y:-26deg;--hover-x:5deg}