/* Chunk 6 Try-a-Website. Fully scoped and isolated from the five locked pages. */
.try-page {
  --try-bg: #fff;
  --try-soft: #f5f5f7;
  --try-soft-2: #fafafa;
  --try-text: #1d1d1f;
  --try-secondary: #5f6065;
  --try-blue: #0068d9;
  --try-blue-dark: #0055b3;
  --try-line: rgba(29, 29, 31, .12);
  --try-line-soft: rgba(29, 29, 31, .075);
  color: var(--try-text);
  background: var(--try-bg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

.try-page h1,
.try-page h2,
.try-page h3,
.try-page button,
.try-page input,
.try-page textarea { font-family: inherit; }

.try-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

.try-page .container { width: min(1180px, calc(100% - clamp(2rem, 6vw, 5rem))); }
.try-page .try-main,
.try-page .try-intro,
.try-page .try-workspace,
.try-page .enquiry-stage { background: var(--try-bg); }

/* Approved site-wide header language */
.try-page .site-header {
  color: var(--try-text);
  border-color: var(--try-line);
  background: rgba(255, 255, 255, .86);
  backdrop-filter: saturate(180%) blur(18px);
}
.try-page .nav-row { min-height: 4.75rem; }
.try-page .wordmark { color: var(--try-text); font-size: 1.35rem; font-weight: 720; letter-spacing: -.045em; }
.try-page .accent-dot { color: var(--try-blue); }
.try-page .primary-nav { gap: clamp(1.25rem, 2.4vw, 2.2rem); font-size: .78rem; font-weight: 560; }
.try-page .primary-nav a,
.try-page .primary-nav a:link,
.try-page .primary-nav a:visited {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--try-text);
  background: transparent;
  box-shadow: none;
  transition: color .2s ease;
}
.try-page .primary-nav a:hover { color: var(--try-blue); }

.try-page .try-eyebrow {
  margin: 0 0 .75rem;
  color: var(--try-blue);
  font-size: .72rem;
  font-weight: 620;
  line-height: 1.6;
  letter-spacing: .07em;
  text-transform: uppercase;
}

/* Compact entry, followed immediately by the product-like workspace */
.try-intro { padding: clamp(7.5rem, 10vw, 9rem) 0 clamp(2.25rem, 4vw, 3.5rem); }
.try-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(17rem, 25rem);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: end;
}
.try-intro h1 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2.9rem, 5vw, 4.7rem);
  font-weight: 610;
  line-height: 1.02;
  letter-spacing: -.05em;
}
.try-intro-note {
  max-width: 25rem;
  margin: 0 0 .35rem;
  padding-top: 1rem;
  border-top: 1px solid var(--try-line);
  color: var(--try-secondary);
  font-size: .98rem;
  line-height: 1.62;
}

.try-workspace { padding-bottom: clamp(6rem, 9vw, 8rem); }
.try-studio {
  overflow: clip;
  border: 1px solid var(--try-line-soft);
  border-radius: 2rem;
  background: var(--try-soft);
  box-shadow: 0 .4rem 2rem rgba(0, 0, 0, .035);
}
.try-stage-rail {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--try-line);
  color: #8b8c91;
  font-size: .7rem;
  font-weight: 620;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.try-stage-rail span { min-width: 0; padding: 1rem clamp(1rem, 2.5vw, 2rem); }
.try-stage-rail span + span { border-left: 1px solid var(--try-line); }
.try-stage-rail b { margin-right: .5rem; color: #b0b1b5; font-weight: 620; }
.try-stage-rail .is-current { color: var(--try-blue); background: rgba(255, 255, 255, .58); }
.try-stage-rail .is-current b { color: inherit; }

.try-studio-grid {
  display: grid;
  grid-template-columns: minmax(19rem, .68fr) minmax(0, 1.32fr);
  gap: clamp(1rem, 2.2vw, 2rem);
  padding: clamp(1rem, 2.4vw, 2rem);
  align-items: start;
}
.config-panel {
  overflow: hidden;
  border: 1px solid var(--try-line-soft);
  border-radius: 1.35rem;
  background: #fff;
}
.config-header { padding: clamp(1.5rem, 2.5vw, 2rem); }
.config-header h2,
.preview-panel-heading h2 {
  margin: 0;
  font-size: clamp(1.55rem, 2.5vw, 2rem);
  font-weight: 610;
  line-height: 1.12;
  letter-spacing: -.035em;
}
.config-header > p:last-child {
  max-width: 25rem;
  margin: .7rem 0 0;
  color: var(--try-secondary);
  font-size: .9rem;
  line-height: 1.55;
}
.config-set {
  min-width: 0;
  margin: 0;
  padding: clamp(1.35rem, 2.4vw, 1.85rem);
  border: 0;
  border-top: 1px solid var(--try-line);
}
.config-set legend {
  width: 100%;
  margin: 0 0 1rem;
  padding: 0;
  color: var(--try-text);
  font-size: .88rem;
  font-weight: 620;
  line-height: 1.35;
}
.config-set legend span { margin-right: .55rem; color: var(--try-blue); font-size: .68rem; letter-spacing: .04em; }
.config-hint { margin: -.55rem 0 1rem; color: var(--try-secondary); font-size: .72rem; }

.config-options { display: grid; gap: .55rem; }
.config-options--type { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.config-option { position: relative; min-width: 0; cursor: pointer; }
.config-option input,
.feel-option input,
.feature-options input,
.work-type-options input,
.page-options input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.config-option > span {
  display: flex;
  min-height: 4.4rem;
  padding: .85rem;
  border: 1px solid var(--try-line);
  border-radius: .85rem;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.config-option b { font-size: .8rem; font-weight: 610; line-height: 1.25; }
.config-option small { margin-top: .25rem; color: var(--try-secondary); font-size: .68rem; line-height: 1.3; }
.config-option:hover > span { border-color: rgba(0, 104, 217, .35); }
.config-option input:checked + span {
  border-color: var(--try-blue);
  background: rgba(0, 104, 217, .055);
  box-shadow: inset 0 0 0 1px var(--try-blue);
}
.config-option input:focus-visible + span,
.feel-option input:focus-visible + span,
.feature-options input:focus-visible + span,
.work-type-options input:focus-visible + span,
.page-options input:focus-visible + span {
  outline: 3px solid var(--try-blue);
  outline-offset: 3px;
}

.feel-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; }
.feel-option { position: relative; min-width: 0; cursor: pointer; }
.feel-option > span {
  display: flex;
  min-height: 3.5rem;
  padding: .55rem .35rem;
  border: 1px solid var(--try-line);
  border-radius: .8rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  color: var(--try-secondary);
  font-size: .68rem;
  font-weight: 600;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.feel-option i { display: block; width: 1.15rem; height: 1.15rem; border: 1px solid rgba(29, 29, 31, .14); border-radius: 50%; }
.feel-option--clean i { background: #eaf3ff; box-shadow: inset 0 0 0 4px #fff; }
.feel-option--bold i { background: #1b1c20; box-shadow: inset 0 0 0 4px #1677ff; }
.feel-option--premium i { background: #e9dfcf; box-shadow: inset 0 0 0 4px #7c6040; }
.feel-option--minimal i { background: #fff; box-shadow: inset 0 0 0 4px #1d1d1f; }
.feel-option input:checked + span { border-color: var(--try-blue); color: var(--try-text); background: rgba(0, 104, 217, .045); }

.feature-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.feature-options label { position: relative; min-width: 0; cursor: pointer; }
.feature-options label:last-child { grid-column: 1 / -1; }
.feature-options span {
  display: flex;
  min-height: 2.85rem;
  padding: .65rem .75rem .65rem 2rem;
  border: 1px solid var(--try-line);
  border-radius: .75rem;
  align-items: center;
  color: var(--try-secondary);
  font-size: .72rem;
  line-height: 1.25;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.feature-options span::before {
  position: absolute;
  left: .72rem;
  width: .75rem;
  height: .75rem;
  border: 1px solid #a9abb0;
  border-radius: .2rem;
  content: "";
  transition: background .18s ease, border-color .18s ease;
}
.feature-options input:checked + span { border-color: rgba(0, 104, 217, .45); color: var(--try-text); background: rgba(0, 104, 217, .04); }
.feature-options input:checked + span::before { border-color: var(--try-blue); background: var(--try-blue); box-shadow: inset 0 0 0 2px #fff; }

/* Live miniature website */
.preview-panel {
  position: sticky;
  top: 5.9rem;
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.4rem);
  border-radius: 1.45rem;
  background: #e7e7ea;
}
.preview-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: .2rem .25rem 1rem; }
.preview-panel-heading .try-eyebrow { margin-bottom: .35rem; }
.preview-live {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 2rem;
  padding: .35rem .65rem;
  border-radius: 999px;
  color: #4f5054;
  background: rgba(255, 255, 255, .75);
  font-size: .68rem;
  font-weight: 620;
}
.preview-live i { width: .42rem; height: .42rem; border-radius: 50%; background: #28a76f; box-shadow: 0 0 0 .22rem rgba(40, 167, 111, .12); }
.preview-browser {
  overflow: hidden;
  border: 1px solid rgba(29, 29, 31, .16);
  border-radius: 1.05rem;
  background: #fff;
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, .13);
}
.preview-browser-bar {
  display: flex;
  min-height: 2.2rem;
  padding: .55rem .7rem;
  align-items: center;
  gap: .35rem;
  border-bottom: 1px solid rgba(29, 29, 31, .1);
  background: #f7f7f8;
}
.preview-browser-bar > span { width: .48rem; height: .48rem; border-radius: 50%; background: #c8c8cc; }
.preview-browser-bar > div {
  width: min(50%, 15rem);
  margin: 0 auto;
  padding: .28rem .7rem;
  border-radius: .35rem;
  color: #8a8b90;
  background: #ebebed;
  font-size: .54rem;
  text-align: center;
}
.preview-caption { margin: .9rem .25rem .05rem; color: #626368; font-size: .68rem; line-height: 1.45; }

.demo-site {
  --demo-bg: #fff;
  --demo-text: #17181a;
  --demo-muted: #666a70;
  --demo-accent: #086bd8;
  --demo-surface: #f4f6f8;
  --demo-line: rgba(23, 24, 26, .11);
  --demo-radius: .85rem;
  min-height: 31rem;
  padding: clamp(1.1rem, 2.2vw, 2rem);
  color: var(--demo-text);
  background: var(--demo-bg);
  transition: color .24s ease, background .24s ease;
}
.demo-site.is-updating > * { opacity: .72; transform: translateY(2px); }
.demo-site > * { transition: opacity .18s ease, transform .18s ease; }
.demo-site[data-feel="bold"] {
  --demo-bg: #17181b;
  --demo-text: #f8f8fa;
  --demo-muted: #b8bac0;
  --demo-accent: #4a96ff;
  --demo-surface: #24262b;
  --demo-line: rgba(255, 255, 255, .13);
  --demo-radius: .25rem;
}
.demo-site[data-feel="premium"] {
  --demo-bg: #f5f1ea;
  --demo-text: #28231d;
  --demo-muted: #6e675e;
  --demo-accent: #795e3f;
  --demo-surface: #fffaf2;
  --demo-line: rgba(40, 35, 29, .13);
  --demo-radius: .15rem;
}
.demo-site[data-feel="minimal"] {
  --demo-bg: #fff;
  --demo-text: #111;
  --demo-muted: #707070;
  --demo-accent: #111;
  --demo-surface: #fff;
  --demo-line: rgba(0, 0, 0, .16);
  --demo-radius: 0;
}
.demo-site[data-feel="bold"] .demo-module-visual { border-width: 2px; }
.demo-site[data-feel="bold"] .demo-module-copy > b { letter-spacing: .01em; text-transform: uppercase; }
.demo-site[data-feel="premium"] .demo-module-copy > b { font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
.demo-site[data-feel="minimal"] .demo-module-visual { border-right: 0; border-left: 0; }
.demo-nav { display: grid; grid-template-columns: 1fr auto auto; gap: clamp(.75rem, 2vw, 1.5rem); align-items: center; }
.demo-nav strong { font-size: clamp(.72rem, 1.15vw, .95rem); letter-spacing: -.03em; }
.demo-nav > div { display: flex; gap: clamp(.65rem, 1.6vw, 1.25rem); color: var(--demo-muted); font-size: clamp(.48rem, .7vw, .63rem); }
.demo-nav-action {
  padding: .42rem .7rem;
  border-radius: 999px;
  color: #fff;
  background: var(--demo-accent);
  font-size: clamp(.48rem, .72vw, .62rem);
  font-weight: 650;
}
.demo-site[data-feel="minimal"] .demo-nav-action { border: 1px solid var(--demo-text); color: var(--demo-text); background: transparent; }
.demo-hero { padding: clamp(3rem, 7vw, 5.75rem) 0 clamp(2rem, 4vw, 3.25rem); }
.demo-hero > p:first-child {
  margin: 0 0 .75rem;
  color: var(--demo-accent);
  font-size: clamp(.48rem, .72vw, .62rem);
  font-weight: 700;
  letter-spacing: .1em;
}
.demo-hero h3 {
  max-width: 10ch;
  margin: 0 0 1rem;
  color: inherit;
  font-size: clamp(2.2rem, 5vw, 4.45rem);
  font-weight: 620;
  line-height: .95;
  letter-spacing: -.065em;
}
.demo-site[data-feel="bold"] .demo-hero h3 { max-width: 9ch; font-weight: 780; letter-spacing: -.055em; text-transform: uppercase; }
.demo-site[data-feel="premium"] .demo-hero h3 { max-width: 11ch; font-family: Georgia, "Times New Roman", serif; font-weight: 400; line-height: .98; letter-spacing: -.055em; }
.demo-site[data-feel="minimal"] .demo-hero h3 { max-width: 12ch; font-weight: 480; letter-spacing: -.06em; }
.demo-hero > p:not(:first-child) { max-width: 29rem; margin: 0; color: var(--demo-muted); font-size: clamp(.65rem, 1vw, .85rem); line-height: 1.55; }
.demo-actions { display: flex; align-items: center; gap: 1rem; margin-top: 1.25rem; }
.demo-actions > span {
  padding: .55rem .85rem;
  border-radius: 999px;
  color: #fff;
  background: var(--demo-accent);
  font-size: clamp(.52rem, .8vw, .68rem);
  font-weight: 650;
}
.demo-site[data-feel="minimal"] .demo-actions > span { border-radius: 0; }
.demo-actions small { color: var(--demo-accent); font-size: clamp(.52rem, .8vw, .68rem); font-weight: 620; }
.demo-proof {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: .8rem 0;
  border-top: 1px solid var(--demo-line);
  border-bottom: 1px solid var(--demo-line);
  color: var(--demo-muted);
  font-size: clamp(.46rem, .68vw, .58rem);
}
.demo-proof span + span { padding-left: .8rem; border-left: 1px solid var(--demo-line); }
.demo-site.has-many-modules .demo-hero { padding-top: clamp(2.35rem, 4.5vw, 3.75rem); padding-bottom: clamp(1.5rem, 3vw, 2.25rem); }
.demo-modules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; padding-top: 1rem; }
.demo-modules[data-count="1"] { grid-template-columns: minmax(8rem, 12.5rem); }
.demo-modules[data-count="2"] { grid-template-columns: repeat(2, minmax(8rem, 12.5rem)); }
.demo-module {
  display: grid;
  min-width: 0;
  min-height: 8.65rem;
  padding: .55rem;
  border: 1px solid var(--demo-line);
  border-radius: var(--demo-radius);
  grid-template-rows: 4.35rem auto;
  gap: .65rem;
  background: var(--demo-surface);
}
.demo-module-visual {
  position: relative;
  display: flex;
  min-width: 0;
  overflow: hidden;
  padding: .45rem;
  border: 1px solid var(--demo-line);
  border-radius: calc(var(--demo-radius) * .65);
  background: var(--demo-bg);
}
.demo-module-copy { min-width: 0; }
.demo-module-copy > b { display: block; font-size: clamp(.53rem, .72vw, .65rem); line-height: 1.2; }
.demo-module-copy > small { display: block; margin-top: .18rem; color: var(--demo-muted); font-size: clamp(.42rem, .56vw, .51rem); line-height: 1.3; }
.demo-module .mini-action {
  display: flex;
  height: .9rem;
  padding: 0 .35rem;
  border-radius: 99px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--demo-accent);
  font-size: .32rem;
  font-weight: 700;
}
.demo-site[data-feel="minimal"] .demo-module .mini-action { border-radius: 0; }

/* Representative contact form */
.demo-module--contact .demo-module-visual { align-content: start; flex-wrap: wrap; gap: .25rem; }
.mini-field { width: 100%; height: .68rem; border: 1px solid var(--demo-line); border-radius: .16rem; background: var(--demo-surface); }
.mini-field--short { width: calc(100% - 2rem); }
.demo-module--contact .mini-action { width: 1.65rem; }

/* Representative product catalogue */
.demo-module--products .demo-module-visual { gap: .28rem; }
.mini-product { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: .2rem; }
.mini-product i { display: block; width: 100%; flex: 1; border-radius: .15rem; background: color-mix(in srgb, var(--demo-accent) 15%, var(--demo-surface)); }
.mini-product:nth-child(2) i { background: color-mix(in srgb, var(--demo-accent) 28%, var(--demo-surface)); }
.mini-product:nth-child(3) i { background: color-mix(in srgb, var(--demo-accent) 9%, var(--demo-surface)); }
.mini-product b { color: var(--demo-muted); font-size: .3rem; font-weight: 650; }

/* Representative checkout */
.demo-module--payments .demo-module-visual { align-content: start; flex-wrap: wrap; gap: .25rem; }
.mini-total { display: flex; width: 100%; align-items: center; justify-content: space-between; font-size: .33rem; }
.mini-total i { color: var(--demo-muted); font-style: normal; }
.mini-total b { font-size: .38rem; }
.mini-card-number { display: flex; width: 100%; height: .78rem; padding: 0 .3rem; border: 1px solid var(--demo-line); border-radius: .16rem; align-items: center; color: var(--demo-muted); font-size: .3rem; letter-spacing: .04em; }
.demo-module--payments .mini-action { width: 100%; }

/* Representative appointment picker */
.demo-module--booking .demo-module-visual { gap: .35rem; }
.mini-calendar { display: flex; width: 2.15rem; border: 1px solid var(--demo-line); border-radius: .2rem; align-items: center; justify-content: center; flex-direction: column; background: var(--demo-surface); }
.mini-calendar b { color: var(--demo-accent); font-size: .72rem; line-height: 1; }
.mini-calendar i { margin-top: .12rem; color: var(--demo-muted); font-size: .3rem; font-style: normal; }
.mini-times { display: grid; min-width: 0; flex: 1; grid-template-rows: repeat(3, 1fr); gap: .18rem; }
.mini-times i { display: flex; border: 1px solid var(--demo-line); border-radius: .15rem; align-items: center; justify-content: center; color: var(--demo-muted); font-size: .3rem; font-style: normal; }
.mini-times i:first-child { border-color: var(--demo-accent); color: var(--demo-accent); }

/* Representative member login */
.demo-module--login .demo-module-visual { align-items: center; flex-wrap: wrap; gap: .25rem; }
.mini-avatar { width: 1.05rem; height: 1.05rem; border-radius: 50%; background: var(--demo-accent); opacity: .82; }
.mini-login-fields { display: grid; min-width: 2.5rem; flex: 1; gap: .22rem; }
.mini-login-fields i { display: block; height: .38rem; border: 1px solid var(--demo-line); border-radius: .12rem; background: var(--demo-surface); }
.mini-login-button { display: flex; width: 100%; height: .78rem; border-radius: 99px; align-items: center; justify-content: center; color: #fff; background: var(--demo-accent); font-size: .3rem; font-weight: 700; }
.demo-site[data-feel="minimal"] .mini-login-button { border-radius: 0; }

/* Representative article */
.demo-module--news .demo-module-visual { gap: .35rem; }
.mini-article-image { width: 38%; border-radius: .16rem; background: color-mix(in srgb, var(--demo-accent) 20%, var(--demo-surface)); }
.mini-article-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.mini-article-copy i { color: var(--demo-accent); font-size: .25rem; font-style: normal; font-weight: 750; letter-spacing: .08em; }
.mini-article-copy b { width: 100%; height: .24rem; margin-top: .28rem; border-radius: 99px; background: var(--demo-text); opacity: .75; }
.mini-article-copy b:nth-of-type(2) { width: 67%; margin-top: .18rem; opacity: .35; }
.mini-article-copy small { margin-top: auto; color: var(--demo-muted); font-size: .27rem; }

/* Representative custom application */
.demo-module--custom .demo-module-visual { padding: 0; }
.mini-app-rail { display: flex; width: 1.15rem; padding: .38rem .3rem; gap: .28rem; flex-direction: column; background: var(--demo-text); }
.mini-app-rail i { display: block; width: .45rem; height: .14rem; border-radius: 99px; background: var(--demo-bg); opacity: .6; }
.mini-app-rail i:first-child { height: .45rem; margin-bottom: .15rem; border-radius: 50%; background: var(--demo-accent); opacity: 1; }
.mini-app-main { display: flex; min-width: 0; padding: .4rem; flex: 1; flex-direction: column; }
.mini-app-main > b { width: 52%; height: .28rem; border-radius: 99px; background: var(--demo-text); }
.mini-app-main > i { width: 100%; height: .16rem; margin-top: .28rem; border-radius: 99px; background: var(--demo-line); }
.mini-app-main > i:nth-of-type(2) { width: 70%; margin-top: .16rem; }
.mini-app-main small { display: flex; margin-top: auto; gap: .18rem; }
.mini-app-main em { display: block; height: .8rem; border-radius: .12rem; flex: 1; background: color-mix(in srgb, var(--demo-accent) 20%, var(--demo-surface)); }
.demo-modules.is-many .demo-module { min-height: 7.85rem; grid-template-rows: 3.7rem auto; }

.direction-handoff {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin: 0 clamp(1rem, 2.4vw, 2rem) clamp(1rem, 2.4vw, 2rem);
  padding: clamp(1.4rem, 2.7vw, 2.25rem);
  border-radius: 1.35rem;
  color: #f7f7f8;
  background: #1d1d1f;
}
.direction-handoff .try-eyebrow { color: #78b4ff; }
.direction-handoff h2 { margin: 0; color: inherit; font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 610; line-height: 1.08; letter-spacing: -.04em; }
.direction-handoff p:last-child { margin: .65rem 0 0; color: #bfc0c5; font-size: .78rem; line-height: 1.5; }
.try-button {
  display: inline-flex;
  min-height: 46px;
  padding: .72rem 1.2rem;
  border: 0;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  cursor: pointer;
  font-size: .82rem;
  font-weight: 620;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.try-button--primary { color: #fff; background: var(--try-blue); }
.try-button--primary:hover { color: #fff; background: var(--try-blue-dark); transform: translateY(-1px); }
.try-button:focus-visible,
.text-button:focus-visible { outline: 3px solid var(--try-blue); outline-offset: 3px; }

/* Progressive enquiry handoff */
.enquiry-stage { padding: clamp(6.5rem, 10vw, 9rem) 0; border-top: 1px solid var(--try-line); }
.enquiry-stage[hidden] { display: none; }
.enquiry-stage-grid { display: grid; grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.enquiry-context { position: sticky; top: 7rem; }
.enquiry-context h2 { max-width: 10ch; margin: 0 0 1.2rem; font-size: clamp(2.4rem, 4.2vw, 3.9rem); font-weight: 610; line-height: 1.02; letter-spacing: -.05em; }
.enquiry-context > p:not(.try-eyebrow) { max-width: 25rem; margin: 0; color: var(--try-secondary); font-size: .94rem; line-height: 1.62; }
.carried-direction { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.5rem; }
.carried-direction span { padding: .42rem .68rem; border-radius: 999px; color: #3f4146; background: var(--try-soft); font-size: .7rem; font-weight: 580; }
.text-button { min-height: 44px; margin-top: 1.1rem; padding: 0; border: 0; color: var(--try-blue); background: transparent; cursor: pointer; font-size: .8rem; font-weight: 610; }

.enquiry-fields { min-width: 0; }
.enquiry-block { min-width: 0; margin: 0; padding: 0 0 clamp(2.5rem, 5vw, 4rem); border: 0; }
.enquiry-block + .enquiry-block { padding-top: clamp(2.5rem, 5vw, 4rem); border-top: 1px solid var(--try-line); }
.enquiry-block legend { width: 100%; margin: 0 0 1.5rem; padding: 0; color: var(--try-text); font-size: clamp(1.35rem, 2.2vw, 1.75rem); font-weight: 610; line-height: 1.2; letter-spacing: -.03em; }
.enquiry-block legend > span { margin-right: .65rem; color: var(--try-blue); font-size: .7rem; letter-spacing: .06em; }
.enquiry-block legend small { margin-left: .55rem; color: var(--try-secondary); font-size: .62rem; font-weight: 620; letter-spacing: .06em; text-transform: uppercase; }
.enquiry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.35rem 1rem; }
.try-field { min-width: 0; }
.try-field--wide { grid-column: 1 / -1; }
.try-field label,
.field-label { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .55rem; color: var(--try-text); font-size: .78rem; font-weight: 620; }
.try-field label small,
.field-label small { color: #85868b; font-size: .6rem; font-weight: 620; letter-spacing: .05em; text-transform: uppercase; }
.try-field input,
.try-field textarea {
  width: 100%;
  min-height: 48px;
  padding: .8rem .9rem;
  border: 1px solid var(--try-line);
  border-radius: .7rem;
  color: var(--try-text);
  background: var(--try-soft-2);
  font-size: 1rem;
  line-height: 1.45;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.try-field textarea { min-height: 9rem; resize: vertical; }
.try-field input:hover,
.try-field textarea:hover { border-color: rgba(29, 29, 31, .25); }
.try-field input:focus,
.try-field textarea:focus { border-color: var(--try-blue); outline: 0; background: #fff; box-shadow: 0 0 0 3px rgba(0, 104, 217, .13); }
.try-field input::placeholder,
.try-field textarea::placeholder { color: #929398; opacity: 1; }
.field-help { margin: .55rem 0 0; color: var(--try-secondary); font-size: .68rem; line-height: 1.45; }
.field-error { min-height: 1rem; margin: .35rem 0 0; color: #a52a22; font-size: .7rem; line-height: 1.35; }
.try-field [aria-invalid="true"] { border-color: #b43a30; box-shadow: 0 0 0 2px rgba(180, 58, 48, .1); }

.work-type-options { display: flex; flex-wrap: wrap; gap: .5rem; }
.work-type-options label,
.page-options label { position: relative; cursor: pointer; }
.work-type-options span,
.page-options span {
  display: inline-flex;
  min-height: 44px;
  padding: .65rem .85rem;
  border: 1px solid var(--try-line);
  border-radius: 999px;
  align-items: center;
  color: var(--try-secondary);
  background: #fff;
  font-size: .75rem;
  font-weight: 580;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.work-type-options input:checked + span,
.page-options input:checked + span { border-color: var(--try-blue); color: var(--try-blue); background: rgba(0, 104, 217, .055); }
.try-choice-group[data-invalid="true"] .work-type-options { padding: .35rem; border: 1px solid #b43a30; border-radius: 1rem; }
.page-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; }
.page-options span { width: 100%; justify-content: center; }

.enquiry-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.turnstile-check {
  display: grid;
  grid-template-columns: minmax(10rem, 1fr) minmax(18.75rem, auto);
  gap: .75rem 1.5rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--try-line);
  border-radius: .8rem;
  align-items: center;
  background: var(--try-soft-2);
}
.turnstile-heading { margin: 0 0 .25rem; color: var(--try-text); font-size: .8rem; font-weight: 650; }
.turnstile-note { margin: 0; color: var(--try-secondary); font-size: .68rem; line-height: 1.45; }
.turnstile-widget { min-width: 18.75rem; min-height: 65px; border-radius: .25rem; }
.turnstile-widget.has-error { outline: 2px solid rgba(180, 58, 48, .5); outline-offset: 3px; }
.turnstile-widget:focus-visible { outline: 3px solid var(--try-blue); outline-offset: 4px; }
.turnstile-error { grid-column: 1 / -1; min-height: 0; margin: 0; color: #a52a22; font-size: .7rem; line-height: 1.4; }
.turnstile-error:empty { display: none; }

.enquiry-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding-top: clamp(2.25rem, 4vw, 3rem);
  border-top: 1px solid var(--try-line);
}
.enquiry-submit > p { max-width: 19rem; margin: 0; color: var(--try-secondary); font-size: .72rem; line-height: 1.45; text-align: right; }
.form-error-summary,
.form-submission-status,
.form-noscript {
  margin: 0 0 2rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--try-line);
  border-radius: .8rem;
  background: var(--try-soft-2);
}
.form-error-summary { border-color: rgba(165, 42, 34, .35); background: #fff8f7; }
.form-error-summary h3 { margin: 0 0 .5rem; color: #7d211b; font-size: .9rem; }
.form-error-summary ul { margin: 0; padding-left: 1.15rem; }
.form-error-summary a { color: #7d211b; font-size: .75rem; text-decoration: underline; }
.form-submission-status { margin-top: 1.25rem; }
.form-submission-status--progress { border-color: rgba(0, 104, 217, .3); background: rgba(0, 104, 217, .045); }
.form-submission-status--success { border-color: rgba(39, 123, 75, .35); background: #f5fbf7; }
.form-submission-status--error { border-color: rgba(165, 42, 34, .35); background: #fff8f7; }
.form-submission-status strong { display: block; margin-bottom: .25rem; color: var(--try-blue); font-size: .65rem; letter-spacing: .07em; text-transform: uppercase; }
.form-submission-status--success strong { color: #246b40; }
.form-submission-status--error strong { color: #7d211b; }
.form-submission-status p,
.form-noscript { color: var(--try-text); font-size: .8rem; line-height: 1.5; }
.form-submission-status p { margin: 0; }
.form-noscript { margin-top: 1.25rem; border-color: rgba(165, 42, 34, .35); background: #fff8f7; }
.form-noscript a { color: var(--try-blue); text-decoration: underline; }
.form-error-summary:focus-visible,
.form-submission-status:focus-visible { outline: 3px solid var(--try-blue); outline-offset: 4px; }
.try-button[disabled] { cursor: not-allowed; opacity: .62; transform: none; }
#enquiry-title:focus-visible { outline: none; }
#enquiry-title.show-focus-ring:focus { outline: 3px solid var(--try-blue); outline-offset: 4px; }

/* Approved light footer language */
.try-page .try-footer { padding: 3.25rem 0 1.75rem; color: var(--try-secondary); background: var(--try-soft); font-size: .76rem; }
.try-footer-grid { display: grid; grid-template-columns: minmax(15rem, 1.3fr) repeat(2, minmax(7rem, .55fr)) minmax(8rem, .6fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
.try-page .try-footer .footer-brand { margin-bottom: .6rem; color: var(--try-text); font-size: 1.35rem; }
.try-footer-brand p,
.try-footer-meta p { margin: 0; text-align: left; }
.try-footer-links { display: flex; align-items: flex-start; flex-direction: column; }
.try-footer-links a,
.try-footer-meta a { display: inline-flex; min-height: 44px; align-items: center; color: var(--try-text); transition: color .2s ease; }
.try-footer-links a:hover,
.try-footer-meta a:hover { color: var(--try-blue); }
.try-footer-meta { display: flex; align-items: flex-end; flex-direction: column; gap: .35rem; }

@media (max-width: 1024px) {
  .try-studio-grid { grid-template-columns: minmax(18rem, .78fr) minmax(0, 1.22fr); }
  .feel-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .demo-site { min-height: 28rem; }
  .demo-nav > div span:last-child { display: none; }
}

@media (max-width: 820px) {
  .try-intro-grid { grid-template-columns: 1fr; gap: 1.75rem; }
  .try-intro-note { max-width: 32rem; }
  .try-studio-grid { grid-template-columns: 1fr; }
  .preview-panel { position: relative; top: auto; grid-row: 1; }
  .config-panel { grid-row: 2; }
  .demo-site { min-height: 29rem; }
  .config-options--type { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .feature-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .feature-options label:last-child { grid-column: auto; }
  .enquiry-stage-grid { grid-template-columns: 1fr; gap: 3rem; }
  .enquiry-context { position: relative; top: auto; }
  .enquiry-context h2 { max-width: 14ch; }
  .try-footer-grid { grid-template-columns: 1.4fr .6fr .6fr; }
  .try-footer-meta { grid-column: 1 / -1; padding-top: 1.5rem; border-top: 1px solid var(--try-line); align-items: center; flex-direction: row; justify-content: space-between; }
}

@media (max-width: 720px) {
  .try-page .container { width: min(100% - 2rem, 1160px); }
  .try-page .primary-nav { color: var(--try-text); background: rgba(245, 245, 247, .98); }
  .try-page .primary-nav a { font-size: 1.2rem; }
  .try-intro { padding-top: 7rem; }
  .try-studio { border-radius: 1.35rem; }
  .try-stage-rail span { padding: .85rem .75rem; text-align: center; }
  .try-stage-rail b { display: block; margin: 0 0 .25rem; }
  .try-studio-grid { padding: .75rem; }
  .preview-panel { padding: .75rem; border-radius: 1rem; }
  .config-options--type { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-options label:last-child { grid-column: 1 / -1; }
  .direction-handoff { align-items: stretch; flex-direction: column; }
  .direction-handoff .try-button { align-self: flex-start; }
}

@media (max-width: 520px) {
  .try-intro { padding: 6.25rem 0 2rem; }
  .try-intro h1 { max-width: 9ch; font-size: clamp(2.55rem, 12vw, 3.25rem); }
  .try-intro-note { font-size: .9rem; }
  .try-workspace { padding-bottom: 5rem; }
  .preview-panel-heading h2 { font-size: 1.45rem; }
  .preview-live { min-height: 1.85rem; }
  .preview-browser-bar { min-height: 1.8rem; padding: .4rem .5rem; }
  .demo-site { min-height: 22rem; padding: .85rem; }
  .demo-nav { grid-template-columns: 1fr auto; }
  .demo-nav > div { display: none; }
  .demo-hero { padding: 2.5rem 0 1.75rem; }
  .demo-hero h3 { font-size: clamp(2.25rem, 12vw, 3.1rem); }
  .demo-hero > p:not(:first-child) { max-width: 24rem; font-size: .66rem; }
  .demo-proof { gap: .45rem; }
  .demo-proof span + span { padding-left: .45rem; }
  .demo-modules { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; }
  .demo-modules[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
  .demo-module { min-height: 7.7rem; }
  .demo-modules.is-many .demo-module { min-height: 7.25rem; grid-template-rows: 3.35rem auto; }
  .preview-caption { font-size: .62rem; }
  .direction-handoff { margin: 0 .75rem .75rem; padding: 1.35rem; }
  .direction-handoff .try-button { width: 100%; }
  .enquiry-stage { padding: 5.25rem 0; }
  .enquiry-context h2 { max-width: 10ch; font-size: 2.55rem; }
  .enquiry-grid { grid-template-columns: 1fr; }
  .try-field--wide { grid-column: auto; }
  .page-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .enquiry-block legend small { display: block; margin: .45rem 0 0 1.55rem; }
  .turnstile-check { grid-template-columns: minmax(0, 1fr); }
  .turnstile-widget { min-width: 0; width: 100%; }
  .enquiry-submit { align-items: stretch; flex-direction: column; }
  .enquiry-submit .try-button { width: 100%; }
  .enquiry-submit > p { max-width: none; text-align: left; }
  .try-footer-grid { grid-template-columns: 1fr 1fr; }
  .try-footer-brand { grid-column: 1 / -1; }
  .try-footer-meta { grid-column: 1 / -1; }
}

@media (max-width: 340px) {
  .try-stage-rail { font-size: .62rem; }
  .config-options--type,
  .feature-options { grid-template-columns: 1fr; }
  .feature-options label:last-child { grid-column: auto; }
  .demo-site { min-height: 20.5rem; }
  .demo-hero h3 { font-size: 2.15rem; }
  .demo-hero > p:not(:first-child) { display: none; }
  .demo-actions { margin-top: 1rem; }
  .demo-proof span:last-child { display: none; }
  .demo-proof { grid-template-columns: repeat(2, 1fr); }
  .demo-modules { grid-template-columns: repeat(2, 1fr); }
  .demo-modules[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
  .try-footer-grid { grid-template-columns: 1fr; }
  .try-footer-brand,
  .try-footer-meta { grid-column: auto; }
  .try-footer-meta { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .try-page *,
  .try-page *::before,
  .try-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
  .try-page .try-button:hover,
  .try-page .demo-site.is-updating > * { transform: none; }
}