/* Interior pages only. The approved homepage retains its own composition. */
body.refined:not([data-route=""]) {
  --section-space: 64px;
  --gutter: max(24px, calc((100vw - 1200px) / 2));
}
body.refined:not([data-route=""]) #main h1 {
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1.14;
  letter-spacing: -.025em;
}
body.refined:not([data-route=""]) #main h2 {
  font-size: clamp(29px, 2.75vw, 38px);
  line-height: 1.2;
  margin: 0 0 24px;
  letter-spacing: -.022em;
}
body.refined:not([data-route=""]) #main h3 {
  font: 600 22px/1.32 var(--sans);
  letter-spacing: -.018em;
  margin: 0 0 14px;
}
body.refined:not([data-route=""]) #main p { line-height: 1.65; }
body.refined:not([data-route=""]) #main .page-intro {
  padding-block: 52px;
  border-bottom: 1px solid var(--line);
}
body.refined:not([data-route=""]) #main .page-intro h1 { margin-bottom: 22px; }
body.refined:not([data-route=""]) #main .page-intro .lead {
  font-size: 20px;
  max-width: 68ch;
}
body.refined:not([data-route=""]) #main .detail-top > div:first-child {
  padding: 44px var(--gutter) 32px;
}
body.refined:not([data-route=""]) #main .detail-top h1 {
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1.14;
  max-width: 960px;
}
body.refined:not([data-route=""]) #main .detail-top > div:first-child > p:not(.eyebrow) {
  font-size: 19px;
  max-width: 68ch;
  margin-bottom: 22px;
}
body.refined:not([data-route=""]) #main .product-breadcrumb {
  padding-block: 16px;
  font-size: 14px;
}
body.refined:not([data-route=""]) #main .detail-section > p,
body.refined:not([data-route=""]) #main .content-section > p {
  max-width: 72ch;
}
body.refined:not([data-route=""]) #main .content-section > :last-child,
body.refined:not([data-route=""]) #main .detail-section > :last-child {
  margin-bottom: 0;
}
body.refined:not([data-route=""]) #main .content-section + .content-section {
  padding-top: 44px;
  border-top: 1px solid var(--line);
}
/* Product chapters share the film edge and a clear, compact reading rhythm. */
body.refined:not([data-route=""]) #main .product-chapter { padding: 24px 0 44px; }
body.refined:not([data-route=""]) #main .scene-copy {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 48px;
  padding-block: 28px;
}
body.refined:not([data-route=""]) #main .scene-copy h2 { margin: 0; max-width: 570px; }
body.refined:not([data-route=""]) #main .scene-copy > p { margin: 0; max-width: 52ch; }
body.refined:not([data-route=""]) #main .product-chapter-action {
  gap: 28px;
  padding-top: 20px;
  border: 0;
}
body.refined:not([data-route=""]) #main .product-chapter-action > p { margin: 0; }
body.refined:not([data-route=""]) #main .other-products {
  margin: 0;
  padding: 48px var(--gutter);
  gap: 40px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
body.refined:not([data-route=""]) #main .other-products > a,
body.refined:not([data-route=""]) #main .other-products > a + a {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 6px;
}
body.refined:not([data-route=""]) #main .other-products h2 { font-size: 30px; margin-bottom: 18px; }
body.refined:not([data-route=""]) #main .other-products p:not(.eyebrow) { font-size: 17px; }
body.refined:not([data-route=""]) #main .other-products > a:only-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 40px;
}
body.refined:not([data-route=""]) #main .other-products > a:only-child > .eyebrow { grid-column: 1 / -1; }
body.refined:not([data-route=""]) #main .other-products > a:only-child > .route-action { grid-column: 2; justify-self: start; }
body.refined:not([data-route=""]) #main .feature-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 32px 0 0;
  border: 0;
}
body.refined:not([data-route=""]) #main .feature-list li {
  padding: 24px 0 0;
  border: 0;
  border-top: 1px solid var(--line);
  background: none;
}
body.refined:not([data-route=""]) #main .feature-list h3 { font-size: 21px; }
body.refined:not([data-route=""]) #main .feature-list p { font-size: 17px; }
/* Remove the legacy checkerboard layout: these are four direct children. */
body.refined:not([data-route=""]) #main .v13-detail-proof {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px 56px;
  align-items: center;
  background: var(--pale);
}
body.refined:not([data-route=""]) #main .v13-detail-proof > .eyebrow {
  grid-column: 1;
  margin: 0;
}
body.refined:not([data-route=""]) #main .v13-detail-proof > h2 { grid-column: 1; margin: 0; }
body.refined:not([data-route=""]) #main .v13-detail-proof > p:not(.eyebrow) {
  grid-column: 1;
  margin: 0;
}
body.refined:not([data-route=""]) #main .v13-detail-proof > .button {
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: center;
}
/* Examples stay substantial, without inherited minimum-height blank panels. */
body.refined:not([data-route=""]) #main .handover-team > .section-header,
body.refined:not([data-route=""]) #main .handover-vraag > .section-header {
  max-width: 780px;
  margin-bottom: 28px;
}
body.refined:not([data-route=""]) #main .handover-team .role-grid { gap: 12px; }
body.refined:not([data-route=""]) #main .handover-team .role-grid button {
  min-height: 108px;
  padding: 18px 20px;
}
body.refined:not([data-route=""]) #main .work-step,
body.refined:not([data-route=""]) #main .demo-panel {
  min-height: 0;
  padding: 32px;
}
body.refined:not([data-route=""]) #main .work-step h3,
body.refined:not([data-route=""]) #main .demo-panel h3 { font-size: 25px; margin: 16px 0 24px; }
body.refined:not([data-route=""]) #main .work-step > :last-child,
body.refined:not([data-route=""]) #main .demo-panel > :last-child { margin-bottom: 0; }
body.refined:not([data-route=""]) #main .chain-list {
  gap: 48px;
  margin-top: 32px;
}
body.refined:not([data-route=""]) #main .chain-list > article,
body.refined:not([data-route=""]) #main .chain-list > div { min-width: 0; }
body.refined:not([data-route=""]) #main .chain-list h3 { font-size: 22px; }
body.refined:not([data-route=""]) #main .foundation-grid { gap: 32px; margin-top: 28px; }
body.refined:not([data-route=""]) #main .foundation-grid h3 { margin-top: 12px; }
body.refined:not([data-route=""]) #main .handover-vraag .demo-grid {
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 32px;
}
body.refined:not([data-route=""]) #main .demo-guide h3 { font-size: 20px; }
/* Pricing belongs together; retain distinct one-off and monthly figures. */
body.refined:not([data-route=""]) #main .price-panel {
  padding: 32px;
  gap: 40px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--pale);
  align-items: start;
}
body.refined:not([data-route=""]) #main .price-big {
  font: 700 clamp(32px, 3vw, 44px)/1.15 var(--serif);
  margin: 0 0 16px;
}
body.refined:not([data-route=""]) #main .price-sub { font-size: 19px; margin-bottom: 14px; }
body.refined:not([data-route=""]) #main .price-note { font-size: 14px; line-height: 1.6; }
body.refined:not([data-route=""]) #main .discovery-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr);
  gap: 48px;
  align-items: start;
}
body.refined:not([data-route=""]) #main .discovery-price { display: block; border-top: 3px solid var(--cyan); }
body.refined:not([data-route=""]) #main .discovery-price .price-big { font-size: 56px; }
body.refined:not([data-route=""]) #main .discovery-price .form-note { margin: 18px 0 0; }
body.refined:not([data-route=""]) #main .plain-list { padding-left: 22px; }
body.refined:not([data-route=""]) #main .plain-list li { padding-block: 6px; }
body.refined:not([data-route=""]) #main .process {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 32px 0 24px;
  gap: 32px;
}
body.refined:not([data-route=""]) #main .process li { padding-top: 22px; border-color: var(--line); }
body.refined:not([data-route=""]) #main .process h3 { margin: 0 0 14px; font-size: 22px; }
body.refined:not([data-route=""]) #main .process p { font-size: 17px; }
/* Method and organisation pages use the same grid, not stacked oversized bands. */
body.refined:not([data-route=""]) #main .v15-commercial { background: #fff; }
body.refined:not([data-route=""]) #main .v15-commercial-head {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
  margin-bottom: 36px;
  align-items: start;
}
body.refined:not([data-route=""]) #main .v15-commercial-head h2 { margin: 0; }
body.refined:not([data-route=""]) #main .v15-commercial-head > p { font-size: 18px; }
body.refined:not([data-route=""]) #main .v15-commercial-steps { gap: 32px; border: 0; }
body.refined:not([data-route=""]) #main .v15-commercial-step,
body.refined:not([data-route=""]) #main .v15-commercial-step + .v15-commercial-step {
  min-height: 0;
  padding: 26px 0 0;
  border: 0;
  border-top: 1px solid var(--line);
}
body.refined:not([data-route=""]) #main .v15-commercial-step::before,
body.refined:not([data-route=""]) #main .v15-commercial-step + .v15-commercial-step::before {
  left: 0;
  width: 36px;
  height: 3px;
  top: -2px;
}
body.refined:not([data-route=""]) #main .v15-commercial-step h3 { font-size: 22px; }
body.refined:not([data-route=""]) #main .v15-commercial-step strong { padding-top: 12px; }
body.refined:not([data-route=""]) #main .context-grid { gap: 28px 40px; margin-top: 28px; }
body.refined:not([data-route=""]) #main .context-grid article { padding-top: 22px; border-color: var(--line); }
body.refined:not([data-route=""]) #main .context-grid h3 { margin: 0 0 12px; }
body.refined:not([data-route=""]) #main .organisation-start,
body.refined:not([data-route=""]) #main .product-next { gap: 48px; }
body.refined:not([data-route=""]) #main .organisation-example {
  padding: 28px;
  border: 1px solid var(--line);
  border-top: 3px solid var(--cyan);
  border-radius: 6px;
}
body.refined:not([data-route=""]) #main .organisation-example > :last-child { margin-bottom: 0; }
body.refined:not([data-route=""]) #main .scope-grid { gap: 28px; margin-top: 32px; align-items: stretch; }
body.refined:not([data-route=""]) #main .scope-grid article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 28px;
  border-radius: 6px;
}
body.refined:not([data-route=""]) #main .scope-grid article > .button { margin-top: auto; }
body.refined:not([data-route=""]) #main > .faq {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 56px;
  border-top: 1px solid var(--line);
}
body.refined:not([data-route=""]) #main > .faq > div + div { max-width: none; margin-top: 0; }
body.refined:not([data-route=""]) #main .faq details { padding-inline: 18px; }
body.refined:not([data-route=""]) #main .faq summary { padding-block: 21px; font-size: 18px; line-height: 1.45; }
body.refined:not([data-route=""]) #main .faq details > p { padding-bottom: 22px; font-size: 16px; }
body.refined:not([data-route=""]) #main .v13-trust { padding-block: 52px; border-top: 1px solid var(--line); }
body.refined:not([data-route=""]) #main .v13-trust h2 { font-size: clamp(28px, 2.5vw, 34px); margin-bottom: 28px; }
body.refined:not([data-route=""]) #main .v13-trust-grid { gap: 32px; }
body.refined:not([data-route=""]) #main .v13-trust-grid h3 { font-size: 20px; margin-bottom: 12px; }
body.refined:not([data-route=""]) #main .organisation-scope + .v13-trust { background: #fff; }
body.refined:not([data-route=""]) #main .personal-invitation { padding-block: 52px; gap: 48px; }
body.refined:not([data-route=""]) #main .personal-invitation h2 { font-size: 34px; margin-bottom: 18px; }
body.refined:not([data-route=""]) #main .personal-invitation p:last-child { margin-bottom: 0; }
body.refined:not([data-route=""]) #main .founder-story { align-items: center; gap: 48px; }
body.refined:not([data-route=""]) #main .contact-human { gap: 48px; }
body.refined:not([data-route=""]) #main .people-pair { gap: 20px; }
body.refined:not([data-route=""]) #main .people-pair .portrait-crop { aspect-ratio: 4 / 5; }
body.refined:not([data-route=""]) #main .people-pair img { aspect-ratio: 4 / 5; }
body.refined:not([data-route=""]) #main .founder-principles .context-grid { gap: 32px; }
body.refined:not([data-route=""]) #main .contact-options { margin: 22px 0; }
body.refined:not([data-route=""]) #main .contact-options a { padding-block: 20px; }
body.refined:not([data-route=""]) #main .contact-signoff { margin-top: 26px !important; }
body.refined:not([data-route=""]) #main .eef-demo {
  width: calc(100% - 2 * var(--gutter));
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--cyan);
  border-radius: 6px;
  background: #fff;
}
body.refined:not([data-route=""]) #main .eef-demo h3 { font: 600 32px/1.25 var(--serif); }
body.refined:not([data-route=""]) #main .eef-demo p:last-child { margin-bottom: 0; }
body.refined:not([data-route=""]) #main .glass-demo { padding: 28px; gap: 32px; border-radius: 6px; }
body.refined:not([data-route=""]) #main .glass-result h3 { font-size: 24px; }

@media (max-width: 1000px) {
  body.refined:not([data-route=""]) #main .scene-copy,
  body.refined:not([data-route=""]) #main .founder-story,
  body.refined:not([data-route=""]) #main .contact-human,
  body.refined:not([data-route=""]) #main .organisation-start,
  body.refined:not([data-route=""]) #main .discovery-grid { gap: 32px; }
  body.refined:not([data-route=""]) #main > .faq { grid-template-columns: 1fr; gap: 28px; }
  body.refined:not([data-route=""]) #main .v13-detail-proof { gap: 16px 28px; }
}
@media (max-width: 700px) {
  body.refined:not([data-route=""]) { --section-space: 44px; --gutter: 24px; }
  body.refined:not([data-route=""]) #main h1,
  body.refined:not([data-route=""]) #main .detail-top h1 { font-size: 35px; }
  body.refined:not([data-route=""]) #main h2 { font-size: 29px; margin-bottom: 20px; }
  body.refined:not([data-route=""]) #main h3 { font-size: 21px; }
  body.refined:not([data-route=""]) #main .page-intro { padding-block: 36px; }
  body.refined:not([data-route=""]) #main .page-intro .lead,
  body.refined:not([data-route=""]) #main .detail-top > div:first-child > p:not(.eyebrow) { font-size: 18px; }
  body.refined:not([data-route=""]) #main .detail-top > div:first-child { padding-block: 32px 28px; }
  body.refined:not([data-route=""]) #main .product-breadcrumb { font-size: 13px; gap: 8px; }
  body.refined:not([data-route=""]) #main .content-section + .content-section { padding-top: 36px; }
  body.refined:not([data-route=""]) #main .product-chapter { padding: 8px 0 32px; }
  body.refined:not([data-route=""]) #main .scene-copy { display: block; padding-block: 28px 24px; }
  body.refined:not([data-route=""]) #main .scene-copy h2 { margin-bottom: 16px; }
  body.refined:not([data-route=""]) #main .scene-copy > p { font-size: 17px; }
  body.refined:not([data-route=""]) #main .product-chapter-action > p { margin-bottom: 18px; }
  body.refined:not([data-route=""]) #main .other-products { display: grid; grid-template-columns: 1fr; gap: 20px; padding-block: 36px; }
  body.refined:not([data-route=""]) #main .other-products > a,
  body.refined:not([data-route=""]) #main .other-products > a + a { padding: 24px; }
  body.refined:not([data-route=""]) #main .other-products h2 { font-size: 27px; }
  body.refined:not([data-route=""]) #main .other-products > a:only-child { display: block; }
  body.refined:not([data-route=""]) #main .feature-list { grid-template-columns: 1fr; gap: 22px; margin-top: 24px; }
  body.refined:not([data-route=""]) #main .feature-list li { padding-top: 22px; }
  body.refined:not([data-route=""]) #main .v13-detail-proof { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
  body.refined:not([data-route=""]) #main .v13-detail-proof > .button { align-self: stretch; margin-top: 4px; }
  body.refined:not([data-route=""]) #main .handover-vraag .demo-grid { grid-template-columns: 1fr; gap: 24px; }
  body.refined:not([data-route=""]) #main .handover-team .role-grid button { min-height: 112px; padding: 14px; }
  body.refined:not([data-route=""]) #main .work-step,
  body.refined:not([data-route=""]) #main .demo-panel { padding: 24px 18px; }
  body.refined:not([data-route=""]) #main .work-step h3,
  body.refined:not([data-route=""]) #main .demo-panel h3 { font-size: 23px; }
  body.refined:not([data-route=""]) #main .chain-list { gap: 28px; margin-top: 24px; }
  body.refined:not([data-route=""]) #main .foundation-grid { gap: 24px; }
  body.refined:not([data-route=""]) #main .price-panel { grid-template-columns: 1fr; padding: 24px; gap: 24px; }
  body.refined:not([data-route=""]) #main .price-big { font-size: 34px; }
  body.refined:not([data-route=""]) #main .discovery-price .price-big { font-size: 48px; }
  body.refined:not([data-route=""]) #main .discovery-grid,
  body.refined:not([data-route=""]) #main .v15-commercial-head { grid-template-columns: 1fr; gap: 28px; }
  body.refined:not([data-route=""]) #main .process { grid-template-columns: 1fr; margin-top: 28px; gap: 24px; }
  body.refined:not([data-route=""]) #main .v15-commercial-head { margin-bottom: 32px; }
  body.refined:not([data-route=""]) #main .v15-commercial-steps { gap: 28px; }
  body.refined:not([data-route=""]) #main .context-grid { gap: 24px; }
  body.refined:not([data-route=""]) #main .organisation-example,
  body.refined:not([data-route=""]) #main .scope-grid article { padding: 24px; }
  body.refined:not([data-route=""]) #main .scope-grid { gap: 20px; margin-top: 28px; }
  body.refined:not([data-route=""]) #main .v13-trust,
  body.refined:not([data-route=""]) #main .personal-invitation { padding-block: 40px; }
  body.refined:not([data-route=""]) #main .v13-trust h2,
  body.refined:not([data-route=""]) #main .personal-invitation h2 { font-size: 29px; }
  body.refined:not([data-route=""]) #main .v13-trust-grid { gap: 24px; }
  body.refined:not([data-route=""]) #main .personal-invitation { gap: 24px; }
  body.refined:not([data-route=""]) #main .founder-story,
  body.refined:not([data-route=""]) #main .contact-human { gap: 28px; }
  body.refined:not([data-route=""]) #main .people-pair { gap: 12px; }
  body.refined:not([data-route=""]) #main .eef-demo { padding: 24px; }
  body.refined:not([data-route=""]) #main .eef-demo h3 { font-size: 28px; }
  body.refined:not([data-route=""]) #main .glass-demo { padding: 20px; gap: 24px; }
}