@font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/tajawal-local-0.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; } @font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/tajawal-local-1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/tajawal-local-2.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; } @font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/tajawal-local-3.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/tajawal-local-4.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; } @font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/tajawal-local-5.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/tajawal-local-6.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; } @font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/tajawal-local-7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --navy: #092b42; --navy-deep: #062236; --petrol: #14675b; --petrol-dark: #0d5148; --ivory: #faf7f0; --paper: #fffdf9; --copper: #c7854c; --copper-light: #eed6bf; --ink: #123044; --muted: #576775; --line: #dce2df; --soft: #eef3ef; --radius: 18px; --shadow: 0 18px 50px rgb(9 43 66 / 7%); --wrap: 1240px; } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: 110px; } body { margin: 0; background: var(--ivory); color: var(--ink); font-family: 'Tajawal', sans-serif; font-size: 17px; line-height: 1.85; -webkit-font-smoothing: antialiased; } button, input, textarea, select { font: inherit; } button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; } button, select { cursor: pointer; } button { color: inherit; } a { color: inherit; text-decoration: none; } p, h1, h2, h3, h4, ul, ol, figure { margin: 0; } h1, h2, h3, h4 { color: var(--navy); font-weight: 800; line-height: 1.3; } p + p { margin-top: 16px; } h2 { font-size: clamp(2rem, 3.4vw, 3.3rem); letter-spacing: -.045em; } h3 { font-size: 1.45rem; letter-spacing: -.025em; } img { display: block; max-width: 100%; height: auto; } svg { display: block; } ul, ol { padding-inline-start: 24px; } ::selection { color: #fff; background: var(--petrol); } :focus-visible { outline: 3px solid var(--copper); outline-offset: 5px; } [hidden] { display: none !important; } .wrap { width: min(var(--wrap), calc(100% - 64px)); margin-inline: auto; } .icon { display: inline-block; width: 23px; height: 23px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; } .small { font-size: .88rem; } .muted { color: var(--muted); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .skip-link { position: fixed; z-index: 1000; top: 10px; inset-inline-start: 16px; padding: 10px 20px; color: white; background: var(--navy); border-radius: 8px; transform: translateY(-150%); } .skip-link:focus { transform: translateY(0); } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 12px 25px 10px; border: 1px solid transparent; border-radius: 11px; background: var(--petrol); color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.5; transition: background .2s, transform .2s, box-shadow .2s; } .btn:hover { background: var(--petrol-dark); transform: translateY(-2px); box-shadow: 0 7px 18px rgb(20 103 91 / 16%); } .btn-outline { background: transparent; border-color: #b9c6cc; color: var(--navy); } .btn-outline:hover { background: #eef2ef; box-shadow: none; } .btn-copper { background: var(--copper); color: var(--navy-deep); } .btn-copper:hover { background: #d49761; box-shadow: 0 7px 18px rgb(199 133 76 / 16%); } .buttons { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } .text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--petrol); font-size: 1rem; font-weight: 700; line-height: 1.6; } .text-link .icon { width: 20px; height: 20px; transition: transform .2s; } .text-link:hover .icon { transform: translateX(4px); } .text-link:hover { text-decoration: underline; text-underline-offset: 5px; } .site-header { position: sticky; top: 0; z-index: 60; background: rgb(250 247 240 / 96%); border-bottom: 1px solid rgb(9 43 66 / 10%); backdrop-filter: blur(15px); } .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 96px; } .brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; } .brand > svg, .brand > img { width: 50px; height: 58px; object-fit: contain; } .brand strong { display: block; color: var(--navy); font-size: 1.85rem; line-height: 1.25; font-weight: 800; letter-spacing: -.055em; } .brand span, .brand small { display: block; color: var(--muted); font-size: .77rem; font-weight: 500; line-height: 1.5; } .main-nav { display: flex; align-items: center; gap: 25px; } .main-nav a { position: relative; padding-block: 14px; color: var(--navy); font-size: .94rem; font-weight: 700; line-height: 1.5; } .main-nav a::after { content: ''; position: absolute; bottom: 6px; inset-inline-start: 0; width: 0; height: 2px; background: var(--copper); transition: width .2s; } .main-nav a:hover::after, .main-nav a[aria-current='page']::after { width: 100%; } .main-nav a[aria-current='page'] { color: var(--petrol); } .header-cta { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; } .header-cta .btn { min-height: 46px; padding: 10px 17px 8px; font-size: .9rem; } .menu-toggle { display: none; width: 46px; height: 46px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 11px; background: var(--paper); } .menu-toggle .icon { width: 25px; height: 25px; } .hero { position: relative; padding-block: 68px 88px; overflow: hidden; border-bottom: 1px solid var(--line); } .hero::after { content: ''; position: absolute; width: 290px; height: 290px; inset-inline-end: -180px; top: -160px; border: 1px solid #d9dcd2; border-radius: 50%; pointer-events: none; } .hero-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px; align-items: center; } .hero-copy { padding-block: 15px; } .hero-label, .eyebrow { display: inline-flex; align-items: center; gap: 11px; color: var(--petrol); font-size: .94rem; font-weight: 700; line-height: 1.5; } .hero-label::before, .eyebrow::before { content: ''; width: 26px; height: 2px; background: var(--copper); flex: 0 0 auto; } .hero-heading { margin-top: 25px; font-size: clamp(3.35rem, 5.5vw, 5.3rem); line-height: 1.15; letter-spacing: -.055em; } .hero-heading span, .hero-heading em { color: var(--petrol); font-style: normal; } .hero-lead { max-width: 550px; margin-top: 25px; color: var(--muted); font-size: 1.13rem; line-height: 1.95; } .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 31px; } .hero-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 13px 23px; margin-top: 30px; padding-top: 23px; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; line-height: 1.65; } .hero-meta > span { display: inline-flex; align-items: center; gap: 7px; } .hero-meta .icon { width: 18px; height: 18px; color: var(--petrol); } .hero-art { position: relative; isolation: isolate; min-height: 540px; display: flex; align-items: center; padding: 38px 32px; background: var(--navy); color: white; border-radius: 8px 80px 8px 8px; overflow: hidden; box-shadow: 18px 22px 0 #e5e9e0; } .hero-art::before { content: ''; position: absolute; z-index: -1; width: 460px; height: 460px; top: -215px; inset-inline-end: -145px; border: 1px solid rgb(255 255 255 / 18%); border-radius: 50%; box-shadow: 0 0 0 66px rgb(255 255 255 / 3%), 0 0 0 132px rgb(255 255 255 / 3%); } .hero-art::after { content: ''; position: absolute; z-index: -1; inset: auto -40px -180px; height: 380px; background: radial-gradient(ellipse, rgb(20 103 91 / 55%), transparent 69%); pointer-events: none; } .path-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 14px; } .path-board > header, .path-board > .board-head { grid-column: 1 / -1; margin-bottom: 12px; } .path-board h2, .path-board h3 { color: #fff; font-size: 1.8rem; letter-spacing: -.04em; } .path-board > p, .path-board > small, .path-board > .board-note { grid-column: 1 / -1; color: #bacbd2; font-size: .86rem; line-height: 1.8; margin-top: 10px; } .path-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 176px; padding: 23px 21px; border: 1px solid rgb(255 255 255 / 15%); background: rgb(255 255 255 / 5%); border-radius: 12px; color: #fff; transition: border-color .2s, background .2s, transform .2s; } .path-card:hover { background: rgb(255 255 255 / 10%); border-color: #c7854c; transform: translateY(-3px); } .path-card:nth-child(even) { background: rgb(20 103 91 / 28%); } .path-card strong, .path-card h3 { margin-top: 16px; color: #fff; font-size: 1.35rem; font-weight: 700; line-height: 1.45; } .path-card p, .path-card small { margin-top: 7px; color: #bcd0d4; font-size: .8rem; line-height: 1.7; } .path-card .icon { color: var(--copper-light); width: 24px; height: 24px; } .path-num { color: var(--copper-light); font-size: .8rem; font-weight: 700; line-height: 1; direction: ltr; } .path-arrow { position: absolute; top: 21px; inset-inline-end: 20px; color: #c4d4da; font-size: 1.2rem; line-height: 1; } .section { padding-block: 95px; } .section-alt { background: #eef2ed; border-block: 1px solid var(--line); } .section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; margin-bottom: 36px; } .section-head > div { max-width: 690px; } .section-head h2 { margin-top: 15px; } .section-head .lead { margin-top: 16px; } .lead { color: var(--muted); font-size: 1.1rem; line-height: 1.9; max-width: 720px; } .service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .service-card { position: relative; display: flex; flex-direction: column; padding: 29px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); min-height: 290px; transition: border-color .2s, transform .2s, box-shadow .2s; } .service-card::before { content: ''; position: absolute; top: -1px; inset-inline-start: 28px; width: 38px; height: 3px; background: var(--copper); transition: width .2s; } .service-card:hover { transform: translateY(-4px); border-color: #a9c1b9; box-shadow: var(--shadow); } .service-card:hover::before { width: 75px; } .service-icon { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 23px; background: var(--soft); color: var(--petrol); border: 1px solid #d8e4de; border-radius: 14px 14px 5px 14px; flex: 0 0 auto; } .service-icon .icon { width: 29px; height: 29px; } .service-card h3 { font-size: 1.35rem; } .service-card p { color: var(--muted); font-size: .94rem; line-height: 1.85; margin-top: 11px; } .card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .card-head .service-icon { margin-bottom: 0; } .card-head .small { color: var(--muted); } .card-head + h3 { margin-top: 23px; } .card-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 21px; margin-top: auto; } .card-foot .text-link { font-size: .92rem; } .card-foot > span { color: var(--muted); font-size: .78rem; } .service-card ul { margin-block: 13px 0; color: var(--muted); font-size: .87rem; line-height: 1.75; } .service-card li + li { margin-top: 4px; } .search-wrap { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; margin-bottom: 30px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); } .search-input { position: relative; } .search-input .icon { position: absolute; top: 20px; inset-inline-start: 18px; color: var(--muted); } .search-input input, input.search-input { width: 100%; min-height: 58px; padding: 15px 51px 12px 18px; border: 1px solid #c8d2d2; border-radius: 10px; background: var(--ivory); color: var(--ink); outline-offset: 3px; } .search-input input::placeholder { color: #728088; } .filter-row { display: flex; flex-wrap: wrap; gap: 8px; } .filter-btn { min-height: 40px; padding: 9px 16px 7px; border: 1px solid #d5dddd; border-radius: 9px; background: transparent; color: var(--muted); font-size: .86rem; font-weight: 700; line-height: 1.5; transition: background .2s, color .2s, border-color .2s; } .filter-btn:hover { border-color: var(--petrol); color: var(--petrol); } .filter-btn.is-active, .filter-btn.active, .filter-btn[aria-pressed='true'] { background: var(--navy); color: #fff; border-color: var(--navy); } .search-count { grid-column: 1 / -1; color: var(--muted); font-size: .87rem; margin-top: -9px; } .no-results { padding: 45px 25px; text-align: center; color: var(--muted); background: var(--paper); border: 1px dashed #bdccc7; border-radius: var(--radius); } .no-results h3 { margin-bottom: 10px; } .split { display: grid; grid-template-columns: 1fr 1fr; gap: 76px; align-items: center; } .split-copy h2 { margin-top: 16px; } .split-copy .lead { margin-top: 22px; } .split-copy .buttons, .split-copy > .text-link { margin-top: 28px; } .split img { width: 100%; border-radius: 20px 70px 20px 20px; aspect-ratio: 1.15; object-fit: cover; } .insight-panel { position: relative; padding: 40px; background: var(--navy); border-radius: 16px 60px 16px 16px; color: #d2dfe2; overflow: hidden; } .insight-panel h2, .insight-panel h3 { color: #fff; } .insight-panel .eyebrow { color: var(--copper-light); } .insight-panel h3 { margin-block: 17px; font-size: 1.8rem; } .insight-panel p { font-size: 1rem; } .insight-panel .text-link { color: var(--copper-light); margin-top: 23px; } .insight-panel .icon { color: var(--copper-light); } .insight-panel ul { margin-top: 18px; } .insight-panel li + li { margin-top: 10px; } .step-list { display: grid; gap: 0; list-style: none; margin-top: 27px; padding: 0; } .step-list li { display: flex; gap: 19px; padding-block: 21px; border-bottom: 1px solid var(--line); } .step-list li:first-child { padding-top: 0; } .step-list li:last-child { border-bottom: 0; padding-bottom: 0; } .step-number { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 auto; width: 43px; height: 43px; border: 1px solid #c4d2ce; border-radius: 50%; background: #eaf0e9; color: var(--petrol); font-weight: 700; direction: ltr; } .step-list h3 { font-size: 1.2rem; } .step-list p { margin-top: 6px; font-size: .96rem; color: var(--muted); } .value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--line); } .value { padding: 31px 34px; border-inline-end: 1px solid var(--line); } .value:first-child { padding-inline-start: 0; } .value:last-child { border: 0; padding-inline-end: 0; } .value .icon { width: 31px; height: 31px; color: var(--petrol); margin-bottom: 21px; } .value h3 { font-size: 1.25rem; } .value p { color: var(--muted); font-size: .95rem; margin-top: 11px; } .guide-shell { position: relative; padding: 40px; border-radius: 24px; background: var(--navy); color: #d2dfe2; } .guide-shell .eyebrow { color: var(--copper-light); } .guide-shell h2 { color: #fff; margin-top: 14px; } .guide-shell .lead { color: #b7cbd2; margin-top: 15px; } .guide-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; } .guide-tab { padding: 13px 20px 11px; border: 1px solid #466172; border-radius: 10px; color: #d2dfe2; background: transparent; font-size: .95rem; font-weight: 700; line-height: 1.5; transition: background .2s, border-color .2s, color .2s; } .guide-tab:hover { border-color: var(--copper); background: rgb(255 255 255 / 5%); } .guide-tab.is-active, .guide-tab[aria-selected='true'] { background: var(--ivory); border-color: var(--ivory); color: var(--navy); } .guide-result { margin-top: 23px; padding: 27px; border: 1px solid #416171; border-radius: 13px; background: rgb(255 255 255 / 5%); } .guide-result h3 { color: #fff; font-size: 1.55rem; } .guide-result p { margin-top: 11px; color: #c0d1d8; } .guide-result .buttons, .guide-result .text-link { margin-top: 20px; } .guide-result .text-link { color: var(--copper-light); } .guide-result ul { margin-top: 13px; } .faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; align-items: start; } .faq-grid h2 { margin-top: 15px; } .faq-grid .lead { margin-top: 17px; } .faq-grid .text-link { margin-top: 26px; } .faq-list { display: grid; gap: 12px; } .faq-list details { border: 1px solid var(--line); border-radius: 12px; background: var(--paper); } .faq-list summary { position: relative; padding: 22px 23px 18px 55px; color: var(--navy); cursor: pointer; list-style: none; font-size: 1.06rem; font-weight: 700; line-height: 1.7; } .faq-list summary::-webkit-details-marker { display: none; } .faq-list summary::after { content: '+'; position: absolute; top: 19px; inset-inline-end: 21px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 1px solid #c9d8d1; border-radius: 50%; font-size: 1.2rem; line-height: 1; color: var(--petrol); } .faq-list details[open] summary::after { content: '−'; background: #e8f0eb; } .faq-list details[open] { border-color: #aebfb8; } .faq-list details > p, .faq-list details > div { padding: 0 23px 22px; color: var(--muted); font-size: .96rem; } .faq-list details > p + p { margin-top: -10px; } .review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .review { position: relative; display: flex; flex-direction: column; min-height: 250px; padding: 30px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); } .review::before { content: '“'; display: block; margin-bottom: 10px; color: var(--copper); font-family: Georgia, serif; font-size: 4rem; line-height: .9; } .review blockquote { margin: 0; color: var(--ink); line-height: 1.9; font-size: 1.04rem; } .review-author { display: flex; align-items: center; gap: 12px; padding-top: 24px; margin-top: auto; color: var(--navy); font-weight: 700; font-size: .95rem; } .review-author > span:first-child, .review-author > .avatar { display: inline-flex; justify-content: center; align-items: center; width: 39px; height: 39px; border-radius: 50%; background: #e9eeea; color: var(--petrol); font-size: .87rem; } .review-author small { display: block; color: var(--muted); font-size: .76rem; font-weight: 400; } .page-intro { padding-block: 43px 59px; background: #edf1eb; border-bottom: 1px solid var(--line); } .breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 24px; color: var(--muted); font-size: .82rem; line-height: 1.6; } .breadcrumb a { color: var(--petrol); } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb .icon { width: 14px; height: 14px; } .page-intro h1 { max-width: 920px; font-size: clamp(2.4rem, 4.3vw, 4.2rem); line-height: 1.25; letter-spacing: -.045em; } .page-intro .lead { margin-top: 19px; max-width: 850px; } .page-intro .eyebrow { margin-bottom: 15px; } .page-intro .buttons { margin-top: 25px; } .content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 335px; gap: 52px; align-items: start; } .article { min-width: 0; } .article h2 { font-size: clamp(1.7rem, 2.4vw, 2.3rem); margin-bottom: 18px; } .article h3 { margin-block: 27px 12px; font-size: 1.35rem; } .article > section, .article > .article-section { margin-bottom: 45px; padding-bottom: 36px; border-bottom: 1px solid var(--line); } .article > section:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .article p { color: var(--muted); } .article a:not(.btn) { color: var(--petrol); text-decoration: underline; text-underline-offset: 4px; } .article ul, .article ol { color: var(--muted); margin-block: 17px; } .article li + li { margin-top: 11px; } .bullet-list { list-style: none; padding: 0; margin-block: 19px; } .bullet-list li { position: relative; padding-inline-start: 23px; margin-bottom: 12px; color: var(--muted); } .bullet-list li::before { content: ''; position: absolute; top: 12px; inset-inline-start: 0; width: 7px; height: 7px; border-radius: 2px; background: var(--copper); } .aside-card { position: sticky; top: 123px; padding: 28px; border: 1px solid #d0ddd7; border-radius: var(--radius); background: var(--paper); } .aside-card h2, .aside-card h3 { font-size: 1.45rem; margin-bottom: 13px; } .aside-card p { color: var(--muted); font-size: .95rem; } .aside-card .btn { width: 100%; margin-top: 13px; } .aside-card .small { margin-top: 16px; } .aside-card ul { margin-top: 15px; font-size: .95rem; } .aside-card li + li { margin-top: 8px; } .platform-box { margin-block: 23px; padding: 24px; background: #eef3ee; border: 1px solid #d3e0d8; border-inline-start: 3px solid var(--petrol); border-radius: 9px; } .platform-box h3 { margin-top: 0; } .platform-box p { font-size: .95rem; margin-top: 10px; } .platform-box a { overflow-wrap: anywhere; } .platform-box .text-link { margin-top: 14px; } .related { margin-top: 65px; padding-top: 45px; border-top: 1px solid var(--line); } .related > h2 { font-size: 2rem; margin-bottom: 25px; } .related .service-card { min-height: 260px; } .callout { padding: 22px 25px; border-radius: 12px; border: 1px solid #e4cfb9; background: #f7ecdf; color: var(--ink); margin-block: 22px; } .callout h3 { font-size: 1.25rem; margin-bottom: 9px; } .callout p { color: #5e625f; font-size: .95rem; } .callout .icon { color: #a76836; } .contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 55px; align-items: start; } .contact-options { display: grid; gap: 14px; margin-block: 24px; } .contact-option { display: flex; align-items: center; gap: 17px; padding: 23px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); transition: border-color .2s, transform .2s; } a.contact-option:hover { border-color: var(--petrol); transform: translateX(-3px); } .contact-option > .icon, .contact-option > .service-icon { width: 49px; height: 49px; padding: 12px; background: #e8f0eb; border-radius: 11px; color: var(--petrol); margin: 0; } .contact-option strong { display: block; color: var(--navy); font-size: 1.13rem; line-height: 1.5; } .contact-option small, .contact-option span { color: var(--muted); font-size: .92rem; line-height: 1.6; } .contact-option [dir='ltr'] { display: inline-block; font-weight: 700; letter-spacing: .04em; } .form-card { padding: 37px; border: 1px solid #cddad4; border-radius: 20px; background: var(--paper); box-shadow: var(--shadow); } .form-card h2 { font-size: 2rem; } .form-card > p { color: var(--muted); margin-block: 14px 24px; font-size: .98rem; } .field { display: grid; gap: 7px; margin-bottom: 19px; } .field label { color: var(--navy); font-size: .93rem; font-weight: 700; } .field label small { color: var(--muted); font-weight: 400; } .field input, .field select, .field textarea { width: 100%; min-height: 54px; padding: 13px 16px 10px; border: 1px solid #c7d3d0; border-radius: 9px; color: var(--ink); background: var(--ivory); outline-offset: 3px; transition: border-color .2s, box-shadow .2s; } .field input:focus, .field select:focus, .field textarea:focus { border-color: var(--petrol); box-shadow: 0 0 0 3px rgb(20 103 91 / 8%); } .field textarea { min-height: 125px; resize: vertical; } .field input::placeholder, .field textarea::placeholder { color: #79868b; font-size: .9rem; } .check-field { display: flex; align-items: flex-start; gap: 10px; margin-block: 21px; color: var(--muted); font-size: .87rem; line-height: 1.8; } .check-field input { width: 18px; height: 18px; margin: 4px 0 0; flex: 0 0 auto; accent-color: var(--petrol); } .check-field a { color: var(--petrol); text-decoration: underline; text-underline-offset: 4px; } .form-card > .btn, .form-card form > .btn { width: 100%; } .form-status { padding-top: 13px; color: var(--petrol); font-size: .9rem; } .form-status.error { color: #a33e30; } .form-status:empty { padding: 0; } .legal { max-width: 890px; } .legal h2 { font-size: 1.8rem; margin-block: 37px 14px; } .legal h2:first-child { margin-top: 0; } .legal h3 { font-size: 1.25rem; margin-block: 24px 10px; } .legal p, .legal li { color: var(--muted); } .legal ul, .legal ol { margin-block: 17px; } .legal li + li { margin-top: 10px; } .legal a { color: var(--petrol); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; } .policy-layout { display: grid; grid-template-columns: 275px minmax(0, 1fr); gap: 43px; align-items: start; } .policy-index { position: sticky; top: 121px; padding: 23px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); } .policy-index h2, .policy-index h3 { font-size: 1.15rem; margin-bottom: 15px; } .policy-index ol, .policy-index ul { list-style: none; padding: 0; display: grid; gap: 3px; } .policy-index a { display: block; padding: 10px 13px 7px; border-radius: 8px; color: var(--muted); font-size: .86rem; line-height: 1.8; } .policy-index a:hover { color: var(--petrol); background: #edf2ec; } .policy-document { padding: 40px; border: 1px solid var(--line); border-radius: 18px; background: var(--paper); } .policy-part { padding-block: 27px; border-bottom: 1px solid var(--line); scroll-margin-top: 130px; } .policy-part:first-child { padding-top: 0; } .policy-part:last-child { padding-bottom: 0; border-bottom: 0; } .policy-part h2 { margin-bottom: 15px; font-size: 1.8rem; } .policy-part h3 { margin-block: 21px 10px; font-size: 1.25rem; } .policy-part p, .policy-part li { color: var(--muted); } .policy-part ul, .policy-part ol { margin-block: 15px; } .policy-part li + li { margin-top: 10px; } .policy-part a { color: var(--petrol); text-decoration: underline; text-underline-offset: 4px; } .policy-help { padding: 22px; margin-top: 20px; border-radius: 12px; background: #eaf0e9; color: var(--muted); font-size: .9rem; } .policy-help .text-link { margin-top: 13px; font-size: .9rem; } .transparency-grid, .official-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .transparency-card, .official-card { padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); } .transparency-card h2, .official-card h2 { font-size: 1.55rem; margin-bottom: 13px; } .transparency-card h3, .official-card h3 { font-size: 1.3rem; margin-bottom: 12px; } .transparency-card p, .official-card p { color: var(--muted); font-size: .96rem; } .transparency-card .icon, .official-card > .icon { color: var(--petrol); width: 30px; height: 30px; margin-bottom: 18px; } .official-card .text-link { margin-top: 20px; } .official-card small { display: block; margin-top: 12px; color: var(--muted); overflow-wrap: anywhere; } .closing-cta { padding-block: 58px; color: #d2dfe2; background: var(--petrol-dark); } .closing-cta .wrap { display: flex; align-items: center; justify-content: space-between; gap: 40px; } .closing-cta h2 { color: #fff; font-size: clamp(1.9rem, 3vw, 2.9rem); } .closing-cta p { margin-top: 14px; max-width: 670px; font-size: 1.02rem; } .closing-cta .btn { background: var(--ivory); color: var(--navy); white-space: nowrap; } .closing-cta .btn:hover { background: #fff; } .closing-cta .btn-outline { color: white; background: transparent; border-color: #78a098; } .closing-cta .btn-outline:hover { background: rgb(255 255 255 / 8%); } .site-footer { padding-top: 65px; background: var(--navy-deep); color: #bccdd5; } .footer-grid { display: grid; grid-template-columns: 1.55fr 1fr 1fr 1.1fr; gap: 44px; padding-bottom: 48px; } .site-footer .brand strong { color: #fff; } .site-footer .brand span, .site-footer .brand small { color: #bccdd5; } .footer-about p { margin-top: 22px; font-size: .9rem; line-height: 1.85; max-width: 335px; } .site-footer h2, .site-footer h3 { color: #fff; font-size: 1.1rem; margin-block: 7px 20px; } .site-footer ul { list-style: none; padding: 0; display: grid; gap: 10px; } .site-footer li a { color: #bccdd5; font-size: .87rem; line-height: 1.6; transition: color .2s; } .site-footer li a:hover { color: var(--copper-light); } .footer-phone { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-size: 1.25rem; font-weight: 700; letter-spacing: .03em; line-height: 1.7; } .footer-phone .icon { color: var(--copper-light); width: 20px; height: 20px; } .footer-small { font-size: .81rem; line-height: 1.9; color: #a2bac5; margin-top: 13px; } .footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 30px; padding-block: 22px; border-top: 1px solid #29485a; font-size: .78rem; color: #9eb5c0; } .inline-list { display: flex; flex-wrap: wrap; gap: 7px 20px; list-style: none; padding: 0; } .footer-bottom a:hover { color: #fff; } .contact-dock { position: fixed; z-index: 50; bottom: 25px; inset-inline-end: 25px; display: flex; align-items: center; gap: 7px; padding: 7px; background: var(--navy); border: 1px solid rgb(255 255 255 / 19%); border-radius: 15px; box-shadow: 0 9px 28px rgb(6 34 54 / 23%); } .contact-dock > button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 12px 17px 9px; border: 0; border-radius: 10px; color: #fff; background: var(--petrol); font-size: .9rem; font-weight: 700; } .contact-dock > span { color: #e5edf0; font-size: .83rem; padding-inline: 11px; } .dock-actions { display: flex; align-items: center; gap: 6px; } .dock-actions a { display: flex; align-items: center; gap: 8px; justify-content: center; width: 49px; min-height: 49px; color: white; background: #25475b; border-radius: 10px; transition: background .2s, transform .2s; } .dock-actions a:hover { background: var(--petrol); transform: translateY(-2px); } .dock-actions a[href^='https://wa.me'], .dock-actions a[href*='whatsapp'] { background: var(--petrol); } .dock-actions a[href^='https://wa.me']:hover { background: #1c8170; } .dock-actions a .icon { width: 24px; height: 24px; } .dock-actions a span { font-size: .86rem; } .dock-actions a:has(span) { width: auto; padding-inline: 16px; } .mobile-contact { display: none; } .not-found { min-height: 65vh; display: flex; align-items: center; text-align: center; padding-block: 90px; } .not-found .wrap { max-width: 720px; } .not-found h1 { font-size: clamp(2.5rem, 5vw, 4rem); margin-block: 20px; } .not-found .buttons { justify-content: center; margin-top: 28px; } .not-found .error-code { color: var(--copper); font-size: 6rem; font-weight: 800; letter-spacing: -.04em; line-height: 1; } .phone-mini { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #cbd5d3; border-radius: 10px; color: var(--navy); background: var(--paper); transition: border-color .2s, background .2s; } .phone-mini:hover { color: var(--petrol); border-color: var(--petrol); background: #edf2ec; } .whatsapp-icon { fill: currentColor; stroke: none; } .path-board > .eyebrow { grid-column: 1 / -1; color: var(--copper-light); margin-bottom: 12px; } .path-board .path-card:last-of-type { grid-column: 1 / -1; min-height: 142px; } .path-card > span > strong, .path-card > span > small { display: block; } .board-footer { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding-top: 12px; color: #bacbd2; font-size: .83rem; line-height: 1.65; } .board-footer .icon { color: var(--copper-light); width: 21px; height: 21px; } .card-label { color: var(--muted); font-size: .73rem; line-height: 1.7; } .service-icon { color: var(--tone, var(--petrol)); background: var(--tint, var(--soft)); } .service-card .card-foot { color: var(--petrol); font-size: .87rem; font-weight: 700; } .service-card .card-foot > span { color: inherit; font-size: inherit; } .service-card .card-foot > .icon { width: 20px; height: 20px; } .guide-tabs { margin-top: 0; } .guide-tab[aria-pressed='true'] { background: var(--ivory); border-color: var(--ivory); color: var(--navy); } .guide-result .service-card h3 { color: var(--navy); font-size: 1.2rem; } .guide-result .service-card p { color: var(--muted); font-size: .9rem; } .guide-result .service-card { min-height: 280px; padding: 24px; } .guide-result > .text-link { margin-top: 24px; } .section-head > div > p:not(.lead), .faq-grid > div > p { color: var(--muted); margin-top: 15px; } .official-home-links { display: grid; gap: 0; margin-block: 21px; } .official-home-links a { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-block: 16px; border-bottom: 1px solid #456272; color: #e4eef0; font-size: 1rem; font-weight: 700; } .official-home-links a:last-child { border-bottom: 0; } .official-home-links a:hover { color: var(--copper-light); } .official-home-links .icon { width: 19px; height: 19px; } .investor-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 20px; } .investor-tags span { padding: 7px 13px 5px; border: 1px solid #c9d8d1; background: #eef3ed; color: var(--petrol); border-radius: 8px; font-size: .84rem; font-weight: 700; } .detail-kicker { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 14px; color: var(--petrol); font-size: .9rem; font-weight: 700; } .detail-kicker .icon { width: 23px; height: 23px; } .service-illustration { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; min-height: 300px; overflow: hidden; border: 1px solid #bdd0ca; border-radius: 20px 60px 20px 20px; background: linear-gradient(145deg, #e7efea, #f8f5ec); color: var(--petrol); } .service-illustration::before { content: ''; position: absolute; z-index: -1; width: 240px; height: 240px; border: 1px solid #b8cec5; border-radius: 50%; box-shadow: 0 0 0 42px rgb(20 103 91 / 4%), 0 0 0 84px rgb(20 103 91 / 3%); } .service-illustration::after { content: ''; position: absolute; top: 30px; inset-inline-start: 30px; width: 12px; height: 12px; border-radius: 3px; background: var(--copper); box-shadow: -20px 0 0 #d5e2d7; transform: rotate(-12deg); } .service-illustration > .icon { width: 110px; height: 110px; stroke-width: .9; } .service-picture { margin-block: 25px; } .service-picture img, .page-photo img, .split-photo img { width: 100%; border-radius: 18px; object-fit: cover; } .split-photo .service-illustration { min-height: 400px; } .page-photo .service-illustration { min-height: 330px; } .photo-caption, .form-note { display: block; margin-top: 13px; color: var(--muted); font-size: .83rem; line-height: 1.85; } .form-note a { color: var(--petrol); text-decoration: underline; text-underline-offset: 3px; } .gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .gallery .service-illustration { min-height: 220px; border-radius: 15px; } .gallery img { width: 100%; aspect-ratio: 1.4; object-fit: cover; border-radius: 15px; } .contact-policies { display: flex; flex-wrap: wrap; gap: 8px 17px; padding-top: 20px; color: var(--muted); font-size: .83rem; } .contact-policies a { color: var(--petrol); text-decoration: underline; text-underline-offset: 4px; } .center-action { display: flex; justify-content: center; margin-top: 33px; } .footer-about { margin-top: 22px; color: #bccdd5; font-size: .9rem; line-height: 1.85; } .site-footer > .wrap > .footer-small { margin-top: 0; padding-block: 0 28px; } .review > .icon { display: none; } .contact-dock { display: flex; flex-direction: column; align-items: stretch; width: 240px; padding: 10px; gap: 8px; } .dock-heading { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 3px 9px 0; color: #cadbe1; font-size: .74rem; font-weight: 700; line-height: 1.5; } .dock-heading::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--copper); } .dock-actions a { flex: 1 1 0; width: auto; min-width: 0; min-height: 46px; gap: 8px; padding: 10px 13px 8px; font-size: .87rem; line-height: 1.4; white-space: nowrap; } .dock-actions a .icon { width: 21px; height: 21px; } .asset-photo { display: block; width: 100%; overflow: hidden; } .asset-photo img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; } .photo-note { display: block; margin-top: 9px; color: var(--muted); font-size: .73rem; line-height: 1.6; } .hero-art--photo { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; min-height: 0; padding: 24px; gap: 19px; } .hero-visual { width: 100%; margin: 0; min-width: 0; } .hero-visual .asset-photo { height: 270px; border-radius: 8px 58px 8px 8px; background: #183c50; } .hero-visual .asset-photo img { height: 270px; aspect-ratio: auto; object-position: center bottom; border-radius: 0; } .hero-visual .photo-note { color: #b5c9d2; padding-inline: 2px; } .hero-art--photo .path-board { grid-template-columns: 1fr; gap: 8px; } .hero-art--photo .path-board > .eyebrow { margin-bottom: 5px; font-size: .8rem; } .hero-art--photo .path-card, .hero-art--photo .path-board .path-card:last-of-type { grid-column: 1; flex-direction: row; align-items: center; gap: 14px; min-height: 74px; padding: 14px 16px 11px; border-radius: 10px; } .hero-art--photo .path-card > .path-num { flex: 0 0 auto; width: 23px; color: var(--copper-light); font-size: .74rem; } .hero-art--photo .path-card > span:not(.path-num):not(.path-arrow) { flex: 1; min-width: 0; } .hero-art--photo .path-card strong, .hero-art--photo .path-card h3 { margin: 0; font-size: 1.05rem; line-height: 1.45; } .hero-art--photo .path-card small, .hero-art--photo .path-card p { margin-top: 5px; font-size: .73rem; line-height: 1.55; } .hero-art--photo .path-arrow { position: static; flex: 0 0 auto; line-height: 1; } .hero-art--photo .path-arrow .icon { width: 20px; height: 20px; color: var(--copper-light); } .hero-art--photo .board-footer { margin-top: 5px; padding-top: 13px; border-top: 1px solid #355368; font-size: .72rem; gap: 8px; } .hero-art--photo .board-footer .icon { width: 18px; height: 18px; } .story-stack { display: grid; gap: 20px; min-width: 0; } .story-photo { margin: 0; width: 100%; min-width: 0; } .story-photo .asset-photo { height: 315px; border-radius: 16px 62px 16px 16px; background: #e5ece8; } .story-photo .asset-photo img { height: 315px; aspect-ratio: auto; object-position: center 60%; border-radius: 0; } .story-stack .insight-panel { padding: 30px 33px; border-radius: 16px; } .story-stack .insight-panel h3 { margin-top: 13px; } .story-stack .insight-panel .official-home-links { margin-block: 13px; } .story-stack .insight-panel .official-home-links a { padding-block: 13px; font-size: .95rem; } .detail-photo { width: 100%; margin: 0 0 30px; } .detail-photo .asset-photo { height: 340px; border-radius: 16px 56px 16px 16px; background: #e5ece8; } .detail-photo .asset-photo img { height: 340px; aspect-ratio: auto; object-position: center 60%; border-radius: 0; } @media (min-width: 1500px) { .hero { padding-block: 83px 105px; } .hero-art { min-height: 570px; } } @media (max-width: 1150px) { .wrap { width: min(var(--wrap), calc(100% - 48px)); } .header-inner { gap: 22px; } .main-nav { gap: 17px; } .main-nav a { font-size: .88rem; } .header-cta .btn { padding-inline: 13px; } .hero-layout { gap: 44px; } .hero-heading { font-size: clamp(3rem, 5.9vw, 4.5rem); } .hero-art { padding: 30px 23px; min-height: 515px; } .path-card { padding: 21px 17px; } .path-card strong, .path-card h3 { font-size: 1.2rem; } .split { gap: 45px; } .faq-grid { gap: 45px; } .service-card { padding: 25px; } .search-wrap { grid-template-columns: 1fr; gap: 17px; } .search-count { margin-top: 0; } .content-grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 35px; } .footer-grid { gap: 30px; } } @media (max-width: 940px) { html { scroll-padding-top: 95px; } .header-inner { min-height: 82px; } .brand > svg, .brand > img { width: 42px; height: 49px; } .brand strong { font-size: 1.6rem; } .menu-toggle { display: inline-flex; } .header-cta { margin-inline-start: auto; } .header-cta .btn { min-height: 44px; } .main-nav { position: absolute; top: 100%; inset-inline: 24px; display: none; align-items: stretch; flex-direction: column; gap: 0; padding: 14px; background: var(--paper); border: 1px solid var(--line); border-radius: 0 0 15px 15px; box-shadow: var(--shadow); max-height: calc(100vh - 105px); overflow: auto; } .main-nav.is-open, .main-nav.open, .site-header.is-open .main-nav { display: flex; } .main-nav a { padding: 13px 14px 11px; border-radius: 8px; font-size: 1rem; } .main-nav a::after { display: none; } .main-nav a:hover, .main-nav a[aria-current='page'] { color: var(--petrol); background: #edf2ec; } .hero { padding-block: 50px 65px; } .hero-layout { grid-template-columns: 1fr 1fr; gap: 30px; } .hero-heading { font-size: clamp(2.7rem, 5.8vw, 3.9rem); } .hero-lead { font-size: 1.02rem; } .hero-art { min-height: 490px; padding: 26px 18px; border-start-end-radius: 53px; box-shadow: 10px 14px 0 #e5e9e0; } .path-board { gap: 10px; } .path-card { min-height: 167px; padding: 19px 13px; } .path-card strong, .path-card h3 { font-size: 1.07rem; } .path-card p, .path-card small { font-size: .75rem; } .path-arrow { inset-inline-end: 13px; } .hero-actions .btn { padding-inline: 17px; min-height: 51px; font-size: .92rem; } .hero-meta { font-size: .79rem; gap: 11px; } .section { padding-block: 70px; } .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .section-head { gap: 23px; } .split, .faq-grid { gap: 32px; } .insight-panel { padding: 30px; } .value { padding: 27px 23px; } .review-grid { gap: 13px; } .review { padding: 24px; } .review blockquote { font-size: .94rem; } .content-grid { grid-template-columns: minmax(0, 1fr) 270px; gap: 27px; } .aside-card { padding: 23px; top: 105px; } .contact-grid { grid-template-columns: .85fr 1.15fr; gap: 30px; } .form-card { padding: 28px; } .policy-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 25px; } .policy-index { padding: 18px; top: 105px; } .policy-document { padding: 30px; } .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; gap: 30px; } .footer-grid > :last-child { grid-column: 1 / -1; padding-top: 23px; border-top: 1px solid #29485a; } .closing-cta .wrap { gap: 25px; } .closing-cta .buttons { flex: 0 0 auto; flex-direction: column; align-items: stretch; } } @media (max-width: 720px) { .hero-layout { grid-template-columns: 1fr; gap: 35px; } .hero-copy { max-width: 640px; padding: 0; } .hero-heading { max-width: 560px; font-size: clamp(3rem, 8.8vw, 4.1rem); } .hero-lead { max-width: 570px; } .hero-art { min-height: auto; padding: 30px; border-radius: 9px 55px 9px 9px; } .path-board { gap: 13px; } .path-card { min-height: 165px; padding: 23px; } .path-card strong, .path-card h3 { font-size: 1.3rem; } .path-card p, .path-card small { font-size: .84rem; } .path-arrow { inset-inline-end: 22px; } .section-head { display: block; } .section-head > .text-link, .section-head > .btn { margin-top: 22px; } .split, .faq-grid, .contact-grid, .content-grid, .policy-layout { grid-template-columns: 1fr; gap: 32px; } .split .insight-panel { order: 1; } .split .split-copy { order: 0; } .faq-grid > :first-child { max-width: 570px; } .value-grid { grid-template-columns: 1fr; } .value { padding: 27px 0; border-inline-end: 0; border-bottom: 1px solid var(--line); } .value:last-child { border: 0; } .value .icon { margin-bottom: 15px; } .review-grid { grid-template-columns: 1fr; gap: 16px; } .review { min-height: auto; padding: 27px; } .review blockquote { font-size: 1rem; } .review-author { padding-top: 20px; } .page-intro { padding-block: 32px 44px; } .aside-card { position: static; } .related { margin-top: 45px; padding-top: 34px; } .policy-index { position: static; } .policy-index ol, .policy-index ul { display: flex; flex-wrap: wrap; gap: 5px; } .policy-index a { background: #f0f3ed; padding: 8px 13px 6px; } .transparency-grid, .official-grid { grid-template-columns: 1fr; } .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gallery > :last-child:nth-child(odd) { grid-column: 1 / -1; } .closing-cta .wrap { display: block; } .closing-cta .buttons { flex-direction: row; justify-content: flex-start; margin-top: 27px; } .closing-cta .btn { white-space: normal; } } @media (max-width: 540px) { body { font-size: 16px; padding-bottom: 80px; } html { scroll-padding-top: 88px; } .wrap { width: calc(100% - 36px); } .header-inner { min-height: 76px; gap: 12px; } .brand { gap: 9px; } .brand > svg, .brand > img { width: 37px; height: 45px; } .brand strong { font-size: 1.48rem; } .brand span, .brand small { font-size: .7rem; } .header-cta .btn { display: none; } .menu-toggle { width: 42px; height: 42px; } .main-nav { inset-inline: 18px; } .hero { padding-block: 35px 47px; } .hero-layout { gap: 29px; } .hero-label { font-size: .83rem; } .hero-heading { margin-top: 21px; font-size: clamp(2.65rem, 11.5vw, 3.8rem); line-height: 1.17; } .hero-lead { margin-top: 21px; font-size: 1rem; line-height: 1.9; } .hero-actions { margin-top: 25px; gap: 9px; } .hero-actions .btn { flex: 1 1 140px; min-height: 50px; padding-inline: 15px; font-size: .91rem; } .hero-meta { margin-top: 24px; padding-top: 20px; gap: 11px 17px; font-size: .78rem; } .hero-art { padding: 25px 18px; border-radius: 8px 46px 8px 8px; box-shadow: 8px 10px 0 #e5e9e0; } .path-board { gap: 10px; } .path-board h2, .path-board h3 { font-size: 1.6rem; } .path-card { min-height: 158px; padding: 19px 14px; } .path-card strong, .path-card h3 { font-size: 1.14rem; margin-top: 16px; } .path-card p, .path-card small { font-size: .75rem; } .path-num { font-size: .72rem; } .path-arrow { inset-inline-end: 15px; top: 18px; } .section { padding-block: 51px; } h2 { font-size: clamp(1.85rem, 7.5vw, 2.4rem); line-height: 1.35; } .section-head { margin-bottom: 25px; } .section-head h2 { margin-top: 13px; } .eyebrow { font-size: .85rem; } .lead { font-size: 1rem; } .service-grid { grid-template-columns: 1fr; gap: 14px; } .service-card { min-height: 0; padding: 24px; border-radius: 14px; } .service-icon { width: 50px; height: 50px; margin-bottom: 19px; } .service-icon .icon { width: 26px; height: 26px; } .service-card h3 { font-size: 1.3rem; } .service-card p { font-size: .92rem; } .card-foot { padding-top: 21px; } .search-wrap { padding: 18px; gap: 16px; margin-bottom: 24px; } .search-input input, input.search-input { min-height: 53px; font-size: .94rem; } .search-input .icon { top: 17px; width: 21px; height: 21px; } .filter-row { gap: 7px; } .filter-btn { padding-inline: 13px; font-size: .8rem; min-height: 37px; } .search-count { font-size: .79rem; } .split { gap: 28px; } .split-photo .service-illustration, .page-photo .service-illustration { min-height: 285px; } .service-illustration { min-height: 265px; border-radius: 15px 44px 15px 15px; } .service-illustration > .icon { width: 94px; height: 94px; } .gallery { grid-template-columns: 1fr; gap: 14px; } .split-copy .lead { margin-top: 18px; } .insight-panel { padding: 29px 24px; border-radius: 13px 44px 13px 13px; } .insight-panel h3 { font-size: 1.6rem; } .step-list li { gap: 15px; padding-block: 19px; } .step-number { width: 37px; height: 37px; font-size: .9rem; } .step-list h3 { font-size: 1.12rem; } .step-list p { font-size: .92rem; } .guide-shell { padding: 28px 21px; border-radius: 17px; } .guide-tabs { gap: 8px; margin-top: 23px; } .guide-tab { flex: 1 1 calc(50% - 8px); font-size: .86rem; padding: 12px 10px 9px; } .guide-result { margin-top: 18px; padding: 22px 17px; } .guide-result h3 { font-size: 1.3rem; } .guide-result p { font-size: .93rem; } .faq-grid { gap: 24px; } .faq-list { gap: 9px; } .faq-list summary { padding: 19px 18px 16px 47px; font-size: .98rem; } .faq-list summary::after { top: 18px; inset-inline-end: 15px; width: 24px; height: 24px; } .faq-list details > p, .faq-list details > div { padding: 0 18px 20px; font-size: .91rem; } .review { padding: 25px; } .page-intro { padding-block: 26px 37px; } .breadcrumb { font-size: .76rem; margin-bottom: 20px; gap: 7px 9px; } .page-intro h1 { font-size: clamp(2rem, 8.5vw, 2.8rem); } .page-intro .lead { margin-top: 15px; font-size: .98rem; } .article h2 { font-size: 1.7rem; } .article > section { padding-bottom: 28px; margin-bottom: 31px; } .article h3 { font-size: 1.23rem; } .article p, .article li { font-size: .96rem; } .aside-card { padding: 24px; } .platform-box { padding: 21px; } .callout { padding: 21px; } .contact-grid { gap: 29px; } .contact-option { padding: 19px; gap: 14px; } .contact-option strong { font-size: 1.04rem; } .contact-option small, .contact-option span { font-size: .87rem; } .form-card { padding: 26px 21px; border-radius: 16px; } .form-card h2 { font-size: 1.75rem; } .field { margin-bottom: 17px; } .check-field { font-size: .83rem; } .policy-index { padding: 20px 17px; } .policy-index a { font-size: .78rem; } .policy-document { padding: 25px 21px; border-radius: 14px; } .policy-part { padding-block: 24px; } .policy-part h2 { font-size: 1.55rem; } .policy-part p, .policy-part li { font-size: .94rem; } .transparency-card, .official-card { padding: 25px; } .closing-cta { padding-block: 42px; } .closing-cta h2 { font-size: 1.9rem; } .closing-cta p { font-size: .95rem; } .closing-cta .buttons { gap: 9px; } .closing-cta .btn { flex: 1 1 140px; padding-inline: 13px; font-size: .91rem; } .site-footer { padding-top: 45px; } .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 25px; padding-bottom: 33px; } .footer-grid > :first-child { grid-column: 1 / -1; } .footer-about { grid-column: 1 / -1; } .footer-about p { margin-top: 17px; max-width: 100%; font-size: .87rem; } .footer-grid > :last-child { padding-top: 21px; } .site-footer h2, .site-footer h3 { font-size: 1rem; margin-bottom: 17px; } .site-footer li a { font-size: .82rem; } .footer-bottom { display: block; font-size: .74rem; line-height: 1.8; padding-block: 20px; } .footer-bottom .inline-list { margin-top: 12px; gap: 7px 16px; } .contact-dock { display: none; } .mobile-contact { position: fixed; z-index: 70; bottom: 0; inset-inline: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 10px 18px max(10px, env(safe-area-inset-bottom)); background: rgb(250 247 240 / 98%); border-top: 1px solid #cbd7d1; box-shadow: 0 -6px 25px rgb(9 43 66 / 8%); backdrop-filter: blur(12px); } .mobile-contact a { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 49px; padding: 12px 12px 9px; color: #fff; background: var(--navy); border-radius: 10px; font-size: .92rem; font-weight: 700; line-height: 1.5; } .mobile-contact a[href^='https://wa.me'], .mobile-contact a[href*='whatsapp'] { background: var(--petrol); } .mobile-contact .icon { width: 22px; height: 22px; } .not-found { padding-block: 65px; } .not-found .error-code { font-size: 5rem; } } @media (max-width: 350px) { .wrap { width: calc(100% - 28px); } .brand strong { font-size: 1.35rem; } .brand span, .brand small { font-size: .65rem; } .hero-heading { font-size: 2.5rem; } .hero-art { padding-inline: 14px; } .path-card { padding-inline: 12px; } .path-card strong, .path-card h3 { font-size: 1.04rem; } .path-card p, .path-card small { font-size: .72rem; } .mobile-contact { padding-inline: 14px; } .mobile-contact a { font-size: .85rem; gap: 7px; } } @media (max-width: 1150px) { .hero-art--photo { padding: 21px; gap: 17px; } .hero-visual .asset-photo, .hero-visual .asset-photo img { height: 245px; } .story-photo .asset-photo, .story-photo .asset-photo img { height: 280px; } .hero-art--photo .path-card, .hero-art--photo .path-board .path-card:last-of-type { gap: 11px; padding-inline: 13px; } } @media (max-width: 940px) { .hero-art--photo { padding: 19px; } .hero-visual .asset-photo, .hero-visual .asset-photo img { height: 225px; } .hero-visual .asset-photo { border-start-end-radius: 38px; } .hero-art--photo .path-card strong, .hero-art--photo .path-card h3 { font-size: .97rem; } .hero-art--photo .path-card small, .hero-art--photo .path-card p { font-size: .68rem; } .hero-art--photo .path-card > .path-num { width: 20px; } .hero-art--photo .path-card, .hero-art--photo .path-board .path-card:last-of-type { min-height: 70px; gap: 9px; padding-inline: 11px; } .story-photo .asset-photo, .story-photo .asset-photo img { height: 245px; } .story-stack .insight-panel { padding: 25px; } .detail-photo .asset-photo, .detail-photo .asset-photo img { height: 295px; } } @media (max-width: 720px) { .hero-art--photo { padding: 24px; gap: 19px; } .hero-visual .asset-photo, .hero-visual .asset-photo img { height: 285px; } .hero-art--photo .path-card, .hero-art--photo .path-board .path-card:last-of-type { min-height: 74px; gap: 14px; padding-inline: 17px; } .hero-art--photo .path-card strong, .hero-art--photo .path-card h3 { font-size: 1.09rem; } .hero-art--photo .path-card small, .hero-art--photo .path-card p { font-size: .77rem; } .story-photo .asset-photo, .story-photo .asset-photo img { height: 330px; } .story-stack { gap: 17px; } .story-stack .insight-panel { padding: 29px; } .detail-photo .asset-photo, .detail-photo .asset-photo img { height: 330px; } } @media (max-width: 540px) { .hero-art--photo { padding: 18px; gap: 16px; } .hero-visual .asset-photo, .hero-visual .asset-photo img { height: 235px; } .hero-visual .asset-photo { border-radius: 7px 34px 7px 7px; } .photo-note { font-size: .69rem; line-height: 1.7; margin-top: 8px; } .hero-art--photo .path-board > .eyebrow { font-size: .79rem; } .hero-art--photo .path-card, .hero-art--photo .path-board .path-card:last-of-type { min-height: 73px; gap: 10px; padding: 13px 12px 10px; } .hero-art--photo .path-card strong, .hero-art--photo .path-card h3 { font-size: 1rem; } .hero-art--photo .path-card small, .hero-art--photo .path-card p { font-size: .7rem; } .hero-art--photo .board-footer { font-size: .67rem; line-height: 1.7; } .story-photo .asset-photo, .story-photo .asset-photo img { height: 255px; } .story-photo .asset-photo { border-radius: 13px 42px 13px 13px; } .story-stack .insight-panel { padding: 26px 22px; } .story-stack .insight-panel .official-home-links a { font-size: .89rem; } .detail-photo { margin-bottom: 25px; } .detail-photo .asset-photo, .detail-photo .asset-photo img { height: 250px; } .detail-photo .asset-photo { border-radius: 13px 38px 13px 13px; } } @media (max-width: 350px) { .hero-art--photo { padding-inline: 14px; } .hero-visual .asset-photo, .hero-visual .asset-photo img { height: 210px; } .hero-art--photo .path-card strong, .hero-art--photo .path-card h3 { font-size: .93rem; } .hero-art--photo .path-card small, .hero-art--photo .path-card p { font-size: .65rem; } .hero-art--photo .path-card > .path-num { width: 17px; } } .hero-art--photo .hero-visual .asset-photo { height: auto; aspect-ratio: 4 / 3; } .hero-art--photo .hero-visual .asset-photo img { height: auto; aspect-ratio: 4 / 3; object-fit: contain; object-position: center; } .hero-art--photo .path-card, .hero-art--photo .path-board .path-card:last-of-type { min-height: 66px; padding-block: 12px 9px; } .hero-art--photo .path-card strong, .hero-art--photo .path-card h3 { font-size: 1rem; } .hero-art--photo .path-card small, .hero-art--photo .path-card p { margin-top: 3px; } .hero-art--photo .board-footer { padding-top: 11px; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .btn:hover, .service-card:hover, .path-card:hover, .dock-actions a:hover, a.contact-option:hover { transform: none; } } @media print { body { padding: 0; background: white; color: #152e3e; font-size: 12pt; } .site-header { position: static; background: white; } .main-nav, .header-cta, .menu-toggle, .contact-dock, .mobile-contact, .closing-cta, .skip-link, .hero-actions, .guide-tabs { display: none !important; } .wrap { width: 100%; } .section { padding-block: 24px; } .hero, .page-intro { padding-block: 25px; background: white; } .hero-layout, .split, .faq-grid, .contact-grid, .content-grid, .policy-layout { grid-template-columns: 1fr; gap: 20px; } .hero-art { min-height: 0; background: #eee; color: #152e3e; box-shadow: none; } .hero-art::before, .hero-art::after { display: none; } .path-card, .path-card h3, .path-card strong { color: #152e3e; } .path-card p, .path-card small { color: #566774; } .service-grid, .review-grid { grid-template-columns: repeat(2, 1fr); } .service-card, .review, .policy-part { break-inside: avoid; } .policy-index { display: none; } .policy-document { padding: 0; border: 0; } .aside-card { position: static; } .site-footer { background: white; color: #566774; border-top: 1px solid #ccc; padding-top: 25px; } .site-footer h2, .site-footer h3, .site-footer .brand strong, .footer-phone { color: #152e3e; } .site-footer li a, .footer-small, .footer-bottom { color: #566774; } a[href^='http']:not(.btn)::after { content: ' (' attr(href) ')'; font-size: 8pt; overflow-wrap: anywhere; } } .office-license { border-top: 1px solid var(--line); background: var(--paper); } .license-layout { display:grid; grid-template-columns: .85fr 1.15fr; gap:70px; align-items:center; } .license-intro h2 { margin-top:18px; font-size:clamp(2rem,3.4vw,3.1rem); } .license-intro .lead { margin-top:22px; color:var(--navy); font-weight:700; } .license-intro-note { margin-top:8px; color:var(--muted); font-size:.95rem; } .license-status { display:flex; align-items:center; gap:14px; margin-top:25px; color:var(--muted); font-size:.86rem; line-height:1.75; } .license-status svg { width:48px; height:56px; padding:11px; border:1px solid #d4e2da; border-radius:10px; color:var(--petrol); background:var(--soft); flex:0 0 auto; } .license-status strong { color:var(--petrol); font-size:.96rem; } .license-card { min-width:0; border:1px solid #ccd9d4; border-radius:20px; overflow:hidden; background:var(--ivory); box-shadow:var(--shadow); } .license-card-top { padding:25px 30px; color:white; background:var(--navy); border-bottom:3px solid var(--copper); } .license-card-top span { display:block; color:#c5d8df; font-size:.9rem; } .license-card-top bdi { display:inline-block; margin-top:5px; font-size:clamp(1.65rem,3vw,2.2rem); font-weight:700; letter-spacing:.075em; line-height:1.3; } .license-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 25px; margin:0; padding:26px 30px; } .license-facts div { min-width:0; } .license-facts dt { margin:0 0 5px; color:var(--muted); font-size:.8rem; } .license-facts dd { margin:0; color:var(--ink); font-weight:700; font-size:1rem; line-height:1.65; } .license-fact-wide { grid-column:1 / -1; padding-block:17px; border-block:1px solid var(--line); } .license-disclosure { border-top:1px solid var(--line); margin:0; padding:17px 30px; color:var(--muted); font-size:.8rem; line-height:1.85; background:#f0f3ed; } .footer-license { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px 30px; padding:23px 0; border-top:1px solid #29485a; } .footer-license div > span { display:block; font-size:.78rem; color:#a2bac5; } .footer-license strong { display:block; margin-top:4px; color:#e9f0f3; font-size:.9rem; font-weight:500; } .footer-license a { display:inline-flex; align-items:center; gap:12px; color:var(--copper-light); font-size:.86rem; padding:10px 0; } .footer-license a:hover { color:white; text-decoration:underline; text-underline-offset:5px; } @media(max-width:1000px) { .license-layout { gap:32px; grid-template-columns:.9fr 1.1fr; } } @media(max-width:720px) { .license-layout { grid-template-columns:1fr; gap:28px; } .license-card-top { padding:23px; } .license-facts { padding:23px; gap:18px; } .license-disclosure { padding:17px 23px; } .license-intro h2 { font-size:2.2rem; } } @media(max-width:380px) { .license-facts { grid-template-columns:1fr; } .license-fact-wide { padding-block:14px; } } .mobile-only{display:none}.brand>img{width:48px;height:48px}.brand strong{font-size:2rem;letter-spacing:0}.brand small{font-size:.68rem}.home-page .site-header{position:absolute;top:24px;left:0;right:0;background:transparent;border:0;backdrop-filter:none;color:white}.home-page .header-inner{width:min(1360px,calc(100% - 64px));min-height:82px;padding:12px 25px;border:1px solid #ffffff40;border-radius:16px;background:#092b42eb;gap:24px}.home-page .brand strong,.home-page .brand small,.home-page .main-nav>a{color:white}.home-page .header-cta .btn{background:var(--ivory);color:var(--navy)}.home-page .phone-mini{background:transparent;color:white;border-color:#ffffff40}.home-page .menu-toggle{background:transparent;color:white;border-color:#ffffff70}.btn-glass{border-color:#ffffffb3;background:#ffffff08;color:white}.btn-glass:hover{background:#ffffff20}.btn-copper{background:var(--copper);color:var(--navy-deep)}.btn-white:hover{background:#ecddca;color:var(--navy)} .hero.hero-panorama{min-height:680px;padding:0;position:relative;isolation:isolate;border:0;background:var(--navy);overflow:hidden}.hero-panorama:after{display:none}.hero-panorama .hero-visual,.hero-shade{position:absolute;inset:0;z-index:-1;margin:0;border:0;border-radius:0;overflow:hidden}.hero-panorama .hero-visual .asset-photo,.hero-panorama .hero-visual img{display:block;width:100%;height:100%;aspect-ratio:auto;max-height:none}.hero-panorama .hero-visual img{object-fit:cover;object-position:center 57%;transform:scaleX(-1);border-radius:0}.hero-shade{background:linear-gradient(270deg,#062236fa 0%,#062236ec 30%,#0622369c 51%,#06223619 78%),linear-gradient(0deg,#06223680,transparent 35%)}.hero-panorama .hero-copy{position:relative;padding-top:176px;padding-bottom:108px}.hero-panorama .hero-label{color:#e7efec;font-size:.96rem}.hero-panorama h1{font-size:clamp(3rem,5.4vw,5.3rem);line-height:1.25;color:var(--ivory);margin:25px 0 20px;letter-spacing:-.035em}.hero-panorama h1 span{color:#e2a574}.hero-panorama .hero-lead{max-width:555px;font-size:1.15rem;color:#e0e7e8;margin-top:0;line-height:1.9}.hero-panorama .buttons{margin-top:30px}.hero-panorama .hero-meta{border:0;padding:0;margin-top:25px;color:#cbdbdd;font-size:.81rem;display:block}.hero-photo-credit{position:absolute;left:32px;bottom:70px;color:white;font-size:.65rem;text-shadow:0 2px 5px #000}.audience-wrap{position:relative;z-index:3;margin-top:-47px}.audience-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:14px;overflow:hidden;background:var(--paper);border:1px solid #e1d6c8;box-shadow:var(--shadow)}.audience-link{display:flex;gap:17px;align-items:center;padding:25px 28px;min-height:106px;transition:background .2s,color .2s}.audience-link+.audience-link{border-inline-start:1px solid var(--line)}.audience-link>.icon{width:35px;height:35px;color:var(--petrol)}.audience-link strong{display:block;font-size:1.33rem;line-height:1.4}.audience-link small{display:block;color:var(--muted);font-size:.86rem;margin-top:4px}.audience-arrow{margin-inline-start:auto;opacity:.7}.audience-link:hover,.audience-link[aria-current=true]{background:var(--petrol);color:white}.audience-link:hover small,.audience-link:hover>.icon,.audience-link[aria-current=true] small,.audience-link[aria-current=true]>.icon{color:#e0efe8}.section-number{direction:ltr;white-space:nowrap;color:#687e7e;font-size:.72rem;letter-spacing:.16em;border-bottom:1px solid #c5d0ca;padding-bottom:8px}.section-head h2{letter-spacing:-.025em}.services-section{padding-top:68px} .catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:36px}.search-field{flex:1;max-width:690px}.search-field>label{display:block;color:var(--muted);font-size:.85rem;margin-bottom:8px}.catalog .search-wrap{position:relative;display:flex;align-items:center;grid-template-columns:none;padding:0;border:0;border-radius:0;background:transparent;gap:0;margin:0}.catalog .search-wrap>.icon{position:absolute;right:17px;top:18px;color:var(--petrol);z-index:1;pointer-events:none}.catalog .search-input{position:static;min-width:0;width:100%;min-height:58px;border:1px solid #becbc5;border-radius:10px;background:var(--paper);padding:13px 53px 10px 50px;color:var(--navy)}.search-input::-webkit-search-cancel-button{display:none}#clear-search{position:absolute;left:7px;top:7px;min-width:43px;min-height:43px;border:0;background:transparent;font-size:1.6rem;border-radius:7px}#clear-search:hover{background:var(--soft)}.catalog-hint{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:.86rem}.catalog-hint .icon{color:#a16a3d;width:32px;height:32px}.catalog .filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:22px 0 30px}.catalog .filter-btn{min-height:43px;padding:8px 22px 5px;border:1px solid #d2dcd3;border-radius:30px;background:transparent;color:var(--ink);font-size:.91rem}.catalog .filter-btn[aria-pressed=true]{background:var(--petrol);color:white;border-color:var(--petrol)}.catalog .search-count{margin:0;margin-inline-start:auto;font-size:.84rem;line-height:1.8}.service-card{min-width:0;min-height:0;display:flex;flex-direction:column;padding:28px 25px 0;border-radius:14px;overflow:hidden}.service-card:before{display:none}.service-card:hover,.service-card:focus-within{border-color:#b9865e;transform:translateY(-4px);box-shadow:0 16px 32px #092b4210}.card-head{gap:10px;margin-bottom:22px}.card-head .service-icon{width:59px;height:59px;border:0;border-radius:13px;margin:0;background:var(--tint);color:var(--tone)}.card-label{font-size:.67rem}.card-head+h3{margin:0}.service-card h3{font-size:1.36rem}.service-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}.service-card p{margin:13px 0 0;font-size:.96rem;line-height:1.85}.service-card .service-topics{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 25px}.service-card .service-topics li{padding:3px 8px 1px;margin:0;border:1px solid #dbe2d8;border-radius:5px;background:#f3f5ef;color:var(--navy);font-size:.73rem;line-height:1.6}.service-card .card-foot{margin-top:auto;padding:13px 0;border-top:1px solid var(--line);gap:10px;font-size:.79rem}.card-foot .icon{width:17px;height:17px}.service-detail-link,.service-request{display:inline-flex;align-items:center;gap:7px;min-height:42px;line-height:1.6}.service-detail-link{font-weight:700;color:var(--petrol)}.service-request{color:var(--muted);font-weight:400}.service-detail-link:hover,.service-request:hover{text-decoration:underline;text-underline-offset:5px}.service-card--featured{background:var(--navy);border-color:var(--navy);color:white}.service-card--featured h3{color:white}.service-card--featured p,.service-card--featured .card-label{color:#d2dee0}.service-card--featured .service-icon{color:#e4ab79;background:#173c51}.service-card--featured .service-topics li{background:#13394b;border-color:#34525e;color:#e6e9e4}.service-card--featured .card-foot{border-color:#315263}.service-card--featured .service-detail-link{color:#edbe94}.service-card--featured .service-request{color:#e6e9e4}.catalog-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:36px}.no-results .btn{margin:16px 6px 0}.about-home{background:var(--paper);border-block:1px solid #e3e4d9}.about-home .split-copy>p{margin-top:20px}.about-promises{display:flex;flex-wrap:wrap;gap:12px 20px;padding-block:26px}.about-promises span{font-size:.85rem;display:flex;align-items:center;gap:8px}.about-promises .icon{width:20px;height:20px;color:#946238}.about-home .story-photo{border-radius:16px 16px 56px 16px}.about-home .story-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}.investor-band{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;overflow:hidden}.investor-copy{padding:65px max(32px,calc((100vw - 1240px)/2)) 65px 55px}.investor-copy h2{color:var(--ivory);margin-top:17px}.investor-copy>.eyebrow{color:#e2ad7e}.investor-copy>p{color:#d2dee1;max-width:520px;margin-block:22px}.investor-copy>.btn{margin-bottom:30px}.investor-band>figure{position:relative;min-height:450px;overflow:hidden}.investor-band .asset-photo,.investor-band img{width:100%;height:100%}.investor-band img{object-fit:cover}.investor-band figcaption{position:absolute;bottom:0;left:0;right:0;background:#092b42cf}.investor-points{display:flex;gap:12px;flex-wrap:wrap;color:#d9e6e5;font-size:.8rem}.investor-points span+span{border-inline-start:1px solid #587281;padding-inline-start:12px}.process-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.process-cards article{border-top:1px solid #ced8cf;padding-top:26px}.process-num{display:block;color:#9c6032;font-size:1.1rem;font-weight:700;margin-bottom:14px}.process-cards h3{margin-bottom:12px}.process-cards p{color:var(--muted);font-size:1rem}.detail-contents{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}.detail-contents a{display:inline-flex;align-items:center;min-height:43px;padding:5px 16px;border:1px solid #ccd6cd;border-radius:7px;font-size:.87rem}.detail-contents a:hover{background:var(--petrol);color:white}.article h2[id]{scroll-margin-top:115px}.not-found{display:block;text-align:center;padding:90px 24px}.not-found>strong{font-size:6rem;color:var(--copper)}.not-found .buttons{display:flex}.footer-license strong{font-weight:400}.contact-dock{position:fixed;z-index:70;left:24px;right:auto;bottom:24px;inset-inline-end:24px;display:flex!important;align-items:center;gap:0;padding:5px;background:#125e56;color:white;border:1px solid #8db3a780;border-radius:40px;box-shadow:0 8px 26px #06223635}.contact-dock>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:8px 18px 5px;font-size:.92rem;color:white;border-radius:30px}.contact-dock .dock-call{border-inline-start:1px solid #adcfc176;border-radius:0;padding-inline:14px;color:#ffd1a7;font-size:.85rem}.contact-dock>a:hover{background:#ffffff13}.contact-dock .icon{width:23px;height:23px}.mobile-contact{display:none!important} @media(min-width:1650px){.hero.hero-panorama{min-height:760px}.hero-panorama .hero-copy{padding-top:210px;padding-bottom:130px}} @media(max-width:1100px){.home-page .header-inner{gap:18px}.main-nav{gap:17px}.header-cta .phone-mini{display:none}.hero-panorama .hero-lead{max-width:490px}.audience-link{padding:24px 20px;gap:12px}.audience-arrow{display:none}.service-card{padding-inline:20px}.service-card .card-foot{flex-wrap:wrap;gap:0 8px}.investor-copy{padding:45px 32px}} @media(max-width:940px){.wrap{width:calc(100% - 40px)}.home-page .header-inner{width:calc(100% - 40px);padding:12px 18px}.header-inner{gap:18px;min-height:80px}.menu-toggle{display:flex}.main-nav{display:none;position:absolute;top:calc(100% + 8px);left:20px;right:20px;background:var(--paper);border:1px solid var(--line);padding:15px 22px;box-shadow:var(--shadow);border-radius:12px;color:var(--navy);width:auto}.main-nav.is-open{display:grid;gap:0}.main-nav a,.home-page .main-nav a{color:var(--navy);padding:14px 3px;border-bottom:1px solid #e5e8df}.main-nav a:last-child{border-bottom:0}.main-nav a:after{display:none}.main-nav a[aria-current=page],.home-page .main-nav a[aria-current=page]{color:var(--petrol)}.header-cta{margin-inline-start:auto}.brand strong{font-size:1.8rem}.section{padding-block:65px}.services-section{padding-top:52px}.hero-panorama h1{font-size:4rem}.hero-panorama .hero-lead{font-size:1.05rem;max-width:470px}.hero.hero-panorama{min-height:650px}.hero-shade{background:linear-gradient(270deg,#062236f5,#062236d6 38%,#06223640 85%)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-hint{display:none}.search-field{max-width:none}.audience-link{padding:20px 16px;gap:10px}.audience-link>.icon{width:28px;height:28px}.audience-link strong{font-size:1.2rem}.audience-link small{font-size:.77rem}.process-cards{gap:25px}.catalog .search-count{margin:0;margin-inline-start:auto}.contact-dock{display:flex!important}.site-footer{padding-bottom:110px}} @media(max-width:700px){body{font-size:16px;padding-bottom:0}.wrap{width:calc(100% - 32px)}.home-page .header-inner{width:calc(100% - 32px);min-height:74px;padding:10px 12px;border-radius:12px;gap:10px}.home-page .site-header{top:14px}.brand>img{width:40px;height:40px}.brand{gap:7px}.brand strong{font-size:1.6rem}.brand small{font-size:.58rem}.header-cta .btn{font-size:.77rem;padding:9px 11px 6px;min-height:42px}.menu-toggle{width:42px;height:42px}.header-inner{gap:12px;min-height:76px}.hero.hero-panorama{min-height:670px}.hero-panorama .hero-visual img{object-position:62% 50%}.hero-shade{background:linear-gradient(0deg,#062236fa 2%,#062236e8 43%,#06223691 75%,#06223655)}.hero-panorama .hero-copy{padding-top:205px;padding-bottom:115px}.hero-panorama h1{font-size:clamp(2.8rem,8vw,3.7rem);margin-top:20px}.hero-panorama .hero-label{font-size:.85rem}.hero-panorama .hero-lead{font-size:1rem;max-width:490px}.hero-panorama .buttons{margin-top:24px;gap:9px}.hero-panorama .btn{min-height:48px;padding:12px 19px 9px;font-size:.94rem}.hero-panorama .hero-meta{font-size:.72rem;max-width:310px;line-height:1.8}.hero-photo-credit{bottom:65px;left:18px;font-size:.6rem}.audience-wrap{margin-top:-38px}.audience-link{min-height:98px;padding:17px 8px;gap:6px;flex-direction:column;align-items:center;text-align:center}.audience-link>.icon{width:23px;height:23px}.audience-link strong{font-size:1.05rem}.audience-link small{font-size:.66rem;line-height:1.5;max-width:105px;margin-top:4px}.section{padding-block:52px}.section-head{margin-bottom:26px;align-items:flex-start;flex-direction:column;gap:15px}.section-number{display:none}h2{font-size:2rem}.section-head p{font-size:.95rem}.catalog .search-input{font-size:.93rem;min-height:54px}.catalog .filter-row{gap:7px;margin-block:17px 22px}.catalog .filter-btn{padding:8px 15px 5px;font-size:.81rem;min-height:40px}.catalog .search-count{width:100%;margin:8px 0 0}.service-grid{gap:15px}.service-card{padding:22px 18px 0;border-radius:12px}.card-head .service-icon{width:48px;height:48px}.service-icon .icon{width:27px;height:27px}.card-label{font-size:.59rem}.card-head{margin-bottom:16px;flex-wrap:wrap}.service-card h3{font-size:1.24rem}.service-card p{font-size:.91rem}.service-card .service-topics{gap:6px;margin-block:17px 20px}.service-card .service-topics li{font-size:.66rem;padding:3px 6px 1px}.service-card .card-foot{font-size:.75rem;gap:0 7px}.catalog-bottom{margin-top:25px;gap:15px}.split,.license-layout,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about-home .story-photo img{aspect-ratio:16/11}.about-promises{gap:12px 16px}.investor-band{grid-template-columns:1fr}.investor-copy{padding:42px 25px}.investor-copy h2{font-size:2rem}.investor-band>figure{min-height:0}.investor-band img{aspect-ratio:16/10}.process-cards{grid-template-columns:1fr;gap:25px}.process-cards article{position:relative;padding-inline-start:55px;padding-top:24px}.process-num{position:absolute;right:0;top:23px;margin:0}.detail-contents{gap:6px}.detail-contents a{font-size:.77rem;padding:6px 12px}.contact-dock{left:16px;right:auto;inset-inline-end:16px;bottom:calc(14px + env(safe-area-inset-bottom));padding:4px;display:flex!important;width:auto}.contact-dock>a{padding:8px 14px 5px;font-size:.85rem;min-height:43px}.contact-dock .dock-call{padding-inline:12px}} @media(max-width:520px){.service-grid{grid-template-columns:1fr}.service-card{padding:25px 24px 0}.card-head{flex-wrap:nowrap}.card-label{font-size:.66rem}.service-card h3{font-size:1.37rem}.service-card p{font-size:.96rem}.service-card .service-topics li{font-size:.75rem;padding:3px 8px 1px}.service-card .card-foot{flex-wrap:nowrap;font-size:.83rem}.hero-panorama h1{font-size:2.9rem}.hero-panorama .hero-lead{font-size:1rem}.hero.hero-panorama{min-height:675px}.hero-panorama .hero-copy{padding-top:190px;padding-bottom:118px}.hero-panorama .hero-label{font-size:.79rem}.hero-panorama .hero-visual img{object-position:64% 48%}.catalog .filter-row{gap:6px}.catalog .filter-btn{padding-inline:13px}.search-field>label{font-size:.79rem}.header-cta .btn{display:none}.header-cta{margin-inline-start:auto}.header-inner{gap:8px}.home-page .header-inner{padding:10px 14px}.audience-link small{font-size:.64rem}.section-number{display:none}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.service-card:hover,.btn:hover{transform:none}}