@font-face { font-family: 'Chonburi'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/vendor/fonts.gstatic.com/a81c2e6f6f4a6ab1-8AtqGs-wOpGRTBq66LWJHLz5ixfYPzM.woff2) format('woff2'); unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC; } @font-face { font-family: 'Chonburi'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/vendor/fonts.gstatic.com/61342934fc54900e-8AtqGs-wOpGRTBq66LWSHLz5ixfYPzM.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Chonburi'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/vendor/fonts.gstatic.com/b01b9a99f6913cc3-8AtqGs-wOpGRTBq66LWTHLz5ixfYPzM.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Chonburi'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/vendor/fonts.gstatic.com/0b6a8ebe3c62b38c-8AtqGs-wOpGRTBq66LWdHLz5ixfY.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: 'Fustat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/vendor/fonts.gstatic.com/911e699db6e86a0b-NaPEcZ_aHO9Iy5thRNqze7YGY9HGCKMXdr65tEg6zfievkef.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: 'Fustat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/vendor/fonts.gstatic.com/a89e96e5b93f337e-NaPEcZ_aHO9Iy5thRNqze7YGY9HGCKMXdrW5tEg6zfievkef.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Fustat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/vendor/fonts.gstatic.com/a2933039dfaf97a1-NaPEcZ_aHO9Iy5thRNqze7YGY9HGCKMXdru5tEg6zfievg.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; } html:not([lang="ar"]) { --font-en-display: "Chonburi", Georgia, serif; --font-en-ui: "Rubik", "Inter", sans-serif; } html:not([lang="ar"]) h1.framer-text, html:not([lang="ar"]) :is(h2, h3, h4, h5, h6).framer-text:has(> strong.framer-text), html:not([lang="ar"]) .ias-cert-heading, html:not([lang="ar"]) .ias-voices-center h2, html:not([lang="ar"]) p.framer-text[data-ias-section-title] { --framer-font-family: "Chonburi", Georgia, serif !important; font-family: var(--font-en-display) !important; } html:not([lang="ar"]) h1.framer-text :is(span, strong, em, b), html:not([lang="ar"]) :is(h2, h3, h4, h5, h6).framer-text:has(> strong.framer-text) :is(span, strong, em, b), html:not([lang="ar"]) .ias-cert-heading :is(span, strong, em, b), html:not([lang="ar"]) .ias-voices-center h2 :is(span, strong, em, b), html:not([lang="ar"]) p.framer-text[data-ias-section-title] :is(span, strong, em, b) { font-family: inherit !important; } :root { --neutral-0: #ffffff; --neutral-50: #fffffb; --neutral-100: #faf9f7; --neutral-200: #e6e3de; --neutral-300: #d1cec7; --neutral-400: #ada89f; --neutral-500: #817b6f; --neutral-600: #69645a; --neutral-700: #5e5a4f; --neutral-800: #201e18; --neutral-900: #1f1f1f; --neutral-950: #0f0d0b; --ink-a03: rgba(31, 31, 31, 0.03); --ink-a05: rgba(31, 31, 31, 0.05); --ink-a08: rgba(31, 31, 31, 0.08); --ink-a12: rgba(31, 31, 31, 0.12); --ink-a16: rgba(31, 31, 31, 0.16); --ink-a22: rgba(31, 31, 31, 0.22); --ink-a30: rgba(31, 31, 31, 0.30); --ink-a50: rgba(31, 31, 31, 0.50); --ink-a70: rgba(31, 31, 31, 0.70); --ink-a85: rgba(31, 31, 31, 0.85); --green-50: #f1f8f1; --green-100: #dfede0; --green-200: #c5dcc6; --green-300: #9dbf9f; --green-400: #648e67; --green-500: #49734d; --green-600: #395e3d; --green-650: #315034; --green-700: #29432c; --green-800: #203322; --green-900: #162317; --orange-50: #fdf2ef; --orange-100: #fae2da; --orange-200: #f3cabb; --orange-300: #e7a58e; --orange-400: #b96647; --orange-500: #a64823; --orange-600: #8c3208; --orange-650: #7b2800; --orange-700: #6b2000; --orange-800: #481602; --orange-900: #2b0c02; --danger-50: var(--orange-50); --danger-200: var(--orange-200); --danger-500: var(--orange-500); --danger-600: var(--orange-600); --danger-700: var(--orange-700); --color-bg-primary: var(--neutral-100); --color-bg-secondary: var(--neutral-50); --color-bg-accent: var(--green-50); --color-bg-warning: var(--orange-50); --color-bg-danger: var(--danger-50); --color-surface: rgba(255, 255, 255, 0.55); --color-surface-raised: rgba(251, 251, 247, 0.60); --color-surface-hover: var(--ink-a05); --color-surface-active: var(--ink-a08); --color-surface-selected: var(--green-50); --color-surface-sunken: var(--ink-a03); --color-text-primary: var(--neutral-900); --color-text-secondary: var(--neutral-600); --color-text-label: var(--neutral-700); --color-text-muted: var(--neutral-500); --color-text-disabled: var(--neutral-400); --color-text-on-accent: #ffffff; --color-text-on-dark: var(--neutral-100); --color-text-link: var(--green-500); --color-text-link-hover: var(--green-600); --color-text-link-visited: var(--green-650); --color-text-highlight: var(--orange-500); --color-text-heading: var(--orange-500); --color-text-emphasis-green: var(--green-500); --color-text-emphasis-orange: var(--orange-500); --color-border-subtle: var(--ink-a08); --color-border-default: var(--ink-a16); --color-border-strong: var(--neutral-500); --color-border-accent: var(--green-400); --color-border-warning: var(--orange-400); --color-border-danger: var(--danger-500); --color-border-on-tint: var(--green-200); --color-action-primary: var(--orange-500); --color-action-primary-hover: var(--orange-600); --color-action-primary-active: var(--orange-650); --color-action-primary-subtle: var(--orange-50); --color-action-neutral: var(--neutral-900); --color-action-neutral-hover: var(--neutral-800); --color-action-disabled-bg: var(--neutral-200); --color-action-disabled-text: var(--neutral-500); --color-accent-structural: var(--green-500); --color-accent-structural-strong: var(--green-700); --color-accent-structural-subtle: var(--green-100); --color-focus-ring: var(--green-400); --color-focus-ring-offset: var(--color-bg-primary); --focus-ring-width: 2px; --focus-ring-offset: 2px; --color-success: var(--green-500); --color-success-surface: var(--green-50); --color-success-border: var(--green-400); --color-warning: var(--orange-600); --color-warning-surface: var(--orange-50); --color-warning-border: var(--orange-400); --color-danger: var(--danger-600); --color-danger-surface: var(--danger-50); --color-danger-border: var(--danger-500); } :root, body { --token-680f5157-c169-43ae-8a43-6a59750aca14: var(--color-text-link-hover) !important; --token-a2b4f957-afbf-4088-9480-d071ba7cf731: var(--color-text-link) !important; --token-1486a41f-bc8d-4d4c-af45-33586d202de4: var(--color-text-secondary) !important; --token-273708ee-7cde-4471-8be3-220e65dc1971: var(--color-text-secondary) !important; --token-2decd730-1a1a-4cb9-9ed4-7dd3162e7acd: var(--color-text-secondary) !important; --token-39c2db53-4966-44f7-9a9e-c3587327b1f4: var(--color-text-secondary) !important; --token-4d8aa9e5-118d-4e59-aee4-e87bfb85d6b6: var(--color-text-secondary) !important; --token-5852f280-952c-4790-9773-1725d5bf7be4: var(--color-text-secondary) !important; --token-6c62d59f-1b34-4382-b11c-02cae996dd85: var(--color-text-secondary) !important; --token-7ac3c8fe-d4cc-4cec-8aec-ca36f8ff8a82: var(--color-text-secondary) !important; --token-7ba49b12-e0ed-4405-bb85-13d5e54634df: var(--color-text-secondary) !important; --token-7fbe2ae1-9d37-4dc8-8d1e-285c2b4a8ce4: var(--color-text-secondary) !important; --token-83141c58-2dcf-4a35-8f01-0a4113c8b2ee: var(--color-text-secondary) !important; --token-87301fc1-437c-4970-b057-dce8337ad9dd: var(--color-text-secondary) !important; --token-8cf0b082-7ac1-4034-aeb5-0eb147af40f9: var(--color-text-secondary) !important; --token-a8578263-b21b-491e-8e42-14c68991cb85: var(--color-text-secondary) !important; --token-b45b4f1e-79a0-41d8-b090-3de899165aed: var(--color-text-secondary) !important; --token-d3b9992b-537e-4eef-99ff-5d585f96f0ec: var(--color-text-secondary) !important; --token-efe9d4f6-eb81-4351-85c0-bbba2aeaf58d: var(--color-text-secondary) !important; --token-fee2e6da-179a-4907-b633-7ba28daf46f9: var(--color-text-secondary) !important; } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible, [data-framer-name="Tap Target"]:focus-visible { outline: var(--focus-ring-width) solid var(--color-focus-ring); outline-offset: var(--focus-ring-offset); } @media (forced-colors: active) { a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible { outline: 2px solid CanvasText; } } .rich-text-wrapper a.framer-text, p.framer-text a.framer-text:not([data-styles-preset="ro7OPezbn"]), li.framer-text a.framer-text { color: var(--color-text-link) !important; text-decoration-color: color-mix(in srgb, var(--color-text-link) 45%, transparent); text-underline-offset: 0.18em; transition: color 180ms ease, text-decoration-color 180ms ease; } .rich-text-wrapper a.framer-text:hover, p.framer-text a.framer-text:not([data-styles-preset="ro7OPezbn"]):hover, li.framer-text a.framer-text:hover { color: var(--color-text-link-hover) !important; text-decoration-color: currentColor; } .rich-text-wrapper a.framer-text:active, p.framer-text a.framer-text:not([data-styles-preset="ro7OPezbn"]):active, li.framer-text a.framer-text:active { color: var(--green-700) !important; } a.framer-text[data-styles-preset="ro7OPezbn"] { color: var(--color-text-secondary) !important; text-decoration-color: transparent !important; } a.framer-text[data-styles-preset="ro7OPezbn"]:hover { color: var(--color-text-primary) !important; } :is(h1, h2, h3, h4) > strong.framer-text { --framer-text-color: var(--color-text-heading) !important; color: var(--color-text-heading) !important; } [data-framer-name="Number"] h3.framer-text { --framer-text-color: var(--color-text-heading) !important; color: var(--color-text-heading) !important; } :is(h1, h2, h3, h4) > strong.framer-text[data-ias-emphasis-off] { --framer-text-color: var(--color-text-primary) !important; color: var(--color-text-primary) !important; } p.framer-text > strong.framer-text[data-ias-title-accent] { --framer-text-color: var(--color-text-heading) !important; color: var(--color-text-heading) !important; } [data-framer-name="Elements/Hero section header"] :is(h1, h2, h3).framer-text[style*="token-eb8c27e0"] { --framer-text-color: var(--color-text-primary) !important; color: var(--color-text-primary) !important; } [data-framer-name="Step number"] :is(h1, h2, h3).framer-text { --framer-text-color: var(--color-text-muted) !important; color: var(--color-text-muted) !important; } [data-framer-name="Heading & Description"] [data-framer-name="Heading"] :is(h1, h2, h3).framer-text { --framer-text-color: var(--color-text-primary) !important; color: var(--color-text-primary) !important; --framer-font-weight: 600 !important; font-weight: 600 !important; } ::selection { background: var(--color-accent-structural-subtle); color: var(--green-900); } .rich-text-wrapper li.framer-text::marker, .rich-text-wrapper ul li::marker, .rich-text-wrapper ol li::marker { color: var(--color-accent-structural); } .ias-state-success, .ias-state-warning, .ias-state-danger { display: flex; align-items: flex-start; gap: 8px; padding: 10px 14px; border-radius: 12px; border: 1px solid; font-size: 13.5px; line-height: 1.5; font-weight: 500; } .ias-state-success::before, .ias-state-warning::before, .ias-state-danger::before { flex: 0 0 auto; font-weight: 700; line-height: 1.5; } .ias-state-success { background: var(--color-success-surface); border-color: var(--color-success-border); color: var(--green-700); } .ias-state-success::before { content: "\2713"; } .ias-state-warning { background: var(--color-warning-surface); border-color: var(--color-warning-border); color: var(--orange-650); } .ias-state-warning::before { content: "\26A0"; } .ias-state-danger { background: var(--color-danger-surface); border-color: var(--color-danger-border); color: var(--danger-700); } .ias-state-danger::before { content: "\2715"; } [aria-invalid="true"] { border-color: var(--color-border-danger) !important; } [aria-disabled="true"], :disabled { cursor: not-allowed; opacity: 1; background: var(--color-action-disabled-bg) !important; color: var(--color-action-disabled-text) !important; border-color: var(--neutral-300) !important; } @keyframes ias-fade-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } html { scroll-behavior: smooth; } body.codex-static-ready [style*="opacity:0"], body.codex-static-ready [style*="opacity: 0"] { opacity: 1 !important; } body.codex-static-ready [style*="opacity:0"][style*="translateY"], body.codex-static-ready [style*="opacity: 0"][style*="translateY"] { animation: codex-reveal 700ms cubic-bezier(.22, 1, .36, 1) both; } body.codex-static-ready nav [data-framer-name="Links"] { overflow: hidden; transition: max-height 340ms cubic-bezier(.22, 1, .36, 1), opacity 240ms ease, transform 320ms cubic-bezier(.22, 1, .36, 1); position: relative; } body.codex-static-ready nav [data-framer-name="Links"] > div:first-child { overflow: hidden; } @keyframes codex-nav-items-in { from { opacity: 0; } to { opacity: 1; } } :is(body.codex-static-ready, body) nav:not(.codex-nav-open):not([data-framer-name*="Open"]) [data-framer-name="Links"] { max-height: 0; opacity: 0 !important; pointer-events: none; transform: translateY(-8px); } :is(body.codex-static-ready, body) nav:not(.codex-nav-open):not([data-framer-name*="Open"]) [data-framer-name="Links"] [style*="opacity:0"], :is(body.codex-static-ready, body) nav:not(.codex-nav-open):not([data-framer-name*="Open"]) [data-framer-name="Links"] [style*="opacity: 0"] { opacity: 0 !important; transform: translateY(8px) !important; pointer-events: none; transition-delay: 0s !important; } body.codex-static-ready nav.codex-nav-open [data-framer-name="Links"], body.codex-static-ready nav[data-framer-name*="Open"] [data-framer-name="Links"] { max-height: 80vh; opacity: 1 !important; pointer-events: auto; transform: none; } body.codex-static-ready nav.codex-nav-open [data-framer-name="Links"] > div:first-child, body.codex-static-ready nav[data-framer-name*="Open"] [data-framer-name="Links"] > div:first-child { animation: codex-nav-items-in 320ms cubic-bezier(.22, 1, .36, 1) 360ms both; pointer-events: auto; } [data-framer-name="Tap Target"], [data-highlight="true"], a { cursor: pointer; } a[data-highlight="true"], a[class*="framer-"] { transition: transform 180ms ease, filter 180ms ease, opacity 180ms ease; } a[data-highlight="true"]:hover, a[class*="framer-"]:hover { filter: brightness(.96); } a[data-highlight="true"]:active, a[class*="framer-"]:active { transform: scale(.985); } @keyframes codex-reveal { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } body.codex-static-ready [style*="opacity:0"][style*="translateY"], body.codex-static-ready [style*="opacity: 0"][style*="translateY"] { animation: none; } body.codex-static-ready nav.codex-nav-open [data-framer-name="Links"] > div:first-child, body.codex-static-ready nav[data-framer-name*="Open"] [data-framer-name="Links"] > div:first-child { animation: none; } .ias-chatbot-pill::before { animation: none; } .ias-thinking-icon, .ias-thinking-dots span, .ias-chatbot-answer-reveal { animation: none; } .ias-thinking-copy { transition: opacity 120ms ease; filter: none; transform: none; } } @media (max-width: 809.98px) { .ias-circuit-line.ias-circuit-line.ias-circuit-line, .ias-circuit-node.ias-circuit-node.ias-circuit-node, .ias-circuit-tick.ias-circuit-tick.ias-circuit-tick { animation: none !important; } .ias-chatbot-pill::before { animation: none !important; } } a.framer-1TapC:focus-visible { outline-offset: calc(-1 * var(--focus-ring-width)) !important; } .framer-1TapC .framer-18c8xrv, .framer-1TapC .framer-sl5st9 { transition: border-radius 420ms cubic-bezier(.22, 1, .36, 1) !important; } .framer-1TapC .ias-card-dim { position: absolute; inset: 0; z-index: 1; border-radius: 24px; background: var(--color-action-neutral); opacity: 0; transition: opacity 420ms cubic-bezier(.4, 0, .2, 1); pointer-events: none; } .framer-1TapC:hover .ias-card-dim, .framer-1TapC:focus-visible .ias-card-dim, .framer-1TapC.hover .ias-card-dim { opacity: 0.45; } .framer-1TapC .framer-19vud32-container { z-index: 2; } .framer-1TapC:hover .framer-18c8xrv, .framer-1TapC:focus-visible .framer-18c8xrv, .framer-1TapC.hover .framer-18c8xrv { opacity: 1 !important; } .framer-1TapC:hover .framer-sl5st9, .framer-1TapC:focus-visible .framer-sl5st9, .framer-1TapC.hover .framer-sl5st9 { opacity: 0 !important; border-radius: 24px !important; } .framer-1TapC .framer-GK0bB svg { transform: rotate(90deg); } @keyframes ias-card-pill-in { from { opacity: 0; } to { opacity: 1; } } @keyframes ias-card-blob-rise { from { transform: translate3d(0, 150%, 0) scale(1.7); } to { transform: translateZ(0) scale(1.7); } } .framer-1TapC .framer-GK0bB .ias-card-blob-inner { position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: 999px; pointer-events: none; } .framer-1TapC .framer-GK0bB .ias-card-blob-group { position: relative; display: block; width: 100%; height: 100%; } .framer-1TapC .framer-GK0bB .ias-card-blob { position: absolute; top: 2px; width: 25%; height: 100%; border-radius: 100%; background: var(--color-action-primary); animation: ias-card-blob-rise 450ms ease both; } .framer-1TapC .framer-GK0bB .ias-card-blob:nth-child(1) { left: 0; animation-delay: 0ms; } .framer-1TapC .framer-GK0bB .ias-card-blob:nth-child(2) { left: 30%; animation-delay: 80ms; } .framer-1TapC .framer-GK0bB .ias-card-blob:nth-child(3) { left: 60%; animation-delay: 160ms; } .framer-1TapC .framer-GK0bB .ias-card-blob:nth-child(4) { left: 90%; animation-delay: 240ms; } @keyframes ias-card-pill-label { from { color: var(--color-text-primary); } to { color: var(--color-text-on-accent); } } @keyframes ias-card-pill-icon { from { color: var(--color-text-primary); fill: var(--color-text-primary); } to { color: var(--color-text-on-accent); fill: var(--color-text-on-accent); } } .framer-1TapC .framer-GK0bB { animation: ias-card-pill-in 420ms cubic-bezier(.4, 0, .2, 1) both; } .framer-1TapC .framer-GK0bB > :not(.ias-card-blob-inner) { position: relative; z-index: 2; } .framer-1TapC .framer-GK0bB .framer-text { animation: ias-card-pill-label 450ms ease 120ms both; } .framer-1TapC .framer-GK0bB svg, .framer-1TapC .framer-GK0bB svg * { animation: ias-card-pill-icon 450ms ease 120ms both; } @media (prefers-reduced-motion: reduce) { .framer-1TapC .framer-GK0bB, .framer-1TapC .framer-GK0bB .ias-card-blob, .framer-1TapC .framer-GK0bB .framer-text, .framer-1TapC .framer-GK0bB svg, .framer-1TapC .framer-GK0bB svg * { animation-duration: 1ms !important; animation-delay: 0ms !important; } .framer-1TapC .framer-18c8xrv, .framer-1TapC .framer-sl5st9 { transition: none !important; } } html, body, #main, [data-framer-root] { background: transparent !important; background-color: transparent !important; } nav.framer-5vKhO, nav.framer-5vKhO[style] { background-color: transparent !important; background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .ias-nav-surface { position: fixed; top: var(--ias-nav-origin-y, 32px); left: var(--ias-nav-origin-x, calc(100% - 32px)); width: var(--ias-nav-reveal-d, 300vmax); height: var(--ias-nav-reveal-d, 300vmax); margin: calc(var(--ias-nav-reveal-d, 300vmax) / -2) 0 0 calc(var(--ias-nav-reveal-d, 300vmax) / -2); border-radius: 50%; z-index: 0; pointer-events: none; transform: scale(0); transform-origin: 50% 50%; transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; background-color: #fbfbf7; background-image: radial-gradient(circle at 17% 43%, var(--ink-a30, rgba(31, 31, 31, 0.30)) 0 1.5px, transparent 1.6px), radial-gradient(circle at 63% 11%, var(--ink-a22, rgba(31, 31, 31, 0.22)) 0 1.2px, transparent 1.3px), radial-gradient(circle at 29% 77%, var(--ink-a16, rgba(31, 31, 31, 0.16)) 0 1.7px, transparent 1.8px), radial-gradient(circle at 81% 53%, var(--ink-a30, rgba(31, 31, 31, 0.30)) 0 1.3px, transparent 1.4px), radial-gradient(circle at 47% 23%, var(--ink-a22, rgba(31, 31, 31, 0.22)) 0 1.4px, transparent 1.5px), radial-gradient(circle at 9% 91%, var(--ink-a16, rgba(31, 31, 31, 0.16)) 0 1.1px, transparent 1.2px), radial-gradient(60% 60% at 22% 18%, #fffffb 0%, rgba(255,255,251,0) 60%), radial-gradient(70% 70% at 82% 88%, #e6e3de 0%, rgba(230,227,222,0) 62%); background-size: 199px 199px, 271px 271px, 337px 337px, 409px 409px, 487px 487px, 563px 563px, 100% 100%, 100% 100%; box-shadow: 0 0 0 1px var(--ink-a08, rgba(31, 31, 31, 0.08)), 0 8px 40px var(--ink-a16, rgba(31, 31, 31, 0.16)); } nav.framer-5vKhO.codex-nav-open .ias-nav-surface, nav.framer-5vKhO[data-framer-name*="Open"] .ias-nav-surface { transform: scale(1); pointer-events: auto; } nav.framer-5vKhO .framer-vmjnq9-container { display: none !important; } body.codex-nav-locked { overflow: hidden; padding-right: var(--ias-sbw, 0px); } body.codex-nav-locked nav.framer-5vKhO { padding-right: var(--ias-sbw, 0px); } body.codex-nav-locked .ias-chatbot-widget, body.codex-nav-locked .ias-chatbot-overlay { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } @media (prefers-reduced-motion: reduce) { .ias-nav-surface { transition: none !important; } } .ias-chatbot-widget { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 2147483647; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; display: flex; flex-direction: column; align-items: center; transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1); width: 340px; } .ias-chatbot-widget.expanded { width: 450px; } .ias-chatbot-widget.nav-clear:not(.expanded) { bottom: 88px; } @media (prefers-reduced-motion: reduce) { .ias-chatbot-widget { transition: none; } } .ias-chatbot-overlay { position: fixed; inset: 0; background: var(--ink-a16); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); opacity: 0; pointer-events: none; z-index: 2147483645; transition: opacity 400ms ease; } .ias-chatbot-overlay.active { opacity: 1; pointer-events: auto; } .ias-chatbot-pill { display: flex; align-items: center; gap: 10px; position: relative; background: var(--color-surface-raised) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--ink-a16); border-radius: 99px; padding: 12px 20px; box-shadow: 0 4px 20px var(--ink-a05), 0 0 0 1px var(--ink-a03); cursor: pointer; width: 100%; box-sizing: border-box; transition: all 300ms ease; min-height: 48px; } @property --ias-chatbot-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; } .ias-chatbot-pill::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1.5px; background: conic-gradient( from var(--ias-chatbot-angle), var(--ink-a05), var(--ink-a50), var(--ink-a05), var(--ink-a50), var(--ink-a05) ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; animation: ias-chatbot-border-spin 4s linear infinite; } @keyframes ias-chatbot-border-spin { to { --ias-chatbot-angle: 360deg; } } .ias-chatbot-pill:hover { transform: translateY(-2px); border-color: var(--ink-a22); box-shadow: 0 6px 24px var(--ink-a08); } .ias-chatbot-sparkle { color: var(--color-accent-structural); font-size: 16px; animation: ias-sparkle-pulse 2s infinite ease-in-out; } .ias-chatbot-pill span.placeholder { color: var(--color-text-secondary); font-size: 15px; font-weight: 500; user-select: none; flex-grow: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ias-chatbot-window { display: flex; flex-direction: column; background: var(--color-surface) !important; backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); border: 1px solid var(--ink-a08); border-radius: 24px; width: 100%; height: 0; opacity: 0; pointer-events: none; box-shadow: 0 20px 48px var(--ink-a08); overflow: hidden; transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1); box-sizing: border-box; } .ias-chatbot-widget.expanded .ias-chatbot-window { height: 680px; max-height: calc(100vh - 100px); opacity: 1; pointer-events: auto; margin-bottom: 12px; border-color: var(--ink-a22); box-shadow: 0 24px 60px var(--ink-a16); } .ias-chatbot-widget.expanded .ias-chatbot-pill { opacity: 0; pointer-events: none; height: 0; min-height: 0; padding-top: 0; padding-bottom: 0; border-color: transparent; margin: 0; overflow: hidden; } .ias-chatbot-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid var(--ink-a08); } .ias-chatbot-header-title { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: var(--color-text-primary); letter-spacing: -0.01em; } .ias-chatbot-close-btn { background: transparent; border: none; cursor: pointer; color: var(--color-text-secondary); font-size: 20px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; transition: all 200ms ease; } .ias-chatbot-close-btn:hover { background: var(--color-surface-hover); color: var(--color-text-primary); } .ias-chatbot-content { flex-grow: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; touch-action: pan-y; padding: 24px; display: flex; flex-direction: column; gap: 18px; scroll-behavior: smooth; } .ias-chatbot-empty-view { display: flex; flex-direction: column; gap: 40px; height: 100%; } .ias-chatbot-empty-header { text-align: center; margin-top: 8px; } .ias-chatbot-empty-title { font-size: 26px; font-weight: 800; color: var(--color-text-primary); margin: 0 0 10px 0; letter-spacing: -0.02em; } .ias-chatbot-empty-desc { font-size: 14px; line-height: 1.55; color: var(--color-text-secondary); margin: 0; } .ias-chatbot-empty-portrait-wrap { margin-top: 12px; margin-bottom: 8px; display: flex; justify-content: center; } .ias-chatbot-empty-portrait { max-height: 185px; width: auto; object-fit: contain; filter: drop-shadow(0 4px 12px var(--ink-a05)); user-select: none; pointer-events: none; } .ias-chatbot-suggestions { display: flex; flex-direction: column; gap: 10px; } .ias-chatbot-suggestion-title { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-secondary); font-weight: 700; margin-bottom: 2px; } .ias-chatbot-suggestion-chips { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 8px; width: 100%; padding: 0; margin: 0; list-style: none; } .ias-chatbot-chip { font-family: inherit; background: var(--ink-a03); border: 1px solid var(--ink-a08); border-radius: 12px; padding: 8px 12px; font-size: 13px; font-weight: 500; color: var(--color-text-secondary); cursor: pointer; transition: all 200ms ease; user-select: none; text-align: center; width: fit-content; max-width: 95%; box-sizing: border-box; } .ias-chatbot-chip:hover { background: var(--color-surface-selected); color: var(--green-700); border-color: var(--color-border-on-tint); transform: translateY(-1px); } .ias-chatbot-message { max-width: 85%; padding: 12px 16px; border-radius: 18px; font-size: 14px; line-height: 1.5; animation: ias-message-fade 250ms ease-out forwards; } .ias-chatbot-message.user { background: var(--color-text-primary); color: var(--color-text-on-accent); align-self: flex-end; border-bottom-right-radius: 4px; box-shadow: 0 4px 12px var(--ink-a08); } .ias-chatbot-message.bot { background: var(--ink-a05); color: var(--color-text-primary); align-self: flex-start; border-bottom-left-radius: 4px; } .ias-chatbot-message.bot a { color: var(--color-text-link); text-decoration: underline; font-weight: 600; } .ias-chatbot-message.bot a:hover { color: var(--color-text-link-hover); } .ias-chatbot-thinking { display: inline-flex; align-items: center; gap: 7px; min-height: 43px; color: var(--color-text-secondary); background: var(--ink-a03); overflow: hidden; user-select: none; } .ias-thinking-icon { display: inline-flex; color: var(--color-text-secondary); font-size: 13px; line-height: 1; animation: ias-thinking-pulse 1.6s ease-in-out infinite; } .ias-thinking-copy { display: inline-block; white-space: nowrap; transition: opacity 180ms ease, transform 220ms cubic-bezier(.22, 1, .36, 1), filter 220ms ease; } .ias-thinking-copy.is-visible { opacity: 1; transform: translateY(0); filter: blur(0); } .ias-thinking-copy.is-switching { opacity: 0; transform: translateY(5px); filter: blur(3px); } .ias-thinking-dots { display: inline-flex; align-items: center; gap: 3px; margin-left: -1px; } .ias-thinking-dots span { width: 3px; height: 3px; border-radius: 999px; background: var(--ink-a50); animation: ias-thinking-dot 1.2s ease-in-out infinite; } .ias-thinking-dots span:nth-child(2) { animation-delay: 120ms; } .ias-thinking-dots span:nth-child(3) { animation-delay: 240ms; } .ias-chatbot-answer-reveal { animation: ias-answer-reveal 260ms cubic-bezier(.22, 1, .36, 1) both; } .ias-chatbot-footer { padding: 14px 20px; border-top: 1px solid var(--ink-a08); display: flex; gap: 10px; align-items: center; } .ias-chatbot-input { flex-grow: 1; border: 1px solid var(--color-border-strong); background: var(--ink-a03); border-radius: 99px; padding: 10px 18px; font-size: 14px; color: var(--color-text-primary); outline: none; transition: all 200ms ease; min-height: 40px; } .ias-chatbot-input:focus-visible { border-color: var(--color-border-accent); background: var(--ink-a03); outline: var(--focus-ring-width) solid var(--color-focus-ring); outline-offset: var(--focus-ring-offset); } .ias-chatbot-send-btn { background: var(--color-action-primary); color: var(--color-text-on-accent); border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 200ms ease; flex-shrink: 0; } .ias-chatbot-send-btn:hover { transform: scale(1.05); background: var(--color-action-primary-hover); } .ias-chatbot-send-btn:active { transform: scale(.98); background: var(--color-action-primary-active); } .ias-chatbot-send-btn:disabled { transform: none; cursor: not-allowed; } @keyframes ias-sparkle-pulse { 0%, 100% { opacity: 0.6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.2); } } @keyframes ias-message-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @keyframes ias-answer-reveal { from { opacity: 0; transform: translateY(6px); filter: blur(4px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } @keyframes ias-thinking-pulse { 0%, 100% { opacity: 0.55; transform: scale(1); } 50% { opacity: 1; transform: scale(1.12); } } @keyframes ias-thinking-dot { 0%, 80%, 100% { opacity: 0.32; transform: translateY(0) scale(0.8); } 40% { opacity: 1; transform: translateY(-2px) scale(1); } } @keyframes ias-dot-pulse { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } } .ias-chatbot-link-chip { display: inline-flex; align-items: center; gap: 5px; overflow: hidden; background: var(--ink-a05); border: 1px solid var(--ink-a08); border-radius: 20px; padding: 5px 12px 5px 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.01em; color: var(--color-text-primary) !important; text-decoration: none !important; margin: 3px 2px; transition: all 200ms ease; vertical-align: middle; max-width: 100%; min-width: 0; white-space: nowrap; cursor: pointer; box-sizing: border-box; } .ias-chatbot-link-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2; min-width: 0; } .ias-chatbot-link-chip:hover { background: var(--color-surface-selected); border-color: var(--color-border-on-tint); transform: translateY(-1px); box-shadow: 0 2px 8px var(--ink-a05); } .ias-link-icon { flex-shrink: 0; stroke: var(--ink-a50); transition: stroke 200ms ease; } .ias-chatbot-link-chip:hover .ias-link-icon { stroke: var(--color-accent-structural); } .ias-chatbot-followup-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; align-self: flex-start; margin-top: -8px; margin-bottom: 8px; padding-left: 12px; max-width: 90%; animation: ias-fade-in 250ms ease-out; } .ias-chatbot-followup-chip { background: var(--ink-a05); border: 1px solid var(--ink-a12); border-radius: 12px; padding: 6px 10px; font-size: 11.5px; font-weight: 600; color: var(--ink-a85); cursor: pointer; transition: all 200ms ease; user-select: none; width: fit-content; box-sizing: border-box; } .ias-chatbot-followup-chip:hover { background: var(--color-surface-selected); color: var(--green-700); border-color: var(--color-border-on-tint); transform: translateY(-0.5px); } .framer-1ojr88j { display: none !important; } @media (max-width: 480px) { .ias-chatbot-widget { width: calc(100% - 32px); left: 16px; transform: none; bottom: 16px; } .ias-chatbot-widget.expanded { width: calc(100% - 32px); } .ias-chatbot-widget.expanded .ias-chatbot-window { height: 80vh !important; max-height: 80vh; } } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) { background-color: var(--color-action-primary) !important; border-color: var(--color-action-primary) !important; min-height: var(--space-8, 48px) !important; height: auto !important; padding: var(--space-3, 12px) var(--space-5, 24px) !important; gap: var(--space-3, 12px) !important; } @media (max-width: 809.98px) { body .ias-hero-edge-host:has(> :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN)) { margin-top: var(--space-6, 32px) !important; } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) { margin-top: 0 !important; } } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN)::before { border-color: var(--color-action-primary) !important; } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob-inner { background: var(--color-action-primary) !important; } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob { background: var(--color-bg-primary) !important; } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .framer-text { color: var(--color-text-on-accent) !important; font-size: 16px !important; line-height: 1.5 !important; } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) svg, body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) svg * { color: var(--color-text-on-accent) !important; fill: var(--color-text-on-accent) !important; width: 20px !important; height: 20px !important; } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):is(:hover, :focus-visible) .framer-text, body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):is(:hover, :focus-visible) svg, body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):is(:hover, :focus-visible) svg * { color: var(--color-action-primary-hover) !important; fill: var(--color-action-primary-hover) !important; } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):active { background-color: var(--color-action-primary-active) !important; border-color: var(--color-action-primary-active) !important; } input.framer-formspark-input, textarea.framer-formspark-input, .framer-formspark-form input:not([type="submit"]), .framer-formspark-form textarea { border-color: var(--color-border-strong) !important; } input.framer-formspark-input:hover, textarea.framer-formspark-input:hover { border-color: var(--neutral-600) !important; } input.framer-formspark-input:focus-visible, textarea.framer-formspark-input:focus-visible, .framer-formspark-form input:not([type="submit"]):focus-visible, .framer-formspark-form textarea:focus-visible { border-color: var(--color-border-accent) !important; outline: var(--focus-ring-width) solid var(--color-focus-ring) !important; outline-offset: calc(-1 * var(--focus-ring-width)) !important; } input.framer-formspark-input[aria-invalid="true"], textarea.framer-formspark-input[aria-invalid="true"] { border-color: var(--color-border-danger) !important; } input[type="submit"] { background: var(--color-action-primary) !important; color: var(--color-text-on-accent) !important; cursor: pointer !important; } input[type="submit"]:hover:not(:disabled) { background: var(--color-action-primary-hover) !important; } input[type="submit"]:active:not(:disabled) { background: var(--color-action-primary-active) !important; } input[type="submit"]:disabled { background: var(--color-action-disabled-bg) !important; color: var(--color-action-disabled-text) !important; cursor: not-allowed !important; } @media (max-width: 1199.98px) { [data-framer-name="Images"]:has(.ias-illustration-circuit-host) { position: relative !important; top: 0 !important; } [data-framer-name="Images"] .ias-illustration-circuit-host { } } :root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 40px; --space-8: 48px; --space-9: 64px; --space-10: 80px; --space-11: 96px; --space-12: 128px; --nav-height: 64px; --grid-columns: 4; --grid-max: 1200px; --grid-margin: clamp(24px, 2.8571vw + 14.8571px, 32px); --grid-gutter: clamp(16px, 2.8571vw + 6.8571px, 24px); --section-gap: clamp(40px, 9.3333vw - 16px, 96px); --type-display-xl: clamp(2.125rem, 13.5714vw - 9.4286px, 4.5rem); --type-display-lg: clamp(1.875rem, 6.4286vw + 9.4286px, 3rem); --type-display-md: clamp(1.75rem, 4.2857vw + 14.2857px, 2.5rem); --type-display-sm: clamp(1.6875rem, 3.9286vw + 14.4286px, 2.375rem); --type-display-s2: clamp(1.6875rem, 3.2143vw + 16.7143px, 2.25rem); --type-display-xs: clamp(1.5625rem, 2.5vw + 17px, 2rem); } @media (min-width: 600px) { :root { --grid-columns: 12; --grid-margin: clamp(32px, 10.6667vw - 32px, 96px); } } [style*="--framer-font-size:72px"], [style*="--framer-font-size: 72px"] { --framer-font-size: var(--type-display-xl) !important; } [style*="--framer-font-size:48px"], [style*="--framer-font-size: 48px"] { --framer-font-size: var(--type-display-lg) !important; } [style*="--framer-font-size:40px"], [style*="--framer-font-size: 40px"] { --framer-font-size: var(--type-display-md) !important; } [style*="--framer-font-size:38px"], [style*="--framer-font-size: 38px"] { --framer-font-size: var(--type-display-sm) !important; } [style*="--framer-font-size:36px"], [style*="--framer-font-size: 36px"] { --framer-font-size: var(--type-display-s2) !important; } [style*="--framer-font-size:32px"], [style*="--framer-font-size: 32px"] { --framer-font-size: var(--type-display-xs) !important; } @media (min-width: 1200px) { [data-ias-section-title] { --framer-font-size: var(--type-display-xs) !important; } } @media (max-width: 599.98px) { body .framer-text[style*="--framer-font-size:72px"], body .framer-text[style*="--framer-font-size: 72px"], body .framer-text[style*="--framer-font-size:48px"], body .framer-text[style*="--framer-font-size: 48px"], body .framer-text[style*="--framer-font-size:40px"], body .framer-text[style*="--framer-font-size: 40px"], body .framer-text[style*="--framer-font-size:38px"], body .framer-text[style*="--framer-font-size: 38px"], body .framer-text[style*="--framer-font-size:36px"], body .framer-text[style*="--framer-font-size: 36px"], body .framer-text[style*="--framer-font-size:32px"], body .framer-text[style*="--framer-font-size: 32px"] { text-wrap: balance; } body p.framer-text { text-wrap: pretty; } } #main > [data-framer-root] > div:not([class*="-container"]) { --grid-column: calc( (100% - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) ); max-width: var(--grid-max); padding-inline: var(--grid-margin); gap: var(--section-gap); } #main { overflow-x: clip; } form [style*="grid-auto-flow:column"], form [style*="grid-auto-flow: column"] { grid-auto-flow: row !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 192px), 1fr)) !important; gap: var(--grid-gutter) !important; } #main nav.codex-nav-open [data-framer-name="Links"], #main nav[data-framer-name*="Open"] [data-framer-name="Links"] { min-height: 0; height: calc(100vh - var(--nav-height)); height: calc(100dvh - var(--nav-height)); max-height: calc(100vh - var(--nav-height)); max-height: calc(100dvh - var(--nav-height)); padding-bottom: calc(20px + var(--nav-height)); overflow-y: auto; overscroll-behavior: contain; justify-content: safe center; } @media (max-height: 599.98px) { #main > [data-framer-root] > div:not([class*="-container"]) > :first-child { padding-block-start: max(var(--space-4), 4vh); } } #main > [data-framer-root] > div:has(img[src*="zVN7aEf2Pw5"]), #main > [data-framer-root] > div:has(img[src*="9dfqgOFXa"]) { overflow-x: visible; } .ias-lightbox { width: 100vw; max-width: 100vw; height: 100svh; max-height: 100svh; margin: 0; padding: 0; border: 0; background: transparent; overflow: auto; overscroll-behavior: contain; display: grid; align-items: safe center; justify-items: safe center; } .ias-lightbox:not([open]) { display: none; } .ias-lightbox::backdrop { background: var(--ink-a85, rgba(31, 31, 31, 0.85)); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .ias-lightbox-img { display: block; max-width: 100vw; max-height: 100svh; width: auto; height: auto; background: var(--color-surface, #fffffb); box-shadow: 0 24px 64px var(--ink-a50, rgba(31, 31, 31, 0.5)); } .ias-lightbox-zoomable .ias-lightbox-img { cursor: zoom-in; } .ias-lightbox-zoomed .ias-lightbox-img { max-width: none; max-height: none; cursor: zoom-out; } .ias-lightbox-hint { position: fixed; left: 50%; bottom: var(--space-5); transform: translateX(-50%); z-index: 1; display: none; padding: var(--space-2) var(--space-4); font-size: 14px; line-height: 1.4; color: var(--color-text-primary, #1f1f1f); background: var(--color-surface-raised, #ffffff); border: 1px solid var(--color-border-default, #d1cec7); border-radius: 999px; pointer-events: none; } .ias-lightbox-zoomable:not(.ias-lightbox-zoomed) .ias-lightbox-hint-in { display: block; } .ias-lightbox-zoomable.ias-lightbox-zoomed .ias-lightbox-hint-out { display: block; } .ias-lightbox-close { position: fixed; top: var(--space-4); right: var(--space-4); z-index: 1; width: 44px; height: 44px; display: grid; place-items: center; font-size: 24px; line-height: 1; color: var(--color-text-primary, #1f1f1f); background: var(--color-surface-raised, #ffffff); border: 1px solid var(--color-border-default, #d1cec7); border-radius: 999px; cursor: pointer; transition: background-color 160ms ease, transform 160ms ease; } .ias-lightbox-close:hover { background: var(--color-surface-hover, #faf9f7); } .ias-lightbox-close:active { transform: scale(.96); } img[data-ias-lightbox="true"] { cursor: zoom-in; } @media (prefers-reduced-motion: reduce) { .ias-lightbox-close { transition: none; } .ias-lightbox-close:active { transform: none; } } .framer-1iqkigu p.framer-text { --framer-font-weight: 700; font-weight: 700; } nav .framer-ezo1r0.framer-ezo1r0.framer-ezo1r0 { padding-left: 20px; } @media (max-width: 809.98px) { #main .framer-1uwkmek, .framer-1b3540g { row-gap: var(--space-6); } } @media (min-width: 810px) and (max-width: 1199.98px) { #main .framer-1uwkmek, .framer-1b3540g { row-gap: var(--space-7); } } #main .framer-1uwkmek p.framer-text { word-break: normal; overflow-wrap: normal; } @media (max-width: 480px) { #main .framer-1a9e7sq > div { padding-inline: 0; justify-content: center; } #main .framer-1a9e7sq > div > div { max-width: 100%; } } @media (max-width: 480px) { #main div:has(> [data-framer-name="My role"]) { flex: 1 0 0px; } #main [data-framer-name="My role"] { width: 100%; } } @media (max-width: 809.98px) { #main [data-border="true"]:has(> [data-framer-component-type="RichTextContainer"]:only-child) { width: auto; } } @media (max-width: 809.98px) { [data-framer-name="The story behind"] p.framer-text[style*="--framer-font-size:20px"]:not([style*="--framer-font-weight"]), [data-framer-name="The story behind"] p.framer-text[style*="--framer-font-size: 20px"]:not([style*="--framer-font-weight"]) { --framer-font-size: 16px !important; } } @media (max-width: 809.98px) { [data-framer-name="Other Projects"] p.framer-text[style*="--framer-font-size:48px"], [data-framer-name="Other Projects"] p.framer-text[style*="--framer-font-size: 48px"] { --framer-font-size: var(--type-display-s2) !important; } [data-framer-name="Elements/Hero section header"] :is(h1, h2).framer-text[style*="--framer-font-size:24px"], [data-framer-name="Elements/Hero section header"] :is(h1, h2).framer-text[style*="--framer-font-size: 24px"], [data-framer-name="Elements/Hero section header"] :is(h1, h2).framer-text:not([style*="--framer-font-size"]) { --framer-font-size: 20px !important; } [data-framer-name="Frame 3704"] p.framer-text[style*="--framer-font-size:18px"], [data-framer-name="Frame 3704"] p.framer-text[style*="--framer-font-size: 18px"] { --framer-font-size: 16px !important; } } [data-framer-name="Visuals"] [data-framer-name="Dashboard"] p.framer-text[style*="--framer-font-weight:500"], [data-framer-name="Visuals"] [data-framer-name="Dashboard"] p.framer-text[style*="--framer-font-weight: 500"], [data-framer-name^="Research & Methods"] [data-framer-name="Dashboard"] p.framer-text[style*="--framer-font-weight:500"], [data-framer-name^="Research & Methods"] [data-framer-name="Dashboard"] p.framer-text[style*="--framer-font-weight: 500"] { --framer-font-weight: 700 !important; font-weight: 700 !important; } [data-framer-name="Visuals"] [data-framer-name="Description"]:has([data-framer-name="Dashboard"]) p.framer-text[style*="--framer-font-size:20px"]:not([style*="--framer-font-weight"]), [data-framer-name="Visuals"] [data-framer-name="Description"]:has([data-framer-name="Dashboard"]) p.framer-text[style*="--framer-font-size: 20px"]:not([style*="--framer-font-weight"]), [data-framer-name^="Research & Methods"] [data-framer-name="Description"]:has([data-framer-name="Dashboard"]) p.framer-text[style*="--framer-font-size:20px"]:not([style*="--framer-font-weight"]), [data-framer-name^="Research & Methods"] [data-framer-name="Description"]:has([data-framer-name="Dashboard"]) p.framer-text[style*="--framer-font-size: 20px"]:not([style*="--framer-font-weight"]) { --framer-font-size: 16px !important; } @media (min-width: 810px) and (max-width: 1199.98px) { #main [data-framer-name="Dashboard"] p.framer-text[style*="--framer-font-size:32px"]:not(:has(strong)), #main [data-framer-name="Dashboard"] p.framer-text[style*="--framer-font-size: 32px"]:not(:has(strong)) { --framer-font-size: 24px !important; --framer-font-weight: 600 !important; font-weight: 600 !important; } } .ias-cert-section { --cert-height: 360px; --cert-gap: 24px; --cert-viewport: 100vw; --cert-ink: var(--color-text-primary, #1f1f1f); --cert-accent: var(--color-action-primary, #a64823); --cert-on-accent: var(--color-text-on-accent, #fff); box-sizing: border-box; width: var(--cert-viewport); max-width: none; flex: none; align-self: center; position: relative; padding: 50px 0; display: flex; flex-direction: column; gap: 32px; color: var(--cert-ink); font-family: "Rubik", "Rubik Placeholder", sans-serif; } .ias-cert-section * { box-sizing: border-box; } .ias-cert-header { display: flex; flex-direction: column; align-items: center; gap: 16px; padding-inline: 24px; } .ias-cert-heading { max-width: 620px; margin: 0; font-size: 48px; line-height: 110%; font-weight: 400; letter-spacing: 0.01em; text-align: center; text-wrap: balance; scroll-margin-top: 100px; } .ias-cert-subtitle { max-width: 420px; margin: 0; color: var(--token-d3b9992b-537e-4eef-99ff-5d585f96f0ec, rgba(31, 31, 31, 0.5)); font-size: 20px; line-height: 140%; text-align: center; text-wrap: pretty; } .ias-cert-card:focus-visible { outline: 3px solid var(--cert-accent); outline-offset: 4px; } .ias-cert-rows { display: flex; flex-direction: column; gap: var(--cert-gap); width: 100%; } .ias-cert-row { width: 100%; overflow: hidden; direction: ltr; padding-block: 7px; margin-block: -7px; overscroll-behavior-x: contain; } .ias-cert-track { display: flex; width: max-content; direction: ltr; will-change: transform; } .ias-cert-set { display: flex; align-items: center; gap: var(--cert-gap); padding-inline-end: var(--cert-gap); flex: none; } .ias-cert-copies:empty { display: none; } .ias-cert-card { display: block; flex: none; position: relative; height: var(--cert-height); width: calc(var(--cert-height) * var(--cert-ratio)); aspect-ratio: var(--cert-ratio); padding: 0; border: 0; border-radius: 12px; overflow: hidden; background: transparent; text-decoration: none; color: var(--cert-ink); touch-action: manipulation; -webkit-tap-highlight-color: transparent; } .ias-cert-card::after { content: ""; position: absolute; inset: 0; z-index: 3; border: 1px solid var(--cert-border, rgba(31, 31, 31, 0.12)); border-radius: inherit; pointer-events: none; } .ias-cert-logo { position: relative; display: block; width: 100%; height: 100%; padding: 0; } .ias-cert-logo img, .ias-cert-card:hover .ias-cert-logo img, .ias-cert-card:focus-visible .ias-cert-logo img { display: block; width: 100%; height: 100%; object-fit: contain; filter: none; opacity: 1; } .ias-cert-blob-inner { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; } .ias-cert-blob-group { position: relative; display: block; width: 100%; height: 100%; } .ias-cert-blob { position: absolute; top: 2px; width: 25%; height: 100%; border-radius: 100%; background: var(--cert-accent); transform: translate3d(0, 150%, 0) scale(1.7); transition: transform 0.45s ease; } .ias-cert-blob:nth-child(1) { left: 0; transition-delay: 0s; } .ias-cert-blob:nth-child(2) { left: 30%; transition-delay: 0.08s; } .ias-cert-blob:nth-child(3) { left: 60%; transition-delay: 0.16s; } .ias-cert-blob:nth-child(4) { left: 90%; transition-delay: 0.24s; } .ias-cert-card:hover .ias-cert-blob, .ias-cert-card:focus-visible .ias-cert-blob { transform: translateZ(0) scale(1.7); } .ias-cert-cta { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px; pointer-events: none; font-size: 18px; font-weight: 700; line-height: 1.35; color: var(--cert-on-accent); opacity: 0; transform: translateY(4px); transition: opacity 220ms cubic-bezier(0.22, 1, 0.36, 1), transform 360ms cubic-bezier(0.22, 1, 0.36, 1); } .ias-cert-cta svg { flex: none; display: block; width: 18px; height: 18px; } .ias-cert-card:hover .ias-cert-cta, .ias-cert-card:focus-visible .ias-cert-cta { opacity: 1; transform: translateY(0); } html[lang="ar"] .ias-cert-cta { direction: rtl; } .ias-cert-row.ias-cert-browsing { overflow-x: auto; scroll-padding-inline: 16px; } .ias-cert-browsing .ias-cert-copies { display: none; } .ias-cert-browsing .ias-cert-set { padding-inline-start: 16px; } @media (max-width: 809.98px) { .ias-cert-section { --cert-height: min(252px, calc((100vw - 48px) / 1.594)); --cert-gap: 16px; padding: 40px 0; gap: 24px; } .ias-cert-heading { font-size: 32px; } .ias-cert-subtitle { font-size: 16px; } .ias-cert-cta { font-size: 16px; } } @media (prefers-reduced-motion: reduce) { .ias-cert-row { overflow-x: auto; } .ias-cert-copies { display: none; } .ias-cert-blob, .ias-cert-cta { transition: none; } } nav.framer-5vKhO::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: rgba(248, 247, 243, 0.05); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); box-shadow: 0 1px 0 rgba(31, 31, 31, 0.025); opacity: 0; transition: opacity 220ms ease; } html.ias-nav-scrolled nav.framer-5vKhO:not(.codex-nav-open):not([data-framer-name*="Open"])::before { opacity: 1; } @media (prefers-reduced-motion: reduce) { nav.framer-5vKhO::before { transition: none; } } :root { --carousel-speed: 32; --carousel-hover-speed: 6; } .ias-cert-row { touch-action: pan-y; cursor: grab; } .ias-cert-row:active { cursor: grabbing; } .ias-cert-card { touch-action: pan-y; } .framer-toyo3y a.framer-DLhve .ias-xs-pill-right::after { background-color: var(--color-text-highlight, #a64823) !important; } div[data-framer-component-type="RichTextContainer"]:has(a[href="/podcast"]), div[data-framer-component-type="RichTextContainer"]:has(a[href="/ar/podcast"]) { display: none !important; } .ias-unified-heading, .ias-voices-center h2 { font-size: 48px !important; } .ias-unified-heading strong, .ias-voices-center h2 strong, .ias-cert-heading strong { color: var(--color-text-highlight, #a64823) !important; --framer-text-color: var(--color-text-highlight, #a64823) !important; } .ias-unified-subtitle, .ias-voices-center > p { font-size: 20px !important; line-height: 140% !important; } @media (max-width: 809.98px) { .ias-unified-heading, .ias-voices-center h2 { font-size: 32px !important; } .ias-unified-subtitle, .ias-voices-center > p { font-size: 16px !important; } } .ias-cert-lightbox[open] { display: grid; place-items: center; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } .ias-cert-lightbox .ias-lightbox-img { max-height: none; max-width: 100vw; margin: auto; } .ias-cert-lightbox { overflow-x: hidden; transition: opacity 0.2s ease; } .framer-13ykwzf, .framer-12g69am { display: none !important; } .ias-cert-lightbox.is-closing::backdrop { animation: voice-backdrop-out 360ms ease forwards; } @keyframes voice-backdrop-out { to { opacity: 0; } } @media(prefers-reduced-motion: reduce) { .ias-cert-lightbox.is-closing::backdrop { animation: none; } } .framer-1uwkmek .framer-111oxsl { height: 90px !important; width: 90px !important; } @media (max-width: 809.98px) { .framer-1uwkmek .framer-111oxsl { height: 60px !important; width: 60px !important; } } .ias-cert-lightbox.is-closing .ias-voice-nav { opacity: 0; pointer-events: none; } body :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN)[class][href] { min-height: var(--space-8, 48px) !important; height: auto !important; padding: var(--space-3, 12px) var(--space-5, 24px) !important; } .ias-cert-lightbox .ias-lightbox-img { border-radius: 16px; overflow: hidden; } .ias-cert-row.ias-cert-browsing::-webkit-scrollbar { display: none; } .ias-cert-row.ias-cert-browsing { scrollbar-width: none; } @media (max-width: 809.98px) { [data-framer-portal-id] > div:first-child, #overlay > div > div:first-child { background-color: transparent !important; background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; opacity: 0 !important; } } .ias-cert-lightbox .ias-cert-wrapper { position: relative; width: fit-content; display: flex; justify-content: center; margin: auto; max-width: calc(100vw - 140px); } .ias-cert-lightbox .ias-lightbox-img { display: block; max-width: 100% !important; max-height: 100svh; width: auto; height: auto; margin: auto; border-radius: 16px; } .ias-cert-lightbox .ias-voice-nav.is-previous { inset-inline-start: -64px !important; top: calc(50% - 22px) !important; } .ias-cert-lightbox .ias-voice-nav.is-next { inset-inline-end: -64px !important; top: calc(50% - 22px) !important; } @media (max-width: 809.98px) { .ias-cert-lightbox .ias-cert-wrapper { max-width: calc(100vw - 100px); } .ias-cert-lightbox .ias-voice-nav.is-previous { inset-inline-start: -56px !important; } .ias-cert-lightbox .ias-voice-nav.is-next { inset-inline-end: -56px !important; } } body a.framer-gwARn.framer-orpx2z, body a.framer-gwARn { min-height: 48px !important; height: 48px !important; padding: 12px 24px !important; font-size: 16px !important; } .framer-1uwkmek div[data-framer-component-type="SVG"] { height: 90px !important; width: 90px !important; } @media (max-width: 809.98px) { .framer-1uwkmek div[data-framer-component-type="SVG"] { height: 60px !important; width: 60px !important; } } .ias-cert-lightbox .ias-voice-nav svg { display: block; width: 22px !important; height: 22px !important; } .ias-lightbox.ias-cert-lightbox { --voice-ink: var(--color-text-primary, #1f1f1f); --voice-paper: var(--color-bg-primary, #faf9f7); --voice-accent: var(--color-text-highlight, #a44720); } .ias-cert-lightbox .ias-voice-nav { background: var(--color-surface-raised, #fff) !important; border-color: var(--color-border-default, #d1cec7) !important; color: var(--voice-ink) !important; } .ias-hero-edge-host { height: auto !important; } .framer-1uwkmek { display: none !important; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) { position: relative !important; overflow: hidden !important; background-color: var(--token-9d24f47f-c5d3-4537-acab-640a0124327b, rgb(31, 31, 31)) !important; border-radius: 999px !important; border-color: var(--token-9d24f47f-c5d3-4537-acab-640a0124327b, rgb(31, 31, 31)) !important; box-shadow: none !important; transition: color 0.5s ease !important; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN)::before { content: ""; position: absolute; z-index: 1; inset: 0; border-radius: 999px; border: 2px solid var(--token-9d24f47f-c5d3-4537-acab-640a0124327b, rgb(31, 31, 31)); pointer-events: none; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob-inner { position: absolute !important; z-index: 0 !important; inset: 0; overflow: hidden; border-radius: 999px; background: var(--token-9d24f47f-c5d3-4537-acab-640a0124327b, rgb(31, 31, 31)); pointer-events: none; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob-group { position: relative; display: block; width: 100%; height: 100%; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob { position: absolute; top: 2px; width: 25%; height: 100%; border-radius: 100%; background: var(--token-47d29547-5a89-49b6-be7c-21159c249a4d, rgb(250, 249, 247)); transform: translate3d(0, 150%, 0) scale(1.7); transition: transform 0.45s ease; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob:nth-child(1) { left: 0; transition-delay: 0s; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob:nth-child(2) { left: 30%; transition-delay: 0.08s; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob:nth-child(3) { left: 60%; transition-delay: 0.16s; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob:nth-child(4) { left: 90%; transition-delay: 0.24s; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) > :not(.ias-cta-blob-inner) { position: relative; z-index: 2; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .framer-text { color: var(--token-47d29547-5a89-49b6-be7c-21159c249a4d, rgb(250, 249, 247)) !important; text-shadow: none; transition: color 0.45s ease !important; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) svg, :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) svg * { color: var(--token-47d29547-5a89-49b6-be7c-21159c249a4d, rgb(250, 249, 247)) !important; fill: var(--token-47d29547-5a89-49b6-be7c-21159c249a4d, rgb(250, 249, 247)) !important; transition: color 0.45s ease, fill 0.45s ease !important; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):hover .ias-cta-blob, :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):focus-visible .ias-cta-blob { transform: translateZ(0) scale(1.7); } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):hover .framer-text, :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):focus-visible .framer-text { color: var(--token-9d24f47f-c5d3-4537-acab-640a0124327b, rgb(31, 31, 31)) !important; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):hover svg, :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):hover svg *, :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):focus-visible svg, :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):focus-visible svg * { color: var(--token-9d24f47f-c5d3-4537-acab-640a0124327b, rgb(31, 31, 31)) !important; fill: var(--token-9d24f47f-c5d3-4537-acab-640a0124327b, rgb(31, 31, 31)) !important; } :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN):active { transform: translateY(1px) !important; } .ias-hero-edge-host { overflow: visible !important; position: relative !important; } .ias-hero-edge-host > :is(a,button).framer-ySdnV { position: relative !important; z-index: 2; } .ias-hero-edge-host > .ias-hero-edge-frame { border-radius: 999px; inset: -9px; pointer-events: none; position: absolute !important; z-index: 1 !important; } .ias-hero-edge-host > .ias-hero-edge-frame svg { display: block; height: 100%; overflow: visible; width: 100%; } .ias-hero-edge-line { fill: none; stroke: rgb(31, 31, 31); stroke-linecap: round; stroke-width: 1.2; vector-effect: non-scaling-stroke; } .ias-hero-edge-line--outer { animation: ias-hero-edge-outer 6s linear infinite; opacity: 0.88; stroke-dasharray: 336 336; stroke-dashoffset: 0; } .ias-hero-edge-line--inner { animation: ias-hero-edge-inner 5s linear infinite; opacity: 0.4; stroke-width: 1.6; stroke-dasharray: 336 336; stroke-dashoffset: 0; } @keyframes ias-hero-edge-outer { 0% { stroke-dasharray: 336 336; stroke-dashoffset: 0; } 50% { stroke-dasharray: 224 448; } 100% { stroke-dasharray: 336 336; stroke-dashoffset: 672; } } @keyframes ias-hero-edge-inner { 0% { stroke-dasharray: 336 336; stroke-dashoffset: 0; } 50% { stroke-dasharray: 224 448; } 100% { stroke-dasharray: 336 336; stroke-dashoffset: -672; } } a.framer-gwARn[data-framer-name="Primary | xs"], a.framer-gwARn.framer-v-orpx2z { min-height: 36px !important; height: 36px !important; padding: 6px 16px !important; align-items: center !important; gap: 8px !important; } a.framer-gwARn[data-framer-name="Primary | xs"] .framer-text, a.framer-gwARn.framer-v-orpx2z .framer-text { font-size: 16px !important; line-height: 140% !important; } a.framer-gwARn[data-framer-name="Primary | xs"] svg, a.framer-gwARn.framer-v-orpx2z svg { width: 16px !important; height: 16px !important; } a.framer-gwARn[data-framer-name="Primary | xs"] [class*="-container"], a.framer-gwARn.framer-v-orpx2z [class*="-container"] { max-height: 18px; } .framer-tkk5p0-container { height: auto !important; } .framer-tkk5p0-container > a.framer-gwARn { min-height: 36px !important; height: 36px !important; padding: 10px 24px !important; gap: 10px !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } .framer-tkk5p0-container > a.framer-gwARn .framer-text { font-size: 16px !important; line-height: 150% !important; } .framer-tkk5p0-container > a.framer-gwARn svg { width: 20px !important; height: 20px !important; } .framer-tkk5p0-container > a.framer-gwARn [class*="-container"] { width: 20px !important; height: 20px !important; max-height: 20px !important; } @media (prefers-reduced-motion: reduce) { :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN), :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .ias-cta-blob, .ias-hero-edge-host .ias-hero-edge-line, :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) .framer-text, :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) svg, :is(a,button):is(.framer-ySdnV, .framer-gwARn, .framer-dxTjN) svg * { transition: none !important; } } :is(.ias-cert-lightbox, .ias-voice-reader) { --reader-radius: var(--radius-lg, 16px); --voice-ink: var(--color-text-primary, #1f1f1f); --voice-paper: var(--color-bg-primary, #faf9f7); --voice-accent: var(--color-text-highlight, #a44720); } :is(.ias-cert-lightbox, .ias-voice-reader)::backdrop { background: var(--ink-a50, rgba(31,31,31,.5)); } .ias-cert-lightbox .ias-cert-wrapper, .ias-voice-reader .ias-voice-panel { border: 1px solid var(--color-border-default, #d1cec7); border-radius: var(--reader-radius); background: var(--color-bg-primary, #faf9f7); overflow: hidden; } .ias-cert-lightbox .ias-cert-wrapper { max-width: min(900px, calc(100vw - 152px)); } .ias-cert-lightbox .ias-lightbox-img { max-height: calc(100dvh - 160px) !important; border-radius: 0; object-fit: contain; } .ias-voice-reader .ias-voice-panel { max-height: calc(100dvh - 160px); } .ias-reader-actions { position: fixed !important; inset-inline: var(--space-4, 16px) !important; top: auto; bottom: max(var(--space-5, 24px), env(safe-area-inset-bottom)) !important; transform: none !important; display: flex; align-items: center; justify-content: center; gap: var(--space-3, 12px); direction: inherit; } .ias-reader-actions[hidden] { display: none; } .ias-reader-actions .ias-reader-details { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2, 8px); margin: 0; min-height: 44px; padding: var(--space-2, 8px) var(--space-4, 16px); border: 1px solid var(--color-border-default, #d1cec7); border-radius: 999px; background: var(--color-bg-primary, #faf9f7) !important; border-color: var(--color-border-default, #d1cec7) !important; color: var(--color-text-highlight, #a44720); font: inherit; font-size: 14px; text-decoration: none; cursor: pointer; } .ias-reader-actions .ias-reader-details:is(:hover, :focus-visible) { border-color: var(--color-text-highlight, #a44720) !important; } .ias-reader-actions .ias-voice-nav { position: fixed; top: calc(50% - 22px) !important; bottom: auto; flex: 0 0 44px; } .ias-reader-actions .ias-voice-nav.is-previous { inset-inline-start: var(--space-4, 16px) !important; } .ias-reader-actions .ias-voice-nav.is-next { inset-inline-end: var(--space-4, 16px) !important; } @media (max-width: 809.98px) { body .ias-track { transform: scale(.52); } body .framer-bW7uD .framer-9uv7q3 { height: 115px !important; } .ias-reader-actions .ias-voice-nav { position: static; margin: 0; } .ias-reader-actions .ias-reader-details { min-width: 0; text-align: center; } .ias-cert-lightbox .ias-cert-wrapper { max-width: calc(100vw - 32px); } .ias-lightbox.ias-voice-reader { padding: 16px 16px 96px; } } .framer-toyo3y > div::before, .framer-toyo3y > div .ias-xs-pill-bubble-layer { display: none !important; } .ias-cert-wrapper .ias-voice-nav { position: absolute !important; top: 50% !important; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--color-border-default, #d1cec7); border-radius: 50%; background: var(--color-surface-raised, #fff) !important; color: var(--voice-ink) !important; cursor: pointer; transition: transform 160ms ease, color 300ms ease, border-color 300ms ease !important; isolation: isolate; overflow: hidden; } .ias-cert-wrapper .ias-voice-nav::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--voice-accent); transform: translateY(105%); transition: transform 420ms cubic-bezier(.22,1,.36,1); } .ias-cert-wrapper .ias-voice-nav:is(:hover, :focus-visible) { color: var(--voice-paper) !important; border-color: var(--voice-accent) !important; } .ias-cert-wrapper .ias-voice-nav:is(:hover, :focus-visible)::before { transform: translateY(0); } .ias-cert-wrapper .ias-voice-nav:active { transform: translateY(-50%) scale(0.96) !important; } .ias-cert-wrapper .ias-voice-nav.is-previous { inset-inline-start: -56px !important; inset-inline-end: auto !important; } .ias-cert-wrapper .ias-voice-nav.is-next { inset-inline-end: -56px !important; inset-inline-start: auto !important; } .ias-cert-wrapper .ias-voice-nav[style*="hidden"] { display: none !important; } @media (max-width: 809.98px) { .ias-cert-wrapper { max-width: calc(100vw - 32px); } .ias-cert-wrapper .ias-reader-actions { position: absolute; top: 100% !important; margin-top: 24px !important; bottom: auto !important; width: 100%; justify-content: space-between; } .ias-cert-wrapper .ias-voice-nav { position: absolute !important; top: auto !important; top: 100% !important; margin-top: 24px !important; bottom: auto !important; transform: none !important; } .ias-cert-wrapper .ias-voice-nav.is-previous { inset-inline-start: 0 !important; inset-inline-end: auto !important; } .ias-cert-wrapper .ias-voice-nav.is-next { inset-inline-end: 0 !important; inset-inline-start: auto !important; } .ias-cert-wrapper .ias-voice-nav:active { transform: scale(0.96) !important; } } .ias-cert-wrapper { overflow: visible !important; } .ias-lightbox-img { border-radius: var(--reader-radius, 16px) !important; } .ias-button, a.framer-3wgPz { text-decoration: none !important; --button-ink: var(--token-9d24f47f-c5d3-4537-acab-640a0124327b, #1f1f1f); --button-paper: var(--token-47d29547-5a89-49b6-be7c-21159c249a4d, #faf9f7); --button-surface: color-mix(in srgb, var(--button-ink) 5%, var(--button-paper)); --button-border: color-mix(in srgb, var(--button-ink) 15%, transparent); --button-reveal: var(--color-text-highlight, #a64823); --button-border-hover: var(--ink-a30, rgba(31, 31, 31, .3)); } .ias-button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: var(--space-2, 8px); position: relative; isolation: isolate; overflow: hidden; box-sizing: border-box; min-height: 44px; padding: var(--space-2, 8px) var(--space-4, 16px); border: 1px solid var(--button-border); border-radius: 999px; font-family: var(--font-en-ui, Rubik, sans-serif); font-weight: 400; font-size: 14px; line-height: 1.4; text-decoration: none; white-space: nowrap; cursor: pointer; } .ias-button .ias-button-label { font: inherit; color: inherit; margin: 0; } .ias-voice-arrow { display: inline-flex; width: 20px; height: 20px; flex: none; } .ias-voice-arrow svg { width: 100%; height: 100%; } html[lang="ar"] .ias-voice-arrow svg { transform: scaleX(-1); } .ias-button:focus-visible { outline: 2px solid var(--color-text-highlight, #a44720); outline-offset: 4px; } .ias-button.ias-site-primary { border: 0; font-size: 16px; line-height: 1.5; } :is(.ias-button.ias-site-secondary, a.framer-3wgPz) { background: var(--button-surface); color: var(--button-ink); transition: color .42s ease-out, border-color .42s ease-out; } :is(.ias-button.ias-site-secondary, a.framer-3wgPz)::before { content: ''; position: absolute; z-index: -1; top: -65%; left: -28px; width: calc(200% + 56px); height: 220%; border-radius: inherit; background: var(--button-reveal); transform: translate(0, -90%); transition: transform .42s ease-out; pointer-events: none; } :is(.ias-button.ias-site-secondary, a.framer-3wgPz):is(:hover, :focus-visible) { color: var(--button-paper); border-color: var(--button-border-hover); box-shadow: inset 0 0 0 1px var(--button-border-hover), 0 10px 30px var(--ink-a08, rgba(31,31,31,.08)); } :is(.ias-button.ias-site-secondary, a.framer-3wgPz):is(:hover, :focus-visible)::before { transform: translate(0, -32%); } :is(.ias-button.ias-site-secondary, a.framer-3wgPz)[data-hover-side="left"]:hover::before { transform: translate(0, -35%) rotate(5deg); } :is(.ias-button.ias-site-secondary, a.framer-3wgPz)[data-hover-side="right"]:hover::before { transform: translate(0, -35%) rotate(-5deg); } @media (prefers-reduced-motion: reduce) { .ias-button, .ias-button::before, .ias-button *, .ias-voice-arrow { transition: none !important; } } html[lang="ar"] .ias-button { font-family: var(--font-ar-ui, Cairo, "Noto Sans Arabic", sans-serif); } a.framer-3wgPz { isolation: isolate; border: 1px solid var(--button-border); background: var(--button-surface) !important; } a.framer-3wgPz > [data-framer-name="Fill"] { display: none; } a.framer-3wgPz .framer-text { color: inherit !important; --framer-text-color: inherit; transition: color .42s ease-out; } a.framer-3wgPz:focus-visible { outline: 2px solid var(--color-text-highlight, #a44720); outline-offset: 4px; } @media (prefers-reduced-motion: reduce) { a.framer-3wgPz, a.framer-3wgPz::before, a.framer-3wgPz .framer-text { transition: none !important; } } @keyframes ias-hint-fade { 0%, 70% { opacity: 1; } 100% { opacity: 0; } } .ias-lightbox-zoomable:not(.ias-lightbox-zoomed) .ias-lightbox-hint-in, .ias-lightbox-zoomable.ias-lightbox-zoomed .ias-lightbox-hint-out { display: block; animation: ias-hint-fade 1.5s ease-out forwards; } @keyframes ias-wrapper-open { 0% { opacity: 0; transform: scale(0.92) translateY(16px); } 100% { opacity: 1; transform: none; } } @keyframes ias-wrapper-close { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: scale(0.92) translateY(16px); } } .ias-lightbox[open] .ias-cert-wrapper { animation: ias-wrapper-open 320ms cubic-bezier(0.22, 1, 0.36, 1) forwards; } .ias-lightbox.is-closing .ias-cert-wrapper { animation: ias-wrapper-close 280ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } @keyframes ias-backdrop-in { 0% { background: rgba(255, 255, 251, 0); } 100% { background: var(--color-surface, #fffffb); } } @keyframes ias-backdrop-out { 0% { background: var(--color-surface, #fffffb); } 100% { background: rgba(255, 255, 251, 0); } } .ias-lightbox[open]::backdrop { animation: ias-backdrop-in 320ms ease forwards; } .ias-lightbox.is-closing::backdrop { animation: ias-backdrop-out 280ms ease forwards; } @media (prefers-reduced-motion: reduce) { .ias-lightbox[open] .ias-cert-wrapper, .ias-lightbox.is-closing .ias-cert-wrapper, .ias-lightbox[open]::backdrop, .ias-lightbox.is-closing::backdrop { animation: none !important; } } p.framer-text strong[data-highlighted="true"], p.framer-text span[style*="var(--color-text-highlight"], p.framer-text span[style*="#a64823"], p.framer-text span[style*="#a44720"] { font-weight: 700 !important; --framer-font-weight: 700 !important; } :root { --content-rail: calc(min(100vw, var(--grid-max)) - 2 * var(--grid-margin)); --section-heading-size: 3rem; --section-subtitle-size: 1.25rem; --section-subtitle-leading: 1.6; } @media (max-width: 809.98px) { :root { --section-heading-size: 2rem; --section-subtitle-size: 1rem; } } nav.framer-5vKhO { box-sizing: border-box; padding-inline: max(var(--grid-margin), calc((100vw - var(--grid-max)) / 2 + var(--grid-margin))) !important; } nav.framer-5vKhO > [data-framer-name="Top"] { width: 100% !important; max-width: none !important; padding-inline: 0 !important; } html body #main :is(.ias-unified-heading,.ias-cert-heading,.ias-voices-center h2) { font-size: var(--section-heading-size) !important; line-height: 1.25 !important; letter-spacing: normal !important; } html[lang="ar"] body #main :is(.ias-unified-heading,.ias-cert-heading,.ias-voices-center h2) { line-height: 1.4 !important; } html body #main :is(.ias-unified-subtitle,.ias-cert-subtitle,.ias-voices-center > p,.ias-partners-subtitle) { font-family: var(--font-en-ui, "Rubik", sans-serif) !important; font-size: var(--section-subtitle-size) !important; font-weight: 400 !important; line-height: var(--section-subtitle-leading) !important; color: var(--color-text-secondary) !important; --framer-text-color: var(--color-text-secondary) !important; letter-spacing: normal !important; text-wrap: pretty; } html[lang="ar"] body #main :is(.ias-unified-subtitle,.ias-cert-subtitle,.ias-voices-center > p,.ias-partners-subtitle) { font-family: var(--font-ar-ui) !important; } .ias-partners-subtitle { margin: 16px auto 0; max-width: 40rem; text-align: center; }