/* =========================================================    INNER ROOM — ABOUT US — HERO    Paste FIRST — contains :root vars + .ir-sp + .ir-container dependencies for sections 02–04.    ========================================================= */ :root {   --ir-font: 'Playfair Display', Georgia, serif;   --evergreen: #294833;   --sprout: #ADC8A3;   --sunflower: #EDCC6B;   --cream: #FAFAF7;   --text-dark: #2C2C2C;   --text-light: #5A5A5A; } .ir-sp {   font-family: var(--ir-font);   color: var(--evergreen); } .ir-sp *, .ir-sp *::before, .ir-sp *::after {   box-sizing: border-box; } .ir-sp a {   color: var(--evergreen); } .ir-container {   max-width: 1200px;   margin: 0 auto; }  /* Hero — service-page exact height parity */ .ir-hero-wrapper {   max-width: 1100px;   margin: 0 auto;   padding: 1rem 1.25rem;   display: flex;   flex-direction: column;   gap: 1.5rem;   text-align: left !important;   min-height: calc(100svh - 180px);   justify-content: center; }  @keyframes irFadeUp {   from {     opacity: 0;     transform: translateY(30px);   }   to {     opacity: 1;     transform: translateY(0);   } }  /* Staggered Waterfall Animation */ .ir-hero-eyebrow, .ir-hero-main-title, .ir-hero-photo, .ir-hero-content p, .ir-hero-btn-container {   animation: irFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both; }  /* Delays to cascade the elements */ .ir-hero-eyebrow { animation-delay: 0.1s; } .ir-hero-main-title { animation-delay: 0.2s; } .ir-hero-photo { animation-delay: 0.3s; } .ir-hero-content p:nth-of-type(1) { animation-delay: 0.4s; } .ir-hero-content p:nth-of-type(2) { animation-delay: 0.5s; } .ir-hero-content p:nth-of-type(3) { animation-delay: 0.6s; } .ir-hero-btn-container { animation-delay: 0.7s; }  /* Left Column */ .ir-hero-title {   flex: 1;   display: flex;   flex-direction: column;   justify-content: center;   text-align: left !important; } .ir-hero-title h1.ir-hero-eyebrow {   font-size: 12px;   font-weight: 600;   text-transform: uppercase;   letter-spacing: 0.09em;   color: rgba(41,72,51,0.65);   margin: 0 0 8px 0;   line-height: 1.25;   text-align: left !important; } .ir-hero-title h2.ir-hero-main-title {   font-size: 2.75rem;   color: var(--evergreen) !important;   margin: 0;   line-height: 1.15;   font-weight: 700;   letter-spacing: -0.015em;   text-align: left !important; } .ir-hero-photo {   margin-top: 1.5rem;   margin-bottom: 1.5rem; /* Added breathing room under photo on mobile */ } .ir-hero-photo img {   display: block;   width: 100%;   height: auto;   border-radius: 12px;   object-fit: cover;   box-shadow: 0 10px 25px rgba(0,0,0,0.05); }  /* Right Column */ .ir-hero-content {   flex: 1.2;   display: flex;   flex-direction: column;   justify-content: center;   text-align: left !important; } .ir-hero-content p {   font-size: 1.05rem;   line-height: 1.6;   color: var(--text-light);   margin-top: 0;   margin-bottom: 1.25rem;   text-align: left !important; } .ir-hero-content a {   color: var(--evergreen);   text-decoration: underline;   text-underline-offset: 4px;   font-weight: 600;   transition: color 0.2s ease; } .ir-hero-content a:hover {   color: var(--sunflower); }  /* CTA */ .ir-hero-btn-container {   margin-top: 2rem; /* Added breathing room above button on mobile */   text-align: left !important; } .ir-hero-btn {   display: flex;   width: 100%;   align-items: center;   justify-content: center;   background-color: var(--sunflower);   color: var(--evergreen) !important;   padding: 1.125rem 2rem;   border-radius: 999px;   text-decoration: none;   font-size: 1.05rem;   font-weight: 600;   transition: all 0.3s ease;   box-shadow: 0 4px 14px rgba(237,204,107,0.3);   border: none;   cursor: pointer;   font-family: inherit; } .ir-hero-btn:hover {   background-color: #DFB94F;   transform: translateY(-2px);   box-shadow: 0 6px 20px rgba(237,204,107,0.45); }  @media (min-width: 768px) {   .ir-hero-wrapper {     flex-direction: row;     gap: 5rem;     padding: 2rem 3rem;     min-height: calc(100svh - 160px);   }   .ir-hero-title h2.ir-hero-main-title {     font-size: 4.5rem;     line-height: 1.1;   }   .ir-hero-photo {     margin-top: 2.5rem;     margin-bottom: 0; /* Reset for desktop */   }   .ir-hero-photo img {     border-radius: 20px;   }   .ir-hero-content p {     font-size: 1.15rem;     line-height: 1.8;     margin-bottom: 1.5rem;   }   .ir-hero-btn-container {     margin-top: 0.5rem; /* Reset for desktop */   }   .ir-hero-btn {     display: inline-flex;     width: auto;     padding: 1.125rem 2.5rem;   }   .ir-hero-content {     border-left: 1px solid #E5E7EB;     padding-left: 4rem;   } }  /* =========================================================    ABOUT US — SECTION 2 — AI-CITABLE DEFINITION BLOCK    ========================================================= */ :root {   --ir-font: 'Playfair Display', Georgia, serif;   --evergreen: #294833; } .ir-sp {    font-family: var(--ir-font);    color: var(--evergreen);  } .ir-sp *, .ir-sp *::before, .ir-sp *::after {    box-sizing: border-box;  } .ir-container {    max-width: 1200px;    margin: 0 auto;  }  /* Reduced Top and Bottom Padding */ .ir-def-band {    padding: 40px 24px;    background: transparent;  } @media (max-width: 768px) {    .ir-def-band {      padding: 24px 20px;    }  }  @keyframes irWaterfallUp {   from {      opacity: 0;      transform: translateY(30px);    }   to {      opacity: 1;      transform: translateY(0);    } }  /* Waterfall Animation for the Block */ .llm-summary-block {   background-color: #FFFFFF;    padding: 24px 28px;    border-left: 4px solid var(--evergreen);    border-radius: 8px;    box-shadow: 0 4px 16px rgba(41,72,51,.08);    margin: 0 auto;    max-width: 900px;       opacity: 0;   animation: irWaterfallUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;   animation-delay: 0.1s; }  /* Waterfall Animation for the Text */ .llm-summary-block p {   font-size: 16px;    line-height: 1.7;    color: #4a4a4a;    margin: 0;       opacity: 0;   animation: irWaterfallUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;   animation-delay: 0.3s; }  .llm-summary-block p strong {    color: var(--evergreen);    font-weight: 600;  }  /* =========================================================    ABOUT US — SECTION 03: STORY + TEAM + MISSION + PROMISE + TRUST BANNER ========================================================= */ :root {   --ir-font: 'Playfair Display', Georgia, serif;   --evergreen: #294833;   --sprout: #ADC8A3;   --sunflower: #EDCC6B;   --cream: #FAFAF7;   --text-dark: #2C2C2C;   --text-light: #5A5A5A; } .ir-sp {   font-family: var(--ir-font);   color: var(--evergreen); } .ir-sp *, .ir-sp *::before, .ir-sp *::after {   box-sizing: border-box; } .ir-sp a {   color: var(--evergreen); } .ir-container {   max-width: 1200px;   margin: 0 auto; }  /* =========================================================    SCROLL-TRIGGERED ANIMATIONS ========================================================= */ @keyframes irFadeUpBox {   from { opacity: 0; transform: translateY(40px); }   to   { opacity: 1; transform: translateY(0); } } @keyframes irFadeUp {   from { opacity: 0; transform: translateY(20px); }   to   { opacity: 1; transform: translateY(0); } }  .ir-live-site .ir-story-section, .ir-live-site .ir-story-section h2, .ir-live-site .ir-story-content > *, .ir-live-site .ir-value-card, .ir-live-site .ir-value-card li, .ir-live-site .ir-trust-banner {   opacity: 0; }  @media (prefers-reduced-motion: reduce) {   .ir-story-section,   .ir-story-section h2,   .ir-story-content > *,   .ir-value-card,   .ir-value-card li,   .ir-trust-banner {     opacity: 1 !important;     transform: none !important;     animation: none !important;   } }  .ir-live-site .ir-story-section.is-visible {   animation: irFadeUpBox 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .ir-live-site .ir-story-section.is-visible h2, .ir-live-site .ir-story-section.is-visible .ir-story-content > * {   animation: irFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .ir-live-site .ir-values-grid.is-visible .ir-value-card {   animation: irFadeUpBox 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .ir-live-site .ir-values-grid.is-visible .ir-value-card li {   animation: irFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .ir-live-site .ir-trust-banner.is-visible {   animation: irFadeUpBox 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }  .ir-story-section h2 { animation-delay: 0.1s; } .ir-story-content > p:nth-child(1) { animation-delay: 0.2s; } .ir-story-content > p:nth-child(2) { animation-delay: 0.3s; } .ir-story-content > .ir-culture-callout { animation-delay: 0.4s; } .ir-story-content > p:nth-child(4) { animation-delay: 0.5s; } .ir-story-content > hr { animation-delay: 0.6s; } .ir-story-content > h3 { animation-delay: 0.7s; } .ir-story-content > p:nth-child(7) { animation-delay: 0.8s; } .ir-story-content > p:nth-child(8) { animation-delay: 0.9s; }  .ir-value-card:nth-child(1) { animation-delay: 0.1s; } .ir-value-card:nth-child(2) { animation-delay: 0.3s; } .ir-value-card:nth-child(2) li:nth-child(1) { animation-delay: 0.5s; } .ir-value-card:nth-child(2) li:nth-child(2) { animation-delay: 0.6s; } .ir-value-card:nth-child(2) li:nth-child(3) { animation-delay: 0.7s; } .ir-value-card:nth-child(2) li:nth-child(4) { animation-delay: 0.8s; } .ir-trust-banner.is-visible { animation-delay: 0.1s; }  /* =========================================================    LAYOUT & STYLING ========================================================= */ .ir-about-wrapper {   max-width: 1100px;   margin: 0 auto;   padding-bottom: 2rem; }  /* ===== Story panel ===== */ .ir-story-section {   position: relative;   background-color: var(--evergreen);   color: #ffffff;   padding: 4.5rem 2rem 8rem 2rem;   border-radius: 16px;   text-align: center;   box-shadow: 0 1px 3px rgba(0,0,0,0.05),                0 10px 30px rgba(41,72,51,0.18),                0 0 0 1px rgba(173,200,163,0.25); } .ir-story-section h2 {   color: #ffffff !important;   font-size: 2.25rem;   line-height: 1.15;   margin: 0 0 1.5rem 0;   font-weight: 600;   letter-spacing: -0.02em; } .ir-story-content {   max-width: 760px;   margin: 0 auto;   text-align: left; } .ir-story-content p {   font-size: 1.05rem;   line-height: 1.7;   margin-bottom: 1.5rem;   color: #e5e7eb !important; } .ir-story-content p.ir-lead-text {   font-size: 1.15rem;   color: #ffffff !important;   font-weight: 400;   line-height: 1.5;   margin-bottom: 2rem; } .ir-story-content a {   color: var(--sunflower) !important;   text-decoration: underline !important;   text-underline-offset: 4px;   font-weight: 500 !important;   transition: color 0.2s ease !important; } .ir-story-content a:hover {   color: #DFB94F !important; }  /* ===== Culture-fit callout ===== */ .ir-culture-callout {   margin: 2.5rem 0;   padding: 1.75rem 2rem;   background: rgba(237,204,107,0.08);   border: 1px solid rgba(237,204,107,0.22);   border-radius: 12px;   transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease; } .ir-culture-callout:hover {   transform: translateY(-3px);   background: rgba(237,204,107,0.12);   border-color: rgba(237,204,107,0.4); } .ir-culture-callout p {   font-size: 1.05rem !important;   color: #ffffff !important;   margin-bottom: 0.85rem !important; } .ir-culture-callout p:last-child {   margin-bottom: 0 !important; } .ir-culture-callout p strong {   color: var(--sunflower) !important;   font-weight: 600; }  /* ===== HR divider ===== */ .ir-story-divider {   border: none;   border-top: 1px solid rgba(237,204,107,0.4);   margin: 3rem auto;   width: 60px; }  .ir-story-content h3 {   color: #ffffff !important;   font-size: 1.75rem;   line-height: 1.2;   margin: 1rem 0 1.25rem 0;   font-weight: 500;   letter-spacing: -0.02em; }  .ir-story-content > p.ir-lead-text:first-of-type::first-letter {   float: left;   font-size: 4rem;   line-height: 0.88;   padding-top: 0.15rem;   padding-right: 0.75rem;   color: var(--sunflower);   font-weight: 600; }  /* ===== Mission & Promise Cards ===== */ .ir-values-grid {   display: flex;   flex-direction: column;   gap: 1.5rem;   margin-top: -3rem;   padding: 0 1rem; } .ir-value-card {   position: relative;   background-color: var(--cream);   padding: 2.5rem 2rem;   border-radius: 12px;   box-shadow: 0 12px 40px rgba(0,0,0,0.08);   flex: 1;   overflow: hidden;   transition: transform 0.3s ease, box-shadow 0.3s ease; } .ir-value-card::before {   content: "";   position: absolute;   top: 0;   left: 0;   right: 0;   height: 4px;   background: var(--evergreen);   transition: background 0.4s ease; } .ir-value-card:hover {   transform: translateY(-4px);   box-shadow: 0 20px 55px rgba(41,72,51,0.18); } .ir-value-card:hover::before {   background: linear-gradient(to right, var(--sunflower), #DFB94F, var(--sunflower)); } .ir-value-card h3 {   font-size: 1.5rem;   line-height: 1.2;   color: var(--evergreen) !important;   margin: 0 0 1.25rem 0;   font-weight: 600;   border-bottom: 1px solid #f3f4f6;   padding-bottom: 1rem; } .ir-value-card p, .ir-value-card ul {   font-size: 1rem;   line-height: 1.7;   color: var(--evergreen) !important; } .ir-value-card ul {   padding-left: 0;   margin: 0;   list-style: none; } .ir-value-card li {   margin-bottom: 1rem;   padding-left: 2rem;   position: relative;   list-style: none; } .ir-value-card li::before {   content: "";   position: absolute;   left: 0;   top: 4px;   width: 20px;   height: 20px;   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23294833' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");   background-size: contain;   background-repeat: no-repeat;   transition: transform 0.2s ease; } .ir-value-card li:hover::before {   transform: scale(1.12); } .ir-value-card li:last-child {   margin-bottom: 0; }  /* ===== Trust banner ===== */ .ir-trust-band {   padding: 3rem 24px 96px; } .ir-trust-banner {   max-width: 900px;   margin: 0 auto;   padding: 2.25rem 2.5rem;   background-color: var(--cream);   border: 1px solid #E5E7EB;   border-left: 4px solid var(--evergreen);   border-radius: 12px;   box-shadow: 0 4px 16px rgba(41,72,51,0.06);   display: flex;   flex-direction: column;   align-items: center;   gap: 1.25rem;   text-align: center; } .ir-trust-chip {   display: inline-flex;   align-items: center;   gap: 8px;   font-size: 11.5px;   font-weight: 600;   letter-spacing: 0.09em;   text-transform: uppercase;   color: var(--evergreen);   background: rgba(41,72,51,0.07);   border-radius: 999px;   padding: 6px 14px; } .ir-trust-chip::before {   content: "";   width: 8px;   height: 8px;   background: var(--sprout);   border-radius: 50%; } .ir-trust-banner p {   margin: 0;   font-size: 1rem;   line-height: 1.7;   color: var(--text-light);   max-width: 640px; } .ir-trust-banner p strong {   color: var(--evergreen);   font-weight: 600; }  /* ===== Responsive ===== */ @media (min-width: 768px) {   .ir-story-section {     padding: 6rem 4rem 9rem 4rem;   }   .ir-values-grid {     flex-direction: row;     padding: 0 3rem;     margin-top: -5rem;     gap: 2.5rem;   }   .ir-value-card {     padding: 3.5rem 3rem;   }   .ir-story-section h2 {     font-size: 3.25rem;     margin-bottom: 2rem;   }   .ir-story-content p {     font-size: 1.125rem;   }   .ir-story-content p.ir-lead-text {     font-size: 1.35rem;   }   .ir-story-content h3 {     font-size: 2.25rem;     margin-bottom: 1.5rem;   }   .ir-culture-callout {     margin: 3rem 0;     padding: 2.25rem 2.75rem;   }   .ir-value-card h3 {     font-size: 1.75rem;     margin-bottom: 1.5rem;   }   .ir-trust-banner {     padding: 2.5rem 3rem;   }   .ir-trust-banner p {     font-size: 1.05rem;   } } @media (max-width: 767px) {   .ir-values-grid {     flex-direction: column;   }   .ir-trust-band {     padding: 2rem 20px 72px;   } } @media (max-width: 480px) {   .ir-story-section h2 {     font-size: 2rem;   }   .ir-value-card h3 {     font-size: 1.45rem;   } }  /* ─── BASE SECTION STYLING ─── */ #therapists-carousel {   background-color: #294833 !important; /* IR Evergreen */   padding: 100px 24px;   text-align: center;   font-family: inherit;   overflow: hidden; } #therapists-carousel .container {   max-width: 1200px;   margin: 0 auto;   position: relative; }  /* ─── MAIN TITLE ─── */ #therapists-carousel h2 {   color: #FAFAF7 !important; /* IR Cream */   font-family: 'Playfair Display', Georgia, serif !important;   font-size: clamp(2.5rem, 5vw, 3.5rem);   font-weight: 600;   margin-top: 0;   margin-bottom: 56px;   line-height: 1.2; }  /* ─── CAROUSEL TRACK ─── */ .carousel-wrapper {   position: relative;   width: 100%;   display: flex;   align-items: center; /* Aligns arrows and track */ } .therapist-track {   display: flex;   gap: 24px;   overflow-x: auto;   scroll-snap-type: x mandatory;   scroll-behavior: smooth;   scrollbar-width: none; /* Firefox */   -ms-overflow-style: none; /* IE/Edge */   padding: 20px 10px 40px 10px; /* Space for hover shadow */   flex-grow: 1; } .therapist-track::-webkit-scrollbar {   display: none; /* Chrome/Safari */ }  /* ─── THERAPIST CARDS (Matching Review Shadow/Hover Logic) ─── */ .therapist-card {   flex: 0 0 calc(40% - 16px);   scroll-snap-align: start;   background-color: #F5F3EB !important; /* Matches review cream */   border: 1px solid rgba(27, 54, 40, 0.05) !important;   padding: 48px 32px;   border-radius: 8px;   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Deeper, softer architectural shadow */   display: flex;   flex-direction: column;   text-align: left;   transition: transform 0.3s ease;   position: relative; } .therapist-card:hover {   transform: translateY(-4px); /* Subtle luxury lift effect */ }  /* ─── THE ARCHITECTURAL AVATAR ─── */ .therapist-avatar {   width: 200px;   height: 250px;   border-radius: 100px 100px 12px 12px;   margin: 0 auto 32px auto;   overflow: hidden;   background-color: #FAFAF7;   box-shadow: 0 8px 24px rgba(41, 72, 51, 0.12); } .therapist-avatar img {   width: 100%;   height: 100%;   object-fit: cover;   display: block; }  /* ─── TEXT ELEMENTS ─── */ .therapist-name {   font-size: 1.5rem;   font-weight: 600;   color: #294833 !important;   text-align: center;   margin: 0 0 6px 0; } .therapist-cred {   font-size: 0.9rem;   font-weight: 600;   color: rgba(41, 72, 51, 0.6) !important;   letter-spacing: 1px;   text-transform: uppercase;   text-align: center;   margin: 0 0 24px 0; } .therapist-fit {   font-size: 0.95rem; /* Matched to review text sizing */   color: #1B3628 !important; /* Deeper evergreen ink */   line-height: 1.6;   margin: 0 0 32px 0;   flex-grow: 1; } .therapist-fit strong {   color: #294833 !important;   font-weight: 600; } .therapist-link {   font-size: 0.85rem;   font-weight: 600;   letter-spacing: 1.5px;   text-transform: uppercase;   color: #294833 !important;   text-decoration: none !important;   display: inline-flex;   align-items: center;   align-self: flex-start;   border-bottom: 2px solid #EDCC6B !important;   padding-bottom: 4px;   transition: all 0.2s ease; } .therapist-link:hover {   color: #000000 !important; }  /* ─── SIDE NAVIGATION ARROWS (From Review Code) ─── */ .nav-arrow {   background: none !important;   border: none !important;   font-size: 32px !important;   color: #F5F3EB !important; /* Starts cream to match text */   cursor: pointer;   padding: 10px 15px;   opacity: 0.7;   transition: all 0.2s ease;   z-index: 10;   position: absolute;   top: 50%;   transform: translateY(-50%); } .nav-arrow:hover {   opacity: 1;   color: #EDCC6B !important; /* Yellow on hover */   transform: translateY(-50%) scale(1.1); } #prevBtn { left: -40px; } #nextBtn { right: -40px; }  /* ─── DOT NAVIGATION ─── */ .carousel-nav {   display: flex;   justify-content: center;   align-items: center;   gap: 10px;   margin-top: 10px;   width: 100%; } .nav-dot {   width: 8px;   height: 8px;   border-radius: 50%;   background-color: #F5F3EB !important;   border: none !important;   opacity: 0.3;   cursor: pointer;   padding: 0;   transition: all 0.3s ease; } .nav-dot.active {   opacity: 1;   background-color: #EDCC6B !important; /* Yellow active dot */   transform: scale(1.4); }  /* ─── RESPONSIVENESS ─── */ @media (max-width: 1200px) {   #prevBtn { left: -15px; }   #nextBtn { right: -15px; } } @media (max-width: 1024px) {   .therapist-card {     flex: 0 0 calc(60% - 16px);   } } @media (max-width: 768px) {   #therapists-carousel {     padding: 60px 20px !important;   }   .therapist-card {     flex: 0 0 100%;     padding: 40px 24px !important;     scroll-snap-align: center;   }   .therapist-track {     padding-left: 0;     padding-right: 0;     gap: 16px;   }   /* Hide arrows exactly as requested */   .nav-arrow {     display: none !important;   } }  :root {   --ir-font: 'Playfair Display', Georgia, serif;   --evergreen: #294833;   --sprout: #ADC8A3;   --sunflower: #EDCC6B;   --cream: #FAFAF7;   --text-dark: #2C2C2C;   --text-light: #5A5A5A; } .ir-sp { font-family: var(--ir-font); color: var(--evergreen); } .ir-sp *, .ir-sp *::before, .ir-sp *::after { box-sizing: border-box; } .ir-sp a { color: var(--evergreen); text-decoration: none; } .ir-sp a:hover, .ir-sp a:active, .ir-sp a:focus { color: var(--evergreen); outline: none; } .ir-container { max-width: 1200px; margin: 0 auto; } .ir-band { padding: 96px 24px; } .ir-band--evergreen { background: var(--evergreen); } .ir-head-center { text-align: center; } .ir-head-center .ir-section-sub { margin-left: auto; margin-right: auto; } .ir-eyebrow-sm {   font-size: 13px; font-weight: 600; letter-spacing: 3.5px;   text-transform: uppercase; color: rgba(41,72,51,0.6); margin-bottom: 14px; } .ir-h2 {   font-size: 42px; line-height: 1.15; font-weight: 700;   color: var(--evergreen); margin: 0 0 12px; } .ir-section-sub {   font-style: italic; font-size: 19px; color: rgba(41,72,51,0.72);   margin: 0 0 44px; max-width: 620px; } .ir-band--evergreen .ir-quick {   background: rgba(250,250,247,0.08); border: 1px solid rgba(237,204,107,0.25); box-shadow: none; } .ir-band--evergreen .ir-step-num { background: var(--sunflower); border-color: var(--sunflower); } .ir-band--evergreen .ir-step h4 { color: #fff; } .ir-band--evergreen .ir-step p { color: rgba(250,250,247,0.78); } .ir-band--evergreen .ir-steps::before {   background: linear-gradient(90deg, transparent, rgba(237,204,107,0.4) 15%, rgba(237,204,107,0.4) 85%, transparent); } .ir-band--evergreen .ir-eyebrow-sm { color: var(--sunflower); } .ir-band--evergreen .ir-h2 { color: #fff; } .ir-band--evergreen .ir-section-sub { color: rgba(250,250,247,0.75); } .ir-band--evergreen .ir-tcard { box-shadow: 0 8px 28px rgba(0,0,0,0.22); border-color: transparent; } .ir-band--evergreen .ir-price-table { box-shadow: 0 8px 28px rgba(0,0,0,0.22); border-color: transparent; } .ir-band--evergreen .ir-price-notes { background: rgba(250,250,247,0.10); } .ir-band--evergreen .ir-price-notes p { color: rgba(250,250,247,0.88); } .ir-band--evergreen .ir-price-notes a { color: #fff; } .ir-band--evergreen .ir-insurer-pill {   background: transparent; color: rgba(250,250,247,0.85); border-color: rgba(173,200,163,0.6); } .ir-pricing-wrap { max-width: 820px; margin: 0 auto; } .ir-price-table {   background: #fff; border: 1px solid rgba(173,200,163,0.3);   border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(41,72,51,0.05); } /* Linked Row Styling */ .ir-price-row {   display: flex; justify-content: space-between; align-items: baseline; gap: 20px;   padding: 20px 32px; border-bottom: 1px solid rgba(173,200,163,0.2);   text-decoration: none !important; color: var(--text-dark) !important; transition: background 0.2s ease; } a.ir-price-row:hover { background: rgba(173, 200, 163, 0.15); } .ir-price-row:last-child { border-bottom: none; } .ir-price-row .what { font-size: 17px; color: var(--text-dark); flex: 1 1 auto; min-width: 0; } .ir-price-row .howmuch { font-size: 19px; font-weight: 700; color: var(--evergreen); flex-shrink: 0; white-space: nowrap; text-align: right; } .ir-price-row.featured { background: rgba(237,204,107,0.12); } a.ir-price-row.featured:hover { background: rgba(237,204,107,0.22); } .ir-price-notes {   margin-top: 28px; background: rgba(173,200,163,0.12);   border-radius: 12px; padding: 24px 28px; scroll-margin-top: 120px; } .ir-price-notes p { font-size: 15px; line-height: 1.6; color: rgba(41,72,51,0.85); margin: 0 0 10px; } .ir-price-notes p:last-child { margin: 0; } .ir-price-notes a { border-bottom: 1px solid var(--sunflower); text-decoration: none; } .ir-insurers { margin-top: 24px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } .ir-insurer-pill {   border: 1.5px solid var(--sprout); border-radius: 100px; font-style: italic;   color: inherit; padding: 4px 14px; font-size: 14px; background: #fff; } body.ir-live .ir-reveal { opacity: 0; transform: translateY(40px); } body.ir-live .ir-reveal.ir-in { animation: irWaterfallUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; } body.ir-live .ir-reveal-delay-1.ir-in { animation-delay: 0.1s; } body.ir-live .ir-reveal-delay-2.ir-in { animation-delay: 0.2s; } @media (prefers-reduced-motion: reduce) {   body.ir-live .ir-reveal, body.ir-live .ir-stagger > * {     opacity: 1 !important; transform: none !important; animation: none !important;   } } @media (max-width: 768px) {   .ir-band { padding: 64px 20px; }   .ir-band--tight { padding: 44px 20px; }   .ir-band--flush-top { padding-top: 0; }   .ir-h2 { font-size: 32px; }   .ir-hero { padding: 60px 20px 48px; }   .ir-hero-h1 { font-size: 38px; }   .ir-hero-sub { font-size: 18px; }   .ir-quick { grid-template-columns: 1fr; gap: 24px; padding: 30px 26px; }   .ir-price-row { padding: 16px 20px; gap: 14px; }   .ir-price-row .what { font-size: 15.5px; line-height: 1.4; }   .ir-price-row .howmuch { font-size: 17px; }   .ir-final-cta h2 { font-size: 30px; } } @keyframes irWaterfallUp {   0%   { opacity: 0; transform: translateY(40px); }   100% { opacity: 1; transform: translateY(0); } }      #sp-h81mwu:hover     {background:#FFFFFF !important;color:#000000 !important}     #sp-h81mwu:hover     {background-image:false !important}    /* Last Updated Footnote */ .page-last-updated {     max-width: 700px;     margin: 10px auto 40px auto; /* Gives plenty of breathing room from the content above */     padding-top: 20px;     border-top: 1px solid #e5e5e5; /* A very faint gray line to separate it */     font-size: 14px;     color: #e5e5e5; /* Muted gray text */     text-align: left; }      #sp-mvv8af74yvni:hover     {background:#FFFFFF !important;color:#000000 !important}     #sp-mvv8af74yvni:hover     {background-image:false !important}    /* Last Updated Footnote */ .page-last-updated {     max-width: 700px;     margin: 10px auto 40px auto; /* Gives plenty of breathing room from the content above */     padding-top: 20px;     border-top: 1px solid #e5e5e5; /* A very faint gray line to separate it */     font-size: 14px;     color: #e5e5e5; /* Muted gray text */     text-align: left; } #sp-tiwur2pbi85{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://innerroom.ca/wp-content/uploads/2025/03/gradient.png'); width: 100%; max-width: 100%; padding: 0px 0px 40px;}#sp-umyo0y1n4kl{padding: 0px; width: 100%; max-width: 100%; margin-top: 0px;}#sp-ycdlhycogpws{width: calc(100% + 0px); padding: 0px;}#sp-gatd3c{margin: 0px;}#sp-nzchco{background-color: rgb(255, 255, 255); width: 100%; max-width: 100%;}#sp-n3ju01{width: calc(100% + 0px);}#sp-o4szx7{margin: 0px;}#sp-wdlvqb{background-color: rgb(255, 255, 255); width: 100%; max-width: 100%; padding: 60px 0px 0px;}#sp-ej8c6m{width: calc(100% + 0px);}#sp-en0uoe{margin: 0px;}#sp-6ato1wx97z{margin-bottom: 0;}#sp-nahlwb9pnbrp{background-color: rgb(41, 72, 51); width: 100%; max-width: 100%; padding: 0px 100px;}#sp-zuv9011h9em{padding: 1px; width: 100%; max-width: 100%;}#sp-dfoe3wlpboz{width: calc(100% + 0px);}#sp-xyxlrx{margin: 0px;}#sp-d7lzv6{margin: 0px;}#sp-o180g8mwyx{text-align:left;}#sp-gt8lc1{background-image: linear-gradient(0deg, rgba(41, 72, 51, 0), rgba(41, 72, 51, 0)), url('https://innerroom.ca/wp-content/uploads/2025/02/green-bg-with-leaves-v4.png'); background-color: rgb(41, 72, 51); width: 100%; max-width: 100%;}#sp-swrvss{padding: 0px 200px; width: 100%; max-width: 100%; margin-top: 100px; margin-bottom: 100px;}#sp-tkbzzx{width: calc(45% + 0px);}#sp-p4f33mpyo1{text-decoration: none;}#sp-rxv05m{font-size: 56px; font-weight: 400; font-style: normal; font-family: 'Playfair Display'; color: rgb(255, 255, 255); text-align: left; padding: 0px; margin: 0px;}#sp-jhm9qh{width: calc(50% + 0px);}#sp-w0fuz4{font-size: 28px; font-weight: 400; font-style: normal; font-family: 'Playfair Display'; color: rgb(255, 255, 255); margin: 0px; text-align: left;}#sp-button-parent-h81mwu{margin: 0px; text-align: left;}#sp-h81mwu{font-size: 18px; font-weight: 500; font-style: normal; background: none rgb(237, 204, 107); color: rgb(0, 0, 0); width: auto; padding: 16px 60px; border-radius: 100px;}#sp-hla4bmmswp{font-family: 'Playfair Display';}#sp-ko2vd6{margin: 0px;}#sp-vhy4qn82rqj4{background-image: linear-gradient(0deg, rgba(41, 72, 51, 0), rgba(41, 72, 51, 0)), url('https://innerroom.ca/wp-content/uploads/2025/02/green-bg-with-leaves-v4.png'); background-color: rgb(41, 72, 51); width: 100%; max-width: 100%;}#sp-xet7yf9grdba{padding: 0px 100px; width: 100%; max-width: 100%; margin-top: 100px; margin-bottom: 100px;}#sp-yoe3dkg5dq1n{width: calc(50% + 0px);}#sp-elcrg10qwt{text-decoration: none;}#sp-oxfzk28li28j{font-size: 48px; font-weight: 400; font-style: normal; font-family: 'Playfair Display'; color: rgb(255, 255, 255); text-align: left; margin: 0px 0px 0px 100px;}#sp-l1en3j60s4vz{width: calc(50% + 0px);}#sp-by1o8zp3vzdh{font-size: 28px; font-weight: 400; font-style: normal; font-family: 'Playfair Display'; color: rgb(255, 255, 255); margin: 0px; text-align: left;}#sp-button-parent-mvv8af74yvni{margin: 0px; text-align: left;}#sp-mvv8af74yvni{font-size: 18px; font-weight: 500; font-style: normal; background: none rgb(237, 204, 107); color: rgb(0, 0, 0); width: auto; padding: 16px 60px; border-radius: 100px;}#sp-gbiwnorn0c{font-family: 'Playfair Display';}#sp-b5dopd{margin: 0px;}@media only screen and (max-width: 480px) { #sp-tiwur2pbi85 {margin:0px 0px -20px 0px  !important;padding:0px 20px 30px 20px  !important;} #sp-ycdlhycogpws {margin:0px 0px 20px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-wdlvqb {margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-nahlwb9pnbrp {padding:0px 20px 0px 20px  !important;} #sp-gt8lc1 {margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} .sp-headline-block-rxv05m,   #sp-rxv05m,   #rxv05m {font-size:40px !important;text-align:left !important;margin:0px 0px 0px 0px  !important;} .sp-text-wrapper-w0fuz4,   #sp-w0fuz4,   #w0fuz4 {font-size:20px !important;text-align:left !important;} #sp-button-parent-h81mwu {text-align:center !important;} #sp-vhy4qn82rqj4 {margin:0px 0px 0px 0px  !important;padding:20px 20px 20px 20px  !important;} #sp-xet7yf9grdba {margin:0px 0px 0px 0px  !important;padding:30px 0px 30px 0px  !important;} .sp-headline-block-oxfzk28li28j,   #sp-oxfzk28li28j,   #oxfzk28li28j {font-size:40px !important;text-align:left !important;margin:0px 0px 0px 0px  !important;} .sp-text-wrapper-by1o8zp3vzdh,   #sp-by1o8zp3vzdh,   #by1o8zp3vzdh {font-size:20px !important;text-align:left !important;} #sp-button-parent-mvv8af74yvni {text-align:left !important;}#sp-gt8lc1 {display: none !important;}}@media only screen and (min-width: 481px) and (max-width: 1024px) { #sp-wdlvqb {padding:50px 0px 50px 0px  !important;} #sp-nahlwb9pnbrp {margin:0px 0px 0px 0px  !important;padding:0px 50px 0px 50px  !important;} #sp-zuv9011h9em {padding:10px 30px 10px 30px  !important;} #sp-gt8lc1 {padding:50px 0px 50px 0px  !important;} #sp-swrvss {margin:0px 0px 0px 0px  !important;} .sp-headline-block-rxv05m,   #sp-rxv05m,   #rxv05m {font-size:36px !important;text-align:left !important;margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} .sp-text-wrapper-w0fuz4,   #sp-w0fuz4,   #w0fuz4 {font-size:20px !important;line-height:1.3 !important;text-align:left !important;} #sp-button-parent-h81mwu {text-align:left !important;} #sp-vhy4qn82rqj4 {padding:50px 0px 50px 0px  !important;} #sp-xet7yf9grdba {margin:0px 0px 0px 0px  !important;} .sp-headline-block-oxfzk28li28j,   #sp-oxfzk28li28j,   #oxfzk28li28j {font-size:36px !important;text-align:left !important;margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} .sp-text-wrapper-by1o8zp3vzdh,   #sp-by1o8zp3vzdh,   #by1o8zp3vzdh {font-size:20px !important;line-height:1.3 !important;text-align:left !important;} #sp-button-parent-mvv8af74yvni {text-align:left !important;} #sp-mvv8af74yvni {font-size:18px !important;}#sp-gt8lc1 {display: none !important;}}@media only screen and (min-width: 1024px) {#sp-vhy4qn82rqj4 {display: none !important;}}