/* ========================================================= Non-critical CSS — loaded async after first paint (critical above-the-fold styles are inlined in ) ========================================================= */ /* ===== Mobile menu (overlay) ===== */ .site-header{position:relative;z-index:100} .mobile-menu{ position:fixed;left:0;right:0;top:64px;bottom:auto;min-height:75vh;max-height:85vh;background:#faf1e5;z-index:90; display:flex;flex-direction:column;padding:32px 24px;overflow-y:auto; } .mobile-menu[hidden]{display:none} .mobile-links{list-style:none;padding:0;margin:0 0 auto;display:flex;flex-direction:column;gap:24px} .mobile-links a{font-size:18px;color:#2f4157;font-weight:500;text-decoration:none} .mobile-ctas{display:flex;flex-direction:column;gap:14px;margin-top:32px} .mobile-ctas .btn{justify-content:center;width:100%;padding:18px 24px;font-size:18px;border-radius:999px} .mobile-phone{background:#efe1c8;color:#2f4157;border-color:transparent;font-weight:600} .mobile-phone svg{stroke:#2f4157} .mobile-book{position:relative;justify-content:center;text-align:center} .mobile-book::after{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin:0} /* ===== Generic section ===== */ .section{padding:80px 0} @media(max-width:760px){ .section{padding:56px 0} .section-sub{font-size:16px;margin-bottom:28px} } .section-alt{background:#dae8ed} .section-dark{background:#2f4157;color:#fff} .section-title{font-size:46px;line-height:1.1;font-weight:600;color:#2f4157;margin:0 0 16px;letter-spacing:-.02em} .section-title.light{color:#fff} .section-title.center{text-align:center;margin-left:auto;margin-right:auto;max-width:900px} .section-sub{font-size:18px;color:#2f4157aa;margin:0 0 40px;max-width:720px} .section-sub.light{color:#ffffffcc} .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:500;color:#2f415799;margin:0 0 8px} .center-cta{display:flex;justify-content:center;margin-top:40px} /* Generic round arrow buttons */ .arrow-btn{width:48px;height:48px;border-radius:50%;display:inline-grid;place-items:center;background:transparent;padding:0;flex-shrink:0} .arrow-btn img{width:48px;height:48px;display:block} .arrow-btn:disabled{opacity:.35;cursor:not-allowed} /* ===== Stats band (under hero) ===== */ .stats-band{background:#2f4157;color:#fff;padding:48px 0} .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center} .stat-num{font-size:48px;font-weight:500;color:#fff;line-height:1;letter-spacing:-.02em} .stat-label{font-size:16px;color:#fff;margin-top:10px;white-space:nowrap} @media(max-width:760px){ .stats-band{padding:48px 0} .stats-grid{grid-template-columns:1fr;gap:20px} .stat-num{font-size:32px;font-weight:500} .stat-label{font-size:14px;font-weight:500} } /* ===== Video facade (shared) ===== */ .video-facade{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;cursor:pointer;background:#000} .video-facade img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;opacity:.92} .video-facade:hover img{transform:scale(1.03);opacity:1} .video-facade iframe{width:100%;height:100%;border:0;display:block} .play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,.55);display:grid;place-items:center;pointer-events:none;z-index:2} .play-circle::before{content:"";display:block;border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent #fff;margin-left:5px} .unmute-btn{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.6);display:grid;place-items:center;cursor:pointer;border:0;padding:0;z-index:5;color:#fff} .unmute-btn:hover{background:rgba(0,0,0,.78)} .unmute-btn svg{width:22px;height:22px;display:block} .video-facade .wistia_responsive_padding{padding:0 !important;position:absolute !important;inset:0;width:100%;height:100%} .video-facade .wistia_responsive_wrapper{position:absolute;inset:0} /* ===== What's Included (HIW) ===== */ .hiw-wrapper{display:grid;grid-template-columns:40% 1fr;gap:48px;align-items:start} #whats-included .section-title{font-size:56px;font-weight:500} .hiw-left{display:flex;flex-direction:column} .hiw-tabs{display:flex;flex-direction:column;gap:16px;margin-top:24px} .hiw-tab{ text-align:left;background:#c1d7df66;border-radius:24px;padding:28px 28px; transition:background .25s ease;display:block;width:100%; } .hiw-tab h3{margin:0;font-size:24px;color:#2f4157b3;font-weight:500} .hiw-tab.active h3{color:#2f4157} .hiw-tab .collapse{display:none} .hiw-tab.active{background:#C1D7DF} .hiw-tab.active .collapse{display:block} .hiw-tab .collapse p{margin:14px 0 0;color:#2f4157;font-size:16px;line-height:1.2} .hiw-arrows{display:flex;gap:10px;margin-top:30px} .hiw-right{display:grid;align-items:start;justify-items:end} .hiw-right .hiw-slide{grid-column:1;grid-row:1;opacity:0;transition:opacity .35s ease;justify-self:end;text-align:right} .hiw-right .hiw-slide.active{opacity:1} .hiw-right .hiw-slide[hidden]{display:none} .hiw-right img{width:520px;max-width:100%;height:auto;border-radius:0;display:block;margin-left:auto} .hiw-mobile-cta{display:none} .hiw-mblock{display:none} @media(max-width:899px){ .hiw-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px} .hiw-arrows{display:none} #whats-included{padding:40px 24px;text-align:center} #whats-included .section-title{font-size:40px;font-weight:500;text-align:center} .hiw-left{text-align:center} .hiw-tabs{display:none} .hiw-mblock{display:block;margin-top:20px} .hiw-mpills{ display:grid;grid-template-columns:repeat(2,1fr); background:#C1D7DF;border-radius:999px;padding:0;gap:0; } .v-ac .hiw-mpills{grid-template-columns:repeat(3,1fr)} .hiw-mpill{ background:transparent;border:0;cursor:pointer; padding:16px 12px;border-radius:999px; color:#4C6174;font-size:16px;font-weight:500;line-height:1; } .hiw-mpill.active{background:#2f4157;color:#fff} .hiw-mpanel{display:none;padding:24px 4px 0;text-align:center} .hiw-mpanel.active{display:block} .hiw-mpanel h3{margin:0 0 12px;font-size:24px;font-weight:500;color:#2f4157;line-height:1.25} .hiw-mpanel p{margin:0;font-size:16px;color:#2f4157;line-height:1.2} .hiw-right img{max-width:380px;margin:0 auto} .hiw-mobile-cta{display:inline-flex;margin-top:24px;background:transparent} } /* ===== 40 Years section ===== */ .years-section{background:#faf1e5;padding:112px 40px} .years-section .section-title{font-size:44px;font-weight:500} .years-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center} .years-section .section-title{margin-bottom:28px} .years-video{aspect-ratio:16/9;border-radius:24px;overflow:hidden;position:relative} .years-cta-mobile{display:none} @media(max-width:899px){ .years-section{padding:40px 20px;text-align:center} .years-grid{display:flex;flex-direction:column;gap:24px;align-items:center} .years-text{display:contents} .years-section .section-title{font-size:32px;font-weight:500;text-align:center;margin-bottom:0} .years-cta-desktop{display:none} .years-cta-mobile{display:inline-flex} .years-video{width:100%;max-width:480px;border-radius:24px;overflow:hidden} } /* ===== How it works ===== */ .how-grid{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .how-step{background:#fff;border-radius:32px;padding:36px;border:1px solid #c9dde4} .how-num{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#2f4157;color:#fff;font-weight:600;margin-bottom:20px} .how-step h3{font-size:20px;color:#2f4157;margin:0 0 12px;font-weight:600} .how-step p{margin:0;color:#2f4157cc;font-size:15px} @media(max-width:760px){.how-grid{grid-template-columns:1fr}} /* ===== Features (Difference) — image cards with overlay ===== */ .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px} .feature-card{display:flex;flex-direction:column;gap:18px} .feature-image-wrapper{ position:relative;border-radius:28px;overflow:hidden;aspect-ratio:1/1;background:#dae8ed; } .feature-img{width:100%;height:100%;object-fit:cover;display:block} .feature-toggle{ position:absolute;width:48px;height:48px;border-radius:50%;background:transparent; display:grid;place-items:center;border:1px solid #0e2433;z-index:2; transition:transform .2s ease; } .feature-toggle:hover{transform:scale(1.06)} .feature-toggle img{width:22px;height:22px} .feature-open{top:18px;right:18px;background:rgba(255,255,255,0.9);border-color:#0e2433} .feature-close{border-color:#fff} .feature-overlay{ position:absolute;inset:0;background:#2f4157;color:#fff; padding:72px 24px 32px;display:flex;flex-direction:column;justify-content:flex-start; opacity:0;visibility:hidden;transition:opacity .25s ease; } .feature-card.active .feature-overlay{opacity:1;visibility:visible} .feature-card.active .feature-open{display:none} .feature-text{font-size:15px;line-height:1.2;margin:0 0 12px} .feature-close{top:18px;right:18px} .feature-title{font-size:24px;color:#2f4157;margin:0;font-weight:500;line-height:1.25;text-align:left} #features{background:#dae8ed;padding:112px 40px} #features .section-title{font-size:56px;font-weight:500} @media(max-width:960px){.feature-grid{grid-template-columns:repeat(2,1fr)}} .features-mobile-arrows{display:none} .features-mobile-cta{display:none} .features-cta-desktop{display:flex;justify-content:center;margin-top:48px} @media(max-width:760px){.features-cta-desktop{display:none}} /* ===== Mobile global overrides ===== */ @media(max-width:760px){ html,body{overflow-x:hidden;max-width:100%} .btn-dark{padding:11px 7px 11px 12px} .section-title{padding:15px} .hero h1{margin:0;padding:0} .hiw-mobile-cta{background:transparent !important} } @media(max-width:760px){ #features{padding:40px 24px} #features .section-title{font-size:36px;font-weight:500;text-align:left} .feature-grid{ display:flex;flex-wrap:nowrap;gap:16px;margin-top:32px; overflow-x:auto;scroll-snap-type:x mandatory; scroll-behavior:smooth;scrollbar-width:none; margin-left:-24px;margin-right:-24px;padding:0 24px; } .feature-grid::-webkit-scrollbar{display:none} .feature-card{flex:0 0 100%;scroll-snap-align:center} .feature-image-wrapper{aspect-ratio:auto;height:460px} .feature-title{text-align:left;font-size:24px} .feature-open{background:#fff;border-color:#fff} .feature-overlay{padding:32px 24px 28px} .feature-text{font-size:16px;color:#fff;line-height:1.2} .feature-close{background:transparent;border:1px solid #fff} .features-mobile-arrows{display:flex;justify-content:center;gap:12px;margin-top:24px} .features-mobile-cta{display:flex;justify-content:center;margin-top:24px} } /* ===== Team / Doctor slider ===== */ .doctor-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;flex-wrap:wrap} .doctor-header .section-title{margin:0;max-width:780px} .doctor-arrows{display:flex;gap:10px} .doctor-slider{position:relative;overflow:hidden} .doctor-track{ display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth; padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none; } .doctor-track::-webkit-scrollbar{display:none} .doctor-card{ flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start; display:flex;flex-direction:column;text-align:left; } .doctor-img-wrapper{ position:relative;border-radius:28px;overflow:hidden;background:#c9dde4;aspect-ratio:9/10;margin-bottom:14px; } .doctor-img{width:100%;height:100%;object-fit:cover;display:block} .doctor-toggle{ position:absolute;width:48px;height:48px;border-radius:50%;background:transparent; display:grid;place-items:center;border:1px solid #0e2433;z-index:2; transition:transform .2s ease; } .doctor-toggle:hover{transform:scale(1.06)} .doctor-toggle img{width:22px;height:22px} .doctor-open{top:16px;right:16px;background:transparent;border-color:#0e2433} .doctor-close{border-color:#fff} .doctor-overlay{ position:absolute;inset:0;background:#082334;color:#fff; padding:72px 28px 28px;text-align:left; opacity:0;visibility:hidden;transition:opacity .25s ease; overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch; scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent; touch-action:pan-y; } .doctor-card:not(.active) .doctor-overlay{overflow:hidden} .doctor-overlay::-webkit-scrollbar{width:6px} .doctor-overlay::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:3px} .doctor-overlay::-webkit-scrollbar-track{background:transparent} .doctor-card.active .doctor-close{position:sticky;top:0;float:right;margin:-56px -12px 0 0} .doctor-card.active .doctor-overlay{opacity:1;visibility:visible} .doctor-card.active .doctor-open{display:none} .doctor-text{font-size:16px;line-height:1.5;margin:0;text-align:left} .doctor-close{top:16px;right:16px} .doctor-name{font-size:24px;color:#2f4157;margin:0 0 4px;font-weight:600;text-align:left} .doctor-role{margin:0;color:#576577;font-size:18px;font-weight:500;text-align:left} #team{background:#faf1e5;padding:112px 40px} #team .section-title{font-size:56px;font-weight:500} @media(max-width:899px){ .doctor-card{flex-basis:calc((100% - 20px)/2)} } .doctor-arrows-mobile{display:none} @media(max-width:760px){ #team{padding:80px 20px} #team .section-title{font-size:34px;font-weight:500;text-align:center} .doctor-header{justify-content:center;text-align:center;margin-bottom:24px} .doctor-arrows{display:none} .doctor-track{gap:16px;margin-left:-20px;margin-right:-20px;padding:0 20px 8px;scroll-snap-type:x mandatory} .doctor-card{flex:0 0 calc(100vw - 40px);max-width:354px;scroll-snap-align:center;height:auto} .doctor-img-wrapper{aspect-ratio:354/360;width:100%;height:auto;margin-bottom:14px} .doctor-toggle{width:42px;height:42px} .doctor-open{background:#fff;border-color:#fff} .doctor-name{font-size:24px;font-weight:600} .doctor-role{font-size:18px;font-weight:500} .doctor-arrows-mobile{display:flex;justify-content:center;gap:12px;margin-top:24px} } /* ===== Pricing (offer comparison) ===== */ #offer{padding:112px 40px} #offer .section-title{font-size:56px;font-weight:500;max-width:none;margin-left:0;margin-right:0} .pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px} .price-card{ background:#ffffff0d;color:#fff;border-radius:48px;padding:24px; display:flex;flex-direction:column; } .price-card-good{background:#dae8ed;color:#294259} .price-card h3{font-size:24px;font-weight:500;margin:0 0 28px;line-height:1.3;max-width:none} .price-card-good-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px} .price-card-good-header h3{margin:0;color:#294259;max-width:380px} .price-logo{width:120px;height:auto;flex-shrink:0} .price-list{list-style:none;padding:0;margin:0;display:grid;gap:18px} .price-list li{display:grid;grid-template-columns:24px 1fr auto;gap:14px;align-items:center;font-size:16px;line-height:1.4} .price-label{color:inherit;opacity:.95} .price-value{font-weight:600;white-space:nowrap;font-size:16px} .price-card-good .price-value{color:#294259} .bullet{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain} .bullet-x{background-image:url("https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/2JL3DLHGpRYFwkUI08aO/media/691f9b50a1976e13b9e9147d.svg")} .bullet-check{background-image:url("https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/2JL3DLHGpRYFwkUI08aO/media/691f9b50330ab5fcc2f27420.svg")} .price-rule{border:0;border-top:1px solid rgba(255,255,255,.18);margin:28px 0 24px} .price-card-good .price-rule{border-top-color:#29425933} .price-total{display:flex;justify-content:space-between;font-size:18px;font-weight:500;margin-top:auto} .price-card-good .price-total{color:#294259} .price-card-good .price-total span:last-child{font-weight:600} .strike{text-decoration:line-through;opacity:.7} .price-today{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;font-size:18px;color:#294259} .price-today strong{font-size:48px;color:#294259;font-weight:600;line-height:1;letter-spacing:-.02em} .price-cta{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:18px} .price-cta .btn-light{background:#fff;color:#2f4157;border-color:#fff} .price-note{margin:0;font-size:18px;color:#fff} .price-note a{text-decoration:underline;color:#fff} @media(max-width:760px){ #offer{padding:40px 20px} #offer .container{padding:0} #offer .section-title{font-size:40px;font-weight:500} .pricing-grid{grid-template-columns:1fr;gap:16px;margin-top:32px} .price-card{padding:28px 24px;border-radius:48px} .price-card-good-header{flex-direction:row;align-items:center;gap:12px;margin-bottom:20px} .price-card h3{font-size:18px;margin-bottom:20px} .price-card-good-header h3{margin:0} .price-logo{width:65px} .price-list{gap:14px} .price-list li{font-size:14px;grid-template-columns:22px 1fr auto;gap:12px} .price-today strong{font-size:38px} .price-cta{margin-top:32px} .price-note{font-size:18px;text-align:center} } /* ===== Reviews ===== */ .reviews-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;flex-wrap:wrap} .reviews-header .section-title{margin:0} .reviews-header .section-title{text-align:left} .reviews-arrows{display:flex;gap:10px} .reviews-slider{position:relative;overflow:hidden} .reviews-track{ display:flex;align-items:flex-start;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth; padding:4px 4px 24px;-webkit-overflow-scrolling:touch;scrollbar-width:none; } .reviews-track::-webkit-scrollbar{display:none} #testimonials{background:#dae8ed;padding:112px 40px} #testimonials .section-title{font-size:56px;font-weight:500} .review-card{ flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start; background:#C1D7DF;border-radius:2.5rem;padding:1.5rem;color:#2f4157; display:flex;flex-direction:column;justify-content:space-between;gap:18px; max-height:248px;overflow:hidden; } .review-scroll{ flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain; padding-top:8px; scrollbar-width:thin;scrollbar-color:rgba(47,65,87,.35) transparent; } .review-scroll::-webkit-scrollbar{width:6px} .review-scroll::-webkit-scrollbar-thumb{background:rgba(47,65,87,.35);border-radius:3px} .review-scroll::-webkit-scrollbar-track{background:transparent} .review-author{flex:0 0 auto} @media(max-width:760px){ .review-card{max-height:none;overflow:visible} .review-scroll{overflow:visible;padding-top:0} } .review-text{margin:0;font-size:16px;line-height:1.55} .review-author{font-weight:600;font-size:24px;color:#2f4157} @media(max-width:899px){.review-card{flex-basis:calc((100% - 24px)/2)}} .reviews-arrows-mobile{display:none} .reviews-mobile-cta{display:none} @media(max-width:760px){ #testimonials{padding:40px 10px} #testimonials .container{padding:0} #testimonials .section-title{font-size:40px;font-weight:500;text-align:center;width:100%} .reviews-header{margin-bottom:20px;justify-content:center} .reviews-arrows{display:none} .reviews-slider{overflow:visible} .reviews-track{gap:16px;padding:4px 0 16px;scroll-snap-type:x mandatory} .review-card{flex:0 0 100%;max-width:none;padding:24px;scroll-snap-align:center} .reviews-arrows-mobile{display:flex;justify-content:center;gap:12px;margin-top:24px} .reviews-mobile-cta{display:flex;justify-content:center;margin-top:24px} } /* ===== Locations (tabs + map+info) ===== */ .locations-section{color:#fff;padding:80px 20px} .locations-container{max-width:940px;margin:0 auto;width:100%} .locations-title{text-align:center;font-size:clamp(32px,4vw,48px);font-weight:500;margin:0 0 32px;color:#fff;letter-spacing:-.02em} .location-tabs{display:flex;border:1px solid #DAE8ED;border-radius:999px;padding:3px;margin:0 auto 40px} .location-tab{ flex:1;display:flex;align-items:center;justify-content:center;text-align:center; padding:12px 16px;font-size:18px;cursor:pointer;border-radius:999px;color:#dbe2ea; background:transparent;line-height:1.2;transition:background .25s ease,color .25s ease; } .location-tab.active{background:#DAE8ED;color:#2f4157;font-weight:500} .location-content{display:none;gap:32px} .location-content.active{display:grid;grid-template-columns:1.2fr 1fr} .location-content[hidden]{display:none} .location-map{ border-radius:16px;overflow:hidden;background:#1f2d3d;color:#dbe2ea; display:grid;place-items:center;min-height:340px;cursor:pointer;font-weight:500; } .location-map iframe{width:100%;height:100%;border:0;border-radius:16px;display:block;min-height:340px} .location-info{display:flex;flex-direction:column;gap:20px} .location-block h4{font-size:18px;margin:0 0 6px;color:#fff;font-weight:500} .location-block p{color:#dbe2ea;font-size:14px;margin:0;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:8px} .location-block p a{color:#dbe2ea;text-decoration:none} .office-hours{display:flex;flex-direction:column;gap:8px} .office-row{display:flex;justify-content:space-between;font-size:14px;color:#dbe2ea;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:8px} .loc-note{font-size:14px;font-weight:500;color:#dbe2ea;margin:0} .location-cta .btn-light{background:#fff;color:#2f4157;border-color:#fff} .section-alt .btn-light{background:#fff} @media(max-width:768px){ .locations-section{padding:40px 20px} .locations-title{font-size:40px;font-weight:500} .location-content.active{grid-template-columns:1fr;gap:24px} .location-map,.location-map iframe{min-height:240px} .location-tabs{flex-direction:row;border-radius:999px;padding:3px;gap:0} .location-tab{padding:10px 6px;font-size:12px;border-radius:999px;line-height:1.3} .location-tab br{display:inline} .location-cta{display:flex;justify-content:center} } /* ===== FAQ ===== */ .faq-section{background:#faf1e5;padding:112px 40px} .faq-section .section-title{font-size:56px;font-weight:500} .faq-head{text-align:center;margin-bottom:36px} .faq-head .section-title{margin:0 auto 10px} .faq-sub{margin:0;color:#2f4157;font-size:16px} .faq-sub a{text-decoration:underline;font-weight:500} .faq-list{display:grid;gap:12px;max-width:900px;margin:0 auto} .faq-list details{ background:#dae8ed;border:0;border-radius:10px;padding:18px 28px;cursor:pointer; transition:background .2s ease,color .2s ease; } .faq-list details[open]{background:#294259;color:#fff} @media(max-width:760px){ .faq-section{padding:40px 24px} .faq-section .section-title{font-size:40px;font-weight:500} .faq-sub{font-size:16px} .faq-sub a{display:block} .faq-list details{padding:16px 20px;border-radius:10px} .faq-list summary{font-size:20px;font-weight:500} .faq-list details p{font-size:18px;font-weight:300} } .faq-list summary{ font-weight:500;font-size:18px;color:#2f4157;list-style:none; display:flex;justify-content:space-between;align-items:center;gap:16px; } .faq-list details[open] summary{color:#fff} .faq-list summary::after{content:"+";font-size:22px;color:#2f4157;line-height:1;font-weight:400} .faq-list details[open] summary::after{content:"−";color:#fff} .faq-list summary::-webkit-details-marker{display:none} .faq-list details p{margin:14px 0 0;color:#2f4157cc;font-size:16px;font-weight:300;line-height:1.55} .faq-list details[open] p{color:#fff} /* ===== Last CTA ===== */ .last-cta{background:#dae8ed;overflow:hidden;padding:112px 40px 0} .last-cta-grid{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0;max-width:1280px;margin:0 auto} .last-cta-image{align-self:end;line-height:0} .last-cta-image img{width:500px;height:500px;object-fit:cover;display:block;background:transparent} @media(max-width:760px){ .last-cta-image img{width:397px;height:397px;max-width:100%} } .last-cta-copy{padding:48px 24px 48px 32px} .last-cta-copy h2{font-size:64px;line-height:1.15;color:#2f4157;margin:0 0 28px;font-weight:500;letter-spacing:-.02em;max-width:560px} @media(max-width:800px){ .last-cta{padding:40px 24px 0} .last-cta-grid{grid-template-columns:1fr} .last-cta-copy{order:1;text-align:left;padding:0 0 28px} .last-cta-image{order:2;align-self:end} .last-cta-copy h2{margin:0 0 24px;font-size:36px;font-weight:500;text-align:left} } /* ===== Form ===== */ .book-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center} .book-form{ background:#fff;color:#2f4157;border-radius:32px;padding:32px; display:grid;grid-template-columns:1fr 1fr;gap:16px; } .book-form label{display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px} .book-form .full{grid-column:1/-1} .book-form input,.book-form select,.book-form textarea{ font:inherit;border:1px solid #c9dde4;background:#fff;border-radius:12px;padding:12px 14px; color:#2f4157;width:100%; } .book-form input:focus,.book-form select:focus,.book-form textarea:focus{outline:2px solid #2f4157;outline-offset:1px} .book-form button{grid-column:1/-1;justify-self:start} .form-status{grid-column:1/-1;margin:0;font-size:14px;color:#2f4157} .form-status.success{color:#1a7f37} .form-status.error{color:#b42318} @media(max-width:800px){.book-wrap{grid-template-columns:1fr}.book-form{grid-template-columns:1fr}} /* ===== Footer ===== */ .site-footer{background:#faf1e5;color:#2f4157;padding:80px 40px 20px} .footer-top{padding:8px 0 24px} .footer-logo{width:145px;height:42px} .footer-rule{border:0;border-top:1px solid #e3d8c0;margin:0 0 32px} .footer-grid{display:grid;grid-template-columns:1fr 1fr 2fr 1.2fr 1fr;gap:32px;align-items:start} .site-footer h4{color:#2f4157;margin:0 0 16px;font-size:22px;font-weight:500;letter-spacing:0;text-transform:none} .site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:18px;color:#2f4157} .site-footer a{color:#2f4157} .site-footer a:hover{color:#2f4157;text-decoration:underline} .footer-addr li{line-height:1.5} .footer-phone{margin:0;font-size:18px;color:#2f4157} .footer-phone a{display:inline-flex;align-items:center;gap:8px;color:#2f4157} .footer-social{display:flex !important;flex-direction:row;gap:14px;grid-auto-flow:column} .footer-social a{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:transparent} .footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:48px;font-size:16px;color:#2f4157aa;gap:16px} .footer-bottom p{margin:0} .scroll-top{display:inline-grid;place-items:center;background:transparent;padding:0} .scroll-top img{width:48px;height:48px;display:block} @media(max-width:900px){ .footer-grid{grid-template-columns:1fr 1fr;gap:32px} .footer-grid > div:nth-child(5){grid-column:1/-1} } @media(max-width:760px){ .site-footer{padding:40px 20px 20px} .footer-logo{width:145px;height:42px} .site-footer h4{font-size:22px;font-weight:400} .site-footer ul,.footer-phone{font-size:18px} } @media(max-width:560px){ .footer-bottom{flex-direction:column-reverse;align-items:flex-start} }