@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}}@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none;}.card-1 .clipped-image img { clip-path: url(#clipPath1);}.card-2 .clipped-image img { clip-path: url(#clipPath2);}.card-3 .clipped-image img { clip-path: url(#clipPath3);}.card-4 .clipped-image img { clip-path: url(#clipPath4);}@media (prefers-reduced-motion: reduce) { .animate__animated { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}.modal__text-content ul { display: block; margin: 0 0 var(--space-md) 0; padding: 0 0 0 var(--space-lg); list-style: disc;}.modal__text-content li { display: list-item; font-family: var(--font-body); font-size: var(--fs-base); line-height: var(--lh-relaxed); color: var(--color-white); margin: 0 0 var(--space-xs) 0;}.modal__text-content li:last-child { margin-bottom: 0;}.modal { position: fixed; inset: 0; width: 100%; height: 100%; max-width: 100vw; max-height: 100vh; margin: 0; padding: 0; border: none; background: transparent; overflow: hidden; z-index: 9999;}.modal::backdrop { opacity: 0; background: transparent;}.modal:not([open]) { pointer-events: none; visibility: hidden; transition: visibility 0s linear var(--dialog-animation-speed);}.modal__outer { position: relative; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center;}.modal:not(.is-active) .modal__close-button { transform: translate3d(0, -0.75rem, 0) scale(0.8); opacity: 0; transition: transform var(--close-button-speed) var(--close-button-ease), opacity var(--close-button-speed) var(--close-button-ease);}.modal__close-button { position: absolute; top: var(--space-2xl); z-index: 10; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: var(--modal-bg); border: 2px solid rgba(10, 31, 92, 0.1); border-radius: 50%; cursor: pointer; -webkit-tap-highlight-color: transparent;}.modal__close-button:focus-visible { outline: 2px solid var(--modal-text); outline-offset: 4px;}.modal__close-button .icon { width: 24px; height: 24px; color: var(--color-navy); transition: transform 0.3s cubic-bezier(0.62, 0.08, 0, 1);}.modal:not(.is-active) .modal__inner { transform: translate3d(0, 100%, 0);}.modal__inner { position: relative; display: flex; flex-direction: row; width: 100%; max-width: 100%; max-height: calc(100vh - 7rem); background: var(--color-background); overflow-y: auto; overflow-x: hidden; contain: content; box-shadow: 0 24px 48px rgba(10, 31, 92, 0.15), 0 12px 24px rgba(10, 31, 92, 0.1); transition: opacity var(--modal-speed) var(--modal-ease);}.modal__inner:focus-visible { outline: 2px solid var(--modal-text); outline-offset: 4px;}.modal__inner::-webkit-scrollbar { width: 8px;}.modal__inner::-webkit-scrollbar-track { background: rgba(10, 31, 92, 0.05); border-radius: 4px;}.modal__inner::-webkit-scrollbar-thumb { background: rgba(10, 31, 92, 0.2); border-radius: 4px;}.modal__inner::-webkit-scrollbar-thumb:hover { background: rgba(10, 31, 92, 0.3);}.nav-sidebar { position: sticky; top: 50px; left: 20px; width: 200px; flex-shrink: 0; align-self: flex-start; display: flex; flex-direction: column; gap: var(--space-sm);}.nav-sidebar::-webkit-scrollbar { display: none;}.nav-line { position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background-color: var(--color-therapeutic-blue-50); border-radius: 1px;}.nav-indicator { position: absolute; left: -4px; top: 0; width: 10px; height: 10px; border-radius: 50%; background-color: var(--selection-color); box-shadow: 0 2px 8px rgba(112, 150, 209, 0.4); transition: transform var(--nav-transition-speed) var(--nav-transition-ease); transform: translateY(0); z-index: 2; will-change: transform;}.nav-items { position: relative; display: flex; flex-direction: column; gap: var(--space-md);}.nav-item { position: relative; font-family: var(--font-body); font-size: var(--fs-sm); line-height: var(--lh-normal); text-decoration: none; color: var(--color); transition: color 0.3s ease; cursor: pointer; padding-left: var(--space-md); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.nav-item:hover { color: var(--selection-color);}.nav-item:focus { outline: 2px solid var(--selection-color); outline-offset: 4px; border-radius: 4px; border-color: currentColor;}.nav-item.active { color: var(--selection-color); font-weight: 500;}.nav-item:focus-visible { outline: 3px solid var(--selection-color); outline-offset: 2px;}.modal__content { flex: 1; padding-left: var(--space-md); max-height: 100%; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth;}.modal__content::-webkit-scrollbar { width: 8px;}.modal__content::-webkit-scrollbar-track { background: var(--color-bg-body, #EDF0F5); border-radius: 4px;}.modal__content::-webkit-scrollbar-thumb { background: var(--color-light-blue); border-radius: 4px; transition: background 0.3s ease;}.modal__content::-webkit-scrollbar-thumb:hover { background: var(--color-therapeutic-blue);}.modal .modal__content { transform: translate3d(0, 20px, 0); opacity: 0; transition: transform var(--dialog-animation-speed) var(--dialog-ease), opacity var(--dialog-animation-speed) var(--dialog-ease);}.modal__section { margin-bottom: 120px; scroll-margin-top: 40px; width: 100%; max-width: var(--container-max); margin-inline: auto; padding-inline: var(--container-padding);}.modal__section:last-child { margin-bottom: 40px;}.modal__section-title { font-family: var(--font-heading); font-size: var(--fs-3xl); color: var(--color); font-weight: 700; line-height: 1.2; margin-bottom: 40px; flex: 1; width: 100%;}.modal__section-title--centered { text-align: center;}.modal__section-subtitle { font-size: 16px; margin-bottom: 40px; line-height: 1.6; flex: 1;}.modal__content-layout { display: flex; width: 100%; gap: var(--space-md); align-items: flex-start; justify-content: space-between;}.modal__content-layout--reverse { flex-direction: row-reverse;}.modal__text-content { flex: 1; max-width: 500px;}.modal__text-content p { margin-bottom: 16px; line-height: 1.7; color: var(--color);}.modal__text-content p:last-child { margin-bottom: 0;}.modal__image-container { flex-shrink: 0;}.modal__image { width: 411px; height: 417px; object-fit: cover; transition: transform 0.3s ease;}.modal__image--rounded { border-radius: 10px;}.modal__image-container:hover .modal__image { transform: scale(1.02);}.modal__cta-button { background-color: var(--color-navy); color: var(--color-white); padding: 10px 12px; border: none; border-radius: 4px; font-size: 16px; font-weight: 500; cursor: pointer; margin-top: 20px; transition: opacity 0.3s ease;}.modal__cta-button:hover { opacity: 0.9;}.modal__cta-button--primary { background-color: var(--color-primary); color: var(--color-white);}section#when-is { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}.modal__flex-whenis { display: flex; width: 100%; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between;}.modal__conditions-grid { display: flex; gap: 32px; margin: 40px 0; flex: 1; flex-direction: column;}.modal__condition-card { background-color: var(--color-therapeutic-blue); color: var(--color-white); padding: 24px; border-radius: 10px; flex: 1; min-height: 137px; display: flex; flex-direction: column; gap: 16px; transition: transform 0.3s ease;}.modal__condition-card:hover { transform: translateY(-4px);}.modal__condition-title { font-size: 20px; font-weight: normal;}.modal__condition-description { font-size: 16px; line-height: 1.5;}.modal__note-box { background-color: transparent; padding: 24px 0; margin-top: 40px; flex: 1;}#brxe-nsoett { max-width: 20rem;}.modal__note-box h3 { font-size: 24px; font-weight: bold; margin-bottom: 16px; font-family: var(--font-heading);}.modal__note-box p { font-size: 16px; line-height: 1.5;}.modal__comparison-table { display: flex; gap: var(--space-xl); width: 100%; margin-top: 40px;}.modal__table-column { flex: 1;}.modal__table-header { background-color: var(--color-therapeutic-blue); color: var(--color-white); font-size: var(--fs-lg); font-weight: bold; padding: 10px 12px; border-radius: 8px; text-align: center; margin-bottom: 16px;}.modal__table-row { border: 1px solid var(--color-navy); padding: 10px 24px; margin-bottom: -1px; text-align: center; background-color: var(--color-white); transition: background-color 0.2s ease;}.modal__table-row:hover { background-color: var(--color-bg-body, #EDF0F5);}.modal__table-row:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px;}.modal__table-row:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}.modal__row-title { font-weight: bold; font-size: 16px; line-height: 1.5;}.modal__row-content { font-size: 16px; line-height: 1.5;}.modal__journey-steps { margin-top: 40px;}.modal__journey-steps ol { font-size: 20px; line-height: 1.4; padding-left: 30px;}.modal__journey-steps ol > li { margin-bottom: 20px;}.modal:not(.is-active) .modal__backdrop { opacity: 0;}.modal__backdrop { position: fixed; inset: 0; width: 100%; height: 100%; background: var(--modal-overlay); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: none; cursor: pointer; transition: opacity var(--backdrop-speed) var(--backdrop-ease); -webkit-tap-highlight-color: transparent; z-index: -1;}@media screen and (prefers-reduced-motion: reduce) { .modal { --dialog-animation-speed: 0.3s; --backdrop-speed: 0.3s; --modal-speed: 0.3s; --close-button-speed: 0.3s; } .modal:not(.is-active) .modal__inner { transform: translate3d(0, 0, 0); opacity: 0; } .nav-indicator { transition: none !important; animation: none !important; } .nav-item { transition: none !important; animation: none !important; }}@media (prefers-contrast: high) { .nav-line { background-color: currentColor; } .nav-indicator { border: 2px solid currentColor; } .nav-item { border: 1px solid transparent; }}@media (hover: hover) and (pointer: fine) { .modal__close-button:hover { background: var(--modal-text); border-color: var(--modal-text); } .modal__close-button:hover .icon { color: #FFFFFF; transform: scale(1.1) rotate(90deg); }}@media print { .modal { display: none !important; } .nav-sidebar { display: none; } .modal__content { overflow: visible; padding-left: 0; } .modal__section { page-break-inside: avoid; } .modal__cta-button { display: none; }}@media (max-width: 768px) { .modal__inner { display: flex; flex-direction: column !important; } .modal__inner .nav-sidebar { width: 100%; overflow-x: auto; overflow-y: hidden; background-color: var(--color-navy); position: sticky; top: 0; z-index: 10; padding: var(--space-md); margin-bottom: var(--space-lg); border-radius: 0px; -ms-overflow-style: none; scrollbar-width: none; } .modal__inner .nav-line { display: none; } .modal__inner .nav-indicator { display: none; } .modal__inner .nav-items { flex-direction: row; flex-wrap: nowrap; gap: var(--space-md); padding-left: 0; } .modal__inner .nav-item { white-space: nowrap; padding: 8px 16px; padding-left: 16px; border-radius: 6px; border-bottom: 2px solid transparent; color: var(--color-white); font-size: var(--fs-sm); } .modal__inner .nav-item:hover { background-color: rgba(255, 255, 255, 0.1); color: var(--color-white); } .modal__inner .nav-item.active { background-color: rgba(255, 255, 255, 0.2); border-bottom-color: transparent; color: var(--color-white); font-weight: 600; } .modal__close-button { top: 1rem; width: 40px; height: 40px; } .modal__content { max-height: calc(90vh - 80px); overflow-y: auto; } .modal__section { margin-bottom: 80px; } .modal__section-title { font-size: 32px; margin-bottom: 24px; } .modal__cta-button { width: 100%; text-align: center; } .modal__image { width: 100%; max-width: 500px; height: auto; aspect-ratio: 1; } .modal__flex-whenis { flex-direction: column-reverse; } .modal__conditions-grid { flex-direction: column; } .modal__condition-card { width: 100%; padding: 20px; } .modal__comparison-table { flex-direction: column; } .modal__table-header { font-size: 20px; padding: 8px 10px; } .modal__table-row { padding: 8px 16px; } .modal__row-title { font-size: 14px; } .modal__row-content { font-size: 14px; }}@media (max-width: 767px) { .modal__content-layout { flex-direction: column; gap: 40px; } .modal__content-layout--reverse { flex-direction: column; }}@media (width <= 639px) { .modal__text-content { align-items: center; text-align: left; max-width: 100%; }}@media (max-width: 480px) { .nav-item { padding: 6px 12px; font-size: var(--fs-xs); } .modal__section { margin-bottom: 60px; } .modal__section-title { font-size: 28px; } .modal__image { width: 100%; max-width: 100%; height: auto; aspect-ratio: 1; } .modal__journey-steps ol { font-size: 16px; }}.hero-section{ color: var(--color-navy); }.hero-text-content { display: flex; max-width: 40rem; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 2; text-align: center; }.hero-image { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; } .hero-image:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }.hero-image-container { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden;}@media (width >=640px) and (width <=1023px) { .hero-image-container { aspect-ratio: 16 / 9; }}@media (width >=320px) and (width <=639px) { .hero-image-container { aspect-ratio: 4 / 3; }}@media (max-height: 600px) and (orientation: landscape) { .hero-image-container { aspect-ratio: 21 / 9; }}@media print { .hero-image-container { max-height: 400px; }}.hero-gradient-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: clamp(3rem, 2.5536rem + 1.3393vw, 4.125rem); background: linear-gradient( to bottom, rgba(237, 240, 245, 0) 0%, rgba(237, 240, 245, 0.2) 50%, rgba(237, 240, 245, 0.5) 100% ); pointer-events: none; z-index: 3; opacity: 0; transform: translateY(20px); transition: none; }@media (width >= 320px) and (width <= 639px) { .hero-gradient-overlay { height: var(--space-xl); }}@media (prefers-reduced-motion: reduce) { .hero-gradient-overlay { opacity: 1; transform: translateY(0); }}@media print { .hero-gradient-overlay { display: none; }}.hero-image-wrapper { position: relative; width: 100%; height: 100%; display: flex; align-items: flex-end; }.hero-grid { display: grid; align-items: center; justify-items: center; grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: var(--space-md); width: 100%; height: 100%; }.hero-height { min-height: auto; display: flex; align-items: center; padding-block: var(--space-xs);}.hero-section { width: 100vw; background: transparent; position: relative; overflow: hidden; padding-block-start: var(--space-5xl);} .hero-section { container-type: inline-size; container-name: hero-section;}@media (width > 1440px) { .hero-section { max-width: var(--container-max); margin-inline: auto; }}@media print { .hero-section { break-inside: avoid; }}.navg-sidebar__indicator { position: absolute; left: var(--space-lg); top: var(--space-xl); width: 2px; height: calc(100% - var(--space-2xl) * 2); background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; pointer-events: none; --circle-offset: 0px; --line-progress: 0%; } .navg-sidebar__indicator::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: var(--line-progress); background-color: rgba(255, 255, 255, 0.9); border-radius: 2px; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: top; will-change: height; } .navg-sidebar__indicator::after { content: ''; position: absolute; left: 50%; top: 0; width: 12px; height: 12px; background-color: var(--color-navy); border: 3px solid var(--color-white); border-radius: 50%; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transform: translate(-50%, var(--circle-offset)); will-change: transform; z-index: 2; }@media (prefers-reduced-motion: reduce) { .navg-sidebar__indicator::before { transition: none !important; } .navg-sidebar__indicator::after { transition: none !important; }} .navg-sidebar__text { display: block; } .navg-sidebar__link { display: flex; align-items: center; padding: var(--space-xs) var(--space-xs); font-family: var(--font-body); font-size: var(--fs-base); font-weight: 400; line-height: var(--lh-normal); color: var(--color-lighter-blue); text-decoration: none; border-radius: 8px; transition: all 0.25s ease; position: relative; cursor: pointer; } .navg-sidebar__link:hover { background-color: rgba(255, 255, 255, 0.12); color: var(--color-navy); transform: translateX(4px); } .navg-sidebar__link:focus { outline: 2px solid var(--color-navy); outline-offset: 2px; } .navg-sidebar__link.is-active { color: var(--color-navy); font-weight: 600; background-color: rgba(255, 255, 255, 0.15); } @media (prefers-reduced-motion: reduce) { .navg-sidebar__link { transition: none !important; } }.navg-sidebar__item { margin: 0; padding: 0;}.navg-sidebar__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-xs);}.navg-sidebar__nav { position: relative; padding-left: var(--space-lg); }.navg-sidebar__sticky { position: sticky; top: calc(var(--space-2xl) + 20px); display: flex; flex-direction: column; padding: var(--space-sm) var(--space-sm) ;}.navg-sidebar { position: relative; width: 260px; flex-shrink: 0; z-index: 100; opacity: 1; transform: translateX(0); transition: opacity 0.4s ease, transform 0.4s ease;}@media (max-width: 767px) { .navg-sidebar { display: none; }}@media (prefers-reduced-motion: reduce) { .navg-sidebar { transition: none !important; }}.doc-overview__heading { display: block; color: var(--color-navy); font-family: var(--font-heading); font-size: var(--fs-4xl); font-weight: 700; line-height: var(--lh-tight); text-wrap: balance; margin: 0; max-width: 100%; }.doc-overview__description { display: block; color: var(--color-navy); font-family: var(--font-body); font-size: var(--fs-base); line-height: var(--lh-normal); margin: 0; text-wrap: pretty; max-width: 100%; }.doc-overview__text-content { display: flex; width: 100%; flex-direction: column; gap: var(--space-md); } .doc-overview__item-number { display: block; font-family: var(--font-heading); font-size: var(--fs-2xl); font-weight: 700; color: var(--color-navy); line-height: var(--lh-tight); min-width: 2.5rem; transition: color 0.3s ease; } .doc-overview__list-item:hover .doc-overview__item-number { color: var(--color-bg-white); } .doc-overview__item-title { display: block; font-family: var(--font-body); font-size: var(--fs-lg); font-weight: 500; color: var(--color-navy); line-height: var(--lh-tight); flex: 1; position: relative; transition: color 0.3s ease; } .doc-overview__item-title::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(--color-bg-white); transition: width 0.3s ease; } .doc-overview__list-item:hover .doc-overview__item-title { color: var(--color-bg-white); } .doc-overview__list-item:hover .doc-overview__item-title::after { width: 100%; }@media (prefers-reduced-motion: reduce) { .doc-overview__item-title::after { transition: none !important; animation: none !important; }} .doc-overview__item-arrow { display: block; font-size: 1.25rem; color: var(--color-navy); transition: color 0.3s ease, transform 0.3s ease; flex-shrink: 0; } .doc-overview__list-item:hover .doc-overview__item-arrow { color: var(--color-bg-white); transform: translateX(4px); }@media (prefers-reduced-motion: reduce) { .doc-overview__item-arrow { transition: none !important; animation: none !important; }} .doc-overview__list-item { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; gap: var(--space-xs); padding: var(--space-md); background: var(--color-bg-white); border-radius: 12px; text-decoration: none; cursor: pointer; transition: all 0.3s ease; border: 1px solid transparent; position: relative; overflow: hidden; } .doc-overview__list-item:hover { background: var(--color-navy); border-color: var(--color-navy); box-shadow: 0 4px 12px rgba(10, 31, 92, 0.08); transform: translateY(-2px); } .doc-overview__list-item:focus-visible { outline: 2px solid var(--color-navy); outline-offset: 2px; border-color: var(--color-navy); } .doc-overview__list-item:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(10, 31, 92, 0.12); }@media (prefers-reduced-motion: reduce) { .doc-overview__list-item { transition: none !important; animation: none !important; } .doc-overview__list-item:hover { transition: none !important; animation: none !important; } .doc-overview__list-item:hover { transform: none; }}@media (prefers-contrast: high) { .doc-overview__list-item { border: 2px solid var(--color-navy); }}.doc-overview__numbered-list { display: flex; width: 100%; flex-direction: column; gap: var(--space-md); align-items: stretch; }.doc-overview__grid { display: grid; width: 100%; grid-template-columns: 1fr 1fr; gap: var(--space-xl); align-items: start; }@media (max-width: 767px) { .doc-overview__grid { grid-template-columns: 1fr; gap: var(--space-lg); }}@container doc-overview (max-width: 640px) { .doc-overview__grid { grid-template-columns: 1fr; }}.doc-overview { width: 100%; background: transparent; position: relative; padding-block: var(--space-3xl); }@supports (container-type: inline-size) { .doc-overview { container-type: inline-size; container-name: doc-overview; }}@media (max-width: 767px) { .doc-overview { padding-block: var(--space-xl); }}@media print { .doc-overview { break-inside: avoid; padding-block: var(--space-lg); }}.doc.modal__content-layout { display: flex; align-items: flex-end;}@media (max-width: 767px) { .doc.modal__content-layout { align-items: flex-start; }}.modal:not(.is-active) .modal__backdrop { opacity: 0; } .modal__backdrop { position: fixed; inset: 0; width: 100%; height: 100%; background: var(--modal-overlay); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: none; cursor: pointer; transition: opacity var(--backdrop-speed) var(--backdrop-ease); -webkit-tap-highlight-color: transparent; z-index: -1; }.doc-therapy__heading { display: block; color: var(--color-navy); font-family: var(--font-heading); font-size: var(--fs-4xl); font-weight: 700; line-height: var(--lh-tight); text-wrap: balance; margin: 0; margin-bottom: var(--space-xl); max-width: 100%; }@media (max-width: 767px) { .doc-therapy__heading { margin-bottom: var(--space-lg); }}.doc-therapy__image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; clip-path: url(#docTherapyClipPath); }.doc-therapy__image-wrapper { width: 100%; position: relative; overflow: hidden; border-radius: 12px; }.doc-therapy__image-column { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }@media (max-width: 767px) { .doc-therapy__image-column { order: -1; }}@container doc-therapy (max-width: 640px) { .doc-therapy__image-column { order: -1; }}.doc-therapy__text { display: block; color: var(--color-navy); font-family: var(--font-body); font-size: var(--fs-base); line-height: var(--lh-normal); margin: 0; text-wrap: pretty; max-width: 100%;}.doc-therapy__text-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--space-md); }.doc-therapy__btn { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-sm) var(--space-lg); font-family: var(--font-body); font-size: var(--fs-base); font-weight: 500; color: #FFFAF0; background-color: var(--color-navy); border: 1px solid var(--color-navy); border-radius: 4px; text-decoration: none; cursor: pointer; transition: all 0.3s ease; } .doc-therapy__btn:hover { background-color: transparent; color: var(--color-navy); border-color: var(--color-navy); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(10, 31, 92, 0.15); } .doc-therapy__btn:active { transform: translateY(0); }@media (prefers-reduced-motion: reduce) { .doc-therapy__btn { transition: none !important; animation: none !important; } .doc-therapy__btn:hover { transition: none !important; animation: none !important; } .doc-therapy__btn:hover { transform: none; }}.doc-therapy__cta-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: var(--space-xs); }.doc-therapy__text-column { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-lg); }.doc-therapy__grid { display: grid; width: 100%; grid-template-columns: 1fr 1fr; gap: var(--space-xl); align-items: center; }@media (max-width: 767px) { .doc-therapy__grid { grid-template-columns: 1fr; gap: var(--space-lg); }}@container doc-therapy (max-width: 640px) { .doc-therapy__grid { grid-template-columns: 1fr; }}.doc-therapy { width: 100%; background: transparent; position: relative; padding-block: var(--space-3xl); }@supports (container-type: inline-size) { .doc-therapy { container-type: inline-size; container-name: doc-therapy; }}@media (max-width: 767px) { .doc-therapy { padding-block: var(--space-xl); }}@media print { .doc-therapy { break-inside: avoid; padding-block: var(--space-lg); }}.doc-cta__heading { display: block; color: var(--color-bg-white); font-family: var(--font-heading); font-size: var(--fs-4xl); font-weight: 700; line-height: var(--lh-tight); text-wrap: balance; margin: 0; max-width: 100%; } .doc-cta__text { display: block; color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-size: var(--fs-base); line-height: var(--lh-normal); margin: 0; text-wrap: pretty; max-width: 100%; }.doc-cta__description { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--space-md); }.doc-cta__btn { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-sm) var(--space-lg); font-family: var(--font-body); font-size: var(--fs-base); font-weight: 500; color: var(--color-bg-white); background-color: transparent; border: 1px solid var(--color-bg-white); border-radius: 4px; text-decoration: none; cursor: pointer; transition: all 0.3s ease; } .doc-cta__btn:hover { background-color: var(--color-bg-white); color: var(--color-navy); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2); } .doc-cta__btn:active { transform: translateY(0); }@media (prefers-reduced-motion: reduce) { .doc-cta__btn { transition: none !important; animation: none !important; } .doc-cta__btn:hover { transition: none !important; animation: none !important; } .doc-cta__btn:hover { transform: none; }}.doc-cta__button-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: var(--space-xs); }.doc-cta__text-column { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-lg); position: relative; padding-block: var(--space-xl); }.doc-cta__image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; clip-path: url(#docCtaClipPath);}.doc-cta__image-wrapper { width: 100%; position: relative; overflow: hidden; border-radius: 12px; }.doc-cta__image-column { display: flex; flex-direction: column; position: relative; overflow: hidden;}@media (max-width: 767px) { .doc-cta__image-column { order: -1; }}@container doc-cta (max-width: 640px) { .doc-cta__image-column { order: -1; }}@media print { .doc-cta__image-column { display: none; }}.doc-cta__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-xl); align-items: flex-start; position: relative; width: 100%; }@media (max-width: 767px) { .doc-cta__grid { grid-template-columns: 1fr; gap: var(--space-lg); }}@container doc-cta (max-width: 640px) { .doc-cta__grid { grid-template-columns: 1fr; }}.doc-cta__container { max-width: var(--container-max); margin-inline: auto; padding-inline: var(--container-padding); position: relative;}.doc-cta { width: 100%; background-color: var(--color-navy); position: relative; isolation: isolate; container-type: inline-size; container-name: doc-cta; padding-block: 0;}@media (max-width: 767px) { .doc-cta { }}@media print { .doc-cta { break-inside: avoid; }}.doc-faq__heading { display: block; color: var(--color-navy); font-family: var(--font-heading); font-size: var(--fs-4xl); font-weight: 700; line-height: var(--lh-tight); text-wrap: balance; margin: 0; }.doc-faq__header { text-align: center; margin-bottom: var(--space-2xl); }@media (max-width: 767px) { .doc-faq__header { margin-bottom: var(--space-xl); }} .doc-faq__question-text { display: block; flex: 1; } .doc-faq__icon-line { position: absolute; background: var(--color-navy); transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); } .doc-faq__icon-line--horizontal { width: 16px; height: 2px; }@media (prefers-reduced-motion: reduce) { .doc-faq__icon-line { transition: none !important; animation: none !important; }} .doc-faq__icon-line--vertical { width: 2px; height: 16px; } .doc-faq__item--active .doc-faq__icon-line--vertical { transform: rotate(90deg); opacity: 0; } .doc-faq__icon { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 24px; height: 24px; position: relative; flex-shrink: 0; } .doc-faq__question { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-lg); padding: var(--space-lg) var(--space-xl); background: transparent; border: none; color: var(--color-navy); text-align: left; cursor: pointer; font-family: var(--font-body); font-size: var(--fs-lg); font-weight: 600; line-height: var(--lh-tight); transition: color 0.2s ease; } .doc-faq__question:hover { color: var(--color-therapeutic-blue); } .doc-faq__question:focus-visible { outline: 2px solid var(--color-navy); outline-offset: -2px; border-radius: 8px; }@media (max-width: 767px) { .doc-faq__question { padding: var(--space-md) var(--space-lg); font-size: var(--fs-base); gap: var(--space-md); }}@media (prefers-reduced-motion: reduce) { .doc-faq__question { transition: none !important; animation: none !important; }}@media (prefers-contrast: high) { .doc-faq__question:focus-visible { outline-width: 3px; }} .doc-faq__text { display: block; color: var(--color-navy); font-family: var(--font-body); font-size: var(--fs-base); line-height: var(--lh-relaxed); margin: 0; text-wrap: pretty; } .doc-faq__answer-inner { padding: 0 var(--space-xl) var(--space-lg) var(--space-xl); opacity: 0; transform: translateY(-10px); transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.1s; } .doc-faq__item--active .doc-faq__answer-inner { opacity: 1; transform: translateY(0); }@media (max-width: 767px) { .doc-faq__answer-inner { padding: 0 var(--space-lg) var(--space-md) var(--space-lg); }}@media (prefers-reduced-motion: reduce) { .doc-faq__answer-inner { transition: none !important; animation: none !important; }}@media print { .doc-faq__answer-inner { opacity: 1; transform: none; }} .doc-faq__answer { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4, 0.0, 0.2, 1); } .doc-faq__item--active .doc-faq__answer { max-height: 1000px; }@media (prefers-reduced-motion: reduce) { .doc-faq__answer { transition: none !important; animation: none !important; }}@media print { .doc-faq__answer { max-height: none !important; overflow: visible; }} .doc-faq__item { background: var(--color-bg-white); border-radius: 8px; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); border: 1px solid transparent; } .doc-faq__item:hover { box-shadow: 0 2px 8px rgba(10, 31, 92, 0.06); } .doc-faq__item--active { box-shadow: 0 4px 16px rgba(10, 31, 92, 0.08); border-color: var(--color-light-blue); }@media (prefers-reduced-motion: reduce) { .doc-faq__item { transition: none !important; animation: none !important; }}@media (prefers-contrast: high) { .doc-faq__item { border: 2px solid var(--color-navy); }}.doc-faq__accordion { max-width: 900px; margin-inline: auto; display: flex; flex-direction: column; gap: var(--space-sm); }.doc-faq__container { max-width: var(--container-max); margin-inline: auto; padding-inline: var(--container-padding); }.doc-faq { width: 100%; background: transparent; position: relative; padding-block: var(--space-3xl); }@supports (container-type: inline-size) { .doc-faq { container-type: inline-size; container-name: doc-faq; }}@media (max-width: 767px) { .doc-faq { padding-block: var(--space-xl); }}@media print { .doc-faq { break-inside: avoid; padding-block: var(--space-lg); }}