/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-brand-blue: #00247D;
    --color-brand-red: #C8102E;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .z-50 {
    z-index: 50;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .flex-grow {
    flex-grow: 1;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize-none {
    resize: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-x-8 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-4 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-brand-red {
    border-color: var(--color-brand-red);
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-slate-800 {
    border-color: var(--color-slate-800);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/40 {
    border-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-brand-blue {
    background-color: var(--color-brand-blue);
  }
  .bg-brand-red {
    background-color: var(--color-brand-red);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-right {
    background-position: right;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-contain {
    object-fit: contain;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .text-brand-blue {
    color: var(--color-brand-blue);
  }
  .text-brand-red {
    color: var(--color-brand-red);
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .placeholder-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-glass-sm {
    --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color, rgba(0, 36, 125, 0.03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-blue-900\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .brightness-0 {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:border-brand-blue {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-brand-blue);
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-blue-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-900);
      }
    }
  }
  .hover\:bg-red-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-800);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:text-brand-blue {
    &:hover {
      @media (hover: hover) {
        color: var(--color-brand-blue);
      }
    }
  }
  .hover\:text-brand-red {
    &:hover {
      @media (hover: hover) {
        color: var(--color-brand-red);
      }
    }
  }
  .focus\:border-transparent {
    &:focus {
      border-color: transparent;
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-brand-blue {
    &:focus {
      --tw-ring-color: var(--color-brand-blue);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .sm\:w-44 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 44);
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:-translate-y-4 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:h-\[600px\] {
    @media (width >= 64rem) {
      height: 600px;
    }
  }
  .lg\:h-\[700px\] {
    @media (width >= 64rem) {
      height: 700px;
    }
  }
  .lg\:w-52 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 52);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:text-6xl {
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}


/* Base Styles */
        body {
            background-color: #FFFFFF;
            color: #1E293B; /* Slate 800 */
            -webkit-font-smoothing: antialiased;
        }

        /* Sophisticated Glassmorphism Utilities */
        .glass-panel {
            background: rgba(255, 255, 255, 0.65);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.8);
            box-shadow: 0 8px 32px 0 rgba(0, 36, 125, 0.05);
        }
        
        .glass-card {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.9);
            transition: all 0.3s ease;
        }

        .glass-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 40px 0 rgba(0, 36, 125, 0.08);
            border-color: rgba(0, 36, 125, 0.1);
        }

        /* Hero Background Overlays - Left to Right gradient to ensure text readability */
        .hero-overlay {
            background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 35%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0) 100%);
        }

        /* SPA View Transitions */
        .view-section {
            display: none;
            opacity: 0;
            animation: fadeIn 0.4s ease-out forwards;
        }
        
        .view-section.active {
            display: block;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Bento Grid Specific */
        .bento-grid {
            display: grid;
            gap: 1.5rem;
            grid-template-columns: repeat(12, 1fr);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #F1F5F9; 
        }
        ::-webkit-scrollbar-thumb {
            background: #CBD5E1; 
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94A3B8; 
        }

/* UKNAME.UK local build additions */
img[src$=".svg"] { display: block; }
header img[alt="UKNAME.UK Text Logo"] { max-width: 13rem; }
@media (max-width: 767px) {
  header img[alt="UKNAME.UK Text Logo"] { max-width: 9rem; }
}


/* Added service ordering components - intentionally aligned with existing glass/card design */
.service-cta-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.service-cta-primary,.service-cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.6rem;border-radius:.75rem;font-weight:700;text-decoration:none;transition:.25s ease}.service-cta-primary{background:#C8102E;color:#fff;box-shadow:0 10px 24px rgba(200,16,46,.20)}.service-cta-primary:hover{background:#991b1b;transform:translateY(-1px)}.service-cta-secondary{background:#fff;color:#00247D;border:1px solid #cbd5e1}.service-cta-secondary:hover{border-color:#00247D;background:#f8fafc}.service-section{max-width:80rem;margin:0 auto;padding:5rem 1rem}.service-section-head{max-width:48rem;margin:0 auto 2.5rem;text-align:center}.service-section-head h2{font-size:2rem;line-height:1.2;color:#0f172a;font-weight:800;margin:0 0 .75rem}.service-section-head p{color:#64748b;line-height:1.75}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.package-card{display:flex;flex-direction:column;padding:2rem;border-radius:1.5rem;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.95);box-shadow:0 8px 30px rgba(0,36,125,.05)}.package-card.featured{border:2px solid #C8102E;box-shadow:0 14px 38px rgba(200,16,46,.10)}.package-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#C8102E;margin-bottom:.75rem}.package-card h3{font-size:1.35rem;line-height:1.25;color:#00247D;font-weight:800;margin:0 0 .55rem}.package-price{font-size:1.05rem;font-weight:800;color:#0f172a;margin:1rem 0}.package-card ul{margin:0 0 1.5rem;padding-left:1.15rem;color:#475569;line-height:1.75;font-size:.92rem;flex:1}.package-card .service-cta-primary,.package-card .service-cta-secondary{width:100%}.order-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2rem;align-items:start}.order-panel{padding:2rem;border-radius:1.5rem;background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.95);box-shadow:0 12px 38px rgba(0,36,125,.07)}.order-panel h2{font-size:1.75rem;color:#00247D;font-weight:800;margin:0 0 .75rem}.order-panel p{color:#64748b;line-height:1.7}.order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.order-field{display:flex;flex-direction:column;gap:.45rem}.order-field.full{grid-column:1/-1}.order-field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#334155}.order-field input,.order-field select,.order-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:.7rem;background:#fff;padding:.8rem .9rem;font:inherit;color:#0f172a;outline:none}.order-field input:focus,.order-field select:focus,.order-field textarea:focus{border-color:#00247D;box-shadow:0 0 0 3px rgba(0,36,125,.08)}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2rem}.legal-nav{position:sticky;top:6.5rem;padding:1rem;border-radius:1rem;background:#fff;border:1px solid #e2e8f0}.legal-nav a{display:block;padding:.65rem .75rem;border-radius:.6rem;color:#475569;text-decoration:none;font-size:.9rem}.legal-nav a:hover{background:#f1f5f9;color:#00247D}.legal-copy{padding:2rem 2.25rem;border-radius:1.5rem;background:#fff;border:1px solid #e2e8f0}.legal-copy h2{font-size:1.8rem;color:#0f172a;font-weight:800;margin:0 0 1rem}.legal-copy h3{font-size:1.15rem;color:#00247D;font-weight:800;margin:2rem 0 .7rem}.legal-copy p,.legal-copy li{color:#475569;line-height:1.8}.legal-copy ul{padding-left:1.2rem}.info-strip{padding:1.25rem 1.4rem;border-radius:1rem;background:#f8fafc;border-left:4px solid #00247D;color:#475569;line-height:1.7}.compact-hero{min-height:360px}.portal-box{max-width:46rem;margin:0 auto;text-align:center}.portal-box .service-cta-row{justify-content:center}
@media(max-width:900px){.package-grid,.order-shell,.legal-layout{grid-template-columns:1fr}.legal-nav{position:static}.service-section{padding:4rem 1rem}}
@media(max-width:640px){.order-form-grid{grid-template-columns:1fr}.service-cta-primary,.service-cta-secondary{width:100%}.package-card,.order-panel,.legal-copy{padding:1.35rem}.service-section{padding:3.25rem 1rem}.service-section-head h2{font-size:1.65rem}}

/* UKNAME.UK logo, minimal footer and mobile menu */
.site-footer-minimal{padding:1.25rem 0}.footer-minimal-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.footer-brand-copyright{display:flex;align-items:center;gap:1rem;min-width:0}.footer-logo-pair,.mobile-brand{display:flex;align-items:center;gap:.55rem;flex-shrink:0}.footer-logo-round{width:28px;height:28px;object-fit:contain}.footer-logo-name{width:128px;height:auto;object-fit:contain}.footer-brand-copyright p{margin:0;color:#94a3b8;font-size:.75rem;line-height:1.4}.footer-mini-nav{display:flex;align-items:center;gap:1rem;white-space:nowrap}.footer-mini-nav a{color:#cbd5e1;font-size:.8rem;font-weight:600;transition:color .2s}.footer-mini-nav a:hover{color:#fff}.mobile-menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(148,163,184,.35);border-radius:12px;background:rgba(255,255,255,.82);align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 4px 14px rgba(15,23,42,.06)}.mobile-menu-toggle span{display:block;width:20px;height:2px;background:#00247D;border-radius:2px}.mobile-menu-panel{display:none;position:fixed;top:0;right:0;width:min(88vw,360px);height:100dvh;background:rgba(255,255,255,.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1002;padding:20px;box-shadow:-18px 0 50px rgba(15,23,42,.18);transform:translateX(105%);transition:transform .25s ease}.mobile-menu-panel.is-open{transform:translateX(0)}.mobile-menu-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.32);z-index:1001}.mobile-menu-backdrop.is-open{display:block}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;padding-bottom:16px}.mobile-brand-round{width:42px;height:42px;object-fit:contain}.mobile-brand-name{width:170px;height:auto;object-fit:contain}.mobile-menu-close{width:40px;height:40px;border:0;background:#f1f5f9;border-radius:10px;font-size:28px;line-height:1;color:#0f172a}.mobile-menu-links{display:flex;flex-direction:column;padding:16px 0}.mobile-menu-links a{padding:12px 10px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.95rem;font-weight:600}.mobile-menu-links a:hover{color:#00247D}.mobile-menu-links .mobile-portal-link{margin-top:14px;background:#00247D;color:#fff;border-radius:12px;text-align:center;border-bottom:0}.mobile-language-row{display:flex;gap:8px;justify-content:center;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-top:12px}.mobile-menu-open{overflow:hidden}
@media (max-width:767px){.desktop-portal{display:none!important}.mobile-menu-toggle{display:inline-flex}.mobile-menu-panel{display:block}.footer-minimal-row,.footer-brand-copyright{flex-direction:column;align-items:flex-start}.footer-minimal-row{gap:.7rem}.footer-brand-copyright{gap:.7rem}.footer-mini-nav{align-self:flex-start}.site-footer-minimal{padding:1.1rem 0}.footer-logo-name{width:116px}}


/* Legal detail formatting */
.legal-notice{margin:1.25rem 0 1.5rem;padding:1rem 1.15rem;border-radius:1rem;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;line-height:1.7}
.legal-toc{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 2rem;padding:1rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0}
.legal-toc a{display:inline-flex;align-items:center;min-height:34px;padding:.4rem .7rem;border-radius:.6rem;background:#fff;border:1px solid #e2e8f0;color:#00247D;font-size:.78rem;font-weight:700;text-decoration:none}
.legal-toc a:hover{border-color:#00247D;background:#eff6ff}
.legal-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 1.5rem}
.legal-provider-card{padding:1.15rem 1.2rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0}
.legal-provider-card>strong{display:block;color:#00247D;margin-bottom:.35rem}
.legal-provider-card p{margin:0;font-size:.92rem}
.legal-detail{margin:1rem 0;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(0,36,125,.025)}
.legal-detail summary{cursor:pointer;list-style:none;padding:1rem 1.15rem;color:#0f172a;font-weight:800;background:#f8fafc;position:relative;padding-right:3rem}
.legal-detail summary::-webkit-details-marker{display:none}
.legal-detail summary::after{content:'+';position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid #cbd5e1;color:#00247D;font-weight:800}
.legal-detail[open] summary::after{content:'–'}
.legal-detail-body{padding:1rem 1.15rem 1.15rem;border-top:1px solid #e2e8f0}
.legal-detail-body p:first-child{margin-top:0}
.legal-detail-body p:last-child,.legal-detail-body ul:last-child{margin-bottom:0}
.legal-copy h3[id]{scroll-margin-top:7rem}
@media(max-width:760px){.legal-provider-grid{grid-template-columns:1fr}.legal-toc{gap:.4rem}.legal-toc a{font-size:.74rem}.legal-detail summary{font-size:.92rem}.legal-detail-body{padding:.9rem 1rem}}


/* 2026-08 CTA + footer refinement */
.start-uk-business-cta{
  position:relative;
  overflow:hidden;
  padding:1.35rem 1.4rem;
  border-radius:1.9rem;
  border:1px solid rgba(203,213,225,.95);
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.96) 0, rgba(255,255,255,.94) 22%, rgba(244,247,250,.94) 45%, rgba(230,235,240,.96) 100%),
    linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(231,236,242,.96) 50%, rgba(211,219,228,.98) 100%);
  box-shadow:0 18px 44px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.75);
}
.start-uk-business-cta::before,
.start-uk-business-cta::after{
  content:'';
  position:absolute;
  inset:auto;
  pointer-events:none;
}
.start-uk-business-cta::before{
  width:380px;height:380px;right:-120px;top:-190px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.6) 0%, rgba(210,218,228,.22) 45%, rgba(203,213,225,0) 72%);
}
.start-uk-business-cta::after{
  left:0;right:0;bottom:0;height:88px;
  background:
    linear-gradient(90deg, rgba(148,163,184,0) 0%, rgba(148,163,184,.16) 18%, rgba(255,255,255,.05) 40%, rgba(148,163,184,.12) 63%, rgba(148,163,184,0) 100%),
    linear-gradient(135deg, rgba(148,163,184,0) 0%, rgba(148,163,184,.16) 32%, rgba(255,255,255,0) 33%),
    linear-gradient(45deg, rgba(148,163,184,0) 0%, rgba(148,163,184,.16) 32%, rgba(255,255,255,0) 33%);
  opacity:.7;
}
.start-uk-business-cta > *{position:relative;z-index:1}
.start-uk-business-cta h2{margin-bottom:.35rem}
.start-uk-business-cta p{max-width:52rem}
.start-uk-business-cta .service-cta-primary{white-space:nowrap;min-width:250px}

.site-footer-minimal{
  position:relative;
  overflow:hidden;
  padding:.72rem 0 !important;
  color:#475569 !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(255,255,255,.9) 0%, rgba(245,247,250,.96) 24%, rgba(230,235,240,.98) 55%, rgba(214,221,229,.98) 100%) !important;
  border-top:1px solid rgba(203,213,225,.95) !important;
}
.site-footer-minimal::before{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 20%, rgba(255,255,255,0) 36%),
    linear-gradient(90deg, rgba(148,163,184,0) 0%, rgba(148,163,184,.10) 18%, rgba(255,255,255,0) 33%, rgba(148,163,184,.08) 58%, rgba(148,163,184,0) 100%);
  pointer-events:none;
}
.site-footer-minimal > div{position:relative;z-index:1}
.footer-minimal-row{min-height:40px;gap:1rem}
.footer-brand-copyright{gap:.75rem}
.footer-logo-round{width:24px;height:24px}
.footer-logo-name{width:116px}
.footer-brand-copyright p{font-size:.72rem;line-height:1.25;color:#475569}
.footer-mini-nav{gap:.85rem}
.footer-mini-nav a{color:#334155;font-size:.76rem;font-weight:700}
.footer-mini-nav a:hover{color:#00247D}
@media (max-width:767px){
  .site-footer-minimal{padding:.8rem 0 !important}
  .footer-minimal-row,.footer-brand-copyright{gap:.5rem}
  .footer-logo-name{width:108px}
}


/* 2026-08 desktop hover navigation */
.desktop-nav{align-items:center;gap:.25rem;margin-left:auto;margin-right:1rem;white-space:nowrap}
.nav-top-link{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem .66rem;border-radius:.65rem;color:#334155;font-size:.78rem;font-weight:700;line-height:1;text-decoration:none;transition:background .18s,color .18s}
.nav-top-link:hover,.nav-top-link.is-active{color:#00247D;background:rgba(239,246,255,.72)}
.nav-home-link{gap:.38rem}
.nav-home-icon{width:17px;height:17px;flex:0 0 auto;stroke-width:1.8}
.nav-dropdown{position:relative;display:flex;align-items:center;height:80px}
.nav-dropdown>.nav-top-link{height:auto}
.nav-dropdown-menu{position:absolute;top:calc(100% - 10px);left:0;width:280px;padding:.55rem;border-radius:1rem;background:rgba(255,255,255,.97);border:1px solid rgba(203,213,225,.9);box-shadow:0 22px 55px rgba(15,23,42,.14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(7px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:1100}
.nav-dropdown-wide{width:310px}
.nav-dropdown-right{left:auto;right:0}
.nav-dropdown:hover>.nav-dropdown-menu,.nav-dropdown:focus-within>.nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.nav-dropdown-menu a{display:block;padding:.72rem .8rem;border-radius:.72rem;text-decoration:none;color:#334155;transition:background .16s,color .16s}
.nav-dropdown-menu a:hover{background:#f1f5f9;color:#00247D}
.nav-dropdown-menu strong{display:block;font-size:.78rem;line-height:1.25;font-weight:800;color:inherit}
.nav-dropdown-menu span{display:block;margin-top:.18rem;font-size:.68rem;line-height:1.4;color:#64748b;white-space:normal}
.nav-contact-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 .9rem;margin-left:.15rem;border-radius:.68rem;border:1px solid rgba(200,16,46,.55);background:rgba(255,255,255,.74);color:#C8102E;font-size:.76rem;font-weight:800;text-decoration:none;transition:all .18s ease}
.nav-contact-button:hover{background:#C8102E;color:#fff;border-color:#C8102E;box-shadow:0 8px 18px rgba(200,16,46,.18)}
.mobile-home-link{display:flex!important;align-items:center;gap:.55rem}
.mobile-home-link .nav-home-icon{width:18px;height:18px}
@media (min-width:768px) and (max-width:1120px){.desktop-nav{gap:0;margin-right:.55rem}.nav-top-link{padding:.62rem .45rem;font-size:.7rem}.nav-home-link span{display:none}.nav-contact-button{padding:0 .65rem;font-size:.7rem}}


/* 2026-08-20 v5 refined hero / nav / first-screen alignment */
header.fixed.top-0.w-full.z-50.glass-panel{background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-top:18px}
header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl{max-width:1500px;background:rgba(255,255,255,.74);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.65);border-radius:26px;box-shadow:0 18px 52px rgba(15,23,42,.10);padding-left:20px;padding-right:20px}
main.flex-grow.pt-20{padding-top:118px!important}
.desktop-nav{gap:.3rem;margin-right:.7rem}
.nav-top-link,.nav-contact-button{font-size:.95rem;font-weight:500;color:#334155;padding:.72rem .95rem;border-radius:14px;line-height:1.1}
.nav-top-link:hover,.nav-contact-button:hover,.nav-top-link.is-active{background:rgba(255,255,255,.48);color:#00247D}
.nav-home-link{font-weight:700;padding-left:.7rem;padding-right:.8rem}
.nav-home-link span{letter-spacing:-.02em}
.nav-home-icon{width:18px;height:18px}
.search-icon-button{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.78);border:1px solid rgba(226,232,240,.95);color:#0f172a;box-shadow:0 6px 18px rgba(15,23,42,.06);transition:.2s ease}
.search-icon-button:hover{background:#fff;color:#00247D;transform:translateY(-1px)}
.desktop-portal{min-height:54px;padding-left:1.4rem;padding-right:1.4rem;border-radius:16px}
.hero-shell{position:relative;background-repeat:no-repeat;background-size:cover;background-position:right center;overflow:hidden}
.hero-shell::after{content:'';position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(243,246,250,.18) 32%, rgba(245,247,250,.30) 100%);pointer-events:none}
.hero-shell .hero-shell-inner{position:relative;min-height:calc(100vh - 126px);display:flex;flex-direction:column;justify-content:flex-start;padding-top:5.5rem;padding-bottom:1.6rem}
.hero-overlay{background:linear-gradient(90deg, rgba(247,248,251,.96) 0%, rgba(247,248,251,.88) 28%, rgba(247,248,251,.48) 56%, rgba(247,248,251,.12) 100%)}
.hero-copy{max-width:38rem;position:relative;z-index:2}
.hero-copy h1{font-size:clamp(3.25rem,5vw,5.4rem);line-height:1.03;letter-spacing:-.045em;font-weight:800;color:#133db8;margin:0 0 1.15rem}
.hero-copy p{max-width:34rem;font-size:1.18rem;line-height:1.55;color:#52627b;margin:0 0 1.45rem}
.hero-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .8rem;border-radius:999px;background:rgba(255,255,255,.68);border:1px solid rgba(226,232,240,.9);color:#475569;font-size:.72rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase;margin-bottom:1.15rem}
.hero-action-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.3rem}
.hero-primary-btn,.hero-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:56px;padding:0 1.65rem;border-radius:16px;font-weight:800;text-decoration:none;transition:.22s ease;white-space:nowrap}
.hero-primary-btn{background:#F20B22;color:#fff;box-shadow:0 14px 30px rgba(242,11,34,.23)}
.hero-primary-btn:hover{background:#d1091d;transform:translateY(-1px)}
.hero-secondary-btn{background:rgba(255,255,255,.82);border:1.5px solid rgba(38,81,208,.42);color:#153db7}
.hero-secondary-btn:hover{background:#fff;border-color:#153db7}
.hero-search-shell{display:flex;align-items:center;border:1px solid rgba(226,232,240,.94);background:rgba(255,255,255,.86);border-radius:18px;box-shadow:0 14px 36px rgba(15,23,42,.08);overflow:hidden;max-width:760px}
.hero-search-shell input{flex:1;min-width:0;border:0;background:transparent;padding:1.15rem 1rem;font-size:1.04rem;color:#0f172a;outline:none}
.hero-search-shell button{border:0;background:#F20B22;color:#fff;font-weight:800;padding:0 2rem;align-self:stretch}
.hero-search-shell button:hover{background:#d1091d}
.hero-search-icon{padding-left:1.2rem;color:#475569}
.hero-note{margin-top:.8rem;color:#64748b;font-size:.98rem}
.hero-card-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin-top:auto;position:relative;z-index:2}
.hero-rect-card{background:rgba(255,255,255,.80);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:1.35rem 1.25rem;box-shadow:0 14px 38px rgba(15,23,42,.08);display:flex;gap:1rem;align-items:flex-start;min-height:170px}
.hero-rect-card .card-icon-wrap{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.95);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.hero-rect-card .card-icon-wrap svg{width:26px;height:26px;color:#1d43c6}
.hero-rect-card h3{font-size:1.18rem;line-height:1.2;color:#153db7;font-weight:800;letter-spacing:-.025em;margin:0 0 .45rem}
.hero-rect-card p{margin:0;color:#64748b;font-size:.98rem;line-height:1.55}
.hero-rect-card ul{margin:.55rem 0 0;padding-left:1rem;color:#64748b;font-size:.92rem;line-height:1.55}
.hero-rect-card.featured{border:1.5px solid rgba(242,11,34,.42)}
.hero-rect-card.featured .card-icon-wrap{color:#F20B22;background:rgba(255,255,255,.96)}
.hero-rect-card.featured h3{color:#0f2f94}
.hero-badge-label{display:inline-flex;align-items:center;padding:.24rem .5rem;border:1px solid rgba(242,11,34,.35);background:#fff;color:#F20B22;border-radius:999px;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.55rem}
#home .bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
#home .text-center.mb-12{display:none}
#home > .max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-20{margin-top:-164px;padding-top:0!important;padding-bottom:2.5rem!important;position:relative;z-index:5}
#home .glass-card{background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;box-shadow:0 14px 38px rgba(15,23,42,.08);min-height:184px;padding:1.35rem 1.25rem}
#home .glass-card h3{font-size:1.15rem;margin-bottom:.4rem}
#home .glass-card p{font-size:.95rem;line-height:1.55}
#home .glass-card .w-12.h-12{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92)!important;border:1px solid rgba(226,232,240,.95)}
#home .max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.pb-20{padding-bottom:3rem!important}
.start-uk-business-cta .service-cta-primary{min-width:180px}
.page-top-card-band{margin-top:-116px;position:relative;z-index:5;padding-top:0!important;padding-bottom:3rem!important}
.page-top-card-band .glass-card,.page-top-card-band .hero-rect-card{background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.page-top-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.page-hero-compact .hero-shell-inner{padding-top:5rem;padding-bottom:1.4rem;min-height:calc(100vh - 126px)}
.page-hero-compact .hero-copy{max-width:40rem}
.page-hero-compact .hero-copy h1{font-size:clamp(3rem,4.7vw,5rem)}
.page-hero-compact .hero-copy p{max-width:36rem}
.bundle-overview-row .hero-rect-card{min-height:230px;flex-direction:column;gap:.85rem;padding:1.15rem 1.2rem}
.bundle-overview-row .hero-rect-card h3{font-size:1.22rem;margin-bottom:.3rem}
.bundle-overview-row .hero-rect-card p{font-size:.93rem}
.bundle-overview-row .hero-rect-card ul{margin-top:.35rem;font-size:.88rem}
.partner-top-cards .hero-rect-card{min-height:168px}
.partner-form-section{max-width:80rem;margin:0 auto;padding:2rem 1rem 5rem}
.partner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start}
.partner-copy-box{padding:2rem;border-radius:1.75rem;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.95);box-shadow:0 14px 38px rgba(15,23,42,.08)}
.partner-copy-box h2{font-size:2rem;line-height:1.2;color:#0f172a;font-weight:800;margin:0 0 .8rem}
.partner-copy-box p{color:#64748b;line-height:1.75}
@media (max-width:1279px){.hero-card-row,.page-top-card-grid,#home .bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#home > .max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-20,.page-top-card-band{margin-top:-92px}.hero-shell .hero-shell-inner,.page-hero-compact .hero-shell-inner{min-height:auto;padding-top:4.75rem;padding-bottom:1.2rem}}
@media (max-width:767px){header.fixed.top-0.w-full.z-50.glass-panel{padding-top:10px}header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl{border-radius:18px;padding-left:14px;padding-right:14px}main.flex-grow.pt-20{padding-top:98px!important}.hero-shell .hero-shell-inner,.page-hero-compact .hero-shell-inner{min-height:auto;padding-top:4rem;padding-bottom:1rem}.hero-copy h1,.page-hero-compact .hero-copy h1{font-size:2.7rem;line-height:1.06}.hero-copy p,.page-hero-compact .hero-copy p{font-size:1rem;max-width:none}.hero-action-row{gap:.8rem}.hero-primary-btn,.hero-secondary-btn{width:100%}.hero-search-shell{flex-wrap:wrap}.hero-search-shell button{width:100%;min-height:52px}.hero-search-shell input{padding-left:.8rem}.hero-card-row,.page-top-card-grid,#home .bento-grid{grid-template-columns:1fr}.hero-rect-card,#home .glass-card{min-height:auto}#home > .max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-20,.page-top-card-band{margin-top:0;padding-top:1.2rem!important}.partner-form-grid{grid-template-columns:1fr}.search-icon-button{display:none}}

/* 2026-08-20 v6 — mockup proportions and full-screen first hero */
:root{--uk-header-offset:118px;--uk-frame-width:90.4%;}
header.fixed.top-0.w-full.z-50.glass-panel{
  padding-top:clamp(22px,3.8vh,36px)!important;
  background:transparent!important;
  border-bottom:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl{
  width:var(--uk-frame-width)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:28px!important;
  padding-right:28px!important;
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(28px)!important;
  -webkit-backdrop-filter:blur(28px)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:24px!important;
  box-shadow:0 16px 46px rgba(28,45,75,.10)!important;
}
header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex{height:80px!important;}
main.flex-grow.pt-20{padding-top:var(--uk-header-offset)!important;}

/* The background begins at the very top of the viewport, under the glass header. */
.hero-shell{
  min-height:100vh!important;
  margin-top:calc(-1 * var(--uk-header-offset))!important;
  background-position:right center!important;
  background-size:cover!important;
}
.hero-shell .hero-shell-inner{
  width:var(--uk-frame-width)!important;
  max-width:none!important;
  min-height:100vh!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-top:clamp(190px,25.3vh,238px)!important;
  padding-bottom:16px!important;
  box-sizing:border-box!important;
}
.hero-shell::after{height:132px!important;opacity:.82;}
.hero-overlay{
  background:linear-gradient(90deg,
    rgba(249,250,252,.985) 0%,
    rgba(249,250,252,.95) 22%,
    rgba(249,250,252,.79) 38%,
    rgba(249,250,252,.38) 57%,
    rgba(249,250,252,.08) 74%,
    rgba(249,250,252,0) 100%)!important;
}
.hero-copy{max-width:40rem!important;}
.hero-copy h1{
  font-size:clamp(3.55rem,4.75vw,5rem)!important;
  line-height:1.025!important;
  letter-spacing:-.047em!important;
  margin-bottom:1.35rem!important;
}
.hero-copy p{
  max-width:34rem!important;
  font-size:1.16rem!important;
  line-height:1.58!important;
  margin-bottom:1.25rem!important;
}
.hero-action-row{margin-top:1.6rem!important;gap:1.35rem!important;}
.hero-primary-btn,.hero-secondary-btn{
  min-height:57px!important;
  padding-left:1.7rem!important;
  padding-right:1.7rem!important;
  border-radius:13px!important;
  font-size:.95rem!important;
}
.hero-card-row{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1.1rem!important;
  width:100%!important;
  margin-top:auto!important;
  align-items:stretch!important;
}
.hero-rect-card{
  min-width:0!important;
  min-height:168px!important;
  height:168px!important;
  padding:1.22rem 1.18rem!important;
  border-radius:20px!important;
  gap:.95rem!important;
  align-items:flex-start!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 14px 34px rgba(26,43,72,.085)!important;
}
.hero-rect-card .card-icon-wrap{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  border-radius:50%!important;
}
.hero-rect-card h3{
  font-size:1rem!important;
  line-height:1.25!important;
  margin-bottom:.48rem!important;
  letter-spacing:-.018em!important;
}
.hero-rect-card p{
  font-size:.84rem!important;
  line-height:1.55!important;
}
.hero-rect-card ul{
  font-size:.8rem!important;
  line-height:1.5!important;
}

/* Digital Launch Kits follows the taller 4-card proportions shown in the mockup. */
.bundle-overview-row .hero-rect-card{
  height:286px!important;
  min-height:286px!important;
  padding:1.15rem 1.2rem!important;
  border-radius:20px!important;
}
.bundle-overview-row .hero-rect-card h3{font-size:1rem!important;}
.bundle-overview-row .hero-rect-card p{font-size:.82rem!important;}
.bundle-overview-row .hero-rect-card ul{font-size:.77rem!important;line-height:1.45!important;}
.bundle-overview-row .card-icon-wrap{width:48px!important;height:48px!important;flex-basis:48px!important;}

/* Domain search block sized to the mockup rather than a full-width form. */
.hero-search-shell{max-width:720px!important;min-height:64px!important;border-radius:15px!important;}
.hero-search-shell input{padding-top:1rem!important;padding-bottom:1rem!important;font-size:1rem!important;}
.hero-search-shell button{min-width:156px!important;font-size:1rem!important;}
.hero-note{font-size:.88rem!important;margin-top:.85rem!important;}

/* Keep the post-hero CTA clearly on the second screen. */
#home>.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.pb-20{
  width:var(--uk-frame-width)!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-top:2.4rem!important;
}

/* Header proportions from the supplied mockup. */
.desktop-nav{gap:.55rem!important;margin-left:auto!important;margin-right:1.25rem!important;}
.nav-top-link,.nav-contact-button{padding:.75rem .78rem!important;font-size:.88rem!important;}
.nav-home-link{padding-left:.45rem!important;padding-right:.62rem!important;}
.search-icon-button{width:52px!important;height:52px!important;border-radius:14px!important;}
.desktop-portal{min-height:52px!important;border-radius:13px!important;padding-left:1.35rem!important;padding-right:1.35rem!important;}

@media (min-width:1280px) and (max-height:820px){
  .hero-shell .hero-shell-inner{padding-top:190px!important;padding-bottom:10px!important;}
  .hero-copy h1{font-size:3.7rem!important;}
  .hero-copy p{font-size:1rem!important;line-height:1.48!important;}
  .hero-action-row{margin-top:1.1rem!important;}
  .hero-rect-card{height:148px!important;min-height:148px!important;padding:1rem!important;}
  .hero-rect-card .card-icon-wrap{width:46px!important;height:46px!important;flex-basis:46px!important;}
  .bundle-overview-row .hero-rect-card{height:250px!important;min-height:250px!important;}
}
@media (max-width:1279px){
  :root{--uk-frame-width:92%;}
  .hero-card-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hero-rect-card{height:auto!important;min-height:148px!important;}
  .bundle-overview-row .hero-rect-card{height:auto!important;min-height:238px!important;}
  .hero-shell .hero-shell-inner{min-height:auto!important;padding-top:190px!important;padding-bottom:2rem!important;}
  .hero-shell{min-height:auto!important;}
}
@media (max-width:767px){
  :root{--uk-header-offset:98px;--uk-frame-width:calc(100% - 28px);}
  header.fixed.top-0.w-full.z-50.glass-panel{padding-top:10px!important;}
  header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl{width:calc(100% - 20px)!important;padding-left:14px!important;padding-right:14px!important;border-radius:18px!important;}
  .hero-shell{margin-top:calc(-1 * var(--uk-header-offset))!important;min-height:auto!important;}
  .hero-shell .hero-shell-inner{width:var(--uk-frame-width)!important;min-height:auto!important;padding-top:132px!important;padding-bottom:1.1rem!important;}
  .hero-card-row{grid-template-columns:1fr!important;margin-top:2.2rem!important;}
  .hero-rect-card,.bundle-overview-row .hero-rect-card{height:auto!important;min-height:0!important;}
  .hero-copy h1{font-size:2.65rem!important;}
  .hero-copy p{font-size:1rem!important;}
  .hero-primary-btn,.hero-secondary-btn{width:100%!important;}
  .hero-search-shell button{min-width:0!important;}
  #home>.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.pb-20{width:var(--uk-frame-width)!important;}
}

/* v6.1 — fine alignment against the supplied desktop mockups */
:root{--uk-header-offset:128px;}
header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(255,255,255,.78)!important;
}
header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex{height:88px!important;}
header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex>a.group>img:first-child{
  width:54px!important;height:54px!important;
}
header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex>a.group>img:nth-child(2){
  width:210px!important;
}
.hero-shell .hero-shell-inner{padding-bottom:0!important;}

/* The individual mockups use different headline widths. */
#domains .hero-shell .hero-shell-inner{padding-top:216px!important;}
#domains .hero-copy{max-width:760px!important;}
#domains .hero-copy h1{font-size:4.35rem!important;line-height:1.07!important;max-width:750px!important;}
#domains .hero-copy p{max-width:620px!important;font-size:1.05rem!important;line-height:1.5!important;margin-bottom:1.05rem!important;}
#domains .hero-search-shell{max-width:720px!important;}

#bundles .hero-shell .hero-shell-inner{padding-top:204px!important;}
#bundles .hero-copy{max-width:720px!important;}
#bundles .hero-copy h1{font-size:4.28rem!important;line-height:1.06!important;max-width:700px!important;}
#bundles .hero-copy p{max-width:600px!important;font-size:1.02rem!important;line-height:1.5!important;margin-bottom:1rem!important;}
#bundles .hero-action-row{margin-top:1.25rem!important;}
#bundles .bundle-overview-row .hero-rect-card{height:286px!important;min-height:286px!important;}

#hosting .hero-shell .hero-shell-inner{padding-top:205px!important;}
#hosting .hero-copy h1{font-size:4.35rem!important;line-height:1.08!important;max-width:650px!important;}
#hosting .hero-copy p{max-width:600px!important;font-size:1.02rem!important;line-height:1.5!important;}

#partners .hero-shell .hero-shell-inner{padding-top:210px!important;}
#partners .hero-copy{max-width:680px!important;}
#partners .hero-copy h1{font-size:4.25rem!important;line-height:1.08!important;max-width:680px!important;}
#partners .hero-copy p{max-width:610px!important;font-size:1.02rem!important;line-height:1.5!important;}

@media (max-width:1279px){
  :root{--uk-header-offset:118px;}
  header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex{height:80px!important;}
  header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex>a.group>img:first-child{width:46px!important;height:46px!important;}
  header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex>a.group>img:nth-child(2){width:180px!important;}
  #domains .hero-shell .hero-shell-inner,#bundles .hero-shell .hero-shell-inner,#hosting .hero-shell .hero-shell-inner,#partners .hero-shell .hero-shell-inner{padding-top:184px!important;}
  #domains .hero-copy h1,#bundles .hero-copy h1,#hosting .hero-copy h1,#partners .hero-copy h1{font-size:3.55rem!important;}
}
@media (max-width:767px){
  :root{--uk-header-offset:98px;}
  header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex{height:76px!important;}
  header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex>a.group>img:first-child{width:42px!important;height:42px!important;}
  header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex>a.group>img:nth-child(2){width:150px!important;}
  #domains .hero-shell .hero-shell-inner,#bundles .hero-shell .hero-shell-inner,#hosting .hero-shell .hero-shell-inner,#partners .hero-shell .hero-shell-inner{padding-top:128px!important;}
  #domains .hero-copy h1,#bundles .hero-copy h1,#hosting .hero-copy h1,#partners .hero-copy h1{font-size:2.55rem!important;}
}

/* v6.2 — per-page card proportions taken from the supplied mockups */
#home .hero-shell .hero-shell-inner{padding-bottom:0!important;}
#home .hero-card-row .hero-rect-card{height:168px!important;min-height:168px!important;}

#domains .hero-shell .hero-shell-inner{padding-bottom:40px!important;}
#domains .hero-card-row .hero-rect-card{height:180px!important;min-height:180px!important;}

#hosting .hero-shell .hero-shell-inner{padding-bottom:40px!important;}
#hosting .hero-card-row .hero-rect-card{height:180px!important;min-height:180px!important;}

#partners .hero-shell .hero-shell-inner{padding-bottom:36px!important;}
#partners .hero-card-row .hero-rect-card{height:192px!important;min-height:192px!important;}

#bundles .hero-shell .hero-shell-inner{padding-bottom:14px!important;}
#bundles .bundle-overview-row .hero-rect-card{height:300px!important;min-height:300px!important;}

@media (max-width:1279px){
  #home .hero-shell .hero-shell-inner,#domains .hero-shell .hero-shell-inner,#hosting .hero-shell .hero-shell-inner,#partners .hero-shell .hero-shell-inner,#bundles .hero-shell .hero-shell-inner{padding-bottom:2rem!important;}
  #home .hero-card-row .hero-rect-card,#domains .hero-card-row .hero-rect-card,#hosting .hero-card-row .hero-rect-card,#partners .hero-card-row .hero-rect-card,#bundles .bundle-overview-row .hero-rect-card{height:auto!important;}
}
@media (max-width:767px){
  #home .hero-shell .hero-shell-inner,#domains .hero-shell .hero-shell-inner,#hosting .hero-shell .hero-shell-inner,#partners .hero-shell .hero-shell-inner,#bundles .hero-shell .hero-shell-inner{padding-bottom:1.1rem!important;}
}

/* v6.3 — avoid first-child margin collapse so the hero starts at y=0 exactly */
.hero-shell{
  margin-top:0!important;
  position:relative!important;
  top:calc(-1 * var(--uk-header-offset))!important;
  margin-bottom:calc(-1 * var(--uk-header-offset))!important;
}
@media (max-width:767px){
  .hero-shell{margin-top:0!important;top:calc(-1 * var(--uk-header-offset))!important;margin-bottom:calc(-1 * var(--uk-header-offset))!important;}
}


/* v7 — breathing room after first-screen cards, compact hero overlap and short CPA */
/* Keep every hero background visible below the final card instead of ending exactly on the card edge. */
@media (min-width:1280px){
  #home .hero-shell .hero-shell-inner{padding-top:clamp(188px,24.5vh,228px)!important;padding-bottom:28px!important;}
  #home .hero-card-row .hero-rect-card{height:160px!important;min-height:160px!important;}

  #domains .hero-shell .hero-shell-inner{padding-top:202px!important;padding-bottom:32px!important;}
  #domains .hero-card-row .hero-rect-card{height:170px!important;min-height:170px!important;}

  #hosting .hero-shell .hero-shell-inner{padding-top:194px!important;padding-bottom:32px!important;}
  #hosting .hero-card-row .hero-rect-card{height:170px!important;min-height:170px!important;}

  #partners .hero-shell .hero-shell-inner{padding-top:198px!important;padding-bottom:30px!important;}
  #partners .hero-card-row .hero-rect-card{height:178px!important;min-height:178px!important;}

  #bundles .hero-shell .hero-shell-inner{padding-top:190px!important;padding-bottom:28px!important;}
  #bundles .bundle-overview-row .hero-rect-card{height:276px!important;min-height:276px!important;}
}

/* Short-height desktop screens: keep the entire lower block visible and preserve background air. */
@media (min-width:1280px) and (max-height:820px){
  #home .hero-shell .hero-shell-inner,#domains .hero-shell .hero-shell-inner,#hosting .hero-shell .hero-shell-inner,#partners .hero-shell .hero-shell-inner,#bundles .hero-shell .hero-shell-inner{padding-top:168px!important;padding-bottom:22px!important;}
  #home .hero-card-row .hero-rect-card{height:132px!important;min-height:132px!important;}
  #domains .hero-card-row .hero-rect-card,#hosting .hero-card-row .hero-rect-card{height:142px!important;min-height:142px!important;}
  #partners .hero-card-row .hero-rect-card{height:148px!important;min-height:148px!important;}
  #bundles .bundle-overview-row .hero-rect-card{height:220px!important;min-height:220px!important;}
  #bundles .hero-copy h1,#domains .hero-copy h1,#hosting .hero-copy h1,#partners .hero-copy h1{font-size:3.55rem!important;}
  #bundles .hero-copy p,#domains .hero-copy p,#hosting .hero-copy p,#partners .hero-copy p{font-size:.95rem!important;line-height:1.45!important;}
}

/* All remaining pages: hero background begins at the top under the translucent menu. */
.compact-hero-overlap{
  position:relative!important;
  top:calc(-1 * var(--uk-header-offset))!important;
  margin-bottom:calc(-1 * var(--uk-header-offset))!important;
  min-height:440px!important;
  background-size:cover!important;
  background-position:right center!important;
  overflow:hidden!important;
}
.compact-hero-overlap>.relative{
  width:var(--uk-frame-width)!important;
  max-width:none!important;
  min-height:440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-top:var(--uk-header-offset)!important;
  padding-bottom:38px!important;
  box-sizing:border-box!important;
}
.compact-hero-overlap>.relative>.max-w-2xl{padding-top:3rem!important;padding-bottom:1.75rem!important;}
.compact-hero-overlap h1{margin-bottom:1rem!important;}

/* Give service content and final content blocks a clear gap before the silver footer. */
.view-section>.service-section:last-child{padding-bottom:5.5rem!important;}
.view-section>.service-section:last-child>.info-strip:last-child{margin-bottom:1rem!important;}

/* Home CTA: a single desktop line, no kicker, with background air above and below. */
.home-cpa-wrap{
  width:var(--uk-frame-width)!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-top:2.25rem!important;
  padding-bottom:3.25rem!important;
}
.compact-cpa-row{
  min-height:72px!important;
  padding:.8rem 1rem .8rem 1.3rem!important;
  border-radius:20px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
}
.compact-cpa-copy{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:.55rem!important;
  white-space:nowrap!important;
  line-height:1.35!important;
}
.compact-cpa-copy strong{
  color:#00247D!important;
  font-size:1.02rem!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
.compact-cpa-copy span{
  color:#111827!important;
  font-size:.9rem!important;
  font-weight:400!important;
}
.compact-cpa-button{
  flex:0 0 auto!important;
  min-width:132px!important;
  min-height:46px!important;
  padding:0 1.2rem!important;
  white-space:nowrap!important;
}

@media (max-width:1279px){
  .compact-hero-overlap{min-height:410px!important;}
  .compact-hero-overlap>.relative{min-height:410px!important;padding-bottom:32px!important;}
  .compact-cpa-copy{white-space:normal!important;flex-wrap:wrap!important;row-gap:.15rem!important;}
  .home-cpa-wrap{padding-top:2rem!important;padding-bottom:2.75rem!important;}
}
@media (max-width:767px){
  .compact-hero-overlap{min-height:auto!important;}
  .compact-hero-overlap>.relative{min-height:360px!important;padding-top:var(--uk-header-offset)!important;padding-bottom:28px!important;}
  .compact-hero-overlap>.relative>.max-w-2xl{padding-top:2.2rem!important;padding-bottom:1.25rem!important;}
  .compact-cpa-row{flex-direction:column!important;align-items:stretch!important;padding:1.15rem!important;}
  .compact-cpa-copy{display:block!important;white-space:normal!important;}
  .compact-cpa-copy strong,.compact-cpa-copy span{display:block!important;}
  .compact-cpa-copy strong{font-size:1rem!important;margin-bottom:.35rem!important;}
  .compact-cpa-copy span{font-size:.88rem!important;line-height:1.5!important;}
  .compact-cpa-button{width:100%!important;}
  .home-cpa-wrap{padding-top:1.4rem!important;padding-bottom:2rem!important;}
}

/* v7.1 — Digital Launch Kits: raise first-screen cards and preserve background air below. */
@media (min-width:1280px) and (min-height:821px){
  #bundles .hero-shell .hero-shell-inner{
    padding-bottom:64px!important;
  }
}
@media (min-width:1280px) and (max-height:820px){
  #bundles .hero-shell .hero-shell-inner{
    padding-bottom:42px!important;
  }
  #bundles .bundle-overview-row .hero-rect-card{
    height:214px!important;
    min-height:214px!important;
  }
}


/* v7.2 — Digital Launch Kits compact horizontal cards */
#bundles .bundle-overview-row{
  align-items:stretch!important;
}
#bundles .bundle-overview-row .bundle-compact-card{
  flex-direction:row!important;
  align-items:center!important;
  gap:1rem!important;
  height:172px!important;
  min-height:172px!important;
  padding:1.15rem 1.1rem!important;
}
#bundles .bundle-overview-row .bundle-compact-card .card-icon-wrap{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  align-self:center!important;
}
#bundles .bundle-overview-row .bundle-card-copy{
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:.05rem 0!important;
}
#bundles .bundle-overview-row .bundle-card-copy h3{
  margin:0 0 .42rem!important;
  font-size:1.02rem!important;
  line-height:1.2!important;
  min-height:2.4em!important;
  display:flex!important;
  align-items:flex-end!important;
}
#bundles .bundle-overview-row .bundle-card-copy p{
  margin:0!important;
  font-size:.82rem!important;
  line-height:1.48!important;
  min-height:3.9em!important;
  color:#64748b!important;
}
#bundles .bundle-overview-row .bundle-card-copy a{
  display:inline-flex!important;
  margin-top:.55rem!important;
  color:#153db7!important;
  font-size:.78rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-decoration:none!important;
}
#bundles .bundle-overview-row .bundle-card-copy a:hover{text-decoration:underline!important;}
#bundles .bundle-overview-row .bundle-card-copy a.bundle-red-link{color:#F20B22!important;}
#bundles .hero-shell .hero-shell-inner{padding-bottom:76px!important;}

/* keep the detailed cards below visually aligned as one system */
#bundles #launch-packages-details .package-grid{align-items:stretch!important;}
#bundles #launch-packages-details .package-card{height:100%!important;}
#bundles #launch-packages-details .package-card>p{min-height:4.75em;}

@media (min-width:1280px) and (max-height:820px){
  #bundles .bundle-overview-row .bundle-compact-card{
    height:152px!important;
    min-height:152px!important;
    padding:.9rem 1rem!important;
  }
  #bundles .bundle-overview-row .bundle-card-copy h3{font-size:.95rem!important;min-height:2.3em!important;margin-bottom:.28rem!important;}
  #bundles .bundle-overview-row .bundle-card-copy p{font-size:.76rem!important;line-height:1.42!important;min-height:3.8em!important;}
  #bundles .bundle-overview-row .bundle-card-copy a{font-size:.74rem!important;margin-top:.4rem!important;}
  #bundles .hero-shell .hero-shell-inner{padding-bottom:58px!important;}
}
@media (max-width:1279px){
  #bundles .bundle-overview-row .bundle-compact-card{height:auto!important;min-height:156px!important;}
}
@media (max-width:767px){
  #bundles .bundle-overview-row .bundle-compact-card{min-height:138px!important;}
  #bundles .bundle-overview-row .bundle-card-copy h3{min-height:0!important;}
  #bundles .bundle-overview-row .bundle-card-copy p{min-height:0!important;}
}


/* v8 — footer edge alignment + lighter animated glassmorphism */
/* Header glass: more transparent while preserving legibility over hero backgrounds. */
header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl{
  background:rgba(255,255,255,.44)!important;
  border-color:rgba(255,255,255,.64)!important;
  backdrop-filter:blur(30px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(145%)!important;
  box-shadow:0 18px 52px rgba(15,23,42,.085), inset 0 1px 0 rgba(255,255,255,.72)!important;
}

/* Four first-screen cards: lighter glass, deeper layered shadow and subtle animated sheen. */
.hero-card-row .hero-rect-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(244,248,252,.50))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  backdrop-filter:blur(24px) saturate(138%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(138%)!important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.095),
    0 4px 12px rgba(31,65,150,.045),
    inset 0 1px 0 rgba(255,255,255,.80)!important;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease!important;
  animation:ukGlassBreath 7s ease-in-out infinite alternate;
}
.hero-card-row .hero-rect-card:nth-child(2){animation-delay:-1.6s}
.hero-card-row .hero-rect-card:nth-child(3){animation-delay:-3.2s}
.hero-card-row .hero-rect-card:nth-child(4){animation-delay:-4.8s}
.hero-card-row .hero-rect-card::before{
  content:'';
  position:absolute;
  inset:-45% auto -45% -55%;
  width:42%;
  transform:skewX(-18deg) translateX(-180%);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.48),rgba(255,255,255,0));
  opacity:.42;
  pointer-events:none;
  transition:transform .75s ease;
}
.hero-card-row .hero-rect-card:hover{
  transform:translateY(-5px) scale(1.006)!important;
  border-color:rgba(255,255,255,.92)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(244,248,252,.56))!important;
  box-shadow:
    0 26px 58px rgba(15,23,42,.14),
    0 8px 20px rgba(31,65,150,.065),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.hero-card-row .hero-rect-card:hover::before{transform:skewX(-18deg) translateX(520%)}
.hero-card-row .hero-rect-card .card-icon-wrap{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
@keyframes ukGlassBreath{
  0%{box-shadow:0 16px 38px rgba(15,23,42,.085),0 4px 11px rgba(31,65,150,.035),inset 0 1px 0 rgba(255,255,255,.80)}
  100%{box-shadow:0 20px 46px rgba(15,23,42,.115),0 6px 16px rgba(31,65,150,.055),inset 0 1px 0 rgba(255,255,255,.88)}
}

/* Footer: use the same visual frame as the hero/header and push both groups to opposite edges. */
.site-footer-minimal>.max-w-7xl{
  width:var(--uk-frame-width)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.footer-minimal-row{
  width:100%!important;
  justify-content:space-between!important;
}
.footer-brand-copyright{margin-right:auto!important;flex:0 1 auto!important;}
.footer-mini-nav{margin-left:auto!important;flex:0 0 auto!important;justify-content:flex-end!important;}

@media (prefers-reduced-motion:reduce){
  .hero-card-row .hero-rect-card{animation:none!important;transition:none!important;}
  .hero-card-row .hero-rect-card::before{display:none!important;}
}
@media (max-width:767px){
  header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl{background:rgba(255,255,255,.58)!important;}
  .site-footer-minimal>.max-w-7xl{width:calc(100% - 28px)!important;}
  .footer-minimal-row{align-items:stretch!important;}
  .footer-brand-copyright,.footer-mini-nav{margin-left:0!important;margin-right:0!important;}
  .footer-mini-nav{justify-content:flex-start!important;}
  .hero-card-row .hero-rect-card{animation:none!important;}
}


/* v9 compact dual product cards */
.dual-product-grid{display:grid;grid-template-columns:1fr;gap:1.05rem;max-width:78rem;margin:0 auto}
.dual-product-card{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.45fr);align-items:stretch;padding:1.15rem 1.2rem;border-radius:1.6rem;background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 42px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.dual-product-card.featured{border:1.5px solid rgba(200,16,46,.36);box-shadow:0 20px 50px rgba(200,16,46,.12), inset 0 1px 0 rgba(255,255,255,.75)}
.dual-left{display:flex;flex-direction:column;justify-content:center;padding:0 1.25rem 0 .25rem;min-width:0}
.dual-right{display:flex;flex-direction:column;justify-content:center;border-left:3px solid rgba(0,36,125,.92);padding-left:1.35rem;min-width:0}
.dual-left .package-kicker{margin-bottom:.4rem}
.dual-left h3{font-size:1.48rem;line-height:1.18;color:#00247D;font-weight:800;margin:0 0 .45rem}
.dual-left p{margin:0;color:#64748b;line-height:1.58;font-size:.96rem;max-width:28rem}
.dual-buy-row{margin-top:.95rem}
.dual-buy-row .service-cta-primary{min-width:150px;width:auto;padding:0 1.45rem}
.dual-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}
.dual-meta-copy{font-size:.93rem;font-weight:700;color:#475569}
.dual-price{display:inline-flex;align-items:center;gap:.18rem;white-space:nowrap;font-size:2rem;font-weight:900;line-height:1;color:#0f172a;letter-spacing:-.03em}
.dual-price .currency{font-size:1.15rem;transform:translateY(-.18rem)}
.dual-right ul{margin:.1rem 0 0;padding-left:1.15rem;color:#475569;line-height:1.62;font-size:.92rem}
.dual-right li{margin:.16rem 0}
.dual-product-grid.hosting-grid .dual-product-card{grid-template-columns:minmax(255px,.9fr) minmax(0,1.5fr)}
.dual-product-grid.hosting-grid .dual-left p{max-width:24rem}
@media(max-width:980px){.dual-product-card,.dual-product-grid.hosting-grid .dual-product-card{grid-template-columns:1fr}.dual-left{padding:0 0 1rem 0}.dual-right{border-left:0;border-top:3px solid rgba(0,36,125,.92);padding-left:0;padding-top:1rem}.dual-meta{flex-wrap:wrap;align-items:flex-start}.dual-buy-row .service-cta-primary{width:100%}}


/* v10 compact inline price + buy row */
.dual-buy-row{margin-top:.92rem;display:flex;align-items:stretch;gap:.55rem;flex-wrap:nowrap}
.dual-buy-row .price-chip{display:inline-flex;align-items:center;justify-content:center;gap:.08rem;min-height:52px;min-width:116px;padding:0 .95rem;border-radius:.92rem;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.95);box-shadow:0 10px 24px rgba(15,23,42,.06);color:#0f172a;font-size:1.85rem;font-weight:900;line-height:1;letter-spacing:-.03em;white-space:nowrap}
.dual-buy-row .price-chip .currency{font-size:1rem;transform:translateY(-.18rem)}
.dual-buy-row .service-cta-primary{min-width:136px;width:auto;padding:0 1.15rem;white-space:nowrap;flex:0 0 auto}
.dual-right .dual-meta{margin-bottom:.55rem}
.dual-right .dual-meta-copy{font-size:.92rem}
@media(max-width:980px){.dual-buy-row{flex-wrap:wrap}.dual-buy-row .price-chip,.dual-buy-row .service-cta-primary{width:100%;min-width:0}}


/* v12 FormSubmit Bento forms */
.form-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.bento-form-card{padding:1.25rem 1.35rem!important;border-radius:1.55rem!important;background:rgba(255,255,255,.79)!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 18px 50px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.82)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
.bento-form-card h2,.bento-form-card h3{margin:0 0 .25rem!important;color:#00247D;font-size:1.35rem!important;line-height:1.2;font-weight:800}
.bento-form-intro{margin:0 0 .75rem!important;color:#64748b!important;font-size:.82rem!important;line-height:1.45!important}
.bento-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .65rem!important;margin-top:.5rem!important}
.bento-field{display:flex;flex-direction:column;gap:.22rem;min-width:0;padding:.48rem .55rem;border-radius:.82rem;background:rgba(248,250,252,.76);border:1px solid rgba(226,232,240,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.bento-field.span-2,.bento-submit.span-2,.bento-form-note.span-2{grid-column:1/-1}
.bento-field label{margin:0;color:#475569;font-size:.61rem;line-height:1.15;font-weight:800;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bento-field input,.bento-field select,.bento-field textarea{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;padding:.15rem 0!important;color:#0f172a;font:inherit;font-size:.84rem!important;line-height:1.25!important;box-shadow:none!important;border-radius:0!important}
.bento-field select{height:24px}.bento-field input:not([type=file]){height:24px}.bento-field textarea{min-height:40px!important;max-height:52px;resize:vertical}
.bento-field input[type=file]{font-size:.72rem!important;line-height:1.2!important;padding:.05rem 0!important;color:#64748b}
.bento-field input[type=file]::file-selector-button{border:0;border-radius:.5rem;padding:.3rem .5rem;margin-right:.45rem;background:#eaf0ff;color:#00247D;font-weight:800;cursor:pointer}
.bento-submit{display:flex;justify-content:flex-start;margin-top:.1rem}
.bento-submit .service-cta-primary{min-height:43px!important;padding:0 1.35rem!important;border-radius:.75rem!important;white-space:nowrap;width:auto!important}
.bento-form-note{margin:.05rem 0 0!important;color:#64748b!important;font-size:.66rem!important;line-height:1.35!important}
.bento-form-note a{color:#00247D;font-weight:700}
.contact-form-card{align-self:start}
.partner-form-section{padding:1.15rem 1rem 2.3rem!important;scroll-margin-top:105px}
.partner-form-grid{gap:1rem!important;align-items:start!important}
.partner-copy-box{padding:1.35rem!important}
.partner-copy-box h2{font-size:1.5rem!important;margin-bottom:.45rem!important}.partner-copy-box p{font-size:.86rem!important;line-height:1.55!important}
.order-panel.bento-form-card{align-self:start}
.order-shell{gap:1.15rem!important;align-items:start!important}
.order-panel:first-child{padding:1.35rem!important}
.order-panel:first-child h2{font-size:1.45rem!important}.order-panel:first-child p,.order-panel:first-child li{font-size:.82rem!important;line-height:1.5!important}.order-panel:first-child ol{margin-top:.8rem!important}.order-panel:first-child .space-y-4> :not([hidden])~ :not([hidden]){margin-top:.5rem!important}.order-panel:first-child .info-strip{margin-top:.8rem!important;padding:.8rem 1rem!important;font-size:.78rem!important}
.thanks-hero{min-height:calc(100vh - 64px);background-repeat:no-repeat;background-size:cover;background-position:right center;position:relative;display:flex;align-items:center}
.thanks-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,248,251,.97) 0%,rgba(247,248,251,.86) 35%,rgba(247,248,251,.30) 62%,rgba(247,248,251,.05) 100%)}
.thanks-card{position:relative;z-index:2;max-width:680px;padding:2rem 2.15rem;border-radius:2rem;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.78);box-shadow:0 22px 60px rgba(15,23,42,.11);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.thanks-card h1{font-size:clamp(2.2rem,4vw,4.1rem);line-height:1.05;letter-spacing:-.04em;color:#00247D;font-weight:800;margin:0 0 1rem}.thanks-card p{font-size:1.05rem;line-height:1.6;color:#52627b;margin:0 0 1.4rem}.thanks-actions{display:flex;gap:.75rem;flex-wrap:wrap}
@media(max-width:900px){.partner-form-grid{grid-template-columns:1fr!important}.partner-copy-box{display:none!important}.order-shell{grid-template-columns:1fr!important}.order-panel:first-child{display:none!important}}
@media(max-width:640px){.partner-form-section{padding:.5rem .55rem 1rem!important}.bento-form-card{padding:.72rem .75rem!important;border-radius:1.1rem!important}.bento-form-card h2,.bento-form-card h3{font-size:1.08rem!important}.bento-form-intro{font-size:.7rem!important;margin-bottom:.35rem!important}.bento-form-grid{gap:.34rem .4rem!important;margin-top:.35rem!important}.bento-field{padding:.35rem .42rem!important;border-radius:.68rem!important}.bento-field label{font-size:.54rem!important}.bento-field input:not([type=file]),.bento-field select{height:21px!important;font-size:.75rem!important}.bento-field textarea{min-height:34px!important;max-height:38px!important;font-size:.75rem!important}.bento-field input[type=file]{font-size:.61rem!important}.bento-field input[type=file]::file-selector-button{padding:.22rem .35rem!important;font-size:.6rem!important}.bento-submit .service-cta-primary{min-height:39px!important;width:100%!important;font-size:.8rem!important}.bento-form-note{font-size:.56rem!important;line-height:1.25!important}.contact-bento-grid .file-field{grid-column:1/-1}.thanks-hero{min-height:calc(100vh - 48px);align-items:flex-start;padding-top:8rem}.thanks-card{margin:0 .75rem;padding:1.35rem 1.25rem;border-radius:1.5rem}.thanks-card h1{font-size:2.35rem}.thanks-card p{font-size:.92rem}.thanks-actions .hero-primary-btn,.thanks-actions .hero-secondary-btn{width:100%}}
@media(max-width:350px){.bento-form-grid{grid-template-columns:1fr!important}.bento-field.span-2,.bento-submit.span-2,.bento-form-note.span-2{grid-column:auto}.contact-bento-grid .file-field{grid-column:auto}}


/* v20 hero title rhythm + red terminal dot */
.title-red-dot{color:#C8102E!important;display:inline!important}
.hero-title-line{display:inline-block}
#home .hero-copy{max-width:58rem!important}
#home .hero-copy h1{max-width:none!important}
#home .hero-title-line-main{white-space:nowrap}
@media (min-width:1280px){
  #home .hero-copy{max-width:60rem!important}
  #home .hero-copy h1{font-size:clamp(3.25rem,5vw,5.4rem)!important}
}
@media (max-width:767px){
  #home .hero-copy{max-width:100%!important;width:100%!important}
  #home .hero-copy h1{font-size:clamp(1.78rem,7.65vw,2.15rem)!important;line-height:1.08!important;letter-spacing:-.045em!important}
  #home .hero-title-line-main{white-space:nowrap!important}
}
@media (max-width:370px){
  #home .hero-copy h1{font-size:1.72rem!important}
}


/* v21 — larger centred desktop navigation; Contact uses the same visual language */
@media (min-width:1280px){
  header.fixed.top-0.w-full.z-50.glass-panel>.max-w-7xl>.flex{position:relative;}
  .desktop-nav{
    position:absolute!important;
    left:50%!important;
    top:0;
    height:80px;
    transform:translateX(-50%);
    margin:0!important;
    gap:.62rem!important;
    justify-content:center;
  }
  .nav-top-link,.nav-contact-button{
    font-size:1.02rem!important;
    line-height:1.1!important;
    font-weight:600!important;
    padding:.72rem .78rem!important;
  }
  .nav-contact-button{
    min-height:auto!important;
    margin-left:0!important;
    border:0!important;
    background:transparent!important;
    color:#334155!important;
    box-shadow:none!important;
  }
  .nav-contact-button:hover{
    border:0!important;
    background:rgba(255,255,255,.48)!important;
    color:#00247D!important;
    box-shadow:none!important;
    transform:none!important;
  }
}
@media (min-width:768px) and (max-width:1279px){
  .nav-contact-button{
    min-height:auto!important;
    margin-left:0!important;
    border:0!important;
    background:transparent!important;
    color:#334155!important;
    box-shadow:none!important;
  }
  .nav-contact-button:hover{background:rgba(255,255,255,.48)!important;color:#00247D!important;border:0!important;box-shadow:none!important;}
}


/* v22 — circular terminal dot and strict two-line hero titles */
.title-red-dot{
  display:inline-block!important;
  width:.176em!important;
  height:.176em!important;
  margin-left:.055em!important;
  border-radius:50%!important;
  background:#C8102E!important;
  color:transparent!important;
  font-size:1em!important;
  line-height:0!important;
  vertical-align:-.013em!important;
  overflow:hidden!important;
}
.hero-title-line{display:inline-block!important;white-space:nowrap!important;max-width:none!important}
@media (min-width:1280px){
  .page-hero-compact .hero-copy,#domains .hero-copy,#bundles .hero-copy,#hosting .hero-copy,#partners .hero-copy{max-width:56rem!important;width:auto!important}
  .page-hero-compact .hero-copy h1,#domains .hero-copy h1,#bundles .hero-copy h1,#hosting .hero-copy h1,#partners .hero-copy h1{max-width:none!important}
  #hosting .hero-copy{max-width:58rem!important}
  #hosting .hero-copy h1{max-width:none!important}
}
@media (max-width:767px){
  .hero-title-line{white-space:nowrap!important}
  .hero-copy,.page-hero-compact .hero-copy{max-width:100%!important;width:100%!important}
  .hero-copy h1,.page-hero-compact .hero-copy h1{max-width:none!important}
}


/* v22.1 — mobile sizing for fixed two-line hero phrases */
@media (max-width:767px){
  .hero-two-line-title{font-size:clamp(2rem,8.8vw,2.3rem)!important;line-height:1.06!important;letter-spacing:-.04em!important;max-width:none!important}
}


/* v22.2 — enforce the two-line rule on narrow screens without changing desktop type size */
@media (max-width:767px){
  #domains .hero-copy h1.hero-two-line-title,
  #bundles .hero-copy h1.hero-two-line-title,
  #hosting .hero-copy h1.hero-two-line-title,
  #partners .hero-copy h1.hero-two-line-title{
    font-size:2rem!important;
    line-height:1.06!important;
    letter-spacing:-.04em!important;
  }
}


/* v24 brand-blue hero headings */
.hero-two-line-title,
.hero-shell .hero-copy h1,
.compact-hero h1.hero-two-line-title{color:#133db8!important;}


/* v25 — native attachment control in Partner form stays compact on phones */
@media (max-width:640px){
  .bento-form-grid .file-field{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:start!important;
    flex:none!important;
  }
  .bento-form-grid .file-field input[type=file]{
    display:block!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    line-height:30px!important;
    overflow:hidden!important;
    flex:none!important;
  }
  .bento-form-grid .file-field input[type=file]::file-selector-button{
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    line-height:1!important;
    vertical-align:middle!important;
  }
}

/* Hero current date: aligned to the primary CTA and positioned in the remaining hero space. */
.hero-shell .hero-shell-inner{position:relative}
.hero-current-date{
  position:absolute;
  z-index:3;
  margin:0;
  padding:0;
  font-size:12px;
  line-height:1;
  font-weight:400;
  font-style:normal;
  color:#778899;
  white-space:nowrap;
  pointer-events:none;
}
@media (max-width:767px){
  .hero-current-date{
    position:static;
    align-self:flex-start;
    margin-top:14px;
    margin-left:0;
  }
}