.pp26 {
  --font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  font-family: var(--font-body), system-ui, sans-serif;
}
.pp26 .__className_46d387 {
font-family: 'Red Hat Display', 'Red Hat Display Fallback';font-style: normal
}
.pp26 .__variable_46d387 {
--font-display: 'Red Hat Display', 'Red Hat Display Fallback'
}
.pp26 .__className_0fc2d1 {
font-family: 'Inter', 'Inter Fallback';font-style: normal
}
.pp26 .__variable_0fc2d1 {
--font-body: 'Inter', 'Inter Fallback'
}
.pp26 *, .pp26 ::before, .pp26 ::after {

  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.pp26 ::backdrop {

  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.pp26 *, .pp26 ::before, .pp26 ::after {

  box-sizing: border-box; 
  border-width: 0; 
  border-style: solid; 
  border-color: #e5e7eb; 
}
.pp26 ::before, .pp26 ::after {

  --tw-content: '';
}
.pp26, .pp26 :host {

  line-height: 1.5; 
  -webkit-text-size-adjust: 100%; 
  -moz-tab-size: 4; 
  -o-tab-size: 4;
     tab-size: 4; 
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
  font-feature-settings: normal; 
  font-variation-settings: normal; 
  -webkit-tap-highlight-color: transparent; 
}
.pp26 {

  margin: 0; 
  line-height: inherit; 
}
.pp26 hr {

  height: 0; 
  color: inherit; 
  border-top-width: 1px; 
}
.pp26 abbr:where([title]) {

  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.pp26 h1, .pp26 h2, .pp26 h3, .pp26 h4, .pp26 h5, .pp26 h6 {

  font-size: inherit;
  font-weight: inherit;
}
.pp26 a {

  color: inherit;
  text-decoration: inherit;
}
.pp26 b, .pp26 strong {

  font-weight: bolder;
}
.pp26 code, .pp26 kbd, .pp26 samp, .pp26 pre {

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 
  font-feature-settings: normal; 
  font-variation-settings: normal; 
  font-size: 1em; 
}
.pp26 small {

  font-size: 80%;
}
.pp26 sub, .pp26 sup {

  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.pp26 sub {

  bottom: -0.25em;
}
.pp26 sup {

  top: -0.5em;
}
.pp26 table {

  text-indent: 0; 
  border-color: inherit; 
  border-collapse: collapse; 
}
.pp26 button, .pp26 input, .pp26 optgroup, .pp26 select, .pp26 textarea {

  font-family: inherit; 
  font-feature-settings: inherit; 
  font-variation-settings: inherit; 
  font-size: 100%; 
  font-weight: inherit; 
  line-height: inherit; 
  letter-spacing: inherit; 
  color: inherit; 
  margin: 0; 
  padding: 0; 
}
.pp26 button, .pp26 select {

  text-transform: none;
}
.pp26 button, .pp26 input:where([type='button']), .pp26 input:where([type='reset']), .pp26 input:where([type='submit']) {

  -webkit-appearance: button; 
  background-color: transparent; 
  background-image: none; 
}
.pp26 :-moz-focusring {

  outline: auto;
}
.pp26 :-moz-ui-invalid {

  box-shadow: none;
}
.pp26 progress {

  vertical-align: baseline;
}
.pp26 ::-webkit-inner-spin-button, .pp26 ::-webkit-outer-spin-button {

  height: auto;
}
.pp26 [type='search'] {

  -webkit-appearance: textfield; 
  outline-offset: -2px; 
}
.pp26 ::-webkit-search-decoration {

  -webkit-appearance: none;
}
.pp26 ::-webkit-file-upload-button {

  -webkit-appearance: button; 
  font: inherit; 
}
.pp26 summary {

  display: list-item;
}
.pp26 blockquote, .pp26 dl, .pp26 dd, .pp26 h1, .pp26 h2, .pp26 h3, .pp26 h4, .pp26 h5, .pp26 h6, .pp26 hr, .pp26 figure, .pp26 p, .pp26 pre {

  margin: 0;
}
.pp26 fieldset {

  margin: 0;
  padding: 0;
}
.pp26 legend {

  padding: 0;
}
.pp26 ol, .pp26 ul, .pp26 menu {

  list-style: none;
  margin: 0;
  padding: 0;
}
.pp26 dialog {

  padding: 0;
}
.pp26 textarea {

  resize: vertical;
}
.pp26 input::-moz-placeholder, .pp26 textarea::-moz-placeholder {

  opacity: 1; 
  color: #9ca3af; 
}
.pp26 input::placeholder, .pp26 textarea::placeholder {

  opacity: 1; 
  color: #9ca3af; 
}
.pp26 button, .pp26 [role="button"] {

  cursor: pointer;
}
.pp26 :disabled {

  cursor: default;
}
.pp26 img, .pp26 svg, .pp26 video, .pp26 canvas, .pp26 audio, .pp26 iframe, .pp26 embed, .pp26 object {

  display: block; 
  vertical-align: middle; 
}
.pp26 img, .pp26 video {

  max-width: 100%;
  height: auto;
}
.pp26 [hidden]:where(:not([hidden="until-found"])) {

  display: none;
}
.pp26 .container {

  width: 100%;
}

@media (min-width: 640px) {
.pp26 .container {

    max-width: 640px;
  }

}

@media (min-width: 768px) {
.pp26 .container {

    max-width: 768px;
  }

}

@media (min-width: 1024px) {
.pp26 .container {

    max-width: 1024px;
  }

}

@media (min-width: 1280px) {
.pp26 .container {

    max-width: 1280px;
  }

}

@media (min-width: 1536px) {
.pp26 .container {

    max-width: 1536px;
  }

}
.pp26 .btn {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    padding: 13px 26px;
    border: 1.5px solid transparent;
    cursor: pointer;
    text-align: center;
    transition:
      filter 0.15s ease,
      border-color 0.15s ease,
      transform 0.15s ease;
  }
.pp26 .btn-coral {

    background: var(--cta-bg);
    color: var(--cta-color);
    border-radius: var(--cta-radius);
    box-shadow: var(--cta-shadow);
  }
.pp26 .btn-coral:hover {

    filter: brightness(1.05);
  }
.pp26 .btn-ghost {

    background: var(--ghost-bg);
    color: var(--ghost-color);
    border: 1.5px solid var(--ghost-border);
    border-radius: var(--cta-radius);
  }
.pp26 .btn-ghost:hover {

    border-color: var(--ghost-hover);
  }
.pp26 .ribbon {

    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--cta-bg);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 16px;
    border-radius: 99px;
    white-space: nowrap;
  }
.pp26 .eyebrow {

    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--eyebrow-color);
    background: var(--eyebrow-bg);
    padding: var(--eyebrow-pad);
    border-radius: 99px;
  }
.pp26 .tab {

    padding: 11px 20px;
    border-radius: 99px;
    border: 1.5px solid var(--tab-border);
    background: var(--tab-bg);
    color: var(--ink-2);
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: 0.15s;
  }
.pp26 .tab[aria-selected="true"] {

    background: var(--tab-active-bg);
    border-color: var(--tab-active-bg);
    color: var(--tab-active-color);
  }
.pp26 .seg {

    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 4px;
    padding: 5px;
    border: 1px solid var(--line);
    border-radius: 99px;
    background: var(--seg-bg);
    box-shadow: var(--shadow);
  }
.pp26 .seg button {

    padding: 9px 26px;
    background: transparent;
    border: none;
    border-radius: 99px;
    color: var(--ink-2);
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    transition:
      background-color 0.15s ease,
      color 0.15s ease;
  }
.pp26 .seg button:not([aria-selected="true"]):hover {

    background: var(--surface-sunken);
    color: var(--ink);
  }
.pp26 .seg button[aria-selected="true"] {

    background: var(--seg-active-bg);
    color: #ffffff;
  }
.pp26 .seg .seg-note {

    display: none;
    margin-top: 1px;
    font-size: 11.5px;
    font-weight: 400;
    color: var(--muted);
  }

@media (min-width: 640px) {
.pp26 .seg .seg-note {

      display: block;
    }

  }
.pp26 .seg button[aria-selected="true"] .seg-note {

    color: rgba(255, 255, 255, 0.92);
  }
.pp26 .hero-wash {

    
    background: linear-gradient(180deg, var(--hero-wash) 0%, var(--bg) 450px);
  }
.pp26 .chip {

    font-size: 12px;
    color: var(--ink-2);
    border: 1px solid var(--line);
    border-radius: 99px;
    padding: 6px 13px;
    background: var(--surface-sunken);
  }
.pp26 .switch {

    width: 52px;
    height: 28px;
    border-radius: 99px;
    
    background: #c9cdd9;
    position: relative;
    cursor: pointer;
    border: none;
    flex: none;
    transition: background-color 0.18s ease;
  }
.pp26 .switch[aria-checked="true"] {

    background: var(--coral);
  }
.pp26 .switch .knob {

    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffffff;
    transition: left 0.18s ease;
  }
.pp26 .switch[aria-checked="true"] .knob {

    left: 27px;
  }
.pp26 .track {

    position: relative;
    height: 8px;
    background: var(--surface-sunken);
    border-radius: 99px;
  }
.pp26 .track-fill {

    position: absolute;
    inset: 0 auto 0 0;
    height: 100%;
    background: var(--cta-bg);
    border-radius: 99px;
    transition: width 0.22s ease;
  }
.pp26 .mod {

    background: var(--surface);
    border: 1.5px solid var(--line);
    border-radius: 14px;
    padding: 16px 12px;
    cursor: pointer;
    transition: 0.15s;
    text-align: left;
    width: 100%;
  }
.pp26 .mod:hover {

    border-color: var(--muted);
  }
.pp26 .mod[aria-checked="true"] {

    border-color: var(--coral);
    background: var(--coral-tint);
  }
.pp26 .modbox {

    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1.5px solid var(--muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: transparent;
  }
.pp26 .mod[aria-checked="true"] .modbox {

    background: var(--coral);
    border-color: var(--coral);
    color: #ffffff;
  }
/* FAQ title: the pp26 heading reset flattens it — restore the same
   scale as the page's other section headings */
.pp26 .pricing-faq__title {
    font-size: clamp(28px, 2.4vw, 34px);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ink, #1b1b3c);
}

/* Analyst rating tiles: the demo page's original award marks, larger.
   Wider row + taller cards so the marks get breathing room. */
.pp26 .pp26-rating-grid { max-width: 1000px !important; }
.pp26 .pp26-rating-grid > div { min-height: 124px; }
.pp26 .pp26-rating-img { height: 64px; width: auto; max-width: 100%; object-fit: contain; }

/* MSSP / reseller inline callout */
.pp26 .pp26-mssp {
    /* fills the same wrap container as the cards and table above it */
    margin: 28px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 24px;
    padding: 14px 20px;
    background: var(--coral-tint, #fff1f3);
    border-radius: 14px;
    font-size: 14px;
}
.pp26 .pp26-mssp strong { color: var(--ink, #1b1b3c); margin-right: 8px; }
.pp26 .pp26-mssp span { color: var(--ink-2, #4e4e70); }
.pp26 .pp26-mssp a {
    font-weight: 600;
    color: var(--coral, #FF4562);
    text-decoration: none;
    white-space: nowrap;
}
.pp26 .pp26-mssp a:hover { text-decoration: underline; }
.pp26 .pp26-mssp a span { color: inherit; }   /* arrow follows the link color */

/* Security & compliance badge band (light) */
.pp26 .pp26-compliance { padding: 24px 24px 72px; }
.pp26 .pp26-compliance__card {
    max-width: var(--wrap, 1200px);
    margin: 0 auto;
    background: var(--surface-alt, #fafafa);
    border: 1px solid var(--line, #e5e5e5);
    border-radius: 24px;
    padding: clamp(32px, 5vw, 56px);
    display: grid;
    grid-template-columns: 1fr 1.7fr;
    gap: clamp(32px, 5vw, 72px);
    align-items: start;
}
.pp26 .pp26-compliance figure { margin: 0; text-align: center; }
.pp26 .pp26-compliance figcaption {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink-2, #4e4e70);
}
.pp26 .pp26-compliance__col { text-align: center; }
.pp26 .pp26-compliance__col h2 {
    margin: 0 0 28px;
    font-size: 20px;
    font-weight: 700;
    color: var(--ink, #1b1b3c);
    letter-spacing: -0.01em;
}
.pp26 .pp26-compliance__certs {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 32px;
}
.pp26 .pp26-compliance__certs img { width: auto; height: 150px; }
.pp26 .pp26-compliance__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: 28px;
}
.pp26 .pp26-compliance__logos img { width: auto; height: 56px; }
.pp26 .pp26-compliance__logos figure { flex: 0 0 auto; }
/* CITRA is a wide wordmark — align its optical size with the roundels */
.pp26 .pp26-compliance__logos figure:nth-child(6) img { height: 34px; margin-bottom: 11px; }
.pp26 .pp26-compliance__tiles {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-width: 560px;
    margin-inline: auto;
}
.pp26 .pp26-compliance__tiles li {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
    background: var(--surface, #fff);
    border: 1px solid var(--line, #e5e5e5);
    border-radius: 10px;
    padding: 9px 14px;
}
.pp26 .pp26-compliance__tiles strong {
    font-size: 14px;
    font-weight: 700;
    color: var(--ink, #1b1b3c);
    white-space: nowrap;
}
.pp26 .pp26-compliance__tiles span {
    font-size: 12px;
    color: var(--muted, #6b7280);
}
.pp26 .pp26-compliance__list {
    margin: 14px auto 0;
    max-width: 640px;
    font-size: 13px;
    font-weight: 500;
    color: var(--ink-2, #4e4e70);
    line-height: 1.9;
}
@media (max-width: 900px) {
    .pp26 .pp26-compliance__card { grid-template-columns: 1fr; gap: 40px; }
}

/* Sticky compare-table headers: the snapshot assumed a 66px header;
   pin below OUR sticky stack instead (height measured live into the
   custom property, so dismissing the announcement bar still works) */
.pp26 .cmp-grid[class*="sticky"] {
    top: var(--site-sticky-h, 156px) !important;
}

/* Progressive disclosure for the long comparison tables */
.pp26 .pp26-more-hidden { display: none !important; }
.pp26 .pp26-more-row {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    border: 0;
    border-top: 1px solid var(--line, #e5e5e5);
    background: transparent;
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    color: var(--muted, #6b7280);
    cursor: pointer;
    transition: color 0.15s;
}
.pp26 .pp26-more-row:hover { color: var(--coral, #FF4562); }
.pp26 .pp26-showall {
    display: flex;
    justify-content: center;
    padding: 16px;
    border-top: 1px solid var(--line);
}

.pp26 .cmp-grid {

    display: grid;
    align-items: center;
    
  }
.pp26 .cmp-ok {

    color: var(--cmp-ok);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
  }
.pp26 .cmp-no {

    color: var(--cmp-no-fg);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
  }
.pp26 .cmp-grid--2 {

    grid-template-columns: 1.7fr 1fr 1fr;
    min-width: 420px;
  }
.pp26 .cmp-grid--3 {

    grid-template-columns: 1.7fr 1fr 1fr 1fr;
    min-width: 560px;
  }
.pp26 .cmp-grid--4 {

    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    min-width: 720px;
  }
.pp26 .tier-grid {

    display: grid;
    grid-template-columns: 1fr;
    
    gap: 18px;
  }

@media (min-width: 768px) {
.pp26 .tier-grid {

      grid-template-columns: repeat(3, 1fr);
    }
.pp26 .tier-grid--2 {

      grid-template-columns: repeat(2, calc((100% - 36px) / 3));
      justify-content: center;
    }

  }
.pp26 .radar-sweep {

    transform-origin: 400px 400px;
    animation: radar-spin 9s linear infinite;
  }
.pp26 .sr-only {

  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pp26 .pointer-events-none {

  pointer-events: none;
}
.pp26 .visible {

  visibility: visible;
}
.pp26 .collapse {

  visibility: collapse;
}
.pp26 .fixed {

  position: fixed;
}
.pp26 .absolute {

  position: absolute;
}
.pp26 .relative {

  position: relative;
}
.pp26 .sticky {

  position: sticky;
}
.pp26 .inset-x-0 {

  left: 0px;
  right: 0px;
}
.pp26 .-top-\[11px\] {

  top: -11px;
}
.pp26 .bottom-0 {

  bottom: 0px;
}
.pp26 .bottom-4 {

  bottom: 1rem;
}
.pp26 .left-1\/2 {

  left: 50%;
}
.pp26 .left-6 {

  left: 1.5rem;
}
.pp26 .right-4 {

  right: 1rem;
}
.pp26 .top-0 {

  top: 0px;
}
.pp26 .top-1\/2 {

  top: 50%;
}
.pp26 .z-0 {

  z-index: 0;
}
.pp26 .z-40 {

  z-index: 40;
}
.pp26 .z-50 {

  z-index: 50;
}
.pp26 .z-\[1\] {

  z-index: 1;
}
.pp26 .mx-auto {

  margin-left: auto;
  margin-right: auto;
}
.pp26 .my-2\.5 {

  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.pp26 .my-3 {

  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.pp26 .my-4 {

  margin-top: 1rem;
  margin-bottom: 1rem;
}
.pp26 .-mb-px {

  margin-bottom: -1px;
}
.pp26 .-mt-1\.5 {

  margin-top: -0.375rem;
}
.pp26 .mb-1\.5 {

  margin-bottom: 0.375rem;
}
.pp26 .mb-10 {

  margin-bottom: 2.5rem;
}
.pp26 .mb-2 {

  margin-bottom: 0.5rem;
}
.pp26 .mb-2\.5 {

  margin-bottom: 0.625rem;
}
.pp26 .mb-3 {

  margin-bottom: 0.75rem;
}
.pp26 .mb-3\.5 {

  margin-bottom: 0.875rem;
}
.pp26 .mb-5 {

  margin-bottom: 1.25rem;
}
.pp26 .mb-6 {

  margin-bottom: 1.5rem;
}
.pp26 .mb-8 {

  margin-bottom: 2rem;
}
.pp26 .mb-9 {

  margin-bottom: 2.25rem;
}
.pp26 .ml-0\.5 {

  margin-left: 0.125rem;
}
.pp26 .ml-2 {

  margin-left: 0.5rem;
}
.pp26 .ml-2\.5 {

  margin-left: 0.625rem;
}
.pp26 .mt-0\.5 {

  margin-top: 0.125rem;
}
.pp26 .mt-1 {

  margin-top: 0.25rem;
}
.pp26 .mt-1\.5 {

  margin-top: 0.375rem;
}
.pp26 .mt-10 {

  margin-top: 2.5rem;
}
.pp26 .mt-11 {

  margin-top: 2.75rem;
}
.pp26 .mt-12 {

  margin-top: 3rem;
}
.pp26 .mt-2 {

  margin-top: 0.5rem;
}
.pp26 .mt-2\.5 {

  margin-top: 0.625rem;
}
.pp26 .mt-3 {

  margin-top: 0.75rem;
}
.pp26 .mt-3\.5 {

  margin-top: 0.875rem;
}
.pp26 .mt-4 {

  margin-top: 1rem;
}
.pp26 .mt-5 {

  margin-top: 1.25rem;
}
.pp26 .mt-6 {

  margin-top: 1.5rem;
}
.pp26 .mt-8 {

  margin-top: 2rem;
}
.pp26 .mt-\[2px\] {

  margin-top: 2px;
}
.pp26 .mt-auto {

  margin-top: auto;
}
.pp26 .block {

  display: block;
}
.pp26 .inline-block {

  display: inline-block;
}
.pp26 .inline {

  display: inline;
}
.pp26 .flex {

  display: flex;
}
.pp26 .inline-flex {

  display: inline-flex;
}
.pp26 .table {

  display: table;
}
.pp26 .grid {

  display: grid;
}
.pp26 .hidden {

  display: none;
}
.pp26 .h-1 {

  height: 0.25rem;
}
.pp26 .h-10 {

  height: 2.5rem;
}
.pp26 .h-4 {

  height: 1rem;
}
.pp26 .h-6 {

  height: 1.5rem;
}
.pp26 .h-8 {

  height: 2rem;
}
.pp26 .h-9 {

  height: 2.25rem;
}
.pp26 .h-\[26px\] {

  height: 26px;
}
.pp26 .h-\[3px\] {

  height: 3px;
}
.pp26 .h-\[620px\] {

  height: 620px;
}
.pp26 .h-\[66px\] {

  height: 66px;
}
.pp26 .h-full {

  height: 100%;
}
.pp26 .min-h-\[108px\] {

  min-height: 108px;
}
.pp26 .min-h-\[34px\] {

  min-height: 34px;
}
.pp26 .min-h-\[38px\] {

  min-height: 38px;
}
.pp26 .min-h-\[80vh\] {

  min-height: 80vh;
}
.pp26 .min-h-screen {

  min-height: 100vh;
}
.pp26 .w-10 {

  width: 2.5rem;
}
.pp26 .w-4 {

  width: 1rem;
}
.pp26 .w-6 {

  width: 1.5rem;
}
.pp26 .w-8 {

  width: 2rem;
}
.pp26 .w-9 {

  width: 2.25rem;
}
.pp26 .w-\[26px\] {

  width: 26px;
}
.pp26 .w-\[620px\] {

  width: 620px;
}
.pp26 .w-auto {

  width: auto;
}
.pp26 .w-full {

  width: 100%;
}
.pp26 .min-w-0 {

  min-width: 0px;
}
.pp26 .max-w-3xl {

  max-width: 48rem;
}
.pp26 .max-w-\[520px\] {

  max-width: 520px;
}
.pp26 .max-w-\[600px\] {

  max-width: 600px;
}
.pp26 .max-w-\[640px\] {

  max-width: 640px;
}
.pp26 .max-w-\[660px\] {

  max-width: 660px;
}
.pp26 .max-w-\[720px\] {

  max-width: 720px;
}
.pp26 .max-w-\[820px\] {

  max-width: 820px;
}
.pp26 .max-w-\[880px\] {

  max-width: 880px;
}
.pp26 .max-w-\[900px\] {

  max-width: 900px;
}
.pp26 .max-w-\[920px\] {

  max-width: 920px;
}
.pp26 .max-w-prose2 {

  max-width: 820px;
}
.pp26 .max-w-wrap {

  max-width: 1320px;
}
.pp26 .flex-1 {

  flex: 1 1 0%;
}
.pp26 .flex-none {

  flex: none;
}
.pp26 .shrink-0 {

  flex-shrink: 0;
}
.pp26 .grow {

  flex-grow: 1;
}
.pp26 .-translate-x-1\/2 {

  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pp26 .-translate-y-1\/2 {

  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pp26 .-translate-y-\[46\%\] {

  --tw-translate-y: -46%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pp26 .translate-y-full {

  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pp26 .cursor-pointer {

  cursor: pointer;
}
.pp26 .scroll-mt-24 {

  scroll-margin-top: 6rem;
}
.pp26 .grid-cols-1 {

  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.pp26 .grid-cols-2 {

  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pp26 .flex-col {

  flex-direction: column;
}
.pp26 .flex-wrap {

  flex-wrap: wrap;
}
.pp26 .items-start {

  align-items: flex-start;
}
.pp26 .items-center {

  align-items: center;
}
.pp26 .justify-start {

  justify-content: flex-start;
}
.pp26 .justify-end {

  justify-content: flex-end;
}
.pp26 .justify-center {

  justify-content: center;
}
.pp26 .justify-between {

  justify-content: space-between;
}
.pp26 .gap-1\.5 {

  gap: 0.375rem;
}
.pp26 .gap-2 {

  gap: 0.5rem;
}
.pp26 .gap-2\.5 {

  gap: 0.625rem;
}
.pp26 .gap-3 {

  gap: 0.75rem;
}
.pp26 .gap-3\.5 {

  gap: 0.875rem;
}
.pp26 .gap-9 {

  gap: 2.25rem;
}
.pp26 .gap-\[18px\] {

  gap: 18px;
}
.pp26 .gap-\[26px\] {

  gap: 26px;
}
.pp26 .gap-x-10 {

  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.pp26 .gap-x-8 {

  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.pp26 .gap-y-4 {

  row-gap: 1rem;
}
.pp26 .gap-y-7 {

  row-gap: 1.75rem;
}
.pp26 .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.pp26 .self-stretch {

  align-self: stretch;
}
.pp26 .overflow-hidden {

  overflow: hidden;
}
.pp26 .overflow-clip {

  overflow: clip;
}
.pp26 .overflow-visible {

  overflow: visible;
}
.pp26 .overflow-x-auto {

  overflow-x: auto;
}
.pp26 .truncate {

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pp26 .whitespace-nowrap {

  white-space: nowrap;
}
.pp26 .text-balance {

  text-wrap: balance;
}
.pp26 .rounded-\[14px\] {

  border-radius: 14px;
}
.pp26 .rounded-\[16px\] {

  border-radius: 16px;
}
.pp26 .rounded-\[18px\] {

  border-radius: 18px;
}
.pp26 .rounded-\[22px\] {

  border-radius: 22px;
}
.pp26 .rounded-\[24px\] {

  border-radius: 24px;
}
.pp26 .rounded-\[3px\] {

  border-radius: 3px;
}
.pp26 .rounded-\[5px\] {

  border-radius: 5px;
}
.pp26 .rounded-\[6px\] {

  border-radius: 6px;
}
.pp26 .rounded-\[7px\] {

  border-radius: 7px;
}
.pp26 .rounded-card {

  border-radius: var(--card-radius);
}
.pp26 .rounded-full {

  border-radius: 9999px;
}
.pp26 .rounded-lg {

  border-radius: 0.5rem;
}
.pp26 .rounded-md {

  border-radius: 0.375rem;
}
.pp26 .rounded-xl {

  border-radius: 0.75rem;
}
.pp26 .border {

  border-width: 1px;
}
.pp26 .border-\[1\.5px\] {

  border-width: 1.5px;
}
.pp26 .border-b {

  border-bottom-width: 1px;
}
.pp26 .border-b-2 {

  border-bottom-width: 2px;
}
.pp26 .border-l {

  border-left-width: 1px;
}
.pp26 .border-t {

  border-top-width: 1px;
}
.pp26 .border-dashed {

  border-style: dashed;
}
.pp26 .\!border-white\/40 {

  border-color: rgb(255 255 255 / 0.4) !important;
}
.pp26 .border-\[var\(--coral-ring\)\] {

  border-color: var(--coral-ring);
}
.pp26 .border-coral {

  border-color: var(--coral);
}
.pp26 .border-line {

  border-color: var(--line);
}
.pp26 .border-transparent {

  border-color: transparent;
}
.pp26 .\!bg-transparent {

  background-color: transparent !important;
}
.pp26 .bg-\[var\(--coral-tint\)\] {

  background-color: var(--coral-tint);
}
.pp26 .bg-bg {

  background-color: var(--bg);
}
.pp26 .bg-line {

  background-color: var(--line);
}
.pp26 .bg-surface {

  background-color: var(--surface);
}
.pp26 .bg-surface-alt {

  background-color: var(--surface-alt);
}
.pp26 .bg-surface-sunken {

  background-color: var(--surface-sunken);
}
.pp26 .bg-white\/20 {

  background-color: rgb(255 255 255 / 0.2);
}
.pp26 .object-contain {

  -o-object-fit: contain;
     object-fit: contain;
}
.pp26 .p-6 {

  padding: 1.5rem;
}
.pp26 .p-8 {

  padding: 2rem;
}
.pp26 .\!px-5 {

  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.pp26 .\!py-2\.5 {

  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.pp26 .px-1\.5 {

  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.pp26 .px-2 {

  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.pp26 .px-2\.5 {

  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.pp26 .px-3 {

  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.pp26 .px-4 {

  padding-left: 1rem;
  padding-right: 1rem;
}
.pp26 .px-5 {

  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.pp26 .px-6 {

  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.pp26 .px-\[22px\] {

  padding-left: 22px;
  padding-right: 22px;
}
.pp26 .py-1 {

  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.pp26 .py-1\.5 {

  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.pp26 .py-10 {

  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.pp26 .py-14 {

  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.pp26 .py-2\.5 {

  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.pp26 .py-24 {

  padding-top: 6rem;
  padding-bottom: 6rem;
}
.pp26 .py-3 {

  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pp26 .py-3\.5 {

  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.pp26 .py-4 {

  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pp26 .py-5 {

  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.pp26 .py-6 {

  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pp26 .py-8 {

  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pp26 .py-\[18px\] {

  padding-top: 18px;
  padding-bottom: 18px;
}
.pp26 .py-\[3px\] {

  padding-top: 3px;
  padding-bottom: 3px;
}
.pp26 .py-\[5px\] {

  padding-top: 5px;
  padding-bottom: 5px;
}
.pp26 .py-\[60px\] {

  padding-top: 60px;
  padding-bottom: 60px;
}
.pp26 .py-\[64px\] {

  padding-top: 64px;
  padding-bottom: 64px;
}
.pp26 .pb-10 {

  padding-bottom: 2.5rem;
}
.pp26 .pb-24 {

  padding-bottom: 6rem;
}
.pp26 .pb-3\.5 {

  padding-bottom: 0.875rem;
}
.pp26 .pt-16 {

  padding-top: 4rem;
}
.pp26 .pt-2\.5 {

  padding-top: 0.625rem;
}
.pp26 .pt-3 {

  padding-top: 0.75rem;
}
.pp26 .pt-4 {

  padding-top: 1rem;
}
.pp26 .text-left {

  text-align: left;
}
.pp26 .text-center {

  text-align: center;
}
.pp26 .align-middle {

  vertical-align: middle;
}
.pp26 .font-body {

  font-family: var(--font-body), system-ui, sans-serif;
}
.pp26 .font-display {

  font-family: var(--font-display), system-ui, sans-serif;
}
.pp26 .\!text-sm {

  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.pp26 .text-\[0\.55em\] {

  font-size: 0.55em;
}
.pp26 .text-\[10\.5px\] {

  font-size: 10.5px;
}
.pp26 .text-\[11\.5px\] {

  font-size: 11.5px;
}
.pp26 .text-\[11px\] {

  font-size: 11px;
}
.pp26 .text-\[12px\] {

  font-size: 12px;
}
.pp26 .text-\[13px\] {

  font-size: 13px;
}
.pp26 .text-\[14\.5px\] {

  font-size: 14.5px;
}
.pp26 .text-\[15px\] {

  font-size: 15px;
}
.pp26 .text-\[16px\] {

  font-size: 16px;
}
.pp26 .text-\[17px\] {

  font-size: 17px;
}
.pp26 .text-\[18px\] {

  font-size: 18px;
}
.pp26 .text-\[20px\] {

  font-size: 20px;
}
.pp26 .text-\[21px\] {

  font-size: 21px;
}
.pp26 .text-\[22px\] {

  font-size: 22px;
}
.pp26 .text-\[26px\] {

  font-size: 26px;
}
.pp26 .text-\[28px\] {

  font-size: 28px;
}
.pp26 .text-\[30px\] {

  font-size: 30px;
}
.pp26 .text-\[32px\] {

  font-size: 32px;
}
.pp26 .text-\[34px\] {

  font-size: 34px;
}
.pp26 .text-base {

  font-size: 1rem;
  line-height: 1.5rem;
}
.pp26 .text-lg {

  font-size: 1.125rem;
  line-height: 1.75rem;
}
.pp26 .text-sm {

  font-size: 0.875rem;
  line-height: 1.25rem;
}
.pp26 .text-xs {

  font-size: 0.75rem;
  line-height: 1rem;
}
.pp26 .font-bold {

  font-weight: 700;
}
.pp26 .font-extrabold {

  font-weight: 800;
}
.pp26 .font-normal {

  font-weight: 400;
}
.pp26 .font-semibold {

  font-weight: 600;
}
.pp26 .uppercase {

  text-transform: uppercase;
}
.pp26 .leading-\[1\.1\] {

  line-height: 1.1;
}
.pp26 .leading-none {

  line-height: 1;
}
.pp26 .leading-relaxed {

  line-height: 1.625;
}
.pp26 .leading-snug {

  line-height: 1.375;
}
.pp26 .leading-tight {

  line-height: 1.25;
}
.pp26 .tracking-\[-0\.025em\] {

  letter-spacing: -0.025em;
}
.pp26 .tracking-\[-0\.02em\] {

  letter-spacing: -0.02em;
}
.pp26 .tracking-\[0\.08em\] {

  letter-spacing: 0.08em;
}
.pp26 .tracking-\[0\.12em\] {

  letter-spacing: 0.12em;
}
.pp26 .tracking-\[0\.1em\] {

  letter-spacing: 0.1em;
}
.pp26 .tracking-\[0\.2em\] {

  letter-spacing: 0.2em;
}
.pp26 .tracking-normal {

  letter-spacing: 0em;
}
.pp26 .\!text-white {

  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.pp26 .text-\[\#cfd0e0\] {

  --tw-text-opacity: 1;
  color: rgb(207 208 224 / var(--tw-text-opacity, 1));
}
.pp26 .text-\[var\(--eyebrow-color\)\] {

  color: var(--eyebrow-color);
}
.pp26 .text-coral {

  color: var(--coral);
}
.pp26 .text-coral-soft {

  color: var(--coral-soft);
}
.pp26 .text-ink {

  color: var(--ink);
}
.pp26 .text-ink-2 {

  color: var(--ink-2);
}
.pp26 .text-muted {

  color: var(--muted);
}
.pp26 .text-white {

  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.pp26 .underline {

  text-decoration-line: underline;
}
.pp26 .antialiased {

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pp26 .opacity-40 {

  opacity: 0.4;
}
.pp26 .opacity-60 {

  opacity: 0.6;
}
.pp26 .shadow-\[0_-8px_30px_rgba\(27\2c 27\2c 60\2c 0\.12\)\] {

  --tw-shadow: 0 -8px 30px rgba(27,27,60,0.12);
  --tw-shadow-colored: 0 -8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.pp26 .shadow-card {

  --tw-shadow: var(--shadow);
  --tw-shadow-colored: var(--shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.pp26 .shadow-card-lg {

  --tw-shadow: var(--shadow-lg);
  --tw-shadow-colored: var(--shadow-lg);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.pp26 .blur {

  --tw-blur: blur(8px);
  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);
}
.pp26 .grayscale {

  --tw-grayscale: grayscale(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);
}
.pp26 .filter {

  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);
}
.pp26 .transition-\[width\] {

  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.pp26 .transition-colors {

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.pp26 .transition-transform {

  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.pp26 .duration-200 {

  transition-duration: 200ms;
}
.pp26 .duration-300 {

  transition-duration: 300ms;
}
.pp26 .ease-out {

  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.pp26 .\[scrollbar-width\:none\] {

  scrollbar-width: none;
}
.pp26[data-theme="light"] {

  --bg: #ffffff;
  --bg-root: #ffffff;
  --surface: #ffffff;
  --surface-alt: #f5f6fb;
  --surface-sunken: #f5f6fb;

  --ink: #1b1b3c;
  --ink-2: #54546f;
  
  --muted: #6b6b83;
  --line: #e7e8f0;

  --coral: #ff4562;
  --coral-strong: #cc3750;
  --coral-tint: #ffe4e9;
  
  --cmp-ok: #1ba656;
  --cmp-no-fg: #8d93a8;
  
  --hero-wash: #f1f2f8;
  --coral-soft: #cc3750; 
  --coral-ring: #f3c6ce;

  --grad: linear-gradient(135deg, #ff6178, #ff4562);
  --shadow: 0 6px 30px rgba(27, 27, 60, 0.07);
  --shadow-lg: 0 14px 44px rgba(27, 27, 60, 0.12);

  
  --cta-bg: var(--grad);
  --cta-color: #ffffff;
  --cta-radius: 99px;
  --cta-shadow: 0 6px 18px rgba(255, 69, 98, 0.26);
  --ghost-bg: #ffffff;
  --ghost-border: var(--line);
  --ghost-color: var(--ink);
  --ghost-hover: var(--muted);

  --tab-bg: #ffffff;
  --tab-border: var(--line);
  --tab-active-bg: var(--ink);
  --tab-active-color: #ffffff;

  --seg-bg: #ffffff;
  --seg-active-bg: var(--grad);

  --eyebrow-bg: var(--coral-tint);
  --eyebrow-color: var(--coral-strong);
  --eyebrow-pad: 6px 15px;

  --card-radius: 20px;
  --nav-bg: rgba(255, 255, 255, 0.9);
  --radar-ring: #f3c6ce;

  --final-bg: var(--ink);
  --final-color: #ffffff;
}
.pp26[data-theme="dark"] {

  --bg: #1b1b3c;
  --bg-root: #1b1b3c;
  --surface: #15152f;
  --surface-alt: #15152f;
  --surface-sunken: #0d0d1c;

  --ink: #ffffff;
  --ink-2: #cfd0e0;
  --muted: #8d8da2;
  --line: #2c2c55;

  --coral: #ff4562;
  --coral-strong: #cc3750;
  --coral-tint: rgba(255, 69, 98, 0.14);
  --coral-soft: #ff9bb0; 
  
  --cmp-ok: #22b060;
  --cmp-no-fg: rgba(255, 255, 255, 0.45);
  
  --hero-wash: #212145;
  --coral-ring: rgba(255, 69, 98, 0.55);

  --grad: linear-gradient(135deg, #ff6178, #ff4562);
  --shadow: 0 8px 30px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 16px 46px rgba(0, 0, 0, 0.45);

  --cta-bg: var(--coral);
  --cta-color: #ffffff;
  --cta-radius: 10px;
  --cta-shadow: none;
  --ghost-bg: transparent;
  --ghost-border: var(--muted);
  --ghost-color: #ffffff;
  --ghost-hover: #ffffff;

  --tab-bg: transparent;
  --tab-border: var(--line);
  --tab-active-bg: var(--coral);
  --tab-active-color: #ffffff;

  --seg-bg: var(--surface);
  --seg-active-bg: var(--coral);

  --eyebrow-bg: transparent;
  --eyebrow-color: var(--coral-soft);
  --eyebrow-pad: 0;

  --card-radius: 18px;
  --nav-bg: rgba(21, 21, 47, 0.9);
  --radar-ring: #2c2c55;

  --final-bg: linear-gradient(180deg, #15152f, #0d0d1c);
  --final-color: #ffffff;
}
.pp26 {

  --bg-root: #ffffff;
}
.pp26 {

  background: var(--bg-root);
  scroll-behavior: smooth;
}
.pp26 {

  background: var(--bg-root);
  min-height: 100vh;
}
.pp26 h1, .pp26 h2, .pp26 h3, .pp26 h4 {

  font-family: var(--font-display), system-ui, sans-serif;
  line-height: 1.13;
  letter-spacing: -0.01em;
}
.pp26 :where(a, .pp26 button, .pp26 summary, .pp26 input, .pp26 [tabindex]):focus-visible {

  outline: 2px solid var(--coral);
  outline-offset: 2px;
  border-radius: 6px;
}


@media (prefers-reduced-motion: reduce) {
.pp26 {

    scroll-behavior: auto;
  }
.pp26 *, .pp26 *::before, .pp26 *::after {

    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }

}
.pp26 .last\:border-b-0:last-child {

  border-bottom-width: 0px;
}
.pp26 .hover\:border-coral:hover {

  border-color: var(--coral);
}
.pp26 .hover\:border-muted:hover {

  border-color: var(--muted);
}
.pp26 .hover\:bg-surface-sunken:hover {

  background-color: var(--surface-sunken);
}
.pp26 .hover\:text-ink:hover {

  color: var(--ink);
}
.pp26 .hover\:text-ink-2:hover {

  color: var(--ink-2);
}

@media (min-width: 640px) {
.pp26 .sm\:block {

    display: block;
  }
.pp26 .sm\:inline {

    display: inline;
  }
.pp26 .sm\:hidden {

    display: none;
  }
.pp26 .sm\:h-\[900px\] {

    height: 900px;
  }
.pp26 .sm\:w-\[900px\] {

    width: 900px;
  }
.pp26 .sm\:grid-cols-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.pp26 .sm\:grid-cols-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
.pp26 .sm\:text-\[40px\] {

    font-size: 40px;
  }
.pp26 .sm\:text-\[44px\] {

    font-size: 44px;
  }

}

@media (min-width: 768px) {
.pp26 .md\:flex {

    display: flex;
  }
.pp26 .md\:hidden {

    display: none;
  }
.pp26 .md\:h-10 {

    height: 2.5rem;
  }
.pp26 .md\:grid-cols-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
.pp26 .md\:grid-cols-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
.pp26 .md\:grid-cols-\[300px_1fr\] {

    grid-template-columns: 300px 1fr;
  }
.pp26 .md\:flex-row {

    flex-direction: row;
  }
.pp26 .md\:items-center {

    align-items: center;
  }
.pp26 .md\:justify-center {

    justify-content: center;
  }
.pp26 .md\:gap-10 {

    gap: 2.5rem;
  }
.pp26 .md\:gap-4 {

    gap: 1rem;
  }
.pp26 .md\:border-l {

    border-left-width: 1px;
  }
.pp26 .md\:border-r {

    border-right-width: 1px;
  }
.pp26 .md\:border-line {

    border-color: var(--line);
  }
.pp26 .md\:p-8 {

    padding: 2rem;
  }
.pp26 .md\:py-\[70px\] {

    padding-top: 70px;
    padding-bottom: 70px;
  }
.pp26 .md\:pr-10 {

    padding-right: 2.5rem;
  }
.pp26 .md\:pr-16 {

    padding-right: 4rem;
  }
.pp26 .md\:pt-20 {

    padding-top: 5rem;
  }
.pp26 .md\:text-\[16px\] {

    font-size: 16px;
  }
.pp26 .md\:text-\[20px\] {

    font-size: 20px;
  }
.pp26 .md\:text-\[21px\] {

    font-size: 21px;
  }
.pp26 .md\:text-\[30px\] {

    font-size: 30px;
  }
.pp26 .md\:text-\[32px\] {

    font-size: 32px;
  }
.pp26 .md\:text-\[34px\] {

    font-size: 34px;
  }
.pp26 .md\:text-\[40px\] {

    font-size: 40px;
  }
.pp26 .md\:text-\[46px\] {

    font-size: 46px;
  }
.pp26 .md\:text-\[52px\] {

    font-size: 52px;
  }

}

@media (min-width: 1024px) {
.pp26 .lg\:sticky {

    position: sticky;
  }
.pp26 .lg\:top-\[66px\] {

    top: 66px;
  }
.pp26 .lg\:z-10 {

    z-index: 10;
  }
.pp26 .lg\:flex {

    display: flex;
  }
.pp26 .lg\:hidden {

    display: none;
  }
.pp26 .lg\:grid-cols-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
.pp26 .lg\:grid-cols-5 {

    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
.pp26 .lg\:overflow-x-visible {

    overflow-x: visible;
  }

}

@media (min-width: 1280px) {
.pp26 .xl\:block {

    display: block;
  }

}
.pp26 .dark\:text-coral-soft:where([data-theme="dark"], .pp26[data-theme="dark"] *) {

  color: var(--coral-soft);
}
.pp26 .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {

  display: none;
}