img { height: auto; }
      .x-crumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; }
      .x-crumb li { display: inline-flex; align-items: center; min-height: 44px; }
      .x-crumb li + li::before { content: "›"; margin-right: 8px; }
      .x-crumb a { color: inherit; display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 3px; }
      .x-crumb a:hover { color: #fff; }
      .x-related { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
      .x-related a {
        display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 12px 18px;
        background: #fff; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); font-weight: 600; text-decoration: none;
        transition: border-color 0.2s ease, transform 0.2s ease;
      }
      .x-related a::after { content: "→"; color: var(--orange-tx); }
      .x-related a:hover { border-color: var(--orange-tx); transform: translateY(-2px); }
      .x-foot__map ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; }
      @media (prefers-reduced-motion: reduce) { .x-related a:hover { transform: none; } }
      :root {
        --navy: #0f2340;
        --navy-2: #1f3352;
        --orange: #ff6b1a;
        --orange-hi: #ff8a4c;
        --orange-dk: #c4500f;
        --orange-tx: #b8490c;
        --cream: #fbfaf7;
        --grey: #f5f5f7;
        --ink: #14181f;
        --ink-2: #4a5364;
        --line: #e4e3df;
        --disp: "Barlow Condensed", "Oswald", "Arial Narrow", system-ui, sans-serif;
        --body: "Inter", system-ui, -apple-system, sans-serif;
        --wrap: 1180px;
        --pad: clamp(18px, 4vw, 32px);
      }
      html { scroll-behavior: auto; }
      body {
        background: var(--cream);
        color: var(--ink);
        font-family: var(--body);
        font-size: 16.5px;
        line-height: 1.6;
        letter-spacing: -0.005em;
      }
      a { color: inherit; }
      ::selection { background: var(--orange); color: #fff; }
      .x-wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding-inline: var(--pad); }
      h1, h2, h3, h4 {
        font-family: var(--disp);
        font-weight: 700;
        line-height: 1.02;
        letter-spacing: 0.005em;
        text-transform: uppercase;
        margin: 0;
      }
      h1 { font-size: clamp(2.3rem, 6.4vw, 4.3rem); }
      h2 { font-size: clamp(1.8rem, 4.4vw, 2.9rem); }
      h3 { font-size: clamp(1.25rem, 2.4vw, 1.6rem); }
      h4 { font-size: 1.08rem; letter-spacing: 0.04em; }
      p { margin: 0; }

      /* header */
      .x-head {
        position: sticky; top: 0; z-index: 60;
        background: rgba(15, 35, 64, 0.96);
        -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        color: #fff;
      }
      .x-head__bar { display: flex; align-items: center; gap: 18px; min-height: 76px; }
      .x-brand { display: flex; align-items: center; gap: 11px; text-decoration: none; margin-right: auto; }
      .x-brand img { width: 46px; height: 46px; object-fit: contain; }
      .x-brand b { font-family: var(--disp); font-size: 1.32rem; line-height: 0.95; text-transform: uppercase; display: block; letter-spacing: 0.01em; }
      .x-brand span { font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--orange-hi); font-weight: 600; }
      .x-head .x-wrap { max-width: 1440px; }

      /* social icons */
      .x-icons { position: absolute; width: 0; height: 0; overflow: hidden; }
      .x-social { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
      .x-social a {
        width: 44px; height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center;
        border-radius: 10px; color: inherit; text-decoration: none; transition: background 0.16s ease, color 0.16s ease;
      }
      .x-social a:hover { background: rgba(28, 46, 70, 0.86); color: #fff; }
      .x-social svg, .x-btn svg { width: 20px; height: 20px; flex: none; }
      .x-social--light a { color: var(--navy); border: 1px solid var(--line); background: #fff; }
      .x-social--light a:hover { background: var(--navy); color: #fff; border-color: var(--navy); }
      .x-head__social { color: rgba(255, 255, 255, 0.84); }
      .x-head__social a { width: 40px; min-width: 44px; }
      .x-hero .x-note { color: rgba(255, 255, 255, 0.82); margin-top: 12px; font-size: 0.92rem; }
      .x-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
      .x-burger {
        display: none; width: 46px; height: 46px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.25);
        background: transparent; color: #fff; align-items: center; justify-content: center; cursor: pointer;
      }
      .x-burger span { display: block; width: 20px; height: 2px; background: #fff; box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff; }

      /* buttons */
      .x-btn {
        display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        min-height: 48px; padding: 12px 20px; border-radius: 10px; text-decoration: none; cursor: pointer;
        font-family: var(--disp); text-transform: uppercase; font-size: 1.05rem; letter-spacing: 0.05em; font-weight: 600;
        border: 1px solid transparent; transition: transform 0.16s ease, background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
      }
      .x-btn:hover { transform: translateY(-2px); }
      .x-btn--cta { background: var(--orange); color: var(--navy); font-weight: 700; box-shadow: 0 8px 20px rgba(255, 107, 26, 0.28); }
      .x-btn--cta:hover { background: var(--orange-tx); color: #fff; }
      .x-btn--ghost { border-color: rgba(255, 255, 255, 0.4); color: #fff; }
      .x-btn--ghost:hover { background: rgba(255, 255, 255, 0.12); }
      .x-btn--dark { background: var(--navy); color: #fff; }
      .x-btn--dark:hover { background: var(--navy-2); }
      .x-btn--line { border-color: var(--navy); color: var(--navy); }
      .x-btn--line:hover { background: var(--navy); color: #fff; }
      .x-btns { display: flex; flex-wrap: wrap; gap: 12px; }

      /* sections */
      .x-sec { padding-block: clamp(48px, 7vw, 86px); }
      .x-sec--grey { background: var(--grey); border-block: 1px solid var(--line); }
      .x-sec--navy { background-color: var(--navy); background-image: linear-gradient(160deg, var(--navy) 0%, var(--navy-2) 100%); color: #fff; }
      .x-sec--navy h2, .x-sec--navy h3 { color: #fff; }
      .x-eyebrow {
        font-family: var(--disp); text-transform: uppercase; letter-spacing: 0.22em; font-size: 0.82rem;
        color: var(--orange-tx); font-weight: 600; margin-bottom: 10px;
      }
      .x-sec--navy .x-eyebrow { color: var(--orange-hi); }
      .x-lede { color: var(--ink-2); max-width: 62ch; margin-top: 14px; font-size: 1.06rem; }
      .x-sec--navy .x-lede { color: rgba(255, 255, 255, 0.82); }
      .x-head-block { max-width: 70ch; }

      /* hero */
      .x-hero { position: relative; background: var(--navy); color: #fff; overflow: hidden; }
      .x-hero__bg { position: absolute; inset: 0; }
      .x-hero__bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.42; }
      .x-hero::after {
        content: ""; position: absolute; inset: 0;
        background: linear-gradient(105deg, rgba(15, 35, 64, 0.95) 12%, rgba(15, 35, 64, 0.66) 58%, rgba(31, 51, 82, 0.5) 100%);
      }
      .x-hero__in { position: relative; z-index: 2; padding-block: clamp(54px, 9vw, 112px); }
      .x-hero h1 { max-width: 16ch; }
      .x-hero__tag {
        font-family: var(--disp); text-transform: uppercase; letter-spacing: 0.08em; color: var(--orange-hi);
        font-size: clamp(1rem, 2.1vw, 1.35rem); margin-top: 16px;
      }
      .x-hero__sub { margin-top: 16px; max-width: 58ch; color: rgba(255, 255, 255, 0.86); font-size: 1.07rem; }
      .x-hero .x-btns { margin-top: 26px; }
      .x-hero--page .x-hero__in { padding-block: clamp(40px, 6vw, 72px); }
      .x-crumb { font-size: 0.78rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--orange-hi); font-family: var(--disp); margin-bottom: 12px; }

      /* trust strip */
      .x-trust {
        display: flex; flex-wrap: wrap; gap: 10px 26px; align-items: center;
        background: var(--navy-2); color: #fff; border-top: 3px solid var(--orange);
      }
      .x-trust .x-wrap { display: flex; flex-wrap: wrap; gap: 8px 26px; padding-block: 16px; align-items: center; }
      .x-trust span { font-size: 0.9rem; font-weight: 500; display: inline-flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, 0.9); }
      .x-trust b { color: var(--orange-hi); }

      /* cards */
      .x-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); margin-top: 34px; }
      .x-grid--2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
      .x-card {
        background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px;
        display: flex; flex-direction: column; gap: 10px;
        transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
      }
      .x-card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(15, 35, 64, 0.1); border-color: #d6d5d0; }
      .x-card h3 { color: var(--navy); }
      .x-card p, .x-card li { color: var(--ink-2); font-size: 0.97rem; }
      .x-card ul { margin: 4px 0 0; padding-left: 18px; display: grid; gap: 5px; }
      .x-card a.x-more {
        margin-top: auto; font-family: var(--disp); text-transform: uppercase; letter-spacing: 0.06em;
        color: var(--orange-tx); text-decoration: none; font-weight: 600; padding-top: 8px;
        min-height: 44px; display: inline-flex; align-items: center;
      }
      .x-card a.x-more:hover { color: var(--navy); }
      .x-card--media { padding: 0; overflow: hidden; }
      .x-card--media > img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
      .x-card--media .x-card__body { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
      .x-num {
        font-family: var(--disp); font-size: 2.1rem; color: var(--orange-tx); line-height: 1; display: block; margin-bottom: 4px;
      }
      .x-sec--navy .x-card { background: #1a2e4d; border-color: rgba(255, 255, 255, 0.16); }
      .x-sec--navy .x-num { color: var(--orange-hi); }
      .x-card p a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-weight: 600; }
      .x-sec--navy .x-card h3 { color: #fff; }
      .x-sec--navy .x-card p, .x-sec--navy .x-card li { color: rgba(255, 255, 255, 0.82); }

      /* feature band */
      .x-feature {
        display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(22px, 4vw, 48px); align-items: center;
      }
      .x-feature img { border-radius: 18px; width: 100%; object-fit: cover; }
      .x-panel {
        background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--orange);
        border-radius: 14px; padding: 24px; display: grid; gap: 12px;
      }
      .x-sec--navy .x-panel { background: #1a2e4d; border-color: rgba(255, 255, 255, 0.16); border-left-color: var(--orange); }
      .x-tag {
        display: inline-flex; align-items: center; gap: 7px; background: var(--orange); color: var(--navy);
        font-family: var(--disp); text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.8rem;
        padding: 5px 12px; border-radius: 999px; font-weight: 700; width: fit-content;
      }
      .x-tag--quiet { background: var(--navy); color: #fff; }

      /* lists */
      .x-check { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 10px; }
      .x-check li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; color: var(--ink-2); }
      .x-check li::before { content: "✓"; color: var(--orange-tx); font-weight: 700; }
      .x-sec--navy .x-check li { color: rgba(255, 255, 255, 0.85); }
      .x-sec--navy .x-check li::before { color: var(--orange-hi); }
      .x-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; list-style: none; padding: 0; }
      .x-pills li {
        border: 1px solid var(--line); background: #fff; border-radius: 999px; padding: 8px 16px;
        font-weight: 500; font-size: 0.95rem;
      }

      /* quotes */
      .x-quote { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px; display: grid; gap: 12px; }
      .x-quote p { font-size: 1.02rem; color: var(--ink); }
      .x-quote footer { font-size: 0.88rem; color: var(--ink-2); font-weight: 600; }
      .x-stars { color: var(--orange-tx); letter-spacing: 0.18em; font-size: 0.95rem; }

      /* video grid */
      .x-videos { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); margin-top: 32px; }
      .x-tile {
        position: relative; padding: 0; border: 0; background: var(--navy); border-radius: 14px; overflow: hidden;
        aspect-ratio: 9 / 16; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;
      }
      .x-tile img { width: 100%; height: 100%; object-fit: cover; }
      .x-tile:hover { transform: translateY(-4px); box-shadow: 0 18px 32px rgba(15, 35, 64, 0.22); }
      .x-tile__play {
        position: absolute; inset: auto 0 0 0; padding: 12px; display: flex; align-items: center; pointer-events: none;
      }
      .x-tile__play i { width: 26px; height: 26px; border-radius: 50%; background: var(--orange); color: var(--navy); display: grid; place-items: center; font-style: normal; font-size: 12px; }
      .x-hero .x-stars { color: var(--orange-hi); }

      /* lightbox */
      .x-lb { position: fixed; inset: 0; z-index: 200; background: rgba(8, 17, 32, 0.93); display: none; align-items: center; justify-content: center; padding: 16px; }
      .x-lb[open], .x-lb.is-open { display: flex; }
      .x-lb video { max-height: 82vh; max-width: min(96vw, 440px); border-radius: 14px; background: #000; }
      .x-lb__ui { position: absolute; inset: 0; pointer-events: none; }
      .x-lb__btn {
        pointer-events: auto; position: absolute; min-width: 48px; min-height: 48px; border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(15, 35, 64, 0.8); color: #fff; cursor: pointer;
        font-size: 1.1rem; display: grid; place-items: center;
      }
      .x-lb__btn:hover { background: var(--orange); }
      .x-lb__close { top: 14px; right: 14px; }
      .x-lb__prev { left: 10px; top: 50%; transform: translateY(-50%); }
      .x-lb__next { right: 10px; top: 50%; transform: translateY(-50%); }
      .x-lb__count { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.75); font-size: 0.85rem; }

      /* accordion */
      .x-acc { margin-top: 30px; border-top: 1px solid var(--line); }
      .x-acc details { border-bottom: 1px solid var(--line); }
      .x-acc summary {
        cursor: pointer; list-style: none; padding: 18px 44px 18px 0; position: relative;
        font-family: var(--disp); text-transform: uppercase; font-size: 1.15rem; letter-spacing: 0.02em; color: var(--navy);
      }
      .x-acc summary::-webkit-details-marker { display: none; }
      .x-acc summary::after {
        content: "+"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
        color: var(--orange); font-size: 1.5rem; font-family: var(--body);
      }
      .x-acc details[open] summary::after { content: "–"; }
      .x-acc__body { padding: 0 0 20px; color: var(--ink-2); display: grid; gap: 10px; }

      /* misc */
      .x-svcmap { margin: 0; background: var(--navy); background-image: linear-gradient(160deg, var(--navy) 0%, var(--navy-2) 100%); border-radius: 16px; padding: 14px 14px 18px; border: 1px solid rgba(255, 255, 255, 0.12); }
      .x-svcmap svg { display: block; width: 100%; height: auto; max-height: 460px; font-family: var(--body); }
      .x-svcmap figcaption { color: rgba(255, 255, 255, 0.85); font-size: 0.92rem; text-align: center; margin-top: 8px; }
      .x-svcmap .zip rect { fill: #fff; stroke: var(--orange); stroke-width: 2; transition: fill 0.2s; }
      .x-svcmap .zip text { fill: #0f2340; font-size: 16px; font-weight: 700; }
      .x-svcmap .zip:hover rect, .x-svcmap .zip:focus-visible rect { fill: var(--orange); }
      .x-svcmap .zip:focus-visible { outline: none; }
      .x-svcmap .zip:focus-visible rect { stroke: #fff; stroke-width: 3; }
      .x-svcmap .town rect { fill: var(--navy-2); stroke: rgba(255, 255, 255, 0.45); stroke-width: 1; }
      .x-svcmap .town text { fill: #fff; font-size: 15px; font-weight: 600; }
      .x-svcmap a.town rect { stroke: var(--orange); stroke-width: 1.5; transition: fill 0.2s, stroke-width 0.2s; }
      .x-svcmap a.town:hover rect, .x-svcmap a.town:focus-visible rect { fill: #0f2340; stroke-width: 3; }
      .x-svcmap a.town:focus-visible { outline: none; }
      .x-svcmap a.town:focus-visible rect { stroke: #fff; }
      .x-portrait { border-radius: 18px; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
      .x-note { font-size: 0.88rem; color: var(--ink-2); }
      .x-sec--navy .x-note { color: rgba(255, 255, 255, 0.7); }
      .x-dl { display: grid; gap: 2px; margin: 0; }
      .x-dl dt { font-family: var(--disp); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.85rem; color: var(--orange-tx); margin-top: 12px; }
      .x-dl dd { margin: 0; }
      .x-sec--navy .x-dl dt { color: var(--orange-hi); }

      /* footer */
      .x-foot { background: var(--navy); color: rgba(255, 255, 255, 0.78); padding-block: 54px 110px; }
      .x-foot a { color: rgba(255, 255, 255, 0.78); text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
      .x-foot p a { display: inline-flex; }
      .x-foot a:hover { color: #fff; text-decoration: underline; }
      .x-foot__cols { display: grid; gap: 30px; grid-template-columns: 1.3fr 1fr 1fr 1.1fr; }
      .x-foot h4 { color: #fff; margin-bottom: 12px; letter-spacing: 0.14em; font-size: 0.9rem; }
      .x-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; font-size: 0.94rem; }
      .x-foot li { min-height: 32px; display: flex; align-items: center; }
      .x-foot__brand img { width: 62px; }
      .x-foot__bottom {
        margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.14);
        display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: space-between; font-size: 0.84rem;
      }

      /* mobile action bar */
      .x-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 70; display: none; background: rgba(15, 35, 64, 0.97); border-top: 1px solid rgba(255, 255, 255, 0.14); }
      .x-bar a {
        flex: 1; min-height: 56px; display: flex; flex-direction: column; align-items: center; justify-content: center;
        color: #fff; text-decoration: none; font-family: var(--disp); text-transform: uppercase; font-size: 0.82rem; letter-spacing: 0.06em; gap: 2px;
      }
      .x-bar a + a { border-left: 1px solid rgba(255, 255, 255, 0.14); }
      .x-bar a:last-child { background: var(--orange); color: var(--navy); font-weight: 700; }

      /* reveal */
      .x-rev { opacity: 0; transform: translateY(18px); transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
      .x-rev.is-in { opacity: 1; transform: none; }
      @media (prefers-reduced-motion: reduce) { .x-rev { opacity: 1; transform: none; transition: none; } .x-btn:hover, .x-card:hover, .x-tile:hover { transform: none; } }

      /* legal pages */
      .x-legal { max-width: 70ch; }
      .x-legal__list { list-style: none; margin: 0; padding: 0; counter-reset: legal; display: grid; gap: 34px; }
      .x-legal__list > li { counter-increment: legal; display: grid; gap: 12px; padding-top: 26px; border-top: 1px solid var(--line); }
      .x-legal__list > li:first-child { padding-top: 0; border-top: 0; }
      .x-legal h2 { font-size: clamp(1.35rem, 2.6vw, 1.7rem); color: var(--navy); line-height: 1.1; }
      .x-legal h2::before { content: counter(legal) ". "; color: var(--orange-tx); }
      .x-legal p, .x-legal li li { color: var(--ink-2); line-height: 1.7; }
      .x-legal ul { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
      .x-legal strong { color: var(--ink); }
      .x-legal a { color: var(--navy); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
      .x-legal a:hover { color: var(--orange-tx); }
      .x-hero .x-note + .x-note, .x-hero__sub + .x-note { margin-top: 14px; }
      .x-sms { max-width: 60ch; margin: 18px auto 0; }
      .x-sms a { color: #fff; text-decoration: underline; text-underline-offset: 3px; display: inline-flex; align-items: center; min-height: 44px; }
      .x-foot__bottom a { min-width: 0; }

      
      

      @media (max-width: 860px) {
        .x-feature { grid-template-columns: 1fr; }
        .x-foot__cols { grid-template-columns: repeat(2, 1fr); }
      }
      @media (max-width: 700px) {
        .x-bar { display: flex; }
        .x-videos { grid-template-columns: repeat(2, 1fr); }
      }
      @media (max-width: 520px) {
        .x-foot__cols { grid-template-columns: 1fr; }
      }
    
      /* ===== Redesign: dark premium theme ===== */
      :root {
        --bg: #06101f; --bg-2: #081321; --bg-3: #0d1b2c;
        --navy: #0d1b2c; --navy-2: #081321;
        --orange: #ff6b1a; --orange-hi: #ff8a4c; --orange-tx: #ff8a4c; --orange-dk: #c4500f;
        --cream: #06101f; --grey: #081321;
        --ink: #f4f7fa; --ink-2: #9fb0c3; --line: rgba(255, 255, 255, 0.1);
        --glass: rgba(17, 32, 51, 0.72); --glass-hi: rgba(28, 46, 70, 0.86); --glass-line: rgba(255, 255, 255, 0.1);
        --serif: "Instrument Serif", Georgia, "Times New Roman", serif;
        --disp: "Manrope", system-ui, -apple-system, sans-serif;
        --body: "Manrope", system-ui, -apple-system, sans-serif;
        --ease: cubic-bezier(0.22, 1, 0.36, 1);
        --head-h: 76px;
        color-scheme: dark;
      }
      html { background: var(--bg); }
      body {
        background-color: var(--bg);
        background-image:
          radial-gradient(900px 620px at 88% -8%, rgba(255, 107, 26, 0.12), transparent 62%),
          radial-gradient(820px 620px at -12% 32%, rgba(59, 123, 255, 0.08), transparent 62%);
        background-attachment: fixed;
        color: var(--ink); font-family: var(--body); font-size: 16px; letter-spacing: 0;
      }
      :focus-visible { outline: 2px solid var(--orange-hi); outline-offset: 3px; }
      h1, h2, h3, h4 { font-family: var(--serif); font-weight: 400; text-transform: none; letter-spacing: -0.01em; color: var(--ink); }
      h1 { font-size: clamp(2.6rem, 6vw, 4.6rem); line-height: 0.98; }
      h2 { font-size: clamp(2.1rem, 4.6vw, 3.5rem); line-height: 1.02; }
      h3 { font-size: clamp(1.45rem, 2.4vw, 1.85rem); line-height: 1.1; }
      h4 { font-family: var(--body); font-weight: 700; font-size: 0.8rem; letter-spacing: 0.16em; text-transform: uppercase; }
      h1 em, h2 em { font-style: italic; color: var(--orange); }

      /* progress bar */
      .x-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 100; pointer-events: none; }
      .x-progress span {
        display: block; height: 100%; transform-origin: 0 50%; transform: scaleX(0);
        background: linear-gradient(90deg, var(--orange), var(--orange-hi)); box-shadow: 0 0 12px rgba(255, 107, 26, 0.6);
      }

      /* header */
      .x-head {
        position: sticky; top: 0; z-index: 60; color: var(--ink);
        background: rgba(6, 16, 31, 0.72);
        -webkit-backdrop-filter: saturate(140%) blur(18px); backdrop-filter: saturate(140%) blur(18px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        transition: background 0.3s ease;
      }
      .x-head.is-scrolled { background: rgba(6, 16, 31, 0.86); }
      .x-head__bar { min-height: var(--head-h); gap: 16px; transition: min-height 0.35s var(--ease); }
      .x-head.is-scrolled .x-head__bar { min-height: 62px; }
      .x-brand img { width: 44px; height: 44px; transition: width 0.35s var(--ease), height 0.35s var(--ease); }
      .x-head.is-scrolled .x-brand img { width: 36px; height: 36px; }
      .x-brand__txt { display: flex; flex-direction: column; gap: 4px; }
      .x-brand b { font-family: var(--serif); font-weight: 400; font-size: 1.45rem; line-height: 1; text-transform: none; letter-spacing: 0; color: var(--ink); }
      .x-brand__txt > span { font-size: 0.75rem; letter-spacing: 0.22em; font-weight: 700; color: var(--orange-hi); }
      .x-nav { display: none; }
      .x-nav__list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 2px; }
      .x-nav__list > li { position: relative; }
      .x-nav__list > li > a, .x-dd__btn {
        display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 13px; border-radius: 999px;
        font: 600 0.9rem/1 var(--body); color: rgba(244, 247, 250, 0.78); text-decoration: none; white-space: nowrap;
        background: none; border: 0; cursor: pointer; transition: color 0.2s ease, background 0.2s ease;
      }
      .x-nav__list > li > a:hover, .x-dd__btn:hover, .x-dd.is-open > .x-dd__btn { color: #fff; background: var(--glass-hi); }
      .x-nav__list > li > a[aria-current="page"], .x-dd.is-current > .x-dd__btn { color: #fff; background: var(--glass-hi); box-shadow: inset 0 -2px 0 var(--orange); }
      .x-chev { width: 12px; height: 12px; flex: none; transition: transform 0.3s var(--ease); }
      .x-dd.is-open .x-chev { transform: rotate(180deg); }
      .x-dd__panel {
        position: absolute; top: calc(100% + 12px); left: 50%; min-width: 220px; padding: 8px; display: grid; gap: 2px;
        background: rgba(10, 22, 38, 0.94); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
        border: 1px solid var(--glass-line); border-radius: 20px; box-shadow: 0 28px 60px -12px rgba(0, 0, 0, 0.55);
        opacity: 0; visibility: hidden; transform: translate(-50%, 8px);
        transition: opacity 0.22s var(--ease), transform 0.28s var(--ease), visibility 0s linear 0.28s;
      }
      .x-dd__panel::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
      .x-dd.is-open .x-dd__panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; }
      .x-dd__panel--wide { width: min(400px, 92vw); }
      .x-dd__item {
        display: grid; gap: 3px; align-content: center; min-height: 44px; padding: 11px 14px; border-radius: 14px;
        color: var(--ink); text-decoration: none; transition: background 0.18s ease;
      }
      .x-dd__item b { font-weight: 600; font-size: 0.95rem; }
      .x-dd__item span { font-size: 0.84rem; color: var(--ink-2); line-height: 1.4; }
      .x-dd__item:hover, .x-dd__item:focus-visible { background: var(--glass-hi); }
      .x-dd__item[aria-current="page"] b, .x-dd__all[aria-current="page"] { color: var(--orange-hi); }
      .x-dd__all {
        display: flex; align-items: center; min-height: 44px; padding: 0 14px; margin-top: 4px; border-top: 1px solid rgba(255, 255, 255, 0.08);
        color: var(--orange-hi); font-weight: 600; font-size: 0.88rem; text-decoration: none;
      }
      .x-dd__all:hover { color: #fff; }
      .x-dd__panel--areas { width: min(440px, 92vw); max-height: calc(100vh - 110px); overflow-y: auto; overscroll-behavior: contain; }
      .x-dd__label {
        margin: 8px 0 0; padding: 8px 14px 2px; border-top: 1px solid rgba(255, 255, 255, 0.08);
        color: var(--ink-2); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
      }
      .x-dd__areas { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
      .x-dd__areas a {
        display: flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 14px;
        color: var(--ink); font-size: 0.9rem; font-weight: 500; text-decoration: none; transition: background 0.18s ease;
      }
      .x-dd__areas a:hover, .x-dd__areas a:focus-visible { background: var(--glass-hi); }
      .x-dd__areas a[aria-current="page"] { color: var(--orange-hi); }
      .x-head__cta { display: none; align-items: center; gap: 10px; }
      .x-head__cta .x-btn { min-height: 44px; padding: 10px 18px; font-size: 0.88rem; }
      .x-burger {
        display: inline-flex; width: 46px; height: 46px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.18);
        background: var(--glass); color: var(--ink);
      }
      .x-burger span { position: relative; width: 20px; height: 2px; background: currentColor; box-shadow: none; transition: background 0.2s ease; }
      .x-burger span::before, .x-burger span::after {
        content: ""; position: absolute; left: 0; width: 20px; height: 2px; background: currentColor; transition: transform 0.35s var(--ease);
      }
      .x-burger span::before { transform: translateY(-6px); }
      .x-burger span::after { transform: translateY(6px); }
      .x-burger[aria-expanded="true"] span { background: transparent; }
      .x-burger[aria-expanded="true"] span::before { transform: rotate(45deg); }
      .x-burger[aria-expanded="true"] span::after { transform: rotate(-45deg); }

      /* full-screen menu */
      .x-menu {
        position: fixed; inset: 0; z-index: 55; overflow-y: auto; padding-top: var(--head-h);
        background-color: var(--bg);
        background-image: radial-gradient(700px 500px at 100% 0%, rgba(255, 107, 26, 0.14), transparent 60%), radial-gradient(600px 500px at 0% 100%, rgba(59, 123, 255, 0.1), transparent 60%);
        clip-path: inset(0 0 100% 0); visibility: hidden;
        transition: clip-path 0.6s var(--ease), visibility 0s linear 0.6s;
      }
      .x-menu.is-open { clip-path: inset(0 0 0 0); visibility: visible; transition: clip-path 0.6s var(--ease); }
      .x-menu__in { min-height: calc(100dvh - var(--head-h)); display: flex; flex-direction: column; justify-content: space-between; gap: 32px; padding-block: 20px 40px; }
      .x-menu__list { list-style: none; margin: 0; padding: 0; }
      .x-menu__list > li, .x-menu__foot { opacity: 0; transform: translateY(18px); transition: opacity 0.4s ease, transform 0.5s var(--ease); }
      .x-menu__list > li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
      .x-menu.is-open .x-menu__list > li, .x-menu.is-open .x-menu__foot { opacity: 1; transform: none; transition-delay: calc(0.2s + var(--i) * 0.05s); }
      .x-menu__list > li > a, .x-menu__toggle {
        display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 62px; padding: 6px 0;
        font-family: var(--serif); font-size: clamp(2rem, 7vw, 3rem); line-height: 1.05; color: var(--ink);
        text-decoration: none; background: none; border: 0; cursor: pointer; text-align: left; transition: color 0.2s ease;
      }
      .x-menu__list > li > a:hover, .x-menu__toggle:hover { color: var(--orange-hi); }
      .x-menu__list a[aria-current="page"] { color: var(--orange-hi); font-style: italic; }
      .x-menu__toggle .x-chev { width: 22px; height: 22px; color: var(--orange); }
      .x-menu__toggle[aria-expanded="true"] .x-chev { transform: rotate(180deg); }
      .x-menu__sub { list-style: none; margin: 0; padding: 0 0 0 4px; max-height: 0; overflow: hidden; transition: max-height 0.45s var(--ease), padding 0.45s var(--ease); }
      .x-menu__sub.is-open { max-height: 360px; padding-bottom: 14px; }
      .x-menu__sub a { display: flex; align-items: center; min-height: 44px; color: var(--ink-2); font-size: 1.05rem; font-weight: 500; text-decoration: none; }
      .x-menu__sub a:hover { color: #fff; }
      .x-menu__sub a[aria-current="page"] { color: var(--orange-hi); font-style: normal; }
      .x-menu__sub--areas.is-open { max-height: 760px; }
      @media (min-width: 560px) { .x-menu__sub--areas { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; } .x-menu__sub--areas.is-open { max-height: 420px; } }
      .x-menu__foot { display: grid; gap: 18px; }
      .x-menu__foot .x-social a { border: 1px solid var(--glass-line); border-radius: 999px; color: var(--ink); }
      html.x-lock, html.x-lock body { overflow: hidden; }
      @media (min-width: 1100px) {
        .x-nav { display: block; }
        .x-head__cta { display: flex; }
        .x-burger, .x-menu { display: none; }
      }
      @media (min-width: 1100px) and (max-width: 1279px) {
        .x-brand__txt > span { display: none; }
        .x-nav__list > li > a, .x-dd__btn { padding: 0 9px; }
        .x-head__cta .x-btn { padding: 10px 14px; }
      }
      @media (max-width: 700px) { :root { --head-h: 68px; } }

      /* buttons */
      .x-btn {
        position: relative; overflow: hidden; isolation: isolate; border-radius: 999px; min-height: 48px; padding: 12px 24px;
        font-family: var(--body); text-transform: none; letter-spacing: 0.005em; font-size: 0.95rem; font-weight: 600;
        transition: transform 0.25s var(--ease), background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
      }
      .x-btn::after {
        content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
        background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.45) 50%, transparent 70%);
        transform: translateX(-120%); transition: transform 0.75s var(--ease);
      }
      .x-btn:hover::after { transform: translateX(120%); }
      .x-btn:not(.x-btn--cta)::after { background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.14) 50%, transparent 70%); }
      .x-btn--cta { background: var(--orange); color: #06101f; font-weight: 700; box-shadow: 0 10px 30px -8px rgba(255, 107, 26, 0.55); }
      .x-btn--cta:hover { background: var(--orange-hi); color: #06101f; box-shadow: 0 16px 38px -8px rgba(255, 107, 26, 0.7); }
      .x-btn--ghost, .x-btn--line, .x-btn--dark { background: var(--glass); border-color: rgba(255, 255, 255, 0.2); color: var(--ink); }
      .x-btn--ghost:hover, .x-btn--line:hover, .x-btn--dark:hover { background: var(--glass-hi); border-color: rgba(255, 255, 255, 0.36); color: #fff; }

      /* sections */
      .x-sec { position: relative; }
      .x-sec--grey { background: var(--bg-2); border-block: 1px solid rgba(255, 255, 255, 0.06); }
      .x-sec--navy {
        background-color: var(--bg-3); color: var(--ink);
        background-image: radial-gradient(720px 420px at 92% 0%, rgba(255, 107, 26, 0.12), transparent 62%), radial-gradient(620px 420px at 0% 100%, rgba(59, 123, 255, 0.08), transparent 62%);
      }
      .x-cta-band {
        background-color: var(--bg-2); border-top: 1px solid rgba(255, 255, 255, 0.06);
        background-image: radial-gradient(ellipse 60% 80% at 50% 0%, rgba(255, 107, 26, 0.16), transparent 70%);
      }
      .x-eyebrow, .x-sec--navy .x-eyebrow { font-family: var(--body); font-size: 0.8rem; letter-spacing: 0.22em; font-weight: 700; color: var(--orange-hi); }
      .x-lede { color: var(--ink-2); }
      .x-sec--navy .x-lede { color: rgba(244, 247, 250, 0.78); }

      /* hero */
      .x-hero { background: var(--bg); isolation: isolate; }
      .x-hero__bg { overflow: hidden; }
      .x-hero__bg img { opacity: 0.5; transform-origin: 60% 40%; animation: x-kb 26s ease-in-out infinite alternate; }
      @keyframes x-kb { from { transform: scale(1); } to { transform: scale(1.14) translate(-1.5%, -1%); } }
      .x-hero::after {
        z-index: 1;
        background:
          radial-gradient(900px 520px at 80% 8%, rgba(255, 107, 26, 0.12), transparent 62%),
          radial-gradient(700px 520px at 8% 92%, rgba(59, 123, 255, 0.08), transparent 62%),
          linear-gradient(to top, #06101f 0%, rgba(6, 16, 31, 0) 38%),
          linear-gradient(100deg, rgba(6, 16, 31, 0.95) 10%, rgba(6, 16, 31, 0.7) 55%, rgba(6, 16, 31, 0.42) 100%);
      }
      .x-hero::before {
        content: ""; position: absolute; inset: -64px; z-index: 2; pointer-events: none;
        background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 64px 64px;
        -webkit-mask-image: radial-gradient(ellipse at 35% 40%, #000 15%, transparent 72%); mask-image: radial-gradient(ellipse at 35% 40%, #000 15%, transparent 72%);
        animation: x-grid 20s linear infinite;
      }
      @keyframes x-grid { to { transform: translate(64px, 64px); } }
      .x-hero__in { z-index: 3; }
      .x-hero:not(.x-hero--page) .x-hero__in { padding-block: clamp(72px, 11vw, 150px); }
      .x-hero h1 { max-width: 15ch; letter-spacing: -0.02em; }
      .x-hero h1.x-h1--home { font-size: clamp(3rem, 8.4vw, 6.5rem); line-height: 0.94; max-width: 13ch; }
      .x-hero__tag { font-family: var(--serif); font-style: italic; text-transform: none; letter-spacing: 0; font-size: clamp(1.3rem, 2.4vw, 1.8rem); color: var(--orange-hi); }
      .x-hero__sub { color: rgba(244, 247, 250, 0.8); }
      .x-crumb { font-family: var(--body); font-weight: 700; font-size: 0.8rem; color: var(--orange-hi); }
      .x-w { display: inline-block; overflow: hidden; vertical-align: top; padding: 0 0.06em 0.1em 0; margin: 0 -0.06em -0.1em 0; }
      .x-w > span { display: inline-block; transform: translateY(110%); transition: transform 0.95s var(--ease); transition-delay: calc(var(--i) * 70ms + 80ms); }
      h1.is-in .x-w > span { transform: none; }

      /* trust strip + marquee */
      .x-trust { background: #0a1626; border-top: 1px solid rgba(255, 255, 255, 0.08); }
      .x-trust span { color: rgba(244, 247, 250, 0.85); }
      .x-marquee {
        overflow: hidden; padding-block: 22px; background: var(--bg-2); border-block: 1px solid rgba(255, 255, 255, 0.08);
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
      }
      .x-marquee__track { display: flex; width: max-content; animation: x-marq 42s linear infinite; }
      .x-marquee__track span { flex: none; padding-right: 0.4em; white-space: nowrap; font-family: var(--serif); font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.1; color: var(--ink); }
      .x-marquee:hover .x-marquee__track { animation-play-state: paused; }
      @keyframes x-marq { to { transform: translateX(-50%); } }

      /* glass surfaces */
      .x-card, .x-panel, .x-quote, .x-sec--navy .x-card, .x-sec--navy .x-panel {
        background: var(--glass); border: 1px solid var(--glass-line); border-radius: 24px;
        -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
      }
      .x-panel, .x-sec--navy .x-panel { box-shadow: inset 3px 0 0 var(--orange); }
      .x-card:hover { transform: translateY(-6px); border-color: rgba(255, 255, 255, 0.18); box-shadow: 0 28px 50px -22px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 107, 26, 0.1); }
      .x-card h3, .x-sec--navy .x-card h3 { color: var(--ink); }
      .x-card p, .x-card li, .x-sec--navy .x-card p, .x-sec--navy .x-card li { color: var(--ink-2); }
      .x-card--media > img { transition: transform 0.9s var(--ease); }
      .x-card--media:hover > img { transform: scale(1.06); }
      .x-num, .x-sec--navy .x-num { font-family: var(--serif); font-size: 2.6rem; color: var(--orange); }
      .x-card a.x-more, .x-more { font-family: var(--body); text-transform: none; letter-spacing: 0; color: var(--orange-hi); }
      .x-card a.x-more:hover { color: #fff; }
      .x-tag { font-family: var(--body); color: #06101f; letter-spacing: 0.12em; font-size: 0.8rem; }
      .x-tag--quiet { background: var(--glass-hi); color: var(--ink); }
      .x-panel__img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px; }
      .x-check li, .x-sec--navy .x-check li { color: var(--ink-2); }
      .x-check li::before { color: var(--orange); }
      .x-pills li { background: var(--glass); border-color: var(--glass-line); color: var(--ink); }
      .x-quote p { color: var(--ink); font-family: var(--serif); font-size: 1.32rem; line-height: 1.35; }
      .x-quote footer { color: var(--ink-2); }
      .x-stars, .x-hero .x-stars { color: var(--orange); }
      .x-related a { background: var(--glass); border-color: var(--glass-line); color: var(--ink); border-radius: 18px; }
      .x-related a::after { color: var(--orange-hi); }
      .x-related a:hover { border-color: rgba(255, 107, 26, 0.5); }
      .x-tile { background: var(--bg-3); border: 1px solid var(--glass-line); border-radius: 20px; }
      .x-tile img { transition: transform 0.9s var(--ease); }
      .x-tile:hover img { transform: scale(1.06); }
      .x-tile:hover { box-shadow: 0 24px 44px -18px rgba(0, 0, 0, 0.7); }
      .x-tile__play i { color: #06101f; }
      .x-acc summary { font-family: var(--serif); text-transform: none; font-size: 1.45rem; color: var(--ink); }
      .x-acc summary::after { color: var(--orange); }
      .x-dl dt { font-family: var(--body); font-weight: 700; color: var(--orange-hi); }
      .x-social--light a { color: var(--ink); background: var(--glass); border-color: var(--glass-line); }
      .x-social--light a:hover { background: var(--glass-hi); border-color: rgba(255, 255, 255, 0.3); }
      .x-svcmap { border: 1px solid var(--glass-line); }
      .x-feature img, .x-portrait { border-radius: 24px; }

      /* footer, bar, lightbox */
      .x-foot { background: #040b16; border-top: 1px solid rgba(255, 255, 255, 0.08); color: var(--ink-2); }
      .x-foot a { color: var(--ink-2); }
      .x-foot a:hover { color: #fff; }
      .x-foot h4 { font-family: var(--body); }
      .x-foot__brand h4 { font-family: var(--serif); font-weight: 400; text-transform: none; letter-spacing: 0; font-size: 1.5rem; }
      .x-bar { background: rgba(6, 16, 31, 0.86); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border-top-color: rgba(255, 255, 255, 0.1); }
      .x-bar a { font-family: var(--body); font-weight: 600; text-transform: none; font-size: 0.9rem; letter-spacing: 0; }
      .x-bar a:last-child { color: #06101f; }
      .x-lb { background: rgba(4, 10, 20, 0.94); }
      .x-lb__btn { background: var(--glass-hi); border-color: rgba(255, 255, 255, 0.24); }
      .x-lb__btn:hover { color: #06101f; }

      /* legal pages: light reading surface */
      .x-legalpage .x-sec:not(.x-sec--navy) {
        --ink: #14181f; --ink-2: #4a5364; --line: #dfe3e8; --navy: #0f2340; --orange-tx: #b8490c;
        background: #f4f7fa; color: #14181f;
      }
      .x-legalpage .x-sec:not(.x-sec--navy) .x-btn:not(.x-btn--cta) { color: #0f2340; border-color: #0f2340; }
      .x-legal h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); }

      /* motion: reveal, image wipe, route crossfade */
      .x-rev { opacity: 0; transform: translateY(28px); transition: opacity 0.8s var(--ease), transform 0.9s var(--ease), box-shadow 0.3s ease, border-color 0.3s ease; transition-delay: var(--d, 0s); }
      .x-rev.is-in { opacity: 1; transform: none; }
      .x-rev.is-done { transition: opacity 0.3s ease, transform 0.4s var(--ease), box-shadow 0.3s ease, border-color 0.3s ease; }
      .x-rev img, img.x-rev { clip-path: inset(0 0 100% 0); transition: clip-path 1.1s var(--ease) calc(var(--d, 0s) + 0.1s), transform 0.9s var(--ease), opacity 0.8s var(--ease); }
      .x-rev.is-in img, img.x-rev.is-in { clip-path: inset(0 0 0 0); }
      .x-card.x-rev.is-in:hover { transform: translateY(-6px); }
      .x-tile.x-rev.is-in:hover { transform: translateY(-4px); }
      #main { transition: opacity 0.2s ease; }
      #main.is-fading { opacity: 0; }
      @media (prefers-reduced-motion: reduce) {
        .x-hero__bg img, .x-hero::before, .x-marquee__track { animation: none; }
        .x-rev, .x-rev img, img.x-rev { opacity: 1; transform: none; clip-path: none; transition: none; }
        .x-w > span { transform: none; transition: none; }
        .x-menu, .x-menu__list > li, .x-menu__foot, .x-dd__panel, .x-menu__sub, #main, .x-head__bar, .x-brand img { transition: none; }
        .x-menu__list > li, .x-menu__foot { opacity: 1; transform: none; }
        .x-btn::after { display: none; }
        .x-card.x-rev.is-in:hover, .x-tile.x-rev.is-in:hover, .x-card:hover, .x-tile:hover, .x-card--media:hover > img, .x-tile:hover img, .x-btn:hover { transform: none; }
        .x-marquee__track { flex-wrap: wrap; width: auto; }
        .x-marquee__track span + span { display: none; }
        .x-marquee__track span { white-space: normal; padding-inline: var(--pad); }
      }

      /* reverse marquee */
      .x-marquee--rev { border-top: 0; padding-block: 16px; }
      .x-marquee--rev .x-marquee__track { animation-direction: reverse; animation-duration: 50s; }
      .x-marquee--rev .x-marquee__track span { font-style: italic; color: var(--orange-hi); font-size: clamp(1.3rem, 2.6vw, 2rem); }

      /* stats band */
      .x-stats-band { padding-block: clamp(40px, 5vw, 64px); }
      .x-stats { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
      .x-stat {
        display: flex; flex-direction: column; gap: 6px; padding: 24px;
        background: var(--glass); border: 1px solid var(--glass-line); border-radius: 24px;
        -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
      }
      .x-stat__fig { font-family: var(--serif); font-size: clamp(2.6rem, 5vw, 3.6rem); line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
      .x-stat__fig i { font-style: italic; color: var(--orange); margin-left: 0.08em; font-size: 0.7em; }
      .x-stat__label { color: var(--ink-2); font-size: 0.92rem; }

      /* review carousel */
      .x-carousel { margin-top: 34px; }
      .x-carousel__vp { overflow: hidden; border-radius: 24px; touch-action: pan-y; }
      .x-carousel__track { display: flex; transition: transform 0.8s var(--ease); }
      .x-carousel__track > .x-quote { flex: 0 0 100%; min-width: 0; margin: 0; padding: clamp(28px, 5vw, 56px); }
      .x-carousel .x-quote p { font-size: clamp(1.35rem, 2.6vw, 2.1rem); max-width: 36ch; }
      .x-carousel .x-stars { font-size: 1.3rem; }
      .x-carousel .x-stars span { display: inline-block; color: rgba(255, 255, 255, 0.42); transform: scale(0.6); transition: color 0.3s ease, transform 0.45s var(--ease); }
      .x-carousel .is-lit .x-stars span { color: var(--orange); transform: none; transition-delay: calc(var(--i) * 140ms + 150ms); }
      .x-carousel__dots { display: flex; justify-content: center; gap: 2px; margin-top: 12px; }
      .x-carousel__dot { width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; display: grid; place-items: center; }
      .x-carousel__dot::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.32); transition: width 0.3s var(--ease), background 0.3s ease; }
      .x-carousel__dot[aria-current="true"]::before { width: 26px; background: var(--orange); }

      /* how it works: big numbers + drawn connector */
      .x-steps { --sgap: 44px; gap: var(--sgap); grid-template-columns: 1fr; }
      .x-steps > .x-card { position: relative; }
      .x-steps .x-num, .x-sec--navy .x-steps .x-num { font-family: var(--serif); font-size: clamp(4rem, 7vw, 5.4rem); line-height: 0.9; color: var(--orange); }
      .x-steps > .x-card:not(:last-child)::after {
        content: ""; position: absolute; left: 52px; top: 100%; width: 2px; height: var(--sgap);
        background: linear-gradient(var(--orange), var(--orange-hi)); box-shadow: 0 0 10px rgba(255, 107, 26, 0.5);
        transform: scaleY(0); transform-origin: top; transition: transform 0.7s var(--ease) calc(var(--d, 0s) + 0.45s);
      }
      .x-steps > .x-card.is-in::after { transform: none; }
      .x-steps > .x-card.x-rev.is-in:hover, .x-steps > .x-card:hover { transform: none; }
      @media (min-width: 960px) {
        .x-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        .x-steps > .x-card:not(:last-child)::after {
          left: 100%; top: 62px; width: var(--sgap); height: 2px;
          background: linear-gradient(90deg, var(--orange), var(--orange-hi));
          transform: scaleX(0); transform-origin: left;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .x-carousel__track, .x-carousel__dot::before { transition: none; }
        .x-carousel .x-stars span { color: var(--orange); transform: none; transition: none; }
        .x-steps > .x-card:not(:last-child)::after { transform: none; transition: none; }
      }

      /* job photos: gallery, strips, photo lightbox */
      .x-ph { display: block; position: relative; overflow: hidden; padding: 0; border: 1px solid var(--glass-line); border-radius: 20px; background: var(--bg-3); cursor: zoom-in; width: 100%; }
      a.x-ph { cursor: pointer; }
      .x-ph img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.9s var(--ease), clip-path 1.1s var(--ease) calc(var(--d, 0s) + 0.1s); }
      .x-ph:hover img, .x-ph:focus-visible img { transform: scale(1.06); }
      .x-ph:hover { box-shadow: 0 24px 44px -18px rgba(0, 0, 0, 0.7); }
      .x-gallery { columns: 3 240px; column-gap: 14px; margin-top: 32px; }
      .x-gallery .x-ph { break-inside: avoid; margin-bottom: 14px; }
      .x-gallery .x-ph img { height: auto; }
      .x-strip { display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr); margin-top: 32px; }
      .x-strip--5 { grid-template-columns: repeat(5, 1fr); }
      .x-strip .x-ph { aspect-ratio: 3 / 4; }
      .x-strip + .x-videos { margin-top: 14px; }
      .x-lb img.x-lb__img { max-height: 86vh; max-width: min(94vw, 900px); width: auto; height: auto; border-radius: 14px; object-fit: contain; background: #000; }
      @media (max-width: 760px) {
        .x-strip--5 { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 42%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
        .x-strip--5 .x-ph { scroll-snap-align: start; }
        .x-gallery { columns: 2; column-gap: 10px; }
        .x-gallery .x-ph { margin-bottom: 10px; }
        .x-strip { gap: 10px; }
      }
      @media (prefers-reduced-motion: reduce) {
        .x-ph img { transition: none; }
        .x-ph:hover img, .x-ph:focus-visible img { transform: none; }
      }

      /* announcement bar (inside the sticky header, so it stays above it and clear of the bottom bar) */
      .x-ann { background: var(--orange); color: #06101f; text-align: center; font-size: 0.88rem; font-weight: 600; line-height: 1.3; }
      .x-ann a { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; min-height: 44px; padding: 6px var(--pad); color: inherit; text-decoration: none; }
      .x-ann b { text-decoration: underline; text-underline-offset: 3px; font-weight: 800; }
      .x-ann a:hover b, .x-ann a:focus-visible b { text-decoration-thickness: 2px; }
      .x-menu { padding-top: calc(var(--head-h) + 44px); }
      .x-menu__in { min-height: calc(100dvh - var(--head-h) - 44px); }

      /* holiday feature (Home, under the hero) */
      .x-holi { position: relative; overflow: hidden; background: var(--bg); color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
      .x-holi__img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; object-position: center 45%; }
      .x-holi::before {
        content: ""; position: absolute; inset: 0; z-index: 1;
        background: linear-gradient(90deg, rgba(6, 16, 31, 0.94) 0%, rgba(6, 16, 31, 0.78) 42%, rgba(6, 16, 31, 0.15) 78%, rgba(6, 16, 31, 0) 100%);
      }
      .x-holi__in { position: relative; z-index: 2; min-height: clamp(460px, 52vw, 620px); display: flex; flex-direction: column; justify-content: center; padding-block: clamp(56px, 8vw, 104px); }
      .x-holi__copy { max-width: 560px; }
      .x-holi h2 { color: #fff; font-size: clamp(2.4rem, 5.6vw, 4rem); line-height: 0.98; margin-top: 16px; }
      .x-holi .x-lede { color: rgba(255, 255, 255, 0.86); margin-top: 16px; max-width: 46ch; font-size: 1.08rem; }
      .x-holi .x-btns { margin-top: 28px; }
      @media (max-width: 700px) {
        .x-holi::before { background: linear-gradient(180deg, rgba(6, 16, 31, 0.2) 0%, rgba(6, 16, 31, 0.78) 45%, rgba(6, 16, 31, 0.96) 100%); }
        .x-holi__img { object-position: 60% 30%; }
        .x-holi__in { justify-content: flex-end; min-height: 560px; padding-block: 220px 48px; }
      }
    
      /* ===== Polish layer: motion, shine, glow (transform/opacity first; all motion off under reduced motion) ===== */
      :root { --ease-io: cubic-bezier(0.65, 0, 0.35, 1); --dur-1: 0.25s; --dur-2: 0.45s; --dur-3: 0.9s; }

      /* header: deeper frost + shadow once scrolled */
      .x-head { transition: background var(--dur-2) ease, box-shadow var(--dur-2) var(--ease); }
      .x-head.is-scrolled {
        background: rgba(6, 16, 31, 0.76);
        -webkit-backdrop-filter: saturate(170%) blur(22px); backdrop-filter: saturate(170%) blur(22px);
        box-shadow: 0 14px 34px -14px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.04);
      }

      /* section headings: thin orange accent line */
      .x-sec h2::after, .x-holi h2::after {
        content: ""; display: block; width: 56px; height: 2px; margin-top: 18px; border-radius: 2px;
        background: linear-gradient(90deg, var(--orange), var(--orange-hi) 60%, rgba(255, 138, 76, 0));
        box-shadow: 0 0 10px rgba(255, 107, 26, 0.45);
      }
      [style*="text-align: center"] h2::after { margin-inline: auto; background: linear-gradient(90deg, rgba(255, 138, 76, 0), var(--orange) 30%, var(--orange-hi) 70%, rgba(255, 138, 76, 0)); }
      .x-legal h2::after { content: none; }

      /* CTA shine + glow parts (injected spans; static fallbacks) */
      .x-btn--cta.has-shine { overflow: visible; }
      .x-btn--cta.has-shine::after { display: none; }
      .x-shine { position: absolute; inset: 0; z-index: -1; border-radius: inherit; overflow: hidden; pointer-events: none; }
      .x-shine::before {
        content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 60%;
        background: linear-gradient(105deg, transparent 20%, rgba(255, 255, 255, 0.55) 50%, transparent 80%);
        transform: translateX(-130%);
      }
      .x-btn--cta.has-shine::before {
        content: ""; position: absolute; inset: 0; z-index: -2; border-radius: inherit; pointer-events: none;
        box-shadow: 0 0 26px 3px rgba(255, 107, 26, 0.55); opacity: 0.4;
      }

      /* holiday warm glow */
      .x-sparks { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
      .x-sparks__glow {
        position: absolute; inset: 0; opacity: 0.6;
        background: radial-gradient(42% 46% at 72% 40%, rgba(255, 196, 120, 0.26), rgba(255, 150, 60, 0.08) 55%, transparent 75%);
      }
      @media (max-width: 700px) {
        .x-sparks__glow { background: radial-gradient(70% 34% at 60% 22%, rgba(255, 196, 120, 0.26), rgba(255, 150, 60, 0.08) 55%, transparent 78%); }
      }

      /* the 5.0 rating star, static gold */
      .x-stat__fig [data-dec] + i { display: inline-block; color: #ffc455; }

      @media (prefers-reduced-motion: no-preference) {
        html { scroll-behavior: smooth; }

        /* hero: words fade + rise, the rest staggers in after */
        .x-w > span { opacity: 0; transition: transform 1s var(--ease), opacity 0.8s ease; transition-delay: calc(var(--i) * 70ms + 80ms); }
        h1.is-in .x-w > span { opacity: 1; }
        .x-motion .x-hero__in > :not(h1) { animation: x-up 0.9s var(--ease) both; animation-delay: 0.1s; }
        .x-motion .x-hero__in > :nth-child(3) { animation-delay: 0.55s; }
        .x-motion .x-hero__in > :nth-child(4) { animation-delay: 0.68s; }
        .x-motion .x-hero__in > :nth-child(5) { animation-delay: 0.8s; }
        .x-motion .x-hero__in > :nth-child(n + 6) { animation-delay: 0.92s; }
        @keyframes x-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

        /* the orange "Right": slow light sweep through the letters */
        /* solid text stays put; a lighter copy glints over it (opacity only) */
        .x-hero h1 em[data-glint] { position: relative; display: inline-block; }
        .x-hero h1 em[data-glint]::after {
          content: attr(data-glint); position: absolute; left: 0; top: 0; pointer-events: none;
          color: #ffd9b5; text-shadow: 0 0 18px rgba(255, 138, 76, 0.55);
          opacity: 0; animation: x-glint 6s var(--ease-io) 1.6s infinite; will-change: opacity;
        }
        @keyframes x-glint { 0%, 100% { opacity: 0; } 14% { opacity: 0.85; } 32% { opacity: 0; } }

        /* announcement bar: slow moving shimmer */
        .x-ann { position: relative; overflow: hidden; isolation: isolate; }
        .x-ann::before {
          content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 34%; z-index: -1; pointer-events: none;
          background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.32) 50%, transparent);
          transform: translateX(-110%); animation: x-ann 7.5s var(--ease-io) infinite; will-change: transform;
        }
        @keyframes x-ann { 0% { transform: translateX(-110%); } 60%, 100% { transform: translateX(310%); } }

        /* CTA: periodic sweep, breathing glow, lift + glow on hover, press */
        .x-shine::before { animation: x-sweep 5.2s var(--ease-io) var(--sd, 0s) infinite; will-change: transform; }
        @keyframes x-sweep { 0% { transform: translateX(-130%); } 22%, 100% { transform: translateX(230%); } }
        .x-btn--cta.has-shine::before { animation: x-glow 3.2s ease-in-out var(--sd, 0s) infinite; will-change: opacity; }
        @keyframes x-glow { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.85; } }
        .x-btn { transition: transform var(--dur-1) var(--ease), background var(--dur-1) ease, color var(--dur-1) ease, border-color var(--dur-1) ease, box-shadow var(--dur-2) var(--ease); }
        .x-btn:active { transform: translateY(0) scale(0.97); transition-duration: 0.1s; }
        @media (hover: hover) {
          .x-btn--cta:hover { transform: translateY(-3px); }
          .x-btn--cta.has-shine:hover::before { animation: none; opacity: 1; }
          .x-btn--cta:hover .x-shine::before { animation: x-sweep-once 0.85s var(--ease) both; }
        }
        @keyframes x-sweep-once { from { transform: translateX(-130%); } to { transform: translateX(230%); } }

        /* holiday: breathing warm glow, paused off screen */
        .x-sparks__glow { animation: x-breathe 6s ease-in-out infinite; will-change: opacity; }
        @keyframes x-breathe { 0%, 100% { opacity: 0.45; } 50% { opacity: 1; } }
        .x-sparks:not(.is-on) .x-sparks__glow { animation-play-state: paused; }

        /* cards, tiles, photos, stats: hover lift + gradient ring */
        @media (hover: hover) {
          .x-card.x-rev.is-in:hover, .x-card:hover { transform: translateY(-6px) scale(1.012); }
          .x-tile.x-rev.is-in:hover, .x-tile:hover { transform: translateY(-5px) scale(1.02); }
          .x-ph.x-rev.is-in:hover, .x-ph:hover { transform: translateY(-4px) scale(1.012); }
          .x-steps > .x-card.x-rev.is-in:hover, .x-steps > .x-card:hover { transform: translateY(-4px); }
          .x-card:hover, .x-tile:hover, .x-ph:hover { box-shadow: 0 30px 56px -24px rgba(0, 0, 0, 0.75), 0 0 34px -10px rgba(255, 107, 26, 0.28); }
          .x-card::before, .x-tile::after, .x-ph::after, .x-stat::before {
            content: ""; position: absolute; inset: -1px; z-index: 3; border-radius: inherit; padding: 1px; pointer-events: none;
            background: linear-gradient(120deg, rgba(255, 107, 26, 0.05) 0%, rgba(255, 138, 76, 0.95) 30%, rgba(255, 224, 190, 0.8) 50%, rgba(255, 107, 26, 0.9) 70%, rgba(255, 107, 26, 0.05) 100%);
            background-size: 240% 240%;
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
            mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
            opacity: 0; transition: opacity var(--dur-2) var(--ease);
          }
          .x-card:hover::before, .x-tile:hover::after, .x-ph:hover::after, .x-stat:hover::before { opacity: 1; animation: x-ring 2.6s ease-in-out infinite alternate; }
          @keyframes x-ring { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
          .x-stat { transition: transform var(--dur-2) var(--ease), opacity 0.8s var(--ease); }
          .x-stat:hover { transform: translateY(-4px); }
        }
        .x-card, .x-tile, .x-ph, .x-stat { position: relative; }

        /* stats: staggered rise, gold shimmer on the 5.0 star */
        .x-motion .x-stat { opacity: 0; transform: translateY(22px); transition: opacity 0.8s var(--ease), transform 0.9s var(--ease); transition-delay: calc(var(--i, 0) * 90ms); }
        .x-motion .x-stats.is-in .x-stat { opacity: 1; transform: none; }
        .x-motion .x-stats.is-done .x-stat { transition-delay: 0s; }
        .x-stat__fig [data-dec] + i { position: relative; animation: x-pop 3.8s var(--ease) 1s infinite; will-change: transform; }
        .x-stat__fig [data-dec] + i::after {
          content: "★"; position: absolute; left: 0; top: 0; pointer-events: none;
          color: #fff4d2; text-shadow: 0 0 12px rgba(255, 196, 85, 0.8);
          opacity: 0; animation: x-glint 3.8s var(--ease-io) 1s infinite; will-change: opacity;
        }
        @keyframes x-pop { 0%, 100% { transform: scale(1) rotate(0deg); } 20% { transform: scale(1.14) rotate(-8deg); } 34% { transform: scale(1) rotate(0deg); } }

        /* heading accent line draws in */
        .x-motion .x-sec h2::after, .x-motion .x-holi h2::after { transform: scaleX(0); transform-origin: left center; transition: transform 1.1s var(--ease) 0.3s; }
        .x-motion [style*="text-align: center"] h2::after { transform-origin: center; }
        .x-motion .x-sec h2.is-drawn::after, .x-motion .x-holi h2.is-drawn::after { transform: none; }
      }
    
      /* how to hire: icon steps on a drawn track, auto-advancing */
      .x-flow { position: relative; margin-top: 34px; --ic: 64px; }
      .x-flow__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
      .x-flow__track, .x-flow__fill { position: absolute; left: 0; top: 0; width: 2px; height: 0; pointer-events: none; border-radius: 2px; transform-origin: top left; }
      .x-flow__track { background: rgba(255, 255, 255, 0.16); transform: scaleY(0); transition: transform 1.2s var(--ease); }
      .x-flow__fill { background: linear-gradient(var(--orange), var(--orange-hi)); box-shadow: 0 0 12px rgba(255, 107, 26, 0.55); transform: scaleY(0); transition: transform 0.8s var(--ease); will-change: transform; }
      .x-flow.is-drawn .x-flow__track { transform: none; }
      .x-flow__step { position: relative; z-index: 1; display: grid; grid-template-columns: var(--ic) minmax(0, 1fr); gap: 18px; align-items: start; cursor: pointer; }
      .x-flow__btn {
        width: var(--ic); height: var(--ic); border-radius: 50%; padding: 0; cursor: pointer; display: grid; place-items: center;
        background: var(--navy); border: 2px solid rgba(255, 255, 255, 0.2); color: var(--orange-hi);
        transition: border-color 0.35s ease, box-shadow 0.45s var(--ease), transform 0.45s var(--ease);
      }
      .x-flow__btn svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
      .x-flow__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
      .x-flow__card {
        background: #1a2e4d; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 16px; padding: 20px 22px;
        display: flex; flex-direction: column; gap: 8px;
        transition: transform 0.45s var(--ease), border-color 0.35s ease, box-shadow 0.45s var(--ease);
      }
      .x-flow__card h3 { color: #fff; }
      .x-flow__card p { color: rgba(255, 255, 255, 0.82); font-size: 0.97rem; }
      .x-flow__card p a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-weight: 600; }
      .x-flow__step.is-active .x-flow__btn {
        border-color: var(--orange); transform: scale(1.08);
        box-shadow: 0 0 0 5px rgba(255, 107, 26, 0.22), 0 0 28px 2px rgba(255, 107, 26, 0.55);
      }
      .x-flow__step.is-active .x-flow__card {
        transform: translateY(-6px) scale(1.02); border-color: rgba(255, 138, 76, 0.7);
        box-shadow: 0 26px 48px -22px rgba(0, 0, 0, 0.75), 0 0 30px -10px rgba(255, 107, 26, 0.4);
      }
      @media (min-width: 960px) {
        .x-flow { --ic: 72px; }
        .x-flow__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
        .x-flow__track, .x-flow__fill { height: 2px; width: 0; }
        .x-flow__track { transform: scaleX(0); }
        .x-flow__fill { transform: scaleX(0); background: linear-gradient(90deg, var(--orange), var(--orange-hi)); }
        .x-flow__step { grid-template-columns: 1fr; justify-items: center; gap: 22px; }
        .x-flow__card { align-self: stretch; height: 100%; }
        .x-flow__btn svg { width: 32px; height: 32px; }
      }

      /* icon motions, while active */
      .x-ico-solid { fill: var(--navy); }
      .x-ico-move { transform-box: view-box; will-change: transform; }
      .x-ico-buzz { opacity: 0; }
      .x-flow__step.is-active .x-ico-phone { transform-origin: 50% 50%; animation: x-buzz 1.6s ease-in-out infinite; }
      .x-flow__step.is-active .x-ico-buzz { animation: x-buzz-lines 1.6s ease-in-out infinite; }
      .x-flow__step.is-active .x-ico-tag { transform-origin: 31% 31%; animation: x-swing 1.8s ease-in-out infinite; }
      .x-flow__step.is-active .x-ico-ham { transform-origin: 44% 88%; animation: x-tap 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
      /* wallet: flap swings up, lid shows, cash and card rise out and settle; reverses when inactive */
      .x-wallet .x-w-flap, .x-wallet .x-w-lid, .x-wallet .x-w-card, .x-wallet .x-w-cash { transform-box: view-box; will-change: transform; }
      .x-wallet .x-w-flap { transform-origin: 50% 29.17%; transition: transform 0.26s cubic-bezier(0.4, 0, 1, 1) 0.34s; }
      .x-wallet .x-w-lid { transform-origin: 50% 29.17%; transform: scaleY(0); transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0.2s; }
      .x-wallet .x-w-card { transform-origin: 56% 60%; transition: transform 0.36s cubic-bezier(0.4, 0, 0.6, 1); }
      .x-wallet .x-w-cash { transform-origin: 42% 60%; transition: transform 0.32s cubic-bezier(0.4, 0, 0.6, 1); }
      .x-flow__step.is-active .x-wallet .x-w-flap { transform: scaleY(0); transition: transform 0.24s cubic-bezier(0.4, 0, 1, 1) 0.05s; }
      .x-flow__step.is-active .x-wallet .x-w-lid { transform: none; transition: transform 0.26s cubic-bezier(0, 0, 0.2, 1.4) 0.28s; }
      .x-flow__step.is-active .x-wallet .x-w-card { transform: translate(0.6px, -6.4px) rotate(6deg); transition: transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.46s; }
      .x-flow__step.is-active .x-wallet .x-w-cash { transform: translate(-0.6px, -4.6px) rotate(-9deg); transition: transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.6s; }
      @keyframes x-buzz { 0%, 40%, 100% { transform: none; } 5%, 15%, 25% { transform: translateX(-1.2px) rotate(-4deg); } 10%, 20%, 30% { transform: translateX(1.2px) rotate(4deg); } }
      @keyframes x-buzz-lines { 0%, 45%, 100% { opacity: 0; } 8%, 30% { opacity: 1; } }
      @keyframes x-swing { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(12deg); } 55% { transform: rotate(-7deg); } 78% { transform: rotate(3deg); } }
      @keyframes x-tap { 0%, 100% { transform: rotate(0deg); } 40% { transform: rotate(-24deg); } 62% { transform: rotate(6deg); } 72% { transform: rotate(0deg); } }
      @keyframes x-slide { 0%, 100% { transform: none; } 35%, 60% { transform: translateY(-3.5px); } }

      @media (prefers-reduced-motion: reduce) {
        .x-flow__track, .x-flow__fill, .x-flow__btn, .x-flow__card { transition: none; }
        .x-flow .x-flow__track { transform: none; }
        .x-flow__step.is-active .x-flow__btn { transform: none; }
        .x-flow__step.is-active .x-flow__card { transform: none; }
        .x-flow__step.is-active .x-ico-move, .x-flow__step.is-active .x-ico-buzz { animation: none; }
        .x-wallet .x-w-flap, .x-wallet .x-w-lid, .x-wallet .x-w-card, .x-wallet .x-w-cash,
        .x-flow__step.is-active .x-wallet .x-w-flap, .x-flow__step.is-active .x-wallet .x-w-lid,
        .x-flow__step.is-active .x-wallet .x-w-card, .x-flow__step.is-active .x-wallet .x-w-cash { transition: none; }
      }
    
      /* our work: bento grid of clip tiles, featured clip, filter chips, video lightbox */
      .x-bento { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense; margin-top: 28px; }
      @media (min-width: 600px) {
        .x-bento--home { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .x-bento--work { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
        .x-bento--home .x-clip--lg { grid-column: span 2; grid-row: span 2; }
      }
      @media (min-width: 900px) {
        .x-bento { gap: 18px; }
        .x-bento--home { grid-template-columns: repeat(6, minmax(0, 1fr)); }
        .x-bento--home .x-clip--lg2 { grid-column: 5 / span 2; grid-row: 1 / span 2; }
        .x-bento--work .x-clip--lg2 { grid-column: span 2; grid-row: span 2; }
      }

      .x-clip {
        position: relative; display: block; width: 100%; padding: 0; margin: 0; overflow: hidden; isolation: isolate;
        aspect-ratio: 9 / 16; align-self: stretch; cursor: pointer; text-align: left; color: #fff; font: inherit;
        background: var(--bg-3); border: 1px solid var(--glass-line); border-radius: 22px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 40px -26px rgba(0, 0, 0, 0.85);
        transition: transform 0.55s var(--ease), box-shadow 0.55s var(--ease), border-color 0.35s ease, opacity 0.35s ease;
        -webkit-tap-highlight-color: transparent;
      }
      .x-clip[hidden] { display: none; }
      .x-clip img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.001); transition: transform 1.2s var(--ease), filter 0.6s ease; }
      .x-clip__play {
        position: absolute; left: 50%; top: 50%; width: 58px; height: 58px; margin: -29px 0 0 -29px; border-radius: 50%;
        display: grid; place-items: center; background: linear-gradient(145deg, var(--orange-hi), var(--orange));
        box-shadow: 0 0 0 6px rgba(255, 107, 26, 0.16), 0 12px 30px -8px rgba(255, 107, 26, 0.7);
        transform: scale(0.84); opacity: 0.92; transition: transform 0.55s var(--ease), box-shadow 0.55s ease, opacity 0.3s ease;
      }
      .x-clip__play svg { width: 22px; height: 22px; fill: #06101f; margin-left: 3px; }
      .x-clip:hover, .x-clip:focus-visible {
        transform: translateY(-6px); border-color: rgba(255, 138, 76, 0.45);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 34px 60px -28px rgba(0, 0, 0, 0.95), 0 0 42px -12px rgba(255, 107, 26, 0.45);
      }
      .x-clip:hover img, .x-clip:focus-visible img { transform: scale(1.07); filter: saturate(1.08); }
      .x-clip:hover .x-clip__play, .x-clip:focus-visible .x-clip__play {
        transform: scale(1); opacity: 1;
        box-shadow: 0 0 0 10px rgba(255, 107, 26, 0.16), 0 0 46px 6px rgba(255, 107, 26, 0.55);
      }
      .x-clip:focus-visible { outline: 3px solid var(--orange-hi); outline-offset: 3px; }
      .x-clip:active { transform: translateY(-2px) scale(0.99); }
      .x-clip--lg .x-clip__play, .x-clip--feat .x-clip__play, .x-clip--lg2 .x-clip__play { width: 76px; height: 76px; margin: -38px 0 0 -38px; }
      .x-clip--lg .x-clip__play svg, .x-clip--feat .x-clip__play svg, .x-clip--lg2 .x-clip__play svg { width: 28px; height: 28px; }

      /* staggered reveal on scroll, and the re-flow after a filter switch */
      .x-clip[data-rv]:not(.is-in) { opacity: 0; transform: translateY(28px) scale(0.97); }
      .x-clip[data-rv].is-in:not(.is-settled) { transition-delay: calc(var(--k, 0) * 70ms); }
      .x-bento.is-switching .x-clip { opacity: 0; transform: scale(0.94); transition-duration: 0.22s; transition-delay: 0s; }
      .x-clip.is-entering { animation: x-clip-in 0.6s var(--ease) both; animation-delay: calc(var(--k, 0) * 45ms); }
      @keyframes x-clip-in { from { opacity: 0; transform: translateY(18px) scale(0.95); } to { opacity: 1; transform: none; } }

      /* featured clip */
      .x-feat {
        display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(22px, 4vw, 56px); align-items: center;
        margin-top: 32px; padding: clamp(14px, 2vw, 22px); border-radius: 32px; border: 1px solid var(--glass-line);
        background: radial-gradient(circle at 12% 0%, rgba(255, 107, 26, 0.16), transparent 55%), var(--glass);
        box-shadow: 0 40px 80px -50px rgba(0, 0, 0, 0.9);
      }
      .x-clip--feat { max-height: 680px; border-radius: 24px; }
      .x-feat.x-rev img { clip-path: none; }
      .x-feat__copy { display: grid; gap: 14px; padding-right: clamp(0px, 2vw, 24px); }
      .x-feat__copy .x-eyebrow { margin: 0; }
      .x-feat__copy h3 { font-family: var(--serif); font-weight: 400; font-size: clamp(2rem, 3.6vw, 3.1rem); line-height: 1.04; color: var(--ink); }
      .x-feat__copy p { color: var(--ink-2); max-width: 46ch; }
      .x-feat__facts { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
      .x-feat__facts li { border: 1px solid var(--glass-line); border-radius: 999px; padding: 8px 16px; font-size: 0.9rem; color: var(--ink-2); }
      .x-feat__facts b { color: var(--ink); font-weight: 700; }
      .x-feat__copy .x-btns { margin-top: 6px; }
      @media (max-width: 760px) {
        .x-feat { grid-template-columns: 1fr; border-radius: 26px; }
        .x-clip--feat { max-height: 72vh; }
        .x-feat__copy { padding: 4px 6px 10px; }
      }

      /* filter chips */
      .x-filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 36px 0 14px; }
      .x-fchip {
        min-height: 44px; padding: 0 8px 0 18px; border-radius: 999px; border: 1px solid var(--glass-line); background: var(--glass);
        color: var(--ink); font: 600 0.92rem/1 var(--body); display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
        -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
        transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.4s var(--ease), transform 0.3s var(--ease);
      }
      .x-fchip span { font-size: 0.78rem; font-variant-numeric: tabular-nums; color: var(--ink-2); padding: 5px 9px; border-radius: 999px; background: rgba(255, 255, 255, 0.07); transition: inherit; }
      .x-fchip:hover { border-color: rgba(255, 138, 76, 0.55); transform: translateY(-1px); }
      .x-fchip:focus-visible { outline: 3px solid var(--orange-hi); outline-offset: 3px; }
      .x-fchip[aria-pressed="true"] { background: var(--orange); border-color: var(--orange); color: #06101f; box-shadow: 0 12px 28px -12px rgba(255, 107, 26, 0.8); }
      .x-fchip[aria-pressed="true"] span { background: rgba(6, 16, 31, 0.16); color: #06101f; }

      /* lightboxes: blurred backdrop, fade and lift in */
      .x-lb { background: rgba(4, 10, 20, 0.72); -webkit-backdrop-filter: blur(22px) saturate(1.2); backdrop-filter: blur(22px) saturate(1.2); }
      .x-lb.is-open { animation: x-lb-fade 0.32s ease both; }
      @keyframes x-lb-fade { from { opacity: 0; } to { opacity: 1; } }
      .x-lbv { margin: 0; display: grid; justify-items: center; gap: 14px; animation: x-lbv-pop 0.5s var(--ease) both; }
      @keyframes x-lbv-pop { from { opacity: 0; transform: translateY(16px) scale(0.96); } to { opacity: 1; transform: none; } }
      .x-lbv__frame {
        border-radius: 22px; overflow: hidden; background: #000; border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 50px 100px -30px rgba(0, 0, 0, 0.95), 0 0 70px -20px rgba(255, 107, 26, 0.35);
      }
      .x-lb--video video { display: block; max-height: 78vh; max-width: min(92vw, 460px); border-radius: 0; }
      .x-lbv.is-next .x-lbv__frame { animation: x-lbv-next 0.5s var(--ease) both; }
      .x-lbv.is-prev .x-lbv__frame { animation: x-lbv-prev 0.5s var(--ease) both; }
      @keyframes x-lbv-next { from { opacity: 0; transform: translateX(40px) scale(0.97); } to { opacity: 1; transform: none; } }
      @keyframes x-lbv-prev { from { opacity: 0; transform: translateX(-40px) scale(0.97); } to { opacity: 1; transform: none; } }
      .x-lb--video .x-lb__count {
        top: 18px; bottom: auto; left: 18px; transform: none; margin: 0; padding: 0 14px; min-height: 40px; display: inline-flex; align-items: center;
        border-radius: 999px; background: #0d1b2c; border: 1px solid rgba(255, 255, 255, 0.16);
        color: #fff; font-size: 0.88rem; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: 0.04em;
      }
      .x-lb--video .x-lb__btn { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: background 0.25s ease, color 0.25s ease, transform 0.3s var(--ease); }
      .x-lb--video .x-lb__prev:hover, .x-lb--video .x-lb__next:hover { transform: translateY(-50%) scale(1.06); }
      .x-lb__sound { top: 14px; right: 74px; }
      .x-lb__sound svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
      .x-lb__sound .x-snd-body { fill: currentColor; }
      .x-lb__sound .x-snd-off { display: none; }
      .x-lb__sound.is-muted .x-snd-on { display: none; }
      .x-lb__sound.is-muted .x-snd-off { display: inline; }
      @media (min-width: 900px) {
        .x-lb--video .x-lb__prev { left: max(24px, calc(50% - 330px)); }
        .x-lb--video .x-lb__next { right: max(24px, calc(50% - 330px)); }
      }

      @media (prefers-reduced-motion: reduce) {
        .x-clip, .x-clip img, .x-clip__play, .x-fchip { transition: none; }
        .x-clip:hover, .x-clip:focus-visible, .x-clip:active, .x-clip:hover img, .x-clip:focus-visible img, .x-fchip:hover { transform: none; }
        .x-clip.is-entering, .x-lb.is-open, .x-lbv, .x-lbv.is-next .x-lbv__frame, .x-lbv.is-prev .x-lbv__frame { animation: none; }
        .x-lb--video .x-lb__prev:hover, .x-lb--video .x-lb__next:hover { transform: translateY(-50%); }
      }
    
      /* payment logos: brand marks on white rounded chips */
      .x-pay { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
      .x-pay .x-pay__chip {
        display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; margin: 0;
        background: #fff; border: 1px solid rgba(15, 35, 64, 0.12); border-radius: 10px;
        box-shadow: 0 8px 18px -12px rgba(0, 0, 0, 0.7);
      }
      .x-pay .x-pay__chip svg { display: block; flex: none; }
      .x-pay .x-pay__name { display: inline; font-size: 0.8rem; font-weight: 700; line-height: 1; color: #0f2340; letter-spacing: 0.01em; }
      .x-pay .x-pay__logos { display: inline-flex; align-items: center; gap: 8px; color: inherit; }
      .x-trust .x-pay { gap: 6px; }
      .x-trust .x-pay .x-pay__chip { min-height: 32px; padding: 0 10px; }
      .x-flow__card .x-pay, .x-panel .x-pay, .x-acc__body .x-pay { margin-top: 6px; }
      .x-foot .x-pay, .x-foot__bottom .x-pay { display: flex; gap: 6px; margin: 4px 0; }
      .x-pay--sm { gap: 6px; zoom: 0.8; }
    
      /* five-step flow (Christmas lights view), same style as the hiring flow */
      @media (min-width: 960px) {
        .x-flow--5 .x-flow__list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
      }
      .x-flow__step.is-active .x-ico-cal { transform-origin: 50% 12%; animation: x-swing 1.8s ease-in-out infinite; }
      .x-flow__step.is-active .x-ico-bulb, .x-flow__step.is-active .x-ico-box { animation: x-slide 1.4s ease-in-out infinite; }
      .x-photo-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
      .x-photo-pair img { aspect-ratio: 3 / 4; }
      /* linked neighborhood chips: same pill, with an arrow and a hover lift */
      .x-pills li.x-pill-link { padding: 0; transition: border-color var(--dur-quick, 0.15s) ease, background-color var(--dur-quick, 0.15s) ease; }
      .x-pills li.x-pill-link a {
        display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px;
        color: inherit; text-decoration: none; border-radius: inherit;
      }
      .x-pills li.x-pill-link a::after { content: "→"; color: var(--orange); transition: transform var(--dur-quick, 0.15s) ease; }
      .x-pills li.x-pill-link:hover, .x-pills li.x-pill-link:focus-within { border-color: var(--orange); background: var(--glass-hi); }
      .x-pills li.x-pill-link:hover a::after, .x-pills li.x-pill-link a:focus-visible::after { transform: translateX(3px); }
      .x-pills li.x-pill-link a:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }
      @media (prefers-reduced-motion: reduce) { .x-pills li.x-pill-link a::after { transition: none; } }

      /* tap audit: only cards that link somewhere lift and glow; a card whose one link is its "more" link is tappable all over */
      .x-card:has(a.x-more) { position: relative; }
      .x-card:not(:has(a:not(.x-more))) > a.x-more::after { content: ""; position: absolute; inset: 0; z-index: 4; border-radius: inherit; }
      .x-card:not(:has(a:not(.x-more))) > a.x-more:focus-visible { outline: none; }
      .x-card:not(:has(a:not(.x-more))):has(> a.x-more:focus-visible) { outline: 2px solid var(--orange); outline-offset: 3px; }
      @media (hover: hover) {
        .x-card:not(:has(a.x-more, a.x-btn)):hover, .x-card.x-rev.is-in:not(:has(a.x-more, a.x-btn)):hover,
        .x-steps > .x-card.x-rev.is-in:not(:has(a.x-more, a.x-btn)):hover { transform: none; box-shadow: none; border-color: var(--glass-line); }
        .x-card:not(:has(a.x-more, a.x-btn))::before { content: none; }
        .x-card--media:not(:has(a.x-more, a.x-btn)):hover > img { transform: none; }
        .x-stat:hover { transform: none; }
        .x-stat::before { content: none; }
      }
    
/* ===== multi-page additions (Oct 2026), drawn in the live site's dark glass language ===== */
.x-sec--tight { padding-block: clamp(28px, 5vw, 48px); }

/* short answer / key takeaways: small and quiet */
.x-sec--kt { padding-block: clamp(22px, 4vw, 36px) 0; }
.x-kt { max-width: 820px; background: var(--glass); border: 1px solid var(--glass-line); border-radius: 18px; padding: 18px 22px; box-shadow: inset 3px 0 0 var(--orange); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.x-answer { margin: 0 0 12px; font-size: 1rem; line-height: 1.6; color: var(--ink); }
.x-answer b { display: block; font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--orange-hi); margin-bottom: 4px; }
.x-kt__h { font-family: var(--body) !important; font-size: 0.72rem !important; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink-2); margin: 0 0 6px; line-height: 1.4 !important; }
.x-kt__list { margin: 0; padding-left: 18px; display: grid; gap: 4px; color: var(--ink-2); font-size: 0.92rem; line-height: 1.55; }
.x-kt__list li::marker { color: var(--orange); }

/* prose */
.x-prose { max-width: 72ch; }
.x-prose p { margin: 0 0 14px; line-height: 1.7; color: var(--ink-2); }
.x-prose h3 { margin: 26px 0 10px; color: var(--ink); }
.x-prose a, .x-acc__body a, .x-lede a { color: var(--orange-hi); }
.x-sec--navy .x-prose p { color: rgba(244, 247, 250, 0.82); }

/* tables */
.x-table-wrap { overflow-x: auto; margin-top: 24px; background: var(--glass); border: 1px solid var(--glass-line); border-radius: 20px; -webkit-overflow-scrolling: touch; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.x-table { width: 100%; border-collapse: collapse; min-width: 520px; font-size: 0.96rem; }
.x-table caption { text-align: left; padding: 16px 18px 6px; font-size: 0.85rem; color: var(--ink-2); caption-side: top; }
.x-table th, .x-table td { padding: 13px 18px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; color: var(--ink-2); }
.x-table thead th { background: transparent; color: var(--orange-hi); font-family: var(--body); font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.72rem; }
.x-table tbody th { font-weight: 600; color: var(--ink); }
.x-table tbody td { color: var(--ink); }
.x-table tbody tr:last-child th, .x-table tbody tr:last-child td { border-bottom: 0; }
.x-table a { color: var(--orange-hi); }
@media (max-width: 600px) { .x-table { min-width: 0; font-size: 0.92rem; } .x-table th, .x-table td { padding: 11px 14px; } }
.x-best { display: inline-block; background: rgba(255, 107, 26, 0.16); color: var(--orange-hi); border: 1px solid rgba(255, 138, 76, 0.4); border-radius: 999px; padding: 2px 10px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 10px; }

/* compact author line */
.x-sec--author { padding-block: 8px 28px; }
.x-author { display: flex; gap: 12px; align-items: center; max-width: 820px; padding: 0; background: none; border: 0; }
.x-author img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; border: 1px solid var(--glass-line); }
.x-author p { margin: 0; color: var(--ink-2); font-size: 0.9rem; line-height: 1.5; }
.x-author__name { color: var(--ink); font-weight: 700; }
.x-author__meta { white-space: normal; }
.x-author__meta a { color: var(--orange-hi); }

/* page info: collapsed sources + muted last-updated line */
.x-pagefoot { padding-block: 26px 30px; border-top: 1px solid rgba(255, 255, 255, 0.06); background: var(--bg); }
.x-about { border: 1px solid var(--glass-line); border-radius: 14px; background: var(--bg-2); margin-bottom: 14px; }
.x-about summary { cursor: pointer; list-style: none; padding: 12px 16px; font-size: 0.86rem; font-weight: 600; color: var(--ink-2); display: flex; justify-content: space-between; align-items: center; min-height: 44px; }
.x-about summary::-webkit-details-marker { display: none; }
.x-about summary::after { content: "+"; color: var(--orange-hi); font-size: 1.1rem; }
.x-about[open] summary::after { content: "–"; }
.x-about__body { padding: 0 16px 16px; color: var(--ink-2); font-size: 0.88rem; line-height: 1.6; }
.x-about__body h3 { font-family: var(--body); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink); margin: 16px 0 6px; }
.x-about__body p { margin: 0 0 8px; }
.x-about__body a { color: var(--orange-hi); overflow-wrap: anywhere; }
.x-about__src { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
.x-pageinfo { margin: 0; font-size: 0.8rem; line-height: 1.5; color: rgba(159, 176, 195, 0.78); }
.x-pageinfo a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

.x-olist { margin: 18px 0 0; padding-left: 22px; display: grid; gap: 12px; color: var(--ink-2); line-height: 1.6; }
.x-olist b { color: var(--ink); }
.x-olist a { color: var(--orange-hi); }
.x-sec--navy .x-olist { color: rgba(244, 247, 250, 0.82); }
.x-cite { font-size: 0.85rem; color: var(--ink-2); }
.x-cite a { color: var(--orange-hi); }

.x-yt { margin: 22px 0 0; max-width: 760px; }
.x-yt__frame { position: relative; aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; background: #000; border: 1px solid var(--glass-line); }
.x-yt__btn { all: unset; cursor: pointer; position: absolute; inset: 0; display: grid; place-items: center; }
.x-yt__btn img, .x-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.x-yt__btn .x-clip__play { position: relative; z-index: 1; }
.x-yt figcaption { font-size: 0.85rem; color: var(--ink-2); margin-top: 8px; }
.x-yt figcaption a { color: var(--orange-hi); }

.x-pay--labeled { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 10px 0; }
.x-pay--labeled .x-pay__chip { gap: 8px; }
.x-pay--labeled .x-pay__name { display: inline !important; font-size: 0.82rem; font-weight: 600; color: #14181f; }

/* photo quote builder */
.x-tool { background: var(--glass); border: 1px solid var(--glass-line); border-radius: 24px; padding: clamp(18px, 4vw, 30px); }
.x-tool fieldset { border: 0; margin: 0 0 18px; padding: 0; }
.x-tool legend { font-family: var(--body); font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; color: var(--orange-hi); font-size: 0.78rem; margin-bottom: 12px; }
.x-tool label.x-opt { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--glass-line); background: rgba(255, 255, 255, 0.03); border-radius: 14px; margin-bottom: 8px; cursor: pointer; color: var(--ink); }
.x-tool label.x-opt:has(input:checked) { border-color: var(--orange); background: rgba(255, 107, 26, 0.08); }
.x-tool label.x-opt input { margin-top: 4px; accent-color: var(--orange); width: 18px; height: 18px; flex: none; }
.x-tool .x-opt small { display: block; color: var(--ink-2); }
.x-tool input[type="text"], .x-tool select, .x-tool textarea { width: 100%; font: inherit; padding: 12px; border: 1px solid var(--glass-line); border-radius: 12px; background: var(--bg-2); color: var(--ink); box-sizing: border-box; }
.x-tool__out { background: var(--bg-2); border: 1px solid var(--glass-line); border-radius: 14px; padding: 16px; margin-top: 10px; white-space: pre-wrap; font-size: 0.95rem; color: var(--ink); }
.x-tool__total { font-size: 1.2rem; font-weight: 800; color: var(--orange-hi); margin: 14px 0 4px; }

.x-grid--3 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.x-proscons { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top: 24px; }
.x-proscons > div { background: var(--glass); border: 1px solid var(--glass-line); border-radius: 24px; padding: 24px; }
.x-proscons h3 { margin-top: 0; }
.x-proscons .x-cons li::before { content: "✕"; color: #ff8a8a; font-weight: 700; }

/* hub cards (services hub, guides, compare): same glass cards as the live site */
.x-hub { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); margin-top: 26px; }
.x-hub a { display: block; background: var(--glass); border: 1px solid var(--glass-line); border-radius: 24px; padding: 22px 24px; text-decoration: none; color: var(--ink); transition: border-color .25s var(--ease), transform .25s var(--ease); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.x-hub a:hover { border-color: rgba(255, 138, 76, 0.5); transform: translateY(-4px); }
.x-hub b { display: block; font-family: var(--serif); font-weight: 400; font-size: 1.5rem; line-height: 1.12; color: var(--ink); margin-bottom: 6px; }
.x-hub b::after { content: " →"; color: var(--orange-hi); font-family: var(--body); font-size: 1rem; }
.x-hub span { color: var(--ink-2); font-size: 0.94rem; line-height: 1.55; }
.x-404 { text-align: center; }

/* cards in non-navy sections get the same glass as the live site's cards */
.x-card { background: var(--glass); border: 1px solid var(--glass-line); border-radius: 24px; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.x-card p { color: var(--ink-2); }
.x-related a { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.x-note { color: var(--ink-2); }
.x-legalpage .x-prose p, .x-legalpage li { color: var(--ink-2); }
.x-table, .x-table caption, .x-table th, .x-table td { font-family: var(--body); }
.x-table tbody th { font-weight: 700; }
@media (max-width: 640px) {
  .x-table-wrap { overflow: visible; }
  .x-table { min-width: 0; }
  .x-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .x-table tbody tr { display: block; padding: 14px 16px; border-bottom: 1px solid var(--line); }
  .x-table tbody tr:last-child { border-bottom: 0; }
  .x-table tbody th, .x-table tbody td { display: block; padding: 2px 0; border: 0; }
  .x-table tbody th { font-size: 1rem; margin-bottom: 4px; }
  .x-table tbody td::before { content: attr(data-label) ": "; color: var(--ink-2); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
  .x-table tbody td[data-label=""]::before { content: none; }
  .x-table td { font-size: 0.94rem; line-height: 1.5; }
}
.x-pills li.x-pill-link a { font-size: 0.88rem; }
@media (max-width: 640px) { .x-pills { gap: 8px; } }
@media (min-width: 1000px) { .x-foot__cols { grid-template-columns: 1.1fr 2fr 1fr 0.9fr; } .x-foot__map ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.x-foot__map li { line-height: 1.35; }
.x-kt__h::after, .x-kt__h::before { display: none !important; content: none !important; }
.x-kt { padding: 16px 20px; }
.x-answer { font-size: 0.94rem; line-height: 1.55; color: rgba(244, 247, 250, 0.9); margin-bottom: 10px; }
.x-kt__list { font-size: 0.86rem; gap: 3px; }
.x-hero--page .x-crumb, .x-hero--page .x-crumb a { font-size: 0.72rem; }
.x-hero--page .x-crumb li, .x-hero--page .x-crumb a { min-height: 32px; }