@font-face { font-family: "Heebo"; src: url("fonts/heebo-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }






:root {
    --ds-page: #fbfaf9;
    --ds-raised: #f4efec;
    --ds-white: #ffffff;
    --ds-ink: #251f21;
    --ds-ink-2: #585254;
    --ds-ink-3: #969394;
    --ds-ink-4: #c0bebf;
    --ds-hairline: #eae9ea;
    --ds-teal: #73a89a;
    --ds-red: #ed313e;
    --ds-red-border: rgb(245 170 174);
    --ds-hover: color-mix(in srgb, #251f21 5%, transparent);
    --ds-hover-strong: color-mix(in srgb, #251f21 10%, transparent);
    --ds-hover-red: color-mix(in srgb, #ed313e 5%, transparent);
    --ds-scrim: rgb(46 39 41 / 0.45);
    --ds-shadow-control: 0 1px 2px color-mix(in srgb, #251f21 5%, transparent);
    --ds-shadow-modal: 0 30px 70px rgb(46 39 41 / 0.28);
    --ds-elevation-0: 0 0 1px color-mix(in srgb, #251f21 10%, transparent), 0 1px 2px color-mix(in srgb, #251f21 8%, transparent);
    --ds-elevation-1: 0 1px 2px color-mix(in srgb, #251f21 12%, transparent), 0 4px 12px color-mix(in srgb, #251f21 14%, transparent);
    --ds-elevation-2: 0 1px 3px color-mix(in srgb, #251f21 8%, transparent), 0 8px 24px color-mix(in srgb, #251f21 16%, transparent);
    --ds-font-display: "Heebo", Arial, sans-serif;
    --ds-font-text: "Heebo", -apple-system, "Helvetica Neue", Arial, sans-serif;
}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.\[transition-duration\:120ms\]{transition-duration:.12s}@media not all and (min-width:768px){.max-md\:flex{display:flex}}@media (min-width:768px){.md\:px-4{padding-left:1rem;padding-right:1rem}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:h-4 svg{height:1rem}.\[\&_svg\]\:w-4 svg{width:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}

:root {
    --file-shadow: 0 1px 2px rgb(37 31 33 / 6%), 0 6px 18px rgb(37 31 33 / 5%);
    --file-pad-x: 24px;
    
    --file-col: 200px;
    
    --file-product-col: 300px;
    
    --file-text: 14px;
    --file-small: 12px;
    
    --file-button-roll: 320ms;
    
    --file-low-stock: #d59b53;
}

.file-card {
    box-sizing: border-box;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 24px var(--file-pad-x);
    background: var(--ds-page);
    color: var(--ds-ink);
    display: flex;
    flex-direction: column;
    gap: 48px;
    font-family: var(--ds-font-text);
    font-size: var(--file-text);
    font-weight: 350;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.file-card[data-width="phone"] { max-width: 390px; }
.file-ground .file-card { border-radius: 24px; box-shadow: var(--file-shadow); }
.file-card > * { min-width: 0; }
.file-card a { color: var(--ds-ink); }
.file-card :focus-visible { outline: 2px solid var(--ds-ink); outline-offset: 2px; }


.file-header { display: flex; flex-direction: column; gap: 24px; }
.file-title {
    margin: 0;
    font-family: var(--ds-font-display);
    font-weight: 700;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -0.025em;
    text-wrap: balance;
}


.file-group { display: flex; flex-direction: column; gap: 24px; }
.file-group-heading {
    margin: 0;
    font-family: var(--ds-font-display);
    font-weight: 700;
    font-size: 21px;
    line-height: 1.1;
    letter-spacing: -0.025em;
}
.file-p { margin: 0; line-height: 24px; text-wrap: pretty; }
.file-bullets { margin: 0; padding: 0 20px 0 0; list-style: disc; display: flex; flex-direction: column; gap: 8px; line-height: 24px; }
.file-bullets li { display: list-item; padding-inline-start: 2px; list-style-position: inside; }
.file-card > :is(.file-photos, .file-strip) + .file-caption { margin-top: -36px; }
.file-group > :is(.file-photos, .file-strip) + .file-caption, .file-chart + .file-caption, .file-table-scroll + .file-caption { margin-top: -12px; }
.file-link { color: var(--ds-ink); overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--ds-ink-4); }
.file-link:hover { text-decoration-color: currentColor; }
[data-can-drag], [data-can-drag] .file-product-toggle, [data-can-drag] .file-product-zoom, [data-can-drag] .file-photo-zoom { cursor: grab; }
[data-drag-scroll] { position: relative; }
[data-drag-scroll][data-dragging] { scroll-snap-type: none; user-select: none; }
[data-dragging], [data-dragging] .file-product-toggle, [data-dragging] .file-product-zoom, [data-dragging] .file-photo-zoom { cursor: grabbing; }
@keyframes file-strip-arrow-in { from { opacity: 0; transform: scale(0.95); } }
@media (prefers-reduced-motion: reduce) { .file-strip-arrow, .file-strip-arrow:disabled { transition: none; animation: none; } }


.file-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 32px;
    padding: 0 16px;
    border: 1px solid var(--ds-hairline);
    border-radius: 4px;
    background: var(--ds-white);
    color: var(--ds-ink);
    font: inherit;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.01em;
    white-space: nowrap;
    text-decoration: none;
    align-self: flex-start;
    max-width: 100%;
    box-shadow: var(--ds-shadow-control);
    cursor: pointer;
    transition: background-color 120ms, border-color 120ms, color 120ms, transform 120ms;
}
.file-button.is-compact { padding: 0 16px; }

.file-button.is-pill { border-radius: 999px; --file-button-icon-pad: 10px; }
.file-button.is-pill:has(> svg:first-child, > .file-button-slot > .file-button-face:last-child > svg:first-child) { padding-inline-start: var(--file-button-icon-pad); }
.file-button.is-pill:has(> svg:last-child, > .file-button-slot > .file-button-face:last-child > svg:last-child) { padding-inline-end: var(--file-button-icon-pad); }

.file-button[data-state] { overflow: hidden; --file-button-inset: 8px; }
@container file-actions (width < 150px) { .file-button-face:has(> .is-short) > .file-button-label:not(.is-short) { display: none; } }
@keyframes file-button-out { to { transform: translateY(calc(-100% - var(--file-button-inset))); opacity: 0; } }
@keyframes file-button-in { from { transform: translateY(calc(100% + var(--file-button-inset))); } }
@keyframes file-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .file-button-slot { transition: none; } }
.file-button svg { flex: none; }

.file-button > span:not(.file-button-slot), .file-button-label { min-width: 0; overflow-x: clip; text-overflow: ellipsis; }
@media (hover: hover) { .file-button:hover { transform: scale(1.05); } }
.file-button[data-variant="primary"] { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-page); }
.file-button[data-variant="ghost"] { background: transparent; border-color: transparent; box-shadow: none; }
.file-button[aria-pressed="true"] { background: var(--ds-teal); border-color: var(--ds-teal); color: var(--ds-white); }
.file-button:disabled:not([data-state]) { background: transparent; border-color: var(--ds-hairline); color: var(--ds-ink-4); box-shadow: none; cursor: default; transform: none; }

.file-button[data-state]:disabled { cursor: default; transform: none; }
.file-button.is-unavailable:disabled { text-decoration: line-through; }

@media (hover: hover) { :is(a, button):hover .file-hover-underline { text-decoration: underline; text-underline-offset: 3px; } }

.file-group > .file-product.is-card + .file-product.is-card { margin-top: 24px; padding-top: 48px; border-top: 1px solid var(--ds-hairline); }
@keyframes file-viewer-in { from { opacity: 0.35; } }
@media (hover: hover) { .file-viewer .file-viewer-button:not(:disabled):hover { background: color-mix(in srgb, var(--ds-white) 12%, transparent); } }
@media (prefers-reduced-motion: reduce) { .file-viewer-stage img { animation: none; } }

[data-quiet-focus]:focus { outline: none !important; }
.file-image-body > .file-card { padding: 0; max-width: none; background: transparent; }


.file-image .file-card { font-size: var(--file-small); line-height: 20px; }
.file-image .file-title { font-size: 24px; }
.file-image .file-group-heading { font-size: 18px; }
.file-image .file-intro, .file-image .file-p, .file-image .file-bullets, .file-image .file-key { line-height: 20px; }


@media (min-width: 768px) {
    .file-ground { padding: 36px; }
    .file-card { --file-pad-x: 36px; padding: 36px; }
    .file-card[data-width="phone"] { --file-pad-x: 24px; padding: 24px 24px; }
    .file-title { font-size: 36px; }
    .file-intro, .file-closing, .file-p { max-width: 72ch; }
}

@media (max-width: 600px) {
    .file-card .file-button, .file-card .file-product-toggle { min-height: 44px; }
    .file-card .file-button[data-state] { --file-button-inset: 14px; }
    .file-card .file-button.is-pill { --file-button-icon-pad: 14px; }
    .file-close, .file-card .file-close { height: 32px; min-height: 32px; }
    .file-size, .file-card .file-size { height: 32px; min-height: 32px; min-width: 38px; }
}

@media print {
    .file-ground { background: var(--ds-white); padding: 0; }
    .file-card, .file-ground .file-card { box-shadow: none; max-width: none; border-radius: 0; }
}
@media print {
    .file-data-table { min-width: 0; }
}


html,
body,
#root {
  margin: 0;
  min-height: 100%;
}
body {
  background: var(--ds-page);
}
html {
  scroll-behavior: smooth;
}
.website {
  color: var(--ds-ink);
  text-align: right;
}
.website [class*=file-card] {
  max-width: 1200px;
}
.website header:first-child {
  display: none;
}
.website a {
  color: inherit;
}
.website h1,
.website h2,
.website h3 {
  font-family: "Heebo", Arial, sans-serif;
  letter-spacing: -.02em;
}
.website p {
  line-height: 1.8;
}
.site-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--ds-hairline);
}
.brand {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.brand b {
  font-size: 32px;
  line-height: 1.05;
  letter-spacing: -2px;
}
.brand b span {
  color: var(--ds-teal);
}
.brand small {
  font-size: 12px;
  color: var(--ds-ink-2);
}
.hero {
  display: grid;
  gap: 36px;
  align-items: center;
  padding: 52px 0 36px;
  grid-template-columns: 1.4fr 1fr;
}
.eyebrow {
  color: var(--ds-ink-2);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  margin: 0 0 16px;
}
.hero h1 {
  font-size: clamp(32px, 4.2vw, 51px);
  line-height: 1.16;
  margin: 0 0 24px;
  font-weight: 800;
}
.hero h1 span {
  color: var(--ds-teal);
}
.hero-intro {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.75 !important;
}
.hero-copy > p:not(.eyebrow):not(.micro) {
  max-width: 530px;
}
.hero-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 26px;
}
.micro {
  font-size: 11px;
  color: var(--ds-ink-2);
  line-height: 1.7 !important;
  margin-top: 18px;
}
.portrait {
  position: relative;
  align-self: stretch;
  overflow: hidden;
  border-radius: 24px;
  min-height: 440px;
  background: var(--ds-raised);
}
.portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 30%;
  position: absolute;
  inset: 0;
}
.portrait-caption {
  position: absolute;
  bottom: 18px;
  right: 18px;
  left: 18px;
  background: var(--ds-page);
  padding: 16px 18px;
  border-radius: 12px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}
.portrait-caption strong {
  font-size: 18px;
  line-height: 1.35;
}
.portrait-caption span {
  font-size: 10px;
  color: var(--ds-ink-2);
}
.promise-strip {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid var(--ds-hairline);
  border-bottom: 1px solid var(--ds-hairline);
  padding: 20px 0;
  font-size: 12px;
  font-weight: 600;
}
.promise-strip span:before {
  content: "\2713";
  color: var(--ds-teal);
  margin-left: 8px;
}
.section {
  padding: 48px 0 0;
  scroll-margin-top: 24px;
}
.section > section {
  margin: 0;
}
.task-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 24px 0 30px;
}
.task-tags span {
  padding: 5px 12px;
  border: 1px solid var(--ds-hairline);
  border-radius: 20px;
  font-size: 12px;
}
.steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.step-no {
  color: var(--ds-teal);
  font-weight: 600;
  font-size: 22px;
}
.steps h3 {
  font-size: 19px;
  margin: 12px 0 8px;
}
.steps p {
  color: var(--ds-ink-2);
  margin: 0;
}
.truth {
  border-right: 3px solid var(--ds-teal);
  padding: 12px 20px;
  margin-top: 30px;
  background: var(--ds-page);
}
.truth p {
  margin: 6px 0 0;
  color: var(--ds-ink-2);
}
.package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}
.package {
  border: 1px solid var(--ds-hairline);
  padding: 24px 20px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
}
.package.featured {
  border-color: var(--ds-teal);
}
.package-label {
  font-size: 11px;
  color: var(--ds-ink-2);
  margin-bottom: 20px;
}
.option-number {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 12px;
  color: var(--ds-ink-2);
}
.package h3 {
  font-size: 23px;
  margin: 0 0 20px;
  line-height: 1.25;
}
.price {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.price b {
  font-size: 36px;
  line-height: 1;
  color: var(--ds-teal);
  font-weight: 600;
  letter-spacing: -1px;
}
.price span {
  font-size: 12px;
}
.package-meta {
  font-size: 12px;
  color: var(--ds-ink-2);
  margin: 10px 0 18px;
}
.package-intro {
  font-weight: 600;
  margin: 0;
}
.package > p:not(.package-meta) {
  font-size: 13px;
}
.package ul {
  padding-right: 18px;
  padding-left: 0;
  font-size: 12px;
  line-height: 1.8;
  margin-bottom: 26px;
}
.package li {
  margin-bottom: 8px;
}
.package > a {
  margin-top: auto;
}
.about-layout {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 55px;
}
.large-copy {
  font-size: 30px;
  line-height: 1.35 !important;
  font-weight: 600;
  margin: 8px 0 24px;
}
.credentials > div {
  padding: 18px 0;
  border-bottom: 1px solid var(--ds-hairline);
}
.credentials > div:first-child {
  padding-top: 8px;
}
.credentials span {
  font-size: 11px;
  color: var(--ds-ink-2);
  display: block;
  margin-bottom: 5px;
}
.credentials strong {
  display: block;
  font-weight: 600;
}
.credentials p {
  font-size: 12px;
  color: var(--ds-ink-2);
  margin: 8px 0 0;
}
.review-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 24px;
}
.review {
  margin: 0;
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--ds-hairline);
  padding-top: 18px;
}
.quote-mark {
  color: var(--ds-teal);
  font-size: 38px;
  line-height: 1;
}
.review blockquote {
  margin: 10px 0 20px;
  font-size: 13px;
  line-height: 1.9;
}
.review figcaption {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 12px;
}
.review figcaption span {
  font-size: 11px;
  color: var(--ds-ink-2);
}
.faq details {
  border-bottom: 1px solid var(--ds-hairline);
}
.faq summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  min-height: 44px;
  font-weight: 600;
  font-size: 14px;
}
.faq summary::-webkit-details-marker {
  display: none;
}
.faq summary span {
  font-size: 22px;
  font-weight: 350;
}
.faq details[open] summary span {
  transform: rotate(45deg);
}
.faq details p {
  margin: 0;
  padding: 0 0 22px;
  max-width: 720px;
  color: var(--ds-ink-2);
}
.final-cta {
  padding: 64px 24px;
  text-align: center;
  margin-top: 50px;
  border-top: 1px solid var(--ds-hairline);
  border-bottom: 1px solid var(--ds-hairline);
}
.final-cta h2 {
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.25;
  margin: 0 0 20px;
}
.final-cta > a {
  margin-top: 12px;
}
.site-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 0;
}
.site-footer > div {
  display: flex;
  align-items: center;
  gap: 14px;
}
.site-footer strong {
  font-size: 21px;
}
.site-footer span,
.site-footer > a {
  font-size: 11px;
  color: var(--ds-ink-2);
}
.website a:focus-visible,
.website summary:focus-visible {
  outline: 2px solid var(--ds-teal);
  outline-offset: 5px;
}
.website [class*=closing] {
  font-size: 10px;
}
@media (max-width: 900px) {
  .nav-links {
    display: none;
  }
  .hero {
    gap: 24px;
    grid-template-columns: 1.1fr 1fr;
  }
  .hero h1 {
    font-size: 36px;
  }
  .portrait {
    min-height: 470px;
  }
  .package-grid {
    grid-template-columns: 1fr;
  }
  .package {
    padding: 24px;
  }
  .package h3 {
    font-size: 25px;
  }
  .package > p:not(.package-meta),
  .package ul {
    font-size: 14px;
  }
  .package .file-button {
    align-self: flex-start;
  }
  .about-layout {
    gap: 30px;
  }
}
@media (max-width: 600px) {
  .site-nav {
    gap: 12px;
    padding-bottom: 20px;
  }
  .site-nav .file-button {
    font-size: 11px;
  }
  .brand b {
    font-size: 28px;
  }
  .hero {
    grid-template-columns: 1fr;
    padding-top: 30px;
    gap: 28px;
  }
  .hero h1 {
    font-size: 36px;
    line-height: 1.2;
  }
  .hero-intro {
    font-size: 17px;
  }
  .hero-actions {
    gap: 8px;
    align-items: start;
    flex-direction: column;
  }
  .hero-actions > .file-button {
    width: 100%;
  }
  .portrait {
    min-height: 360px;
    max-height: 420px;
  }
  .portrait img {
    object-position: 50% 24%;
  }
  .promise-strip {
    flex-direction: column;
    gap: 12px;
    padding: 20px 0;
  }
  .section {
    padding-top: 38px;
  }
  .steps,
  .about-layout,
  .review-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .steps article {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 0 12px;
  }
  .steps h3 {
    margin: 2px 0 8px;
  }
  .steps p {
    grid-column: 2;
  }
  .truth {
    padding: 8px 14px;
  }
  .task-tags {
    margin: 20px 0 28px;
  }
  .large-copy {
    font-size: 27px;
  }
  .review blockquote {
    font-size: 14px;
  }
  .final-cta {
    padding: 42px 0;
  }
  .site-footer {
    align-items: start;
  }
  .site-footer > div {
    flex-direction: column;
    align-items: start;
    gap: 4px;
  }
  .faq summary {
    font-size: 14px;
  }
  .faq details p {
    font-size: 14px;
  }
}
@media (max-width: 350px) {
  .hero h1 {
    font-size: 30px;
  }
  .site-nav .file-button {
    padding-inline: 10px;
  }
  .portrait {
    min-height: 310px;
  }
  .portrait-caption strong {
    font-size: 16px;
  }
  .portrait-caption {
    padding: 12px;
  }
  .portrait-caption span {
    font-size: 9px;
  }
  .hero-intro {
    font-size: 16px;
  }
}
.website {
  --brand-charcoal:#1c2225;
  --brand-cyan:#24c6ce;
  --brand-mint:#70e3ba;
  --brand-lime:#c4e577;
  --brand-deep:#08787e;
  --ds-teal:var(--brand-deep);
}
.site-nav {
  background: var(--brand-charcoal);
  border: 0;
  border-bottom: 3px solid var(--brand-cyan);
  border-radius: 16px;
  padding: 16px 24px;
  min-height: 116px;
  box-sizing: border-box;
}
.brand-lockup {
  display: flex;
  align-items: center;
  gap: 18px;
}
.official-logo {
  width: 66px;
  height: 107px;
  object-fit: contain;
  display: block;
  border-radius: 4px;
}
.site-nav .brand b {
  color: #fff;
}
.site-nav .brand b span {
  color: var(--brand-cyan);
}
.site-nav .brand small {
  color: var(--brand-mint);
}
.site-nav .file-button {
  background: var(--brand-cyan);
  color: var(--brand-charcoal);
  border-color: var(--brand-cyan);
  font-weight: 600;
  min-height: 44px;
}
.hero h1 span {
  color: var(--brand-deep);
}
.hero .file-button,
.final-cta .file-button,
.package.featured .file-button {
  background: var(--brand-charcoal);
  color: #fff;
  border: 1px solid var(--brand-charcoal);
  border-bottom: 3px solid var(--brand-cyan);
  min-height: 44px;
}
.promise-strip {
  border-top: 3px solid var(--brand-lime);
}
.promise-strip span:before,
.step-no,
.price b,
.quote-mark {
  color: var(--brand-deep);
}
.package.featured {
  border-color: var(--brand-cyan);
  border-top: 4px solid var(--brand-cyan);
}
.package-label {
  color: var(--brand-deep);
  font-weight: 600;
}
.truth {
  border-color: var(--brand-mint);
}
.portrait-caption {
  border-right: 4px solid var(--brand-lime);
}
.final-cta {
  border-top: 3px solid var(--brand-lime);
}
.site-footer {
  background: var(--brand-charcoal);
  border-radius: 16px;
  padding: 18px 24px;
  margin-top: 24px;
}
.site-footer .footer-brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}
.footer-brand > img {
  height: 80px;
  width: 50px;
  object-fit: contain;
  border-radius: 3px;
}
.footer-brand > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.site-footer strong {
  color: #fff;
}
.site-footer span {
  color: var(--brand-mint);
}
.site-footer > span {
  max-width: 180px;
}
.website a:focus-visible,
.website summary:focus-visible {
  outline-color: var(--brand-deep);
}
.site-nav a:focus-visible {
  outline-color: var(--brand-lime);
}
@media (max-width: 600px) {
  .site-nav {
    padding: 12px 14px;
    gap: 10px;
    border-radius: 12px;
  }
  .brand-lockup {
    gap: 10px;
  }
  .official-logo {
    width: 49px;
    height: 80px;
  }
  .site-nav .brand b {
    font-size: 23px;
  }
  .site-nav .brand small {
    font-size: 10px;
  }
  .site-nav .file-button {
    padding-inline: 9px;
    font-size: 11px;
  }
  .site-footer {
    padding: 16px;
    gap: 12px;
  }
  .site-footer .footer-brand {
    gap: 10px;
  }
  .footer-brand > img {
    width: 40px;
    height: 65px;
  }
  .site-footer > span {
    max-width: 100px;
    font-size: 10px;
  }
  .footer-brand > div span {
    font-size: 10px;
  }
  .hero {
    padding-top: 30px;
  }
}
@media (max-width: 350px) {
  .site-nav {
    padding: 10px;
    gap: 8px;
  }
  .brand-lockup {
    gap: 7px;
  }
  .official-logo {
    width: 40px;
    height: 65px;
  }
  .site-nav .brand b {
    font-size: 19px;
  }
  .site-nav .brand small {
    font-size: 9px;
  }
  .site-nav .file-button {
    font-size: 10px;
    padding-inline: 7px;
  }
  .site-footer .footer-brand strong {
    font-size: 18px;
  }
}
.review-result {
  color: var(--brand-deep) !important;
  font-weight: 600;
  border-right: 2px solid var(--brand-lime);
  padding-right: 8px;
  margin-top: 8px;
}
.legal-nav {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding: 24px 0;
  font-size: 13px;
}
.legal-nav a {
  min-height: 44px;
  display: flex;
  align-items: center;
  text-underline-offset: 4px;
}
.legal-page header:first-child {
  display: block;
}
.legal-page h1 {
  line-height: 1.25;
}
.legal-page section {
  margin-top: 32px;
}
.legal-page .file-card {
  max-width: 900px;
}
.legal-page li {
  line-height: 1.8;
  margin-bottom: 12px;
}
.legal-page a:not(.file-button) {
  text-underline-offset: 4px;
}
.legal-page .file-button {
  min-height: 44px;
}
.scope-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 24px;
}
.scope-grid > div {
  border-top: 3px solid var(--brand-mint);
  padding-top: 12px;
}
.scope-grid h3,
.prep-grid h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 8px 0 12px;
}
.prep-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
}
.prep-grid > div {
  border-top: 1px solid var(--ds-hairline);
  padding-top: 12px;
}
.reviews a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
@media (max-width: 700px) {
  .scope-grid,
  .prep-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.client-story {
  border-right: 3px solid var(--brand-mint);
  background: var(--ds-raised);
  padding: 14px;
  margin: 0 0 20px;
}
.client-story > span {
  font-size: 10px;
  color: var(--ds-ink-2);
}
.client-story h4 {
  font-size: 15px;
  line-height: 1.5;
  margin: 8px 0;
}
.client-story p {
  font-size: 12px;
  margin: 0;
  line-height: 1.8;
}
@media (max-width: 600px) {
  .client-story p {
    font-size: 14px;
  }
}

html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}html{scroll-behavior:smooth}.website{color:var(--ds-ink);text-align:right}.website [class*="file-card"]{max-width:1200px}.website header:first-child{display:none}.website a{color:inherit}.website h1,.website h2,.website h3{font-family:"Heebo",Arial,sans-serif;letter-spacing:-.02em}.website p{line-height:1.8}.site-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--ds-hairline)}.brand{text-decoration:none;display:flex;flex-direction:column;gap:1px}.brand b{font-size:32px;line-height:1.05;letter-spacing:-2px}.brand b span{color:var(--ds-teal)}.brand small{font-size:12px;color:var(--ds-ink-2)}.hero{display:grid;gap:36px;align-items:center;padding:52px 0 36px;grid-template-columns:1.4fr 1fr}.eyebrow{color:var(--ds-ink-2);font-size:12px;font-weight:600;letter-spacing:.02em;margin:0 0 16px}.hero h1{font-size:clamp(32px,4.2vw,51px);line-height:1.16;margin:0 0 24px;font-weight:800}.hero h1 span{color:var(--ds-teal)}.hero-intro{font-size:18px;font-weight:600;line-height:1.75!important}.hero-copy>p:not(.eyebrow):not(.micro){max-width:530px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}.micro{font-size:11px;color:var(--ds-ink-2);line-height:1.7!important;margin-top:18px}.portrait{position:relative;align-self:stretch;overflow:hidden;border-radius:24px;min-height:440px;background:var(--ds-raised)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;position:absolute;inset:0}.portrait-caption{position:absolute;bottom:18px;right:18px;left:18px;background:var(--ds-page);padding:16px 18px;border-radius:12px;display:flex;align-items:end;justify-content:space-between;gap:12px}.portrait-caption strong{font-size:18px;line-height:1.35}.portrait-caption span{font-size:10px;color:var(--ds-ink-2)}.promise-strip{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ds-hairline);border-bottom:1px solid var(--ds-hairline);padding:20px 0;font-size:12px;font-weight:600}.promise-strip span:before{content:'✓';color:var(--ds-teal);margin-left:8px}.section{padding:48px 0 0;scroll-margin-top:24px}.section>section{margin:0}.task-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.task-tags span{padding:5px 12px;border:1px solid var(--ds-hairline);border-radius:20px;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-no{color:var(--ds-teal);font-weight:600;font-size:22px}.steps h3{font-size:19px;margin:12px 0 8px}.steps p{color:var(--ds-ink-2);margin:0}.truth{border-right:3px solid var(--ds-teal);padding:12px 20px;margin-top:30px;background:var(--ds-page)}.truth p{margin:6px 0 0;color:var(--ds-ink-2)}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.package{border:1px solid var(--ds-hairline);padding:24px 20px;border-radius:16px;display:flex;flex-direction:column;position:relative;min-width:0}.package.featured{border-color:var(--ds-teal)}.package-label{font-size:11px;color:var(--ds-ink-2);margin-bottom:20px}.option-number{position:absolute;top:20px;left:20px;font-size:12px;color:var(--ds-ink-2)}.package h3{font-size:23px;margin:0 0 20px;line-height:1.25}.price{display:flex;align-items:baseline;gap:8px}.price b{font-size:36px;line-height:1;color:var(--ds-teal);font-weight:600;letter-spacing:-1px}.price span{font-size:12px}.package-meta{font-size:12px;color:var(--ds-ink-2);margin:10px 0 18px}.package-intro{font-weight:600;margin:0}.package>p:not(.package-meta){font-size:13px}.package ul{padding-right:18px;padding-left:0;font-size:12px;line-height:1.8;margin-bottom:26px}.package li{margin-bottom:8px}.package>a{margin-top:auto}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.large-copy{font-size:30px;line-height:1.35!important;font-weight:600;margin:8px 0 24px}.credentials>div{padding:18px 0;border-bottom:1px solid var(--ds-hairline)}.credentials>div:first-child{padding-top:8px}.credentials span{font-size:11px;color:var(--ds-ink-2);display:block;margin-bottom:5px}.credentials strong{display:block;font-weight:600}.credentials p{font-size:12px;color:var(--ds-ink-2);margin:8px 0 0}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.review{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--ds-hairline);padding-top:18px}.quote-mark{color:var(--ds-teal);font-size:38px;line-height:1}.review blockquote{margin:10px 0 20px;font-size:13px;line-height:1.9}.review figcaption{margin-top:auto;display:flex;flex-direction:column;gap:3px;font-size:12px}.review figcaption span{font-size:11px;color:var(--ds-ink-2)}.faq details{border-bottom:1px solid var(--ds-hairline)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;min-height:44px;font-weight:600;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px;font-weight:350}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:0;padding:0 0 22px;max-width:720px;color:var(--ds-ink-2)}.final-cta{padding:64px 24px;text-align:center;margin-top:50px;border-top:1px solid var(--ds-hairline);border-bottom:1px solid var(--ds-hairline)}.final-cta h2{font-size:clamp(30px,4vw,42px);line-height:1.25;margin:0 0 20px}.final-cta>a{margin-top:12px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.site-footer>div{display:flex;align-items:center;gap:14px}.site-footer strong{font-size:21px}.site-footer span,.site-footer>a{font-size:11px;color:var(--ds-ink-2)}.website a:focus-visible,.website summary:focus-visible{outline:2px solid var(--ds-teal);outline-offset:5px}.website [class*="closing"]{font-size:10px}
@media(max-width:900px){.nav-links{display:none}.hero{gap:24px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:36px}.portrait{min-height:470px}.package-grid{grid-template-columns:1fr}.package{padding:24px}.package h3{font-size:25px}.package>p:not(.package-meta),.package ul{font-size:14px}.package .file-button{align-self:flex-start}.about-layout{gap:30px}}
@media(max-width:600px){.site-nav{gap:12px;padding-bottom:20px}.site-nav .file-button{font-size:11px}.brand b{font-size:28px}.hero{grid-template-columns:1fr;padding-top:30px;gap:28px}.hero h1{font-size:36px;line-height:1.2}.hero-intro{font-size:17px}.hero-actions{gap:8px;align-items:start;flex-direction:column}.hero-actions>.file-button{width:100%}.portrait{min-height:360px;max-height:420px}.portrait img{object-position:50% 24%}.promise-strip{flex-direction:column;gap:12px;padding:20px 0}.section{padding-top:38px}.steps,.about-layout,.review-grid{grid-template-columns:1fr;gap:24px}.steps article{display:grid;grid-template-columns:38px 1fr;gap:0 12px}.steps h3{margin:2px 0 8px}.steps p{grid-column:2}.truth{padding:8px 14px}.task-tags{margin:20px 0 28px}.large-copy{font-size:27px}.review blockquote{font-size:14px}.final-cta{padding:42px 0}.site-footer{align-items:start}.site-footer>div{flex-direction:column;align-items:start;gap:4px}.faq summary{font-size:14px}.faq details p{font-size:14px}}
@media(max-width:350px){.hero h1{font-size:30px}.site-nav .file-button{padding-inline:10px}.portrait{min-height:310px}.portrait-caption strong{font-size:16px}.portrait-caption{padding:12px}.portrait-caption span{font-size:9px}.hero-intro{font-size:16px}}

.website{--brand-charcoal:#1c2225;--brand-cyan:#24c6ce;--brand-mint:#70e3ba;--brand-lime:#c4e577;--brand-deep:#08787e;--ds-teal:var(--brand-deep)}
.site-nav{background:var(--brand-charcoal);border:0;border-bottom:3px solid var(--brand-cyan);border-radius:16px;padding:16px 24px;min-height:116px;box-sizing:border-box}
.brand-lockup{display:flex;align-items:center;gap:18px}.official-logo{width:66px;height:107px;object-fit:contain;display:block;border-radius:4px}.site-nav .brand b{color:#fff}.site-nav .brand b span{color:var(--brand-cyan)}.site-nav .brand small{color:var(--brand-mint)}
.site-nav .file-button{background:var(--brand-cyan);color:var(--brand-charcoal);border-color:var(--brand-cyan);font-weight:600;min-height:44px}
.hero h1 span{color:var(--brand-deep)}.hero .file-button,.final-cta .file-button,.package.featured .file-button{background:var(--brand-charcoal);color:#fff;border:1px solid var(--brand-charcoal);border-bottom:3px solid var(--brand-cyan);min-height:44px}
.promise-strip{border-top:3px solid var(--brand-lime)}.promise-strip span:before,.step-no,.price b,.quote-mark{color:var(--brand-deep)}.package.featured{border-color:var(--brand-cyan);border-top:4px solid var(--brand-cyan)}.package-label{color:var(--brand-deep);font-weight:600}.truth{border-color:var(--brand-mint)}.portrait-caption{border-right:4px solid var(--brand-lime)}.final-cta{border-top:3px solid var(--brand-lime)}
.site-footer{background:var(--brand-charcoal);border-radius:16px;padding:18px 24px;margin-top:24px}.site-footer .footer-brand{display:flex;flex-direction:row;align-items:center;gap:14px}.footer-brand>img{height:80px;width:50px;object-fit:contain;border-radius:3px}.footer-brand>div{display:flex;flex-direction:column;gap:5px}.site-footer strong{color:#fff}.site-footer span{color:var(--brand-mint)}.site-footer>span{max-width:180px}.website a:focus-visible,.website summary:focus-visible{outline-color:var(--brand-deep)}.site-nav a:focus-visible{outline-color:var(--brand-lime)}
@media(max-width:600px){.site-nav{padding:12px 14px;gap:10px;border-radius:12px}.brand-lockup{gap:10px}.official-logo{width:49px;height:80px}.site-nav .brand b{font-size:23px}.site-nav .brand small{font-size:10px}.site-nav .file-button{padding-inline:9px;font-size:11px}.site-footer{padding:16px;gap:12px}.site-footer .footer-brand{gap:10px}.footer-brand>img{width:40px;height:65px}.site-footer>span{max-width:100px;font-size:10px}.footer-brand>div span{font-size:10px}.hero{padding-top:30px}}
@media(max-width:350px){.site-nav{padding:10px;gap:8px}.brand-lockup{gap:7px}.official-logo{width:40px;height:65px}.site-nav .brand b{font-size:19px}.site-nav .brand small{font-size:9px}.site-nav .file-button{font-size:10px;padding-inline:7px}.site-footer .footer-brand strong{font-size:18px}}
.review-result{color:var(--brand-deep)!important;font-weight:600;border-right:2px solid var(--brand-lime);padding-right:8px;margin-top:8px}.legal-nav{display:flex;gap:16px;flex-wrap:wrap;padding:24px 0;font-size:13px}.legal-nav a{min-height:44px;display:flex;align-items:center;text-underline-offset:4px}.legal-page header:first-child{display:block}.legal-page h1{line-height:1.25}.legal-page section{margin-top:32px}.legal-page .file-card{max-width:900px}.legal-page li{line-height:1.8;margin-bottom:12px}.legal-page a:not(.file-button){text-underline-offset:4px}.legal-page .file-button{min-height:44px}

.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.scope-grid>div{border-top:3px solid var(--brand-mint);padding-top:12px}.scope-grid h3,.prep-grid h3{font-size:20px;line-height:1.4;margin:8px 0 12px}.prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.prep-grid>div{border-top:1px solid var(--ds-hairline);padding-top:12px}.reviews a{display:inline-flex;align-items:center;min-height:44px}@media(max-width:700px){.scope-grid,.prep-grid{grid-template-columns:1fr;gap:20px}}

.client-story{border-right:3px solid var(--brand-mint);background:var(--ds-raised);padding:14px;margin:0 0 20px}.client-story>span{font-size:10px;color:var(--ds-ink-2)}.client-story h4{font-size:15px;line-height:1.5;margin:8px 0}.client-story p{font-size:12px;margin:0;line-height:1.8}@media(max-width:600px){.client-story p{font-size:14px}}

html,body{margin:0;min-height:100%;width:auto} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
a[href^="tel:"]{white-space:nowrap;display:inline-block}

/* Keyboard focus indicator: strengthen existing 2px indicator to 3px, uniform brand deep teal (WCAG 2.4.7/2.4.13); lime kept for dark surfaces */
.website a:focus-visible, .website button:focus-visible, .website summary:focus-visible { outline-width: 3px; outline-color: #08787e; }
.site-nav a:focus-visible, .site-footer a:focus-visible { outline-color: #c4e577; }