@layer base {
/* react-native-stylesheet */
[stylesheet-group="0"] { }
html { text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0px; }
input::-webkit-search-cancel-button, input::-webkit-search-decoration, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; }
[stylesheet-group="1"] { }
.css-g5y9jx { align-content: flex-start; align-items: stretch; background-color: rgba(0, 0, 0, 0); border: 0px solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: 0; }
.css-9pa8cd { inset: 0px; height: 100%; opacity: 0; position: absolute; width: 100%; z-index: -1; }
.css-146c3p1 { background-color: rgba(0, 0, 0, 0); border: 0px solid black; box-sizing: border-box; color: rgb(0, 0, 0); display: inline; font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; list-style: none; margin: 0px; padding: 0px; position: relative; text-align: start; text-decoration: none; white-space: pre-wrap; overflow-wrap: break-word; }
.css-1jxf684 { background-color: rgba(0, 0, 0, 0); border: 0px solid black; box-sizing: border-box; color: inherit; display: inline; font: inherit; list-style: none; margin: 0px; padding: 0px; position: relative; text-align: inherit; text-decoration: none; white-space: inherit; overflow-wrap: break-word; }
[stylesheet-group="2"] { }
.r-xoduu5 { display: inline-flex; }
.r-1udh08x { overflow: hidden; }
.r-krxsd3 { display: -webkit-box; }
.r-1qsk4np { overflow: clip; }
[stylesheet-group="3"] { }
.r-1p0dtai { bottom: 0px; }
.r-1d2f490 { left: 0px; }
.r-u8s1d { position: absolute; }
.r-zchlnj { right: 0px; }
.r-ipm5af { top: 0px; }
.r-105ug2t { pointer-events: auto !important; }
.r-12vffkv > * { pointer-events: auto; }
.r-12vffkv { pointer-events: none !important; }
.r-ah5dr5 > * { pointer-events: none; }
.r-ah5dr5 { pointer-events: auto !important; }
.r-633pao > * { pointer-events: none; }
.r-633pao { pointer-events: none !important; }
.r-1mlwlqe { flex-basis: auto; }
.r-417010 { z-index: 0; }
.r-1niwhzg { background-color: rgba(0, 0, 0, 0); }
.r-vvn4in { background-position: center center; }
.r-u6sd8q { background-repeat: no-repeat; }
.r-4gszlv { background-size: cover; }
.r-1pi2tsx { height: 100%; }
.r-13qz1uu { width: 100%; }
.r-1wyyakw { z-index: -1; }
.r-1sxrcry { background-size: auto; }
.r-ehq7j7 { background-size: contain; }
.r-1mrlafo { background-position: 0px center; }
.r-17leim2 { background-repeat: repeat; }
.r-x3cy2q { background-size: 100% 100%; }
.r-dnmrzs { max-width: 100%; }
.r-1udbk01 { text-overflow: ellipsis; }
.r-3s2u2q { white-space: nowrap; }
.r-1iln25a { overflow-wrap: normal; }
.r-8akbws { -webkit-box-orient: vertical; }
.r-lrvibr { user-select: none; }
.r-1xnzce8 { user-select: text; }
.r-1loqt21 { cursor: pointer; }

/* style */

    .sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  

/* style */
@layer{:root{--color-palette-white:#ffffff;--color-palette-navy-900:#050a31;--color-palette-grey-50:#f7f9fc;--color-palette-grey-100:#eef1f6;--color-palette-grey-200:#e3e8f0;--color-palette-grey-300:#bdc4d1;--color-palette-grey-400:#7a8499;--color-palette-grey-600:#5b6577;--color-palette-grey-800:#3a4654;--color-palette-blue-50:#eaf2fd;--color-palette-blue-100:#cae1f6;--color-palette-blue-500:#2f80ed;--color-palette-blue-600:#1f66cc;--color-palette-blue-700:#174e9c;--color-palette-teal-50:#e3f5f3;--color-palette-teal-100:#c1ebe6;--color-palette-teal-500:#1abca9;--color-palette-teal-600:#0e7468;--color-palette-teal-700:#0b6157;--color-palette-red-50:#fdecea;--color-palette-red-300:#f19f92;--color-palette-red-600:#b42318;--color-palette-amber-50:#fff4e5;--color-palette-amber-300:#f5c98a;--color-palette-amber-800:#6b3d00;--color-palette-green-50:#e7f5ee;--color-palette-green-300:#a9d8bf;--color-palette-green-700:#135e3a;--color-palette-orange-50:#feeee7;--color-palette-orange-400:#f58a5d;--color-palette-orange-700:#a8471f;--color-text-primary:#050a31;--color-text-body:#3a4654;--color-text-secondary:#5b6577;--color-text-placeholder:#5b6577;--color-text-disabled:#7a8499;--color-text-on-action:#ffffff;--color-text-inverse:#ffffff;--color-surface-page:#f7f9fc;--color-surface-card:#ffffff;--color-surface-sunken:#eef1f6;--color-surface-inverse:#050a31;--color-border-subtle:#e3e8f0;--color-border-control:#7a8499;--color-brand-pro:#1f66cc;--color-brand-patient:#0e7468;--color-icon-default:#5b6577;--color-icon-secondary:#7a8499;--color-icon-inverse-hover:#bdc4d1;--color-icon-accent:#1f66cc;--color-status-error-fg:#b42318;--color-status-error-bg:#fdecea;--color-status-error-border:#b42318;--color-status-error-on-dark:#f19f92;--color-status-warning-fg:#6b3d00;--color-status-warning-bg:#fff4e5;--color-status-warning-border:#f5c98a;--color-status-warning-on-dark:#f5c98a;--color-status-success-fg:#135e3a;--color-status-success-bg:#e7f5ee;--color-status-success-border:#a9d8bf;--color-status-success-on-dark:#a9d8bf;--color-overlay-scrim:#050a3166;--color-category-comment-bg:#f0f9fa;--color-category-comment-tint:#d9f0f2;--color-category-comment-ink:#0b5e66;--color-category-e-consultation-report-bg:#f7f2fd;--color-category-e-consultation-report-tint:#e9ddfa;--color-category-e-consultation-report-ink:#5a2e99;--color-category-imaging-bg:#fef5ee;--color-category-imaging-tint:#fbe3d1;--color-category-imaging-ink:#8a4210;--color-category-lab-result-bg:#f0f8f2;--color-category-lab-result-tint:#d7eedd;--color-category-lab-result-ink:#1f6b35;--color-category-prescription-bg:#fdf1f5;--color-category-prescription-tint:#f9dce7;--color-category-prescription-ink:#8c1f4e;--color-category-photo-bg:#f1f5fe;--color-category-photo-tint:#dce6fb;--color-category-photo-ink:#1e3f96;--color-category-audio-bg:#fff9ea;--color-category-audio-tint:#fcedc2;--color-category-audio-ink:#7a5600;--color-category-video-bg:#f3f4fc;--color-category-video-tint:#dee2f7;--color-category-video-ink:#2b3a8f;--color-category-other-bg:#f5f6f9;--color-category-other-tint:#e6e9ef;--color-category-other-ink:#3e4759;--color-action-bg:#1f66cc;--color-action-bg-hover:#174e9c;--color-action-fg:#ffffff;--color-accent-subtle:#eaf2fd;--color-accent-muted:#cae1f6;--color-accent-decor:#2f80ed;--color-accent-strong:#1f66cc;--color-link-default:#1f66cc;--color-link-hover:#174e9c;--color-selected-bg:#eaf2fd;--color-selected-fg:#174e9c;--color-focus-ring:#1f66cc;--color-toggle-on:#1f66cc;--shadow-sm:0px 1px 2px 0px rgba(16, 24, 40, 0.2);--shadow-md:0px 4px 20px 0px rgba(16, 24, 40, 0.08);--shadow-lg:0px 12px 32px 0px rgba(20, 26, 38, 0.25);--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--control-height-sm:36px;--control-height-md:44px;--control-height-lg:48px;--list-row-height-single:56px;--list-row-height-double:64px;--min-touch-target:44px;--icon-size-xs:12px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:28px;--icon-size-2xl:32px;--icon-size-3xl:40px;--icon-size-4xl:64px;--icon-size-5xl:80px;--avatar-size-xs:24px;--avatar-size-sm:36px;--avatar-size-md:44px;--avatar-size-lg:56px;--border-width-hairline:1px;--border-width-strong:2px;--layout-gutter-mobile:16px;--layout-gutter-web:24px;--layout-content-max-width:1040px;--layout-sheet-max-width:480px;--layout-breakpoint-desktop:1024px;--z-index-dropdown:1000;--z-index-sticky:1100;--z-index-overlay:1300;--z-index-modal:1400;--z-index-toast:1500;--font-sans:Poppins, system-ui, sans-serif;--text-display:600 32px/38px var(--font-sans);--text-title:600 23px/30px var(--font-sans);--text-heading:600 21px/28px var(--font-sans);--text-labelLarge:500 18px/25px var(--font-sans);--text-bodyLarge:400 18px/27px var(--font-sans);--text-label:500 17px/24px var(--font-sans);--text-body:400 16px/24px var(--font-sans);--text-small:400 15px/23px var(--font-sans);--text-caption:500 14px/20px var(--font-sans);--text-overline:600 14px/18px var(--font-sans);--text-micro:600 13px/17px var(--font-sans);}}

/* style */
x-dc{display:none!important}

/* bundle.css */
:root, [data-theme="pro"] { --color-palette-white: #FFFFFF; --color-palette-navy-900: #050A31; --color-palette-grey-50: #F7F9FC; --color-palette-grey-100: #EEF1F6; --color-palette-grey-200: #E3E8F0; --color-palette-grey-300: #BDC4D1; --color-palette-grey-400: #7A8499; --color-palette-grey-600: #5B6577; --color-palette-grey-800: #3A4654; --color-palette-blue-50: #EAF2FD; --color-palette-blue-100: #CAE1F6; --color-palette-blue-500: #2F80ED; --color-palette-blue-600: #1F66CC; --color-palette-blue-700: #174E9C; --color-palette-teal-50: #E3F5F3; --color-palette-teal-100: #C1EBE6; --color-palette-teal-500: #1ABCA9; --color-palette-teal-600: #0E7468; --color-palette-teal-700: #0B6157; --color-palette-red-50: #FDECEA; --color-palette-red-300: #F19F92; --color-palette-red-600: #B42318; --color-palette-amber-50: #FFF4E5; --color-palette-amber-300: #F5C98A; --color-palette-amber-800: #6B3D00; --color-palette-green-50: #E7F5EE; --color-palette-green-300: #A9D8BF; --color-palette-green-700: #135E3A; --color-palette-orange-50: #FEEEE7; --color-palette-orange-400: #F58A5D; --color-palette-orange-700: #A8471F; --color-text-primary: #050A31; --color-text-body: #3A4654; --color-text-secondary: #5B6577; --color-text-placeholder: #5B6577; --color-text-disabled: #7A8499; --color-text-on-action: #FFFFFF; --color-text-inverse: #FFFFFF; --color-surface-page: #F7F9FC; --color-surface-card: #FFFFFF; --color-surface-sunken: #EEF1F6; --color-surface-inverse: #050A31; --color-border-subtle: #E3E8F0; --color-border-control: #7A8499; --color-brand-pro: #1F66CC; --color-brand-patient: #0E7468; --color-icon-default: #5B6577; --color-icon-secondary: #7A8499; --color-icon-inverse-hover: #BDC4D1; --color-icon-accent: #1F66CC; --color-status-error-fg: #B42318; --color-status-error-bg: #FDECEA; --color-status-error-border: #B42318; --color-status-error-on-dark: #F19F92; --color-status-warning-fg: #6B3D00; --color-status-warning-bg: #FFF4E5; --color-status-warning-border: #F5C98A; --color-status-warning-on-dark: #F5C98A; --color-status-success-fg: #135E3A; --color-status-success-bg: #E7F5EE; --color-status-success-border: #A9D8BF; --color-status-success-on-dark: #A9D8BF; --color-overlay-scrim: rgba(5, 10, 49, .4); --color-category-comment-bg: #F0F9FA; --color-category-comment-tint: #D9F0F2; --color-category-comment-ink: #0B5E66; --color-category-e-consultation-report-bg: #F7F2FD; --color-category-e-consultation-report-tint: #E9DDFA; --color-category-e-consultation-report-ink: #5A2E99; --color-category-imaging-bg: #FEF5EE; --color-category-imaging-tint: #FBE3D1; --color-category-imaging-ink: #8A4210; --color-category-lab-result-bg: #F0F8F2; --color-category-lab-result-tint: #D7EEDD; --color-category-lab-result-ink: #1F6B35; --color-category-prescription-bg: #FDF1F5; --color-category-prescription-tint: #F9DCE7; --color-category-prescription-ink: #8C1F4E; --color-category-photo-bg: #F1F5FE; --color-category-photo-tint: #DCE6FB; --color-category-photo-ink: #1E3F96; --color-category-audio-bg: #FFF9EA; --color-category-audio-tint: #FCEDC2; --color-category-audio-ink: #7A5600; --color-category-video-bg: #F3F4FC; --color-category-video-tint: #DEE2F7; --color-category-video-ink: #2B3A8F; --color-category-other-bg: #F5F6F9; --color-category-other-tint: #E6E9EF; --color-category-other-ink: #3E4759; --color-action-bg: #1F66CC; --color-action-bg-hover: #174E9C; --color-action-fg: #FFFFFF; --color-accent-subtle: #EAF2FD; --color-accent-muted: #CAE1F6; --color-accent-decor: #2F80ED; --color-accent-strong: #1F66CC; --color-link-default: #1F66CC; --color-link-hover: #174E9C; --color-selected-bg: #EAF2FD; --color-selected-fg: #174E9C; --color-focus-ring: #1F66CC; --color-toggle-on: #1F66CC; --space-2: 2px; --space-4: 4px; --space-6: 6px; --space-8: 8px; --space-12: 12px; --space-16: 16px; --space-20: 20px; --space-24: 24px; --space-28: 28px; --space-32: 32px; --space-40: 40px; --space-48: 48px; --space-64: 64px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 999px; --control-height-sm: 36px; --control-height-md: 44px; --control-height-lg: 48px; --list-row-height-single: 56px; --list-row-height-double: 64px; --min-touch-target: 44px; --icon-size-xs: 12px; --icon-size-sm: 16px; --icon-size-md: 20px; --icon-size-lg: 24px; --icon-size-xl: 28px; --icon-size-2xl: 32px; --icon-size-3xl: 40px; --icon-size-4xl: 64px; --icon-size-5xl: 80px; --avatar-size-xs: 24px; --avatar-size-sm: 36px; --avatar-size-md: 44px; --avatar-size-lg: 56px; --border-width-hairline: 1px; --border-width-strong: 2px; --layout-gutter-mobile: 16px; --layout-gutter-web: 24px; --layout-content-max-width: 1040px; --layout-sheet-max-width: 480px; --layout-breakpoint-desktop: 1024px; --z-index-dropdown: 1000; --z-index-sticky: 1100; --z-index-overlay: 1300; --z-index-modal: 1400; --z-index-toast: 1500; --motion-duration-fast: .12s; --motion-duration-base: .2s; --motion-duration-slow: .3s; --motion-easing-standard: cubic-bezier(.2, 0, 0, 1); --motion-easing-exit: cubic-bezier(.4, 0, 1, 1); --shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, .2); --shadow-md: 0px 4px 20px 0px rgba(16, 24, 40, .08); --shadow-lg: 0px 12px 32px 0px rgba(20, 26, 38, .25); --typography-display-font-family: Poppins; --typography-display-font-size: 32px; --typography-display-font-weight: 600; --typography-display-line-height: 38px; --typography-display-letter-spacing: -.32px; --typography-title-font-family: Poppins; --typography-title-font-size: 23px; --typography-title-font-weight: 600; --typography-title-line-height: 30px; --typography-title-letter-spacing: -.23px; --typography-heading-font-family: Poppins; --typography-heading-font-size: 21px; --typography-heading-font-weight: 600; --typography-heading-line-height: 28px; --typography-heading-letter-spacing: 0px; --typography-label-large-font-family: Poppins; --typography-label-large-font-size: 18px; --typography-label-large-font-weight: 500; --typography-label-large-line-height: 25px; --typography-label-large-letter-spacing: 0px; --typography-body-large-font-family: Poppins; --typography-body-large-font-size: 18px; --typography-body-large-font-weight: 400; --typography-body-large-line-height: 27px; --typography-body-large-letter-spacing: 0px; --typography-label-font-family: Poppins; --typography-label-font-size: 17px; --typography-label-font-weight: 500; --typography-label-line-height: 24px; --typography-label-letter-spacing: 0px; --typography-body-font-family: Poppins; --typography-body-font-size: 16px; --typography-body-font-weight: 400; --typography-body-line-height: 24px; --typography-body-letter-spacing: 0px; --typography-small-font-family: Poppins; --typography-small-font-size: 15px; --typography-small-font-weight: 400; --typography-small-line-height: 23px; --typography-small-letter-spacing: 0px; --typography-caption-font-family: Poppins; --typography-caption-font-size: 14px; --typography-caption-font-weight: 500; --typography-caption-line-height: 20px; --typography-caption-letter-spacing: 0px; --typography-overline-font-family: Poppins; --typography-overline-font-size: 14px; --typography-overline-font-weight: 600; --typography-overline-line-height: 18px; --typography-overline-letter-spacing: 1.12px; --typography-overline-text-transform: uppercase; --typography-micro-font-family: Poppins; --typography-micro-font-size: 13px; --typography-micro-font-weight: 600; --typography-micro-line-height: 17px; --typography-micro-letter-spacing: 0px; }
[data-theme="patient"] { --color-text-primary: #050A31; --color-text-body: #3A4654; --color-text-secondary: #5B6577; --color-text-placeholder: #5B6577; --color-text-disabled: #7A8499; --color-text-on-action: #FFFFFF; --color-text-inverse: #FFFFFF; --color-surface-page: #F7F9FC; --color-surface-card: #FFFFFF; --color-surface-sunken: #EEF1F6; --color-surface-inverse: #050A31; --color-border-subtle: #E3E8F0; --color-border-control: #7A8499; --color-brand-pro: #1F66CC; --color-brand-patient: #0E7468; --color-icon-default: #5B6577; --color-icon-secondary: #7A8499; --color-icon-inverse-hover: #BDC4D1; --color-icon-accent: #0E7468; --color-status-error-fg: #B42318; --color-status-error-bg: #FDECEA; --color-status-error-border: #B42318; --color-status-error-on-dark: #F19F92; --color-status-warning-fg: #6B3D00; --color-status-warning-bg: #FFF4E5; --color-status-warning-border: #F5C98A; --color-status-warning-on-dark: #F5C98A; --color-status-success-fg: #135E3A; --color-status-success-bg: #E7F5EE; --color-status-success-border: #A9D8BF; --color-status-success-on-dark: #A9D8BF; --color-overlay-scrim: rgba(5, 10, 49, .4); --color-category-comment-bg: #F0F9FA; --color-category-comment-tint: #D9F0F2; --color-category-comment-ink: #0B5E66; --color-category-e-consultation-report-bg: #F7F2FD; --color-category-e-consultation-report-tint: #E9DDFA; --color-category-e-consultation-report-ink: #5A2E99; --color-category-imaging-bg: #FEF5EE; --color-category-imaging-tint: #FBE3D1; --color-category-imaging-ink: #8A4210; --color-category-lab-result-bg: #F0F8F2; --color-category-lab-result-tint: #D7EEDD; --color-category-lab-result-ink: #1F6B35; --color-category-prescription-bg: #FDF1F5; --color-category-prescription-tint: #F9DCE7; --color-category-prescription-ink: #8C1F4E; --color-category-photo-bg: #F1F5FE; --color-category-photo-tint: #DCE6FB; --color-category-photo-ink: #1E3F96; --color-category-audio-bg: #FFF9EA; --color-category-audio-tint: #FCEDC2; --color-category-audio-ink: #7A5600; --color-category-video-bg: #F3F4FC; --color-category-video-tint: #DEE2F7; --color-category-video-ink: #2B3A8F; --color-category-other-bg: #F5F6F9; --color-category-other-tint: #E6E9EF; --color-category-other-ink: #3E4759; --color-action-bg: #0E7468; --color-action-bg-hover: #0B6157; --color-action-fg: #FFFFFF; --color-accent-subtle: #E3F5F3; --color-accent-muted: #C1EBE6; --color-accent-decor: #1ABCA9; --color-accent-strong: #0E7468; --color-link-default: #0E7468; --color-link-hover: #0B6157; --color-selected-bg: #E3F5F3; --color-selected-fg: #0B6157; --color-focus-ring: #0E7468; --color-toggle-on: #0E7468; }

/* style */

@font-face{font-family:Poppins;font-weight:400;font-style:normal;src:url("../assets/42f8277524a1da7ec2f4c7c9fa9e9aa0.ttf") format("truetype")}
@font-face{font-family:Poppins;font-weight:500;font-style:normal;src:url("../assets/9284483c3df2ca71b07603d24c5eb38a.ttf") format("truetype")}
@font-face{font-family:Poppins;font-weight:600;font-style:normal;src:url("../assets/2a0765813fe7600bd23407cbd2be78e9.ttf") format("truetype")}
body{margin:0;font-family:Poppins, system-ui, sans-serif;background:var(--color-surface-card);color:var(--color-text-primary)}
a{color:var(--color-link-default);text-decoration:none}a:hover{color:var(--color-link-hover)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--control-height-lg);padding:0 var(--space-24);border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-easing-standard)}
.btn-primary{background:var(--color-action-bg);border:var(--border-width-hairline) solid var(--color-action-bg)}
.btn-primary:hover{background:var(--color-action-bg-hover)}
.btn-secondary{background:var(--color-surface-card);border:var(--border-width-hairline) solid var(--color-border-control)}
.btn-secondary:hover{background:var(--color-surface-sunken)}
.btn-ghost{background:transparent;border:var(--border-width-hairline) solid transparent}
.btn-ghost:hover{background:var(--color-surface-sunken)}
.btn,.navbtn{white-space:nowrap;flex-shrink:0}
.navbtn{display:inline-flex;align-items:center;gap:var(--space-4);min-height:var(--min-touch-target);padding:0 var(--space-12);border:0;border-radius:var(--radius-full);background:transparent;cursor:pointer;font:inherit}
.navbtn:hover,.navbtn[aria-expanded="true"]{background:var(--color-selected-bg)}
.menu-item{display:flex;align-items:center;gap:var(--space-12);min-height:var(--min-touch-target);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm)}
.menu-item:hover{background:var(--color-surface-sunken)}
.fcard{position:relative;cursor:pointer;transition:background var(--motion-duration-base) var(--motion-easing-standard),border-color var(--motion-duration-base) var(--motion-easing-standard),box-shadow var(--motion-duration-base) var(--motion-easing-standard),transform var(--motion-duration-base) var(--motion-easing-standard)}
.fcard:hover{background:var(--color-surface-card) !important;border-color:var(--color-accent-muted) !important;box-shadow:var(--shadow-md);transform:translateY(calc(-1 * var(--space-4)))}
.fcard-label{display:inline-flex;transition:transform var(--motion-duration-slow) var(--motion-easing-standard)}
.fcard-link::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}
.fcard-arrow{display:inline-flex;transition:transform var(--motion-duration-slow) var(--motion-easing-standard)}
.fcard:hover .fcard-label{transform:translateX(var(--space-4))}
.fcard:hover .fcard-arrow{transform:translateX(var(--space-8))}
@media (prefers-reduced-motion:reduce){.fcard,.fcard-label,.fcard-arrow{transition:none}.fcard:hover,.fcard:hover .fcard-label,.fcard:hover .fcard-arrow{transform:none}}
.ext{display:inline-flex;margin-left:auto;transform:rotate(45deg)}
.ext-inline{margin-left:0}
.pill-b{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-full);font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);font-weight:var(--typography-caption-font-weight);line-height:var(--typography-caption-line-height);color:var(--color-text-body)}
.tile-b{display:flex;flex-direction:column;overflow:hidden;min-height:calc(var(--space-64) * 4);background:var(--color-surface-card);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-xl);text-decoration:none;transition:border-color var(--motion-duration-base) var(--motion-easing-standard),box-shadow var(--motion-duration-base) var(--motion-easing-standard),transform var(--motion-duration-base) var(--motion-easing-standard)}
.tile-b:hover{border-color:var(--color-accent-muted);box-shadow:var(--shadow-md);transform:translateY(calc(-1 * var(--space-4)))}
.tile-arrow{display:inline-flex;transition:transform var(--motion-duration-slow) var(--motion-easing-standard)}
.tile-b:hover .tile-arrow{transform:translateX(var(--space-8))}
.chip-b{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--min-touch-target);padding:0 var(--space-20);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface-card);transition:background var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard)}
.btn-onaction{background:var(--color-surface-card);border:var(--border-width-hairline) solid var(--color-surface-card)}
.btn-onaction:hover{background:var(--color-accent-subtle)}
@media (prefers-reduced-motion:reduce){.tile-b,.tile-arrow{transition:none}.tile-b:hover,.tile-b:hover .tile-arrow{transform:none}}
@media (max-width:1023px){.bento,.plans-b{grid-template-columns:minmax(0, 1fr) !important}.bento > *{grid-column:auto !important}.stats-b{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}
.mk-av{display:flex;align-items:center;justify-content:center;width:var(--avatar-size-xs);height:var(--avatar-size-xs);flex-shrink:0;border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-link-default);font-family:var(--typography-micro-font-family);font-size:var(--typography-micro-font-size);font-weight:var(--typography-label-font-weight);line-height:1}
.mk-av-lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg);font-size:var(--typography-label-font-size)}
.mk-self{position:absolute;right:var(--space-12);bottom:var(--space-8);display:flex;align-items:center;justify-content:center;width:var(--space-64);height:var(--space-48);border-radius:var(--radius-sm);background:var(--color-text-secondary)}
.mk-ctl{display:flex;align-items:center;justify-content:center;width:var(--avatar-size-sm);height:var(--avatar-size-sm);border-radius:var(--radius-full);background:var(--color-text-secondary)}
.mk-ctl-end{background:var(--color-status-error-fg)}
.mk-bub{align-self:flex-start;display:flex;flex-direction:column;gap:var(--space-4);width:60%;padding:var(--space-8);border-radius:var(--radius-md);background:var(--color-surface-card);border:var(--border-width-hairline) solid var(--color-border-subtle);box-sizing:border-box}
.mk-bub-me{align-self:flex-end;align-items:flex-end;background:var(--color-accent-subtle);border-color:var(--color-accent-subtle)}
.mk-file{flex-direction:row;align-items:center;gap:var(--space-8)}
.mk-line-me{background:var(--color-accent-muted)}
.mk-line-strong{height:var(--space-8);background:var(--color-action-bg)}
.mk-search{display:flex;align-items:center;gap:var(--space-8);flex-grow:1;padding:var(--space-4) var(--space-8);border:var(--border-width-hairline) solid var(--color-border-control);border-radius:var(--radius-full);background:var(--color-surface-card)}
.mock{align-self:flex-end;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface-page);border:var(--border-width-hairline) solid var(--color-border-subtle);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sm)}
.mock-bar{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);background:var(--color-surface-card);border-bottom:var(--border-width-hairline) solid var(--color-border-subtle)}
.mock-row{display:flex;align-items:center;gap:var(--space-8);margin:var(--space-4) var(--space-8) 0;padding:var(--space-8);border-radius:var(--radius-sm);background:var(--color-surface-card)}
.mock-row-on{background:var(--color-selected-bg)}
.mk-ico{display:flex;align-items:center;justify-content:center;width:var(--avatar-size-xs);height:var(--avatar-size-xs);flex-shrink:0;border-radius:var(--radius-full);background:var(--color-accent-subtle)}
.mk-lines{display:flex;flex-direction:column;gap:var(--space-4);flex-grow:1;min-width:0}
.mk-cap{font-family:var(--typography-micro-font-family);font-size:var(--typography-micro-font-size);font-weight:var(--typography-label-font-weight);line-height:var(--typography-micro-line-height);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-bar .mk-cap{flex-grow:1}
.mk-micro{font-family:var(--typography-micro-font-family);font-size:var(--typography-micro-font-size);font-weight:var(--typography-micro-font-weight);line-height:var(--typography-micro-line-height);color:var(--color-text-secondary)}
.mk-line{display:block;height:var(--space-4);border-radius:var(--radius-full);background:var(--color-border-subtle)}
.mk-chip{font-family:var(--typography-micro-font-family);font-size:var(--typography-micro-font-size);font-weight:var(--typography-micro-font-weight);line-height:var(--typography-micro-line-height);color:var(--color-link-default);background:var(--color-accent-subtle);border-radius:var(--radius-full);padding:0 var(--space-8)}
.mk-dot{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--color-action-bg);flex-shrink:0}
.mk-stat{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-sm);background:var(--color-surface-card)}
.mk-bars{display:flex;align-items:flex-end;gap:var(--space-4);height:var(--space-32)}
.mk-bars span{flex:1;border-radius:var(--space-2) var(--space-2) 0 0;background:var(--color-action-bg)}
.mk-bars-alt span{background:var(--color-accent-muted)}
.hero-c{position:relative;overflow:hidden;background:var(--color-surface-card)}
.hero-c > div{position:relative;z-index:1}
.topo{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--color-accent-muted);pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 10%,black 55%);mask-image:linear-gradient(to right,transparent 10%,black 55%)}
.foot-topo{position:relative;overflow:hidden}
.foot-topo > div{position:relative;z-index:1}
.topo-foot{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--color-text-secondary);opacity:0.35;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 25%,black 75%);mask-image:linear-gradient(to right,transparent 25%,black 75%)}
.tile-static{cursor:default}
.tile-static:hover{transform:none !important;box-shadow:none !important;border-color:var(--color-border-subtle) !important}
section[id]{scroll-margin-top:calc(var(--space-64) + var(--space-32))}
.btn-soft{background:var(--color-accent-subtle);border:var(--border-width-hairline) solid var(--color-accent-subtle)}
.btn-soft:hover{background:var(--color-accent-muted);border-color:var(--color-accent-muted)}
.dot-off{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--avatar-size-xs);height:var(--avatar-size-xs);border-radius:var(--radius-full);border:var(--border-width-hairline) dashed var(--color-border-control)}
.row-off{text-decoration:line-through;text-decoration-color:var(--color-text-disabled)}
.cloud-xl{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--control-height-lg);padding:0 var(--space-24);border-radius:var(--radius-full);background:var(--color-accent-muted);border:var(--border-width-hairline) solid var(--color-accent-muted)}
.cloud-l{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--min-touch-target);padding:0 var(--space-20);border-radius:var(--radius-full);background:var(--color-accent-subtle);border:var(--border-width-hairline) solid var(--color-accent-subtle)}
.cloud-m{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--control-height-sm);padding:0 var(--space-16);border-radius:var(--radius-full);background:var(--color-surface-card);border:var(--border-width-hairline) solid var(--color-border-subtle)}
.cloud-org{background:var(--color-surface-card);border-color:var(--color-accent-muted)}
.feat{display:flex;align-items:flex-start;gap:var(--space-16);width:100%;padding:var(--space-16);border:0;border-radius:var(--radius-md);text-align:left;cursor:pointer;font:inherit}
.feat:hover{background:var(--color-surface-sunken)}
.rowlink{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:var(--list-row-height-single);padding:0 var(--space-4);border-bottom:var(--border-width-hairline) solid var(--color-border-subtle)}
.rowlink:hover{background:var(--color-surface-sunken)}

.nav-mobile{display:none}
.nav-mobile-panel{display:none}
.dd::before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--space-24));height:var(--space-24)}
.macc{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);width:100%;min-height:var(--list-row-height-single);padding:0 var(--space-8);border:0;border-bottom:var(--border-width-hairline) solid var(--color-border-subtle);background:transparent;text-align:left;cursor:pointer;font:inherit;box-sizing:border-box}
.macc:hover{background:var(--color-surface-sunken)}
.feat-media{position:relative}
.feat-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block}
@media (max-width:1023px){
  .feat-grid{grid-template-columns:minmax(0, 1fr) !important}
  .feat-img{position:static;height:auto}
  .nav-desktop{display:none !important}
  .nav-mobile-panel{display:block}
  .nav-mobile{display:flex}
  .gutter{padding-left:var(--layout-gutter-mobile) !important;padding-right:var(--layout-gutter-mobile) !important}
}


[data-mobile-menu][hidden]{display:none!important}
}

/* former inline styles */
.s-017a3d9{display: flex; align-items: center; justify-content: center; width: var(--avatar-size-lg); height: var(--avatar-size-lg); flex-shrink: 0; border-radius: var(--radius-md); background: var(--color-accent-subtle)}
.s-025e144{font-family: Poppins; font-weight: 400; font-style: normal; font-size: 16px; line-height: 24px; letter-spacing: 0px; color: rgb(255, 255, 255)}
.s-03853aa{flex: 1 1 400px; min-width: 0px; display: flex; flex-direction: column; gap: var(--space-24)}
.s-03a3bac{flex-grow: 1; position: relative; display: flex; align-items: center; justify-content: center}
.s-042d264{font-family: Poppins; font-weight: 600; font-style: normal; font-size: 14px; line-height: 18px; letter-spacing: 1.12px; text-transform: uppercase; color: rgb(91, 101, 119)}
.s-0b24277{position: sticky; top: 0px; z-index: var(--z-index-sticky); background: transparent; padding: var(--space-16) var(--layout-gutter-web) 0}
.s-0bb5ac7{flex: 1 1 280px; display: flex; flex-direction: column; gap: var(--space-16)}
.s-0cb96a8{width: 100%; border-radius: var(--radius-full)}
.s-10ddb1a{min-height: var(--control-height-sm); padding: 0 var(--space-12); border-radius: var(--radius-full)}
.s-13a3b5c{height: 32px; width: 29.8667px}
.s-14238ce{font-family: Poppins; font-weight: 400; font-style: normal; font-size: 15px; line-height: 23px; letter-spacing: 0px; color: rgb(255, 255, 255)}
.s-143001b{display: flex; align-items: flex-end; justify-content: center; height: calc(var(--space-64) * 3); margin: var(--space-20) var(--space-24) 0; flex-shrink: 0}
.s-145ef29{font-family: Poppins; font-weight: 500; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: rgb(5, 10, 49)}
.s-15003be{max-width: var(--layout-content-max-width); margin: 0px auto; box-sizing: border-box; padding: var(--space-48); border-radius: var(--radius-xl); background: var(--color-action-bg); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-24)}
.s-1740cb9{min-height: var(--control-height-md); padding: 0 var(--space-20); border-radius: var(--radius-full)}
.s-17bc2b4{font-family: Poppins; font-weight: 400; font-style: normal; font-size: 15px; line-height: 23px; letter-spacing: 0px; color: rgb(91, 101, 119)}
.s-1a70795{max-width: var(--layout-content-max-width); margin: 0px auto; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); border-top: var(--border-width-hairline) solid var(--color-border-subtle); border-bottom: var(--border-width-hairline) solid var(--color-border-subtle)}
.s-1e1b67b{display: flex; align-items: center; justify-content: center; gap: var(--space-8); min-height: var(--min-touch-target)}
.s-1e6da9f{min-height: 0px; flex-direction: row; align-items: center; gap: var(--space-20); padding: var(--space-24)}
.s-28e247f{font-family: Poppins; font-weight: 500; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: rgb(91, 101, 119)}
.s-29796c5{font-family: Poppins; font-weight: 500; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: rgb(58, 70, 84)}
.s-2d4c8c4{padding: var(--space-64) var(--layout-gutter-web); background: var(--color-surface-page)}
.s-2db41a3{display: flex; justify-content: center; gap: var(--space-8); padding: var(--space-12)}
.s-2f3bb85{font-family: Poppins; font-weight: 600; font-style: normal; font-size: 21px; line-height: 28px; letter-spacing: 0px; color: rgb(255, 255, 255)}
.s-2f73c63{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--space-16)}
.s-2febd0d{display: flex; align-items: baseline; gap: var(--space-8)}
.s-32bcb15{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); background: var(--color-surface-card); border: var(--border-width-hairline) solid var(--color-border-subtle); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-sm)}
.s-3330da6{height: 45%}
.s-3347fbe{flex: 1 1 400px; display: flex; flex-direction: column; gap: var(--space-8)}
.s-35291fa{padding: var(--space-64) var(--layout-gutter-web) var(--space-48)}
.s-35d455e{height: 90%}
.s-378216f{display: flex; align-items: center; gap: var(--space-8)}
.s-37c81f7{display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-16); padding-top: var(--space-24); border-top: var(--border-width-hairline) solid var(--color-border-control)}
.s-39e2e32{height: 32px; width: 88.1529px}
.s-3a8c936{display: inline-flex; align-items: center; gap: var(--space-8); align-self: flex-start; min-height: var(--min-touch-target)}
.s-3ac612c{height: 60%}
.s-3ec9698{width: 40%}
.s-3fdf744{font-family: Poppins; font-weight: 500; font-style: normal; font-size: 17px; line-height: 24px; letter-spacing: 0px; color: rgb(5, 10, 49)}
.s-4037ebf{background-image: url("../assets/logo-mark-white.svg")}
.s-4213761{padding: var(--space-64) var(--layout-gutter-web)}
.s-4270057{display: flex; align-items: center}
.s-43b1c08{background: var(--color-surface-inverse); border-color: var(--color-surface-inverse)}
.s-468cac9{display: grid; grid-row: span 11; grid-template-rows: subgrid; row-gap: var(--space-12); align-items: start; padding: var(--space-32); border-left: var(--border-width-hairline) solid var(--color-border-subtle); background: var(--color-surface-card); border-top: var(--space-6) solid var(--color-status-success-fg)}
.s-47c75ad{display: flex; flex-direction: column; gap: var(--space-12); max-width: var(--layout-sheet-max-width)}
.s-49c9406{width: 70%}
.s-4aed7dd{margin: 0px; font: inherit; width: 581px; max-width: calc(100vw - 32px)}
.s-4d0caba{position: relative; max-width: calc(var(--layout-content-max-width) + 2 * var(--space-64)); margin: 0px auto; min-height: var(--space-64); box-sizing: border-box; padding: var(--space-8) var(--space-8) var(--space-8) var(--space-24); display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); background: var(--color-surface-card); border: var(--border-width-hairline) solid var(--color-border-subtle); border-radius: var(--radius-full); box-shadow: var(--shadow-md)}
.s-5089750{height: 65%}
.s-54820da{display: flex; gap: var(--space-8); padding: var(--space-8) var(--space-12) 0}
.s-564c2f6{display: flex; align-items: center; justify-content: center; gap: var(--space-2); flex-grow: 1}
.s-57077a8{max-width: var(--layout-content-max-width); margin: 0px auto; display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--space-24)}
.s-5779d47{font-family: Poppins; font-weight: 600; font-style: normal; font-size: 23px; line-height: 30px; letter-spacing: -0.23px; color: rgb(255, 255, 255)}
.s-5790ffb{display: none}
.s-5a068e9{display: flex; flex-wrap: wrap; gap: var(--space-12)}
.s-5c6e5df{font-family: Poppins; font-weight: 500; font-style: normal; font-size: 17px; line-height: 24px; letter-spacing: 0px; color: rgb(255, 255, 255)}
.s-5d5b496{display: grid; grid-row: span 11; grid-template-rows: subgrid; row-gap: var(--space-12); align-items: start; padding: var(--space-32); background: var(--color-surface-card); border-top: var(--space-6) solid var(--color-icon-secondary)}
.s-60bbd40{flex: 1 1 440px; min-width: 0px; display: flex; justify-content: center}
.s-622adf5{background: var(--color-surface-inverse); padding: var(--space-64) var(--layout-gutter-web) var(--space-32)}
.s-64066f5{padding: 0px; width: var(--min-touch-target); justify-content: center}
.s-66c0bad{display: inline-flex; align-items: center; gap: var(--space-8)}
.s-67e46d5{max-width: var(--layout-content-max-width); margin: 0px auto; display: flex; flex-direction: column; gap: var(--space-40)}
.s-6a46cd0{background: var(--color-surface-card); min-width: 0px}
.s-6ed1f0c{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-8) var(--space-12); max-width: calc(var(--layout-content-max-width) - 2 * var(--space-64)); padding-top: var(--space-8)}
.s-6f6c36b{background: var(--color-accent-subtle); padding: var(--space-64) var(--layout-gutter-web)}
.s-7d1a7d9{width: 100%; height: auto; display: block}
/* Hero devices image: smaller below the desktop breakpoint, where it spans the full column */
@media (max-width:1023px){.s-7d1a7d9{max-width:min(75%, var(--layout-sheet-max-width))}}
.s-8078bbe{font-family: Poppins; font-weight: 500; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: rgb(255, 255, 255)}
.s-82b1797{display: flex; gap: var(--space-8); padding: var(--space-8) var(--space-12)}
.s-8396a8a{min-height: 0px; flex-direction: row; align-items: center; gap: var(--space-20); padding: var(--space-24); background: rgb(235, 236, 250); border-color: rgb(205, 207, 242)}
.s-853d287{width: 62%}
.s-857a92a{background-image: url("../assets/logo.svg")}
.s-85989b8{display: inline-flex; align-items: center; gap: var(--space-4)}
.s-86d5a62{width: 60%}
.s-89d972b{display: flex; flex-direction: column; gap: var(--space-8); padding: var(--space-12)}
.s-8c05acc{display: flex; align-items: center; gap: var(--space-12)}
.s-91bbcc4{max-width: var(--layout-content-max-width); margin: 0px auto; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-48)}
.s-933d4d0{list-style: none; margin: var(--space-8) 0 0; padding: var(--space-16) 0 0; border-top: var(--border-width-hairline) solid var(--color-border-subtle); display: grid; grid-row: span 6; grid-template-rows: subgrid; row-gap: var(--space-12); align-items: center}
.s-98ce264{display: flex; flex-direction: column; gap: var(--space-4); flex-grow: 1; min-width: 0px}
.s-99fa4f9{height: 50%}
.s-9b04bc9{margin: var(--space-8) var(--space-12) 0; flex: 0 0 auto}
.s-9e2b4e9{width: 80%}
.s-a229ae7{font-family: Poppins; font-weight: 400; font-style: normal; font-size: 15px; line-height: 23px; letter-spacing: 0px; color: rgb(58, 70, 84)}
.s-a3df2e8{display: flex; flex-wrap: wrap; gap: var(--space-24)}
.s-a93b570{height: 40%}
.s-aa19c79{font-family: Poppins; font-weight: 400; font-style: normal; font-size: 15px; line-height: 23px; letter-spacing: 0px; color: rgb(122, 132, 153)}
.s-ac70407{display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--avatar-size-xs); height: var(--avatar-size-xs); border-radius: var(--radius-full); background: var(--color-status-success-bg)}
.s-ad55457{min-height: var(--space-8)}
.s-b574f7d{font-family: Poppins; font-weight: 400; font-style: normal; font-size: 15px; line-height: 23px; letter-spacing: 0px; color: rgb(5, 10, 49)}
.s-b5a6576{display: flex; align-items: center; justify-content: center; width: var(--avatar-size-lg); height: var(--avatar-size-lg); flex-shrink: 0; border-radius: var(--radius-md); background: var(--color-surface-card); overflow: hidden}
.s-b62856e{flex-shrink: 0}
.s-b87e5a9{max-width: var(--layout-content-max-width); margin: 0px auto; display: flex; flex-direction: column; gap: var(--space-32)}
.s-bbb2241{border-radius: var(--radius-full)}
.s-be7228a{width: 100%; align-self: end; border-radius: var(--radius-full)}
.s-c0889d6{font-family: Poppins; font-weight: 600; font-style: normal; font-size: 32px; line-height: 38px; letter-spacing: -0.32px; color: rgb(5, 10, 49)}
.s-c1da69e{font-family: Poppins; font-weight: 600; font-style: normal; font-size: 21px; line-height: 28px; letter-spacing: 0px; color: rgb(5, 10, 49)}
.s-c2b99d6{flex: 2 1 480px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-32)}
.s-c311217{width: 75%}
.s-c4010c3{display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--avatar-size-xs); height: var(--avatar-size-xs); border-radius: var(--radius-full); background: var(--color-surface-sunken)}
.s-c41bca6{display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-24)}
.s-c60442b{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-16)}
.s-c633fd1{margin-left: auto; align-items: center; gap: var(--space-8)}
.s-c868f8d{min-height: 0px}
.s-ca16416{height: 75%}
.s-cb62c70{display: flex; flex-direction: column; gap: var(--space-12)}
.s-cc741cd{height: 30%}
.s-d07599b{width: 90%}
.s-d1abfa4{height: 70%}
.s-d3a23eb{height: 35%}
.s-d424e6e{width: var(--icon-size-3xl); height: var(--icon-size-3xl); object-fit: contain; display: block}
.s-d5d9907{display: flex; flex-direction: column; gap: var(--space-12); padding-top: var(--space-16)}
.s-d7d6232{font-family: Poppins; font-weight: 600; font-style: normal; font-size: 14px; line-height: 18px; letter-spacing: 1.12px; text-transform: uppercase; color: rgb(255, 255, 255)}
.s-da39a3e{}
.s-dc7bc33{font-family: Poppins; font-weight: 600; font-style: normal; font-size: 23px; line-height: 30px; letter-spacing: -0.23px; color: rgb(5, 10, 49)}
.s-ddaac67{display: flex; align-items: center; justify-content: center; width: var(--avatar-size-sm); height: var(--avatar-size-sm); border-radius: var(--radius-full); background: var(--color-accent-subtle)}
.s-ddf581b{display: contents}
.s-e09ff1e{display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--space-16)}
.s-e17a83b{width: 45%}
.s-e1e88ac{height: var(--space-24)}
.s-e2cc18d{display: flex; flex-direction: column}
.s-e367540{min-height: var(--control-height-md); padding: 0 var(--space-16); border-radius: var(--radius-full)}
.s-e55dbc6{width: 55%}
.s-e659b26{margin: 0px; font: inherit}
.s-e73a22b{width: 50%}
.s-e9dd01a{font-family: Poppins; font-weight: 400; font-style: normal; font-size: 18px; line-height: 27px; letter-spacing: 0px; color: rgb(58, 70, 84)}
.s-eb08968{position: absolute; top: calc(100% + var(--space-8)); left: 0px; right: 0px; z-index: var(--z-index-dropdown); box-sizing: border-box; padding: var(--space-8) var(--space-16) var(--space-16); background: var(--color-surface-card); border: var(--border-width-hairline) solid var(--color-border-subtle); border-radius: var(--radius-xl); box-shadow: var(--shadow-md)}
.s-eb66958{padding: 0 var(--layout-gutter-web) var(--space-64)}
.s-eba22a2{display: flex; flex-wrap: wrap; gap: var(--space-48)}
.s-ef24311{font-family: Poppins; font-weight: 400; font-style: normal; font-size: 16px; line-height: 24px; letter-spacing: 0px; color: rgb(58, 70, 84)}
.s-f0a4e25{font-family: Poppins; font-weight: 400; font-style: normal; font-size: 16px; line-height: 24px; letter-spacing: 0px; color: rgb(91, 101, 119)}
.s-f25d7d8{display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--avatar-size-xs); height: var(--avatar-size-xs); border-radius: var(--radius-full); background: var(--color-accent-subtle)}
.s-f53655b{display: flex; flex-direction: column; gap: var(--space-8)}
.s-f67a2f4{display: flex; align-items: center; justify-content: space-between; gap: var(--space-8)}
.s-fa9b24d{max-width: var(--layout-content-max-width); margin: 0px auto; display: flex; flex-direction: column; gap: var(--space-48)}
.s-fb78fb3{display: grid; grid-row: span 11; grid-template-rows: subgrid; row-gap: var(--space-12); align-items: start; padding: var(--space-32); border-left: var(--border-width-hairline) solid var(--color-border-subtle); background: var(--color-surface-card); border-top: var(--space-6) solid var(--color-link-default)}
.s-fcc8b14{display: flex; flex-direction: column; gap: var(--space-8); padding: var(--space-24) var(--space-24) 0}
.s-fe38143{height: 85%}
.s-ff27ce4{height: 55%}
.s-ff708d9{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-40)}

/* Frosted band behind the sticky header, so content scrolled above the pill is blurred */
.s-0b24277::before{content:"";position:absolute;inset:0 0 auto;height:calc(var(--space-16) + var(--space-64));z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--color-surface-page) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}

/* Hotline number copied on click (phone-copy.js) */
button[data-phone-copy]{position:relative;cursor:pointer}
button[data-phone-copy]:not(.btn){margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit}
button[data-phone-copy]:focus-visible{outline:var(--border-width-strong) solid var(--color-focus-ring);outline-offset:var(--space-2)}
button[data-phone-copy][data-copied]::after{content:"Copié";white-space:nowrap;padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);background:var(--color-status-success-bg);color:var(--color-status-success-fg);font:var(--text-micro)}
/* Above the button rather than inside it, so the button keeps its width */
.btn[data-phone-copy][data-copied]::after{position:absolute;bottom:100%;left:50%;transform:translate(-50%,calc(-1 * var(--space-4)));pointer-events:none;}
.phone-copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}