.pat-page { font-family: 'Proxima Nova', 'ProximaNova', Arial, sans-serif; color: #092239; overflow-x: hidden; }
.pat-page *, .pat-page *::before, .pat-page *::after { box-sizing: border-box; }
.pat-page :where(h1, h2, h3, p) { margin: 0; }
.pat-page img { display: block; max-width: 100%; }
.pat-page a { text-decoration: none; }

.pat-works__inner, .pat-cat__inner, .pat-why__inner, .pat-faq__inner {
    max-width: 1440px; margin: 0 auto; padding: 0 80px;
}

.pat-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    height: 48px; padding: 0 22px; border: 0; border-radius: 10px;
    font-size: 16px; font-weight: 600; line-height: 1; cursor: pointer; white-space: nowrap;
}
.pat-btn img { width: 14px; height: 14px; }
.pat-btn--dark  { background: #003D46; color: #fff !important; }
.pat-btn--ghost { background: rgba(35,70,72,0.06); color: #003D46 !important; font-size: 14px; }
.pat-btn--ghost img { filter: brightness(0) saturate(100%) invert(11%) sepia(28%) saturate(2000%) hue-rotate(170deg); }
.pat-btn--glass { background: rgba(255,255,255,0.17); color: #fff !important; }

.pat-hero__content .pat-hero__sub { margin-top: 19px; }
.pat-midcta__inner .pat-midcta__sub { margin-top: 16px; }
.pat-botcta__inner .pat-botcta__sub { margin-top: 16px; }
.pat-stories__head .pat-stories__sub { margin: 12px auto 0; }
.pat-why__card .pat-why__cardtitle { margin-top: 12px; }
.pat-why__card .pat-why__carddesc { margin-top: 12px; }

.pat-hero { background: #fff; }
.pat-hero__inner { position: relative; max-width: 1440px; margin: 0 auto; padding: 0 80px; min-height: 587px; }
.pat-hero__content { position: relative; z-index: 2; width: 600px; padding-top: 120px; }
.pat-hero__title { font-size: 56px; font-weight: 600; line-height: 1.018; color: #2D3336; }
.pat-hero__sub { width: 535px; max-width: 100%; margin-top: 19px; font-size: 18px; font-weight: 400; line-height: 1.222; color: #092239; opacity: 0.9; }
.pat-hero__btns { display: flex; gap: 12px; margin-top: 19px; }
.pat-hero__media { position: absolute; top: 0; right: 33px; width: 651px; height: 587px; z-index: 1; }
.pat-hero__media img { width: 100%; height: 100%; object-fit: contain; object-position: right top; }

.pat-trust { background: #003D46; }
.pat-trust__inner { max-width: 1331px; margin: 0 auto; min-height: 70px; padding: 10px 80px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pat-trust__item { display: flex; align-items: center; gap: 8px; }
.pat-trust__item img { width: 18px; height: 18px; }
.pat-trust__item span { font-family: 'Inter', 'Proxima Nova', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.12; color: #fff; }

.pat-works { padding-top: 38px; }
.pat-works__title { font-size: 48px; font-weight: 600; line-height: 1.34; color: #2D3336; }
.pat-works__title span { color: #003D46; }
.pat-works__timeline { position: relative; margin-top: 24px; }
.pat-works__line { position: absolute; top: 14px; left: 0; width: 100%; height: 2px; background: rgba(35,70,72,0.07); }
.pat-works__steps { display: flex; justify-content: space-between; }
.pat-step { position: relative; width: 328px; padding-top: 52px; display: flex; flex-direction: column; gap: 6px; }
.pat-step__dot { position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%; background: transparent; display: flex; align-items: center; justify-content: center; }
.pat-step__dot::after { content: ''; width: 18px; height: 18px; border-radius: 50%; background: #F0F2F2; }
.pat-step__dot.is-active { background: #F0F2F2; }
.pat-step__dot.is-active::after { background: #003D46; }
.pat-step__n { font-size: 28px; font-weight: 400; line-height: 0.857; text-transform: uppercase; color: #003D46; }
.pat-step__title { font-size: 20px; font-weight: 600; line-height: 1.25; color: #092239; }
.pat-step__desc { font-size: 16px; font-weight: 400; line-height: 1.3125; color: #092239; opacity: 0.7; }

.pat-cat { padding-top: 60px; }
.pat-cat__title { font-size: 48px; font-weight: 600; line-height: 1.1875; color: #2D3336; }
.pat-cat__tabs { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.pat-cat__tabs .pat-tab {
    height: 44px; padding: 0 24px !important; border: 0; border-radius: 50px;
    background: rgba(0,61,70,0.06); color: #003D46;
    font-family: 'Proxima Nova','ProximaNova',Arial,sans-serif; font-size: 14px; font-weight: 600; cursor: pointer;
}
.pat-cat__tabs .pat-tab.is-active { background: #003D46; color: #fff; font-weight: 700; }
.pat-cat__groups { margin-top: 40px; display: flex; flex-direction: column; gap: 48px; }
.pat-cat__grouphead { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-size: 28px; font-weight: 600; line-height: 0.893; text-transform: uppercase; color: rgba(2,99,114,0.8); }
.pat-cat__dot { width: 10px; height: 10px; border-radius: 50%; background: #35828E; flex: none; }
.pat-cat__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }

.pat-card { position: relative; display: flex; flex-direction: column; background: #F4F7F7; border-radius: 32px; padding: 26px; min-height: 451px; }
.pat-card__top { display: flex; align-items: flex-start; gap: 16px; }
.pat-card__head { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.pat-card__label { font-size: 14px; font-weight: 600; line-height: 1.78; text-transform: uppercase; color: #003D46; }
.pat-card__pricewrap { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
.pat-card__price { font-size: 20px; font-weight: 700; line-height: 1.25; color: #092239; white-space: nowrap; }
.pat-card__badge { padding: 5px 12px; border-radius: 49px; background: rgba(47,149,149,0.08); color: #2F9797; font-size: 12px; font-weight: 600; line-height: 1.75; white-space: nowrap; }
.pat-card__badge--pop { background: rgba(103,101,193,0.08); color: #6765C1; }
.pat-card__badge--new { background: rgba(50,149,47,0.08); color: #2F974C; }
.pat-card__name { font-size: 24px; font-weight: 600; line-height: 1.04; color: #092239; }
.pat-card__desc { font-size: 16px; font-weight: 400; line-height: 1.31; color: #092239; opacity: 0.7; }
.pat-card__media { flex: 1; display: flex; align-items: center; justify-content: center; padding: 14px 0; min-height: 200px; }
.pat-card__media picture { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.pat-card__media img { max-width: 90%; max-height: 230px; width: auto; height: auto; object-fit: contain; }
.pat-card__foot { display: flex; align-items: center; gap: 16px; margin-top: auto; }
.pat-card__btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; height: 37px; padding: 0 16px; border-radius: 66px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.pat-card__btn--ghost { background: #fff; color: #003D46 !important; }
.pat-card__btn--book { background: #003D46; color: #fff !important; }

.pat-cat__nav { display: none; }
.pat-cat__dots { display: flex; align-items: center; gap: 4px; }
.pat-cat__dots span { width: 8px; height: 8px; border-radius: 50%; background: #E8EEEE; flex: none; cursor: pointer; transition: width .2s, height .2s, background .2s; }
.pat-cat__dots span.is-active { width: 10px; height: 10px; background: #003D46; }
.pat-cat__arrow { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(35,70,72,0.18); background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 !important; }
.pat-cat__arrow img { width: 14px; height: 14px; filter: brightness(0) saturate(100%) invert(11%) sepia(28%) saturate(2000%) hue-rotate(170deg); }
.pat-cat__arrow[data-dir="-1"] img { transform: scaleX(-1); }

.pat-midcta { margin-top: 80px; background: #1a2b30 center top/cover no-repeat; position: relative; }
.pat-midcta { background-image: url('/stat_assets/img/pics/patients-lp/midcta-bg.webp?v=6'); }
.pat-midcta__inner { max-width: 817px; margin: 0 auto; padding: 78px 40px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.pat-midcta__title { font-size: 56px; font-weight: 600; line-height: 1.018; color: #fff; }
.pat-midcta__sub { margin-top: 16px; max-width: 679px; font-size: 18px; font-weight: 400; line-height: 1.222; color: rgba(255,255,255,0.9); }

.pat-proof { display: flex; align-items: center; gap: 16px; margin-top: 24px; }
.pat-proof--center { justify-content: center; }
.pat-proof__avatars { display: flex; }
.pat-proof__avatars img { width: 52px; height: 52px; border-radius: 50%; margin-left: -18px; border: 2px solid rgba(255,255,255,0.6); }
.pat-proof__avatars img:first-child { margin-left: 0; }
.pat-proof__rating { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.pat-proof__stars { width: 130px; height: 22px; }
.pat-proof__rating span { font-size: 15px; font-weight: 400; color: #fff; }

.pat-midcta__btns { display: flex; gap: 12px; margin-top: 28px; }
.pat-midcta__btns .pat-btn--dark { background: #003D46; }
.pat-midcta__btns .pat-btn--glass { font-size: 14px; }
.pat-midcta__trust { display: flex; gap: 24px; margin-top: 20px; }
.pat-midcta__trust span { display: inline-flex; align-items: center; gap: 6px; font-family: 'Inter', 'Proxima Nova', sans-serif; font-size: 12px; color: #fff; }
.pat-midcta__trust span img { width: 16px; height: 16px; flex: none; }

.pat-why { padding-top: 80px; }
.pat-why__title { font-size: 48px; font-weight: 600; line-height: 1.1875; color: #2D3336; text-align: center; }
.pat-why__title span { color: #003D46; }
.pat-why__grid { margin-top: 40px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.pat-why__card { background: #F4F7F7; border-radius: 24px; padding: 20px 25px; min-height: 199px; }
.pat-why__icon { width: 60px; height: 60px; }
.pat-why__cardtitle { margin-top: 12px; font-size: 20px; font-weight: 600; line-height: 1.25; color: #19343C; }
.pat-why__carddesc { margin-top: 12px; font-size: 14px; font-weight: 400; line-height: 1.286; color: #24373D; opacity: 0.7; }

.pat-stories { padding-top: 80px; }
.pat-stories__inner { max-width: 1440px; margin: 0 auto; padding: 0 38px; }
.pat-stories__head { text-align: center; }
.pat-stories__title { font-size: 48px; font-weight: 600; line-height: 1.1875; color: #2D3336; }
.pat-stories__sub { margin: 12px auto 0; max-width: 460px; font-size: 16px; font-weight: 400; line-height: 1.375; color: #24373D; opacity: 0.8; }
.pat-stories__body { margin-top: 36px; display: grid; grid-template-columns: 304px 345px 1fr 233px; gap: 20px; align-items: stretch; }

.pat-stories__tabs { display: flex; flex-direction: column; }
.pat-stories__tabs .pat-storytab { display: flex; flex-direction: column; justify-content: center; gap: 4px; flex: 1; padding: 14px 0 !important; border: 0; border-top: 1px solid #E4E4E4; background: none; text-align: left; cursor: pointer; opacity: 0.55; font-family: 'Proxima Nova','ProximaNova',Arial,sans-serif; }
.pat-stories__tabs .pat-storytab:last-child { border-bottom: 1px solid #E4E4E4; }
.pat-stories__tabs .pat-storytab.is-active { opacity: 1; }
.pat-storytab__name { font-size: 28px; font-weight: 600; color: #19343C; }
.pat-storytab__program { font-size: 16px; font-weight: 400; color: #19343C; }

.pat-stories__photo { border-radius: 18px; overflow: hidden; aspect-ratio: 345 / 449; }
.pat-stories__photo img, .pat-stories__photo picture { width: 100%; height: 100%; object-fit: cover; }
.pat-stories__quote { background: rgba(0,61,70,0.14); border-radius: 18px; padding: 24px 24px 32px; display: flex; flex-direction: column; }
.pat-stories__quotetext { font-size: 28px; font-weight: 400; line-height: 1.179; color: #19343C; }
.pat-stories__loc { margin-top: auto; padding-top: 20px; font-size: 16px; color: #19343C; }
.pat-stories__stats { display: flex; flex-direction: column; gap: 10px; }
.pat-statcard { flex: 1; background: rgba(219,228,229,0.38); border-radius: 18px; padding: 14px; display: flex; flex-direction: column; justify-content: center; gap: 28px; }
.pat-statcard__label { font-size: 16px; font-weight: 600; color: #19343C; }
.pat-statcard__value { font-size: 32px; font-weight: 600; color: #19343C; }

.pat-faq { padding-top: 80px; }
.pat-faq__title { font-size: 48px; font-weight: 600; line-height: 1.1875; color: #2D3336; text-align: center; }
.pat-faq__list { max-width: 778px; margin: 40px auto 0; display: flex; flex-direction: column; gap: 8px; }
.pat-faq__item { background: #F1F5F5; border-radius: 20px; overflow: hidden; }
.pat-faq__list .pat-faq__q { width: 100%; min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 24px !important; border: 0; background: none; cursor: pointer; text-align: left; font-family: 'Proxima Nova','ProximaNova',Arial,sans-serif; }
.pat-faq__q span { font-size: 18px; font-weight: 600; line-height: 1.333; color: #003D46; }
.pat-faq__item.is-open .pat-faq__q span { font-size: 20px; line-height: 1.2; }
.pat-faq__icon { width: 24px; height: 24px; flex: none; }
.pat-faq__a { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.pat-faq__a p { padding: 0 24px 24px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #003D46; opacity: 0.8; }
.pat-faq__item.is-open .pat-faq__a { max-height: 400px; }

.pat-botcta { margin-top: 80px; background: #102a32 center/cover no-repeat; background-image: url('/stat_assets/img/pics/patients-lp/botcta-bg.webp?v=2'); }
.pat-botcta__inner { max-width: 817px; margin: 0 auto; padding: 82px 40px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.pat-botcta__title { font-size: 56px; font-weight: 600; line-height: 1.018; color: #fff; }
.pat-botcta__sub { margin-top: 16px; max-width: 497px; font-size: 18px; font-weight: 400; line-height: 1.222; color: rgba(255,255,255,0.9); }
.pat-botcta__btn { margin-top: 28px; height: 48px; padding: 0 32px; background: rgba(255,255,255,0.24); border: 1px solid rgba(255,255,255,0.56); -webkit-backdrop-filter: blur(16.7px); backdrop-filter: blur(16.7px); }

@media (max-width: 1280px) {
    .pat-hero__inner, .pat-works__inner, .pat-cat__inner, .pat-why__inner, .pat-faq__inner { padding: 0 40px; }
    .pat-trust__inner { padding: 10px 40px; }
    .pat-stories__inner { padding: 0 24px; }
    .pat-hero__title { font-size: 48px; }
    .pat-hero__media { width: 520px; }
    .pat-stories__body { grid-template-columns: 260px 300px 1fr 220px; }
}
@media (max-width: 1100px) {
    .pat-hero__inner { min-height: 0; }
    .pat-hero__content { width: 100%; max-width: 600px; padding: 60px 0 40px; }
    .pat-hero__media { position: static; width: 100%; height: auto; margin-bottom: 40px; }
    .pat-hero__media img { height: auto; object-position: center; }
    .pat-why__grid { grid-template-columns: repeat(2, 1fr); }
    .pat-stories__body { grid-template-columns: 1fr 1fr; }
    .pat-stories__tabs { grid-column: 1 / -1; flex-direction: row; gap: 24px; border-bottom: 1px solid rgba(9,34,57,0.12); }
    .pat-storytab { border: 0 !important; padding: 0 0 16px !important; }
    .pat-stories__stats { grid-column: 1 / -1; flex-direction: row; }
}
@media (max-width: 860px) {
    .pat-cat__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {

    .pat-hero__inner, .pat-works__inner, .pat-cat__inner,
    .pat-why__inner, .pat-faq__inner, .pat-stories__inner { padding: 0 16px; }

    .pat-trust__inner { padding: 14px 16px; justify-content: flex-start; flex-wrap: nowrap; gap: 28px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .pat-trust__inner::-webkit-scrollbar { display: none; }
    .pat-trust__item { flex: none; }
    .pat-trust__item span { white-space: nowrap; }

    .pat-works { padding-top: 40px; }
    .pat-cat { padding-top: 40px; }
    .pat-why, .pat-stories, .pat-faq { padding-top: 48px; }
    .pat-midcta, .pat-botcta { margin-top: 48px; }

    .pat-hero__title { font-size: 38px; line-height: 1; }
    .pat-works__title, .pat-cat__title, .pat-why__title,
    .pat-faq__title, .pat-stories__title, .pat-midcta__title { font-size: 36px; }
    .pat-botcta__title { font-size: 46px; }

    .pat-hero__content { padding: 32px 0 24px; }
    .pat-hero__sub { width: 100%; font-size: 16px; }
    .pat-hero__btns { flex-direction: column; }
    .pat-hero__btns .pat-btn { width: 100%; }

    .pat-works__steps { flex-direction: column; gap: 32px; }

    .pat-works__line { display: block; top: 15px; bottom: 10px; left: 14px; width: 2px; height: auto; }
    .pat-step { width: 100%; padding-top: 0; padding-left: 44px; }
    .pat-step:not(:last-child)::before { content: none; }

    .pat-cat__grouphead { font-size: 20px; line-height: 1.25; }
    .pat-cat__tabs { flex-wrap: nowrap; overflow-x: auto; margin: 24px -16px 0; padding: 0 16px 6px; scrollbar-width: none; }
    .pat-cat__tabs::-webkit-scrollbar { display: none; }
    .pat-tab { flex: none; }
    .pat-cat__grid {
        display: flex; grid-template-columns: none; gap: 8px;
        overflow-x: auto; scroll-snap-type: x mandatory;
        margin: 0 -16px; padding: 4px 16px 8px; scroll-padding-left: 16px;
        scrollbar-width: none; -webkit-overflow-scrolling: touch;
    }
    .pat-cat__grid::-webkit-scrollbar { display: none; }
    .pat-card { flex: 0 0 242px; width: 242px; min-height: 0; border-radius: 16px; padding: 14px; scroll-snap-align: start; }

    .pat-card__top { display: contents; }
    .pat-card__pricewrap { display: contents; }
    .pat-card__head { order: 1; flex: none; gap: 4px; }
    .pat-card__label { font-size: 12px; line-height: 2.08; padding-right: 104px; }
    .pat-card__name { font-size: 18px; font-weight: 700; line-height: 1.39; }
    .pat-card__desc { font-size: 12px; line-height: 1.17; }
    .pat-card__badge { position: absolute; top: 14px; right: 14px; }
    .pat-card__media { order: 2; min-height: 120px; padding: 8px 0; }
    .pat-card__media img { max-height: 150px; }
    .pat-card__price { order: 3; align-self: stretch; text-align: center; font-size: 14px; margin-bottom: 8px; }
    .pat-card__foot { order: 4; flex-direction: row; align-items: center; gap: 8px; }
    .pat-card__btn { flex: 1; height: 32px; }
    .pat-cat__nav { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 20px; }
    .pat-cat__arrow { width: 37px; height: 37px; border: 0; background: rgba(0,61,70,0.09); }

    .pat-midcta__inner { padding: 48px 16px; }
    .pat-midcta__sub { font-size: 16px; }
    .pat-proof { justify-content: center; }
    .pat-midcta__btns { flex-direction: column; width: 100%; gap: 12px; }
    .pat-midcta__btns .pat-btn { width: 100%; }
    .pat-midcta__trust { flex-direction: column; gap: 8px; align-items: flex-start; }

    .pat-why__grid { grid-template-columns: 1fr; }

    .pat-stories__body { display: flex; flex-wrap: wrap; column-gap: 8px; row-gap: 20px; margin-top: 24px; }
    .pat-stories__quote { order: 1; width: 100%; padding: 24px 24px 32px; }
    .pat-stories__quotetext { font-size: 22px; }
    .pat-stories__tabs { order: 2; flex: 1 1 140px; flex-direction: column; gap: 0; border-bottom: 0; }
    .pat-stories__tabs .pat-storytab { flex: none !important; padding: 14px 0 !important; border: 0 !important; border-top: 1px solid #E4E4E4 !important; }
    .pat-stories__tabs .pat-storytab:last-child { border-bottom: 1px solid #E4E4E4 !important; }
    .pat-storytab__name { font-size: 22px; }
    .pat-storytab__program { font-size: 14px; }
    .pat-stories__photo { order: 3; flex: 0 0 161px; width: 161px; aspect-ratio: 161 / 235; }
    .pat-stories__stats { order: 4; width: 100%; flex-direction: column; gap: 8px; }
    .pat-statcard { flex: none; flex-direction: row; align-items: center; justify-content: space-between; height: auto; min-height: 56px; padding: 14px; gap: 12px; }
    .pat-statcard__label { flex: none; }
    .pat-statcard__value { flex: 1; min-width: 0; text-align: right; font-size: 22px; line-height: 1.15; overflow-wrap: anywhere; }

    .pat-faq__list .pat-faq__q { min-height: 0; padding: 13px 16px !important; }
    .pat-faq__q span { font-size: 16px; }
    .pat-faq__item.is-open .pat-faq__q span { font-size: 18px; }
    .pat-faq__a p { padding: 0 16px 13px; }

    .pat-botcta__inner { padding: 40px 16px; }
    .pat-botcta__sub { font-size: 16px; }
    .pat-botcta__btn { width: 100%; }
}