/* RestoDigi Company — shared components and eighteen presentation layouts. */
:root {
  --rd-bg: #f6f2e9;
  --rd-surface: #fffdf8;
  --rd-soft: #e8ebdd;
  --rd-ink: #172b20;
  --rd-muted: #536152;
  --rd-accent: #294c35;
  --rd-on-accent: #fff;
  --rd-border: #cdd3c5;
  --rd-heading-font: Georgia, "Times New Roman", serif;
  --rd-body-font: "Aptos", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --rd-radius: 14px;
  --rd-container-width: 1240px;
  --rd-gutter: clamp(20px, 4.3vw, 64px);
  --rd-header-height: 88px;
  --rd-section-space: clamp(64px, 7.2vw, 110px);
  --rd-inverse: #193426;
  --rd-inverse-ink: #fff9ed;
  --rd-inverse-muted: #d5decf;
  --rd-inverse-border: #536451;
  --rd-inverse-accent: #e6edda;
  --rd-inverse-on-accent: #183323;
  --rd-shadow: 0 18px 45px rgb(25 32 23 / 9%);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--rd-header-height) + 20px); }
body { margin: 0; background: var(--rd-bg); color: var(--rd-ink); font-family: var(--rd-body-font); font-size: 16px; line-height: 1.65; overflow-wrap: break-word; }
img, video { display: block; max-width: 100%; height: auto; }
svg { flex: none; vertical-align: middle; }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
input, textarea, select { max-width: 100%; }
a { color: inherit; text-underline-offset: .2em; }
button:disabled { cursor: default; }
[hidden] { display: none !important; }
::selection { background: var(--rd-accent); color: var(--rd-on-accent); }
:focus-visible { outline: 3px solid var(--rd-ink); outline-offset: 4px; }
img[width][height] { height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .65em; font-family: var(--rd-heading-font); font-weight: 500; line-height: 1.14; letter-spacing: -.025em; text-wrap: balance; }
p { margin: 0 0 1.1em; }
ul, ol { padding-inline-start: 1.4em; }
h1 { font-size: clamp(2.7rem, 5.1vw, 5.25rem); }
h2 { font-size: clamp(2rem, 3.2vw, 3.25rem); }
h3 { font-size: clamp(1.3rem, 1.8vw, 1.7rem); }
.rd-container { width: min(calc(100% - var(--rd-gutter) * 2), var(--rd-container-width)); margin-inline: auto; }
.rd-section { padding-block: var(--rd-section-space); scroll-margin-top: 22px; }
.rd-title { margin-bottom: .4em; }
.rd-eyebrow { margin-bottom: 1.1rem; color: var(--rd-muted); font-size: .72rem; font-weight: 750; letter-spacing: .15em; line-height: 1.6; text-transform: uppercase; }
.rd-lead { color: var(--rd-muted); font-size: clamp(1rem, 1.35vw, 1.15rem); line-height: 1.75; }
.rd-section-head { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 38px; }
.rd-section-head > div { max-width: 720px; }
.rd-section-head > .rd-lead { flex: 0 1 360px; margin-bottom: .45em; }
.rd-section-head .rd-title { margin-bottom: 0; }
.rd-section-head .rd-eyebrow { margin-bottom: .75rem; }
.rd-section-action { margin-top: 35px; text-align: center; }
.rd-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; padding: 12px 22px; border: 1px solid var(--rd-accent); border-radius: calc(var(--rd-radius) * .55); background: var(--rd-accent); color: var(--rd-on-accent); font-size: .9rem; font-weight: 650; line-height: 1.4; text-align: center; text-decoration: none; transition: background-color .18s, color .18s, box-shadow .18s, transform .18s; }
.rd-button svg { width: 17px; height: 17px; }
.rd-button:hover { box-shadow: 0 5px 14px rgb(0 0 0 / 14%); transform: translateY(-1px); }
.rd-button--outline { background: transparent; color: var(--rd-ink); border-color: var(--rd-border); }
.rd-button--outline:hover { background: var(--rd-soft); }
.rd-button--small { min-height: 42px; padding: 10px 14px; font-size: .79rem; }
.rd-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.screen-reader-text, .rd-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.rd-skip-link { position: fixed; z-index: 10001; inset: 12px auto auto 12px; padding: 12px 20px; border: 2px solid currentColor; border-radius: 5px; background: #fff; color: #111; font-weight: 700; transform: translateY(-180%); }
.rd-skip-link:focus { transform: none; }

/* Header. Without JavaScript the navigation stays visible at every width. */
.rd-header { position: relative; z-index: 50; border-bottom: 1px solid var(--rd-border); background: var(--rd-bg); }
.rd-header-inner { min-height: 88px; display: flex; align-items: center; gap: 30px; }
.rd-brand { display: inline-flex; flex: none; align-items: center; gap: 9px; color: inherit; font-family: var(--rd-body-font); font-size: 1.45rem; font-weight: 750; line-height: 1.1; letter-spacing: -.045em; text-decoration: none; }
.rd-brand svg { width: 30px; height: 30px; }
.rd-brand .custom-logo, .custom-logo-link img { max-width: 175px; max-height: 46px; width: auto; height: auto; }
.rd-nav { min-width: 0; margin-inline-start: auto; }
.rd-menu, .rd-nav > ul { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 22px; padding: 0; margin: 0; list-style: none; }
.rd-menu li, .rd-nav > ul > li { position: relative; list-style: none; }
.rd-nav a { display: block; padding-block: 10px; color: inherit; font-size: .83rem; font-weight: 550; text-decoration: none; }
.rd-nav a:hover, .rd-nav .current-menu-item > a { text-decoration: underline; text-underline-offset: 7px; }
.rd-nav .sub-menu { position: absolute; z-index: 60; display: none; min-width: 200px; max-width: 280px; inset-inline-start: -15px; top: 100%; margin: 0; padding: 10px 16px; border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-bg); color: var(--rd-ink); box-shadow: var(--rd-shadow); list-style: none; }
.rd-nav li:hover > .sub-menu, .rd-nav li:focus-within > .sub-menu { display: block; }
.rd-header-contact { flex: none; min-height: 42px; padding: 10px 17px; font-size: .8rem; }
.rd-nav-toggle { display: none; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 9px 12px; border: 1px solid var(--rd-border); border-radius: 6px; background: transparent; color: inherit; font-size: .8rem; }
.rd-nav-toggle i { position: relative; display: block; width: 18px; height: 2px; background: currentColor; }
.rd-nav-toggle i::before, .rd-nav-toggle i::after { position: absolute; content: ""; left: 0; width: 18px; height: 2px; background: currentColor; transition: transform .15s; }
.rd-nav-toggle i::before { top: -6px; }
.rd-nav-toggle i::after { top: 6px; }
.rd-nav-toggle[aria-expanded="true"] i { background: transparent; }
.rd-nav-toggle[aria-expanded="true"] i::before { top: 0; transform: rotate(45deg); }
.rd-nav-toggle[aria-expanded="true"] i::after { top: 0; transform: rotate(-45deg); }

/* Hero and product artwork. */
.rd-hero { position: relative; isolation: isolate; overflow-x: clip; padding-block: clamp(54px, 6.5vw, 100px); }
.rd-hero-grid { display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); align-items: center; gap: clamp(30px, 4.7vw, 74px); }
.rd-hero-copy, .rd-hero-art { min-width: 0; }
.rd-hero-copy h1 { max-width: 12ch; margin-bottom: .35em; }
.rd-hero-copy .rd-lead { max-width: 36em; }
.rd-hero-note { margin-top: 20px; margin-bottom: 0; color: var(--rd-muted); font-size: .76rem; }
.rd-hero-art { position: relative; padding: 22px 0 90px; }
.rd-hero-art::before { position: absolute; z-index: -1; content: ""; inset: 0 0 50px 12%; background: var(--rd-soft); border-radius: 42% 42% 5% 5%; }
.rd-hero-art > .rd-browser { width: 93%; position: relative; z-index: 1; }
.rd-hero-art > .rd-device { position: absolute; right: -1%; bottom: 45px; width: 68%; z-index: 2; transform: rotate(-3deg); }
.rd-hero-art-caption { position: absolute; inset: auto 0 0; color: var(--rd-muted); font-size: .68rem; text-align: center; }
.rd-custom-product-image { width: 100%; max-height: 620px; object-fit: contain; }
.rd-browser { position: relative; overflow: hidden; min-width: 0; border: 1px solid #c6c6c1; border-radius: 10px; background: #fff; box-shadow: 0 18px 42px rgb(0 0 0 / 18%); color: #252822; font-family: Arial, sans-serif; }
.rd-browser-bar { display: flex; align-items: center; gap: 14px; height: 25px; padding: 0 10px; background: #eceeea; border-bottom: 1px solid #d6d8d1; }
.rd-browser-dots { display: flex; flex: none; gap: 4px; }
.rd-browser-dots i, .rd-browser-dots span { display: block; width: 5px; height: 5px; border-radius: 50%; background: #b5b7af; }
.rd-browser-dots i:first-child { background: #d58273; }
.rd-browser-dots i:nth-child(2) { background: #d3bc7c; }
.rd-browser-dots i:nth-child(3) { background: #9cb88b; }
.rd-browser-address { max-width: 65%; overflow: hidden; flex: 1; padding: 2px 12px; border-radius: 3px; background: #fff; color: #656960; font-size: 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.rd-browser-screen { position: relative; min-width: 0; aspect-ratio: 1.47; background: #262c26; }
.rd-browser-nav { position: absolute; z-index: 2; inset: 0 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 34px; padding: 8px 6%; background: #fffaf1; color: #3e362b; font-size: 6px; }
.rd-browser-nav strong, .rd-browser-nav b { font-family: Georgia, serif; font-size: 11px; }
.rd-browser-nav span { font-size: 6px; word-spacing: 8px; }
.rd-browser-photo { width: 100%; height: 100% !important; position: absolute; inset: 0; object-fit: cover; }
.rd-browser-screen::after { position: absolute; z-index: 0; content: ""; inset: 0; background: linear-gradient(90deg, rgb(15 21 16 / 75%), rgb(15 21 16 / 10%)); }
.rd-browser-caption { position: absolute; z-index: 1; inset: 35% 9% auto; max-width: 73%; color: #fff8e8; font-family: Georgia, serif; line-height: 1.15; }
.rd-browser-caption small { display: block; margin-bottom: 10px; font-family: Arial, sans-serif; font-size: clamp(5px, .55vw, 8px); font-weight: 600; letter-spacing: .16em; }
.rd-browser-caption strong, .rd-browser-caption h3 { display: block; margin: 0 0 12px; font-size: clamp(16px, 2.4vw, 35px); font-weight: 400; }
.rd-browser-caption span { display: inline-block; padding: 6px 10px; border: 1px solid #e5d8b5; border-radius: 2px; color: #fff8e8; font-family: Arial, sans-serif; font-size: 6px; }
.rd-device { position: relative; min-width: 0; padding: 9px; border: 2px solid #535954; border-radius: 18px; background: #202521; box-shadow: 0 17px 35px rgb(0 0 0 / 22%); color: #203c31; font-family: Arial, sans-serif; line-height: 1.35; }
.rd-device::after { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #747e74; inset: 3px auto auto calc(50% - 2px); }
.rd-device-topbar { display: flex; justify-content: space-between; gap: 8px; align-items: center; min-height: 27px; padding: 6px 10px; border-radius: 8px 8px 0 0; background: #fff; color: #234c3b; font-size: 9px; }
.rd-device-topbar strong { font-size: 12px; }
.rd-device-topbar span { font-size: 7px; color: #607164; }
.rd-pos-ui { display: grid; grid-template-columns: 15% minmax(0, 1fr) 27%; min-width: 0; min-height: 210px; overflow: hidden; border-radius: 0 0 8px 8px; background: #f4f5ef; color: #233b2c; }
.rd-pos-ui > * { min-width: 0; }
.rd-pos-sidebar { display: flex; flex-direction: column; gap: 6px; padding: 11px 7px; background: #e2e9dc; color: #304332; }
.rd-pos-sidebar span, .rd-pos-sidebar b { display: block; padding: 5px 3px; font-size: 7px; font-weight: 500; }
.rd-pos-sidebar span:first-child, .rd-pos-sidebar b:first-child { border-radius: 4px; background: #fff; font-weight: 700; }
.rd-pos-menu { padding: 11px 10px; }
.rd-pos-menu > strong { display: block; margin-bottom: 9px; font-size: 10px; }
.rd-pos-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.rd-pos-product { min-width: 0; overflow: hidden; border: 1px solid #e0e6db; border-radius: 5px; background: #fff; }
.rd-pos-product img { width: 100%; aspect-ratio: 1.38; height: auto; object-fit: cover; }
.rd-pos-product > span, .rd-pos-product > b { display: block; padding: 5px 4px; font-size: 6px; line-height: 1.25; }
.rd-pos-product > i { display: block; height: 28px; margin: 4px; border-radius: 3px; background: #d2ddc4; }
.rd-pos-tables { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; font-size: 6px; }
.rd-pos-tables span { padding: 5px 7px; border: 1px solid #ccd8c5; border-radius: 3px; background: #e4ecdd; }
.rd-pos-order { display: flex; flex-direction: column; gap: 7px; padding: 11px 8px; border-left: 1px solid #dce4d5; background: #fff; font-size: 7px; }
.rd-pos-order > strong { font-size: 9px; }
.rd-pos-order > span { display: block; padding-bottom: 7px; border-bottom: 1px solid #e4e8de; }
.rd-pos-order > b { margin-top: auto; font-size: 8px; }
.rd-pos-send { display: block; padding: 7px 3px; border-radius: 3px; background: #28563d; color: #fff; text-align: center; font-size: 6px; font-weight: 700; }
.rd-phone { position: relative; width: 25%; min-width: 92px; padding: 7px; border: 2px solid #4a514b; border-radius: 22px; background: #202621; box-shadow: 0 15px 30px rgb(0 0 0 / 25%); color: #263c2f; font-family: Arial, sans-serif; }
.rd-phone-top { height: 15px; border-radius: 13px 13px 0 0; background: #fff; }
.rd-phone-top::before { content: ""; display: block; width: 32%; height: 6px; margin: 0 auto; border-radius: 0 0 5px 5px; background: #202621; }
.rd-phone-content { min-height: 180px; padding: 10px 7px 16px; border-radius: 0 0 14px 14px; background: #f5f7f0; font-size: 6px; }
.rd-phone-content > strong { display: block; margin-bottom: 13px; font-size: 10px; }
.rd-phone-content > p { padding-bottom: 10px; border-bottom: 1px solid #d3ddcb; font-size: 7px; }
.rd-phone-content span { display: block; margin-top: 9px; padding: 9px 7px; border-radius: 5px; background: #e4ecda; }
.rd-phone-content span:last-child { background: #2b553e; color: #fff; }
.rd-service-strip { position: relative; padding-block: 32px; border-block: 1px solid var(--rd-border); background: var(--rd-surface); }
.rd-service-strip > .rd-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.rd-service-item { display: flex; gap: 16px; min-width: 0; }
.rd-service-item > svg { width: 28px; height: 28px; margin-top: 3px; color: var(--rd-accent); }
.rd-service-item h2 { margin-bottom: .45em; font-size: 1.14rem; }
.rd-service-item p { margin: 0; color: var(--rd-muted); font-size: .84rem; line-height: 1.65; }

/* Catalogue integration; the plugin retains ownership of behaviour. */
.rd-catalog { min-width: 0; }
.rd-catalog .rdc-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 14px 20px; margin-bottom: 30px; }
.rd-catalog .rdc-type-pills { display: flex; flex-wrap: wrap; gap: 7px; padding: 0; border: 0; margin: 0 auto 0 0; }
.rd-catalog .rdc-type-pills button { min-height: 42px; padding: 9px 17px; border: 1px solid var(--rd-border); border-radius: 999px; background: transparent; color: var(--rd-ink); font-size: .8rem; font-weight: 550; }
.rd-catalog .rdc-type-pills button[aria-pressed="true"], .rd-catalog .rdc-type-pills button.is-active { border-color: var(--rd-accent); background: var(--rd-accent); color: var(--rd-on-accent); }
.rd-catalog .rdc-filters label { font-size: .78rem; font-weight: 600; }
.rd-catalog .rdc-filters select, .rd-catalog .rdc-filters input:not([type="radio"]):not([type="hidden"]) { min-height: 44px; padding: 9px 34px 9px 13px; border: 1px solid var(--rd-border); border-radius: calc(var(--rd-radius) * .5); background-color: var(--rd-surface); color: var(--rd-ink); font-size: .82rem; }
.rd-catalog .rdc-demo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 25px; }
.rd-demo-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-surface); color: var(--rd-ink); transition: box-shadow .2s, transform .2s; }
.rd-demo-card:hover { transform: translateY(-3px); box-shadow: var(--rd-shadow); }
.rd-demo-preview { display: flex; flex-direction: column; position: relative; min-width: 0; overflow: hidden; background: #e7e5df; text-decoration: none; }
.rd-demo-browser { display: flex; gap: 4px; align-items: center; min-height: 22px; padding: 7px 11px; background: #ebede9; border-bottom: 1px solid #d6d9d0; }
.rd-demo-browser i, .rd-demo-browser span { display: block; width: 5px; height: 5px; border-radius: 50%; background: #b9beb3; }
.rd-demo-preview > img { width: 100%; height: auto; aspect-ratio: 1.58; object-fit: cover; object-position: top; }
.rd-demo-sample-nav { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 32px; padding: 8px 7%; background: #fbf7ed; color: #322b20; font-size: 5px; }
.rd-demo-sample-nav b, .rd-demo-sample-nav strong { font-family: Georgia, serif; font-size: 10px; }
.rd-demo-sample-nav > span { font-size: 5px; word-spacing: 7px; }
.rd-demo-sample-art { position: relative; width: 100%; aspect-ratio: 1.84; overflow: hidden; background: #26372b; }
.rd-demo-sample-art > img { width: 100%; height: 100% !important; object-fit: cover; }
.rd-demo-sample-art::after { position: absolute; content: ""; inset: 0; background: linear-gradient(90deg, rgb(13 22 17 / 74%), rgb(13 22 17 / 15%)); }
.rd-demo-sample-caption { position: absolute; display: block; z-index: 1; inset: 18% 7% auto; max-width: 77%; padding: 0; background: none; color: #fff8e9; font-family: Georgia, serif; line-height: 1.2; }
.rd-demo-sample-caption strong { display: block; max-width: 13ch; margin-bottom: 8px; font-size: clamp(16px, 1.9vw, 28px); font-weight: 400; }
.rd-demo-sample-caption span { display: block; margin-bottom: 10px; font-family: Arial, sans-serif; font-size: 7px; }
.rd-demo-sample-caption em, .rd-demo-sample-caption i { display: inline-block; padding: 5px 8px; border: 1px solid #d4bc88; border-radius: 2px; font-family: Arial, sans-serif; font-size: 5px; font-style: normal; }
.rd-demo-body { display: flex; flex: 1; flex-direction: column; gap: 0; padding: 21px; }
.rd-demo-taxonomy { margin-bottom: 9px; color: var(--rd-muted); font-size: .65rem; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.rd-demo-title { margin-bottom: .4em; font-size: 1.4rem; }
.rd-demo-description { flex: 1; margin-bottom: 20px; color: var(--rd-muted); font-size: .84rem; line-height: 1.6; }
.rd-demo-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.rd-demo-actions .rd-button { min-width: 0; padding-inline: 8px; }
.rd-catalog .rdc-pager { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px; margin-top: 32px; }
.rd-catalog .rdc-pager button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--rd-border); border-radius: 50%; background: var(--rd-surface); color: var(--rd-ink); }
.rd-catalog .rdc-pager button:disabled { opacity: .45; }
.rd-catalog .rdc-dots { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 3px; }
.rd-catalog .rdc-dots button { position: relative; width: 28px; height: 34px; min-width: 0; padding: 0; border: 0; border-radius: 5px; background: transparent; font-size: 0; }
.rd-catalog .rdc-dots button::after { content: ""; width: 7px; height: 7px; border: 1px solid var(--rd-muted); border-radius: 50%; background: transparent; }
.rd-catalog .rdc-dots button[aria-current="true"]::after, .rd-catalog .rdc-dots button[aria-pressed="true"]::after, .rd-catalog .rdc-dots button.is-active::after { background: var(--rd-ink); border-color: var(--rd-ink); }
.rdc-catalog-results { transition: opacity .15s; }
.rd-catalog[aria-busy="true"] .rdc-catalog-results { opacity: .6; }
.rdc-feedback { margin-top: 18px; color: var(--rd-muted); font-size: .85rem; }
.rdc-feedback:empty { display: none; }
.rdc-empty, .rd-empty-state { padding: 44px clamp(20px, 5vw, 70px); border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-soft); text-align: center; }
.rd-empty-state .rd-hero-actions { justify-content: center; }
.rd-catalog .rdc-view-all { text-align: center; margin-top: 24px; }

/* Lower page: spacious visual cards, native disclosure FAQ and a real form. */
.rd-pos { --rd-ink: var(--rd-inverse-ink); --rd-muted: var(--rd-inverse-muted); --rd-border: var(--rd-inverse-border); --rd-accent: var(--rd-inverse-accent); --rd-on-accent: var(--rd-inverse-on-accent); position: relative; background: var(--rd-inverse); color: var(--rd-ink); }
.rd-pos-grid { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.rd-pos-copy { min-width: 0; }
.rd-pos-copy .rd-title { max-width: 12ch; }
.rd-pos-copy .rd-lead { font-size: 1rem; }
.rd-pos-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-block: 25px 20px; }
.rd-pos-features > div { min-width: 0; }
.rd-pos-features svg { width: 24px; height: 24px; margin-bottom: 12px; }
.rd-pos-features h3 { margin-bottom: 7px; font-family: var(--rd-body-font); font-size: .9rem; font-weight: 650; letter-spacing: 0; }
.rd-pos-features p { margin: 0; color: var(--rd-muted); font-size: .75rem; line-height: 1.6; }
.rd-station-pill { display: table; padding: 6px 11px; border: 1px solid var(--rd-border); border-radius: 100px; color: var(--rd-muted); font-size: .71rem; letter-spacing: .03em; }
.rd-pos-art { position: relative; min-width: 0; padding: 20px 8% 50px 0; }
.rd-pos-art > .rd-device { width: 100%; transform: rotate(-2deg); }
.rd-pos-art > .rd-phone { position: absolute; right: 0; bottom: 30px; transform: rotate(5deg); }
.rd-visual-note { margin: 0; color: var(--rd-muted); font-size: .62rem; text-align: center; }
.rd-pos-art > .rd-visual-note { position: absolute; inset: auto 0 0; }
.rd-steps-grid, .rd-offers-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 27px; }
.rd-step-card { overflow: hidden; min-width: 0; border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-surface); }
.rd-card-image { overflow: hidden; aspect-ratio: 1.65; }
.rd-card-image img { width: 100%; height: 100% !important; object-fit: cover; }
.rd-step-copy { position: relative; padding: 28px 25px 30px; }
.rd-step-number { display: inline-flex; width: 33px; height: 33px; align-items: center; justify-content: center; margin-bottom: 16px; border: 1px solid var(--rd-border); border-radius: 50%; color: var(--rd-ink); font-size: .78rem; font-weight: 700; }
.rd-step-copy h3 { margin-bottom: .45em; font-size: 1.4rem; }
.rd-step-copy p { margin: 0; color: var(--rd-muted); font-size: .9rem; }
.rd-offers-section { padding-top: 20px; }
.rd-offer-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-surface); }
.rd-offer-visual { position: relative; display: flex; align-items: center; min-width: 0; height: clamp(170px, 19vw, 240px); overflow: hidden; padding: 28px 8%; background: var(--rd-soft); }
.rd-offer-visual > .rd-browser { width: 100%; border-radius: 6px; transform: rotate(-3deg); }
.rd-offer-visual > .rd-device { width: 100%; padding: 5px; border-radius: 11px; transform: rotate(-4deg); }
.rd-offer-visual .rd-browser-bar { height: 18px; }
.rd-offer-visual .rd-browser-address { font-size: 5px; }
.rd-offer-visual .rd-browser-nav { min-height: 24px; padding-block: 5px; }
.rd-offer-visual .rd-browser-nav strong { font-size: 8px; }
.rd-offer-visual .rd-browser-nav span { font-size: 4px; }
.rd-offer-visual .rd-browser-caption strong { font-size: clamp(13px, 1.5vw, 22px); margin-bottom: 7px; }
.rd-offer-visual .rd-browser-caption small { font-size: 4px; margin-bottom: 7px; }
.rd-offer-visual .rd-browser-caption span { font-size: 4px; padding: 4px 6px; }
.rd-offer-visual .rd-pos-ui { min-height: 112px; }
.rd-offer-visual .rd-device-topbar { min-height: 20px; padding: 5px 6px; }
.rd-offer-visual .rd-device-topbar strong { font-size: 8px; }
.rd-offer-visual .rd-device-topbar span { font-size: 5px; }
.rd-offer-visual .rd-pos-sidebar { padding: 6px 4px; gap: 2px; }
.rd-offer-visual .rd-pos-sidebar span, .rd-offer-visual .rd-pos-sidebar b { font-size: 4px; padding: 4px 1px; }
.rd-offer-visual .rd-pos-menu { padding: 6px; }
.rd-offer-visual .rd-pos-menu > strong { font-size: 6px; margin-bottom: 5px; }
.rd-offer-visual .rd-pos-products { gap: 3px; }
.rd-offer-visual .rd-pos-product > span, .rd-offer-visual .rd-pos-product > b { font-size: 4px; padding: 3px 2px; }
.rd-offer-visual .rd-pos-tables { font-size: 4px; gap: 3px; margin-top: 5px; }
.rd-offer-visual .rd-pos-tables span { padding: 3px; }
.rd-offer-visual .rd-pos-order { gap: 4px; padding: 6px 5px; font-size: 4px; }
.rd-offer-visual .rd-pos-order > strong, .rd-offer-visual .rd-pos-order > b { font-size: 6px; }
.rd-offer-visual .rd-pos-order > span { padding-bottom: 4px; }
.rd-offer-visual .rd-pos-send { font-size: 4px; padding: 5px 2px; }
.rd-offer-visual--both > .rd-browser { align-self: start; width: 87%; }
.rd-offer-visual--both > .rd-device { position: absolute; right: 5%; bottom: 15px; width: 63%; transform: rotate(4deg); }
.rd-offer-visual--both .rd-pos-ui { min-height: 80px; }
.rd-offer-visual--both .rd-pos-tables { display: none; }
.rd-offer-copy { display: flex; flex: 1; flex-direction: column; align-items: start; padding: 28px; }
.rd-offer-copy h3 { margin-bottom: .5em; font-size: 1.5rem; }
.rd-offer-copy p { margin-bottom: 24px; color: var(--rd-muted); font-size: .91rem; }
.rd-offer-copy .rd-button { margin-top: auto; }
.rd-partner-section { background: var(--rd-soft); }
.rd-partner-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(35px, 7vw, 100px); align-items: center; }
.rd-partner-image { overflow: hidden; align-self: stretch; min-height: 440px; border-radius: var(--rd-radius); }
.rd-partner-image > img { width: 100%; height: 100% !important; object-fit: cover; }
.rd-partner-copy { min-width: 0; padding-block: 12px; }
.rd-partner-copy .rd-title { max-width: 15ch; }
.rd-benefit { display: flex; align-items: start; gap: 16px; padding-block: 17px; border-bottom: 1px solid var(--rd-border); }
.rd-benefit:last-child { border-bottom: 0; padding-bottom: 0; }
.rd-benefit > svg { width: 26px; height: 26px; margin-top: 2px; }
.rd-benefit h3 { margin-bottom: 5px; font-size: 1.14rem; }
.rd-benefit p { margin: 0; color: var(--rd-muted); font-size: .9rem; }
.rd-faq-grid { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: clamp(35px, 7vw, 100px); align-items: start; }
.rd-faq-intro > p:last-child { color: var(--rd-muted); font-size: .92rem; }
.rd-faq-list { min-width: 0; border-top: 1px solid var(--rd-border); }
.rd-faq-list details { border-bottom: 1px solid var(--rd-border); }
.rd-faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 18px; min-height: 76px; padding: 20px 2px; color: var(--rd-ink); font-size: 1rem; font-weight: 600; line-height: 1.5; list-style: none; cursor: pointer; }
.rd-faq-list summary::-webkit-details-marker { display: none; }
.rd-faq-list summary > span { display: inline-flex; flex: 0 0 28px; width: 28px; height: 28px; align-items: center; justify-content: center; border: 1px solid var(--rd-border); border-radius: 50%; font-size: 1rem; font-weight: 400; }
.rd-faq-list details[open] summary > span { transform: rotate(45deg); }
.rd-faq-list details > div { padding: 0 45px 20px 2px; color: var(--rd-muted); font-size: .94rem; }
.rd-faq-list details > div > :last-child { margin-bottom: 0; }
.rd-contact-section { padding-top: 15px; }
.rd-contact-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); overflow: hidden; border: 1px solid var(--rd-border); border-radius: calc(var(--rd-radius) * 1.3); background: var(--rd-surface); }
.rd-contact-intro { min-width: 0; background: var(--rd-soft); }
.rd-contact-image { overflow: hidden; aspect-ratio: 2.25; }
.rd-contact-image > img { width: 100%; height: 100% !important; object-fit: cover; }
.rd-contact-copy { padding: clamp(28px, 3.5vw, 48px); }
.rd-contact-copy .rd-title { font-size: clamp(2rem, 2.8vw, 2.9rem); }
.rd-contact-copy > p:not(.rd-eyebrow) { color: var(--rd-muted); font-size: .96rem; }
.rd-contact-actions, .rdc-contact-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.rd-contact-actions > .rdc-contact-actions { width: 100%; }
.rd-contact-actions .rd-button { min-height: 44px; padding: 10px 17px; font-size: .82rem; }
.rd-contact-form-wrap { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(28px, 4vw, 54px); }
.rd-contact-form-wrap h3 { font-size: 1.55rem; }
.rdc-contact-form { width: 100%; min-width: 0; }
.rdc-contact-form .rdc-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }
.rdc-contact-form .rdc-field { display: flex; flex-direction: column; min-width: 0; gap: 7px; margin: 0; }
.rdc-contact-form .rdc-field--wide { grid-column: 1 / -1; }
.rdc-contact-form label { color: var(--rd-ink); font-size: .82rem; font-weight: 600; }
.rdc-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .rdc-contact-form select, .rdc-contact-form textarea { width: 100%; min-width: 0; min-height: 48px; margin: 0; padding: 12px 13px; border: 1px solid var(--rd-border); border-radius: calc(var(--rd-radius) * .45); background: var(--rd-bg); color: var(--rd-ink); font-size: .9rem; line-height: 1.5; }
.rdc-contact-form textarea { min-height: 114px; resize: vertical; }
.rdc-contact-form input::placeholder, .rdc-contact-form textarea::placeholder { color: var(--rd-muted); opacity: 1; }
.rdc-contact-form input[type="checkbox"] { width: 18px; height: 18px; flex: 0 0 18px; margin: 3px 0 0; accent-color: var(--rd-accent); }
.rdc-contact-form .rdc-consent { display: flex; align-items: start; gap: 10px; margin-block: 20px 12px; color: var(--rd-muted); font-size: .75rem; font-weight: 400; line-height: 1.6; }
.rdc-contact-form .rdc-privacy-note { color: var(--rd-muted); font-size: .73rem; line-height: 1.6; }
.rdc-contact-form .rdc-submit { width: 100%; margin-top: 7px; }
.rdc-selected-demo { padding: 10px 13px; border: 1px solid var(--rd-border); border-radius: calc(var(--rd-radius) * .45); background: var(--rd-soft); color: var(--rd-ink); font-size: .8rem; }
.rdc-selected-demo:empty { display: none; }
.rdc-form-notice { padding: 15px; border: 1px solid #43705b; border-radius: 6px; background: #eaf7ef; color: #183e29; font-size: .9rem; }
.rdc-form-notice[data-status="error"] { border-color: #a64e42; background: #fff0ed; color: #751f15; }
.rdc-form-notice[data-status="warning"] { border-color: #a67c28; background: #fff5d9; color: #634500; }

/* Footer and ordinary WordPress pages. */
.rd-footer { --rd-ink: var(--rd-inverse-ink); --rd-muted: var(--rd-inverse-muted); --rd-border: var(--rd-inverse-border); padding-block: 65px 25px; background: var(--rd-inverse); color: var(--rd-ink); }
.rd-footer-grid { display: grid; grid-template-columns: 1.3fr .9fr .8fr 1.2fr; gap: 45px; }
.rd-footer-grid > div { min-width: 0; }
.rd-footer-brand .rd-brand { margin-bottom: 20px; }
.rd-footer-grid h2 { margin-bottom: 20px; font-family: var(--rd-body-font); font-size: .84rem; font-weight: 650; letter-spacing: 0; }
.rd-footer-grid p { max-width: 30em; color: var(--rd-muted); font-size: .82rem; line-height: 1.7; }
.rd-footer ul { margin: 0; padding: 0; list-style: none; }
.rd-footer li { margin-bottom: 9px; font-size: .82rem; }
.rd-footer a { text-decoration: none; }
.rd-footer a:hover { text-decoration: underline; }
.rd-footer-cta { display: inline-block; padding-block: 5px; font-size: .85rem; font-weight: 600; }
.rd-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px; margin-top: 48px; padding-top: 23px; border-top: 1px solid var(--rd-border); color: var(--rd-muted); font-size: .7rem; }
.rd-footer-bottom p { margin: 0; }
.rd-footer-legal, .rd-footer-links { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.rd-footer .rd-footer-links li { margin: 0; font-size: inherit; }
.rd-page-main { min-height: 65vh; }
.rd-page-header { max-width: 850px; margin-bottom: 45px; }
.rd-page-header .rd-title { font-size: clamp(2.7rem, 5vw, 5rem); }
.rd-page-content { min-width: 0; }
.rd-page-content > :not(.alignwide):not(.alignfull):not(.rd-catalog):not(.rdc-contact-form):not(.rdc-catalog) { max-width: 820px; }
.rd-page-content > .rd-catalog { max-width: none; }
.rd-page-content h2, .rd-page-content h3 { margin-top: 1.6em; }
.rd-page-content a:not(.rd-button) { text-decoration: underline; }
.rd-page-content blockquote { margin-inline: 0; padding: 15px 24px; border-inline-start: 3px solid var(--rd-accent); background: var(--rd-soft); }
.rd-page-content pre, .rd-page-content table { max-width: 100%; overflow: auto; }
.rd-page-content pre { padding: 20px; background: var(--rd-soft); font-size: .85rem; }
.rd-page-content table { border-collapse: collapse; }
.rd-page-content th, .rd-page-content td { padding: 10px 16px; border: 1px solid var(--rd-border); }
.rd-prose { max-width: 820px; margin-inline: auto; }
.rd-prose > img { margin-block: 30px; border-radius: var(--rd-radius); }
.rd-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.rd-post-card { padding: 25px; border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-surface); }
.rd-post-card h2 { font-size: 1.6rem; }
.rd-post-card img { margin-bottom: 20px; }
.rd-pagination, .nav-links { display: flex; justify-content: center; gap: 15px; margin-top: 35px; }
.rd-pagination a, .rd-pagination span, .page-numbers { padding: 8px 12px; border: 1px solid var(--rd-border); border-radius: 4px; }
.rd-demo-single { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 45px; align-items: start; }
.rd-demo-single .rd-demo-preview { border-radius: var(--rd-radius); }
.rd-demo-detail, .rd-demo-single-copy { min-width: 0; }
.rd-demo-detail .rd-title, .rd-demo-single-copy .rd-title { font-size: clamp(2.2rem, 4vw, 4rem); }
.rd-demo-single-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 25px; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { color: var(--rd-muted); font-size: .85rem; }
.alignleft { float: left; margin: 0 24px 20px 0; }
.alignright { float: right; margin: 0 0 20px 24px; }
.aligncenter { margin-inline: auto; }
.rd-page-content::after { content: ""; display: block; clear: both; }

/* Component details shared with the PHP renderer. */
.custom-logo-link { display: inline-flex; flex: none; align-items: center; }
.rd-pos-tabs { display: flex; justify-content: space-between; align-items: center; gap: 5px; margin-bottom: 9px; font-size: 10px; }
.rd-pos-tabs > span { color: #5a6b5b; font-size: 6px; }
.rd-pos-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rd-pos-product img { aspect-ratio: 2; }
.rd-pos-tables .is-active { background: #2b563e; color: #fff; }
.rd-pos-order > span { display: flex; justify-content: space-between; gap: 4px; }
.rd-pos-order > small { color: #60705f; font-size: 6px; }
.rd-pos-order .rd-pos-send { margin-top: auto; }
.rd-phone-top { height: 31px; padding: 12px 4px 3px; position: relative; font-size: 7px; text-align: center; }
.rd-phone-top::before { position: absolute; inset: 0 34% auto; }
.rd-phone-content > small { display: block; margin-bottom: 5px; font-size: 5px; letter-spacing: .08em; }
.rd-phone-content > b { display: block; margin-top: 18px; padding: 7px 3px; border-radius: 4px; background: #315d41; color: #fff; font-size: 6px; text-align: center; }
.rd-offer-visual .rd-pos-tabs { font-size: 6px; margin-bottom: 5px; }
.rd-offer-visual .rd-pos-tabs > span { font-size: 4px; }
.rd-offer-visual .rd-pos-order > small { font-size: 4px; }
.rd-back-link { display: inline-flex; min-height: 44px; align-items: center; margin-bottom: 20px; font-size: .88rem; }
.rd-detail-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.rd-detail-preview { overflow: hidden; margin: 0 0 45px; border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-surface); }
.rd-detail-preview > .rd-browser-bar { height: 36px; font-size: .7rem; color: #3d493c; }
.rd-detail-preview > img { width: 100%; height: auto; }
.rd-detail-preview figcaption { padding: 15px 20px; color: var(--rd-muted); font-size: .8rem; }
.rd-contact-form-wrap .rdc-contact-form { padding: 0; border: 0; border-radius: 0; background: transparent; }
.rd-catalog .rdc-type-pills label > span { display: flex; align-items: center; min-height: 42px; padding: 9px 17px; border-radius: 999px; font-size: .8rem; line-height: 1.4; }
.rd-catalog .rdc-type-pills input:focus-visible + span { outline-color: var(--rd-ink); }
.rd-catalog .rdc-filter-fields { min-width: 0; gap: 10px; }
.rd-catalog .rdc-search { min-width: 140px; max-width: 260px; }
.rd-catalog .rdc-filters input[type="search"] { padding-right: 13px; }
.rd-catalog .rdc-page-arrow { min-width: 44px; height: 44px; }
.rd-catalog[data-mode="home"] .rdc-page-dot { position: relative; min-width: 28px; min-height: 34px; border-radius: 5px; background: transparent; }
.rd-catalog[data-mode="home"] .rdc-page-dot::after { content: ""; width: 7px; height: 7px; border: 1px solid var(--rd-muted); border-radius: 50%; background: transparent; }
.rd-catalog[data-mode="home"] .rdc-page-dot.is-current::after { border-color: var(--rd-ink); background: var(--rd-ink); }
.rd-catalog .rdc-page-number { min-width: 36px; min-height: 40px; padding: 9px 12px; }
.rd-catalog .rd-demo-actions .rd-button { min-height: 44px; padding: 10px 9px; border-radius: calc(var(--rd-radius) * .55); font-size: .79rem; line-height: 1.4; }
.rd-demo-sample-caption > b { display: inline-block; padding: 5px 8px; border: 1px solid #dbc28c; border-radius: 2px; background: #e8ba67; color: #1c211b; font: 600 6px/1.3 Arial, sans-serif; }
.rd-demo-sample-caption > span { max-width: 100%; }
.rdc-contact-actions { margin-top: 0; }
.rd-catalog :is(a, button):focus-visible,
.rdc-contact-form :is(input, select, textarea, button, a, summary):focus-visible,
.rdc-contact-actions a:focus-visible { outline: 3px solid var(--rd-ink); outline-offset: 3px; }

/* 01 — Olive Studio: balanced hospitality split and restrained green panels. */
.rd-skin-olive-studio { --rd-inverse: #213c2a; --rd-inverse-accent: #e8eddb; --rd-inverse-on-accent: #213c2a; }
.rd-layout-split .rd-hero-art > .rd-browser { transform: rotate(2deg); }
.rd-layout-split .rd-hero-art::before { inset: 0 -2% 50px 14%; border: 1px solid var(--rd-border); border-radius: 48% 48% 12px 12px; }
.rd-layout-split .rd-step-card { border: 0; background: transparent; }
.rd-layout-split .rd-card-image { border-radius: var(--rd-radius); }
.rd-layout-split .rd-step-copy { padding-inline: 0; }
.rd-layout-split .rd-partner-image { border-radius: 160px 160px 12px 12px; }

/* 02 — Midnight Signature: centered, dark, spacious and typographic. */
.rd-skin-midnight-signature { --rd-inverse: #e9dfc7; --rd-inverse-ink: #22291f; --rd-inverse-muted: #4e5b47; --rd-inverse-border: #b3b89d; --rd-inverse-accent: #263829; --rd-inverse-on-accent: #fff; --rd-shadow: 0 16px 45px rgb(0 0 0 / 25%); }
.rd-skin-midnight-signature .rd-header { background: #111311; color: #f8f0df; }
.rd-layout-centered .rd-hero { padding-top: 67px; padding-bottom: 48px; }
.rd-layout-centered .rd-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 38px; }
.rd-layout-centered .rd-hero-copy { max-width: 850px; margin-inline: auto; text-align: center; }
.rd-layout-centered .rd-hero-copy h1 { max-width: 19ch; margin-inline: auto; }
.rd-layout-centered .rd-hero-copy .rd-lead { max-width: 570px; margin-inline: auto; }
.rd-layout-centered .rd-hero-actions { justify-content: center; }
.rd-layout-centered .rd-hero-art { width: min(760px, 100%); margin-inline: auto; padding-bottom: 80px; }
.rd-layout-centered .rd-hero-art::before { inset: 9% -9% 22%; border-radius: 50%; background: radial-gradient(ellipse, #645039 0, #22251e 60%, transparent 72%); }
.rd-layout-centered .rd-hero-art > .rd-browser { width: 82%; margin-left: 3%; transform: rotate(-2deg); }
.rd-layout-centered .rd-hero-art > .rd-device { width: 48%; right: 0; bottom: 28px; transform: rotate(4deg); }
.rd-layout-centered .rd-section-head { justify-content: center; text-align: center; flex-direction: column; align-items: center; gap: 16px; }
.rd-layout-centered .rd-section-head > .rd-lead { flex-basis: auto; max-width: 550px; }
.rd-layout-centered .rd-step-card { background: transparent; border: 0; }
.rd-layout-centered .rd-card-image { border-radius: 6px; }
.rd-layout-centered .rd-step-copy { padding-inline: 0; }
.rd-layout-centered .rd-offer-card { background: #1b211a; }
.rd-layout-centered .rd-partner-section { background: #191d18; }
.rd-layout-centered .rd-partner-image { border-radius: 160px 160px 6px 6px; }
.rd-skin-midnight-signature .rd-footer { --rd-ink: #f8f0df; --rd-muted: #c3c5b8; --rd-border: #454b40; background: #0b0e0b; }

/* 03 — Product Canvas: compact product-led split and rounded modular bands. */
.rd-skin-product-canvas { --rd-inverse: #073d3a; --rd-inverse-muted: #c7e2db; --rd-inverse-border: #4b7770; --rd-inverse-accent: #d2f1e6; --rd-inverse-on-accent: #103e37; }
.rd-layout-product h1, .rd-layout-product h2, .rd-layout-product h3 { font-weight: 650; letter-spacing: -.045em; }
.rd-layout-product .rd-hero { background: linear-gradient(180deg, #f5fbf9, #fff); }
.rd-layout-product .rd-hero-art { padding: 35px 0 100px 12px; }
.rd-layout-product .rd-hero-art::before { inset: 0 -4% 36px 0; border-radius: 28px; background: linear-gradient(145deg, #dcefe6, #f1faf6); transform: rotate(-5deg); }
.rd-layout-product .rd-hero-art > .rd-browser { transform: rotate(2deg); }
.rd-layout-product .rd-service-strip { border: 0; background: transparent; padding-top: 0; }
.rd-layout-product .rd-service-item { padding: 24px; border: 1px solid var(--rd-border); border-radius: 15px; background: var(--rd-surface); }
.rd-layout-product .rd-pos { width: min(calc(100% - var(--rd-gutter) * 2), 1368px); margin-inline: auto; border-radius: 28px; }
.rd-layout-product .rd-pos > .rd-container { width: calc(100% - clamp(36px, 6vw, 90px)); }
.rd-layout-product .rd-partner-section { background: #edf6f1; }
.rd-layout-product .rd-step-number { background: var(--rd-accent); color: var(--rd-on-accent); border: 0; }
.rd-layout-product .rd-contact-grid { box-shadow: var(--rd-shadow); }

/* 04 — Terracotta Journal: editorial rules, offset photography, reversed POS. */
.rd-skin-terracotta-journal { --rd-inverse: #8e3c24; --rd-inverse-muted: #f0d4bc; --rd-inverse-border: #b9795c; --rd-inverse-accent: #fff2df; --rd-inverse-on-accent: #622811; }
.rd-header-ruled .rd-header { border-bottom-width: 1px; }
.rd-layout-editorial .rd-hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: start; }
.rd-layout-editorial .rd-hero-copy { padding-top: 12px; }
.rd-layout-editorial .rd-hero-art { margin-top: 45px; padding-top: 20px; }
.rd-layout-editorial .rd-hero-art::before { inset: -15px -10px 70px 14%; border-radius: 2px; border: 1px solid var(--rd-accent); background: transparent; }
.rd-layout-editorial .rd-hero-art > .rd-browser { transform: rotate(-2deg); }
.rd-layout-editorial .rd-hero-copy h1 { max-width: 11ch; }
.rd-layout-editorial .rd-section-head { padding-top: 24px; border-top: 1px solid var(--rd-ink); }
.rd-layout-editorial .rd-service-strip { background: var(--rd-soft); }
.rd-layout-editorial .rd-pos-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.rd-layout-editorial .rd-pos-copy { order: 2; }
.rd-layout-editorial .rd-step-card { border: 0; background: transparent; }
.rd-layout-editorial .rd-step-card:nth-child(2) { margin-top: 35px; }
.rd-layout-editorial .rd-step-card:nth-child(3) { margin-top: 70px; }
.rd-layout-editorial .rd-step-copy { padding-inline: 0; border-bottom: 1px solid var(--rd-border); }
.rd-layout-editorial .rd-partner-image { order: 2; }
.rd-layout-editorial .rd-contact-grid { border: 0; border-block: 1px solid var(--rd-ink); border-radius: 0; }

/* 05 — Bordeaux House: a diagonal burgundy product stage and cream cards. */
.rd-skin-bordeaux-house { --rd-inverse: #5d172c; --rd-inverse-muted: #e5c6c7; --rd-inverse-border: #955769; --rd-inverse-accent: #f6dfc8; --rd-inverse-on-accent: #54182b; }
.rd-layout-diagonal .rd-hero::before { position: absolute; z-index: -1; content: ""; inset: 0; background: #641b31; clip-path: polygon(68% 0, 100% 0, 100% 100%, 43% 100%); }
.rd-layout-diagonal .rd-hero-art::before { inset: 8% 0 4% 10%; border: 1px solid #be8d8d; background: transparent; border-radius: 50% 50% 8px 8px; }
.rd-layout-diagonal .rd-hero-art-caption { color: #f4ded4; }
.rd-layout-diagonal .rd-hero-art > .rd-browser { transform: rotate(-4deg); }
.rd-layout-diagonal .rd-hero-art > .rd-device { transform: rotate(3deg); }
.rd-layout-diagonal .rd-service-strip { border-bottom: 0; }
.rd-layout-diagonal .rd-step-number { border-radius: 0; border: 0; background: var(--rd-soft); }
.rd-layout-diagonal .rd-offer-card:nth-child(3) { border-color: var(--rd-accent); box-shadow: 0 0 0 1px var(--rd-accent); }
.rd-layout-diagonal .rd-partner-image { border-radius: 160px 8px 8px 8px; }
.rd-layout-diagonal .rd-contact-intro { --rd-ink: #fff0e7; --rd-muted: #e5c6c7; --rd-border: #955769; --rd-accent: #f6dfc8; --rd-on-accent: #54182b; --rd-soft: #703047; background: #5d172c; }

/* 06 — Cobalt Manifesto: oversized poster type and sharp graphic framing. */
.rd-skin-cobalt-manifesto { --rd-inverse: #123bde; --rd-inverse-muted: #e0e7ff; --rd-inverse-border: #6d8aee; --rd-inverse-accent: #fff; --rd-inverse-on-accent: #123bde; }
.rd-layout-manifesto .rd-hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 36px; }
.rd-layout-manifesto .rd-hero-copy h1 { max-width: 8ch; font-size: clamp(4rem, 8.1vw, 8rem); line-height: .98; letter-spacing: -.015em; text-transform: uppercase; }
.rd-layout-manifesto .rd-hero-art { padding: 32px 22px 100px; background: #123bde; }
.rd-layout-manifesto .rd-hero-art::before { display: none; }
.rd-layout-manifesto .rd-hero-art > .rd-browser { width: 100%; transform: rotate(-5deg); }
.rd-layout-manifesto .rd-hero-art > .rd-device { right: 4%; bottom: 35px; transform: rotate(5deg); }
.rd-layout-manifesto .rd-hero-art-caption { bottom: 12px; color: #eef1ff; }
.rd-layout-manifesto .rd-service-strip { border-block: 2px solid #070b17; background: #f0f3ff; }
.rd-layout-manifesto .rd-service-item h2 { font-size: 1.4rem; text-transform: uppercase; letter-spacing: .01em; }
.rd-layout-manifesto .rd-title { max-width: 21ch; text-transform: uppercase; letter-spacing: -.01em; }
.rd-layout-manifesto .rd-section-head { border-top: 2px solid #070b17; padding-top: 25px; }
.rd-layout-manifesto .rd-demo-card, .rd-layout-manifesto .rd-step-card, .rd-layout-manifesto .rd-offer-card { border: 1px solid #151a28; box-shadow: 5px 5px 0 #151a28; }
.rd-layout-manifesto .rd-catalog .rdc-type-pills button { border-radius: 0; }
.rd-layout-manifesto .rd-step-number { width: auto; height: auto; border: 0; color: #123bde; font-family: var(--rd-heading-font); font-size: 2.8rem; line-height: 1; }
.rd-layout-manifesto .rd-step-copy h3, .rd-layout-manifesto .rd-offer-copy h3 { text-transform: uppercase; font-size: 1.75rem; }
.rd-layout-manifesto .rd-partner-section { background: #edf0ff; border-block: 2px solid #123bde; }
.rd-layout-manifesto .rd-contact-form-wrap { --rd-bg: #fff; --rd-ink: #fff; --rd-muted: #e0e7ff; --rd-border: #8da3f4; --rd-accent: #fff; --rd-on-accent: #123bde; --rd-soft: #2c50dc; background: #123bde; }
.rd-layout-manifesto .rd-contact-form-wrap input:not([type="checkbox"]), .rd-layout-manifesto .rd-contact-form-wrap textarea, .rd-layout-manifesto .rd-contact-form-wrap select { color: #172241; }
.rd-layout-manifesto .rd-contact-form-wrap input::placeholder, .rd-layout-manifesto .rd-contact-form-wrap textarea::placeholder { color: #4c5a75; }

/* 07 — Sage Studio: soft floating frame, nested rounded panels, airy rhythm. */
.rd-skin-sage-studio { --rd-inverse: #274a33; --rd-inverse-muted: #d7e6cf; --rd-inverse-border: #6c8561; --rd-inverse-accent: #e5f0d6; --rd-inverse-on-accent: #25462d; }
.rd-header-floating .rd-header { width: min(calc(100% - var(--rd-gutter) * 2), 1340px); margin: 20px auto 0; border: 1px solid var(--rd-border); border-radius: 100px; background: var(--rd-surface); }
.rd-header-floating .rd-header-inner { width: calc(100% - 44px); min-height: 72px; }
.rd-layout-soft h1, .rd-layout-soft h2 { font-weight: 550; letter-spacing: -.055em; }
.rd-layout-soft .rd-hero { padding-top: 70px; }
.rd-layout-soft .rd-hero-art { padding: 38px 10px 100px 18px; }
.rd-layout-soft .rd-hero-art::before { inset: 0 -3% 32px 0; border-radius: 45% 45% 22px 22px; background: #e0ead5; }
.rd-layout-soft .rd-hero-art > .rd-browser { transform: rotate(2deg); }
.rd-layout-soft .rd-service-strip { background: #edf3e5; border: 0; padding-block: 38px; }
.rd-layout-soft .rd-pos { width: min(calc(100% - var(--rd-gutter) * 2), 1360px); margin-inline: auto; border-radius: 36px; }
.rd-layout-soft .rd-pos > .rd-container { width: calc(100% - clamp(36px, 6vw, 90px)); }
.rd-layout-soft .rd-step-card, .rd-layout-soft .rd-offer-card { border: 0; box-shadow: 0 5px 25px rgb(38 73 43 / 7%); }
.rd-layout-soft .rd-step-copy { padding: 28px; }
.rd-layout-soft .rd-step-number { background: #e5efdc; border: 0; }
.rd-layout-soft .rd-partner-image { border-radius: 42% 42% 24px 24px; }
.rd-layout-soft .rd-contact-grid { border: 0; box-shadow: 0 10px 40px rgb(38 73 43 / 8%); }

/* 08 — Copper Circuit: dark technical hero, copper lines, large product stage. */
.rd-skin-copper-circuit { --rd-inverse: #232920; --rd-inverse-muted: #ced4bf; --rd-inverse-border: #65705a; --rd-inverse-accent: #e4bc83; --rd-inverse-on-accent: #2b251b; }
.rd-header-dark .rd-header { --rd-bg: var(--rd-inverse); --rd-ink: var(--rd-inverse-ink); --rd-border: var(--rd-inverse-border); --rd-accent: var(--rd-inverse-accent); --rd-on-accent: var(--rd-inverse-on-accent); background: var(--rd-inverse); color: var(--rd-ink); }
.rd-skin-midnight-signature .rd-header { --rd-bg: #111311; --rd-ink: #f8f0df; --rd-border: #454b40; --rd-accent: #e7c58c; --rd-on-accent: #201b11; background: #111311; color: #f8f0df; }
.rd-layout-technical .rd-hero { --rd-ink: #faf2e4; --rd-muted: #d4d2bd; --rd-border: #7d806c; --rd-accent: #e4bc83; --rd-on-accent: #2b251b; --rd-soft: #354033; background: #242b21; color: var(--rd-ink); }
.rd-layout-technical .rd-hero::before { position: absolute; z-index: -1; content: ""; inset: 0; background: linear-gradient(90deg, #20281f 30%, rgb(31 39 29 / 70%)), var(--rd-hero-image) center / cover; }
.rd-layout-technical .rd-hero-grid { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); }
.rd-layout-technical .rd-hero-copy h1 { max-width: 10ch; font-weight: 550; letter-spacing: -.045em; }
.rd-layout-technical .rd-hero-art::before { inset: -20px -3% 30px 0; border: 1px solid #81765e; border-radius: 0; background: linear-gradient(90deg, transparent 49.7%, #ffffff0d 50%, transparent 50.3%); }
.rd-layout-technical .rd-hero-art > .rd-browser { width: 81%; opacity: .96; }
.rd-layout-technical .rd-hero-art > .rd-device { width: 85%; right: -2%; transform: rotate(-2deg); }
.rd-layout-technical .rd-service-strip { background: #eadfce; }
.rd-layout-technical .rd-section-head { border-top: 1px solid var(--rd-border); padding-top: 24px; }
.rd-layout-technical .rd-step-number { border-radius: 4px; background: #9b4e25; border-color: #9b4e25; color: #fff; }
.rd-layout-technical .rd-offer-visual { background: #e6dccb; }
.rd-layout-technical .rd-faq-section { --rd-ink: #faf2e4; --rd-muted: #d4d2bd; --rd-border: #65705a; background: #232920; }
.rd-layout-technical .rd-contact-section { padding-top: var(--rd-section-space); }

/* 09 — Pure Monograph: genuine monochrome, broad whitespace, quiet rules. */
.rd-skin-pure-monograph { --rd-inverse: #171717; --rd-inverse-ink: #fff; --rd-inverse-muted: #d0d0d0; --rd-inverse-border: #626262; --rd-inverse-accent: #fff; --rd-inverse-on-accent: #151515; --rd-shadow: 0 12px 30px rgb(0 0 0 / 7%); }
.rd-layout-minimal .rd-hero { padding-block: 100px 90px; }
.rd-layout-minimal .rd-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 7%; }
.rd-layout-minimal h1, .rd-layout-minimal h2 { font-weight: 500; letter-spacing: -.06em; }
.rd-layout-minimal .rd-hero-copy h1 { max-width: 11ch; }
.rd-layout-minimal .rd-hero-art::before { inset: 10% 0 42px; border-radius: 0; background: #f2f2f2; }
.rd-layout-minimal .rd-hero-art > .rd-browser { width: 90%; box-shadow: 0 10px 25px rgb(0 0 0 / 9%); }
.rd-layout-minimal .rd-hero-art > .rd-device { transform: none; }
.rd-layout-minimal .rd-browser-photo, .rd-layout-minimal .rd-card-image img, .rd-layout-minimal .rd-partner-image img, .rd-layout-minimal .rd-contact-image img { filter: grayscale(1); }
.rd-layout-minimal .rd-service-strip { background: #fff; }
.rd-layout-minimal .rd-demo-card { border: 0; }
.rd-layout-minimal .rd-demo-preview { border: 1px solid #d4d4d4; border-radius: 3px; }
.rd-layout-minimal .rd-demo-body { padding-inline: 0; }
.rd-layout-minimal .rd-catalog .rdc-type-pills button { border-radius: 3px; }
.rd-layout-minimal .rd-catalog .rdc-type-pills label > span { border-radius: 3px; }
.rd-layout-minimal .rd-demo-sample-caption > b { border-color: #d0d0d0; background: #eee; color: #151515; }
.rd-layout-minimal .rd-step-card { border: 0; background: transparent; }
.rd-layout-minimal .rd-step-copy { padding-inline: 0; border-bottom: 1px solid #bcbcbc; }
.rd-layout-minimal .rd-step-number { width: auto; height: auto; border: 0; font-size: .75rem; }
.rd-layout-minimal .rd-step-number::before { content: "0"; }
.rd-layout-minimal .rd-partner-section { background: #f5f5f5; }
.rd-layout-minimal .rd-contact-grid { border-radius: 0; border-color: #bcbcbc; }
.rd-layout-minimal .rd-footer { background: #fff; --rd-ink: #111; --rd-muted: #555; --rd-border: #ccc; border-top: 1px solid #ccc; }

/* 10 — Riviera Light: sunlit panoramic backdrop, blue and coral accents. */
.rd-skin-riviera-light { --rd-inverse: #16475b; --rd-inverse-muted: #c9dfe4; --rd-inverse-border: #638893; --rd-inverse-accent: #f6e6d1; --rd-inverse-on-accent: #214559; }
.rd-layout-panoramic .rd-hero { background: #f4efe5; padding-block: 90px 100px; }
.rd-layout-panoramic .rd-hero::before { position: absolute; z-index: -1; content: ""; inset: 0; background: linear-gradient(90deg, #fbf7ef 8%, rgb(251 247 239 / 96%) 37%, rgb(251 247 239 / 18%) 80%), var(--rd-hero-image) center 58% / cover; }
.rd-layout-panoramic .rd-hero-art { margin-top: 50px; }
.rd-layout-panoramic .rd-hero-art::before { inset: 10% 0 45px 6%; border-radius: 48% 48% 10px 10px; background: rgb(240 246 244 / 45%); backdrop-filter: blur(7px); }
.rd-layout-panoramic .rd-hero-art > .rd-browser { transform: rotate(3deg); }
.rd-layout-panoramic .rd-hero-art-caption { padding: 5px; border-radius: 4px; background: rgb(251 247 239 / 92%); color: #244f5a; }
.rd-layout-panoramic .rd-section-head { flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.rd-layout-panoramic .rd-section-head > .rd-lead { flex-basis: auto; max-width: 570px; }
.rd-layout-panoramic .rd-step-card { border: 0; background: transparent; }
.rd-layout-panoramic .rd-card-image { border-radius: 12px; }
.rd-layout-panoramic .rd-step-copy { padding-inline: 0; }
.rd-layout-panoramic .rd-partner-image { order: 2; border-radius: 120px 120px 12px 12px; }
.rd-layout-panoramic .rd-contact-intro { background: #e4eff0; }

/* 11 — Orchid Interface: offset forms, lavender panels and an asymmetric grid. */
.rd-skin-orchid-interface { --rd-inverse: #502259; --rd-inverse-muted: #e8d2ea; --rd-inverse-border: #986aa2; --rd-inverse-accent: #f1ddf3; --rd-inverse-on-accent: #4c2255; }
.rd-layout-asymmetric h1, .rd-layout-asymmetric h2 { font-weight: 600; letter-spacing: -.055em; }
.rd-layout-asymmetric .rd-hero-grid { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); }
.rd-layout-asymmetric .rd-hero-art { padding: 40px 0 105px 20px; }
.rd-layout-asymmetric .rd-hero-art::before { inset: 0 -5% 32px 0; border-radius: 90px 28px 120px 28px; transform: rotate(-7deg); background: #e4caef; }
.rd-layout-asymmetric .rd-hero-art > .rd-browser { transform: rotate(3deg); }
.rd-layout-asymmetric .rd-hero-art > .rd-device { width: 65%; transform: rotate(-5deg); }
.rd-layout-asymmetric .rd-service-strip { border: 0; background: transparent; }
.rd-layout-asymmetric .rd-service-item { padding: 25px; border-radius: 24px 8px 24px 8px; background: #eee1f3; }
.rd-layout-asymmetric .rd-service-item:nth-child(2) { background: #f5e8e4; }
.rd-layout-asymmetric .rd-pos { border-radius: 70px 0 70px 0; }
.rd-layout-asymmetric .rd-step-card { border: 0; border-radius: 28px 8px 28px 8px; box-shadow: var(--rd-shadow); }
.rd-layout-asymmetric .rd-step-card:nth-child(2) { transform: translateY(25px); }
.rd-layout-asymmetric .rd-offers-section { padding-top: 45px; }
.rd-layout-asymmetric .rd-partner-image { border-radius: 30px 130px 30px 30px; }
.rd-layout-asymmetric .rd-contact-intro { --rd-ink: #fff6ff; --rd-muted: #e8d2ea; --rd-border: #986aa2; --rd-accent: #f1ddf3; --rd-on-accent: #4c2255; --rd-soft: #663371; background: #502259; }

/* 12 — Digital Pavilion: teal architectural bay and rectilinear frames. */
.rd-skin-digital-pavilion { --rd-inverse: #164543; --rd-inverse-muted: #d0e1d4; --rd-inverse-border: #648b79; --rd-inverse-accent: #eee6ce; --rd-inverse-on-accent: #21473b; }
.rd-layout-architectural .rd-hero { padding-block: 30px; }
.rd-layout-architectural .rd-hero-grid { gap: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border: 1px solid #b7c4b5; }
.rd-layout-architectural .rd-hero-copy { --rd-ink: #f9f5e7; --rd-muted: #d0e1d4; --rd-border: #648b79; --rd-accent: #eee6ce; --rd-on-accent: #21473b; --rd-soft: #2e6158; padding: clamp(30px, 4.2vw, 60px); background: #164543; color: var(--rd-ink); }
.rd-layout-architectural .rd-hero-copy h1 { max-width: 12ch; font-size: clamp(2.7rem, 4.6vw, 4.6rem); }
.rd-layout-architectural .rd-hero-art { margin-inline: 22px; padding-top: 40px; }
.rd-layout-architectural .rd-hero-art::before { inset: 0 -22px; border-radius: 0; background: #e4e9db; }
.rd-layout-architectural .rd-hero-art > .rd-device { right: 0; width: 68%; transform: none; }
.rd-layout-architectural .rd-service-strip { border: 0; background: transparent; }
.rd-layout-architectural .rd-service-item + .rd-service-item { padding-inline-start: 25px; border-inline-start: 1px solid var(--rd-border); }
.rd-layout-architectural .rd-section-head { padding-bottom: 24px; border-bottom: 1px solid var(--rd-border); }
.rd-layout-architectural .rd-step-card, .rd-layout-architectural .rd-offer-card { border-radius: 0; }
.rd-layout-architectural .rd-step-number { border-radius: 0; }
.rd-layout-architectural .rd-partner-grid { gap: 0; align-items: stretch; border: 1px solid var(--rd-border); }
.rd-layout-architectural .rd-partner-image { border-radius: 0; }
.rd-layout-architectural .rd-partner-copy { padding: clamp(28px, 4vw, 55px); }
.rd-layout-architectural .rd-contact-grid { border-radius: 0; }

/* 13 — Signature Amber: full photograph, overlay navigation, amber split. */
.rd-skin-signature-amber { --rd-inverse: #291f16; --rd-inverse-muted: #e5d4b8; --rd-inverse-border: #7e6a4a; --rd-inverse-accent: #f2bd57; --rd-inverse-on-accent: #201a0f; }
.home.rd-header-overlay .rd-header { position: absolute; inset: 0 0 auto; background: transparent; border-color: #ffffff40; color: #fff5e2; --rd-bg: #291f16; --rd-ink: #fff5e2; --rd-border: #b7a68b; --rd-accent: #f0b74e; --rd-on-accent: #241b0b; }
.home.admin-bar.rd-header-overlay .rd-header { top: 32px; }
.rd-header-overlay:not(.home) .rd-header { --rd-bg: #291f16; --rd-ink: #fff5e2; --rd-border: #7e6a4a; --rd-accent: #f0b74e; --rd-on-accent: #241b0b; background: #291f16; color: #fff5e2; }
.rd-layout-immersive-split .rd-hero { --rd-ink: #fff5e2; --rd-muted: #ebddc7; --rd-border: #ba9e76; --rd-soft: #654d31; padding-block: 160px 110px; background: #291f16; color: var(--rd-ink); }
.rd-layout-immersive-split .rd-hero::before { position: absolute; z-index: -1; content: ""; inset: 0; background: linear-gradient(90deg, rgb(23 17 11 / 91%), rgb(23 17 11 / 56%) 55%, rgb(23 17 11 / 25%)), var(--rd-hero-image) center / cover; }
.rd-layout-immersive-split .rd-hero::after { content: ""; position: absolute; z-index: -1; inset: auto 0 -1px; height: 35px; background: var(--rd-bg); border-radius: 60% 60% 0 0 / 100% 100% 0 0; }
.rd-layout-immersive-split .rd-hero-art::before { background: transparent; border: 1px solid #b58c55; inset: 0 0 30px 10%; border-radius: 45% 45% 10px 10px; }
.rd-layout-immersive-split .rd-hero-art > .rd-browser { transform: rotate(3deg); }
.rd-layout-immersive-split .rd-service-strip { background: #fffaf3; border-top: 0; }
.rd-layout-immersive-split .rd-pos { border-radius: 0 0 70px 0; }
.rd-layout-immersive-split .rd-step-card { border: 0; box-shadow: var(--rd-shadow); }
.rd-layout-immersive-split .rd-offer-card:nth-child(3) { border-color: #b4812b; }
.rd-layout-immersive-split .rd-contact-form-wrap { background: #fffaf2; }

/* 14 — Ivory Showcase: centered invitation above a broad product display. */
.rd-skin-ivory-showcase { --rd-inverse: #493725; --rd-inverse-muted: #ebddc6; --rd-inverse-border: #958060; --rd-inverse-accent: #ecc787; --rd-inverse-on-accent: #372715; }
.rd-layout-showcase .rd-hero { padding-top: 58px; padding-bottom: 35px; background: #f6ecdc; border-radius: 0 0 45% 4% / 0 0 4% 1%; }
.rd-layout-showcase .rd-hero::before { position: absolute; z-index: -1; content: ""; inset: 0; background: linear-gradient(180deg, #fffbf5 5%, rgb(255 251 245 / 91%) 45%, rgb(255 251 245 / 30%)), var(--rd-hero-image) center / cover; }
.rd-layout-showcase .rd-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.rd-layout-showcase .rd-hero-copy { max-width: 920px; margin-inline: auto; text-align: center; }
.rd-layout-showcase .rd-hero-copy h1 { max-width: 20ch; margin-inline: auto; }
.rd-layout-showcase .rd-hero-copy .rd-lead { max-width: 600px; margin-inline: auto; }
.rd-layout-showcase .rd-hero-actions { justify-content: center; }
.rd-layout-showcase .rd-hero-art { width: min(850px, 100%); padding-bottom: 88px; margin-inline: auto; }
.rd-layout-showcase .rd-hero-art::before { inset: 15% -6% 10%; border-radius: 50%; background: #f2e5cc; opacity: .7; }
.rd-layout-showcase .rd-hero-art > .rd-browser { width: 76%; margin-left: 3%; transform: rotate(-2deg); }
.rd-layout-showcase .rd-hero-art > .rd-device { width: 48%; bottom: 35px; transform: rotate(3deg); }
.rd-layout-showcase .rd-service-strip { background: #fff7e8; border: 0; }
.rd-layout-showcase .rd-pos { width: min(calc(100% - var(--rd-gutter) * 2), 1370px); margin-inline: auto; border-radius: 28px; }
.rd-layout-showcase .rd-pos > .rd-container { width: calc(100% - clamp(36px, 6vw, 90px)); }
.rd-layout-showcase .rd-step-card { border: 0; background: transparent; }
.rd-layout-showcase .rd-card-image { border-radius: 16px; }
.rd-layout-showcase .rd-step-copy { padding-inline: 0; }
.rd-layout-showcase .rd-partner-image { border-radius: 180px 180px 16px 16px; }

/* 15 — Forest Terrace: deep green ribbons and soft organic image frames. */
.rd-skin-forest-terrace { --rd-inverse: #173d2b; --rd-inverse-muted: #d2e2c4; --rd-inverse-border: #5c805b; --rd-inverse-accent: #e4e8bc; --rd-inverse-on-accent: #24452d; }
.rd-layout-organic .rd-hero { background: linear-gradient(130deg, #f8f7eb 45%, #e4ead4); }
.rd-layout-organic .rd-hero-copy h1 { max-width: 12ch; }
.rd-layout-organic .rd-hero-art { padding-top: 55px; }
.rd-layout-organic .rd-hero-art::before { inset: -8% -2% 28px 3%; border-radius: 48% 48% 30% 20%; transform: rotate(9deg); background: #244c33; }
.rd-layout-organic .rd-hero-art > .rd-browser { transform: rotate(-3deg); }
.rd-layout-organic .rd-hero-art-caption { color: #2a4d32; }
.rd-layout-organic .rd-service-strip { --rd-ink: #f8f7eb; --rd-muted: #d2e2c4; --rd-accent: #e4e8bc; border: 0; background: #173d2b; color: var(--rd-ink); border-radius: 0 60px 0 0; }
.rd-layout-organic .rd-pos { border-radius: 65px 0 65px 0; }
.rd-layout-organic .rd-card-image { border-radius: 40px 12px 0 0; }
.rd-layout-organic .rd-step-card { border: 0; background: transparent; }
.rd-layout-organic .rd-step-copy { padding-inline: 5px; }
.rd-layout-organic .rd-step-number { background: #e3ead3; border: 0; }
.rd-layout-organic .rd-partner-image { border-radius: 110px 14px 110px 14px; }
.rd-layout-organic .rd-contact-intro { background: #e2ead4; }

/* 16 — Midnight Theatre: a cinematic centered stage and warm light sections. */
.rd-skin-midnight-theatre { --rd-inverse: #211c18; --rd-inverse-muted: #e0d3bd; --rd-inverse-border: #776b55; --rd-inverse-accent: #f0b74e; --rd-inverse-on-accent: #241b0b; }
.rd-layout-theatre .rd-hero { --rd-ink: #fff4df; --rd-muted: #e5d8be; --rd-border: #b19b73; --rd-soft: #55422a; padding-block: 145px 50px; background: #211c18; color: var(--rd-ink); }
.rd-layout-theatre .rd-hero::before { position: absolute; z-index: -1; content: ""; inset: 0; background: linear-gradient(180deg, rgb(23 17 12 / 58%), rgb(23 17 12 / 90%)), var(--rd-hero-image) center / cover; }
.rd-layout-theatre .rd-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
.rd-layout-theatre .rd-hero-copy { max-width: 900px; margin-inline: auto; text-align: center; }
.rd-layout-theatre .rd-hero-copy h1 { max-width: 18ch; margin-inline: auto; }
.rd-layout-theatre .rd-hero-copy .rd-lead { max-width: 600px; margin-inline: auto; }
.rd-layout-theatre .rd-hero-actions { justify-content: center; }
.rd-layout-theatre .rd-hero-art { width: min(770px, 100%); margin-inline: auto; padding-bottom: 75px; }
.rd-layout-theatre .rd-hero-art::before { inset: 12% -15% 2%; background: radial-gradient(ellipse, #aa80464d, #aa804600 70%); border-radius: 50%; }
.rd-layout-theatre .rd-hero-art > .rd-browser { width: 78%; margin-left: 5%; transform: rotate(-2deg); }
.rd-layout-theatre .rd-hero-art > .rd-device { width: 49%; bottom: 28px; right: 0; transform: rotate(3deg); }
.rd-layout-theatre .rd-service-strip { background: #eee3ce; border: 0; }
.rd-layout-theatre .rd-section-head { flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.rd-layout-theatre .rd-section-head > .rd-lead { flex-basis: auto; max-width: 550px; }
.rd-layout-theatre .rd-partner-image { border-radius: 10px 120px 10px 10px; }
.rd-layout-theatre .rd-offer-card:nth-child(3) { border-color: #c79d51; }

/* 17 — Burgundy Edition: sweeping wine-colored service ribbon. */
.rd-skin-burgundy-edition { --rd-inverse: #651b31; --rd-inverse-muted: #edcbd1; --rd-inverse-border: #aa697b; --rd-inverse-accent: #f4d4af; --rd-inverse-on-accent: #551d2e; }
.rd-layout-wave .rd-hero { padding-bottom: 110px; background: linear-gradient(120deg, #fff7ee 42%, #f3dcd4); }
.rd-layout-wave .rd-hero-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.rd-layout-wave .rd-hero-art::before { inset: -5% -5% 25px 8%; border-radius: 50% 50% 40% 12%; background: #7a2941; transform: rotate(8deg); }
.rd-layout-wave .rd-hero-art > .rd-browser { transform: rotate(3deg); }
.rd-layout-wave .rd-hero-art > .rd-device { transform: rotate(-3deg); }
.rd-layout-wave .rd-service-strip { --rd-ink: #fff1e3; --rd-muted: #edcbd1; --rd-accent: #f4d4af; position: relative; margin-top: -25px; padding-block: 36px 42px; border: 0; border-radius: 50% 8% 0 0 / 18% 5% 0 0; background: #651b31; color: var(--rd-ink); }
.rd-layout-wave .rd-pos { border-radius: 50px 0 50px 0; }
.rd-layout-wave .rd-step-card { background: transparent; border: 0; }
.rd-layout-wave .rd-card-image { border-radius: 16px 40px 16px 16px; }
.rd-layout-wave .rd-step-copy { padding-inline: 0; }
.rd-layout-wave .rd-step-number { background: #edd4ce; border: 0; }
.rd-layout-wave .rd-partner-image { order: 2; border-radius: 150px 150px 12px 12px; }
.rd-layout-wave .rd-contact-intro { --rd-ink: #fff1e3; --rd-muted: #edcbd1; --rd-border: #aa697b; --rd-accent: #f4d4af; --rd-on-accent: #551d2e; --rd-soft: #813d52; background: #651b31; }

/* 18 — Coastal Ribbon: coastal backdrop with a light invitation card. */
.rd-skin-coastal-ribbon { --rd-inverse: #16445b; --rd-inverse-muted: #d0e3ed; --rd-inverse-border: #6990a4; --rd-inverse-accent: #f5e2c8; --rd-inverse-on-accent: #214458; }
.rd-layout-coastal .rd-hero { padding-block: 65px 95px; }
.rd-layout-coastal .rd-hero::before { position: absolute; z-index: -1; content: ""; inset: 0; background: linear-gradient(90deg, rgb(222 237 240 / 15%), rgb(16 57 77 / 25%)), var(--rd-hero-image) center / cover; }
.rd-layout-coastal .rd-hero-copy { padding: clamp(26px, 3.4vw, 48px); border: 1px solid #ffffffa3; border-radius: 24px; background: rgb(255 250 244 / 96%); box-shadow: 0 14px 35px rgb(21 55 68 / 12%); }
.rd-layout-coastal .rd-hero-copy h1 { max-width: 13ch; font-size: clamp(2.7rem, 4.4vw, 4.6rem); }
.rd-layout-coastal .rd-hero-art::before { background: #e5f0f394; border-radius: 50% 50% 15px 15px; backdrop-filter: blur(4px); }
.rd-layout-coastal .rd-hero-art > .rd-browser { transform: rotate(3deg); }
.rd-layout-coastal .rd-hero-art-caption { padding: 5px; border-radius: 4px; background: #fffaf3e8; color: #174c62; }
.rd-layout-coastal .rd-service-strip { --rd-ink: #fff5e8; --rd-muted: #d0e3ed; --rd-accent: #f5e2c8; margin-top: -25px; padding-block: 38px; border: 0; border-radius: 50% 0 0 0 / 18% 0 0 0; background: #16445b; color: var(--rd-ink); }
.rd-layout-coastal .rd-pos { border-radius: 55px 0 55px 0; }
.rd-layout-coastal .rd-step-card { border: 0; background: transparent; }
.rd-layout-coastal .rd-card-image { border-radius: 20px; }
.rd-layout-coastal .rd-step-copy { padding-inline: 0; }
.rd-layout-coastal .rd-step-number { background: #dcecf2; border: 0; }
.rd-layout-coastal .rd-partner-image { border-radius: 100px 16px 100px 16px; }
.rd-layout-coastal .rd-contact-intro { background: #e0edf2; }

/* Shared responsive behaviour comes last so every art direction is usable. */
@media (min-width: 1440px) {
  .rd-hero-art .rd-browser-caption strong { font-size: 35px; }
}
@media (max-width: 1100px) {
  .rd-header-inner { gap: 20px; }
  .rd-menu, .rd-nav > ul { gap: 5px 16px; }
  .rd-brand { font-size: 1.3rem; }
  .rd-service-strip > .rd-container { gap: 22px; }
  .rd-service-item { gap: 12px; }
  .rd-service-item > svg { width: 24px; height: 24px; }
  .rd-hero-grid { gap: 30px; }
  .rd-pos-grid { gap: 35px; }
  .rd-pos-features { gap: 10px; }
  .rd-demo-body { padding: 18px; }
  .rd-steps-grid, .rd-offers-grid, .rd-catalog .rdc-demo-grid { gap: 20px; }
  .rd-step-copy, .rd-offer-copy { padding: 24px; }
  .rd-footer-grid { gap: 30px; }
  .rd-layout-product .rd-service-item, .rd-layout-asymmetric .rd-service-item { padding: 20px; }
  .rd-layout-architectural .rd-hero-copy { padding: 32px; }
  .rd-layout-coastal .rd-hero-copy { padding: 28px; }
}
@media (max-width: 920px) {
  :root { --rd-section-space: 72px; --rd-gutter: 28px; }
  .rd-header-inner { min-height: 76px; flex-wrap: wrap; gap: 0 18px; padding-block: 14px; }
  .rd-header .rd-nav { flex: 1 0 100%; order: 4; margin: 10px 0 0; }
  .rd-header .rd-header-contact { margin-inline-start: auto; }
  .rd-header.rd-nav-enhanced .rd-nav-toggle { display: inline-flex; order: 3; }
  .rd-header.rd-nav-enhanced .rd-nav { display: none; }
  .rd-header.rd-nav-enhanced.is-open .rd-nav { display: block; }
  .rd-header .rd-menu, .rd-header .rd-nav > ul { align-items: stretch; gap: 4px 20px; border-top: 1px solid var(--rd-border); padding-top: 8px; }
  .rd-header .rd-nav a { min-height: 44px; display: flex; align-items: center; }
  .rd-header .rd-nav .sub-menu { position: static; display: block; min-width: 0; max-width: none; margin-inline-start: 8px; padding: 0 0 0 10px; border: 0; border-inline-start: 1px solid var(--rd-border); border-radius: 0; box-shadow: none; background: transparent; color: inherit; }
  .home.rd-header-overlay .rd-header.is-open { background: #292218; }
  .home.rd-header-overlay .rd-header:not(.rd-nav-enhanced) { position: relative; top: 0; background: #292218; }
  .rd-header-floating .rd-header { border-radius: 24px; }
  .rd-header-floating .rd-header-inner { width: calc(100% - 32px); min-height: 66px; }
  .rd-hero-copy h1 { font-size: clamp(2.7rem, 5.7vw, 4.2rem); }
  .rd-hero-copy .rd-lead { font-size: 1rem; }
  .rd-hero-art { padding-bottom: 84px; }
  .rd-hero-art > .rd-device { width: 77%; }
  .rd-hero-art .rd-pos-ui { min-height: 150px; }
  .rd-hero-art .rd-pos-sidebar { padding-inline: 4px; }
  .rd-hero-art .rd-pos-sidebar span { font-size: 5px; }
  .rd-hero-art .rd-pos-menu { padding: 7px; }
  .rd-hero-art .rd-pos-order { font-size: 5px; padding: 7px 5px; }
  .rd-hero-art .rd-pos-order > strong { font-size: 7px; }
  .rd-hero-art .rd-pos-tables { font-size: 4px; gap: 3px; }
  .rd-hero-art .rd-pos-tables span { padding: 3px; }
  .rd-service-strip > .rd-container { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
  .rd-service-item { flex-direction: column; gap: 12px; }
  .rd-service-item h2 { font-size: 1.1rem; }
  .rd-section-head { align-items: start; gap: 24px; }
  .rd-section-head > .rd-lead { flex-basis: 32%; }
  .rd-catalog .rdc-demo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; }
  .rd-demo-sample-caption strong { font-size: 25px; }
  .rd-demo-body { padding: 22px; }
  .rd-pos-grid { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .rd-pos-copy .rd-title { max-width: none; }
  .rd-pos-copy .rd-lead { max-width: 650px; }
  .rd-pos-features { max-width: 640px; gap: 30px; }
  .rd-pos-art { width: min(660px, 100%); margin-inline: auto; }
  .rd-pos-features h3 { font-size: 1rem; }
  .rd-pos-features p { font-size: .85rem; }
  .rd-steps-grid, .rd-offers-grid { gap: 20px; }
  .rd-step-copy, .rd-offer-copy { padding: 23px 18px; }
  .rd-step-copy h3 { font-size: 1.25rem; }
  .rd-step-copy p, .rd-offer-copy p { font-size: .85rem; }
  .rd-offer-copy h3 { font-size: 1.35rem; }
  .rd-offer-visual { height: 180px; padding-inline: 6%; }
  .rd-offer-visual .rd-device { min-width: 0; }
  .rd-offer-visual .rd-pos-products { gap: 2px; }
  .rd-offer-visual .rd-pos-order { padding-inline: 3px; }
  .rd-offer-visual .rd-pos-product > span { font-size: 3px; }
  .rd-partner-grid { gap: 35px; }
  .rd-partner-image { min-height: 400px; }
  .rd-faq-grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 35px; }
  .rd-contact-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  .rd-contact-copy, .rd-contact-form-wrap { padding: 28px; }
  .rdc-contact-form .rdc-form-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .rd-contact-image { aspect-ratio: 1.5; }
  .rd-footer-grid { grid-template-columns: 1.3fr 1fr; gap: 35px 50px; }
  .rd-layout-editorial .rd-pos-grid { grid-template-columns: minmax(0, 1fr); }
  .rd-layout-editorial .rd-pos-copy { order: 0; }
  .rd-layout-technical .rd-hero-art > .rd-device { width: 92%; }
  .rd-layout-manifesto .rd-hero-copy h1 { font-size: clamp(4rem, 8vw, 6rem); }
  .rd-layout-architectural .rd-hero-copy { padding: 28px; }
  .rd-layout-architectural .rd-hero-art { margin-inline: 15px; }
  .rd-layout-architectural .rd-hero-art::before { inset-inline: -15px; }
  .rd-layout-architectural .rd-partner-copy { padding: 30px; }
  .rd-layout-centered .rd-hero-art, .rd-layout-showcase .rd-hero-art, .rd-layout-theatre .rd-hero-art { width: min(660px, 100%); }
  .rd-layout-centered .rd-hero-art > .rd-device, .rd-layout-showcase .rd-hero-art > .rd-device, .rd-layout-theatre .rd-hero-art > .rd-device { width: 52%; }
}
@media (max-width: 700px) {
  :root { --rd-section-space: 60px; --rd-gutter: 22px; }
  .rd-section-head { display: block; margin-bottom: 28px; }
  .rd-section-head > .rd-lead { margin-top: 18px; max-width: 38em; }
  .rd-hero { padding-block: 48px; }
  .rd-hero .rd-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .rd-hero-copy h1 { font-size: clamp(2.7rem, 8.8vw, 4.3rem); max-width: 15ch; }
  .rd-hero-copy .rd-lead { max-width: 38em; }
  .rd-hero-actions { margin-top: 24px; }
  .rd-hero-art { width: min(540px, 100%); margin: 0 auto; padding-bottom: 105px; }
  .rd-hero-art > .rd-device { width: 68%; right: 0; bottom: 32px; }
  .rd-hero-art .rd-pos-ui { min-height: 175px; }
  .rd-hero-art .rd-pos-products { gap: 5px; }
  .rd-hero-art .rd-pos-product > span { font-size: 5px; }
  .rd-hero-art .rd-pos-sidebar span { font-size: 6px; }
  .rd-hero-art .rd-pos-order { font-size: 6px; }
  .rd-hero-art .rd-pos-order > strong { font-size: 8px; }
  .rd-browser-caption strong { font-size: clamp(24px, 5vw, 32px); }
  .rd-browser-caption small { font-size: 7px; }
  .rd-browser-caption span { font-size: 6px; }
  .rd-hero-art::before { max-width: 100%; }
  .rd-service-strip { padding-block: 28px; }
  .rd-service-strip > .rd-container { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .rd-service-item { flex-direction: row; gap: 16px; }
  .rd-service-item > svg { width: 27px; height: 27px; }
  .rd-service-item h2 { font-size: 1.2rem; }
  .rd-service-item p { font-size: .86rem; }
  .rd-steps-grid, .rd-offers-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .rd-step-card { display: grid; grid-template-columns: .92fr 1.08fr; align-items: stretch; }
  .rd-card-image { aspect-ratio: auto; height: 100%; min-height: 220px; }
  .rd-step-copy { align-self: center; padding: 26px; }
  .rd-step-copy h3 { font-size: 1.5rem; }
  .rd-step-copy p { font-size: .94rem; }
  .rd-step-number { margin-bottom: 13px; }
  .rd-offer-card { display: grid; grid-template-columns: .95fr 1.05fr; }
  .rd-offer-visual { height: 100%; min-height: 240px; padding-inline: 7%; }
  .rd-offer-copy { padding: 28px; }
  .rd-offer-copy h3 { font-size: 1.6rem; }
  .rd-offer-copy p { font-size: .94rem; }
  .rd-offer-visual .rd-browser-caption strong { font-size: 18px; }
  .rd-offer-visual .rd-browser-caption small { font-size: 4px; }
  .rd-offer-visual .rd-browser-caption span { font-size: 4px; }
  .rd-offer-visual--both > .rd-browser { align-self: center; margin-bottom: 35px; width: 92%; }
  .rd-offer-visual--both > .rd-device { width: 70%; bottom: 32px; }
  .rd-partner-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .rd-partner-image { aspect-ratio: 1.45; min-height: 0; max-height: 480px; }
  .rd-partner-copy .rd-title { max-width: 20ch; }
  .rd-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .rd-faq-intro { max-width: 500px; }
  .rd-faq-list summary { padding-block: 22px; }
  .rd-contact-grid { grid-template-columns: minmax(0, 1fr); }
  .rd-contact-image { aspect-ratio: 2.15; }
  .rd-contact-copy, .rd-contact-form-wrap { padding: 32px; }
  .rdc-contact-form .rdc-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rd-contact-form-wrap { padding-block: 38px; }
  .rd-footer { padding-top: 50px; }
  .rd-footer-grid { gap: 32px; }
  .rd-footer-bottom { margin-top: 32px; }
  .rd-demo-single { grid-template-columns: minmax(0, 1fr); }
  .rd-post-grid { grid-template-columns: minmax(0, 1fr); }
  .rd-detail-actions { margin-top: 24px; }
  .rd-layout-centered .rd-hero, .rd-layout-showcase .rd-hero { padding-top: 45px; }
  .rd-layout-centered .rd-hero-copy h1, .rd-layout-showcase .rd-hero-copy h1, .rd-layout-theatre .rd-hero-copy h1 { font-size: clamp(2.6rem, 7.8vw, 4rem); max-width: 18ch; }
  .rd-layout-centered .rd-hero-art > .rd-device, .rd-layout-showcase .rd-hero-art > .rd-device, .rd-layout-theatre .rd-hero-art > .rd-device { width: 58%; }
  .rd-layout-product .rd-pos, .rd-layout-soft .rd-pos, .rd-layout-showcase .rd-pos { border-radius: 24px; }
  .rd-layout-editorial .rd-hero-art { margin-top: 0; }
  .rd-layout-editorial .rd-hero-copy h1 { max-width: 14ch; }
  .rd-layout-editorial .rd-step-card:nth-child(n) { margin-top: 0; }
  .rd-layout-editorial .rd-step-copy { border-bottom: 0; padding: 24px; }
  .rd-layout-editorial .rd-partner-image, .rd-layout-panoramic .rd-partner-image, .rd-layout-wave .rd-partner-image { order: 0; }
  .rd-layout-diagonal .rd-hero::before { clip-path: polygon(100% 42%, 100% 100%, 0 100%, 0 70%); }
  .rd-layout-diagonal .rd-hero-art { padding-bottom: 80px; }
  .rd-layout-manifesto .rd-hero-copy h1 { max-width: 9ch; font-size: clamp(4.2rem, 14vw, 6.8rem); }
  .rd-layout-manifesto .rd-hero-art { padding: 36px 24px 100px; }
  .rd-layout-manifesto .rd-hero-art > .rd-device { right: 4%; }
  .rd-layout-manifesto .rd-step-copy h3, .rd-layout-manifesto .rd-offer-copy h3 { font-size: 1.8rem; }
  .rd-layout-soft .rd-hero { padding-top: 45px; }
  .rd-layout-soft .rd-step-copy { padding: 26px; }
  .rd-layout-technical .rd-hero-copy h1 { max-width: 15ch; }
  .rd-layout-technical .rd-hero-art > .rd-device { width: 77%; right: 0; }
  .rd-layout-minimal .rd-hero { padding-block: 60px; }
  .rd-layout-minimal .rd-step-copy { padding: 24px; border-bottom: 0; }
  .rd-layout-panoramic .rd-hero { padding-block: 55px 65px; }
  .rd-layout-panoramic .rd-hero::before { background: linear-gradient(180deg, #fbf7eff2 20%, #fbf7ef73 70%), var(--rd-hero-image) center / cover; }
  .rd-layout-panoramic .rd-hero-art { margin-top: 0; }
  .rd-layout-asymmetric .rd-step-card:nth-child(2) { transform: none; }
  .rd-layout-asymmetric .rd-pos { border-radius: 38px 0 38px 0; }
  .rd-layout-architectural .rd-hero-grid { gap: 0; }
  .rd-layout-architectural .rd-hero-copy { padding: 36px; }
  .rd-layout-architectural .rd-hero-copy h1 { max-width: 16ch; }
  .rd-layout-architectural .rd-hero-art { width: calc(100% - 42px); margin: 30px auto 0; }
  .rd-layout-architectural .rd-hero-art::before { inset: -30px -21px 0; }
  .rd-layout-architectural .rd-service-item + .rd-service-item { border-inline-start: 0; padding-inline-start: 0; padding-top: 22px; border-top: 1px solid var(--rd-border); }
  .rd-layout-architectural .rd-partner-grid { gap: 0; }
  .rd-layout-immersive-split .rd-hero { padding-block: 120px 70px; }
  .rd-layout-immersive-split .rd-hero::before { background: linear-gradient(180deg, #17110be6, #17110b8c), var(--rd-hero-image) center / cover; }
  .rd-layout-immersive-split .rd-pos { border-radius: 0 0 35px 0; }
  .rd-layout-organic .rd-service-strip { border-radius: 0 35px 0 0; }
  .rd-layout-organic .rd-pos, .rd-layout-wave .rd-pos, .rd-layout-coastal .rd-pos { border-radius: 35px 0 35px 0; }
  .rd-layout-organic .rd-card-image { border-radius: 30px 8px 8px 8px; }
  .rd-layout-theatre .rd-hero { padding-top: 120px; }
  .rd-layout-wave .rd-hero { padding-bottom: 70px; }
  .rd-layout-coastal .rd-hero { padding-block: 32px 65px; }
  .rd-layout-coastal .rd-hero-copy { padding: 32px; }
  .rd-layout-coastal .rd-hero-copy h1 { font-size: clamp(2.5rem, 8vw, 4rem); }
  .rd-layout-coastal .rd-hero-art { width: min(480px, 100%); }
  .rd-layout-split .rd-step-copy, .rd-layout-centered .rd-step-copy, .rd-layout-panoramic .rd-step-copy, .rd-layout-showcase .rd-step-copy, .rd-layout-organic .rd-step-copy, .rd-layout-wave .rd-step-copy, .rd-layout-coastal .rd-step-copy { padding: 24px; }
}
@media (max-width: 500px) {
  :root { --rd-gutter: 20px; }
  .rd-header-inner { min-height: 70px; gap: 0 10px; }
  .rd-header .rd-header-contact { display: none; }
  .rd-header.rd-nav-enhanced .rd-nav-toggle { margin-inline-start: auto; }
  .rd-brand { font-size: 1.35rem; }
  .rd-brand svg { width: 26px; height: 26px; }
  .rd-header .rd-menu, .rd-header .rd-nav > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; }
  .rd-header .rd-nav a { font-size: .86rem; }
  .rd-header-floating .rd-header { width: calc(100% - 24px); margin-top: 12px; border-radius: 20px; }
  .rd-header-floating .rd-header-inner { width: calc(100% - 24px); }
  .rd-hero-copy h1 { font-size: clamp(2.45rem, 9vw, 3.25rem); }
  .rd-hero-copy .rd-lead { font-size: 1rem; }
  .rd-hero-art { padding-top: 20px; padding-bottom: 85px; }
  .rd-hero-art > .rd-browser { width: 94%; }
  .rd-hero-art > .rd-device { width: 75%; padding: 5px; border-radius: 11px; }
  .rd-hero-art .rd-device-topbar { min-height: 22px; padding: 5px 6px; }
  .rd-hero-art .rd-device-topbar strong { font-size: 8px; }
  .rd-hero-art .rd-device-topbar span { font-size: 5px; }
  .rd-hero-art .rd-pos-ui { min-height: 125px; }
  .rd-hero-art .rd-pos-tabs { font-size: 6px; margin-bottom: 5px; }
  .rd-hero-art .rd-pos-tabs > span { font-size: 4px; }
  .rd-hero-art .rd-pos-menu { padding: 5px; }
  .rd-hero-art .rd-pos-products { gap: 3px; }
  .rd-hero-art .rd-pos-product > span { padding: 3px 2px; font-size: 4px; }
  .rd-hero-art .rd-pos-sidebar { padding: 5px 3px; gap: 2px; }
  .rd-hero-art .rd-pos-sidebar span { padding: 4px 2px; font-size: 4px; }
  .rd-hero-art .rd-pos-order { padding: 5px 4px; gap: 4px; font-size: 4px; }
  .rd-hero-art .rd-pos-order > strong { font-size: 6px; }
  .rd-hero-art .rd-pos-order > small { font-size: 4px; }
  .rd-hero-art .rd-pos-order > span { padding-bottom: 4px; }
  .rd-hero-art .rd-pos-send { font-size: 4px; padding: 4px 2px; }
  .rd-hero-art .rd-pos-tables { margin-top: 5px; font-size: 3px; }
  .rd-hero-art-caption { font-size: .59rem; }
  .rd-browser-nav { min-height: 27px; }
  .rd-browser-nav strong { font-size: 9px; }
  .rd-browser-nav span { font-size: 4px; }
  .rd-browser-caption strong { font-size: 23px; }
  .rd-browser-caption small { font-size: 5px; margin-bottom: 7px; }
  .rd-browser-caption span { font-size: 5px; }
  .rd-catalog .rdc-demo-grid { grid-template-columns: minmax(0, 1fr); gap: 25px; }
  .rd-catalog .rdc-filters { align-items: stretch; gap: 14px; }
  .rd-catalog .rdc-type-pills { gap: 7px; flex-basis: 100%; }
  .rd-catalog .rdc-type-pills button { font-size: .77rem; padding-inline: 14px; }
  .rd-catalog .rdc-filters > label, .rd-catalog .rdc-filters > div { max-width: 100%; }
  .rd-demo-sample-caption strong { font-size: clamp(23px, 7vw, 32px); }
  .rd-demo-sample-caption span { font-size: 8px; }
  .rd-demo-sample-caption em, .rd-demo-sample-caption i { font-size: 6px; }
  .rd-demo-sample-nav { min-height: 35px; }
  .rd-demo-sample-nav b, .rd-demo-sample-nav strong { font-size: 11px; }
  .rd-demo-title { font-size: 1.55rem; }
  .rd-demo-description { font-size: .91rem; }
  .rd-demo-actions .rd-button { min-height: 44px; font-size: .82rem; }
  .rd-steps-grid, .rd-offers-grid { gap: 26px; }
  .rd-step-card, .rd-offer-card { display: flex; flex-direction: column; }
  .rd-card-image { width: 100%; aspect-ratio: 1.6; height: auto; min-height: 0; }
  .rd-step-copy, .rd-layout-soft .rd-step-copy { width: 100%; padding: 25px; }
  .rd-step-copy h3 { font-size: 1.5rem; }
  .rd-offer-visual { width: 100%; min-height: 0; height: 240px; padding: 25px 10%; }
  .rd-offer-visual .rd-browser-caption strong { font-size: 24px; }
  .rd-offer-visual .rd-browser-caption small { font-size: 5px; }
  .rd-offer-visual .rd-browser-caption span { font-size: 5px; }
  .rd-offer-visual .rd-pos-product > span { font-size: 4px; }
  .rd-offer-visual .rd-pos-ui { min-height: 150px; }
  .rd-offer-visual--both > .rd-browser { align-self: start; width: 87%; margin-bottom: 0; }
  .rd-offer-visual--both > .rd-device { width: 63%; bottom: 20px; }
  .rd-offer-visual--both .rd-pos-ui { min-height: 105px; }
  .rd-offer-copy { width: 100%; padding: 26px; }
  .rd-offer-copy .rd-button { width: 100%; }
  .rd-pos-features { gap: 14px; }
  .rd-pos-features p { font-size: .75rem; }
  .rd-pos-features h3 { font-size: .88rem; }
  .rd-pos-art { padding-bottom: 40px; }
  .rd-pos-art .rd-device { padding: 5px; border-radius: 12px; }
  .rd-pos-art .rd-device-topbar { padding: 5px 6px; min-height: 23px; }
  .rd-pos-art .rd-device-topbar strong { font-size: 9px; }
  .rd-pos-art .rd-device-topbar span { font-size: 5px; }
  .rd-pos-art .rd-pos-ui { min-height: 155px; }
  .rd-pos-art .rd-pos-sidebar { padding: 6px 4px; gap: 3px; }
  .rd-pos-art .rd-pos-sidebar span { padding: 4px 1px; font-size: 5px; }
  .rd-pos-art .rd-pos-menu { padding: 6px; }
  .rd-pos-art .rd-pos-tabs { font-size: 7px; }
  .rd-pos-art .rd-pos-tabs > span { font-size: 4px; }
  .rd-pos-art .rd-pos-products { gap: 4px; }
  .rd-pos-art .rd-pos-product > span { font-size: 4px; }
  .rd-pos-art .rd-pos-tables { gap: 3px; font-size: 4px; }
  .rd-pos-art .rd-pos-tables span { padding: 4px; }
  .rd-pos-art .rd-pos-order { padding: 7px 4px; font-size: 5px; gap: 5px; }
  .rd-pos-art .rd-pos-order > strong { font-size: 7px; }
  .rd-pos-art .rd-pos-order > small { font-size: 4px; }
  .rd-pos-art .rd-pos-send { font-size: 4px; padding: 5px 2px; }
  .rd-pos-art > .rd-phone { min-width: 0; width: 27%; padding: 4px; border-radius: 13px; bottom: 22px; }
  .rd-phone-top { border-radius: 8px 8px 0 0; height: 23px; padding-top: 11px; font-size: 5px; }
  .rd-phone-content { min-height: 130px; padding: 7px 5px 10px; border-radius: 0 0 8px 8px; font-size: 4px; }
  .rd-phone-content > strong { font-size: 7px; margin-bottom: 8px; }
  .rd-phone-content > small { font-size: 4px; }
  .rd-phone-content span { padding: 6px 4px; margin-top: 6px; }
  .rd-phone-content > b { margin-top: 10px; padding: 6px 2px; font-size: 4px; }
  .rd-partner-image { aspect-ratio: 1.2; }
  .rd-faq-list summary { font-size: .95rem; gap: 12px; }
  .rd-faq-list details > div { padding-right: 10px; }
  .rd-contact-copy, .rd-contact-form-wrap { padding: 27px 23px; }
  .rd-contact-copy .rd-title { font-size: 2rem; }
  .rdc-contact-form .rdc-form-grid { grid-template-columns: minmax(0, 1fr); }
  .rd-contact-form-wrap { padding-block: 32px; }
  .rd-contact-image { aspect-ratio: 1.7; }
  .rd-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
  .rd-footer-brand, .rd-footer-grid > div:last-child { grid-column: 1 / -1; }
  .rd-footer-grid h2 { margin-bottom: 15px; }
  .rd-footer-brand .rd-brand { margin-bottom: 15px; }
  .rd-footer-bottom { display: block; }
  .rd-footer-legal { margin-top: 18px; gap: 15px; }
  .rd-layout-centered .rd-hero-art > .rd-device, .rd-layout-showcase .rd-hero-art > .rd-device, .rd-layout-theatre .rd-hero-art > .rd-device { width: 66%; }
  .rd-layout-centered .rd-hero-art > .rd-browser, .rd-layout-showcase .rd-hero-art > .rd-browser, .rd-layout-theatre .rd-hero-art > .rd-browser { width: 91%; margin-left: 0; }
  .rd-layout-centered .rd-hero-art::before { inset-inline: 0; }
  .rd-layout-product .rd-pos, .rd-layout-soft .rd-pos, .rd-layout-showcase .rd-pos { width: calc(100% - 20px); }
  .rd-layout-product .rd-pos > .rd-container, .rd-layout-soft .rd-pos > .rd-container, .rd-layout-showcase .rd-pos > .rd-container { width: calc(100% - 32px); }
  .rd-layout-manifesto .rd-hero-art { padding-inline: 16px; }
  .rd-layout-manifesto .rd-hero-art > .rd-device { width: 76%; }
  .rd-layout-minimal .rd-step-copy, .rd-layout-editorial .rd-step-copy, .rd-layout-split .rd-step-copy, .rd-layout-centered .rd-step-copy, .rd-layout-panoramic .rd-step-copy, .rd-layout-showcase .rd-step-copy, .rd-layout-organic .rd-step-copy, .rd-layout-wave .rd-step-copy, .rd-layout-coastal .rd-step-copy { padding: 24px 0 10px; }
  .rd-layout-diagonal .rd-hero-art-caption { color: #fff0e7; }
  .rd-layout-architectural .rd-hero-copy { padding: 28px 22px; }
  .rd-layout-architectural .rd-hero-copy h1 { font-size: 2.5rem; }
  .rd-layout-architectural .rd-hero-art { width: calc(100% - 24px); }
  .rd-layout-architectural .rd-hero-art::before { inset-inline: -12px; }
  .rd-layout-architectural .rd-partner-copy { padding: 28px 22px; }
  .rd-layout-coastal .rd-hero-copy { padding: 27px 23px; }
  .rd-layout-coastal .rd-hero-copy h1 { font-size: 2.5rem; }
  .alignleft, .alignright { float: none; margin-inline: 0; }
}
@media (max-width: 360px) {
  :root { --rd-gutter: 16px; }
  .rd-title { font-size: 1.9rem; }
  .rd-hero-copy h1 { font-size: 2.5rem; }
  .rd-hero-actions { flex-direction: column; align-items: stretch; }
  .rd-hero-note { font-size: .72rem; }
  .rd-browser-caption strong { font-size: 20px; }
  .rd-hero-art > .rd-device { width: 80%; }
  .rd-hero-art .rd-pos-ui { min-height: 115px; }
  .rd-demo-body { padding: 20px; }
  .rd-demo-actions { gap: 7px; }
  .rd-demo-actions .rd-button { padding-inline: 7px; font-size: .77rem; }
  .rd-pos-features { gap: 10px; }
  .rd-contact-copy, .rd-contact-form-wrap { padding-inline: 20px; }
  .rd-layout-manifesto .rd-hero-copy h1 { font-size: 4.1rem; }
  .rd-layout-architectural .rd-hero-copy h1, .rd-layout-coastal .rd-hero-copy h1 { font-size: 2.3rem; }
  .rd-layout-architectural .rd-hero-copy, .rd-layout-coastal .rd-hero-copy { padding-inline: 20px; }
}
@media (max-width: 782px) {
  .home.admin-bar.rd-header-overlay .rd-header { top: 46px; }
}
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .rd-button, .rd-demo-card, .rd-step-card, .rd-offer-card { border: 1px solid ButtonText; }
  .rd-nav-toggle i, .rd-nav-toggle i::before, .rd-nav-toggle i::after { background: ButtonText; }
  .rd-hero::before, .rd-hero::after, .rd-hero-art::before { display: none; }
  .rd-hero-copy { background: Canvas !important; color: CanvasText !important; }
}
@media print {
  .rd-header, .rd-footer, .rd-hero-actions, .rd-catalog .rdc-filters, .rdc-pager, .rd-contact-form-wrap { display: none !important; }
  body { background: #fff; color: #111; }
  .rd-container { width: 100%; }
  .rd-section { padding-block: 30px; }
  .rd-hero { padding-top: 30px !important; }
  .rd-hero::before, .rd-hero::after { display: none; }
  .rd-hero-copy, .rd-pos, .rd-contact-intro { background: #fff !important; color: #111 !important; --rd-ink: #111; --rd-muted: #444; }
  .rd-demo-card, .rd-step-card, .rd-offer-card { break-inside: avoid; box-shadow: none !important; }
}