@font-face {
font-family: 'builderSans';
src: url(/_next/static/media/3ca2abec930f1eb7-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'builderSans';
src: url(/_next/static/media/b496136a597d6048-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'builderSans';
src: url(/_next/static/media/575eb3b900ffeaf9-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}@font-face {font-family: 'builderSans Fallback';src: local("Arial");ascent-override: 94.49%;descent-override: 27.00%;line-gap-override: 0.00%;size-adjust: 103.72%
}.__className_a08e9a {font-family: 'builderSans', 'builderSans Fallback'
}

/* lato-latin-ext-400-normal */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/lato-latin-ext-400-normal.cdc69f8b.woff2) format('woff2'), url(/_next/static/media/lato-latin-ext-400-normal.0d67e9e0.woff) format('woff');
  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;
}

/* lato-latin-400-normal */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/lato-latin-400-normal.b7ffde23.woff2) format('woff2'), url(/_next/static/media/lato-latin-400-normal.c97328b9.woff) format('woff');
  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;
}
/* lato-latin-ext-700-normal */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/lato-latin-ext-700-normal.da4b7f58.woff2) format('woff2'), url(/_next/static/media/lato-latin-ext-700-normal.477e1881.woff) format('woff');
  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;
}

/* lato-latin-700-normal */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/lato-latin-700-normal.d5eb20bc.woff2) format('woff2'), url(/_next/static/media/lato-latin-700-normal.3fc09a61.woff) format('woff');
  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;
}
/* Design Tokens - App-wide CSS Custom Properties */

:root {
  /* ========================================
     Brand Colors (semantic palette)
     ======================================== */
  --color-primary: #2b8e94;
  --color-primary-dark: color-mix(in srgb, var(--color-primary), black 40%);
  --color-success: #17a84d;
  --color-success-light: #c4eed2;
  --color-error: #e8886c;
  --color-error-dark: color-mix(in srgb, var(--color-error), black 15%);
  --color-secondary: #94bcd9;
  --color-secondary-dark: #83abc6;
  --color-on-secondary: #fff;

  /* Text Colors */
  --color-text-primary: #0f2027;
  --color-text-secondary: #5c6f77;
  --color-text-muted: #9ba3aa;
  --color-text-light: #abb2b5;

  /* Background Colors */
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f4f8fb;
  --color-bg-tertiary: #f9f8fb;
  --color-bg-banner: #ffffff;
  --color-bg-card: var(--color-bg-secondary);

  /* Gray Palette */
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;

  /* Teal */
  --color-teal-50: color-mix(
    in srgb,
    var(--color-primary) 8%,
    var(--color-bg-secondary)
  );

  /* Card hover — mixes brand teal into card bg for a visible hover shift */
  --color-card-hover: color-mix(
    in srgb,
    var(--color-primary) 12%,
    var(--color-bg-primary)
  );

  /* Chip hover — darkens the chip background for a visible hover shift */
  --color-chip-hover: var(--color-gray-200);

  /* Inactive contact button (closed state) */
  --color-contact-inactive-bg: #ececec;
  --color-contact-inactive-icon: #b9b9b9;

  /* Surface text (e.g. chip/tag labels) */
  --color-surface-text: var(--color-text-secondary);

  /* Link Colors (overridden when host sets useDefaultLinkStyles) */
  --color-link: var(--color-primary);
  --color-link-dark: var(--color-primary-dark);

  /* Contrast color for content on top of the brand accent (icon fills, etc.) */
  --color-on-accent: #ffffff;

  /* Error button text (overridden via paletteErrorContrastText) */
  --color-error-text: #ffffff;

  /* Button border radius (overridden via host.customBorderRadius) */
  --border-radius-button: 10px;

  /* Card border radius (Figma V2 cards use 12px, separate from button) */
  --border-radius-card: 12px;

  /* Chip border radius (overridden via host.customBorderRadius) */
  --border-radius-chip: 8px;

  /* Section border radius (AboutSection, ContactCard wrappers) */
  --border-radius-section: 14px;

  /* Badge border radius (24/7 badge, tooltips) */
  --border-radius-badge: 6px;

  /* Pill / full-round border radius */
  --border-radius-full: 9999px;

  /* Tooltip */
  --color-tooltip-bg: rgba(15, 32, 39, 0.9);

  /* Utility Colors */
  --color-white: #ffffff;
  --color-black: #000000;

  /* ========================================
     Breakpoints (reference only - use in @media)
     ======================================== */
  --breakpoint-sm: 600px;
  --breakpoint-md: 959px;
  --breakpoint-lg: 1279px;
  --breakpoint-xl: 1920px;

  /* ========================================
     Typography
     ======================================== */
  --font-family-primary: "Lato", sans-serif;

  /* Font Sizes */
  --text-xs: 0.75rem; /* 12px */
  --text-sm: 0.875rem; /* 14px */
  --text-base: 1rem; /* 16px */
  --text-lg: 1.125rem; /* 18px */
  --text-xl: 1.25rem; /* 20px */
  --text-2xl: 1.5rem; /* 24px */

  /* Line Heights */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;

  /* Font Weights */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* Letter Spacing */
  --tracking-tight: -0.25px;
  --tracking-wide: 0.025em;

  /* ========================================
     Shadows
     ======================================== */
  --shadow-sm: 0px 4px 8px rgba(0, 0, 0, 0.05);
  --shadow-drop-sm: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15));

  /* ========================================
     Transitions
     ======================================== */
  --duration-default: 150ms;
  --duration-200: 200ms;
  --duration-300: 300ms;
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* ========================================
     Z-Index Scale
     ======================================== */
  --z-55: 55;
  --z-60: 60;
  --z-100: 100;
  --z-101: 101;

  /* ========================================
     Spacing (4px base grid)
     ======================================== */
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* ========================================
     Layout
     ======================================== */
  --container-mobile: 393px;
  --container-sm: 600px;
  --container-md: 960px;
  --container-lg: 1280px;
}


/*# sourceMappingURL=097e4559dd1d2ca3.css.map*/