/* Inner pages derived from the approved long About design; shared styles remain unchanged. */ body.ys-inner-document { margin: 0; background: #f1f8fc; color: #10283f; } body.ys-inner-document .yi-skip-link { position: absolute; z-index: 200000; top: 12px; left: 16px; padding: 12px 18px; transform: translateY(-180%); border-radius: 6px; background: #fff; color: #0b213c; font-weight: 600; } body.ys-inner-document .yi-skip-link:focus { transform: translateY(0); outline: 3px solid #28c2e8; } body.ys-inner-document #ys-menu-06 a[aria-current='page'], body.ys-inner-document #ys-footer-08 .f08-guide a[aria-current='page'] { color: #28c2e8; } #ys-inner-page { margin: 0; color: #10283f; background: #f1f8fc; font-family: var(--ys-font-inter); font-size: 17px; font-weight: 400; line-height: 1.7; } #ys-inner-page *, #ys-inner-page *::before, #ys-inner-page *::after { box-sizing: border-box; } #ys-inner-page :is(h1, h2, h3, p, figure, ul, ol) { margin: 0; padding: 0; } #ys-inner-page :is(ul, ol) { list-style: none; } #ys-inner-page :is(h1, h2, h3) { color: #0b213c; font-weight: 600; letter-spacing: -.025em; overflow-wrap: break-word; } #ys-inner-page h2 { font-size: clamp(30px, 2.9vw, 42px); line-height: 1.25; } #ys-inner-page h3 { font-size: 22px; line-height: 1.4; letter-spacing: -.015em; } #ys-inner-page a { color: inherit; } #ys-inner-page a:focus-visible { outline: 3px solid #087490; outline-offset: 5px; } #ys-inner-page .yi-wrap { width: min(1360px, calc(100% - 64px)); margin-inline: auto; } #ys-inner-page .yi-icon { display: block; flex: 0 0 auto; width: 40px; height: 40px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; } #ys-inner-page .yi-icon-solid { fill: currentColor; stroke: none; } #ys-inner-page .yi-eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; color: #087490; font-size: 13px; font-weight: 600; line-height: 1.5; letter-spacing: .045em; } #ys-inner-page .yi-eyebrow::before { content: ''; width: 48px; height: 4px; flex: 0 0 48px; border-radius: 3px; background: #28c2e8; } #ys-inner-page .yi-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #087490; font-size: 16px; font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; } #ys-inner-page .yi-text-link .yi-icon { width: 22px; height: 22px; } #ys-inner-page .yi-text-link:hover { color: #0b213c; } /* The hero photograph sits flush with the page edge, as in the approved JPG. */ #ys-inner-page .yi-hero { background: linear-gradient(110deg, #f8fcff 0%, #f1f8fc 55%, #e9f6fc 100%); } #ys-inner-page .yi-hero-layout { display: grid; grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); width: min(1520px, 100%); min-height: 580px; margin-inline: auto; } #ys-inner-page .yi-hero-copy { min-width: 0; padding: 28px 40px 54px max(32px, calc((min(100vw, 1520px) - 1360px) / 2)); align-self: center; } #ys-inner-page .yi-breadcrumb { margin-bottom: 42px; color: #52697f; font-size: 13px; line-height: 1.6; } #ys-inner-page .yi-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px; } #ys-inner-page .yi-breadcrumb li + li::before { content: '/'; padding-right: 8px; color: #7a8fa3; } #ys-inner-page .yi-breadcrumb a { min-height: 32px; text-decoration: none; } #ys-inner-page .yi-breadcrumb a:hover { text-decoration: underline; } #ys-inner-page h1 { margin-bottom: 22px; font-size: clamp(35px, 3.3vw, 50px); line-height: 1.2; letter-spacing: -.03em; } #ys-inner-page h1 span { display: block; } #ys-inner-page .yi-hero-intro { max-width: 590px; margin-bottom: 28px; color: #435d77; font-size: 20px; line-height: 1.65; } #ys-inner-page .yi-hero-photo { position: relative; min-width: 0; min-height: 580px; overflow: hidden; background: #dce6eb; } #ys-inner-page .yi-hero-photo::after { content: ''; position: absolute; inset: 0 auto 0 0; width: 60px; background: linear-gradient(90deg, #f1f8fc, #f1f8fc00); pointer-events: none; } #ys-inner-page .yi-hero-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; } #ys-inner-page .yi-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; } #ys-inner-page .yi-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; max-width: 100%; min-height: 58px; padding: 14px 20px; border: 1px solid transparent; border-radius: 8px; font-size: 16px; font-weight: 600; line-height: 1.4; text-decoration: none; } #ys-inner-page .yi-button .yi-icon { width: 26px; height: 26px; } #ys-inner-page .yi-call { background: #0b213c; color: #fff; font-size: 20px; white-space: nowrap; letter-spacing: -.025em; } #ys-inner-page .yi-call .yi-icon { color: #28c2e8; } #ys-inner-page .yi-call:hover { color: #fff; background: #163d5b; } #ys-inner-page .yi-whatsapp { background: #25d366; color: #032b1b; } #ys-inner-page .yi-whatsapp:hover { color: #032b1b; background: #4ade80; } #ys-inner-page .yi-whatsapp .yi-icon { color: #fff; } #ys-inner-page .yi-trust { border-bottom: 1px solid #d3ecf6; background: linear-gradient(110deg, #e5f6fd, #f1faff); } #ys-inner-page .yi-trust-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-block: 26px; } #ys-inner-page .yi-trust-list li { display: flex; align-items: center; gap: 20px; min-width: 0; padding-right: 30px; } #ys-inner-page .yi-trust-list li + li { padding-left: 34px; border-left: 1px solid #8cd9ed; } #ys-inner-page .yi-trust-list strong { display: block; margin-bottom: 4px; font-size: 18px; font-weight: 600; line-height: 1.4; } #ys-inner-page .yi-trust-list p { color: #435d77; font-size: 14px; line-height: 1.55; } #ys-inner-page .yi-story { padding-block: 64px; background: #fff; } #ys-inner-page .yi-story-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr); align-items: center; gap: 52px; } #ys-inner-page .yi-story-copy { min-width: 0; } #ys-inner-page .yi-story h2 { max-width: 610px; margin-bottom: 24px; } #ys-inner-page .yi-story-copy > p:not(.yi-eyebrow) { margin-bottom: 18px; color: #435d77; font-size: 18px; line-height: 1.7; } #ys-inner-page .yi-story-copy .yi-text-link { margin-top: 4px; } #ys-inner-page .yi-story-photos { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr); gap: 16px; min-width: 0; } #ys-inner-page .yi-story-photos figure { min-width: 0; height: 440px; overflow: hidden; background: #e6eff4; } #ys-inner-page .yi-story-photos img { display: block; width: 100%; height: 100%; object-fit: cover; } #ys-inner-page .yi-story-photos figure:first-child img { object-position: 57% center; } #ys-inner-page .yi-story-photos figure:last-child img { object-position: 65% center; } #ys-inner-page .yi-process { padding-block: 48px 54px; border-top: 4px solid #28c2e8; background: #0b213c; color: #dbe8f1; } #ys-inner-page .yi-process h2 { margin-bottom: 38px; color: #fff; font-size: clamp(29px, 2.55vw, 38px); } #ys-inner-page .yi-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; } #ys-inner-page .yi-step { min-width: 0; } #ys-inner-page .yi-step + .yi-step { padding-left: 28px; border-left: 1px solid #28c2e878; } #ys-inner-page .yi-step-top { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; color: #28c2e8; } #ys-inner-page .yi-step-number { font-size: 26px; font-weight: 500; line-height: 1.2; } #ys-inner-page .yi-step-top .yi-icon { width: 35px; height: 35px; } #ys-inner-page .yi-step h3 { margin-bottom: 12px; color: #fff; font-size: 20px; line-height: 1.4; } #ys-inner-page .yi-step p { color: #d1e1ec; font-size: 16px; line-height: 1.7; } #ys-inner-page .yi-approach { padding-block: 56px 48px; background: linear-gradient(180deg, #f1f8fc, #f8fcff 45%, #f1f8fc); } #ys-inner-page .yi-approach h2 { margin-bottom: 32px; } #ys-inner-page .yi-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } #ys-inner-page .yi-value { min-width: 0; } #ys-inner-page .yi-value figure { margin-bottom: 16px; overflow: hidden; aspect-ratio: 3 / 2; background: #dae9f1; } #ys-inner-page .yi-value img { display: block; width: 100%; height: 100%; object-fit: cover; } #ys-inner-page .yi-value h3 { margin-bottom: 8px; } #ys-inner-page .yi-value p { color: #435d77; font-size: 17px; line-height: 1.65; } #ys-inner-page .yi-regions { padding-block: 38px; background: linear-gradient(100deg, #e5f6fd, #edf9ff); } #ys-inner-page .yi-regions-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 42px; } #ys-inner-page .yi-region-copy { min-width: 0; } #ys-inner-page .yi-regions h2 { margin-bottom: 16px; font-size: clamp(28px, 2.5vw, 36px); } #ys-inner-page .yi-regions p { max-width: 620px; margin-bottom: 12px; color: #435d77; font-size: 18px; line-height: 1.65; } #ys-inner-page .yi-city-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 20px; min-width: 0; padding-left: 38px; border-left: 1px solid #28c2e8; } #ys-inner-page .yi-city-list li { display: flex; flex-direction: column; align-items: center; gap: 14px; min-width: 0; font-size: 19px; font-weight: 500; line-height: 1.4; text-align: center; } #ys-inner-page .yi-city-list .yi-icon { width: 44px; height: 44px; } #ys-inner-page .yi-contact { padding-block: 28px 24px; background: #f1f8fc; } #ys-inner-page .yi-contact-bar { display: grid; grid-template-columns: minmax(0, 1.2fr) auto auto; align-items: center; gap: 30px; padding: 26px 32px; border-radius: 10px; background: #0b213c; color: #fff; } #ys-inner-page .yi-contact h2 { color: #fff; font-size: clamp(25px, 2.1vw, 31px); } #ys-inner-page .yi-contact-phone { display: flex; align-items: center; justify-content: center; gap: 15px; min-height: 52px; padding-left: 28px; border-left: 1px solid #28c2e8; color: #fff; font-size: 29px; font-weight: 600; line-height: 1.3; white-space: nowrap; letter-spacing: -.025em; text-decoration: none; } #ys-inner-page .yi-contact-phone .yi-icon { width: 30px; height: 30px; color: #28c2e8; } #ys-inner-page .yi-contact .yi-whatsapp { min-height: 52px; padding-block: 12px; font-size: 15px; } /* Fixed mobile actions use inline SVG icons and need no external icon library. */ body.ys-inner-document .mobile-fixed-contact-bar { display: none; } @media (max-width: 1199px) { #ys-inner-page .yi-hero-copy { padding-right: 30px; } #ys-inner-page .yi-hero-intro { font-size: 18px; } #ys-inner-page .yi-story-layout { gap: 34px; } #ys-inner-page .yi-story-photos figure { height: 410px; } #ys-inner-page .yi-steps { gap: 22px; } #ys-inner-page .yi-step + .yi-step { padding-left: 22px; } #ys-inner-page .yi-step h3 { font-size: 19px; } #ys-inner-page .yi-trust-list li { gap: 15px; padding-right: 22px; } #ys-inner-page .yi-trust-list li + li { padding-left: 24px; } #ys-inner-page .yi-trust-list strong { font-size: 16px; } #ys-inner-page .yi-contact-bar { gap: 22px; padding-inline: 26px; } #ys-inner-page .yi-contact-phone { padding-left: 22px; font-size: 26px; } } @media (max-width: 1099px) { #ys-inner-page .yi-contact-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); } #ys-inner-page .yi-contact h2 { grid-column: 1 / -1; text-align: center; } #ys-inner-page .yi-contact-phone { padding-left: 0; border-left: 0; } #ys-inner-page .yi-contact .yi-whatsapp { justify-self: center; } } @media (max-width: 991px) { #ys-inner-page .yi-hero-layout { grid-template-columns: minmax(0, 1fr); min-height: 0; } #ys-inner-page .yi-hero-copy { width: min(800px, 100%); margin-inline: auto; padding: 26px 32px 42px; } #ys-inner-page .yi-breadcrumb { margin-bottom: 30px; } #ys-inner-page h1 { font-size: clamp(37px, 5vw, 48px); } #ys-inner-page .yi-hero-intro { max-width: 640px; } #ys-inner-page .yi-hero-photo { min-height: 0; height: clamp(360px, 54vw, 500px); } #ys-inner-page .yi-hero-photo::after { inset: 0 0 auto; width: 100%; height: 24px; background: linear-gradient(180deg, #f1f8fc, #f1f8fc00); } #ys-inner-page .yi-hero-photo img { object-position: center 25%; } #ys-inner-page .yi-story-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; } #ys-inner-page .yi-story-copy { max-width: 760px; } #ys-inner-page .yi-story-photos figure { height: 440px; } #ys-inner-page .yi-story-photos figure:last-child img { object-position: center; } } @media (max-width: 899px) { #ys-inner-page .yi-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } #ys-inner-page .yi-step:nth-child(odd) { padding-left: 0; border-left: 0; } #ys-inner-page .yi-trust-list li { gap: 12px; padding-right: 16px; } #ys-inner-page .yi-trust-list li + li { padding-left: 16px; } #ys-inner-page .yi-trust-list .yi-icon { width: 32px; height: 32px; } #ys-inner-page .yi-trust-list strong { font-size: 15px; } #ys-inner-page .yi-trust-list p { font-size: 13px; } #ys-inner-page .yi-values { gap: 20px; } #ys-inner-page .yi-value h3 { font-size: 20px; } #ys-inner-page .yi-value p { font-size: 16px; } #ys-inner-page .yi-regions-layout { grid-template-columns: minmax(0, 1fr); gap: 26px; } #ys-inner-page .yi-city-list { padding: 24px 0 0; border-top: 1px solid #28c2e8; border-left: 0; } } @media (max-width: 767.98px) { body.ys-inner-document { padding-bottom: calc(64px + env(safe-area-inset-bottom)); } body.ys-inner-document .mobile-fixed-contact-bar { position: fixed; z-index: 100500; inset: auto 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 64px; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid #ffffff24; background: #0b213c; box-shadow: 0 -8px 24px #0b213c26; } body.ys-inner-document .mobile-fixed-contact-bar a { display: flex; align-items: center; justify-content: center; gap: 9px; min-width: 0; min-height: 64px; padding: 10px 8px; color: #fff; text-decoration: none; } body.ys-inner-document .mobile-fixed-call { border-right: 1px solid #ffffff29; background: linear-gradient(135deg, #d96b26, #e4782b); } body.ys-inner-document .mobile-fixed-whatsapp { background: linear-gradient(135deg, #168d4a, #0f9d58); } body.ys-inner-document .mobile-fixed-contact-bar svg { flex: 0 0 23px; width: 23px; height: 23px; fill: currentColor; } body.ys-inner-document .mobile-fixed-contact-bar .contact-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; } body.ys-inner-document .mobile-fixed-contact-bar small { font-size: 11px; line-height: 1.15; } body.ys-inner-document .mobile-fixed-contact-bar strong { font-size: 14px; font-weight: 600; line-height: 1.15; white-space: nowrap; } body.ys-inner-document .mobile-fixed-contact-bar a:focus-visible { outline: 3px solid #fff; outline-offset: -5px; } } @media (max-width: 699px) { #ys-inner-page { font-size: 16px; } #ys-inner-page .yi-wrap { width: calc(100% - 32px); } #ys-inner-page h2 { font-size: clamp(28px, 6.8vw, 36px); } #ys-inner-page .yi-trust-list { grid-template-columns: minmax(0, 1fr); padding-block: 6px; } #ys-inner-page .yi-trust-list li { gap: 18px; padding: 20px 0; } #ys-inner-page .yi-trust-list li + li { padding-left: 0; border-top: 1px solid #b7e1ef; border-left: 0; } #ys-inner-page .yi-trust-list .yi-icon { width: 38px; height: 38px; } #ys-inner-page .yi-trust-list strong { font-size: 17px; } #ys-inner-page .yi-trust-list p { font-size: 14px; } #ys-inner-page .yi-story { padding-block: 42px; } #ys-inner-page .yi-story-copy > p:not(.yi-eyebrow) { font-size: 17px; } #ys-inner-page .yi-story-photos { gap: 12px; } #ys-inner-page .yi-story-photos figure { height: 330px; } #ys-inner-page .yi-process { padding-block: 36px 42px; } #ys-inner-page .yi-process h2 { margin-bottom: 28px; font-size: 29px; } #ys-inner-page .yi-values { grid-template-columns: minmax(0, 1fr); gap: 32px; } #ys-inner-page .yi-value figure { aspect-ratio: 3 / 2; } #ys-inner-page .yi-value h3 { font-size: 22px; } #ys-inner-page .yi-value p { font-size: 17px; } #ys-inner-page .yi-approach { padding-block: 42px; } #ys-inner-page .yi-approach h2 { margin-bottom: 26px; } #ys-inner-page .yi-regions { padding-block: 32px; } #ys-inner-page .yi-regions p { font-size: 17px; } #ys-inner-page .yi-city-list { gap: 12px; } #ys-inner-page .yi-city-list li { font-size: 17px; } #ys-inner-page .yi-contact-bar { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 25px 20px; } #ys-inner-page .yi-contact h2 { grid-column: auto; font-size: 26px; } #ys-inner-page .yi-contact-phone { font-size: clamp(24px, 6.5vw, 29px); } } @media (max-width: 599px) { #ys-inner-page .yi-hero-copy { padding: 22px 20px 32px; } #ys-inner-page .yi-breadcrumb { margin-bottom: 27px; font-size: 12px; } #ys-inner-page .yi-eyebrow { margin-bottom: 16px; font-size: 12px; } #ys-inner-page h1 { font-size: clamp(29px, 7.5vw, 40px); } #ys-inner-page .yi-hero-intro { font-size: 17px; } #ys-inner-page .yi-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; max-width: 380px; } #ys-inner-page .yi-actions .yi-button { width: 100%; } #ys-inner-page .yi-button { min-height: 54px; } #ys-inner-page .yi-call { font-size: 19px; } #ys-inner-page .yi-hero-photo { height: clamp(340px, 105vw, 460px); } #ys-inner-page .yi-hero-photo img { object-position: center 30%; } #ys-inner-page .yi-story-photos figure { height: 280px; } #ys-inner-page .yi-steps { grid-template-columns: minmax(0, 1fr); gap: 26px; } #ys-inner-page .yi-step + .yi-step { padding: 26px 0 0; border-top: 1px solid #28c2e878; border-left: 0; } #ys-inner-page .yi-step-top { margin-bottom: 16px; } #ys-inner-page .yi-step h3 { font-size: 21px; } } @media (max-width: 359px) { #ys-inner-page .yi-hero-copy { padding-inline: 16px; } #ys-inner-page .yi-story-photos { grid-template-columns: minmax(0, 1fr); } #ys-inner-page .yi-story-photos figure { height: 320px; } body.ys-inner-document .mobile-fixed-contact-bar a { gap: 7px; padding-inline: 7px; } body.ys-inner-document .mobile-fixed-contact-bar svg { flex-basis: 20px; width: 20px; height: 20px; } body.ys-inner-document .mobile-fixed-contact-bar strong { font-size: 13px; } } /* Expanded About content: long descriptions, ten distinct service photographs. */ #ys-inner-page .yi-step p { font-size: 17px; line-height: 1.75; } #ys-inner-page .yi-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 56px; } #ys-inner-page .yi-step:nth-child(odd) { padding-left: 0; border-left: 0; } #ys-inner-page .yi-step:nth-child(n+3) { padding-top: 30px; border-top: 1px solid #28c2e852; } #ys-inner-page .yi-value p + p { margin-top: 16px; } #ys-inner-page .yi-exp-feature { padding-block: 64px; background: #fff; } #ys-inner-page .yi-feature-scope { background: linear-gradient(180deg, #e5f1f8, #fff 90px); } #ys-inner-page .yi-feature-camera { background: #f1f8fc; } #ys-inner-page .yi-feature-building { background: linear-gradient(180deg, #f1f8fc, #fff 90px); } #ys-inner-page .yi-feature-followup { background: #f1f8fc; } #ys-inner-page .yi-exp-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 56px; } #ys-inner-page .yi-exp-copy { min-width: 0; } #ys-inner-page .yi-exp-copy h2 { max-width: 680px; margin-bottom: 24px; font-size: clamp(29px, 2.7vw, 40px); } #ys-inner-page .yi-exp-copy > p:not(.yi-eyebrow) { color: #435d77; font-size: 18px; line-height: 1.75; } #ys-inner-page .yi-exp-copy > p + p { margin-top: 18px; } #ys-inner-page .yi-exp-media { min-width: 0; } #ys-inner-page .yi-exp-media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; background: #dae9f1; } #ys-inner-page .yi-exp-media figcaption { margin-top: 12px; padding-left: 14px; border-left: 2px solid #28c2e8; color: #52697f; font-size: 14px; line-height: 1.6; } #ys-inner-page .yi-exp-detail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 56px; margin-top: 30px; padding-top: 26px; border-top: 1px solid #c8e0ec; } #ys-inner-page .yi-exp-detail p { min-width: 0; color: #435d77; font-size: 17px; line-height: 1.8; } #ys-inner-page .yi-feature-reverse .yi-exp-copy { grid-column: 2; grid-row: 1; } #ys-inner-page .yi-feature-reverse .yi-exp-media { grid-column: 1; grid-row: 1; } #ys-inner-page .yi-feature-followup .yi-exp-media img { object-position: center 42%; } #ys-inner-page .yi-regions { padding-block: 48px; } #ys-inner-page .yi-exp-region-header { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 42px; margin-bottom: 30px; } #ys-inner-page .yi-exp-region-text { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; } #ys-inner-page .yi-exp-region-text p { min-width: 0; margin: 0; color: #435d77; font-size: 17px; line-height: 1.75; } #ys-inner-page .yi-exp-planning { padding-block: 60px; background: linear-gradient(180deg, #edf9ff, #fff 100px); } #ys-inner-page .yi-exp-planning-header { margin-bottom: 34px; } #ys-inner-page .yi-exp-planning-header h2 { margin-bottom: 24px; } #ys-inner-page .yi-exp-planning-intro { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } #ys-inner-page .yi-exp-planning-intro p { min-width: 0; color: #435d77; font-size: 18px; line-height: 1.75; } #ys-inner-page .yi-exp-questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; } #ys-inner-page .yi-exp-questions li { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: start; gap: 16px; min-width: 0; padding-block: 28px; border-top: 1px solid #c0dce9; } #ys-inner-page .yi-exp-q-number { display: block; padding-top: 3px; color: #087490; font-size: 16px; font-weight: 500; line-height: 1.6; } #ys-inner-page .yi-exp-questions h3 { margin-bottom: 14px; font-size: 22px; line-height: 1.4; } #ys-inner-page .yi-exp-questions p { color: #435d77; font-size: 17px; line-height: 1.75; } @media (min-width: 992px) { #ys-inner-page .yi-story-photos { grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); align-self: stretch; gap: 20px; } #ys-inner-page .yi-story-photos figure { position: relative; min-height: 290px; height: auto; } #ys-inner-page .yi-story-photos img { position: absolute; inset: 0; } #ys-inner-page .yi-story-photos figure:first-child img { object-position: 57% 20%; } #ys-inner-page .yi-story-photos figure:last-child img { object-position: 65% 20%; } } @media (max-width: 1199px) { #ys-inner-page .yi-exp-layout { gap: 34px; } #ys-inner-page .yi-exp-detail { gap: 34px; } #ys-inner-page .yi-exp-copy > p:not(.yi-eyebrow), #ys-inner-page .yi-exp-planning-intro p { font-size: 17px; } } @media (max-width: 899px) { #ys-inner-page .yi-exp-feature { padding-block: 48px; } #ys-inner-page .yi-exp-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; } #ys-inner-page .yi-exp-copy { max-width: 760px; } #ys-inner-page .yi-feature-reverse .yi-exp-copy { grid-column: 1; grid-row: 1; } #ys-inner-page .yi-feature-reverse .yi-exp-media { grid-column: 1; grid-row: 2; } #ys-inner-page .yi-exp-media img { aspect-ratio: 3 / 2; } #ys-inner-page .yi-exp-region-header { grid-template-columns: minmax(0, 1fr); gap: 20px; } #ys-inner-page .yi-exp-region-text { grid-template-columns: minmax(0, 1fr); gap: 18px; } #ys-inner-page .yi-exp-planning-intro { grid-template-columns: minmax(0, 1fr); gap: 18px; } #ys-inner-page .yi-exp-questions { column-gap: 30px; } } @media (max-width: 699px) { #ys-inner-page .yi-exp-feature { padding-block: 40px; } #ys-inner-page .yi-exp-copy h2 { font-size: clamp(28px, 6.7vw, 36px); } #ys-inner-page .yi-exp-detail { grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 24px; padding-top: 22px; } #ys-inner-page .yi-steps { gap: 28px; } #ys-inner-page .yi-story-photos { grid-template-columns: minmax(0, 1fr); } #ys-inner-page .yi-story-photos figure { height: auto; aspect-ratio: 3 / 2; } #ys-inner-page .yi-story-photos img { object-position: center 25%; } #ys-inner-page .yi-regions { padding-block: 38px; } #ys-inner-page .yi-exp-planning { padding-block: 40px; } #ys-inner-page .yi-exp-questions { grid-template-columns: minmax(0, 1fr); } #ys-inner-page .yi-exp-questions li { padding-block: 24px; } #ys-inner-page .yi-exp-questions h3 { font-size: 21px; } } @media (max-width: 599px) { #ys-inner-page .yi-steps { grid-template-columns: minmax(0, 1fr); } #ys-inner-page .yi-step + .yi-step { padding: 26px 0 0; border-top: 1px solid #28c2e852; border-left: 0; } } /* Page-specific extensions to the approved long About layout. */ body.ys-inner-document #ys-menu-06 .yi-current-area { color: #28c2e8; } body.ys-inner-document #ys-menu-06 [data-current-area='true'] { color: #28c2e8; } body.ys-inner-document #ys-menu-06 .ys06-panel a[aria-current='page'] { color: #087490; background: #e9f8fd; box-shadow: inset 3px 0 #28c2e8; } body.ys-inner-document #ys-footer-08 .f08-guide a[aria-current] { color: #28c2e8; } #ys-inner-page .yi-hero-photo img { object-position: center; } #ys-inner-page .yi-eyebrow { text-transform: uppercase; } #ys-inner-page .yi-trust-list li { align-items: flex-start; } #ys-inner-page .yi-trust-list .yi-icon { color: #087490; } #ys-inner-page .yi-section-tabs { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 25px; } #ys-inner-page .yi-section-tabs a { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; color: #087490; font-size: 14px; font-weight: 500; text-decoration: underline; text-underline-offset: 5px; } #ys-inner-page .yi-section-tabs .yi-icon { width: 19px; height: 19px; } #ys-inner-page .yi-exp-feature { scroll-margin-top: 24px; } #ys-inner-page .yi-exp-copy > p:not(.yi-eyebrow) { line-height: 1.8; } #ys-inner-page .yi-exp-copy h2 { font-size: clamp(28px,2.6vw,39px); } #ys-inner-page .yi-exp-media img { border-radius: 5px; } #ys-inner-page .yi-exp-detail { row-gap: 20px; } #ys-inner-page .yi-step-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; } #ys-inner-page .yi-step-grid .yi-step { padding: 0 0 0 28px; border: 0; border-left: 1px solid #28c2e873; } #ys-inner-page .yi-step-grid .yi-step:first-child { padding-left: 0; border-left: 0; } #ys-inner-page .yi-step-grid h3 { font-size: 21px; } #ys-inner-page .yi-section-copy { padding-block: 56px; background: #fff; } #ys-inner-page .yi-section-copy h2 { max-width: 950px; margin-bottom: 25px; } #ys-inner-page .yi-paragraph-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 48px; } #ys-inner-page .yi-paragraph-grid p { min-width: 0; color: #435d77; font-size: 18px; line-height: 1.8; } #ys-inner-page .yi-preparation { padding-block: 44px 48px; background: #f1f8fc; } #ys-inner-page .yi-preparation h2 { margin-bottom: 24px; font-size: 31px; line-height: 1.3; } #ys-inner-page .yi-checklist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 35px; margin-bottom: 30px; } #ys-inner-page .yi-checklist li { display: flex; align-items: flex-start; gap: 12px; min-width: 0; color: #435d77; font-size: 16px; line-height: 1.75; } #ys-inner-page .yi-checklist li::before { content: '✓'; display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; margin-top: 2px; border-radius: 50%; background: #28c2e8; color: #0b213c; font-size: 14px; font-weight: 600; } #ys-inner-page .yi-table-title { margin-bottom: 15px; font-size: 22px; } #ys-inner-page .yi-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #cbe2ed; border-radius: 5px; overscroll-behavior-x: contain; } #ys-inner-page table { width: 100%; min-width: 650px; border-collapse: collapse; color: #435d77; font-size: 15px; line-height: 1.75; text-align: left; } #ys-inner-page th { padding: 14px 18px; background: #0b213c; color: #fff; font-weight: 600; } #ys-inner-page td { width: 33.333%; padding: 16px 18px; border-top: 1px solid #d2e7f0; vertical-align: top; } #ys-inner-page td + td { border-left: 1px solid #d2e7f0; } #ys-inner-page tbody tr:nth-child(odd) { background: #fff; } #ys-inner-page .yi-table-hint { margin-top: 8px; color: #52697f; font-size: 12px; line-height: 1.6; } #ys-inner-page .yi-faq { padding-block: 52px; background: linear-gradient(180deg,#edf8fd,#fff 110px); } #ys-inner-page .yi-faq h2 { margin-bottom: 30px; } #ys-inner-page .yi-faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 48px; } #ys-inner-page .yi-faq-item { min-width: 0; padding: 23px 0 0 18px; border-top: 1px solid #cbe2ed; border-left: 2px solid #28c2e8; } #ys-inner-page .yi-faq-item h3 { margin-bottom: 13px; font-size: 21px; line-height: 1.45; } #ys-inner-page .yi-faq-item p { color: #435d77; font-size: 17px; line-height: 1.8; } #ys-inner-page .yi-conclusion { max-width: 1030px; margin-top: 30px; color: #435d77; font-size: 18px; line-height: 1.8; } #ys-inner-page .yi-source-notes { margin-top: 26px; padding-top: 21px; border-top: 1px solid #d3e5ee; color: #52697f; font-size: 13px; line-height: 1.7; } #ys-inner-page .yi-source-notes h3 { margin-bottom: 10px; font-size: 17px; } #ys-inner-page .yi-source-notes ul { display: flex; flex-wrap: wrap; gap: 10px 24px; } #ys-inner-page .yi-source-notes a { color: #087490; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; } #ys-inner-page .yi-catalog { padding-block: 46px 52px; border-top: 1px solid #d5e9f2; background: #f1f8fc; } #ys-inner-page .yi-catalog-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 25px; margin-bottom: 27px; } #ys-inner-page .yi-catalog h2 { font-size: clamp(28px,2.6vw,38px); } #ys-inner-page .yi-catalog-head p { max-width: 700px; margin-top: 14px; color: #435d77; font-size: 17px; } #ys-inner-page .yi-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px 28px; } #ys-inner-page .yi-card { min-width: 0; } #ys-inner-page .yi-card > a { display: flex; flex-direction: column; height: 100%; text-decoration: none; } #ys-inner-page .yi-card img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; border-radius: 5px; background: #dfebf2; } #ys-inner-page .yi-card .yi-card-label { display: block; margin-top: 17px; color: #087490; font-size: 12px; font-weight: 600; line-height: 1.5; } #ys-inner-page .yi-card h3 { margin-top: 9px; margin-bottom: 11px; font-size: 24px; line-height: 1.35; } #ys-inner-page .yi-card p { margin-bottom: 16px; color: #435d77; font-size: 16px; line-height: 1.75; } #ys-inner-page .yi-card .yi-card-more { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; color: #087490; font-size: 14px; font-weight: 500; line-height: 1.5; } #ys-inner-page .yi-card .yi-card-more .yi-icon { width: 20px; height: 20px; } #ys-inner-page .yi-card a:hover h3 { color: #087490; } #ys-inner-page .yi-directory { padding-block: 48px; background: #fff; } #ys-inner-page .yi-directory h2 { margin-bottom: 16px; } #ys-inner-page .yi-directory-intro { max-width: 850px; margin-bottom: 27px; color: #435d77; font-size: 17px; } #ys-inner-page .yi-directory-tools { display: grid; grid-template-columns: minmax(0,1fr) minmax(190px,260px); gap: 22px; padding-block: 22px; border-block: 1px solid #d3e6ef; } #ys-inner-page .yi-field { display: grid; gap: 8px; min-width: 0; color: #435d77; font-size: 14px; font-weight: 500; line-height: 1.5; } #ys-inner-page .yi-field :is(input,select,textarea) { width: 100%; min-width: 0; min-height: 52px; padding: 12px 15px; border: 1px solid #b8d2e0; border-radius: 6px; color: #10283f; background: #fff; font: inherit; font-size: 16px; } #ys-inner-page .yi-field input::placeholder, #ys-inner-page .yi-field textarea::placeholder { color: #62778a; opacity: 1; } #ys-inner-page .yi-directory-status { min-height: 25px; padding-block: 15px 20px; color: #52697f; font-size: 13px; line-height: 1.6; } #ys-inner-page .yi-region-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px 28px; } #ys-inner-page .yi-region-link { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 60px; padding: 15px 2px; border-bottom: 1px solid #d9e9f1; color: #10283f; font-size: 17px; font-weight: 500; line-height: 1.5; text-decoration: none; } #ys-inner-page .yi-region-link .yi-icon { width: 22px; height: 22px; color: #087490; } #ys-inner-page .yi-region-link small { display: block; color: #62778a; font-size: 12px; font-weight: 400; } #ys-inner-page .yi-region-link:hover { color: #087490; } #ys-inner-page [hidden] { display: none !important; } #ys-inner-page .yi-empty { padding: 24px; background: #f1f8fc; color: #435d77; font-size: 16px; line-height: 1.7; } #ys-inner-page .yi-contact-choices { padding-block: 45px; background: #fff; } #ys-inner-page .yi-contact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; } #ys-inner-page .yi-contact-choice { padding: 27px 26px; border: 1px solid #cce3ef; border-radius: 7px; background: #f8fcff; } #ys-inner-page .yi-contact-choice h2 { margin-bottom: 14px; font-size: 23px; } #ys-inner-page .yi-contact-choice p { margin-top: 13px; color: #435d77; font-size: 16px; line-height: 1.75; } #ys-inner-page .yi-contact-choice a { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; color: #087490; font-size: 18px; font-weight: 600; text-underline-offset: 4px; } #ys-inner-page .yi-contact-choice .yi-icon { width: 24px; height: 24px; } #ys-inner-page .yi-contact-choice .yi-contact-choice-phone { color: #0b213c; font-size: 25px; letter-spacing: -.025em; white-space: nowrap; } #ys-inner-page .yi-message-section { padding-block: 48px; background: #f1f8fc; } #ys-inner-page .yi-message-layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: 48px; align-items: start; } #ys-inner-page .yi-message-copy { min-width: 0; } #ys-inner-page .yi-message-copy h2 { margin-bottom: 24px; } #ys-inner-page .yi-message-copy p { margin-bottom: 18px; color: #435d77; font-size: 17px; line-height: 1.8; } #ys-inner-page .yi-message-copy .yi-exp-media { margin-top: 25px; } #ys-inner-page .yi-message-form { min-width: 0; padding: 30px; border: 1px solid #c6dfeb; border-radius: 8px; background: #fff; } #ys-inner-page .yi-form-fields { display: grid; gap: 19px; } #ys-inner-page .yi-field textarea { min-height: 150px; resize: vertical; line-height: 1.7; } #ys-inner-page .yi-message-form p { margin-top: 18px; color: #52697f; font-size: 13px; line-height: 1.75; } #ys-inner-page .yi-message-form p a { color: #087490; text-underline-offset: 3px; } #ys-inner-page .yi-message-form button { margin-top: 21px; cursor: pointer; } #ys-inner-page .yi-message-form .yi-message-ready { margin-top: 17px; padding: 15px; border-left: 3px solid #28c2e8; background: #edf8fd; } #ys-inner-page .yi-doc-hero { padding-block: 20px 43px; border-bottom: 1px solid #cfe6f1; background: #f1f8fc; } #ys-inner-page .yi-doc-hero .yi-breadcrumb { margin-bottom: 26px; } #ys-inner-page .yi-doc-hero h1 { max-width: 1000px; font-size: clamp(32px,3.3vw,47px); } #ys-inner-page .yi-doc-intro { max-width: 850px; color: #435d77; font-size: 18px; line-height: 1.8; } #ys-inner-page .yi-document-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 60px; padding-block: 48px 55px; background: #fff; } #ys-inner-page .yi-document-body { min-width: 0; } #ys-inner-page .yi-document-body section { margin-bottom: 32px; } #ys-inner-page .yi-document-body h2 { margin-bottom: 17px; font-size: 25px; line-height: 1.4; } #ys-inner-page .yi-document-body p { max-width: 80ch; margin-bottom: 16px; color: #435d77; font-size: 17px; line-height: 1.85; } #ys-inner-page .yi-document-body :is(ul,ol) { padding-left: 22px; list-style: disc; } #ys-inner-page .yi-document-body li { margin-block: 9px; color: #435d77; font-size: 16px; line-height: 1.8; } #ys-inner-page .yi-document-body a { color: #087490; text-underline-offset: 4px; overflow-wrap: anywhere; } #ys-inner-page .yi-document-notice { margin-bottom: 28px; padding: 20px 23px; border-left: 4px solid #28c2e8; background: #edf8fd; color: #24516a; font-size: 16px; line-height: 1.8; } #ys-inner-page .yi-document-nav { min-width: 0; padding: 22px 21px; border: 1px solid #cfe2ed; border-radius: 7px; background: #f1f8fc; } #ys-inner-page .yi-document-nav h2 { margin-bottom: 13px; font-size: 21px; } #ys-inner-page .yi-document-nav a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 47px; padding-block: 9px; color: #435d77; font-size: 14px; line-height: 1.6; text-decoration: none; } #ys-inner-page .yi-document-nav a[aria-current='page'] { color: #087490; font-weight: 600; } #ys-inner-page .yi-document-nav .yi-icon { width: 20px; height: 20px; color: #087490; } #ys-inner-page .yi-nearby { margin-top: 29px; padding-top: 25px; border-top: 1px solid #cae2ed; } #ys-inner-page .yi-nearby h3 { margin-bottom: 13px; font-size: 21px; } #ys-inner-page .yi-nearby ul { display: flex; flex-wrap: wrap; gap: 11px 25px; } #ys-inner-page .yi-nearby a { display: inline-flex; align-items: center; min-height: 44px; color: #087490; font-size: 15px; text-underline-offset: 4px; } @media (max-width:1199px) { #ys-inner-page .yi-card h3 { font-size: 22px; } #ys-inner-page .yi-message-layout { gap: 30px; } #ys-inner-page .yi-document-layout { gap: 35px; } #ys-inner-page .yi-contact-choice { padding-inline: 20px; } #ys-inner-page .yi-contact-choice .yi-contact-choice-phone { font-size: 22px; } } @media (max-width:1099px) { body.ys-inner-document .mobile-fixed-call { background: #0b213c; } body.ys-inner-document .mobile-fixed-contact-bar .mobile-fixed-whatsapp { background: #25d366; color: #032b1b; } } @media (max-width:899px) { #ys-inner-page .yi-paragraph-grid { grid-template-columns: minmax(0,1fr); gap: 20px; } #ys-inner-page .yi-step-grid { grid-template-columns: minmax(0,1fr); gap: 24px; } #ys-inner-page .yi-step-grid .yi-step + .yi-step { padding: 23px 0 0; border-left: 0; border-top: 1px solid #28c2e873; } #ys-inner-page .yi-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #ys-inner-page .yi-region-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #ys-inner-page .yi-contact-grid { grid-template-columns: minmax(0,1fr); } #ys-inner-page .yi-message-layout { grid-template-columns: minmax(0,1fr); } #ys-inner-page .yi-document-layout { grid-template-columns: minmax(0,1fr); gap: 25px; } #ys-inner-page .yi-document-nav { order: 2; } } @media (max-width:699px) { #ys-inner-page .yi-preparation, #ys-inner-page .yi-section-copy, #ys-inner-page .yi-faq, #ys-inner-page .yi-directory, #ys-inner-page .yi-catalog { padding-block: 35px; } #ys-inner-page .yi-preparation h2 { font-size: 27px; } #ys-inner-page .yi-checklist, #ys-inner-page .yi-faq-grid { grid-template-columns: minmax(0,1fr); gap: 21px; } #ys-inner-page .yi-paragraph-grid p { font-size: 17px; } #ys-inner-page .yi-catalog-head { display: block; } #ys-inner-page .yi-catalog-head .yi-text-link { margin-top: 15px; } #ys-inner-page .yi-card-grid, #ys-inner-page .yi-region-grid, #ys-inner-page .yi-directory-tools { grid-template-columns: minmax(0,1fr); } #ys-inner-page .yi-card-grid { gap: 30px; } #ys-inner-page .yi-card h3 { font-size: 24px; } #ys-inner-page .yi-message-form { padding: 24px 20px; } #ys-inner-page .yi-message-form button { width: 100%; } #ys-inner-page .yi-message-section { padding-block: 35px; } #ys-inner-page .yi-document-layout { padding-block: 34px; } #ys-inner-page .yi-document-body h2 { font-size: 24px; } #ys-inner-page .yi-document-body p { font-size: 16px; } #ys-inner-page .yi-contact-choice .yi-contact-choice-phone { font-size: 25px; } } @media print { body.ys-inner-document { padding-bottom: 0; } body.ys-inner-document :is(#ys-menu-06,#ys-footer-08,.mobile-fixed-contact-bar,.yi-skip-link) { display: none !important; } #ys-inner-page :is(.yi-actions,.yi-section-tabs,.yi-contact,.yi-catalog,.yi-document-nav) { display: none; } #ys-inner-page .yi-wrap { width: 100%; } }