/* Premium About AlphaLabs page — isolated to #alabout-v1 */ body.alpx-redesign-about .main_content, body.alpx-redesign-about .post-inner-content, body.alpx-redesign-about .entry-content, body.alpx-redesign-about #primary, body.alpx-redesign-about #main { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } #alabout-v1, #alabout-v1 *, #alabout-v1 *::before, #alabout-v1 *::after { box-sizing: border-box; } #alabout-v1 { --aa-deep: #053d47; --aa-ink: #083f49; --aa-copy: #536c71; --aa-muted: #7f9497; --aa-teal: #138e92; --aa-teal-dark: #0b7479; --aa-orange: #ef7c18; --aa-orange-dark: #dc6d0e; --aa-mint: #eef8f6; --aa-cream: #fff7ef; --aa-line: #dce9e6; --aa-shell: 1320px; --aa-body: "Inter-Medium", "Inter", Arial, sans-serif; --aa-bold: "Inter-Bold", "Inter", Arial, sans-serif; width: 100%; overflow: clip; background: #fff; color: var(--aa-ink); font-family: var(--aa-body) !important; -webkit-font-smoothing: antialiased; } #alabout-v1 a { color: inherit; text-decoration: none; } #alabout-v1 button { font: inherit; cursor: pointer; } #alabout-v1 h1, #alabout-v1 h2, #alabout-v1 h3, #alabout-v1 p, #alabout-v1 blockquote { margin-top: 0; } #alabout-v1 h1, #alabout-v1 h2, #alabout-v1 h3, #alabout-v1 strong, #alabout-v1 b, #alabout-v1 button { font-family: var(--aa-bold) !important; } #alabout-v1 svg { display: block; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } #alabout-v1 .aa-shell { width: min(var(--aa-shell), calc(100% - 48px)); margin-inline: auto; } #alabout-v1 .aa-eyebrow, #alabout-v1 .aa-section-head > small, #alabout-v1 .aa-proof__copy > small, #alabout-v1 .aa-faq__support-copy > small, #alabout-v1 .aa-mission__copy > small, #alabout-v1 .aa-final small { display: inline-flex; align-items: center; gap: 9px; color: var(--aa-teal-dark); font-family: var(--aa-bold) !important; font-size: 12px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; } /* Hero */ #alabout-v1 .aa-hero { position: relative; padding: 84px 0 88px; overflow: hidden; background: radial-gradient(circle at 5% 18%, rgba(19,142,146,.10), transparent 28%), radial-gradient(circle at 93% 78%, rgba(239,124,24,.11), transparent 28%), linear-gradient(135deg, #f9fdfc 0%, #fff 52%, #fff8f1 100%); } #alabout-v1 .aa-hero::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(8,63,73,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(8,63,73,.025) 1px, transparent 1px); background-size: 54px 54px; mask-image: radial-gradient(circle at 52% 40%, #000 0 44%, transparent 80%); pointer-events: none; } #alabout-v1 .aa-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.92fr) minmax(480px,1.08fr); gap: 58px; align-items: center; } #alabout-v1 .aa-eyebrow { margin-bottom: 20px; } #alabout-v1 .aa-eyebrow > span { width: 8px; height: 8px; border-radius: 50%; background: var(--aa-orange); box-shadow: 0 0 0 5px rgba(239,124,24,.10); } #alabout-v1 .aa-hero h1 { max-width: 720px; margin: 0; color: var(--aa-deep); font-size: clamp(54px, 5.4vw, 78px); line-height: .98; letter-spacing: -.058em; font-weight: 700; } #alabout-v1 .aa-hero h1 em { color: var(--aa-orange); font-style: normal; } #alabout-v1 .aa-hero__copy > p { max-width: 690px; margin: 24px 0 0; color: var(--aa-copy); font-size: 18px; line-height: 1.72; } #alabout-v1 .aa-hero__chips { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; } #alabout-v1 .aa-hero__chips span { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 8px 12px; border: 1px solid rgba(8,63,73,.08); border-radius: 999px; background: rgba(255,255,255,.82); color: var(--aa-deep); box-shadow: 0 8px 24px rgba(8,63,73,.035); font-family: var(--aa-bold) !important; font-size: 12.5px; } #alabout-v1 .aa-hero__chips svg { width: 15px; height: 15px; color: var(--aa-teal); } #alabout-v1 .aa-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; } #alabout-v1 .aa-btn { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 20px; border: 1px solid transparent; border-radius: 999px; font-family: var(--aa-bold) !important; font-size: 14px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; } #alabout-v1 .aa-btn:hover { transform: translateY(-2px); } #alabout-v1 .aa-btn--primary { background: linear-gradient(135deg, #f58b28, #e96913); color: #fff; box-shadow: 0 12px 26px rgba(239,124,24,.22); } #alabout-v1 .aa-btn--secondary { border-color: rgba(8,63,73,.13); background: rgba(255,255,255,.92); color: var(--aa-deep); box-shadow: 0 9px 24px rgba(8,63,73,.05); } #alabout-v1 .aa-hero__visual { position: relative; min-height: 570px; } #alabout-v1 .aa-hero__photo { position: absolute; inset: 12px 0 18px 42px; overflow: hidden; border: 1px solid rgba(8,63,73,.08); border-radius: 34px; background: #f4f6f3; box-shadow: 0 28px 70px rgba(8,63,73,.13); } #alabout-v1 .aa-hero__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; display: block; } #alabout-v1 .aa-hero__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(255,255,255,.15), transparent 50%); pointer-events: none; } #alabout-v1 .aa-hero__proof { position: absolute; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.66); border-radius: 18px; background: rgba(255,255,255,.88); box-shadow: 0 18px 42px rgba(8,63,73,.13); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } #alabout-v1 .aa-hero__proof--top { top: 0; right: -8px; } #alabout-v1 .aa-hero__proof--bottom { left: 0; bottom: 0; } #alabout-v1 .aa-proof-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: var(--aa-mint); color: var(--aa-teal); } #alabout-v1 .aa-proof-icon svg { width: 21px; height: 21px; } #alabout-v1 .aa-hero__proof small, #alabout-v1 .aa-hero__proof strong, #alabout-v1 .aa-hero__proof b { display: block; } #alabout-v1 .aa-hero__proof small { color: var(--aa-muted); font-family: var(--aa-bold) !important; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; } #alabout-v1 .aa-hero__proof strong:not(:first-child), #alabout-v1 .aa-hero__proof b { margin-top: 2px; color: var(--aa-deep); font-size: 14px; } #alabout-v1 .aa-hero__proof--bottom > strong { color: var(--aa-orange); font-size: 30px; line-height: 1; } /* shared heading */ #alabout-v1 .aa-section-head { max-width: 760px; margin-bottom: 32px; } #alabout-v1 .aa-section-head--center { margin-inline: auto; text-align: center; } #alabout-v1 .aa-section-head small { margin-bottom: 10px; } #alabout-v1 .aa-section-head h2 { margin: 0; color: var(--aa-deep); font-size: clamp(42px, 4.4vw, 62px); line-height: 1.02; letter-spacing: -.052em; } #alabout-v1 .aa-section-head p { margin: 16px 0 0; color: var(--aa-copy); font-size: 16px; line-height: 1.7; } #alabout-v1 .aa-section-head--center p { margin-inline: auto; max-width: 700px; } /* interactive standards */ #alabout-v1 .aa-standards { padding: 92px 0 100px; background: #fff; } #alabout-v1 .aa-standards__grid { display: grid; grid-template-columns: minmax(330px,.36fr) minmax(0,.64fr); gap: 18px; align-items: stretch; } #alabout-v1 .aa-standards__nav { display: grid; gap: 10px; } #alabout-v1 .aa-standard-tab { width: 100%; display: grid; grid-template-columns: 46px minmax(0,1fr) 34px; gap: 12px; align-items: center; min-height: 88px; padding: 15px 16px; border: 1px solid var(--aa-line); border-radius: 17px; background: #fff; color: var(--aa-deep); text-align: left; transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease; } #alabout-v1 .aa-standard-tab:hover { transform: translateX(2px); border-color: rgba(19,142,146,.28); } #alabout-v1 .aa-standard-tab.is-active { border-color: transparent; background: linear-gradient(135deg, #15989b, #13878c); color: #fff; box-shadow: 0 18px 36px rgba(19,142,146,.18); } #alabout-v1 .aa-standard-tab__icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: var(--aa-mint); color: var(--aa-teal); } #alabout-v1 .aa-standard-tab.is-active .aa-standard-tab__icon { background: rgba(255,255,255,.15); color: #fff; } #alabout-v1 .aa-standard-tab__icon svg { width: 21px; height: 21px; } #alabout-v1 .aa-standard-tab__text { min-width: 0; } #alabout-v1 .aa-standard-tab__text small, #alabout-v1 .aa-standard-tab__text strong { display: block; } #alabout-v1 .aa-standard-tab__text small { margin-bottom: 4px; color: var(--aa-teal-dark); font-family: var(--aa-bold) !important; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; } #alabout-v1 .aa-standard-tab.is-active .aa-standard-tab__text small { color: rgba(255,255,255,.78); } #alabout-v1 .aa-standard-tab__text strong { font-size: 14px; line-height: 1.25; } #alabout-v1 .aa-standard-tab__arrow { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #f0f7f5; color: var(--aa-teal); } #alabout-v1 .aa-standard-tab.is-active .aa-standard-tab__arrow { background: rgba(255,255,255,.16); color: #fff; } #alabout-v1 .aa-standard-tab__arrow svg { width: 15px; height: 15px; } #alabout-v1 .aa-standard-panel { min-height: 382px; display: grid; grid-template-columns: minmax(0,.56fr) minmax(290px,.44fr); gap: 28px; align-items: center; padding: 38px; overflow: hidden; border: 1px solid rgba(8,63,73,.09); border-radius: 28px; background: radial-gradient(circle at 100% 0, rgba(239,124,24,.08), transparent 34%), linear-gradient(135deg,#fff,#f8fbfa); box-shadow: 0 20px 50px rgba(8,63,73,.07); } #alabout-v1 .aa-standard-panel__copy { transition: opacity .22s ease, transform .22s ease; } #alabout-v1 .aa-standard-panel__copy > small { display: block; margin-bottom: 10px; color: var(--aa-orange); font-family: var(--aa-bold) !important; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; } #alabout-v1 .aa-standard-panel__copy h3 { margin: 0; color: var(--aa-deep); font-size: clamp(36px, 3.25vw, 50px); line-height: 1.02; letter-spacing: -.048em; } #alabout-v1 .aa-standard-panel__copy p { margin: 20px 0 0; color: var(--aa-copy); font-size: 16px; line-height: 1.68; } #alabout-v1 .aa-standard-panel__stat { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 9px 12px; border: 1px solid rgba(19,142,146,.12); border-radius: 999px; background: var(--aa-mint); color: var(--aa-teal-dark); } #alabout-v1 .aa-standard-panel__stat span { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #fff; } #alabout-v1 .aa-standard-panel__stat svg { width: 12px; height: 12px; } #alabout-v1 .aa-standard-panel__stat strong { font-size: 12px; } #alabout-v1 .aa-standard-panel__media { position: relative; min-height: 300px; overflow: hidden; border-radius: 22px; background: #eef6f4; transition: opacity .22s ease, transform .22s ease; } #alabout-v1 .aa-standard-panel__media img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; display: block; } #alabout-v1 .aa-standard-panel.is-switching .aa-standard-panel__copy { opacity: 0; transform: translateY(5px); } #alabout-v1 .aa-standard-panel.is-switching .aa-standard-panel__media { opacity: .25; transform: scale(.985); } #alabout-v1 .aa-standards__mobile-tabs { display: none; } /* proof */ #alabout-v1 .aa-proof { padding: 86px 0; overflow: visible; background: linear-gradient(180deg,#f6fbfa,#fffaf4); } #alabout-v1 .aa-proof__card { display: grid; grid-template-columns: minmax(370px,.46fr) minmax(0,.54fr); gap: 48px; align-items: center; } #alabout-v1 .aa-proof__media { position: relative; min-height: 520px; overflow: hidden; border-radius: 30px; background: #edf4f2; box-shadow: 0 22px 55px rgba(8,63,73,.10); transition: transform .28s ease, box-shadow .28s ease; } #alabout-v1 .aa-proof__media > img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; display: block; } #alabout-v1 .aa-proof__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(5,61,71,.40)); } #alabout-v1 .aa-proof__media-badge { position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 22px; display: grid; grid-template-columns: 44px 1fr; gap: 11px; align-items: center; padding: 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 18px; background: rgba(5,61,71,.72); color: #fff; backdrop-filter: blur(12px); } #alabout-v1 .aa-proof__media-badge > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: rgba(255,255,255,.14); } #alabout-v1 .aa-proof__media-badge svg { width: 21px; height: 21px; } #alabout-v1 .aa-proof__media-badge strong, #alabout-v1 .aa-proof__media-badge small { display: block; } #alabout-v1 .aa-proof__media-badge strong { font-size: 15px; } #alabout-v1 .aa-proof__media-badge small { color: rgba(255,255,255,.78); font-size: 12px; } #alabout-v1 .aa-proof__copy h2 { margin: 10px 0 0; color: var(--aa-deep); font-size: clamp(42px,4.25vw,60px); line-height: 1.02; letter-spacing: -.052em; } #alabout-v1 .aa-proof__copy > p { margin: 20px 0 0; color: var(--aa-copy); font-size: 16px; line-height: 1.72; } #alabout-v1 .aa-proof__copy ul { display: grid; gap: 11px; margin: 25px 0 0; padding: 0; list-style: none; } #alabout-v1 .aa-proof__copy li { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 11px; align-items: start; padding: 13px 14px; border: 1px solid rgba(8,63,73,.07); border-radius: 15px; background: rgba(255,255,255,.76); } #alabout-v1 .aa-proof__copy li > svg { width: 34px; height: 34px; padding: 8px; border-radius: 10px; background: var(--aa-mint); color: var(--aa-teal); } #alabout-v1 .aa-proof__copy li strong, #alabout-v1 .aa-proof__copy li small { display: block; } #alabout-v1 .aa-proof__copy li strong { color: var(--aa-deep); font-size: 14px; } #alabout-v1 .aa-proof__copy li small { margin-top: 3px; color: var(--aa-copy); font-size: 12.5px; line-height: 1.5; } #alabout-v1 .aa-inline-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: var(--aa-orange-dark); font-family: var(--aa-bold) !important; font-size: 14px; } /* practice */ #alabout-v1 .aa-practice { padding: 92px 0 100px; background: #fff; } #alabout-v1 .aa-practice__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; } #alabout-v1 .aa-practice-card { min-height: 270px; padding: 22px; border: 1px solid rgba(8,63,73,.08); border-radius: 22px; background: linear-gradient(180deg,#fff,#fbfdfc); box-shadow: 0 14px 38px rgba(8,63,73,.055); transition: transform .2s ease, box-shadow .2s ease; } #alabout-v1 .aa-practice-card:hover { transform: translateY(-4px); box-shadow: 0 20px 45px rgba(8,63,73,.09); } #alabout-v1 .aa-practice-card__top { display: flex; align-items: center; justify-content: space-between; } #alabout-v1 .aa-practice-card__top > small { color: #9eadaf; font-family: var(--aa-bold) !important; font-size: 11px; letter-spacing: .08em; } #alabout-v1 .aa-practice-card__icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; background: var(--aa-mint); color: var(--aa-teal); } #alabout-v1 .aa-practice-card:nth-child(even) .aa-practice-card__icon { background: #fff0e3; color: var(--aa-orange); } #alabout-v1 .aa-practice-card__icon svg { width: 23px; height: 23px; } #alabout-v1 .aa-practice-card h3 { margin: 28px 0 0; color: var(--aa-deep); font-size: 22px; line-height: 1.14; letter-spacing: -.025em; } #alabout-v1 .aa-practice-card p { margin: 12px 0 0; color: var(--aa-copy); font-size: 14px; line-height: 1.65; } /* FAQ */ #alabout-v1 .aa-faq { padding: 88px 0 96px; background: linear-gradient(180deg,#fbfdfc,#fff8f2); } #alabout-v1 .aa-faq__grid { display: grid; grid-template-columns: minmax(330px,.38fr) minmax(0,.62fr); gap: 34px; align-items: start; } #alabout-v1 .aa-faq__support { overflow: hidden; border: 1px solid rgba(8,63,73,.08); border-radius: 28px; background: #fff; box-shadow: 0 18px 46px rgba(8,63,73,.07); } #alabout-v1 .aa-faq__image { height: 245px; overflow: hidden; } #alabout-v1 .aa-faq__image img { width: 100%; height: 100%; object-fit: cover; display: block; } #alabout-v1 .aa-faq__support-copy { padding: 28px; } #alabout-v1 .aa-faq__support-copy h2 { margin: 10px 0 0; color: var(--aa-deep); font-size: clamp(34px,3vw,46px); line-height: 1.04; letter-spacing: -.045em; } #alabout-v1 .aa-faq__support-copy p { margin: 14px 0 0; color: var(--aa-copy); font-size: 15px; line-height: 1.65; } #alabout-v1 .aa-faq__support-copy .aa-btn { margin-top: 22px; } #alabout-v1 .aa-faq__list { display: grid; gap: 9px; } #alabout-v1 .aa-faq-item { overflow: hidden; border: 1px solid rgba(8,63,73,.085); border-radius: 17px; background: rgba(255,255,255,.84); transition: border-color .18s ease, background .18s ease; } #alabout-v1 .aa-faq-item.is-open { border-color: rgba(19,142,146,.20); background: #fff; box-shadow: 0 10px 30px rgba(8,63,73,.045); } #alabout-v1 .aa-faq-item h3 { margin: 0; } #alabout-v1 .aa-faq-item button { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) 34px; gap: 16px; align-items: center; padding: 20px 20px; border: 0; background: transparent; color: var(--aa-deep); text-align: left; font-size: 15px; line-height: 1.42; } #alabout-v1 .aa-faq-item button i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #f1f7f5; color: var(--aa-teal); font-style: normal; font-size: 19px; transition: transform .2s ease, background .2s ease, color .2s ease; } #alabout-v1 .aa-faq-item.is-open button i { transform: rotate(45deg); background: var(--aa-orange); color: #fff; } #alabout-v1 .aa-faq-answer { padding: 0 20px 21px; color: var(--aa-copy); font-size: 14px; line-height: 1.7; } #alabout-v1 .aa-faq-answer p { margin: 0; } #alabout-v1 .aa-faq-answer strong { color: var(--aa-deep); } /* mission */ #alabout-v1 .aa-mission { padding: 96px 0; background: #fff; } #alabout-v1 .aa-mission__card { min-height: 520px; display: grid; grid-template-columns: minmax(0,.53fr) minmax(410px,.47fr); gap: 44px; align-items: center; overflow: hidden; border: 1px solid rgba(8,63,73,.08); border-radius: 32px; background: radial-gradient(circle at 0 100%,rgba(239,124,24,.08),transparent 30%), linear-gradient(135deg,#fffaf4,#f4fbfa); box-shadow: 0 22px 55px rgba(8,63,73,.07); } #alabout-v1 .aa-mission__copy { padding: 48px 0 48px 48px; } #alabout-v1 .aa-mission__copy h2 { margin: 10px 0 0; max-width: 720px; color: var(--aa-deep); font-size: clamp(42px,4.1vw,58px); line-height: 1.03; letter-spacing: -.05em; } #alabout-v1 .aa-mission__copy > p { margin: 20px 0 0; color: var(--aa-copy); font-size: 16px; line-height: 1.72; } #alabout-v1 .aa-mission__copy blockquote { margin: 25px 0 0; padding: 14px 0 14px 18px; border-left: 3px solid var(--aa-orange); color: var(--aa-deep); font-family: var(--aa-bold) !important; font-size: 18px; line-height: 1.45; } #alabout-v1 .aa-mission__visual { position: relative; align-self: stretch; min-height: 520px; } #alabout-v1 .aa-mission__image { position: absolute; overflow: hidden; border-radius: 24px; box-shadow: 0 18px 45px rgba(8,63,73,.16); } #alabout-v1 .aa-mission__image img { width: 100%; height: 100%; object-fit: cover; display: block; } #alabout-v1 .aa-mission__image--one { top: 52px; left: 10px; width: 47%; height: 67%; transform: rotate(-2deg); } #alabout-v1 .aa-mission__image--two { right: 34px; bottom: 44px; width: 50%; height: 65%; transform: rotate(2.5deg); } #alabout-v1 .aa-mission__badge { position: absolute; z-index: 3; left: 37%; top: 38%; width: 116px; height: 116px; display: grid; place-items: center; align-content: center; padding: 14px; border: 7px solid rgba(255,255,255,.82); border-radius: 50%; background: linear-gradient(135deg,#f58b28,#e96913); color: #fff; box-shadow: 0 16px 40px rgba(239,124,24,.25); text-align: center; } #alabout-v1 .aa-mission__badge strong { display: block; font-size: 27px; line-height: 1; } #alabout-v1 .aa-mission__badge span { margin-top: 5px; font-family: var(--aa-bold) !important; font-size: 9px; line-height: 1.2; } /* final CTA */ #alabout-v1 .aa-final { padding: 0 0 92px; background: #fff; } #alabout-v1 .aa-final__card { position: relative; overflow: hidden; min-height: 270px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 40px; align-items: center; padding: 46px 48px; border-radius: 30px; background: radial-gradient(circle at 88% 8%,rgba(255,255,255,.15),transparent 25%), linear-gradient(135deg,#0b737a,#07535d 66%,#06444d); color: #fff; box-shadow: 0 22px 52px rgba(5,61,71,.18); } #alabout-v1 .aa-final__card::after { content: ""; position: absolute; right: -60px; bottom: -100px; width: 330px; height: 330px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 36px rgba(255,255,255,.025), 0 0 0 72px rgba(255,255,255,.018); } #alabout-v1 .aa-final__card > * { position: relative; z-index: 2; } #alabout-v1 .aa-final small { color: #bfeee9; } #alabout-v1 .aa-final h2 { max-width: 760px; margin: 9px 0 0; color: #fff; font-size: clamp(38px,3.6vw,54px); line-height: 1.02; letter-spacing: -.048em; } #alabout-v1 .aa-final p { max-width: 720px; margin: 15px 0 0; color: rgba(255,255,255,.80); font-size: 15px; line-height: 1.65; } #alabout-v1 .aa-final__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; } #alabout-v1 .aa-btn--light { background: #fff; color: var(--aa-deep); } #alabout-v1 .aa-btn--ghost { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.06); color: #fff; } /* reveal */ #alabout-v1 [data-aa-reveal] { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; } #alabout-v1 [data-aa-reveal].is-visible { opacity: 1; transform: translateY(0); } @media (max-width: 1080px) { #alabout-v1 .aa-hero__grid { grid-template-columns: 1fr; gap: 34px; } #alabout-v1 .aa-hero__copy { max-width: 820px; } #alabout-v1 .aa-hero__visual { min-height: 520px; } #alabout-v1 .aa-hero__photo { left: 30px; } #alabout-v1 .aa-standards__grid { grid-template-columns: minmax(285px,.38fr) minmax(0,.62fr); } #alabout-v1 .aa-standard-panel { grid-template-columns: 1fr; } #alabout-v1 .aa-standard-panel__media { min-height: 260px; } #alabout-v1 .aa-proof__card { grid-template-columns: 1fr; } #alabout-v1 .aa-proof__media { min-height: 430px; } #alabout-v1 .aa-practice__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #alabout-v1 .aa-faq__grid { grid-template-columns: 1fr; } #alabout-v1 .aa-faq__support { display: grid; grid-template-columns: .42fr .58fr; } #alabout-v1 .aa-faq__image { height: auto; min-height: 320px; } #alabout-v1 .aa-mission__card { grid-template-columns: 1fr; } #alabout-v1 .aa-mission__copy { padding: 42px 42px 0; } #alabout-v1 .aa-mission__visual { min-height: 480px; } #alabout-v1 .aa-final__card { grid-template-columns: 1fr; } #alabout-v1 .aa-final__actions { justify-content: flex-start; } } @media (max-width: 760px) { #alabout-v1 .aa-shell { width: calc(100% - 24px); } #alabout-v1 .aa-hero { padding: 54px 0 58px; } #alabout-v1 .aa-hero h1 { font-size: clamp(44px,12.7vw,58px); } #alabout-v1 .aa-hero__copy > p { font-size: 16px; line-height: 1.65; } #alabout-v1 .aa-hero__chips { gap: 7px; } #alabout-v1 .aa-hero__chips span { min-height: 36px; padding: 7px 10px; font-size: 11.5px; } #alabout-v1 .aa-actions { display: grid; grid-template-columns: 1fr; } #alabout-v1 .aa-btn { width: 100%; min-height: 50px; } #alabout-v1 .aa-hero__visual { min-height: 390px; } #alabout-v1 .aa-hero__photo { inset: 14px 0 20px; border-radius: 24px; } #alabout-v1 .aa-hero__proof--top { top: 0; right: 8px; } #alabout-v1 .aa-hero__proof--bottom { left: 8px; bottom: 0; } #alabout-v1 .aa-hero__proof { max-width: calc(100% - 28px); padding: 11px 13px; border-radius: 15px; } #alabout-v1 .aa-hero__proof small { font-size: 8px; } #alabout-v1 .aa-hero__proof strong:not(:first-child), #alabout-v1 .aa-hero__proof b { font-size: 11px; } #alabout-v1 .aa-hero__proof--bottom > strong { font-size: 24px; } #alabout-v1 .aa-standards { padding: 62px 0 68px; } #alabout-v1 .aa-section-head { margin-bottom: 24px; } #alabout-v1 .aa-section-head h2 { font-size: 39px; } #alabout-v1 .aa-section-head p { font-size: 15px; } #alabout-v1 .aa-standards__nav { display: none; } #alabout-v1 .aa-standards__grid { display: block; } #alabout-v1 .aa-standards__mobile-tabs { display: flex; gap: 8px; margin: 0 -12px 14px; padding: 0 12px 7px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } #alabout-v1 .aa-standards__mobile-tabs::-webkit-scrollbar { display: none; } #alabout-v1 .aa-mobile-tab { flex: 0 0 auto; min-height: 42px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid var(--aa-line); border-radius: 999px; background: #fff; color: var(--aa-deep); white-space: nowrap; scroll-snap-align: start; font-size: 12px; } #alabout-v1 .aa-mobile-tab span { color: var(--aa-teal); font-size: 10px; } #alabout-v1 .aa-mobile-tab.is-active { border-color: transparent; background: var(--aa-teal); color: #fff; box-shadow: 0 9px 20px rgba(19,142,146,.18); } #alabout-v1 .aa-mobile-tab.is-active span { color: rgba(255,255,255,.72); } #alabout-v1 .aa-standard-panel { min-height: 0; display: flex; flex-direction: column-reverse; gap: 0; padding: 0; border-radius: 24px; } #alabout-v1 .aa-standard-panel__media { width: 100%; min-height: 260px; border-radius: 0; } #alabout-v1 .aa-standard-panel__copy { padding: 24px 20px 25px; } #alabout-v1 .aa-standard-panel__copy > small { font-size: 10px; } #alabout-v1 .aa-standard-panel__copy h3 { font-size: 34px; } #alabout-v1 .aa-standard-panel__copy p { margin-top: 14px; font-size: 15px; } #alabout-v1 .aa-proof { padding: 62px 0; } #alabout-v1 .aa-proof__card { gap: 28px; } #alabout-v1 .aa-proof__media { min-height: 340px; border-radius: 24px; } #alabout-v1 .aa-proof__copy h2 { font-size: 39px; } #alabout-v1 .aa-proof__copy > p { font-size: 15px; } #alabout-v1 .aa-practice { padding: 62px 0 68px; } #alabout-v1 .aa-practice__grid { grid-template-columns: 1fr; } #alabout-v1 .aa-practice-card { min-height: 0; padding: 20px; } #alabout-v1 .aa-practice-card h3 { margin-top: 20px; } #alabout-v1 .aa-faq { padding: 62px 0 68px; } #alabout-v1 .aa-faq__grid { gap: 20px; } #alabout-v1 .aa-faq__support { display: block; border-radius: 24px; } #alabout-v1 .aa-faq__image { min-height: 230px; height: 230px; } #alabout-v1 .aa-faq__support-copy { padding: 22px 20px; } #alabout-v1 .aa-faq__support-copy h2 { font-size: 36px; } #alabout-v1 .aa-faq-item button { padding: 17px 16px; font-size: 14px; } #alabout-v1 .aa-faq-answer { padding: 0 16px 18px; font-size: 13.5px; } #alabout-v1 .aa-mission { padding: 68px 0; } #alabout-v1 .aa-mission__card { border-radius: 25px; } #alabout-v1 .aa-mission__copy { padding: 28px 20px 0; } #alabout-v1 .aa-mission__copy h2 { font-size: 38px; } #alabout-v1 .aa-mission__copy > p { font-size: 15px; } #alabout-v1 .aa-mission__copy blockquote { font-size: 16px; } #alabout-v1 .aa-mission__visual { min-height: 390px; } #alabout-v1 .aa-mission__image--one { top: 36px; left: 18px; width: 48%; height: 65%; } #alabout-v1 .aa-mission__image--two { right: 18px; bottom: 34px; width: 50%; height: 62%; } #alabout-v1 .aa-mission__badge { left: 35%; width: 92px; height: 92px; border-width: 5px; } #alabout-v1 .aa-mission__badge strong { font-size: 22px; } #alabout-v1 .aa-mission__badge span { font-size: 7px; } #alabout-v1 .aa-final { padding-bottom: 62px; } #alabout-v1 .aa-final__card { min-height: 0; padding: 30px 20px; border-radius: 24px; } #alabout-v1 .aa-final h2 { font-size: 38px; } #alabout-v1 .aa-final__actions { display: grid; grid-template-columns: 1fr; width: 100%; } } /* Enhancements: floating visuals, richer hover states, and premium image treatment. */ #alabout-v1 .aa-hero__visual, #alabout-v1 .aa-proof__media, #alabout-v1 .aa-standard-panel__media, #alabout-v1 .aa-faq__support, #alabout-v1 .aa-mission__visual, #alabout-v1 .aa-final__card { isolation: isolate; } #alabout-v1 .aa-hero__visual::before, #alabout-v1 .aa-proof__media::before, #alabout-v1 .aa-standard-panel__media::before, #alabout-v1 .aa-mission__visual::before { content: ""; position: absolute; inset: auto; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, rgba(45,199,194,.18) 0%, rgba(45,199,194,0) 68%); filter: blur(3px); pointer-events: none; z-index: 0; } #alabout-v1 .aa-hero__visual::before { top: 34px; left: 8px; } #alabout-v1 .aa-proof__media::before { right: -24px; top: -18px; } #alabout-v1 .aa-standard-panel__media::before { left: -16px; bottom: -28px; } #alabout-v1 .aa-mission__visual::before { right: 18%; top: 8%; } #alabout-v1 .aa-hero__photo, #alabout-v1 .aa-standard-panel__media, #alabout-v1 .aa-proof__media, #alabout-v1 .aa-faq__image, #alabout-v1 .aa-mission__image { background: linear-gradient(180deg,#f7fbfa,#eef6f4); } #alabout-v1 .aa-hero__photo img, #alabout-v1 .aa-standard-panel__media img, #alabout-v1 .aa-proof__media img, #alabout-v1 .aa-faq__image img, #alabout-v1 .aa-mission__image img { transform: scale(1.01); transition: transform .45s ease, filter .45s ease; } #alabout-v1 .aa-hero__photo { animation: aaFloatMain 8.2s ease-in-out infinite; } #alabout-v1 .aa-hero__proof--top { animation: aaFloatSoft 7s ease-in-out -.8s infinite; } #alabout-v1 .aa-hero__proof--bottom { animation: aaFloatSoft 8.6s ease-in-out -2s infinite; } #alabout-v1 .aa-proof__media-badge { animation: aaFloatSoft 7.6s ease-in-out -1.8s infinite; } #alabout-v1 .aa-mission__image--one { animation: aaFloatSoft 8s ease-in-out infinite; } #alabout-v1 .aa-mission__image--two { animation: aaFloatSoft 8.8s ease-in-out -2.1s infinite; } #alabout-v1 .aa-standard-panel__media::after, #alabout-v1 .aa-proof__media::after, #alabout-v1 .aa-faq__support::after, #alabout-v1 .aa-final__card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,0) 15%, rgba(255,255,255,.26) 46%, rgba(255,255,255,0) 70%); transform: translateX(-130%); pointer-events: none; } #alabout-v1 .aa-final__card::before { border-radius: inherit; z-index: 1; } @media (hover: hover) and (pointer: fine) { #alabout-v1 .aa-standard-tab, #alabout-v1 .aa-mobile-tab, #alabout-v1 .aa-practice-card, #alabout-v1 .aa-faq__support, #alabout-v1 .aa-faq-item, #alabout-v1 .aa-proof__card, #alabout-v1 .aa-final__card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease; } #alabout-v1 .aa-standard-tab:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(8,63,73,.08); border-color: rgba(19,142,146,.18); } #alabout-v1 .aa-mobile-tab:hover { transform: translateY(-1px); border-color: rgba(19,142,146,.24); } #alabout-v1 .aa-standard-panel:hover .aa-standard-panel__media img, #alabout-v1 .aa-proof__card:hover .aa-proof__media img, #alabout-v1 .aa-faq__support:hover .aa-faq__image img, #alabout-v1 .aa-mission__visual:hover .aa-mission__image img, #alabout-v1 .aa-hero__visual:hover .aa-hero__photo img { transform: scale(1.045); filter: saturate(1.04); } #alabout-v1 .aa-standard-panel:hover .aa-standard-panel__media::after, #alabout-v1 .aa-proof__card:hover .aa-proof__media::after, #alabout-v1 .aa-faq__support:hover::after, #alabout-v1 .aa-final__card:hover::before { animation: aaShine 1.2s ease forwards; } /* Do not shadow the transparent two-column proof grid itself: that creates a large rectangular shadow that can look clipped at the section edges. */ #alabout-v1 .aa-proof__card:hover { transform: none; box-shadow: none; } #alabout-v1 .aa-proof__card:hover .aa-proof__media { transform: translateY(-5px); box-shadow: 0 28px 64px rgba(8,63,73,.14); } #alabout-v1 .aa-proof__copy li { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease; } #alabout-v1 .aa-proof__copy li:hover { transform: translateY(-2px); border-color: rgba(19,142,146,.16); background: #fff; box-shadow: 0 12px 26px rgba(8,63,73,.065); } #alabout-v1 .aa-faq__support:hover, #alabout-v1 .aa-final__card:hover { transform: translateY(-4px); box-shadow: 0 24px 58px rgba(8,63,73,.12); } #alabout-v1 .aa-faq-item:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(8,63,73,.07); } #alabout-v1 .aa-practice-card:hover .aa-practice-card__icon { transform: translateY(-2px) scale(1.04); box-shadow: 0 12px 24px rgba(19,142,146,.12); } #alabout-v1 .aa-final__card:hover .aa-btn--light span, #alabout-v1 .aa-inline-link:hover span { transform: translateX(3px); } } #alabout-v1 .aa-practice-card__icon, #alabout-v1 .aa-inline-link span, #alabout-v1 .aa-btn span { transition: transform .2s ease, box-shadow .2s ease; } @keyframes aaFloatMain { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @keyframes aaFloatSoft { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -6px, 0); } } @keyframes aaShine { 0% { transform: translateX(-130%); } 100% { transform: translateX(130%); } } @media (max-width: 760px) { #alabout-v1 .aa-proof__media-badge { animation-duration: 8.4s; } #alabout-v1 .aa-hero__proof, #alabout-v1 .aa-proof__media-badge, #alabout-v1 .aa-mission__badge { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } } @media (prefers-reduced-motion: reduce) { #alabout-v1 *, #alabout-v1 *::before, #alabout-v1 *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; } #alabout-v1 [data-aa-reveal] { opacity: 1; transform: none; } }