@font-face {
      font-family: "InterVariable";
      src: url("/roky-preview-assets/693b77d4f32ee9b8bfc995589b5fad5e99adf2832738661f5402f9978429a8e3.woff2") format("woff2");
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
    }

    /* VERIFIED ROKY DESIGN TOKENS — computed from the approved Studio, Project Hub, Project Template and Fit-out pages. */
    :root {
      --roky-font: "InterVariable", "PingFang HK", "Microsoft JhengHei", sans-serif;
      --roky-weight-regular: 400;
      --roky-weight-medium: 500;
      --roky-weight-semibold: 650;
      --roky-weight-bold: 700;
      --roky-ink: #222222;
      --roky-nav-ink: #18352e;
      --roky-muted: #566c62;
      --roky-paper: #ffffff;
      --roky-feature-paper: #e9e7e0;
      --roky-surface: #f3f3ef;
      --roky-rule: #dedbd3;
      --roky-accent: #69c3b2;
      --roky-link: #255c56;
      --roky-enquiry: #427e7e;
      --roky-cta: #00c7b1;
      --roky-focus: #255c56;
      --roky-footer: #242424;
      --roky-footer-text: #f8f8f6;
      --roky-container: 1320px;
      --roky-gutter: 56px;
      --ink: var(--roky-ink);
      --ink-soft: var(--roky-muted);
      --paper: var(--roky-paper);
      --cream: var(--roky-feature-paper);
      --mist: var(--roky-surface);
      --line: var(--roky-rule);
      --teal: var(--roky-enquiry);
      --mint: var(--roky-accent);
      --deep-teal: var(--roky-nav-ink);
      --footer: var(--roky-footer);
      --container: var(--roky-container);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: var(--roky-font);
      font-size: 16px;
      font-weight: var(--roky-weight-regular);
      line-height: 1.65;
      font-synthesis: none;
      -webkit-font-smoothing: antialiased;
    }
    img { display: block; width: 100%; }
    a { color: inherit; }
    :is(a, button, [tabindex]):focus-visible { outline: 3px solid var(--roky-accent); outline-offset: 5px; box-shadow: 0 0 0 5px var(--roky-paper); }
    .container { width: min(var(--container), calc(100% - var(--roky-gutter) - var(--roky-gutter))); margin-inline: auto; }
    .kicker {
      margin: 0 0 14px;
      color: var(--roky-link);
      font-size: 12px;
      font-weight: var(--roky-weight-bold);
      line-height: 1.5;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    h1, h2, h3, p { margin-top: 0; }
    h1, h2, h3 { color: var(--roky-ink); text-wrap: balance; }
    h1 { max-width: 680px; margin-bottom: 0; font-size: 44px; line-height: 1.02; font-weight: var(--roky-weight-semibold); letter-spacing: -.052em; }
    h2 { margin-bottom: 18px; font-size: 42px; line-height: 1.1; font-weight: 600; letter-spacing: -.04em; }
    h3 { margin-bottom: 8px; font-size: 23px; line-height: 1.25; font-weight: var(--roky-weight-semibold); letter-spacing: -.035em; }
    .lede { color: var(--ink-soft); font-size: 20px; line-height: 1.4; letter-spacing: .01em; }

    .site-header { height: 128px; background: #fff; border-bottom: 0; }
    .header-inner { height: 100%; display: flex; align-items: center; gap: 32px; }
    .brand { display: inline-flex; width: 80px; flex: 0 0 auto; }
    .brand img { height: 80px; object-fit: contain; }
    .nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
    .nav a, .language {
      color: var(--roky-nav-ink);
      font-size: clamp(12px, .96vw, 16px);
      font-weight: var(--roky-weight-semibold);
      line-height: 1.45;
      letter-spacing: .055em;
      text-decoration: none;
      text-transform: uppercase;
    }
    .nav a { position: relative; padding: 14px 0; }
    .nav a::after { content: ""; position: absolute; right: 0; bottom: 7px; left: 0; height: 2px; background: var(--roky-nav-ink); transform: scaleX(0); transition: transform .18s ease; }
    .nav a:hover::after, .nav a[aria-current="page"]::after { transform: scaleX(1); }
    .language { margin-left: 2px; }
    .header-cta {
      display: inline-flex;
      width: 246px;
      min-width: 246px;
      min-height: 48px;
      align-items: center;
      justify-content: center;
      padding: 10px 18px;
      border: 1px solid var(--roky-cta);
      border-radius: 5px;
      color: #fff;
      background: var(--roky-cta);
      font-size: 14px;
      font-weight: var(--roky-weight-bold);
      line-height: 1.4;
      letter-spacing: .2px;
      text-decoration: none;
      text-transform: uppercase;
      transition: background-color .25s ease, color .25s ease, border-color .25s ease;
    }
    .header-cta:is(:hover, :focus-visible) { border-color: var(--roky-cta); color: var(--roky-cta); background: #fff; }
    .menu-button { display: none; margin-left: auto; border: 0; background: none; color: var(--roky-nav-ink); font: inherit; font-size: 22px; }

    .hero {
      border-bottom: 1px solid var(--roky-rule);
      background: #ffffff;
    }
    .hero-inner { padding-bottom: 24px; }
    .breadcrumbs {
      display: flex;
      min-height: 52px;
      align-items: center;
      margin: 0;
      color: #6b6b67;
      background: #ffffff;
      font-size: 13px;
      line-height: 1.5;
    }
    .breadcrumbs span { margin: 0 10px; }
    .hero-layout {
      display: grid;
      grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);
      grid-template-rows: auto 1fr;
      column-gap: 52px;
      align-items: start;
      padding-top: 20px;
    }
    .hero-intro {
      grid-column: 1;
      grid-row: 1;
      align-self: start;
      padding: 2px 0 14px;
    }
    .hero .kicker { margin-bottom: 12px; color: #6b6b67; }
    .hero h1 {
      max-width: 8.2em;
      margin: 0;
      color: #22342e;
      font-size: clamp(54px, 3.8vw, 58px);
      font-weight: var(--roky-weight-semibold);
      line-height: 1.02;
      letter-spacing: -.035em;
    }
    .hero-heading-lead { color: #22342e; }
    .hero-heading-highlight { color: #87c0b3; }
    .hero-copy .lede {
      max-width: 34ch;
      margin: 16px 0 8px;
      color: #22342e;
      font-size: 17px;
      line-height: 1.5;
      letter-spacing: 0;
    }
    .hero-actions { display: flex; flex-wrap: wrap; align-items: center; }
    .hero-primary-action {
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      color: #22342e;
      font-size: 13px;
      font-weight: var(--roky-weight-semibold);
      line-height: 1.4;
      text-decoration: none;
    }
    .hero-primary-action {
      min-height: 48px;
      justify-content: center;
      gap: 0;
      padding: 12px 24px;
      border: 1px solid var(--roky-cta);
      border-radius: 5px;
      color: #ffffff;
      background: var(--roky-cta);
      font-size: 14px;
      font-weight: var(--roky-weight-bold);
      letter-spacing: .2px;
      text-transform: uppercase;
      white-space: nowrap;
      transition: background-color .25s ease, color .25s ease, border-color .25s ease;
    }
    .hero-primary-action::after { display: none; content: none; }
    .hero-primary-action:is(:hover, :focus-visible) { border-color: var(--roky-cta); color: var(--roky-cta); background: #ffffff; }
    .hero :is(a, button, [tabindex]):focus-visible { outline-color: #69c3b2; box-shadow: 0 0 0 5px #ffffff; }
    .hero .hero-primary-action:focus-visible { outline-color: var(--roky-focus); outline-offset: 4px; box-shadow: none; }

    .space-tabs {
      position: relative;
      display: grid;
      min-width: 0;
      grid-column: 1;
      grid-row: 2;
      align-self: end;
    }
    @media (min-width: 1280px) {
      .space-tabs { align-self: stretch; grid-template-rows: repeat(5, minmax(48px, 1fr)); }
    }
    @media (min-width: 1320px) {
      .hero-intro { padding-bottom: 24px; }
    }
    .space-tabs::before {
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      left: 0;
      height: 1px;
      background: var(--roky-rule);
      content: "";
      pointer-events: none;
    }
    .space-tab {
      position: relative;
      display: grid;
      width: 100%;
      min-height: 48px;
      grid-template-columns: 34px minmax(0, 1fr) 20px;
      align-items: center;
      gap: 10px;
      padding: 2px 2px 2px 0;
      border: 0;
      color: #22342e;
      background: transparent;
      font: inherit;
      text-align: left;
      text-decoration: none;
      cursor: pointer;
    }
    .space-tab:last-child { border-bottom: 0; }
    .space-tab::before {
      position: absolute;
      left: -10px;
      top: 50%;
      height: 30px;
      width: 3px;
      background: #69c3b2;
      content: "";
      transform: translateY(-50%) scaleY(0);
      transform-origin: center;
      transition: transform 180ms cubic-bezier(.22, 1, .36, 1);
    }
    .space-tab-number {
      color: #6b6b67;
      font-size: 11px;
      font-weight: var(--roky-weight-bold);
      line-height: 1;
      letter-spacing: .08em;
    }
    .space-tab-copy { min-width: 0; }
    .space-tab-title {
      display: block;
      font-size: clamp(17px, 1.2vw, 20px);
      font-weight: var(--roky-weight-medium);
      line-height: 1.12;
      letter-spacing: -.025em;
    }
    .space-tab-description { display: none; }
    .space-tab-marker { color: #6b6b67; font-size: 17px; line-height: 1; transition: transform 180ms cubic-bezier(.22, 1, .36, 1); }
    .space-tab[aria-selected="true"]::before { transform: translateY(-50%) scaleY(1); }
    .space-tab[aria-selected="true"] .space-tab-number { color: #22342e; }
    .space-tab[aria-selected="true"] .space-tab-title { font-weight: var(--roky-weight-semibold); }
    .space-tab[aria-selected="true"] .space-tab-marker { color: #69c3b2; transform: translateX(3px); }
    .space-tab:not([aria-selected="true"]):hover .space-tab-marker { color: #69c3b2; transform: translateX(3px); }
    .space-tab:focus-visible { z-index: 3; outline: 3px solid #69c3b2; outline-offset: 4px; box-shadow: none; }

    .space-panels {
      position: relative;
      overflow: hidden;
      min-width: 0;
      grid-column: 2;
      grid-row: 1 / span 2;
      align-self: start;
      aspect-ratio: 4 / 3;
      background: #ffffff;
      isolation: isolate;
    }
    .space-panel { position: absolute; z-index: 0; inset: 0; overflow: hidden; opacity: 0; clip-path: inset(0 100% 0 0); pointer-events: none; }
    .space-panel:target,
    .space-panel[data-active="true"] { z-index: 1; opacity: 1; clip-path: inset(0); }
    .space-panel[data-revealing="true"] { z-index: 2; opacity: 1; clip-path: inset(0 100% 0 0); transition: clip-path 440ms cubic-bezier(.22, 1, .36, 1); }
    .space-panel[data-revealing="true"].is-entering { clip-path: inset(0); }
    .space-panel img { height: 100%; object-fit: cover; transform: scale(1.02); }
    #space-panel-reception img { object-position: 50% 48%; }
    #space-panel-workspace img { object-position: 58% 50%; }
    #space-panel-meeting img { object-position: 50% 52%; }
    #space-panel-pantry img { object-position: 50% 54%; }
    #space-panel-executive img { object-position: 52% 50%; }
    .space-panel[data-active="true"] img { transform: scale(1); }
    .space-panel[data-revealing="true"] img { transform: scale(1.02); transition: transform 480ms cubic-bezier(.22, 1, .36, 1); }
    .space-panel[data-revealing="true"].is-entering img { transform: scale(1); }
    .space-panel-caption {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 14px;
      min-height: 78px;
      padding: 13px 18px;
      border-left: 3px solid transparent;
      color: #ffffff;
      background: rgba(34,34,34,.92);
      opacity: 0;
      transform: translateY(10px);
    }
    .space-panel[data-active="true"] .space-panel-caption { opacity: 1; transform: translateY(0); }
    .space-panel[data-revealing="true"] .space-panel-caption { transition: opacity 360ms cubic-bezier(.22, 1, .36, 1) 70ms, transform 360ms cubic-bezier(.22, 1, .36, 1) 70ms; }
    .space-panel[data-revealing="true"].is-entering .space-panel-caption { opacity: 1; transform: translateY(0); }
    .space-panel-caption-number { color: #ffffff; font-size: 12px; font-weight: var(--roky-weight-bold); line-height: 1.4; letter-spacing: .12em; }
    .space-panel-caption-copy { min-width: 0; }
    .space-panel-caption-title { display: block; font-size: 15px; font-weight: var(--roky-weight-semibold); line-height: 1.3; }
    .space-panel-caption-description { display: block; margin-top: 2px; color: #ffffff; font-size: 12px; line-height: 1.4; }
    .no-clip-path .space-panel { clip-path: none; }
    .no-clip-path .space-panel[data-revealing="true"] { opacity: 0; transition: opacity 440ms cubic-bezier(.22, 1, .36, 1); }
    .no-clip-path .space-panel[data-revealing="true"].is-entering { opacity: 1; }
    .no-clip-path .space-panel img,
    .no-clip-path .space-panel-caption { transform: none; }
    .action-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; max-width: 360px; }
    .button {
      display: inline-flex;
      width: 100%;
      min-height: 48px;
      align-items: center;
      justify-content: space-between;
      gap: 26px;
      padding: 12px 24px;
      border: 1px solid var(--roky-link);
      border-radius: 5px;
      color: var(--roky-nav-ink);
      background: var(--roky-accent);
      font-size: 14px;
      font-weight: var(--roky-weight-bold);
      line-height: 1.4;
      letter-spacing: .2px;
      text-decoration: none;
      text-transform: uppercase;
      transition: background-color .25s ease, color .25s ease, border-color .25s ease;
    }
    .button::after { content: "↓"; font-size: 18px; line-height: 1; }
    .button:is(:hover, :focus-visible) { border-color: var(--roky-link); color: #fff; background: var(--roky-link); }
    .button:focus-visible, .header-cta:focus-visible { outline-color: var(--roky-focus); outline-offset: 4px; box-shadow: none; }
    .text-action {
      display: inline-flex;
      width: 100%;
      min-height: 44px;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      padding: 10px 0;
      border-bottom: 1px solid var(--roky-rule);
      color: var(--roky-link);
      font-size: 14px;
      font-weight: var(--roky-weight-semibold);
      line-height: 1.4;
      text-decoration: none;
    }
    .text-action::after { content: "↗"; font-size: 18px; line-height: 1; }
    .text-action:hover { border-color: currentColor; }

    .planning {
      padding: 72px 0;
      color: #22342e;
      background: #fff;
    }
    .planning .kicker { margin-bottom: 12px; color: #22342e; }
    .planning-intro {
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 80px;
      align-items: end;
      margin-bottom: 30px;
    }
    .planning-intro h2 {
      max-width: 520px;
      margin-bottom: 0;
      color: #22342e;
      font-size: 42px;
      line-height: 1.08;
      letter-spacing: -.04em;
    }
    .planning-intro > p {
      max-width: 600px;
      margin: 0 0 2px;
      color: #22342e;
      font-size: 16px;
      line-height: 1.62;
    }
    .questions {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0;
      border-top: 1px solid var(--roky-rule);
      border-bottom: 1px solid var(--roky-rule);
    }
    .question {
      min-width: 0;
      min-height: 252px;
      padding: 18px 28px 16px 0;
    }
    .question + .question {
      padding-left: 28px;
      border-left: 1px solid var(--roky-rule);
    }
    .question:last-child { padding-right: 0; }
    .question-heading {
      display: flex;
      align-items: baseline;
      gap: 14px;
      margin-bottom: 16px;
    }
    .question .number-index {
      flex: 0 0 auto;
      color: var(--roky-accent);
      font-size: 34px;
      font-weight: var(--roky-weight-medium);
      line-height: .92;
      letter-spacing: -.045em;
    }
    .question-label,
    .question-detail-label {
      color: #22342e;
      font-size: 11px;
      font-weight: var(--roky-weight-semibold);
      line-height: 1.35;
      letter-spacing: .095em;
      text-transform: uppercase;
    }
    .question h3 {
      max-width: 19ch;
      min-height: 83px;
      margin: 0 0 13px;
      color: #22342e;
      font-size: 23px;
      line-height: 1.2;
      letter-spacing: -.025em;
    }
    .question-detail {
      margin: 0;
      color: #22342e;
      font-size: 14px;
      line-height: 1.45;
    }
    .question-detail + .question-detail {
      margin-top: 22px;
    }
    .question-detail-label { display: block; margin-bottom: 5px; }

    .cta {
      padding: 72px 0;
      border-top: 1px solid #dedbd3;
      color: #22342e;
      background: #f3f3ef;
    }
    .cta-inner {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: 24px;
      align-items: center;
      min-height: 144px;
    }
    .cta-heading { grid-column: 1 / 7; }
    .cta .kicker {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
      color: #22342e;
    }
    .cta .kicker::before {
      width: 18px;
      height: 2px;
      background: #69c3b2;
      content: "";
      flex: 0 0 auto;
    }
    .cta h2 {
      max-width: 620px;
      margin-bottom: 0;
      color: #22342e;
      font-size: 50px;
      font-weight: 600;
      line-height: 1.08;
      letter-spacing: -.04em;
    }
    .cta-copy {
      width: 100%;
      max-width: 500px;
      grid-column: 8 / 13;
      justify-self: end;
    }
    .cta-copy p {
      max-width: 480px;
      margin-bottom: 26px;
      color: #6b6b67;
      font-size: 16px;
      line-height: 1.6;
    }
    .cta .action-row { max-width: 280px; }
    .cta .button {
      width: 280px;
      min-height: 52px;
      border-color: var(--roky-cta);
      color: #fff;
      background: var(--roky-cta);
      text-transform: none;
      transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
    }
    .cta .button::after { content: "↗"; color: currentColor; }
    .cta .button:hover { border-color: var(--roky-cta); color: var(--roky-cta); background: #fff; }
    .cta .button:focus-visible {
      border-color: var(--roky-cta);
      outline: 3px solid var(--roky-focus);
      outline-offset: 4px;
      color: var(--roky-cta);
      background: #fff;
      box-shadow: none;
    }

    .site-footer { padding: 50px 0 28px; color: var(--roky-footer-text); background: var(--footer); }
    .start-project { display: none; min-height: 44px; align-items: center; justify-content: space-between; padding-bottom: 0; border-bottom: 0; color: #74cbbd; font-size: 13px; font-weight: 750; line-height: 1.5; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
    .footer-grid { display: grid; grid-template-columns: 1.2fr .65fr .8fr 1fr; gap: 54px; padding: 0 0 48px; }
    .footer-wordmark { margin-bottom: 8px; color: #fff; font-size: 34px; font-weight: 830; letter-spacing: -.06em; }
    .footer-title { margin-bottom: 17px; color: #78cbbf; font-size: 11px; font-weight: 750; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; }
    .footer-grid p, .footer-grid a { color: #e0e3e0; font-size: 13px; line-height: 1.5; text-decoration: none; }
    .footer-grid a { display: block; width: fit-content; min-height: 36px; margin: 0; padding: 6px 0; }
    .footer-grid a:hover, .footer-bottom a:hover { text-decoration: underline; text-decoration-thickness: 2px; }
    .footer-bottom { display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.17); color: #c9cecb; font-size: 11px; line-height: 1.5; }
    .site-footer :focus-visible { outline-color: #a4e0d5; box-shadow: none; }
    .mobile-bar { display: none; }

    @media (max-width: 1180px) {
      .hero-layout { grid-template-columns: minmax(0, 35fr) minmax(0, 65fr); column-gap: 48px; }
      .hero h1 { font-size: clamp(54px, 5vw, 56px); }
    }

    @media (max-width: 1040px) {
      :root { --roky-gutter: 32px; }
      .nav { gap: 17px; }
      .hero-layout { grid-template-columns: minmax(0, 35fr) minmax(0, 65fr); column-gap: 48px; }
      .space-tab { min-height: 48px; grid-template-columns: 34px minmax(0, 1fr) 20px; gap: 10px; }
      .space-tab-title { font-size: 18px; }
      .cta-inner { column-gap: 24px; }
    }

    @media (max-width: 900px) {
      .hero-layout { grid-template-columns: 1fr; grid-template-rows: auto auto auto; padding-top: 18px; }
      .hero-intro { grid-column: 1; grid-row: 1; padding-bottom: 24px; }
      .space-panels { width: 100%; grid-column: 1; grid-row: 2; aspect-ratio: 4 / 3; }
      .space-tabs { grid-column: 1; grid-row: 3; margin-top: 18px; }
      .space-tab { min-height: 52px; }
      .space-panel[data-revealing="true"] { opacity: 0; transition: clip-path 380ms cubic-bezier(.22, 1, .36, 1), opacity 320ms cubic-bezier(.22, 1, .36, 1); }
      .space-panel[data-revealing="true"].is-entering { opacity: 1; }
      .space-panel[data-revealing="true"] img { transform: none; transition: none; }
      .space-panel[data-revealing="true"] .space-panel-caption { transition-duration: 300ms; transition-delay: 60ms; }
    }

    @media (max-width: 780px) {
      body { padding-bottom: 58px; }
      :root { --roky-gutter: 20px; }
      .site-header { height: 108px; }
      .brand { width: 68px; }
      .brand img { height: 68px; }
      .nav, .language, .header-cta { display: none; }
      .menu-button { display: block; }
      .hero-inner { padding: 0 0 34px; }
      .breadcrumbs { min-height: 48px; }
      .hero-layout { padding-top: 12px; }
      .hero-intro { padding: 2px 0 22px; }
      .hero .kicker { margin-bottom: 13px; }
      .hero h1 { max-width: 11em; font-size: clamp(38px, 7vw, 42px); line-height: 1.04; }
      .hero-copy .lede { max-width: 38ch; margin: 18px 0 14px; font-size: 16px; line-height: 1.55; }
      .hero-primary-action { font-size: 12px; }
      .planning-intro, .cta-inner { grid-template-columns: 1fr; gap: 18px; }
      .space-tab { min-height: 52px; grid-template-columns: 34px minmax(0, 1fr) 20px; }
      .space-tab-title { font-size: 19px; }
      .space-panel-caption { min-height: 70px; padding: 11px 15px; }
      .space-panel-caption-description { font-size: 11.5px; }
      .planning { padding: 56px 0; }
      .planning-intro { margin-bottom: 30px; }
      .planning-intro h2 { max-width: 12ch; font-size: 34px; }
      .planning-intro > p { font-size: 15px; line-height: 1.6; }
      .questions { grid-template-columns: 1fr; border-top: 0; border-bottom: 0; }
      .question { min-height: 0; padding: 24px 0; border-top: 1px solid var(--roky-rule); }
      .question + .question { padding-left: 0; border-top: 1px solid var(--roky-rule); border-left: 0; }
      .question-heading { margin-bottom: 17px; }
      .question .number-index { font-size: 32px; }
      .question h3 { max-width: 22ch; min-height: 0; margin-bottom: 14px; font-size: 22px; }
      .question-detail { font-size: 14px; }
      .cta { padding: 52px 0; }
      .cta-inner { gap: 26px; min-height: 0; }
      .cta-heading, .cta-copy { grid-column: 1; justify-self: stretch; }
      .cta h2 { max-width: 12ch; font-size: 36px; line-height: 1.1; letter-spacing: -.035em; }
      .cta-copy { max-width: none; }
      .cta-copy p { max-width: 38ch; margin-bottom: 24px; }
      .cta .action-row, .cta .button { width: 100%; max-width: none; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .mobile-bar {
        position: fixed;
        z-index: 80;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 58px;
        box-shadow: 0 -2px 16px rgba(24,53,46,.14);
      }
      .mobile-bar a { display: grid; place-items: center; color: #fff; background: var(--deep-teal); font-size: 13px; font-weight: var(--roky-weight-bold); line-height: 1.4; letter-spacing: .2px; text-decoration: none; text-transform: uppercase; }
      .mobile-bar a:first-child { color: #fff; background: var(--roky-cta); }
    }

    @media (max-width: 500px) {
      .action-row { max-width: none; gap: 13px; }
      .button { width: 100%; }
      .text-action { width: 100%; }
      .hero-inner { padding: 0 0 30px; }
      .hero h1 { font-size: 40px; }
      .hero-actions { align-items: flex-start; flex-direction: column; gap: 0; }
      .space-tabs { margin-top: 14px; }
      .space-tab { grid-template-columns: 32px minmax(0, 1fr) 18px; gap: 9px; min-height: 50px; }
      .space-tab-title { font-size: 18px; }
      .space-panel-caption { min-height: 72px; padding: 10px 13px; }
      .space-panel-caption-title { font-size: 14px; }
      .space-panel-caption-description { font-size: 11px; line-height: 1.35; }
      .footer-grid { grid-template-columns: 1fr; gap: 26px; }
      .footer-bottom { gap: 18px; flex-direction: column; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
      .space-panel { clip-path: none !important; transform: none !important; }
      .space-panel img, .space-panel-caption { transform: none !important; }
    }