/* 1AI profession-aware profile renderer */
:root {
  color-scheme: light;
  --design-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --design-serif: Iowan Old Style, Baskerville, Georgia, serif;
  --design-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --design-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

*, *::before, *::after { box-sizing: border-box; }

.micro-page {
  container-type: inline-size;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 46px 17px 27px;
  border-radius: 34px;
  background: var(--micro-bg, #f4f5ef);
  color: var(--micro-text, #111511);
  font-family: var(--design-sans);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: color-mix(in srgb, var(--micro-accent) 55%, transparent) transparent;
  scrollbar-width: thin;
}

.micro-page::-webkit-scrollbar { width: 4px; }
.micro-page::-webkit-scrollbar-track { background: transparent; }
.micro-page::-webkit-scrollbar-thumb { border-radius: 20px; background: color-mix(in srgb, var(--micro-accent) 56%, transparent); }
.micro-page > *:not(.design-ambient) { position: relative; z-index: 2; }

.micro-page[data-font="serif"] { font-family: var(--design-serif); }
.micro-page[data-font="mono"] { font-family: var(--design-mono); }
.micro-page[data-font="round"] { font-family: "Trebuchet MS", var(--design-sans); }
.micro-page[data-font="display"] { font-family: var(--design-display); letter-spacing: .01em; }
.micro-page[data-font="display"] .design-bio,
.micro-page[data-font="display"] .design-role,
.micro-page[data-font="display"] .design-links { font-family: var(--design-sans); }

.micro-page[data-shape="sharp"] { --design-radius: 3px; --design-small-radius: 1px; }
.micro-page[data-shape="soft"] { --design-radius: 17px; --design-small-radius: 10px; }
.micro-page[data-shape="round"] { --design-radius: 25px; --design-small-radius: 15px; }
.micro-page[data-shape="pill"] { --design-radius: 32px; --design-small-radius: 999px; }
.micro-page[data-shape="arch"] { --design-radius: 90px 90px 18px 18px; --design-small-radius: 999px 999px 15px 15px; }
.micro-page[data-shape="cut"] { --design-radius: 2px 18px 2px 18px; --design-small-radius: 1px 10px 1px 10px; }

.design-ambient {
  position: absolute;
  z-index: 0;
  top: -95px;
  right: -110px;
  width: 245px;
  height: 245px;
  border-radius: 50%;
  background: var(--micro-accent);
  opacity: .19;
  filter: blur(2px);
  pointer-events: none;
}

/* The legacy phone mock assigns relative positioning to every direct child. */
.micro-page > .design-ambient {
  position: absolute;
  z-index: 0;
}

.design-topbar {
  display: grid;
  margin-bottom: 17px;
  grid-template-columns: 25px 1fr auto;
  align-items: center;
  gap: 8px;
  color: color-mix(in srgb, var(--micro-text) 67%, transparent);
  font-family: var(--design-sans);
  font-size: 6.5px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.design-logo {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: var(--design-small-radius, 8px);
  background: var(--micro-accent);
  color: color-mix(in srgb, var(--micro-text) 95%, #000);
  font-size: 8px;
  letter-spacing: 0;
}

.design-topbar > b { letter-spacing: 2px; }

.design-hero {
  position: relative;
  display: grid;
  min-height: 166px;
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--micro-text) 13%, transparent);
  border-radius: var(--design-radius, 17px);
  background: color-mix(in srgb, var(--micro-surface) 19%, transparent);
  grid-template-columns: 44px 1fr;
  align-items: center;
  gap: 11px;
  overflow: hidden;
}

.design-hero-copy { min-width: 0; }
.design-eyebrow {
  margin: 0 0 7px;
  color: var(--micro-accent-2);
  font-family: var(--design-sans);
  font-size: 5.7px;
  font-weight: 900;
  letter-spacing: .15em;
}

.design-hero h1 {
  margin: 0;
  font-family: inherit;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: .95;
  overflow-wrap: anywhere;
}

.design-role {
  margin: 7px 0 0;
  color: var(--micro-accent-2);
  font-family: var(--design-sans);
  font-size: 6.5px;
  font-weight: 850;
}

.design-bio {
  display: -webkit-box;
  margin: 7px 0 0;
  color: color-mix(in srgb, var(--micro-text) 72%, transparent);
  font-family: var(--design-sans);
  font-size: 7px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.design-primary-cta {
  display: inline-flex;
  min-height: 25px;
  margin-top: 10px;
  padding: 0 10px;
  border-radius: var(--design-small-radius, 10px);
  background: var(--micro-accent);
  color: #fff;
  align-items: center;
  gap: 8px;
  font-family: var(--design-sans);
  font-size: 6.5px;
  font-weight: 900;
}

.design-primary-cta b { font-size: 9px; }
.design-avatar {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--micro-accent-2) 72%, white);
  border-radius: var(--design-small-radius, 12px);
  background: linear-gradient(145deg, var(--micro-accent), var(--micro-accent-2));
  box-shadow: 0 9px 22px rgba(0, 0, 0, .14);
  color: #fff;
  font-family: var(--design-sans);
  font-size: 11px;
  font-weight: 950;
  overflow: hidden;
}

.design-avatar img { width: 100%; height: 100%; object-fit: cover; }
.design-hero-visual { position: relative; display: grid; min-height: 100px; place-items: center; }
.design-hero-visual .design-avatar { position: absolute; right: 4px; bottom: 2px; width: 38px; height: 38px; }

.hero-minimal-art,
.hero-editorial-art,
.hero-split-art,
.hero-compact-art {
  align-self: end;
  color: var(--micro-accent-2);
  font-family: var(--design-sans);
  text-align: right;
}
.hero-minimal-art span,
.hero-editorial-art span,
.hero-split-art span,
.hero-compact-art span { display: block; font-size: 13px; font-weight: 950; }
.hero-minimal-art small,
.hero-editorial-art small,
.hero-split-art small,
.hero-compact-art small { display: block; max-width: 50px; font-size: 5px; line-height: 1.2; text-transform: uppercase; }

/* Hero compositions */
.micro-page[data-hero="editorial"] .design-hero {
  min-height: 188px;
  padding: 14px 15px;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--micro-text) 22%, transparent);
  border-radius: 0;
  background: transparent;
  grid-template-columns: 53px 1fr 38px;
}
.micro-page[data-hero="editorial"] .design-avatar { width: 53px; height: 77px; border: 0; border-radius: 999px 999px 8px 8px; }
.micro-page[data-hero="editorial"] .design-hero h1 { font-size: 29px; font-style: italic; font-weight: 500; }
.micro-page[data-hero="editorial"] .design-primary-cta { background: transparent; color: var(--micro-text); padding: 0; border-bottom: 1px solid var(--micro-accent); border-radius: 0; }

.micro-page[data-hero="split"] .design-hero { min-height: 192px; grid-template-columns: minmax(0, 1fr) 83px; }
.micro-page[data-hero="split"] .design-avatar { display: none; }
.micro-page[data-hero="split"] .hero-split-art { display: grid; width: 83px; height: 150px; padding: 10px; border-radius: var(--design-radius); background: var(--micro-accent); color: #fff; place-content: end start; text-align: left; }
.micro-page[data-hero="split"] .hero-split-art span { font-size: 30px; }

.micro-page[data-hero="poster"] .design-hero { min-height: 220px; padding: 15px; border: 0; background: var(--micro-accent); color: #fff; grid-template-columns: 1fr 84px; align-items: end; }
.micro-page[data-hero="poster"] .design-hero h1 { font-size: 32px; text-transform: uppercase; }
.micro-page[data-hero="poster"] .design-eyebrow,
.micro-page[data-hero="poster"] .design-role { color: var(--micro-accent-2); }
.micro-page[data-hero="poster"] .design-bio { color: rgba(255,255,255,.72); }
.micro-page[data-hero="poster"] .design-primary-cta { background: var(--micro-accent-2); color: #111; }
.hero-poster-art { position: relative; display: grid; width: 78px; height: 138px; place-items: center; border: 1px solid rgba(255,255,255,.32); overflow: hidden; }
.hero-poster-art span { position: relative; z-index: 2; font-size: 35px; }
.hero-poster-art i { position: absolute; width: 90px; height: 1px; background: rgba(255,255,255,.38); transform: rotate(40deg); }
.hero-poster-art i:last-child { transform: rotate(-40deg); }

.micro-page[data-hero="compact"] .design-hero { min-height: 132px; grid-template-columns: 44px 1fr 42px; }
.micro-page[data-hero="compact"] .design-hero h1 { font-size: 20px; }
.micro-page[data-hero="compact"] .design-bio { display: none; }

.micro-page[data-hero="centered"] .design-hero,
.micro-page[data-hero="wellness"] .design-hero,
.micro-page[data-hero="clean"] .design-hero {
  min-height: 220px;
  padding: 17px 19px;
  place-items: center;
  grid-template-columns: 1fr;
  text-align: center;
}
.micro-page[data-hero="centered"] .design-avatar,
.micro-page[data-hero="wellness"] .design-avatar,
.micro-page[data-hero="clean"] .design-avatar { width: 58px; height: 58px; border-radius: 50%; }
.micro-page[data-hero="centered"] .design-hero h1,
.micro-page[data-hero="wellness"] .design-hero h1,
.micro-page[data-hero="clean"] .design-hero h1 { font-size: 27px; }
.hero-center-art, .hero-wellness-art, .hero-clean-art { position: absolute; inset: 8px; pointer-events: none; }
.hero-center-art i, .hero-wellness-art i, .hero-clean-art i { position: absolute; inset: 10px 35px; border: 1px solid color-mix(in srgb, var(--micro-accent) 35%, transparent); border-radius: 50%; }
.hero-center-art span, .hero-wellness-art span, .hero-clean-art span { position: absolute; top: 2px; right: 7px; color: var(--micro-accent); font-size: 18px; }
.hero-wellness-art small, .hero-clean-art small { position: absolute; bottom: 5px; left: 0; color: var(--micro-accent); font-size: 7px; font-weight: 900; }

.micro-page[data-hero="catalog"] .design-hero { min-height: 218px; border: 0; border-radius: 0; background: transparent; grid-template-columns: 1fr 102px; }
.micro-page[data-hero="catalog"] .design-hero h1 { font-family: var(--design-serif); font-size: 30px; font-weight: 500; }
.hero-catalog-art { position: relative; width: 102px; height: 180px; background: var(--micro-accent); color: #fff; overflow: hidden; }
.hero-catalog-art i { position: absolute; inset: 10px; border: 1px solid rgba(255,255,255,.35); }
.hero-catalog-art span { position: absolute; top: 45px; right: 0; left: 0; font-size: 39px; text-align: center; }
.hero-catalog-art small { position: absolute; right: 9px; bottom: 10px; left: 9px; font-family: var(--design-sans); font-size: 5px; letter-spacing: .12em; }

.micro-page[data-hero="technical"] .design-hero { min-height: 192px; border-radius: 0; background: transparent; border-color: var(--micro-accent); grid-template-columns: 1fr 92px; }
.micro-page[data-hero="technical"] .design-hero::before { position: absolute; top: 0; left: 0; width: 62px; height: 3px; background: var(--micro-accent); content: ""; }
.micro-page[data-hero="technical"] .design-hero h1 { font-size: 23px; text-transform: uppercase; }
.hero-tech-art { display: grid; width: 92px; height: 142px; padding: 10px; border: 1px solid var(--micro-accent); align-content: space-between; font-family: var(--design-mono); }
.hero-tech-art > span { font-size: 5px; }
.hero-tech-art > span b { color: var(--micro-accent); }
.hero-tech-art i { display: block; height: 4px; background: linear-gradient(90deg, var(--micro-accent) 65%, color-mix(in srgb, var(--micro-text) 10%, transparent) 65%); }
.hero-tech-art i:nth-of-type(2) { background: linear-gradient(90deg, var(--micro-accent) 88%, color-mix(in srgb, var(--micro-text) 10%, transparent) 88%); }
.hero-tech-art small { color: var(--micro-accent-2); font-size: 15px; font-weight: 900; }

.micro-page[data-hero="floating"] .design-hero { min-height: 210px; border: 0; background: linear-gradient(145deg, color-mix(in srgb, var(--micro-accent) 24%, transparent), color-mix(in srgb, var(--micro-surface) 28%, transparent)); grid-template-columns: 1fr 92px; }
.hero-float-art { position: relative; width: 88px; height: 154px; }
.hero-float-art i { position: absolute; inset: 3px 9px 16px; border-radius: 17px; background: var(--micro-surface); box-shadow: 0 18px 28px rgba(0,0,0,.17); transform: rotate(7deg); }
.hero-float-art span { position: absolute; z-index: 2; top: 43px; right: 0; left: 0; color: var(--micro-accent); font-size: 30px; text-align: center; }
.hero-float-art small { position: absolute; z-index: 2; right: 17px; bottom: 29px; color: var(--micro-text); font-size: 7px; font-weight: 900; }

.micro-page[data-hero="map"] .design-hero { min-height: 212px; border: 0; background: color-mix(in srgb, var(--micro-surface) 28%, transparent); grid-template-columns: 1fr 106px; }
.hero-map-art { position: relative; width: 106px; height: 164px; border-radius: var(--design-radius); background: repeating-linear-gradient(25deg, transparent 0 20px, color-mix(in srgb, var(--micro-text) 10%, transparent) 21px 22px); }
.hero-map-art i { position: absolute; width: 11px; height: 11px; border: 3px solid var(--micro-accent); border-radius: 50%; }
.hero-map-art i:first-child { top: 23px; right: 21px; }
.hero-map-art i:nth-child(2) { bottom: 25px; left: 18px; }
.hero-map-art b { position: absolute; top: 72px; left: 46px; color: var(--micro-accent); font-size: 25px; transform: rotate(132deg); }
.hero-map-art small { position: absolute; right: 8px; bottom: 7px; padding: 5px 7px; border-radius: 99px; background: var(--micro-accent); color: #fff; font-size: 6px; }

.micro-page[data-hero="playful"] .design-hero { min-height: 210px; border: 0; background: var(--micro-surface); color: var(--micro-text); grid-template-columns: 1fr 92px; }
.hero-play-art { position: relative; width: 92px; height: 155px; }
.hero-play-art i { position: absolute; width: 64px; height: 64px; border-radius: 50%; background: var(--micro-accent); }
.hero-play-art i:first-child { top: 6px; right: 1px; }
.hero-play-art i:nth-child(2) { bottom: 4px; left: 0; background: var(--micro-accent-2); }
.hero-play-art span { position: absolute; z-index: 2; top: 54px; left: 30px; font-size: 28px; transform: rotate(-8deg); }
.hero-play-art small { position: absolute; z-index: 2; right: 12px; bottom: 18px; font-size: 9px; font-weight: 900; }

.micro-page[data-hero="screen"] .design-hero { min-height: 208px; grid-template-columns: 1fr 105px; }
.hero-screen-art { position: relative; width: 105px; height: 128px; border: 5px solid color-mix(in srgb, var(--micro-text) 85%, #000); border-radius: 10px; background: var(--micro-accent); }
.hero-screen-art span { position: absolute; top: 34px; left: 39px; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #fff; color: #111; font-size: 9px; }
.hero-screen-art i { position: absolute; right: 8px; bottom: 18px; left: 8px; height: 3px; background: rgba(255,255,255,.4); }
.hero-screen-art small { position: absolute; bottom: -25px; left: -4px; font-family: var(--design-sans); font-size: 5px; }

.micro-page[data-hero="fresh"] .design-hero { min-height: 202px; border: 0; background: color-mix(in srgb, var(--micro-accent) 13%, var(--micro-bg)); grid-template-columns: 1fr 94px; }
.hero-fresh-art { position: relative; width: 90px; height: 144px; border-radius: 50% 50% 48% 20%; background: var(--micro-accent); color: #fff; }
.hero-fresh-art span { position: absolute; top: 40px; left: 30px; font-size: 28px; }
.hero-fresh-art i { position: absolute; top: -9px; left: 20px; width: 27px; height: 15px; border-radius: 100% 0; background: var(--micro-accent-2); transform: rotate(-25deg); }
.hero-fresh-art small { position: absolute; right: 12px; bottom: 13px; font-size: 5px; }

.micro-page[data-hero="luxe"] .design-hero { min-height: 228px; border: 1px solid var(--micro-accent); background: transparent; grid-template-columns: 1fr 86px; }
.micro-page[data-hero="luxe"] .design-hero h1 { font-family: var(--design-serif); font-size: 30px; font-weight: 400; }
.micro-page[data-hero="luxe"] .design-primary-cta { border: 1px solid var(--micro-accent); background: transparent; color: var(--micro-text); }
.hero-luxe-art { position: relative; display: grid; width: 82px; height: 164px; place-items: center; border-radius: 99px 99px 4px 4px; background: var(--micro-accent); color: #fff; }
.hero-luxe-art span { font-size: 30px; }
.hero-luxe-art i { position: absolute; width: 18px; height: 18px; border: 1px solid var(--micro-accent-2); transform: rotate(45deg); }
.hero-luxe-art i:first-child { top: 12px; }
.hero-luxe-art i:last-child { bottom: 12px; }

.micro-page[data-hero="professional"] .design-hero { min-height: 200px; border-radius: 0; background: var(--micro-surface); color: var(--micro-text); grid-template-columns: 1fr 87px; }
.hero-pro-art { display: grid; width: 87px; height: 142px; padding: 9px; border-left: 4px solid var(--micro-accent); background: color-mix(in srgb, var(--micro-accent) 8%, var(--micro-surface)); align-content: space-between; }
.hero-pro-art span { color: var(--micro-accent); font-size: 28px; font-weight: 900; }
.hero-pro-art i { height: 36px; background: repeating-linear-gradient(0deg, color-mix(in srgb, var(--micro-text) 24%, transparent) 0 1px, transparent 1px 8px); }
.hero-pro-art small { font-size: 6px; text-transform: uppercase; }

.micro-page[data-hero="classic"] .design-hero { min-height: 210px; border: 3px double var(--micro-accent); background: transparent; grid-template-columns: 1fr 82px; }
.micro-page[data-hero="classic"] .design-hero h1 { font-family: var(--design-serif); font-weight: 500; }
.hero-classic-art { position: relative; display: grid; width: 82px; height: 148px; place-items: center; border: 1px solid var(--micro-accent); border-radius: 999px 999px 5px 5px; }
.hero-classic-art i { position: absolute; inset: 7px; border: 1px solid color-mix(in srgb, var(--micro-accent) 45%, transparent); border-radius: inherit; }
.hero-classic-art span { font-size: 27px; }
.hero-classic-art small { position: absolute; bottom: 15px; font-size: 5px; }

.design-section-head {
  display: flex;
  margin-bottom: 9px;
  color: color-mix(in srgb, var(--micro-text) 63%, transparent);
  align-items: center;
  justify-content: space-between;
  font-family: var(--design-sans);
  font-size: 5.5px;
  font-weight: 900;
  letter-spacing: .14em;
}

.design-signature,
.design-services,
.design-links,
.design-meta {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--micro-text) 12%, transparent);
  border-radius: var(--design-radius, 17px);
  background: color-mix(in srgb, var(--micro-surface) 17%, transparent);
}

/* Profession-specific signature scenes */
.design-signature > div:not(.design-section-head) { min-height: 82px; }
.scene-menu p { display: grid; margin: 0; padding: 7px 0; border-bottom: 1px solid color-mix(in srgb, var(--micro-text) 12%, transparent); grid-template-columns: auto 1fr auto; align-items: end; gap: 6px; font-size: 7px; }
.scene-menu p:last-child { border: 0; }
.scene-menu p i { border-bottom: 1px dotted color-mix(in srgb, var(--micro-text) 32%, transparent); }
.scene-menu p span { color: var(--micro-accent-2); font-size: 6px; }

.scene-reservation { display: grid; grid-template-columns: 72px 1fr; gap: 9px; }
.scene-reservation > div { display: grid; padding: 8px; border-radius: var(--design-small-radius); background: var(--micro-accent); color: #fff; }
.scene-reservation > div span { font-size: 5px; }
.scene-reservation > div b { font-size: 25px; }
.scene-reservation > div small { font-size: 6px; }
.scene-reservation > p { display: grid; margin: 0; gap: 5px; }
.scene-reservation > p i { padding: 7px; border: 1px solid color-mix(in srgb, var(--micro-text) 14%, transparent); border-radius: var(--design-small-radius); font-family: var(--design-sans); font-size: 6px; font-style: normal; }
.scene-reservation > p i.is-active { background: var(--micro-accent-2); color: #111; }

.scene-ticket { position: relative; display: grid; padding: 11px; border: 1px dashed var(--micro-accent-2); grid-template-columns: 1fr auto; align-content: space-between; overflow: hidden; }
.scene-ticket small { font-size: 5px; letter-spacing: .2em; }
.scene-ticket strong { grid-row: span 2; color: var(--micro-accent); font-size: 28px; }
.scene-ticket p { margin: 15px 0 0; font-family: var(--design-sans); font-size: 7px; }
.scene-ticket i { position: absolute; top: -8px; right: 48px; width: 16px; height: 16px; border-radius: 50%; background: var(--micro-bg); box-shadow: 0 92px 0 var(--micro-bg); }

.scene-product { display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 12px; }
.scene-product > i { position: absolute; width: 66px; height: 66px; border-radius: 50%; background: var(--micro-accent); opacity: .17; }
.scene-product > span { position: relative; z-index: 1; font-size: 34px; text-align: center; }
.scene-product div { display: grid; gap: 5px; }
.scene-product small { color: var(--micro-accent-2); font-size: 5px; letter-spacing: .13em; }
.scene-product b { font-size: 13px; }
.scene-product em { color: var(--micro-accent); font-size: 8px; font-style: normal; font-weight: 900; }

.scene-ritual { position: relative; display: grid; place-items: center; grid-template-columns: 86px 1fr; }
.scene-ritual > i { position: absolute; left: 3px; width: 76px; height: 76px; border: 1px solid var(--micro-accent); border-radius: 50%; }
.scene-ritual > i:nth-child(2) { left: 13px; width: 56px; height: 56px; border-color: var(--micro-accent-2); }
.scene-ritual > span { position: relative; z-index: 2; color: var(--micro-accent); font-size: 11px; font-weight: 900; }
.scene-ritual p { margin: 0; font-size: 13px; }
.scene-ritual p small { display: block; margin-top: 5px; color: color-mix(in srgb, var(--micro-text) 55%, transparent); font-family: var(--design-sans); font-size: 6px; }

.scene-bars p { display: grid; margin: 0 0 10px; grid-template-columns: 52px 1fr; align-items: center; gap: 8px; font-family: var(--design-mono); font-size: 5px; }
.scene-bars p i { height: 5px; background: linear-gradient(90deg, var(--micro-accent) var(--bar), color-mix(in srgb, var(--micro-text) 9%, transparent) var(--bar)); }
.scene-order { display: flex; align-items: center; justify-content: space-between; }
.scene-order p { display: grid; margin: 0; place-items: center; gap: 5px; }
.scene-order p b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--micro-accent); color: #fff; font-size: 12px; }
.scene-order p span { font-size: 6px; }
.scene-order > i { width: 25px; border-top: 1px dashed var(--micro-accent-2); }

.scene-fresh { position: relative; display: grid; grid-template-columns: 55px 1fr; align-items: center; gap: 10px; overflow: hidden; }
.scene-fresh > span { position: absolute; top: 3px; right: 3px; color: color-mix(in srgb, var(--micro-accent) 25%, transparent); font-size: 30px; font-weight: 950; }
.scene-fresh > b { color: var(--micro-accent); font-size: 20px; }
.scene-fresh p { margin: 0; font-size: 12px; }
.scene-fresh p small { display: block; margin-top: 4px; font-family: var(--design-sans); font-size: 5px; }

.scene-schedule p { display: grid; margin: 0; padding: 6px 0; border-bottom: 1px solid color-mix(in srgb, var(--micro-text) 11%, transparent); grid-template-columns: 24px 42px 1fr; gap: 7px; font-family: var(--design-sans); font-size: 6px; }
.scene-schedule p span { color: var(--micro-accent); font-weight: 900; }
.scene-schedule p i { font-style: normal; }

.scene-play { position: relative; display: grid; grid-template-columns: repeat(3, 42px); align-items: center; }
.scene-play > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--micro-accent); color: #fff; font-size: 12px; font-style: normal; }
.scene-play > i:nth-child(2) { margin-left: -8px; background: var(--micro-accent-2); color: #111; }
.scene-play > i:nth-child(3) { margin-left: -16px; background: var(--micro-surface); color: var(--micro-text); }
.scene-play p { grid-column: 1/-1; margin: 7px 0 0; }
.scene-play p span { display: block; margin-top: 3px; font-family: var(--design-sans); font-size: 6px; }

.scene-course { display: grid; grid-template-columns: 94px 1fr auto; align-items: center; gap: 10px; }
.scene-course > div { position: relative; display: grid; height: 64px; place-items: center; border-radius: var(--design-small-radius); background: var(--micro-accent); color: #fff; }
.scene-course > div span { position: relative; z-index: 2; }
.scene-course > p { margin: 0; }
.scene-course > p b, .scene-course > p small { display: block; }
.scene-course > p b { font-size: 9px; }
.scene-course > p small { margin-top: 4px; font-size: 6px; }
.scene-course > em { color: var(--micro-accent-2); font-size: 6px; font-style: normal; }

.scene-score { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 6px; text-align: center; }
.scene-score > span { font-family: var(--design-sans); font-size: 5px; }
.scene-score > i { border-top: 1px dashed var(--micro-accent); }
.scene-score > strong { color: var(--micro-accent); font-size: 23px; }
.scene-score > small { grid-column: 1/-1; font-size: 6px; }
.scene-levels { display: flex; height: 80px; align-items: center; justify-content: space-between; }
.scene-levels span { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid var(--micro-accent); border-radius: 50%; font-size: 8px; font-weight: 900; }
.scene-levels span:last-child { background: var(--micro-accent); color: #fff; }
.scene-levels i { width: 18px; border-top: 1px solid var(--micro-accent-2); }

.scene-playlist { display: grid; grid-template-columns: 37px 1fr auto; align-items: center; gap: 10px; }
.scene-playlist > b { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 50%; background: var(--micro-accent); color: #fff; }
.scene-playlist div { display: grid; gap: 5px; }
.scene-playlist div span { font-size: 8px; font-weight: 900; }
.scene-playlist div i { height: 3px; background: color-mix(in srgb, var(--micro-text) 13%, transparent); }
.scene-playlist div i em { display: block; width: 43%; height: 100%; background: var(--micro-accent-2); }
.scene-playlist div small { font-family: var(--design-sans); font-size: 5px; }

.scene-collection { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.scene-collection > i { min-height: 78px; background: linear-gradient(145deg, var(--micro-accent), color-mix(in srgb, var(--micro-accent-2) 60%, var(--micro-bg))); }
.scene-collection > i:nth-child(2) { transform: translateY(8px); opacity: .75; }
.scene-collection > i:nth-child(3) { opacity: .5; }
.scene-collection p { position: absolute; right: 5px; bottom: 5px; margin: 0; padding: 5px; background: var(--micro-bg); }
.scene-collection p span, .scene-collection p b { display: block; font-size: 5px; }

.scene-drop { display: grid; grid-template-columns: 60px 55px 1fr; align-items: center; gap: 8px; }
.scene-drop strong { color: var(--micro-accent); font-size: 21px; }
.scene-drop > span { display: grid; width: 55px; height: 55px; place-items: center; border-radius: 50%; background: var(--micro-accent); color: #fff; font-size: 23px; }
.scene-drop p { margin: 0; }
.scene-drop p small { display: block; margin-top: 4px; font-family: var(--design-sans); font-size: 5px; }

.scene-routine, .scene-plan { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.scene-routine p, .scene-plan p { margin: 0; padding: 9px 5px; border-radius: var(--design-small-radius); background: color-mix(in srgb, var(--micro-accent) 13%, transparent); }
.scene-routine p b, .scene-routine p span, .scene-plan p span, .scene-plan p b { display: block; }
.scene-routine p b, .scene-plan p span { margin-bottom: 12px; color: var(--micro-accent); font-size: 7px; }
.scene-routine p span, .scene-plan p b { font-size: 6px; }
.scene-plan small { grid-column: 1/-1; font-size: 6px; text-align: right; }

.scene-notes p { display: grid; margin: 0; padding: 6px 0; grid-template-columns: 55px 1fr; font-family: var(--design-sans); font-size: 6px; }
.scene-notes p span { color: var(--micro-accent); letter-spacing: .14em; }
.scene-notes p b { font-family: var(--design-serif); font-weight: 500; }

.scene-luxury { position: relative; display: grid; height: 90px; place-items: center; }
.scene-luxury > i { position: absolute; width: 64px; height: 64px; border: 1px solid var(--micro-accent); transform: rotate(45deg); }
.scene-luxury > i:nth-child(2) { width: 46px; height: 46px; border-color: var(--micro-accent-2); }
.scene-luxury > span { position: relative; z-index: 2; font-size: 26px; }
.scene-luxury p { position: absolute; right: 0; bottom: 0; margin: 0; font-size: 12px; }
.scene-luxury p small { display: block; font-size: 5px; }

.scene-specs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.scene-specs p { margin: 0; padding: 9px 5px; border: 1px solid var(--micro-accent); }
.scene-specs p span, .scene-specs p b { display: block; }
.scene-specs p span { margin-bottom: 13px; font-size: 4.5px; }
.scene-specs p b { color: var(--micro-accent); font-size: 13px; }

.scene-device { display: grid; grid-template-columns: 75px 1fr; align-items: center; gap: 12px; }
.scene-device > div { position: relative; display: grid; width: 66px; height: 78px; place-items: center; border: 5px solid var(--micro-text); border-radius: 10px; }
.scene-device > div span { font-size: 25px; }
.scene-device p { margin: 0; }
.scene-device p b, .scene-device p small { display: block; }
.scene-device p small { margin-top: 5px; font-size: 6px; }

.scene-diagnostic p { display: grid; margin: 0; padding: 5px 0; grid-template-columns: 1fr auto; font-family: var(--design-mono); font-size: 6px; }
.scene-diagnostic p b { color: var(--micro-accent); }
.scene-diagnostic > i { display: block; height: 6px; margin-top: 8px; background: repeating-linear-gradient(90deg, var(--micro-accent) 0 8px, transparent 8px 11px); }

.scene-packages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.scene-packages p { margin: 0; padding: 8px 5px; border: 1px solid color-mix(in srgb, var(--micro-text) 15%, transparent); border-radius: var(--design-small-radius); }
.scene-packages p span, .scene-packages p b { display: block; font-size: 5px; }
.scene-packages p span { margin-bottom: 14px; }
.scene-packages p.is-active { border-color: var(--micro-accent); background: var(--micro-accent); color: #fff; }

.scene-wheel { position: relative; display: grid; grid-template-columns: 82px 1fr; place-items: center; }
.scene-wheel > i { position: absolute; left: 1px; width: 74px; height: 74px; border: 10px dotted var(--micro-accent); border-radius: 50%; }
.scene-wheel > span { position: relative; z-index: 2; font-size: 22px; }
.scene-wheel > strong { grid-column: 2; color: var(--micro-accent); font-size: 25px; }
.scene-wheel > p { grid-column: 2; margin: -20px 0 0; font-size: 6px; }

.scene-search > span { display: block; padding: 9px; border: 1px solid var(--micro-accent); font-family: var(--design-mono); font-size: 6px; }
.scene-search > b { position: absolute; top: 10px; right: 10px; color: var(--micro-accent); }
.scene-search p { display: flex; margin: 10px 0 0; gap: 5px; }
.scene-search p i { width: 42px; height: 22px; background: color-mix(in srgb, var(--micro-accent) 16%, transparent); }

.scene-vehicle { position: relative; overflow: hidden; }
.scene-vehicle > span { font-family: var(--design-mono); font-size: 6px; }
.scene-vehicle > i { position: absolute; right: 25px; bottom: 11px; width: 115px; height: 34px; border: 4px solid var(--micro-accent); border-radius: 60px 75px 12px 12px; }
.scene-vehicle > i:nth-of-type(2) { right: 43px; bottom: 3px; width: 18px; height: 18px; border-radius: 50%; box-shadow: 55px 0 0 -4px var(--micro-bg), 55px 0 0 0 var(--micro-accent); }
.scene-vehicle > b { position: absolute; top: 5px; right: 5px; color: var(--micro-accent); font-size: 20px; }
.scene-vehicle > p { position: absolute; bottom: 0; left: 0; margin: 0; font-size: 8px; font-weight: 900; }

.scene-booking { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
.scene-booking p { margin: 0; padding: 8px; border: 1px solid color-mix(in srgb, var(--micro-text) 14%, transparent); }
.scene-booking p span, .scene-booking p b { display: block; }
.scene-booking p span { margin-bottom: 10px; color: var(--micro-accent); font-size: 5px; }
.scene-booking p b { font-size: 8px; }
.scene-booking > small { grid-column: 1/-1; text-align: right; font-size: 5px; }

.scene-route, .scene-destination { display: grid; grid-template-columns: 25px 1fr 25px; align-items: center; gap: 8px; }
.scene-route > span, .scene-destination > span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: var(--micro-accent); color: #fff; font-size: 6px; }
.scene-route > i, .scene-destination > i { position: relative; border-top: 2px dashed var(--micro-accent); }
.scene-route > i em, .scene-destination > i em { position: absolute; top: -5px; left: 58%; width: 9px; height: 9px; border-radius: 50%; background: var(--micro-accent-2); }
.scene-route > p, .scene-destination > p { grid-column: 1/-1; margin: 14px 0 0; text-align: center; font-size: 6px; }
.scene-route > p b, .scene-destination > p b { display: block; color: var(--micro-accent); font-size: 19px; }

.scene-calendar > p { display: grid; margin: 0 0 8px; grid-template-columns: repeat(5, 1fr); color: color-mix(in srgb, var(--micro-text) 58%, transparent); font-family: var(--design-sans); font-size: 5px; text-align: center; }
.scene-calendar > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.scene-calendar > div i { padding: 8px 3px; border-radius: var(--design-small-radius); background: color-mix(in srgb, var(--micro-surface) 35%, transparent); font-size: 6px; font-style: normal; text-align: center; }
.scene-calendar > div i.is-active { background: var(--micro-accent); color: #fff; }

.scene-classic-services p { display: grid; margin: 0; padding: 8px 0; border-bottom: 1px solid color-mix(in srgb, var(--micro-text) 16%, transparent); grid-template-columns: 24px 1fr auto; font-size: 7px; }
.scene-classic-services p span { color: var(--micro-accent); }
.scene-classic-services p i { font-size: 6px; font-style: normal; }

.scene-workout > strong { display: block; margin-bottom: 9px; color: var(--micro-accent); font-size: 24px; }
.scene-workout p { display: grid; margin: 5px 0; grid-template-columns: 55px 1fr auto; align-items: center; gap: 6px; font-family: var(--design-sans); font-size: 5px; }
.scene-workout p i { height: 5px; background: linear-gradient(90deg, var(--micro-accent) 78%, color-mix(in srgb, var(--micro-text) 11%, transparent) 78%); }

.scene-balance { display: grid; grid-template-columns: 1fr auto auto auto 1fr; place-items: center; gap: 6px; }
.scene-balance > i { grid-column: 1/-1; width: 70px; height: 35px; border: 1px solid var(--micro-accent); border-bottom: 0; border-radius: 99px 99px 0 0; }
.scene-balance span { font-size: 5px; }
.scene-balance b { color: var(--micro-accent); font-size: 18px; }
.scene-balance p { grid-column: 1/-1; margin: 5px 0 0; font-size: 6px; }

.scene-appointment { display: grid; grid-template-columns: 1fr auto; align-items: center; }
.scene-appointment > span { font-family: var(--design-sans); font-size: 5px; letter-spacing: .12em; }
.scene-appointment > strong { grid-row: span 2; color: var(--micro-accent); font-size: 25px; }
.scene-appointment p { margin: 14px 0 0; font-size: 7px; }
.scene-appointment p i { margin-right: 6px; color: var(--micro-accent); font-style: normal; }

.scene-departments { display: grid; grid-template-columns: 52px 1fr; gap: 9px; }
.scene-departments strong { color: var(--micro-accent); font-size: 30px; }
.scene-departments p { display: grid; margin: 0; gap: 4px; }
.scene-departments p b { padding-bottom: 4px; border-bottom: 1px solid color-mix(in srgb, var(--micro-text) 11%, transparent); font-size: 6px; }
.scene-departments small { grid-column: 1/-1; font-size: 5px; }

.scene-stock > p { display: flex; margin: 0 0 10px; align-items: end; justify-content: space-between; }
.scene-stock > p span { color: var(--micro-accent); font-size: 6px; }
.scene-stock > p b { font-size: 19px; }
.scene-stock > div { display: grid; padding: 8px; border-radius: 99px; background: var(--micro-surface); grid-template-columns: 7px 1fr auto; align-items: center; gap: 7px; font-family: var(--design-sans); font-size: 5px; }
.scene-stock > div i { width: 7px; height: 7px; border-radius: 50%; background: var(--micro-accent); }

.scene-quote { position: relative; padding: 8px 20px; }
.scene-quote > span { position: absolute; top: -11px; left: 0; color: var(--micro-accent); font-family: var(--design-serif); font-size: 45px; }
.scene-quote p { margin: 0; font-family: var(--design-serif); font-size: 13px; font-style: italic; line-height: 1.3; }
.scene-quote i { display: block; width: 35px; margin-top: 12px; border-top: 1px solid var(--micro-accent); }

.scene-case > span { font-family: var(--design-mono); font-size: 6px; }
.scene-case p { display: flex; margin: 20px 0 0; align-items: center; justify-content: space-between; }
.scene-case p b { font-size: 6px; }
.scene-case p i { width: 17px; border-top: 1px solid var(--micro-accent); }

.scene-dashboard { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.scene-dashboard p { margin: 0; padding: 8px; border: 1px solid color-mix(in srgb, var(--micro-text) 13%, transparent); }
.scene-dashboard p span, .scene-dashboard p b { display: block; }
.scene-dashboard p span { font-size: 5px; }
.scene-dashboard p b { margin-top: 12px; color: var(--micro-accent); font-size: 16px; }
.scene-dashboard > i { grid-column: 1/-1; height: 24px; border-bottom: 1px solid var(--micro-accent); background: linear-gradient(155deg, transparent 43%, var(--micro-accent) 44% 46%, transparent 47%); }

.scene-listing { display: grid; grid-template-columns: 108px 1fr; gap: 10px; }
.scene-listing > i { min-height: 78px; background: linear-gradient(145deg, var(--micro-accent), var(--micro-accent-2)); clip-path: polygon(0 35%, 50% 0, 100% 35%, 100% 100%, 0 100%); }
.scene-listing p { margin: 0; }
.scene-listing p span, .scene-listing p b, .scene-listing p small { display: block; }
.scene-listing p span { color: var(--micro-accent); font-size: 5px; }
.scene-listing p b { margin: 10px 0 5px; font-size: 17px; }
.scene-listing p small { font-size: 6px; }

.scene-calculator > p { display: flex; margin: 0; align-items: end; justify-content: space-between; }
.scene-calculator > p span { font-size: 6px; }
.scene-calculator > p b { font-size: 14px; }
.scene-calculator > i { display: block; height: 5px; margin: 12px 0; border-radius: 99px; background: linear-gradient(90deg, var(--micro-accent) 64%, color-mix(in srgb, var(--micro-text) 12%, transparent) 64%); }
.scene-calculator > div { display: flex; align-items: end; justify-content: space-between; }
.scene-calculator > div small { font-size: 5px; }
.scene-calculator > div strong { color: var(--micro-accent); font-size: 20px; }

.scene-blueprint { position: relative; display: grid; min-height: 90px; padding: 7px; border: 1px solid var(--micro-accent); background: repeating-linear-gradient(0deg, transparent 0 12px, color-mix(in srgb, var(--micro-accent) 14%, transparent) 13px), repeating-linear-gradient(90deg, transparent 0 12px, color-mix(in srgb, var(--micro-accent) 14%, transparent) 13px); }
.scene-blueprint i { position: absolute; border: 2px solid var(--micro-accent); }
.scene-blueprint i:first-child { inset: 17px 72px 18px 18px; }
.scene-blueprint i:nth-child(2) { top: 33px; right: 28px; width: 40px; height: 34px; }
.scene-blueprint span { font-family: var(--design-mono); font-size: 5px; }
.scene-blueprint strong { justify-self: end; align-self: end; color: var(--micro-accent); font-size: 17px; }
.scene-blueprint p { position: absolute; right: 7px; bottom: 4px; margin: 0; font-size: 5px; }

.scene-room, .scene-moodboard { position: relative; display: grid; min-height: 96px; grid-template-columns: 1.2fr .8fr; gap: 5px; }
.scene-room > i, .scene-moodboard > i { display: block; background: var(--micro-accent); }
.scene-room > i:nth-child(2), .scene-moodboard > i:nth-child(2) { background: var(--micro-accent-2); }
.scene-room p, .scene-moodboard p { position: absolute; right: 5px; bottom: 5px; margin: 0; padding: 6px; background: var(--micro-bg); }
.scene-room p b, .scene-room p span, .scene-moodboard p b, .scene-moodboard p span { display: block; font-size: 5px; }
.scene-moodboard { grid-template-columns: 1fr .8fr .65fr; }
.scene-moodboard > i:nth-child(3) { background: color-mix(in srgb, var(--micro-accent) 38%, var(--micro-bg)); }

.scene-gallery { position: relative; display: grid; min-height: 108px; grid-template-columns: 1.4fr .6fr .8fr; grid-template-rows: 1fr 1fr; gap: 4px; }
.scene-gallery i { background: var(--micro-accent); }
.scene-gallery i:first-child { grid-row: 1/-1; }
.scene-gallery i:nth-child(2) { background: var(--micro-accent-2); }
.scene-gallery i:nth-child(3) { grid-column: 2/4; background: color-mix(in srgb, var(--micro-accent) 45%, var(--micro-bg)); }
.scene-gallery i:nth-child(4) { background: var(--micro-surface); }
.scene-gallery span { position: absolute; right: 6px; bottom: 5px; color: var(--micro-text); font-size: 13px; font-weight: 900; }

.scene-bouquet { position: relative; display: grid; min-height: 100px; place-items: center; }
.scene-bouquet > i { position: absolute; width: 52px; height: 52px; border-radius: 50% 50% 50% 10%; background: var(--micro-accent); transform: rotate(30deg) translateX(-23px); }
.scene-bouquet > i:nth-child(2) { background: var(--micro-accent-2); transform: rotate(150deg) translateX(-22px); }
.scene-bouquet > i:nth-child(3) { background: color-mix(in srgb, var(--micro-accent) 45%, white); transform: rotate(270deg) translateX(-22px); }
.scene-bouquet p { position: absolute; right: 0; bottom: 0; margin: 0; }
.scene-bouquet p b, .scene-bouquet p span { display: block; font-size: 5px; }

.scene-stay { display: grid; grid-template-columns: 1fr 1fr 54px; gap: 5px; }
.scene-stay p, .scene-stay div { margin: 0; padding: 8px; border: 1px solid var(--micro-accent); }
.scene-stay p span, .scene-stay p b, .scene-stay div small, .scene-stay div strong { display: block; }
.scene-stay p span, .scene-stay div small { margin-bottom: 14px; font-size: 5px; }
.scene-stay p b { font-size: 7px; }
.scene-stay div { background: var(--micro-accent); color: #fff; }
.scene-stay div strong { font-size: 17px; }

.scene-profile-links { position: relative; display: flex; min-height: 86px; align-items: center; justify-content: center; }
.scene-profile-links i { width: 48px; height: 48px; margin-left: -12px; border-radius: 50%; background: var(--micro-accent); opacity: .78; }
.scene-profile-links i:nth-child(2) { background: var(--micro-accent-2); }
.scene-profile-links i:nth-child(3) { background: var(--micro-surface); }
.scene-profile-links strong { position: absolute; color: var(--micro-text); font-size: 20px; }
.scene-stats { display: grid; min-height: 82px; place-items: center; }
.scene-stats strong { color: var(--micro-accent); font-size: 30px; }
.scene-stats p { margin: 0; font-size: 7px; }
.scene-stats i { width: 45px; border-top: 1px solid var(--micro-accent); }

.design-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.design-service-grid article {
  display: grid;
  min-width: 0;
  min-height: 65px;
  padding: 8px;
  border-radius: var(--design-small-radius, 10px);
  background: color-mix(in srgb, var(--micro-surface) 32%, transparent);
  align-content: space-between;
}
.design-service-grid article small { color: var(--micro-accent-2); font-family: var(--design-sans); font-size: 5px; }
.design-service-grid article strong { margin: 7px 0; font-size: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.design-service-grid article span { color: color-mix(in srgb, var(--micro-text) 60%, transparent); font-family: var(--design-sans); font-size: 5px; }

.design-link-list { display: grid; gap: 5px; }
.design-link-list > a,
.design-link-list > div {
  display: grid;
  min-height: 35px;
  padding: 5px 7px;
  border: 1px solid color-mix(in srgb, var(--micro-text) 11%, transparent);
  border-radius: var(--design-small-radius, 10px);
  color: inherit;
  grid-template-columns: 25px 1fr auto;
  align-items: center;
  gap: 7px;
  font-family: var(--design-sans);
  text-decoration: none;
}
.design-link-list > a > span,
.design-link-list > div > span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: var(--design-small-radius, 8px); background: var(--micro-accent); color: #fff; font-size: 6px; }
.design-link-list b { min-width: 0; font-size: 6.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.design-link-list i { color: var(--micro-accent-2); font-size: 10px; font-style: normal; }

.design-meta { display: grid; gap: 7px; }
.design-meta p { display: grid; margin: 0; grid-template-columns: 58px 1fr; gap: 8px; font-family: var(--design-sans); font-size: 5.5px; line-height: 1.4; }
.design-meta p span { color: var(--micro-accent-2); font-weight: 900; }
.design-meta p b { font-weight: 650; }

.design-footer {
  display: flex;
  margin-top: 5px;
  padding: 10px 2px 3px;
  border-top: 1px solid color-mix(in srgb, var(--micro-text) 13%, transparent);
  color: color-mix(in srgb, var(--micro-text) 58%, transparent);
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-family: var(--design-sans);
  font-size: 5px;
  font-weight: 850;
}
.design-footer > span:last-child { max-width: 62%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.design-footer b { display: inline-grid; width: 15px; height: 15px; margin-right: 4px; place-items: center; border-radius: 5px; background: var(--micro-accent); color: #fff; }

/* Flow changes are deliberately visible, not just colour changes. */
.micro-page[data-flow="scene-first"] .design-signature { background: color-mix(in srgb, var(--micro-accent) 8%, var(--micro-bg)); }
.micro-page[data-flow="links-first"] .design-links { border-color: var(--micro-accent); }
.micro-page[data-flow="services-first"] .design-services { border-top: 3px solid var(--micro-accent); }
.micro-page[data-shape="cut"] .design-hero,
.micro-page[data-shape="cut"] .design-signature,
.micro-page[data-shape="cut"] .design-services,
.micro-page[data-shape="cut"] .design-links { clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px)); }

/* Builder: a real-size phone and a readable desktop canvas. */
.pro-phone-shell.is-builder-phone { width: 350px; height: 700px; }
.pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { width: min(96%, 650px); height: min(92%, 430px); border-radius: 20px; }
.pro-preview-stage.is-desktop .micro-page {
  display: grid;
  padding: 28px 24px 18px;
  grid-template-columns: minmax(0, 1.08fr) minmax(220px, .92fr);
  grid-auto-rows: max-content;
  align-content: start;
  gap: 10px 14px;
  border-radius: 11px;
}
.pro-preview-stage.is-desktop .design-topbar { grid-column: 1/-1; margin-bottom: 0; }
.pro-preview-stage.is-desktop .design-hero { grid-column: 1; grid-row: 2 / span 5; min-height: 300px; margin: 0; }
.pro-preview-stage.is-desktop .design-signature,
.pro-preview-stage.is-desktop .design-services,
.pro-preview-stage.is-desktop .design-links,
.pro-preview-stage.is-desktop .design-meta { grid-column: 2; margin: 0; }
.pro-preview-stage.is-desktop .design-footer { grid-column: 1/-1; }
.pro-preview-stage.is-desktop .design-hero h1 { font-size: 29px; }
.pro-preview-stage.is-desktop .design-bio { -webkit-line-clamp: 4; }
.pro-preview-stage.is-desktop .design-links { max-height: 126px; overflow-y: auto; }
.pro-preview-stage.is-desktop .pro-phone-top,
.pro-preview-stage.is-desktop .pro-phone-home { display: none; }

/* Template cards now preview composition geometry too. */
.pro-template-thumb[data-thumb-hero="poster"] { background: var(--tpl-accent); color: #fff; }
.pro-template-thumb[data-thumb-hero="poster"] > b { font-family: var(--design-display); text-transform: uppercase; }
.pro-template-thumb[data-thumb-hero="editorial"] > b,
.pro-template-thumb[data-thumb-hero="luxe"] > b { font-family: var(--design-serif); font-style: italic; font-weight: 500; }
.pro-template-thumb[data-thumb-hero="technical"] { background-image: repeating-linear-gradient(0deg, transparent 0 11px, color-mix(in srgb, var(--tpl-accent) 12%, transparent) 12px); }
.pro-template-thumb[data-thumb-hero="map"]::after { position: absolute; right: 7px; bottom: 7px; width: 36px; height: 36px; border: 2px dotted var(--tpl-accent); border-radius: 50%; content: ""; }
.pro-template-thumb[data-thumb-hero="centered"] > span,
.pro-template-thumb[data-thumb-hero="wellness"] > span { border-radius: 50%; }
.pro-template-thumb[data-thumb-shape="cut"] { clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); }
.pro-template-thumb .pro-thumb-scene { position: absolute; right: 9px; bottom: 8px; left: 9px; display: grid; height: 17px; grid-template-columns: repeat(3, 1fr); gap: 3px; }
.pro-template-thumb .pro-thumb-scene i { display: block; border-radius: 2px; background: var(--tpl-accent); opacity: .24; }
.pro-template-thumb[data-thumb-kind="menu"] .pro-thumb-scene { grid-template-columns: 1fr; }
.pro-template-thumb[data-thumb-kind="menu"] .pro-thumb-scene i { height: 1px; }
.pro-template-thumb[data-thumb-kind="route"] .pro-thumb-scene { top: 51%; right: 12px; left: 12px; height: 1px; border-top: 2px dashed var(--tpl-accent); }
.pro-template-thumb[data-thumb-kind="route"] .pro-thumb-scene i { display: none; }
.pro-template-thumb[data-thumb-kind="gallery"] .pro-thumb-scene i:first-child,
.pro-template-thumb[data-thumb-kind="collection"] .pro-thumb-scene i:first-child { grid-row: span 2; }
.pro-template-thumb[data-thumb-kind="diagnostic"] .pro-thumb-scene { grid-template-columns: 65% 1fr; }
.pro-template-thumb[data-thumb-kind="diagnostic"] .pro-thumb-scene i:first-child { background: linear-gradient(90deg, var(--tpl-accent) 70%, transparent 70%); }

/* Public profile page */
.public-profile-body { min-height: 100dvh; margin: 0; background: #0b0d0b; }
.public-profile-shell { width: 100%; min-height: 100dvh; padding: 18px; }
.public-profile-canvas { width: min(1180px, 100%); min-height: calc(100dvh - 36px); height: auto; margin: 0 auto; padding: clamp(28px, 5vw, 68px); border-radius: 28px; overflow: hidden; }
.public-profile-canvas .design-topbar { font-size: 10px; }
.public-profile-canvas .design-logo { width: 36px; height: 36px; font-size: 11px; }
.public-profile-canvas .design-hero,
.public-profile-canvas .design-signature,
.public-profile-canvas .design-services,
.public-profile-canvas .design-links,
.public-profile-canvas .design-meta { padding: clamp(18px, 3vw, 32px); }
.public-profile-canvas .design-hero h1 { font-size: clamp(38px, 6vw, 78px); }
.public-profile-canvas .design-role { font-size: 11px; }
.public-profile-canvas .design-bio { max-width: 560px; font-size: 12px; -webkit-line-clamp: initial; }
.public-profile-canvas .design-primary-cta { min-height: 42px; padding-inline: 18px; font-size: 10px; }
.public-profile-canvas .design-section-head { font-size: 8px; }
.public-profile-canvas .design-service-grid article { min-height: 110px; padding: 14px; }
.public-profile-canvas .design-service-grid article small,
.public-profile-canvas .design-service-grid article span { font-size: 8px; }
.public-profile-canvas .design-service-grid article strong { font-size: 13px; }
.public-profile-canvas .design-link-list > a { min-height: 52px; padding: 8px 12px; }
.public-profile-canvas .design-link-list > a > span { width: 34px; height: 34px; font-size: 8px; }
.public-profile-canvas .design-link-list b { font-size: 10px; }
.public-profile-canvas .design-meta p { font-size: 9px; grid-template-columns: 100px 1fr; }
.public-profile-canvas .design-footer { margin-top: 18px; padding-top: 18px; font-size: 8px; }

@media (min-width: 760px) {
  .public-profile-canvas {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr);
    grid-auto-rows: max-content;
    align-content: start;
    gap: 18px 24px;
  }
  .public-profile-canvas .design-topbar { grid-column: 1/-1; }
  .public-profile-canvas .design-hero { position: sticky; top: 18px; grid-column: 1; grid-row: 2 / span 5; min-height: min(680px, calc(100dvh - 150px)); margin: 0; }
  .public-profile-canvas .design-signature,
  .public-profile-canvas .design-services,
  .public-profile-canvas .design-links,
  .public-profile-canvas .design-meta { grid-column: 2; margin: 0; }
  .public-profile-canvas .design-footer { grid-column: 1/-1; }
  .public-profile-canvas .design-hero-visual { min-height: 260px; }
  .public-profile-canvas .design-avatar { width: 82px; height: 82px; font-size: 20px; }
}

@media (max-width: 759px) {
  .public-profile-shell { padding: 0; }
  .public-profile-canvas { min-height: 100dvh; padding: 28px 16px 24px; border-radius: 0; }
  .public-profile-canvas .design-hero h1 { font-size: 36px; }
  .public-profile-canvas .design-hero { min-height: 230px; }
}

.profile-not-found { display: grid; width: min(680px, calc(100% - 40px)); min-height: 100dvh; margin: auto; place-content: center; color: #f7f8f3; font-family: var(--design-sans); text-align: center; }
.profile-not-found > span { color: #dfff4f; font-size: 13px; font-weight: 900; letter-spacing: .2em; }
.profile-not-found h1 { margin: 12px 0; font-size: clamp(34px, 7vw, 70px); letter-spacing: -.06em; }
.profile-not-found p { margin: 0 0 24px; color: rgba(255,255,255,.56); }
.profile-not-found a { justify-self: center; padding: 13px 18px; border-radius: 12px; background: #dfff4f; color: #111; font-weight: 850; text-decoration: none; }

@media (min-width: 901px) and (max-height: 800px) {
  .pro-preview-stage .pro-phone-shell.is-builder-phone { transform: scale(.87); }
  .pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { transform: scale(.96); }
}
@media (min-width: 901px) and (max-height: 680px) {
  .pro-preview-stage .pro-phone-shell.is-builder-phone { transform: scale(.75); }
  .pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { transform: scale(.88); }
}
@media (min-width: 901px) and (max-height: 560px) {
  .pro-preview-stage .pro-phone-shell.is-builder-phone { transform: scale(.62); }
  .pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { transform: scale(.76); }
}

/* --------------------------------------------------------------------------
   1AI DESIGN ENGINE V2
   Each profession keeps its own hero language and purpose-built industry
   widget, while the complete page composition now changes with the template.
   -------------------------------------------------------------------------- */

.design-topbar {
  grid-template-columns: 28px minmax(0, 1fr) auto;
  min-height: 30px;
}

.design-brand-copy {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.design-brand-copy b,
.design-brand-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.design-brand-copy b { color: var(--micro-text); font-size: 7px; letter-spacing: -.02em; }
.design-brand-copy small { color: color-mix(in srgb, var(--micro-text) 55%, transparent); font-size: 4.5px; }
.design-topbar nav { display: none; }
.design-topbar > strong { font-size: 5px; letter-spacing: .14em; }
.design-page-grid { display: grid; gap: 9px; }
.design-page-grid > section { min-width: 0; }

.design-hero {
  isolation: isolate;
  min-height: 245px;
}

.design-hero > *:not(.design-hero-photo),
.design-hero-visual > *:not(.design-hero-photo) { position: relative; z-index: 2; }

.design-hero-photo {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  overflow: hidden;
  opacity: .24;
  pointer-events: none;
}

.design-hero-photo::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--micro-bg) 4%, transparent 72%), linear-gradient(0deg, color-mix(in srgb, var(--micro-bg) 64%, transparent), transparent 60%);
  content: "";
}

.design-hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.design-hero-visual .design-hero-photo { border-radius: inherit; opacity: .5; }

.design-hero-actions {
  display: flex;
  margin-top: 11px;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.design-primary-cta,
.design-secondary-cta {
  display: inline-flex;
  min-height: 27px;
  margin: 0;
  padding: 0 10px;
  border-radius: var(--design-small-radius, 9px);
  align-items: center;
  gap: 8px;
  font-family: var(--design-sans);
  font-size: 6px;
  font-weight: 900;
  text-decoration: none;
}

.design-secondary-cta {
  border: 1px solid color-mix(in srgb, var(--micro-text) 20%, transparent);
  color: inherit;
}

.design-secondary-cta b { color: var(--micro-accent); font-size: 8px; }

.design-proof {
  display: grid;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--micro-text) 12%, transparent);
  border-radius: var(--design-radius, 15px);
  background: color-mix(in srgb, var(--micro-surface) 28%, transparent);
  grid-template-columns: repeat(3, 1fr);
}

.design-proof p {
  display: grid;
  min-width: 0;
  min-height: 55px;
  margin: 0;
  padding: 8px;
  align-content: center;
  gap: 3px;
}

.design-proof p + p { border-left: 1px solid color-mix(in srgb, var(--micro-text) 10%, transparent); }
.design-proof strong { color: var(--micro-accent); font-size: 12px; letter-spacing: -.03em; }
.design-proof span { color: color-mix(in srgb, var(--micro-text) 60%, transparent); font-family: var(--design-sans); font-size: 4.8px; line-height: 1.35; }

.design-story {
  display: grid;
  padding: 13px;
  border: 1px solid color-mix(in srgb, var(--micro-text) 12%, transparent);
  border-radius: var(--design-radius, 17px);
  background: color-mix(in srgb, var(--micro-surface) 24%, transparent);
  gap: 13px;
}

.design-story > div > span,
.design-conversion small {
  color: var(--micro-accent-2);
  font-family: var(--design-sans);
  font-size: 5px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.design-story h2,
.design-conversion h2 {
  margin: 7px 0 6px;
  font-size: 17px;
  letter-spacing: -.045em;
  line-height: 1;
}

.design-story p,
.design-conversion p {
  margin: 0;
  color: color-mix(in srgb, var(--micro-text) 66%, transparent);
  font-family: var(--design-sans);
  font-size: 6px;
  line-height: 1.55;
}

.design-story ol { display: grid; margin: 0; padding: 0; list-style: none; gap: 4px; }
.design-story li { display: grid; padding: 7px 0; border-top: 1px solid color-mix(in srgb, var(--micro-text) 10%, transparent); grid-template-columns: 24px 1fr; align-items: center; }
.design-story li b { color: var(--micro-accent); font-family: var(--design-mono); font-size: 5px; }
.design-story li span { font-family: var(--design-sans); font-size: 6px; font-weight: 800; }

.design-conversion {
  display: grid;
  padding: 16px;
  border-radius: var(--design-radius, 17px);
  background: var(--micro-accent);
  color: #fff;
  gap: 13px;
  overflow: hidden;
}

.design-conversion small,
.design-conversion p { color: rgba(255,255,255,.68); }
.design-conversion h2 { font-size: 21px; }
.design-conversion > div:last-child { display: grid; gap: 5px; }
.design-conversion a,
.design-conversion > div:last-child > span {
  display: grid;
  min-height: 34px;
  padding: 5px 7px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: var(--design-small-radius, 10px);
  color: #fff;
  grid-template-columns: 25px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  font-family: var(--design-sans);
  font-size: 6px;
  text-decoration: none;
}
.design-conversion a > b,
.design-conversion > div:last-child > span > b { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; background: #fff; color: var(--micro-accent); font-size: 6px; }
.design-conversion a > i,
.design-conversion > div:last-child > span > i { font-style: normal; }

.design-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.design-service-grid article { min-height: 76px; }
.design-signature,
.design-services,
.design-links,
.design-meta { margin: 0; }

/* Seven deliberately different page systems; the industry widget makes every
   profession inside a system unique as well. */
.micro-page[data-page="poster"] .design-hero {
  min-height: 300px;
  background: var(--micro-accent);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
}
.micro-page[data-page="poster"] .design-hero-copy h1 { font-size: 38px; text-transform: uppercase; }
.micro-page[data-page="poster"] .design-proof { border-radius: 0; }
.micro-page[data-page="poster"] .design-story { border-width: 2px; }

.micro-page[data-page="editorial"] .design-topbar { border-bottom: 1px solid color-mix(in srgb, var(--micro-text) 18%, transparent); padding-bottom: 10px; }
.micro-page[data-page="editorial"] .design-hero { min-height: 275px; border-radius: 0; }
.micro-page[data-page="editorial"] .design-story h2 { font-family: var(--design-serif); font-style: italic; font-weight: 500; }
.micro-page[data-page="editorial"] .design-services { border-left: 3px solid var(--micro-accent); }

.micro-page[data-page="heritage"] .design-topbar { color: var(--micro-accent); }
.micro-page[data-page="heritage"] .design-hero,
.micro-page[data-page="heritage"] .design-signature { border-color: var(--micro-accent); }
.micro-page[data-page="heritage"] .design-proof { border-radius: 999px; }
.micro-page[data-page="heritage"] .design-story { border-radius: 80px 80px 12px 12px; padding-top: 28px; text-align: center; }

.micro-page[data-page="system"] {
  background-image: linear-gradient(color-mix(in srgb, var(--micro-accent) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--micro-accent) 7%, transparent) 1px, transparent 1px);
  background-size: 22px 22px;
}
.micro-page[data-page="system"] .design-hero,
.micro-page[data-page="system"] .design-signature,
.micro-page[data-page="system"] .design-services,
.micro-page[data-page="system"] .design-story { border-radius: 2px; }
.micro-page[data-page="system"] .design-proof { border: 0; border-top: 3px solid var(--micro-accent); border-radius: 0; }
.micro-page[data-page="system"] .design-story h2 { text-transform: uppercase; }

.micro-page[data-page="catalog"] .design-hero { min-height: 285px; }
.micro-page[data-page="catalog"] .design-services { padding: 0; border: 0; background: transparent; }
.micro-page[data-page="catalog"] .design-service-grid article { min-height: 105px; border: 1px solid color-mix(in srgb, var(--micro-text) 12%, transparent); background: var(--micro-surface); }
.micro-page[data-page="catalog"] .design-service-grid article strong { font-family: var(--design-serif); font-size: 10px; }

.micro-page[data-page="centered"] .design-hero { min-height: 300px; }
.micro-page[data-page="centered"] .design-proof,
.micro-page[data-page="centered"] .design-story,
.micro-page[data-page="centered"] .design-conversion { text-align: center; }
.micro-page[data-page="centered"] .design-story li { grid-template-columns: 1fr; gap: 4px; }
.micro-page[data-page="centered"] .design-story ol { grid-template-columns: repeat(3, 1fr); }

.micro-page[data-page="split"] .design-hero { min-height: 275px; }
.micro-page[data-page="split"] .design-signature { border-left: 4px solid var(--micro-accent); }
.micro-page[data-page="split"] .design-proof p:first-child { background: var(--micro-accent); color: #fff; }
.micro-page[data-page="split"] .design-proof p:first-child strong,
.micro-page[data-page="split"] .design-proof p:first-child span { color: #fff; }

.design-mobile-dock { display: none; }

/* Large, readable builder preview. The desktop button now shows a genuine
   responsive desktop composition instead of the same phone page made wider. */
.pro-phone-shell.is-builder-phone { width: 380px; height: 740px; }
.pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { width: min(98%, 720px); height: min(94%, 500px); border-radius: 18px; }
.pro-preview-stage.is-desktop .micro-page { display: block; padding: 26px 24px 18px; border-radius: 10px; }
.pro-preview-stage.is-desktop .design-topbar { margin-bottom: 12px; }
.pro-preview-stage.is-desktop .design-topbar nav { display: flex; justify-content: center; gap: 12px; }
.pro-preview-stage.is-desktop .design-topbar nav i { font-style: normal; }
.pro-preview-stage.is-desktop .design-page-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; }
.pro-preview-stage.is-desktop .design-page-grid .design-hero { grid-column: 1 / 8; grid-row: auto; min-height: 265px; margin: 0; }
.pro-preview-stage.is-desktop .design-page-grid .design-signature { grid-column: 8 / 13; grid-row: auto; margin: 0; }
.pro-preview-stage.is-desktop .design-page-grid .design-proof { grid-column: 1 / 13; }
.pro-preview-stage.is-desktop .design-page-grid .design-services { grid-column: 1 / 8; margin: 0; }
.pro-preview-stage.is-desktop .design-page-grid .design-story { grid-column: 8 / 13; margin: 0; }
.pro-preview-stage.is-desktop .design-page-grid .design-links { grid-column: 1 / 7; margin: 0; max-height: none; }
.pro-preview-stage.is-desktop .design-page-grid .design-meta { display: grid; grid-column: 7 / 13; margin: 0; }
.pro-preview-stage.is-desktop .design-page-grid .design-conversion { grid-column: 1 / 13; }
.pro-preview-stage.is-desktop .design-service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pro-preview-stage.is-desktop .design-hero h1 { font-size: 32px; }
.pro-preview-stage.is-desktop .design-story h2 { font-size: 17px; }
.pro-preview-stage.is-desktop .design-conversion { grid-template-columns: 1fr 1fr; }
.pro-preview-stage.is-desktop .micro-page[data-page="poster"] .design-page-grid .design-hero,
.pro-preview-stage.is-desktop .micro-page[data-page="editorial"] .design-page-grid .design-hero,
.pro-preview-stage.is-desktop .micro-page[data-page="catalog"] .design-page-grid .design-hero { grid-column: 1 / 13; }
.pro-preview-stage.is-desktop .micro-page[data-page="poster"] .design-page-grid .design-signature,
.pro-preview-stage.is-desktop .micro-page[data-page="editorial"] .design-page-grid .design-signature,
.pro-preview-stage.is-desktop .micro-page[data-page="catalog"] .design-page-grid .design-signature { grid-column: 1 / 5; }
.pro-preview-stage.is-desktop .micro-page[data-page="poster"] .design-page-grid .design-services,
.pro-preview-stage.is-desktop .micro-page[data-page="editorial"] .design-page-grid .design-services,
.pro-preview-stage.is-desktop .micro-page[data-page="catalog"] .design-page-grid .design-services { grid-column: 5 / 13; }

/* Real published site */
.public-profile-body { background: #080a08; }
.public-profile-shell { padding: clamp(10px, 2vw, 24px); }
.public-profile-canvas {
  display: block;
  width: min(1380px, 100%);
  min-height: calc(100dvh - 48px);
  padding: clamp(24px, 4vw, 58px);
  border-radius: clamp(18px, 3vw, 36px);
}
.public-profile-canvas .design-topbar { min-height: 46px; margin-bottom: clamp(20px, 3vw, 38px); font-size: 10px; }
.public-profile-canvas .design-topbar nav { display: flex; align-items: center; justify-content: center; gap: clamp(14px, 3vw, 34px); }
.public-profile-canvas .design-topbar nav i { color: color-mix(in srgb, var(--micro-text) 62%, transparent); font-style: normal; }
.public-profile-canvas .design-brand-copy b { font-size: 12px; }
.public-profile-canvas .design-brand-copy small { font-size: 8px; }
.public-profile-canvas .design-topbar > strong { font-size: 8px; }
.public-profile-canvas .design-page-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(14px, 2vw, 26px); }
.public-profile-canvas .design-page-grid > section { position: relative; top: auto; grid-column: auto; grid-row: auto; margin: 0; }
.public-profile-canvas .design-hero { grid-column: 1 / 8; min-height: clamp(500px, 60vw, 700px); padding: clamp(26px, 4vw, 56px); }
.public-profile-canvas .design-signature { grid-column: 8 / 13; min-height: 320px; }
.public-profile-canvas .design-proof { grid-column: 1 / 13; }
.public-profile-canvas .design-services { grid-column: 1 / 8; }
.public-profile-canvas .design-story { grid-column: 8 / 13; }
.public-profile-canvas .design-links { grid-column: 1 / 7; }
.public-profile-canvas .design-meta { display: grid; grid-column: 7 / 13; }
.public-profile-canvas .design-conversion { grid-column: 1 / 13; }
.public-profile-canvas .design-footer { margin-top: clamp(20px, 3vw, 38px); }
.public-profile-canvas .design-hero h1 { font-size: clamp(44px, 6vw, 88px); }
.public-profile-canvas .design-role { font-size: 13px; }
.public-profile-canvas .design-bio { max-width: 600px; font-size: 14px; line-height: 1.65; }
.public-profile-canvas .design-primary-cta,
.public-profile-canvas .design-secondary-cta { min-height: 48px; padding-inline: 20px; font-size: 11px; }
.public-profile-canvas .design-avatar { width: 96px; height: 96px; font-size: 22px; }
.public-profile-canvas .design-hero-visual { min-height: 360px; }
.public-profile-canvas .design-proof p { min-height: 118px; padding: 22px; }
.public-profile-canvas .design-proof strong { font-size: clamp(26px, 3vw, 42px); }
.public-profile-canvas .design-proof span { font-size: 10px; }
.public-profile-canvas .design-signature,
.public-profile-canvas .design-services,
.public-profile-canvas .design-links,
.public-profile-canvas .design-meta,
.public-profile-canvas .design-story,
.public-profile-canvas .design-conversion { padding: clamp(20px, 3vw, 34px); }
.public-profile-canvas .design-signature { display: grid; align-content: center; }
.public-profile-canvas .design-story h2,
.public-profile-canvas .design-conversion h2 { font-size: clamp(28px, 3.2vw, 46px); }
.public-profile-canvas .design-story p,
.public-profile-canvas .design-conversion p { font-size: 12px; }
.public-profile-canvas .design-story > div > span,
.public-profile-canvas .design-conversion small { font-size: 8px; }
.public-profile-canvas .design-story li { min-height: 48px; grid-template-columns: 42px 1fr; }
.public-profile-canvas .design-story li b { font-size: 8px; }
.public-profile-canvas .design-story li span { font-size: 11px; }
.public-profile-canvas .design-service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.public-profile-canvas .design-service-grid article { min-height: 145px; padding: 18px; }
.public-profile-canvas .design-service-grid article strong { font-size: 15px; white-space: normal; }
.public-profile-canvas .design-service-grid article span,
.public-profile-canvas .design-service-grid article small { font-size: 9px; }
.public-profile-canvas .design-conversion { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); align-items: center; }
.public-profile-canvas .design-conversion a { min-height: 58px; padding: 9px 12px; font-size: 11px; }
.public-profile-canvas .design-conversion a > b { width: 38px; height: 38px; font-size: 9px; }

.public-profile-canvas[data-page="editorial"] .design-hero,
.public-profile-canvas[data-page="poster"] .design-hero,
.public-profile-canvas[data-page="catalog"] .design-hero { grid-column: 1 / 13; min-height: clamp(560px, 58vw, 760px); }
.public-profile-canvas[data-page="editorial"] .design-signature,
.public-profile-canvas[data-page="poster"] .design-signature,
.public-profile-canvas[data-page="catalog"] .design-signature { grid-column: 1 / 5; }
.public-profile-canvas[data-page="editorial"] .design-services,
.public-profile-canvas[data-page="poster"] .design-services,
.public-profile-canvas[data-page="catalog"] .design-services { grid-column: 5 / 13; }
.public-profile-canvas[data-page="editorial"] .design-story,
.public-profile-canvas[data-page="poster"] .design-story,
.public-profile-canvas[data-page="catalog"] .design-story { grid-column: 1 / 7; }
.public-profile-canvas[data-page="editorial"] .design-links,
.public-profile-canvas[data-page="poster"] .design-links,
.public-profile-canvas[data-page="catalog"] .design-links { grid-column: 7 / 13; }

.public-profile-canvas[data-page="heritage"] .design-hero { grid-column: 1 / 9; }
.public-profile-canvas[data-page="heritage"] .design-signature { grid-column: 9 / 13; }
.public-profile-canvas[data-page="heritage"] .design-story { grid-column: 1 / 6; }
.public-profile-canvas[data-page="heritage"] .design-services { grid-column: 6 / 13; }

.public-profile-canvas[data-page="system"] .design-hero { grid-column: 1 / 7; }
.public-profile-canvas[data-page="system"] .design-signature { grid-column: 7 / 13; }
.public-profile-canvas[data-page="system"] .design-services { grid-column: 1 / 9; }
.public-profile-canvas[data-page="system"] .design-story { grid-column: 9 / 13; }

.public-profile-canvas[data-page="centered"] .design-hero,
.public-profile-canvas[data-page="centered"] .design-story,
.public-profile-canvas[data-page="centered"] .design-conversion { grid-column: 2 / 12; }
.public-profile-canvas[data-page="centered"] .design-signature { grid-column: 2 / 7; }
.public-profile-canvas[data-page="centered"] .design-services { grid-column: 7 / 12; }
.public-profile-canvas[data-page="centered"] .design-links { grid-column: 2 / 7; }
.public-profile-canvas[data-page="centered"] .design-meta { grid-column: 7 / 12; }

@media (max-width: 759px) {
  .public-profile-shell { padding: 0; }
  .public-profile-canvas { min-height: 100dvh; padding: 24px 15px 92px; border-radius: 0; }
  .public-profile-canvas .design-topbar { margin-bottom: 18px; }
  .public-profile-canvas .design-topbar nav { display: none; }
  .public-profile-canvas .design-page-grid { display: grid; grid-template-columns: 1fr; gap: 11px; }
  .public-profile-canvas .design-page-grid > section,
  .public-profile-canvas[data-page] .design-page-grid > section { grid-column: 1; grid-row: auto; }
  .public-profile-canvas .design-hero { min-height: 440px; padding: 24px 18px; }
  .public-profile-canvas .design-hero h1 { font-size: clamp(40px, 13vw, 58px); }
  .public-profile-canvas .design-role { font-size: 10px; }
  .public-profile-canvas .design-bio { font-size: 11px; }
  .public-profile-canvas .design-avatar { width: 76px; height: 76px; }
  .public-profile-canvas .design-hero-visual { min-height: 230px; }
  .public-profile-canvas .design-proof p { min-height: 86px; padding: 12px; }
  .public-profile-canvas .design-proof strong { font-size: 23px; }
  .public-profile-canvas .design-proof span { font-size: 8px; }
  .public-profile-canvas .design-signature,
  .public-profile-canvas .design-services,
  .public-profile-canvas .design-links,
  .public-profile-canvas .design-meta,
  .public-profile-canvas .design-story,
  .public-profile-canvas .design-conversion { padding: 20px 16px; }
  .public-profile-canvas .design-story h2,
  .public-profile-canvas .design-conversion h2 { font-size: 31px; }
  .public-profile-canvas .design-service-grid { grid-template-columns: 1fr 1fr; }
  .public-profile-canvas .design-service-grid article { min-height: 112px; }
  .public-profile-canvas .design-conversion { grid-template-columns: 1fr; }
  .public-profile-canvas .design-footer { padding-bottom: 10px; }
  .design-mobile-dock {
    position: fixed;
    z-index: 40;
    right: 12px;
    bottom: 12px;
    left: 12px;
    display: grid;
    padding: 6px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    background: rgba(10,12,10,.86);
    box-shadow: 0 18px 50px rgba(0,0,0,.3);
    backdrop-filter: blur(16px);
    grid-template-columns: 1.35fr .65fr;
    gap: 6px;
  }
  .design-mobile-dock a { display: flex; min-width: 0; min-height: 48px; padding: 0 13px; border-radius: 11px; background: rgba(255,255,255,.1); color: #fff; align-items: center; justify-content: center; gap: 8px; font-family: var(--design-sans); font-size: 10px; font-weight: 850; text-decoration: none; }
  .design-mobile-dock a.is-primary { background: var(--micro-accent); }
  .design-mobile-dock a:only-child { grid-column: 1 / -1; }
  .design-mobile-dock a b { font-size: 8px; }
  .design-mobile-dock a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

@media (min-width: 901px) and (max-height: 800px) {
  .pro-preview-stage .pro-phone-shell.is-builder-phone { transform: scale(.82); }
  .pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { transform: scale(.96); }
}

@media (min-width: 901px) and (max-height: 680px) {
  .pro-preview-stage .pro-phone-shell.is-builder-phone { transform: scale(.68); }
  .pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { transform: scale(.84); }
}

@media (min-width: 901px) and (max-height: 560px) {
  .pro-preview-stage .pro-phone-shell.is-builder-phone { transform: scale(.57); }
  .pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { transform: scale(.72); }
}

/* --------------------------------------------------------------------------
   1AI V3 — 50 profession blueprints
   The rules below intentionally supersede the old recipe renderer. Every page
   now has its own frame + header + hero + card system + functional tool.
   -------------------------------------------------------------------------- */

.micro-page.site-v3 {
  --site-radius: 18px;
  --site-small-radius: 10px;
  --site-line: color-mix(in srgb, var(--site-text) 14%, transparent);
  --site-muted: color-mix(in srgb, var(--site-text) 62%, transparent);
  --site-panel: color-mix(in srgb, var(--site-surface) 84%, transparent);
  --site-pad: 16px;
  --site-gap: 13px;
  --site-hero-min: 440px;
  --site-card-min: 112px;
  container-type: inline-size;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: inherit;
  background: var(--site-bg);
  color: var(--site-text);
  font-family: var(--design-sans);
  font-size: 10px;
  line-height: 1.5;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-color: color-mix(in srgb, var(--site-accent) 64%, transparent) transparent;
  scrollbar-width: thin;
}

.micro-page.site-v3[data-type="serif"] { font-family: var(--design-serif); }
.micro-page.site-v3[data-type="mono"] { font-family: var(--design-mono); }
.micro-page.site-v3[data-type="round"] { font-family: "Trebuchet MS", var(--design-sans); }
.micro-page.site-v3[data-type="display"] { font-family: var(--design-display); letter-spacing: .015em; }
.micro-page.site-v3 button,
.micro-page.site-v3 input,
.micro-page.site-v3 select,
.micro-page.site-v3 textarea { font: inherit; }
.micro-page.site-v3 button,
.micro-page.site-v3 a { -webkit-tap-highlight-color: transparent; }
.micro-page.site-v3 button { color: inherit; }
.micro-page.site-v3 img { display: block; max-width: 100%; }
.micro-page.site-v3 [hidden] { display: none !important; }

.site-v3 .site-pattern {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  min-height: 100%;
  background:
    radial-gradient(circle at 84% 8%, color-mix(in srgb, var(--site-accent) 22%, transparent), transparent 24%),
    radial-gradient(circle at 10% 34%, color-mix(in srgb, var(--site-accent-2) 14%, transparent), transparent 22%);
  pointer-events: none;
}

.site-v3 .site-pattern i { position: absolute; display: block; pointer-events: none; }
.site-v3 .site-pattern i:first-child {
  top: 102px; right: -52px; width: 120px; height: 120px;
  border: 1px solid var(--site-line); border-radius: 50%;
}
.site-v3 .site-pattern i:nth-child(2) {
  top: 360px; left: -38px; width: 88px; height: 88px;
  border: 1px dashed color-mix(in srgb, var(--site-accent) 48%, transparent); transform: rotate(17deg);
}
.site-v3 .site-pattern i:last-child {
  top: 66%; right: 7%; width: 36px; height: 36px;
  background: var(--site-accent); opacity: .09; transform: rotate(45deg);
}

.site-v3 .site-header {
  position: sticky;
  z-index: 30;
  top: 0;
  display: grid;
  min-height: 58px;
  padding: 10px var(--site-pad);
  border-bottom: 1px solid var(--site-line);
  background: color-mix(in srgb, var(--site-bg) 89%, transparent);
  backdrop-filter: blur(18px);
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
}

.pro-phone-shell .site-v3 .site-header { padding-top: 31px; min-height: 78px; }
.pro-preview-stage.is-desktop .site-v3 .site-header { padding-top: 10px; min-height: 58px; }
.site-v3 .site-brand {
  display: grid;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  text-align: left;
}
.site-v3 .site-brand > span {
  display: grid;
  width: 28px; height: 28px;
  border-radius: var(--site-small-radius);
  background: var(--site-accent);
  color: #fff;
  font-family: var(--design-sans);
  font-size: 9px;
  font-weight: 950;
  place-items: center;
}
.site-v3 .site-brand b {
  min-width: 0;
  font-size: 9px;
  letter-spacing: -.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-v3 .site-brand small {
  color: var(--site-muted);
  font-family: var(--design-mono);
  font-size: 6px;
}
.site-v3 .site-header nav { display: none; }
.site-v3 .site-header-status {
  display: inline-flex;
  color: var(--site-muted);
  align-items: center;
  gap: 5px;
  font-family: var(--design-sans);
  font-size: 5.5px;
  font-weight: 900;
  letter-spacing: .11em;
  white-space: nowrap;
}
.site-v3 .site-header-status i {
  width: 5px; height: 5px; border-radius: 50%; background: var(--site-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--site-accent) 14%, transparent);
}
.site-v3 .site-menu-button {
  display: grid;
  width: 29px; height: 29px;
  padding: 8px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-small-radius);
  background: transparent;
  cursor: pointer;
  align-content: center;
  gap: 4px;
}
.site-v3 .site-menu-button i { display: block; height: 1px; background: currentColor; }
.site-v3 .site-header.is-open nav {
  position: absolute;
  top: calc(100% + 5px); right: 10px; left: 10px;
  display: grid;
  padding: 8px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius);
  background: var(--site-surface);
  box-shadow: 0 18px 40px rgba(0,0,0,.16);
  gap: 4px;
}
.site-v3 .site-header.is-open nav button {
  min-height: 35px; padding: 0 11px; border: 0; border-radius: 8px;
  background: transparent; cursor: pointer; text-align: left;
}

.site-v3 .site-content { display: block; }
.site-v3 .site-content > section {
  position: relative;
  width: calc(100% - var(--site-pad) * 2);
  margin: var(--site-gap) auto 0;
}

.site-v3 .site-hero {
  display: grid;
  min-height: var(--site-hero-min);
  padding: 28px 20px 17px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius);
  background: var(--site-panel);
  grid-template-rows: auto 1fr auto;
  gap: 20px;
  overflow: hidden;
}
.site-v3 .site-hero-copy { position: relative; z-index: 3; min-width: 0; }
.site-v3 .site-eyebrow {
  display: flex;
  margin: 0 0 18px;
  color: var(--site-muted);
  align-items: center;
  gap: 8px;
  font-family: var(--design-sans);
  font-size: 6px;
  font-weight: 900;
  letter-spacing: .15em;
}
.site-v3 .site-eyebrow span {
  display: grid;
  width: 24px; height: 24px;
  border: 1px solid var(--site-line);
  border-radius: 50%;
  color: var(--site-accent);
  place-items: center;
}
.site-v3 .site-hero h1 {
  max-width: 12ch;
  margin: 0;
  font-family: inherit;
  font-size: clamp(32px, 11cqw, 48px);
  font-weight: 850;
  letter-spacing: -.065em;
  line-height: .91;
  overflow-wrap: anywhere;
}
.site-v3 .site-hero-line {
  max-width: 28ch;
  margin: 14px 0 0;
  color: var(--site-accent);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.12;
}
.site-v3 .site-role {
  margin: 13px 0 0;
  color: var(--site-muted);
  font-family: var(--design-sans);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.site-v3 .site-bio {
  display: -webkit-box;
  max-width: 41ch;
  margin: 9px 0 0;
  color: var(--site-muted);
  font-family: var(--design-sans);
  font-size: 8px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.site-v3 .site-hero-actions { display: flex; margin-top: 18px; align-items: center; flex-wrap: wrap; gap: 8px; }
.site-v3 .site-primary-action,
.site-v3 .site-text-action {
  display: inline-flex;
  min-height: 37px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--site-small-radius);
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  cursor: pointer;
  font-family: var(--design-sans);
  font-size: 7px;
  font-weight: 900;
  text-decoration: none;
}
.site-v3 .site-primary-action { background: var(--site-accent); color: #fff; box-shadow: 0 10px 24px color-mix(in srgb, var(--site-accent) 25%, transparent); }
.site-v3 .site-text-action { padding-inline: 5px; background: transparent; color: inherit; }
.site-v3 .site-hero-visual { position: relative; min-height: 150px; }
.site-v3 .site-hero-media {
  position: absolute;
  z-index: 2;
  inset: 3px 18px 3px 31%;
  margin: 0;
  border-radius: var(--site-radius);
  background: linear-gradient(145deg, var(--site-accent), var(--site-accent-2));
  box-shadow: 0 20px 45px color-mix(in srgb, var(--site-accent) 20%, transparent);
  overflow: hidden;
}
.site-v3 .site-hero-media img { width: 100%; height: 100%; object-fit: cover; }
.site-v3 .site-hero-media.has-monogram { display: grid; place-items: center; }
.site-v3 .site-hero-media.has-monogram span {
  position: relative; z-index: 2; color: #fff; font-family: var(--design-sans); font-size: 34px; font-weight: 950; letter-spacing: -.08em;
}
.site-v3 .site-hero-media.has-monogram i { position: absolute; width: 130%; height: 1px; background: rgba(255,255,255,.32); transform: rotate(34deg); }
.site-v3 .site-hero-media.has-monogram i:last-child { transform: rotate(-34deg); }
.site-v3 .site-hero-art {
  position: absolute;
  z-index: 3;
  bottom: 10px; left: 5px;
  display: grid;
  width: 96px; min-height: 84px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--site-text) 19%, transparent);
  border-radius: var(--site-small-radius);
  background: color-mix(in srgb, var(--site-bg) 83%, transparent);
  backdrop-filter: blur(12px);
  align-content: end;
  overflow: hidden;
}
.site-v3 .site-hero-art > b { color: var(--site-accent); font-size: 22px; line-height: 1; }
.site-v3 .site-hero-art > span { margin-top: 8px; font-family: var(--design-sans); font-size: 5px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.site-v3 .site-hero-art > em { position: absolute; top: 7px; right: 8px; color: var(--site-muted); font-family: var(--design-mono); font-size: 6px; font-style: normal; }
.site-v3 .site-hero-art > i { position: absolute; top: 32px; right: -15px; width: 70px; height: 1px; background: var(--site-accent); opacity: .35; transform: rotate(-32deg); }
.site-v3 .site-hero-art > i:nth-of-type(2) { transform: rotate(32deg); }
.site-v3 .site-hero-index { display: flex; padding-top: 12px; border-top: 1px solid var(--site-line); color: var(--site-muted); justify-content: space-between; font-family: var(--design-sans); font-size: 5.5px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }

.site-v3 .site-ticker {
  width: 100%;
  padding: 9px 0;
  border-block: 1px solid var(--site-line);
  border-radius: 0;
  overflow: hidden;
}
.site-v3 .site-ticker > div { display: flex; width: max-content; align-items: center; animation: siteTicker 30s linear infinite; }
.site-v3 .site-ticker span { padding: 0 11px; font-size: 8px; font-weight: 900; letter-spacing: .08em; white-space: nowrap; }
.site-v3 .site-ticker i { color: var(--site-accent); font-style: normal; }
@keyframes siteTicker { to { transform: translateX(-50%); } }

.site-v3 .site-section-heading {
  display: grid;
  margin-bottom: 16px;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
}
.site-v3 .site-section-heading > span {
  display: grid; width: 28px; height: 28px;
  border: 1px solid var(--site-line); border-radius: 50%;
  color: var(--site-accent); font-family: var(--design-mono); font-size: 6px; place-items: center;
}
.site-v3 .site-section-heading small {
  display: block; color: var(--site-muted); font-family: var(--design-sans); font-size: 5.5px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase;
}
.site-v3 .site-section-heading h2 {
  margin: 3px 0 0;
  font-size: 23px;
  letter-spacing: -.055em;
  line-height: 1;
}
.site-v3 .site-section-heading p { margin: 7px 0 0; color: var(--site-muted); font-family: var(--design-sans); font-size: 7px; line-height: 1.5; }

.site-v3 .site-widget,
.site-v3 .site-story,
.site-v3 .site-services,
.site-v3 .site-gallery,
.site-v3 .site-process,
.site-v3 .site-team,
.site-v3 .site-schedule,
.site-v3 .site-faq,
.site-v3 .site-feature-section {
  padding: 18px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius);
  background: var(--site-panel);
}
.site-v3 .site-tool { display: grid; gap: 10px; }
.site-v3 .site-tool-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.site-v3 .site-tool-body > .site-choice-row,
.site-v3 .site-tool-body > .site-menu-board,
.site-v3 .site-tool-body > .site-check-grid,
.site-v3 .site-tool-body > .site-row-list,
.site-v3 .site-tool-body > .site-filter-list,
.site-v3 .site-tool-body > .site-video-player,
.site-v3 .site-tool-body > .site-lesson-list,
.site-v3 .site-tool-body > .site-question,
.site-v3 .site-tool-body > .site-audio-list,
.site-v3 .site-tool-body > .site-lookbook-grid,
.site-v3 .site-tool-body > .site-shoe-preview,
.site-v3 .site-tool-body > .site-scent-wheel,
.site-v3 .site-tool-body > .site-compare-table,
.site-v3 .site-tool-body > .site-package-row,
.site-v3 .site-tool-body > .site-tire-visual,
.site-v3 .site-tool-body > .site-search-field,
.site-v3 .site-tool-body > .site-search-results,
.site-v3 .site-tool-body > .site-route-inputs,
.site-v3 .site-tool-body > .site-calendar-strip,
.site-v3 .site-tool-body > .site-performance-bars,
.site-v3 .site-tool-body > .site-health-note,
.site-v3 .site-tool-body > .site-doctor-list,
.site-v3 .site-tool-body > .site-metric-mini,
.site-v3 .site-tool-body > .site-property-results,
.site-v3 .site-tool-body > .site-blueprint-mini,
.site-v3 .site-tool-body > .site-material-swatches,
.site-v3 .site-tool-body > .site-mood-grid,
.site-v3 .site-tool-body > .site-availability,
.site-v3 .site-tool-body > .site-bouquet-visual,
.site-v3 .site-tool-body > .site-destination-row,
.site-v3 .site-tool-body > .site-room-strip,
.site-v3 .site-tool-body > .site-tea-clock,
.site-v3 .site-tool-body > .site-range-stack,
.site-v3 .site-tool-body > .site-time-grid,
.site-v3 .site-tool-body > .site-inline-action,
.site-v3 .site-tool-body > .site-score-line,
.site-v3 .site-tool-body > .site-level-track,
.site-v3 .site-tool-body > .site-mini-steps,
.site-v3 .site-tool-body > .site-range-field { grid-column: 1 / -1; }
.site-v3 .site-tool-result {
  display: grid;
  min-height: 120px;
  padding: 15px;
  border-radius: var(--site-small-radius);
  background: var(--site-accent);
  color: #fff;
  align-content: start;
}
.site-v3 .site-tool-result > small { font-family: var(--design-sans); font-size: 5.5px; font-weight: 900; letter-spacing: .13em; opacity: .66; }
.site-v3 .site-tool-result > strong { margin-top: 9px; font-size: 18px; letter-spacing: -.045em; line-height: 1.05; }
.site-v3 .site-tool-result > p { margin: 8px 0 14px; font-family: var(--design-sans); font-size: 6.5px; opacity: .72; }
.site-v3 .site-widget-continue {
  display: flex; min-height: 34px; margin-top: auto; padding: 0 10px;
  border: 1px solid rgba(255,255,255,.35); border-radius: calc(var(--site-small-radius) - 2px);
  background: rgba(255,255,255,.13); color: #fff; align-items: center; justify-content: space-between;
  cursor: pointer; font-family: var(--design-sans); font-size: 6.5px; font-weight: 900; text-decoration: none;
}
.site-v3 .site-tool-field,
.site-v3 .site-range-field {
  display: grid; min-width: 0; gap: 5px;
}
.site-v3 .site-tool-field > span,
.site-v3 .site-range-field > span,
.site-v3 .site-range-stack label > span {
  color: var(--site-muted); font-family: var(--design-sans); font-size: 5.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;
}
.site-v3 .site-tool-field input,
.site-v3 .site-tool-field select,
.site-v3 .site-tool-field textarea,
.site-v3 .site-search-field input,
.site-v3 .site-route-inputs input {
  width: 100%; min-height: 37px; padding: 0 10px;
  border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
  outline: 0; background: color-mix(in srgb, var(--site-surface) 92%, transparent); color: var(--site-text);
  font-family: var(--design-sans); font-size: 7px;
}
.site-v3 .site-tool-field textarea { min-height: 70px; padding-block: 9px; resize: vertical; }
.site-v3 .site-tool-field.is-wide { grid-column: 1 / -1; }
.site-v3 .site-number-field { position: relative; }
.site-v3 .site-number-field b { position: absolute; top: 50%; right: 9px; color: var(--site-muted); font-size: 6px; transform: translateY(-50%); }
.site-v3 input[type="range"] { width: 100%; accent-color: var(--site-accent); }
.site-v3 .site-range-stack { display: grid; gap: 10px; }
.site-v3 .site-range-stack label { display: grid; gap: 6px; }
.site-v3 .site-choice-row,
.site-v3 .site-time-grid { display: flex; flex-wrap: wrap; gap: 5px; }
.site-v3 .site-choice {
  display: inline-flex; min-height: 31px; padding: 0 10px;
  border: 1px solid var(--site-line); border-radius: 999px;
  background: transparent; align-items: center; gap: 7px; cursor: pointer;
  font-family: var(--design-sans); font-size: 6px; font-weight: 850;
}
.site-v3 .site-choice i { display: none; font-style: normal; }
.site-v3 .site-choice.is-active { border-color: var(--site-accent); background: var(--site-accent); color: #fff; }
.site-v3 .site-choice.is-active i { display: inline; }
.site-v3 .site-inline-action {
  min-height: 34px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
  background: transparent; cursor: pointer; font-size: 7px; font-weight: 850;
}
.site-v3 .site-menu-board { display: grid; gap: 3px; }
.site-v3 .site-menu-board article {
  display: grid; min-height: 33px; padding: 0 4px; border-bottom: 1px solid var(--site-line);
  grid-template-columns: 22px auto 1fr auto; align-items: center; gap: 6px;
}
.site-v3 .site-menu-board article span { color: var(--site-accent); font-family: var(--design-mono); font-size: 5px; }
.site-v3 .site-menu-board article b,
.site-v3 .site-menu-board article strong { font-size: 7px; }
.site-v3 .site-menu-board article i { height: 1px; background: repeating-linear-gradient(90deg, var(--site-line) 0 2px, transparent 2px 5px); }
.site-v3 .site-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.site-v3 .site-check-grid label { cursor: pointer; }
.site-v3 .site-check-grid input { position: absolute; opacity: 0; pointer-events: none; }
.site-v3 .site-check-grid span {
  display: grid; min-height: 72px; padding: 9px;
  border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
  background: color-mix(in srgb, var(--site-surface) 70%, transparent);
  grid-template-columns: auto 1fr; align-content: center; gap: 3px 7px;
}
.site-v3 .site-check-grid input:checked + span { border-color: var(--site-accent); box-shadow: inset 0 0 0 1px var(--site-accent); }
.site-v3 .site-check-grid span i { grid-row: 1 / 3; color: var(--site-accent); font-style: normal; font-size: 15px; }
.site-v3 .site-check-grid span b { font-size: 7px; }
.site-v3 .site-check-grid span small { color: var(--site-muted); font-size: 5.5px; }
.site-v3 .site-option-cards,
.site-v3 .site-row-list,
.site-v3 .site-audio-list,
.site-v3 .site-search-results,
.site-v3 .site-doctor-list { display: grid; gap: 5px; grid-column: 1 / -1; }
.site-v3 .site-option-cards button,
.site-v3 .site-row-list button,
.site-v3 .site-audio-list button,
.site-v3 .site-search-results article,
.site-v3 .site-doctor-list article {
  display: grid; min-height: 49px; padding: 7px 8px;
  border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
  background: transparent; grid-template-columns: 34px 1fr auto; align-items: center; gap: 8px;
  cursor: pointer; text-align: left;
}
.site-v3 .site-option-cards button.is-active,
.site-v3 .site-row-list button.is-active,
.site-v3 .site-audio-list button.is-active { border-color: var(--site-accent); background: color-mix(in srgb, var(--site-accent) 9%, transparent); }
.site-v3 .site-option-cards button > i,
.site-v3 .site-search-results article > i,
.site-v3 .site-doctor-list article > i {
  display: grid; width: 31px; height: 31px; border-radius: 50%; background: var(--site-accent); color: #fff; place-items: center; font-style: normal; font-size: 7px;
}
.site-v3 .site-option-cards span b,
.site-v3 .site-row-list span b,
.site-v3 .site-search-results span b,
.site-v3 .site-doctor-list span b { display: block; font-size: 7px; }
.site-v3 .site-option-cards span small,
.site-v3 .site-row-list span small,
.site-v3 .site-search-results span small,
.site-v3 .site-doctor-list span small { display: block; color: var(--site-muted); font-family: var(--design-sans); font-size: 5.5px; }
.site-v3 .site-option-cards em,
.site-v3 .site-row-list em,
.site-v3 .site-search-results em,
.site-v3 .site-doctor-list em { color: var(--site-accent); font-size: 6px; font-style: normal; }
.site-v3 .site-row-list time { color: var(--site-accent); font-family: var(--design-mono); font-size: 7px; font-weight: 900; }
.site-v3 .site-package-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.site-v3 .site-package-row button {
  display: grid; min-width: 0; min-height: 83px; padding: 9px 7px;
  border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
  background: transparent; align-content: space-between; cursor: pointer; text-align: left;
}
.site-v3 .site-package-row button.is-active { border-color: var(--site-accent); background: var(--site-accent); color: #fff; }
.site-v3 .site-package-row span { font-family: var(--design-mono); font-size: 5px; opacity: .65; }
.site-v3 .site-package-row b { font-size: 7px; overflow-wrap: anywhere; }
.site-v3 .site-package-row small { font-size: 5.5px; opacity: .7; }

.site-v3 .site-tea-clock {
  display: grid; min-height: 105px; border: 1px solid var(--site-line); border-radius: 50%;
  place-content: center; text-align: center;
}
.site-v3 .site-tea-clock span { font-family: var(--design-serif); font-size: 27px; letter-spacing: -.06em; }
.site-v3 .site-tea-clock small { color: var(--site-muted); font-size: 5px; letter-spacing: .1em; }
.site-v3 .site-filter-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.site-v3 .site-filter-list article {
  min-height: 86px; padding: 9px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
}
.site-v3 .site-filter-list article span { color: var(--site-accent); font-family: var(--design-mono); font-size: 5px; }
.site-v3 .site-filter-list article b { display: block; margin-top: 14px; font-size: 7px; line-height: 1.1; }
.site-v3 .site-filter-list article small { display: block; margin-top: 5px; color: var(--site-muted); font-size: 5px; }
.site-v3 .site-video-player {
  display: grid; min-height: 96px; padding: 9px; border-radius: var(--site-small-radius); background: #0d0f0e; color: #fff; grid-template-columns: 73px 1fr; align-items: center; gap: 10px;
}
.site-v3 .site-video-player button {
  display: grid; height: 74px; border: 0; border-radius: 7px; background: linear-gradient(145deg, var(--site-accent), var(--site-accent-2)); color: #fff; cursor: pointer; place-content: center; gap: 4px;
}
.site-v3 .site-video-player button span { font-size: 17px; text-align: center; }
.site-v3 .site-video-player button small { font-size: 5px; }
.site-v3 .site-video-player div b { font-size: 8px; }
.site-v3 .site-video-player div p { height: 3px; margin: 10px 0 5px; border-radius: 4px; background: rgba(255,255,255,.16); }
.site-v3 .site-video-player div p i { display: block; height: 100%; background: var(--site-accent); }
.site-v3 .site-video-player div small { font-size: 5.5px; opacity: .6; }
.site-v3 .site-lesson-list,
.site-v3 .site-mini-steps { display: grid; margin: 0; padding: 0; list-style: none; gap: 4px; }
.site-v3 .site-lesson-list li {
  display: grid; min-height: 34px; padding: 0 7px; border-bottom: 1px solid var(--site-line); grid-template-columns: 24px 1fr auto; align-items: center;
}
.site-v3 .site-lesson-list span,
.site-v3 .site-lesson-list em { color: var(--site-muted); font-family: var(--design-mono); font-size: 5.5px; font-style: normal; }
.site-v3 .site-lesson-list b { font-size: 6.5px; }
.site-v3 .site-score-line,
.site-v3 .site-level-track {
  display: flex; min-height: 42px; padding: 0 8px; border: 1px solid var(--site-line); border-radius: 999px; align-items: center; gap: 7px;
}
.site-v3 .site-score-line i,
.site-v3 .site-level-track i { height: 1px; background: var(--site-line); flex: 1; }
.site-v3 .site-level-track i.is-active { height: 3px; background: var(--site-accent); }
.site-v3 .site-score-line span,
.site-v3 .site-score-line b,
.site-v3 .site-level-track span { font-family: var(--design-mono); font-size: 6px; }
.site-v3 .site-question { padding: 12px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); }
.site-v3 .site-question > small { color: var(--site-accent); font-size: 5px; }
.site-v3 .site-question h3 { margin: 9px 0 12px; font-family: var(--design-sans); font-size: 12px; line-height: 1.2; }
.site-v3 .site-mini-steps { grid-template-columns: repeat(3, 1fr); }
.site-v3 .site-mini-steps li { display: grid; min-height: 52px; padding: 8px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); font-size: 6px; }
.site-v3 .site-mini-steps b { color: var(--site-accent); }
.site-v3 .site-audio-list button { grid-template-columns: 26px 1fr 1fr auto; }
.site-v3 .site-audio-list button > span { display: grid; width: 25px; height: 25px; border-radius: 50%; background: var(--site-accent); color: #fff; place-items: center; font-size: 7px; }
.site-v3 .site-audio-list button > b { font-size: 7px; }
.site-v3 .site-audio-list button > i { height: 2px; background: var(--site-line); }
.site-v3 .site-audio-list button > i em { display: block; height: 100%; background: var(--site-accent); }
.site-v3 .site-audio-list button > small { font-size: 5px; }
.site-v3 .site-lookbook-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.site-v3 .site-lookbook-grid article { min-height: 116px; padding: 7px; background: color-mix(in srgb, var(--site-accent) 9%, var(--site-surface)); }
.site-v3 .site-lookbook-grid article i { display: block; height: 76px; background: linear-gradient(145deg, var(--site-accent), transparent); }
.site-v3 .site-lookbook-grid article b { display: block; margin-top: 6px; font-size: 6px; }
.site-v3 .site-lookbook-grid article small { color: var(--site-muted); font-size: 5px; }
.site-v3 .site-shoe-preview {
  position: relative; display: grid; min-height: 105px; padding: 12px; border-radius: var(--site-small-radius);
  background: var(--site-accent); color: #fff; align-content: space-between; overflow: hidden;
}
.site-v3 .site-shoe-preview b { font-family: var(--design-display); font-size: 48px; line-height: .8; }
.site-v3 .site-shoe-preview i { position: absolute; right: 18px; bottom: 14px; font-size: 32px; font-style: normal; }
.site-v3 .site-shoe-preview span { font-size: 5px; letter-spacing: .14em; }
.site-v3 .site-scent-wheel {
  position: relative; display: grid; width: 150px; height: 150px; margin: 0 auto; border: 1px solid var(--site-line); border-radius: 50%; place-items: center;
}
.site-v3 .site-scent-wheel span { position: absolute; font-size: 5px; letter-spacing: .08em; }
.site-v3 .site-scent-wheel span:nth-child(1) { top: 12px; }
.site-v3 .site-scent-wheel span:nth-child(2) { right: 4px; }
.site-v3 .site-scent-wheel span:nth-child(3) { bottom: 12px; }
.site-v3 .site-scent-wheel span:nth-child(4) { left: 4px; }
.site-v3 .site-scent-wheel i { width: 52px; height: 52px; border-radius: 50%; background: radial-gradient(circle at 36% 30%, var(--site-accent-2), var(--site-accent)); box-shadow: 0 0 0 15px color-mix(in srgb, var(--site-accent) 8%, transparent); }
.site-v3 .site-compare-table { display: grid; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); overflow: hidden; }
.site-v3 .site-compare-table p { display: grid; min-height: 35px; margin: 0; padding: 0 9px; border-bottom: 1px solid var(--site-line); grid-template-columns: 1fr 45px 45px; align-items: center; }
.site-v3 .site-compare-table p:last-child { border-bottom: 0; }
.site-v3 .site-compare-table span { color: var(--site-muted); font-size: 5px; }
.site-v3 .site-compare-table b { color: var(--site-accent); font-family: var(--design-mono); font-size: 7px; text-align: right; }
.site-v3 .site-tire-visual {
  position: relative; display: grid; min-height: 105px; border-radius: var(--site-small-radius); background: #151716; color: #fff; place-content: center; text-align: center; overflow: hidden;
}
.site-v3 .site-tire-visual i { position: absolute; top: 50%; left: 50%; width: 84px; height: 84px; border: 14px dashed #303431; border-radius: 50%; transform: translate(-50%,-50%); }
.site-v3 .site-tire-visual b,
.site-v3 .site-tire-visual span { position: relative; z-index: 2; }
.site-v3 .site-tire-visual b { font-family: var(--design-mono); font-size: 10px; }
.site-v3 .site-tire-visual span { color: var(--site-accent); font-size: 6px; }
.site-v3 .site-search-field {
  display: grid; min-height: 46px; padding: 5px 5px 5px 10px;
  border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
  grid-template-columns: auto 1fr 36px; align-items: center; gap: 7px;
}
.site-v3 .site-search-field > span { color: var(--site-muted); font-size: 5px; }
.site-v3 .site-search-field input { min-height: 34px; padding: 0; border: 0; background: transparent; }
.site-v3 .site-search-field button { height: 34px; border: 0; border-radius: 7px; background: var(--site-accent); color: #fff; }
.site-v3 .site-route-inputs { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 6px; }
.site-v3 .site-route-inputs label { display: grid; min-height: 54px; padding: 7px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); grid-template-columns: 21px 1fr; align-items: center; }
.site-v3 .site-route-inputs label span { display: grid; width: 20px; height: 20px; border-radius: 50%; background: var(--site-accent); color: #fff; place-items: center; font-size: 6px; }
.site-v3 .site-route-inputs input { min-height: 30px; padding-inline: 6px; border: 0; background: transparent; }
.site-v3 .site-route-inputs > i { width: 15px; height: 1px; background: var(--site-accent); }
.site-v3 .site-calendar-strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
.site-v3 .site-calendar-strip span { display: grid; min-height: 47px; padding: 5px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); color: var(--site-muted); place-items: center; font-size: 5px; }
.site-v3 .site-calendar-strip span b { color: var(--site-text); font-size: 10px; }
.site-v3 .site-calendar-strip span.is-active { border-color: var(--site-accent); background: var(--site-accent); color: #fff; }
.site-v3 .site-calendar-strip span.is-active b { color: #fff; }
.site-v3 .site-performance-bars { display: grid; gap: 8px; }
.site-v3 .site-performance-bars p { display: grid; margin: 0; grid-template-columns: 62px 1fr; align-items: center; gap: 6px; }
.site-v3 .site-performance-bars span { font-size: 5px; }
.site-v3 .site-performance-bars i { height: 5px; background: var(--site-line); }
.site-v3 .site-performance-bars i em { display: block; height: 100%; background: var(--site-accent); }
.site-v3 .site-health-note { margin: 0; padding: 9px; border-left: 3px solid var(--site-accent); background: color-mix(in srgb, var(--site-accent) 8%, transparent); color: var(--site-muted); font-family: var(--design-sans); font-size: 6px; }
.site-v3 .site-metric-mini { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.site-v3 .site-metric-mini p { display: grid; min-height: 54px; margin: 0; padding: 8px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); }
.site-v3 .site-metric-mini span { color: var(--site-muted); font-size: 5px; }
.site-v3 .site-metric-mini b { color: var(--site-accent); font-family: var(--design-mono); font-size: 11px; }
.site-v3 .site-property-results { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.site-v3 .site-property-results article { display: grid; min-height: 98px; padding: 7px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); grid-template-rows: 1fr auto; }
.site-v3 .site-property-results article > i { min-height: 52px; background: linear-gradient(145deg, color-mix(in srgb, var(--site-accent) 42%, transparent), var(--site-line)); }
.site-v3 .site-property-results span b { display: block; margin-top: 5px; font-size: 6.5px; }
.site-v3 .site-property-results span small { color: var(--site-muted); font-size: 5px; }
.site-v3 .site-property-results em { color: var(--site-accent); font-size: 6px; font-style: normal; }
.site-v3 .site-blueprint-mini {
  position: relative; display: grid; min-height: 110px; padding: 10px;
  border: 1px solid var(--site-accent); background-image: linear-gradient(var(--site-line) 1px, transparent 1px), linear-gradient(90deg,var(--site-line) 1px,transparent 1px);
  background-size: 14px 14px; align-content: space-between;
}
.site-v3 .site-blueprint-mini b { font-family: var(--design-mono); font-size: 20px; }
.site-v3 .site-blueprint-mini span { color: var(--site-accent); font-size: 6px; }
.site-v3 .site-material-swatches { display: grid; min-height: 78px; grid-template-columns: repeat(3,1fr); gap: 4px; }
.site-v3 .site-material-swatches i { background: repeating-linear-gradient(25deg, color-mix(in srgb, var(--site-accent) 45%, #8c694c) 0 3px, color-mix(in srgb, var(--site-bg) 70%, #fff) 3px 7px); }
.site-v3 .site-material-swatches i:nth-child(2) { filter: grayscale(.65); }
.site-v3 .site-material-swatches i:nth-child(3) { filter: brightness(.65); }
.site-v3 .site-material-swatches span { grid-column: 1 / -1; color: var(--site-muted); font-size: 5px; }
.site-v3 .site-mood-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.site-v3 .site-mood-grid button { display: grid; min-width: 0; min-height: 104px; padding: 7px; border: 1px solid var(--site-line); background: transparent; cursor: pointer; text-align: left; }
.site-v3 .site-mood-grid button.is-active { border-color: var(--site-accent); }
.site-v3 .site-mood-grid button > i { display: grid; height: 54px; grid-template-columns: repeat(3,1fr); gap: 2px; }
.site-v3 .site-mood-grid button > i em:nth-child(1) { background: var(--site-accent); }
.site-v3 .site-mood-grid button > i em:nth-child(2) { background: var(--site-accent-2); }
.site-v3 .site-mood-grid button > i em:nth-child(3) { background: var(--site-text); }
.site-v3 .site-mood-grid b { margin-top: 6px; font-size: 6px; }
.site-v3 .site-mood-grid small { color: var(--site-muted); font-size: 5px; }
.site-v3 .site-availability { display: flex; min-height: 45px; padding: 0 10px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); align-items: center; justify-content: space-between; font-size: 6px; }
.site-v3 .site-availability span i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--site-accent); }
.site-v3 .site-bouquet-visual { position: relative; min-height: 130px; border-radius: 100px 100px 12px 12px; background: color-mix(in srgb, var(--site-accent-2) 28%, var(--site-surface)); overflow: hidden; }
.site-v3 .site-bouquet-visual i { position: absolute; bottom: 20px; left: 50%; width: 52px; height: 72px; border-radius: 60% 40% 55% 45%; background: var(--site-accent); transform-origin: bottom; }
.site-v3 .site-bouquet-visual i:first-child { transform: translateX(-74%) rotate(-30deg); }
.site-v3 .site-bouquet-visual i:nth-child(2) { transform: translateX(-50%); background: var(--site-accent-2); }
.site-v3 .site-bouquet-visual i:nth-child(3) { transform: translateX(-20%) rotate(30deg); }
.site-v3 .site-bouquet-visual span { position: absolute; right: 9px; bottom: 7px; font-size: 5px; }
.site-v3 .site-destination-row,
.site-v3 .site-room-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
.site-v3 .site-destination-row article,
.site-v3 .site-room-strip article { min-height: 82px; padding: 7px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); }
.site-v3 .site-destination-row article i { display: block; height: 43px; background: linear-gradient(145deg,var(--site-accent),var(--site-accent-2)); }
.site-v3 .site-destination-row b,
.site-v3 .site-room-strip b { display: block; margin-top: 5px; font-size: 6px; }
.site-v3 .site-destination-row small,
.site-v3 .site-room-strip small { color: var(--site-muted); font-size: 5px; }
.site-v3 .site-room-strip { grid-template-columns: 1fr 1fr; }
.site-v3 .site-room-strip article.is-active { border-color: var(--site-accent); background: color-mix(in srgb, var(--site-accent) 9%, transparent); }

.site-v3 .site-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.site-v3 .site-proof article {
  display: grid; min-height: 91px; padding: 10px;
  border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
  background: var(--site-panel); align-content: space-between;
}
.site-v3 .site-proof article > span { color: var(--site-muted); font-family: var(--design-mono); font-size: 5px; }
.site-v3 .site-proof strong { color: var(--site-accent); font-size: 18px; letter-spacing: -.045em; overflow-wrap: anywhere; }
.site-v3 .site-proof small { color: var(--site-muted); font-family: var(--design-sans); font-size: 5.5px; }
.site-v3 .site-story-layout { display: grid; gap: 12px; }
.site-v3 .site-story blockquote { margin: 0; font-size: 22px; letter-spacing: -.045em; line-height: 1.06; }
.site-v3 .site-story-layout > div { padding-top: 11px; border-top: 1px solid var(--site-line); }
.site-v3 .site-story-layout > div span { color: var(--site-accent); font-family: var(--design-mono); font-size: 5px; }
.site-v3 .site-story-layout > div p { margin: 7px 0 0; color: var(--site-muted); font-family: var(--design-sans); font-size: 7px; }
.site-v3 .site-service-grid { display: grid; gap: 5px; }
.site-v3 .site-service-grid article {
  display: grid; min-height: 68px; padding: 9px;
  border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
  grid-template-columns: 25px 1fr auto; align-items: center; gap: 7px;
}
.site-v3 .site-service-grid article > span { color: var(--site-accent); font-family: var(--design-mono); font-size: 5px; }
.site-v3 .site-service-grid h3 { margin: 0; font-size: 9px; letter-spacing: -.02em; }
.site-v3 .site-service-grid p { margin: 3px 0 0; color: var(--site-muted); font-family: var(--design-sans); font-size: 6px; }
.site-v3 .site-service-grid article > b { color: var(--site-accent); }
.site-v3 .site-gallery-grid { display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: 128px 72px 92px; gap: 5px; }
.site-v3 .site-gallery-grid figure { position: relative; margin: 0; background: linear-gradient(145deg,var(--site-accent),var(--site-accent-2)); overflow: hidden; }
.site-v3 .site-gallery-grid figure.gallery-1 { grid-row: 1 / 3; }
.site-v3 .site-gallery-grid figure.gallery-4 { grid-column: 1 / -1; }
.site-v3 .site-gallery-grid figure.gallery-5 { display: none; }
.site-v3 .site-gallery-grid img { width: 100%; height: 100%; object-fit: cover; }
.site-v3 .site-gallery-grid figure:nth-child(even) img { filter: saturate(.25) contrast(1.1); transform: scale(1.12); }
.site-v3 .site-gallery-grid figure i { position: absolute; inset: 17%; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; }
.site-v3 .site-gallery-grid figure i:last-child { inset: 32%; }
.site-v3 .site-gallery-grid figcaption { position: absolute; right: 6px; bottom: 5px; left: 6px; color: #fff; font-family: var(--design-mono); font-size: 4.5px; }
.site-v3 .site-quote {
  display: grid; min-height: 210px; padding: 24px 18px;
  border-radius: var(--site-radius); background: var(--site-accent); color: #fff; align-content: space-between;
}
.site-v3 .site-quote > span { font-family: var(--design-serif); font-size: 52px; line-height: .5; opacity: .45; }
.site-v3 .site-quote blockquote { margin: 0; font-size: 24px; letter-spacing: -.05em; line-height: 1.02; }
.site-v3 .site-quote p { margin: 0; font-family: var(--design-sans); font-size: 6px; opacity: .65; }
.site-v3 .site-process ol { display: grid; margin: 0; padding: 0; list-style: none; gap: 4px; }
.site-v3 .site-process li { display: grid; min-height: 42px; grid-template-columns: 27px auto 1fr; align-items: center; gap: 8px; }
.site-v3 .site-process li span { color: var(--site-accent); font-family: var(--design-mono); font-size: 5px; }
.site-v3 .site-process li b { font-size: 7px; }
.site-v3 .site-process li i { height: 1px; background: var(--site-line); }
.site-v3 .site-team > div,
.site-v3 .site-schedule > div { display: grid; gap: 5px; }
.site-v3 .site-team article,
.site-v3 .site-schedule article {
  display: grid; min-height: 54px; padding: 7px;
  border-bottom: 1px solid var(--site-line);
  grid-template-columns: 34px 1fr auto; align-items: center; gap: 8px;
}
.site-v3 .site-team article > i {
  display: grid; width: 31px; height: 31px; border-radius: 50%;
  background: var(--site-accent); color: #fff; place-items: center; font-style: normal; font-size: 6px;
}
.site-v3 .site-team article b,
.site-v3 .site-schedule article b { display: block; font-size: 7px; }
.site-v3 .site-team article small { color: var(--site-muted); font-size: 5.5px; }
.site-v3 .site-team article em,
.site-v3 .site-schedule article em { color: var(--site-accent); font-size: 6px; font-style: normal; }
.site-v3 .site-schedule article { grid-template-columns: 25px 1fr 1fr auto; }
.site-v3 .site-schedule article span { color: var(--site-accent); font-family: var(--design-mono); font-size: 5px; }
.site-v3 .site-schedule article p { margin: 0; color: var(--site-muted); font-size: 6px; }
.site-v3 .site-faq details { border-bottom: 1px solid var(--site-line); }
.site-v3 .site-faq summary { display: grid; min-height: 44px; cursor: pointer; grid-template-columns: 25px 1fr auto; align-items: center; gap: 7px; list-style: none; }
.site-v3 .site-faq summary::-webkit-details-marker { display: none; }
.site-v3 .site-faq summary span { color: var(--site-accent); font-family: var(--design-mono); font-size: 5px; }
.site-v3 .site-faq summary b { font-size: 7px; }
.site-v3 .site-faq summary i { font-style: normal; }
.site-v3 .site-faq details[open] summary i { transform: rotate(45deg); }
.site-v3 .site-faq details p { margin: 0 0 12px 32px; color: var(--site-muted); font-family: var(--design-sans); font-size: 6.5px; }
.site-v3 .site-feature-section > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.site-v3 .site-feature-section article {
  display: grid; min-height: var(--site-card-min); padding: 10px;
  border: 1px solid var(--site-line); border-radius: var(--site-small-radius);
  background: color-mix(in srgb, var(--site-surface) 60%, transparent); grid-template-columns: 1fr auto; align-content: space-between;
}
.site-v3 .site-feature-section article > span { color: var(--site-accent); font-size: 20px; }
.site-v3 .site-feature-section article > small { color: var(--site-muted); font-family: var(--design-mono); font-size: 5px; text-align: right; }
.site-v3 .site-feature-section h3 { grid-column: 1 / -1; margin: 14px 0 0; font-size: 9px; letter-spacing: -.03em; }
.site-v3 .site-feature-section p { grid-column: 1 / -1; margin: 4px 0 0; color: var(--site-muted); font-family: var(--design-sans); font-size: 6px; }
.site-v3 .site-feature-section article > b { grid-column: 2; color: var(--site-accent); text-align: right; }
.site-v3 .site-hours {
  display: grid; min-height: 120px; padding: 17px;
  border: 1px solid var(--site-line); border-radius: var(--site-radius);
  background: var(--site-panel); grid-template-columns: 1fr auto; align-content: space-between;
}
.site-v3 .site-hours small { color: var(--site-muted); font-size: 5px; }
.site-v3 .site-hours h2 { max-width: 13ch; margin: 6px 0 0; font-size: 20px; line-height: 1.05; }
.site-v3 .site-hours > span { display: flex; align-items: center; gap: 5px; color: var(--site-muted); font-size: 5px; }
.site-v3 .site-hours > span i { width: 5px; height: 5px; border-radius: 50%; background: var(--site-accent); }
.site-v3 .site-hours > b { align-self: end; color: var(--site-accent); font-family: var(--design-mono); font-size: 8px; }
.site-v3 .site-location {
  display: grid; min-height: 210px; padding: 15px;
  border-radius: var(--site-radius); background: color-mix(in srgb,var(--site-accent) 10%,var(--site-panel));
  grid-template-rows: 1fr auto; gap: 14px;
}
.site-v3 .site-map-art { position: relative; min-height: 105px; background: repeating-linear-gradient(32deg, transparent 0 19px, var(--site-line) 20px 21px); overflow: hidden; }
.site-v3 .site-map-art span { position: absolute; top: 21%; left: 30%; display: grid; width: 24px; height: 24px; border-radius: 50% 50% 50% 0; background: var(--site-accent); color: #fff; place-items: center; transform: rotate(-45deg); font-size: 6px; }
.site-v3 .site-map-art span::first-letter { transform: rotate(45deg); }
.site-v3 .site-location small { color: var(--site-muted); font-size: 5px; }
.site-v3 .site-location h2 { margin: 5px 0 0; font-size: 19px; line-height: 1.05; }
.site-v3 .site-location p { margin: 6px 0; color: var(--site-muted); font-family: var(--design-sans); font-size: 6.5px; }
.site-v3 .site-location button { padding: 0; border: 0; background: transparent; color: var(--site-accent); cursor: pointer; font-size: 6px; font-weight: 900; }
.site-v3 .site-contact {
  display: grid; min-height: 310px; padding: 20px 17px;
  border-radius: var(--site-radius); background: #111411; color: #fff; gap: 18px;
}
.site-v3 .site-contact-copy > small { color: var(--site-accent); font-family: var(--design-sans); font-size: 5px; letter-spacing: .12em; }
.site-v3 .site-contact-copy h2 { margin: 9px 0 0; font-size: 31px; letter-spacing: -.06em; line-height: .92; }
.site-v3 .site-contact-copy > p { margin: 10px 0 0; color: rgba(255,255,255,.58); font-family: var(--design-sans); font-size: 7px; }
.site-v3 .site-contact dl { display: grid; margin: 19px 0 0; gap: 8px; }
.site-v3 .site-contact dl div { display: grid; grid-template-columns: 53px 1fr; }
.site-v3 .site-contact dt { color: rgba(255,255,255,.38); font-family: var(--design-sans); font-size: 5px; }
.site-v3 .site-contact dd { margin: 0; font-family: var(--design-sans); font-size: 6.5px; }
.site-v3 .site-contact-links { display: grid; gap: 4px; }
.site-v3 .site-contact-links a,
.site-v3 .site-contact-links button {
  display: grid; min-height: 42px; padding: 0 9px;
  border: 1px solid rgba(255,255,255,.12); border-radius: var(--site-small-radius);
  background: rgba(255,255,255,.06); color: #fff; grid-template-columns: 27px 1fr auto; align-items: center; gap: 7px;
  cursor: pointer; font-family: var(--design-sans); font-size: 6.5px; text-align: left; text-decoration: none;
}
.site-v3 .site-contact-links a span,
.site-v3 .site-contact-links button span { display: grid; width: 25px; height: 25px; border-radius: 50%; background: var(--site-accent); place-items: center; font-size: 5px; }
.site-v3 .site-contact-links i { color: rgba(255,255,255,.38); font-family: var(--design-mono); font-size: 5px; font-style: normal; }
.site-v3 .site-footer {
  display: grid; min-height: 110px; margin-top: var(--site-gap); padding: 19px var(--site-pad) 30px;
  border-top: 1px solid var(--site-line); grid-template-columns: 1fr auto; align-content: end; gap: 5px;
}
.site-v3 .site-footer span { font-family: var(--design-sans); font-size: 6px; font-weight: 850; }
.site-v3 .site-footer span b { color: var(--site-accent); }
.site-v3 .site-footer strong { font-size: 8px; text-align: right; }
.site-v3 .site-footer small { color: var(--site-muted); font-family: var(--design-mono); font-size: 5px; }
.site-v3 .site-footer button { padding: 0; border: 0; background: transparent; cursor: pointer; font-size: 5px; text-align: right; }
.site-v3 .site-mobile-dock { display: none; }

/* Card geometry languages */
.site-v3[data-cards="sharp"] { --site-radius: 2px; --site-small-radius: 1px; }
.site-v3[data-cards="cut"],
.site-v3[data-cards="angled"] { --site-radius: 2px 28px 2px 28px; --site-small-radius: 1px 12px 1px 12px; }
.site-v3[data-cards="pillowy"],
.site-v3[data-cards="bubbles"] { --site-radius: 30px; --site-small-radius: 18px; }
.site-v3[data-cards="arches"],
.site-v3[data-cards="soft-arch"] { --site-radius: 70px 70px 20px 20px; --site-small-radius: 28px 28px 10px 10px; }
.site-v3[data-cards="fine"],
.site-v3[data-cards="framed"],
.site-v3[data-cards="document"] { --site-radius: 1px; --site-small-radius: 1px; --site-line: color-mix(in srgb,var(--site-text) 23%,transparent); }
.site-v3[data-cards="glass"],
.site-v3[data-cards="wet-glass"],
.site-v3[data-cards="dark-glass"] { --site-panel: color-mix(in srgb,var(--site-surface) 48%,transparent); backdrop-filter: blur(18px); }
.site-v3[data-cards="chunky"],
.site-v3[data-cards="steel"],
.site-v3[data-cards="rubber"] { --site-radius: 10px; --site-small-radius: 6px; --site-line: color-mix(in srgb,var(--site-text) 26%,transparent); }
.site-v3[data-cards="paper"],
.site-v3[data-cards="lined"],
.site-v3[data-cards="ledger"] { --site-radius: 5px; --site-small-radius: 2px; }
.site-v3[data-cards="museum"],
.site-v3[data-cards="gem"],
.site-v3[data-cards="suite"] { --site-radius: 0 0 55px 0; --site-small-radius: 0 0 18px 0; }

/* Frame families */
.site-v3[data-frame="poster"],
.site-v3[data-frame="album"],
.site-v3[data-frame="street"],
.site-v3[data-frame="performance"],
.site-v3[data-frame="photo-portfolio"] { background-color: var(--site-bg); background-image: linear-gradient(118deg,color-mix(in srgb,var(--site-accent) 12%,transparent),transparent 48%); }
.site-v3[data-frame="technical"],
.site-v3[data-frame="tech"],
.site-v3[data-frame="garage"],
.site-v3[data-frame="warehouse"],
.site-v3[data-frame="finance"],
.site-v3[data-frame="blueprint"] { background-image: linear-gradient(var(--site-line) 1px,transparent 1px),linear-gradient(90deg,var(--site-line) 1px,transparent 1px); background-size: 22px 22px; }
.site-v3[data-frame="zen"],
.site-v3[data-frame="wellness"],
.site-v3[data-frame="calm"],
.site-v3[data-frame="therapy"] { --site-pad: 20px; --site-gap: 18px; }
.site-v3[data-frame="playground"],
.site-v3[data-frame="pop"],
.site-v3[data-frame="beauty-lab"],
.site-v3[data-frame="floral"] { background-image: radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--site-accent-2) 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 88% 25%,color-mix(in srgb,var(--site-accent) 24%,transparent) 0 7%,transparent 7.5%); }
.site-v3[data-frame="cinematic"],
.site-v3[data-frame="black-luxe"],
.site-v3[data-frame="cinema-car"],
.site-v3[data-frame="hotel-luxe"] { --site-line: color-mix(in srgb,var(--site-text) 22%,transparent); --site-panel: color-mix(in srgb,var(--site-surface) 92%,transparent); }
.site-v3[data-frame="lookbook"],
.site-v3[data-frame="gallery"],
.site-v3[data-frame="fragrance"],
.site-v3[data-frame="architecture"] { --site-pad: 10px; --site-gap: 8px; }
.site-v3[data-frame="dashboard"],
.site-v3[data-frame="product-app"],
.site-v3[data-frame="booking-app"],
.site-v3[data-frame="map-app"],
.site-v3[data-frame="hospital"],
.site-v3[data-frame="utility"] { --site-radius: 14px; --site-small-radius: 8px; }

/* 50 explicit art-direction tokens: no two templates share the same full set. */
.site-v3[data-design="b-cafe"] { --site-radius: 0; --site-small-radius: 0; --site-pad: 13px; --site-gap: 7px; --site-hero-min: 462px; }
.site-v3[data-design="b-restaurant"] { --site-radius: 3px; --site-small-radius: 2px; --site-pad: 12px; --site-gap: 14px; --site-hero-min: 500px; }
.site-v3[data-design="b-pub"] { --site-radius: 2px 26px 2px 26px; --site-small-radius: 1px 10px 1px 10px; --site-pad: 10px; --site-gap: 6px; --site-hero-min: 510px; }
.site-v3[data-design="b-pastry"] { --site-radius: 32px; --site-small-radius: 17px; --site-pad: 17px; --site-gap: 14px; --site-hero-min: 455px; }
.site-v3[data-design="b-tea"] { --site-radius: 90px 90px 18px 18px; --site-small-radius: 30px 30px 9px 9px; --site-pad: 22px; --site-gap: 20px; --site-hero-min: 470px; }
.site-v3[data-design="b-coffee"] { --site-radius: 1px; --site-small-radius: 1px; --site-pad: 11px; --site-gap: 6px; --site-hero-min: 445px; }
.site-v3[data-design="b-fastfood"] { --site-radius: 13px; --site-small-radius: 999px; --site-pad: 11px; --site-gap: 8px; --site-hero-min: 480px; }
.site-v3[data-design="b-bakery"] { --site-radius: 5px; --site-small-radius: 3px; --site-pad: 18px; --site-gap: 12px; --site-hero-min: 450px; }
.site-v3[data-design="b-training"] { --site-radius: 15px; --site-small-radius: 8px; --site-pad: 12px; --site-gap: 9px; --site-hero-min: 430px; }
.site-v3[data-design="b-kindergarten"] { --site-radius: 36px; --site-small-radius: 22px; --site-pad: 15px; --site-gap: 16px; --site-hero-min: 472px; }
.site-v3[data-design="b-online-course"] { --site-radius: 14px; --site-small-radius: 7px; --site-pad: 10px; --site-gap: 8px; --site-hero-min: 435px; }
.site-v3[data-design="b-tutor"] { --site-radius: 7px; --site-small-radius: 3px; --site-pad: 19px; --site-gap: 11px; --site-hero-min: 425px; }
.site-v3[data-design="b-language"] { --site-radius: 20px 2px 20px 2px; --site-small-radius: 10px 1px 10px 1px; --site-pad: 14px; --site-gap: 10px; --site-hero-min: 460px; }
.site-v3[data-design="b-music-school"] { --site-radius: 50%; --site-small-radius: 999px; --site-pad: 10px; --site-gap: 9px; --site-hero-min: 500px; }
.site-v3[data-design="b-clothing"] { --site-radius: 0; --site-small-radius: 0; --site-pad: 8px; --site-gap: 5px; --site-hero-min: 520px; }
.site-v3[data-design="b-shoes"] { --site-radius: 1px 24px 1px 24px; --site-small-radius: 1px 8px 1px 8px; --site-pad: 9px; --site-gap: 7px; --site-hero-min: 485px; }
.site-v3[data-design="b-accessories"] { --site-radius: 0 0 42px 0; --site-small-radius: 0 0 13px 0; --site-pad: 14px; --site-gap: 13px; --site-hero-min: 490px; }
.site-v3[data-design="b-cosmetics"] { --site-radius: 26px; --site-small-radius: 999px; --site-pad: 17px; --site-gap: 13px; --site-hero-min: 465px; }
.site-v3[data-design="b-perfume"] { --site-radius: 80px 80px 0 0; --site-small-radius: 35px 35px 0 0; --site-pad: 15px; --site-gap: 18px; --site-hero-min: 505px; }
.site-v3[data-design="b-jewelry"] { --site-radius: 0 0 64px 0; --site-small-radius: 0 0 20px 0; --site-pad: 15px; --site-gap: 17px; --site-hero-min: 520px; }
.site-v3[data-design="b-electronics"] { --site-radius: 2px; --site-small-radius: 1px; --site-pad: 10px; --site-gap: 6px; --site-hero-min: 440px; }
.site-v3[data-design="b-phone"] { --site-radius: 28px; --site-small-radius: 15px; --site-pad: 16px; --site-gap: 11px; --site-hero-min: 480px; }
.site-v3[data-design="b-auto-service"] { --site-radius: 1px 19px 1px 19px; --site-small-radius: 1px 7px 1px 7px; --site-pad: 9px; --site-gap: 6px; --site-hero-min: 455px; }
.site-v3[data-design="b-carwash"] { --site-radius: 34px 8px 34px 8px; --site-small-radius: 18px 5px 18px 5px; --site-pad: 16px; --site-gap: 12px; --site-hero-min: 470px; }
.site-v3[data-design="b-tire"] { --site-radius: 50%; --site-small-radius: 999px; --site-pad: 10px; --site-gap: 7px; --site-hero-min: 500px; }
.site-v3[data-design="b-parts"] { --site-radius: 0; --site-small-radius: 0; --site-pad: 11px; --site-gap: 5px; --site-hero-min: 435px; }
.site-v3[data-design="b-showroom"] { --site-radius: 2px; --site-small-radius: 2px; --site-pad: 8px; --site-gap: 10px; --site-hero-min: 520px; }
.site-v3[data-design="b-rentcar"] { --site-radius: 18px; --site-small-radius: 9px; --site-pad: 13px; --site-gap: 9px; --site-hero-min: 455px; }
.site-v3[data-design="b-taxi"] { --site-radius: 22px; --site-small-radius: 999px; --site-pad: 12px; --site-gap: 8px; --site-hero-min: 465px; }
.site-v3[data-design="b-beauty"] { --site-radius: 72px 72px 20px 20px; --site-small-radius: 28px 28px 10px 10px; --site-pad: 18px; --site-gap: 15px; --site-hero-min: 485px; }
.site-v3[data-design="b-barber"] { --site-radius: 1px; --site-small-radius: 1px; --site-pad: 14px; --site-gap: 11px; --site-hero-min: 480px; }
.site-v3[data-design="b-spa"] { --site-radius: 100px 100px 25px 25px; --site-small-radius: 45px 45px 12px 12px; --site-pad: 21px; --site-gap: 21px; --site-hero-min: 500px; }
.site-v3[data-design="b-fitness"] { --site-radius: 2px 21px 2px 21px; --site-small-radius: 1px 8px 1px 8px; --site-pad: 9px; --site-gap: 7px; --site-hero-min: 510px; }
.site-v3[data-design="b-yoga"] { --site-radius: 999px 999px 22px 22px; --site-small-radius: 999px; --site-pad: 22px; --site-gap: 19px; --site-hero-min: 485px; }
.site-v3[data-design="b-nutrition"] { --site-radius: 25px 8px 25px 8px; --site-small-radius: 13px 5px 13px 5px; --site-pad: 17px; --site-gap: 13px; --site-hero-min: 450px; }
.site-v3[data-design="b-dentist"] { --site-radius: 19px; --site-small-radius: 9px; --site-pad: 16px; --site-gap: 10px; --site-hero-min: 440px; }
.site-v3[data-design="b-clinic"] { --site-radius: 9px; --site-small-radius: 5px; --site-pad: 12px; --site-gap: 7px; --site-hero-min: 435px; }
.site-v3[data-design="b-pharmacy"] { --site-radius: 12px; --site-small-radius: 999px; --site-pad: 11px; --site-gap: 6px; --site-hero-min: 420px; }
.site-v3[data-design="b-psychologist"] { --site-radius: 42px 42px 18px 18px; --site-small-radius: 19px; --site-pad: 23px; --site-gap: 22px; --site-hero-min: 490px; }
.site-v3[data-design="b-lawyer"] { --site-radius: 0; --site-small-radius: 0; --site-pad: 15px; --site-gap: 12px; --site-hero-min: 500px; }
.site-v3[data-design="b-accounting"] { --site-radius: 4px; --site-small-radius: 2px; --site-pad: 10px; --site-gap: 6px; --site-hero-min: 430px; }
.site-v3[data-design="b-realestate"] { --site-radius: 0 0 30px 0; --site-small-radius: 0 0 10px 0; --site-pad: 9px; --site-gap: 7px; --site-hero-min: 510px; }
.site-v3[data-design="b-insurance"] { --site-radius: 20px; --site-small-radius: 10px; --site-pad: 16px; --site-gap: 12px; --site-hero-min: 450px; }
.site-v3[data-design="b-construction"] { --site-radius: 1px; --site-small-radius: 1px; --site-pad: 9px; --site-gap: 5px; --site-hero-min: 470px; }
.site-v3[data-design="b-furniture"] { --site-radius: 3px 30px 3px 30px; --site-small-radius: 2px 11px 2px 11px; --site-pad: 13px; --site-gap: 12px; --site-hero-min: 490px; }
.site-v3[data-design="b-interior"] { --site-radius: 0; --site-small-radius: 0; --site-pad: 8px; --site-gap: 5px; --site-hero-min: 515px; }
.site-v3[data-design="b-photo"] { --site-radius: 1px; --site-small-radius: 1px; --site-pad: 6px; --site-gap: 4px; --site-hero-min: 560px; }
.site-v3[data-design="b-flower"] { --site-radius: 90px 90px 24px 24px; --site-small-radius: 35px 35px 12px 12px; --site-pad: 19px; --site-gap: 17px; --site-hero-min: 500px; }
.site-v3[data-design="b-tourism"] { --site-radius: 24px 4px 24px 4px; --site-small-radius: 12px 2px 12px 2px; --site-pad: 13px; --site-gap: 9px; --site-hero-min: 485px; }
.site-v3[data-design="b-hotel"] { --site-radius: 0 0 70px 0; --site-small-radius: 0 0 20px 0; --site-pad: 15px; --site-gap: 16px; --site-hero-min: 540px; }

/* Profession-specific patterns */
.site-v3[data-pattern="coffee-rings"] .site-pattern { background-image: repeating-radial-gradient(circle at 88% 13%,transparent 0 18px,color-mix(in srgb,var(--site-accent) 16%,transparent) 19px 20px); }
.site-v3[data-pattern="table-cloth"] .site-pattern { background-image: linear-gradient(90deg,var(--site-line) 1px,transparent 1px),linear-gradient(var(--site-line) 1px,transparent 1px); background-size: 54px 54px; }
.site-v3[data-pattern="noise-grid"] .site-pattern { background-image: repeating-linear-gradient(118deg,transparent 0 13px,color-mix(in srgb,var(--site-accent) 9%,transparent) 14px 15px); }
.site-v3[data-pattern="sprinkles"] .site-pattern { background-image: radial-gradient(circle,color-mix(in srgb,var(--site-accent) 18%,transparent) 1px,transparent 2px); background-size: 19px 19px; }
.site-v3[data-pattern="tea-leaves"] .site-pattern { background-image: radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--site-accent) 13%,transparent) 0 7%,transparent 7.5%); background-size: 70px 90px; }
.site-v3[data-pattern="roast-chart"] .site-pattern,
.site-v3[data-pattern="circuit"] .site-pattern,
.site-v3[data-pattern="warehouse-grid"] .site-pattern,
.site-v3[data-pattern="ledger-grid"] .site-pattern,
.site-v3[data-pattern="blueprint-grid"] .site-pattern { background-image: linear-gradient(var(--site-line) 1px,transparent 1px),linear-gradient(90deg,var(--site-line) 1px,transparent 1px); background-size: 18px 18px; }
.site-v3[data-pattern="checker"] .site-pattern { background-image: linear-gradient(45deg,color-mix(in srgb,var(--site-accent) 10%,transparent) 25%,transparent 25% 75%,color-mix(in srgb,var(--site-accent) 10%,transparent) 75%); background-size: 28px 28px; }
.site-v3[data-pattern="wheat"] .site-pattern { background-image: repeating-linear-gradient(72deg,transparent 0 30px,color-mix(in srgb,var(--site-accent) 10%,transparent) 31px 32px); }
.site-v3[data-pattern="notebook"] .site-pattern,
.site-v3[data-pattern="graph-paper"] .site-pattern,
.site-v3[data-pattern="legal-lines"] .site-pattern { background-image: repeating-linear-gradient(0deg,transparent 0 26px,var(--site-line) 27px); }
.site-v3[data-pattern="doodles"] .site-pattern,
.site-v3[data-pattern="petals"] .site-pattern,
.site-v3[data-pattern="botanical"] .site-pattern { background-image: radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--site-accent) 13%,transparent) 0 7%,transparent 7.5%); background-size: 62px 54px; transform: rotate(-3deg); }
.site-v3[data-pattern="progress-lines"] .site-pattern,
.site-v3[data-pattern="soundwave"] .site-pattern,
.site-v3[data-pattern="pulse"] .site-pattern { background-image: repeating-linear-gradient(90deg,transparent 0 11px,color-mix(in srgb,var(--site-accent) 13%,transparent) 12px 13px); }
.site-v3[data-pattern="phonetics"] .site-pattern { background-image: repeating-linear-gradient(-24deg,transparent 0 34px,color-mix(in srgb,var(--site-accent) 11%,transparent) 35px); }
.site-v3[data-pattern="seams"] .site-pattern { border: 1px dashed var(--site-line); inset: 8px; width: calc(100% - 16px); min-height: calc(100% - 16px); }
.site-v3[data-pattern="sole-print"] .site-pattern,
.site-v3[data-pattern="tread"] .site-pattern { background-image: repeating-linear-gradient(55deg,transparent 0 16px,color-mix(in srgb,var(--site-accent) 13%,transparent) 17px 22px,transparent 23px 33px); }
.site-v3[data-pattern="fine-grid"] .site-pattern,
.site-v3[data-pattern="floorplan"] .site-pattern,
.site-v3[data-pattern="measure-lines"] .site-pattern { background-image: linear-gradient(var(--site-line) 1px,transparent 1px),linear-gradient(90deg,var(--site-line) 1px,transparent 1px); background-size: 70px 70px; }
.site-v3[data-pattern="bubbles"] .site-pattern,
.site-v3[data-pattern="waterlines"] .site-pattern,
.site-v3[data-pattern="ripples"] .site-pattern,
.site-v3[data-pattern="breath-circles"] .site-pattern { background-image: repeating-radial-gradient(circle at 90% 18%,transparent 0 28px,color-mix(in srgb,var(--site-accent) 13%,transparent) 29px 31px); }
.site-v3[data-pattern="scent-trail"] .site-pattern { background-image: radial-gradient(ellipse at 70% 10%,color-mix(in srgb,var(--site-accent) 15%,transparent),transparent 45%); filter: blur(1px); }
.site-v3[data-pattern="facets"] .site-pattern,
.site-v3[data-pattern="shield-grid"] .site-pattern { background-image: conic-gradient(from 45deg at 82% 15%,transparent,var(--site-line),transparent 20%); }
.site-v3[data-pattern="aurora"] .site-pattern { background-image: radial-gradient(ellipse at 75% 12%,color-mix(in srgb,var(--site-accent) 28%,transparent),transparent 45%),radial-gradient(ellipse at 10% 45%,color-mix(in srgb,var(--site-accent-2) 24%,transparent),transparent 42%); filter: blur(5px); }
.site-v3[data-pattern="hazard"] .site-pattern { background-image: repeating-linear-gradient(125deg,transparent 0 20px,color-mix(in srgb,var(--site-accent) 11%,transparent) 21px 31px,transparent 32px 52px); }
.site-v3[data-pattern="speed-lines"] .site-pattern { background-image: repeating-linear-gradient(170deg,transparent 0 17px,color-mix(in srgb,var(--site-accent) 10%,transparent) 18px); }
.site-v3[data-pattern="route-dots"] .site-pattern,
.site-v3[data-pattern="city-map"] .site-pattern,
.site-v3[data-pattern="topography"] .site-pattern { background-image: repeating-radial-gradient(ellipse at 80% 20%,transparent 0 30px,var(--site-line) 31px 32px); }
.site-v3[data-pattern="stripes"] .site-pattern { background-image: repeating-linear-gradient(135deg,transparent 0 24px,color-mix(in srgb,var(--site-accent) 11%,transparent) 25px 28px); }
.site-v3[data-pattern="smile-arc"] .site-pattern,
.site-v3[data-pattern="open-lines"] .site-pattern { background-image: repeating-radial-gradient(ellipse at 75% 12%,transparent 0 40px,var(--site-line) 41px 42px); }
.site-v3[data-pattern="cross-grid"] .site-pattern,
.site-v3[data-pattern="medical-labels"] .site-pattern { background-image: linear-gradient(90deg,transparent 47%,color-mix(in srgb,var(--site-accent) 9%,transparent) 48% 52%,transparent 53%),linear-gradient(transparent 47%,color-mix(in srgb,var(--site-accent) 9%,transparent) 48% 52%,transparent 53%); background-size: 44px 44px; }
.site-v3[data-pattern="woodgrain"] .site-pattern { background-image: repeating-radial-gradient(ellipse at 60% 20%,transparent 0 24px,color-mix(in srgb,var(--site-accent) 11%,transparent) 25px 27px); }
.site-v3[data-pattern="film-grain"] .site-pattern { background-image: radial-gradient(circle,rgba(255,255,255,.13) .5px,transparent .8px); background-size: 4px 4px; }
.site-v3[data-pattern="hotel-key"] .site-pattern { background-image: linear-gradient(135deg,transparent 60%,color-mix(in srgb,var(--site-accent) 15%,transparent) 60% 62%,transparent 62%); background-size: 50px 50px; }

/* Hero systems: the composition changes, not merely the palette. */
.site-v3[data-design="b-cafe"] .site-hero,
.site-v3[data-design="b-bakery"] .site-hero,
.site-v3[data-design="b-clothing"] .site-hero,
.site-v3[data-design="b-perfume"] .site-hero,
.site-v3[data-design="b-furniture"] .site-hero {
  border-inline: 0; background: transparent; grid-template-rows: auto 190px auto;
}
.site-v3[data-design="b-cafe"] .site-hero h1,
.site-v3[data-design="b-bakery"] .site-hero h1,
.site-v3[data-design="b-perfume"] .site-hero h1,
.site-v3[data-design="b-furniture"] .site-hero h1 { font-weight: 500; font-style: italic; }
.site-v3[data-design="b-restaurant"] .site-hero,
.site-v3[data-design="b-jewelry"] .site-hero,
.site-v3[data-design="b-showroom"] .site-hero,
.site-v3[data-design="b-hotel"] .site-hero {
  border: 0; background: linear-gradient(180deg,color-mix(in srgb,var(--site-accent) 13%,transparent),transparent); color: var(--site-text);
}
.site-v3[data-design="b-restaurant"] .site-hero-media,
.site-v3[data-design="b-jewelry"] .site-hero-media,
.site-v3[data-design="b-hotel"] .site-hero-media { inset: 0; border-radius: inherit; opacity: .45; filter: contrast(1.15) saturate(.7); }
.site-v3[data-design="b-restaurant"] .site-hero-copy,
.site-v3[data-design="b-jewelry"] .site-hero-copy,
.site-v3[data-design="b-hotel"] .site-hero-copy { align-self: end; text-shadow: 0 2px 20px rgba(0,0,0,.2); }
.site-v3[data-design="b-pub"] .site-hero,
.site-v3[data-design="b-fastfood"] .site-hero,
.site-v3[data-design="b-music-school"] .site-hero,
.site-v3[data-design="b-shoes"] .site-hero,
.site-v3[data-design="b-fitness"] .site-hero {
  border: 0; background: var(--site-accent); color: #fff;
}
.site-v3[data-design="b-pub"] .site-hero h1,
.site-v3[data-design="b-fastfood"] .site-hero h1,
.site-v3[data-design="b-music-school"] .site-hero h1,
.site-v3[data-design="b-shoes"] .site-hero h1,
.site-v3[data-design="b-fitness"] .site-hero h1 { max-width: 9ch; font-size: clamp(38px,13cqw,58px); text-transform: uppercase; }
.site-v3[data-design="b-pub"] .site-eyebrow,
.site-v3[data-design="b-fastfood"] .site-eyebrow,
.site-v3[data-design="b-music-school"] .site-eyebrow,
.site-v3[data-design="b-shoes"] .site-eyebrow,
.site-v3[data-design="b-fitness"] .site-eyebrow,
.site-v3[data-design="b-pub"] .site-role,
.site-v3[data-design="b-fastfood"] .site-role,
.site-v3[data-design="b-music-school"] .site-role,
.site-v3[data-design="b-shoes"] .site-role,
.site-v3[data-design="b-fitness"] .site-role { color: rgba(255,255,255,.62); }
.site-v3[data-design="b-pub"] .site-bio,
.site-v3[data-design="b-fastfood"] .site-bio,
.site-v3[data-design="b-music-school"] .site-bio,
.site-v3[data-design="b-shoes"] .site-bio,
.site-v3[data-design="b-fitness"] .site-bio { color: rgba(255,255,255,.72); }
.site-v3[data-design="b-pub"] .site-primary-action,
.site-v3[data-design="b-fastfood"] .site-primary-action,
.site-v3[data-design="b-music-school"] .site-primary-action,
.site-v3[data-design="b-shoes"] .site-primary-action,
.site-v3[data-design="b-fitness"] .site-primary-action { background: var(--site-accent-2); color: #101210; }
.site-v3[data-design="b-coffee"] .site-hero,
.site-v3[data-design="b-electronics"] .site-hero,
.site-v3[data-design="b-auto-service"] .site-hero,
.site-v3[data-design="b-parts"] .site-hero,
.site-v3[data-design="b-accounting"] .site-hero,
.site-v3[data-design="b-construction"] .site-hero {
  border-radius: 0; background-image: linear-gradient(var(--site-line) 1px,transparent 1px),linear-gradient(90deg,var(--site-line) 1px,transparent 1px); background-size: 18px 18px;
}
.site-v3[data-design="b-kindergarten"] .site-hero,
.site-v3[data-design="b-cosmetics"] .site-hero,
.site-v3[data-design="b-beauty"] .site-hero,
.site-v3[data-design="b-flower"] .site-hero {
  border: 0; background: color-mix(in srgb,var(--site-accent-2) 38%,var(--site-panel)); text-align: center;
}
.site-v3[data-design="b-kindergarten"] .site-hero h1,
.site-v3[data-design="b-cosmetics"] .site-hero h1,
.site-v3[data-design="b-beauty"] .site-hero h1,
.site-v3[data-design="b-flower"] .site-hero h1 { max-width: none; }
.site-v3[data-design="b-kindergarten"] .site-hero-actions,
.site-v3[data-design="b-cosmetics"] .site-hero-actions,
.site-v3[data-design="b-beauty"] .site-hero-actions,
.site-v3[data-design="b-flower"] .site-hero-actions { justify-content: center; }
.site-v3[data-design="b-tea"] .site-hero,
.site-v3[data-design="b-spa"] .site-hero,
.site-v3[data-design="b-yoga"] .site-hero,
.site-v3[data-design="b-psychologist"] .site-hero {
  border: 0; background: transparent; text-align: center; align-content: center;
}
.site-v3[data-design="b-tea"] .site-hero h1,
.site-v3[data-design="b-spa"] .site-hero h1,
.site-v3[data-design="b-yoga"] .site-hero h1,
.site-v3[data-design="b-psychologist"] .site-hero h1 { max-width: none; font-weight: 500; }
.site-v3[data-design="b-tea"] .site-hero-actions,
.site-v3[data-design="b-spa"] .site-hero-actions,
.site-v3[data-design="b-yoga"] .site-hero-actions,
.site-v3[data-design="b-psychologist"] .site-hero-actions { justify-content: center; }
.site-v3[data-design="b-taxi"] .site-hero,
.site-v3[data-design="b-tourism"] .site-hero { background-image: repeating-radial-gradient(ellipse at 85% 35%,transparent 0 28px,var(--site-line) 29px 30px); }
.site-v3[data-design="b-photo"] .site-hero { width: 100%; margin-top: 0; border: 0; border-radius: 0; background: #090a09; color: #fff; }
.site-v3[data-design="b-photo"] .site-hero-media { inset: 0; border-radius: 0; opacity: .62; }
.site-v3[data-design="b-photo"] .site-hero-copy { align-self: end; }

/* Each functional module has a recognizable product language. */
.site-v3 [data-widget-kind="menu"] .site-tool-result { background: linear-gradient(135deg,var(--site-accent),color-mix(in srgb,var(--site-accent) 60%,#32180f)); }
.site-v3 [data-widget-kind="booking"] .site-tool { border-top: 3px double var(--site-line); padding-top: 12px; }
.site-v3 [data-widget-kind="ticket"] .site-tool-result { border-radius: 0; background-image: repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 4px,transparent 4px 9px); }
.site-v3 [data-widget-kind="product"] .site-tool-result { border-radius: 60px 60px 14px 14px; }
.site-v3 [data-widget-kind="timer"] .site-tool-result { border-radius: 50%; text-align: center; place-content: center; }
.site-v3 [data-widget-kind="lab"] .site-tool-result,
.site-v3 [data-widget-kind="diagnostic"] .site-tool-result,
.site-v3 [data-widget-kind="compare"] .site-tool-result,
.site-v3 [data-widget-kind="finance"] .site-tool-result,
.site-v3 [data-widget-kind="blueprint"] .site-tool-result { border-radius: 0; background-image: linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px); background-size: 100% 14px; }
.site-v3 [data-widget-kind="combo"] .site-tool-result { background: #141613; color: var(--site-accent-2); transform: rotate(-1deg); }
.site-v3 [data-widget-kind="timeline"] .site-tool-result { background: color-mix(in srgb,var(--site-accent) 72%,#6b452b); }
.site-v3 [data-widget-kind="catalog"] .site-tool-result { background: linear-gradient(145deg,var(--site-accent),#17307e); }
.site-v3 [data-widget-kind="play"] .site-tool-result { border-radius: 26px; background: linear-gradient(145deg,var(--site-accent),var(--site-accent-2)); }
.site-v3 [data-widget-kind="player"] .site-tool-result { background: #16131e; }
.site-v3 [data-widget-kind="score"] .site-tool-result { background: #1a284d; }
.site-v3 [data-widget-kind="quiz"] .site-tool-result { background: linear-gradient(135deg,var(--site-accent),var(--site-accent-2)); }
.site-v3 [data-widget-kind="audio"] .site-tool-result { background: linear-gradient(145deg,#1a0826,var(--site-accent)); }
.site-v3 [data-widget-kind="lookbook"] .site-tool-result { border-radius: 0; background: #111; }
.site-v3 [data-widget-kind="sizes"] .site-tool-result { background: #181818; }
.site-v3 [data-widget-kind="gift"] .site-tool-result { background: linear-gradient(145deg,#5e4731,var(--site-accent)); }
.site-v3 [data-widget-kind="skin"] .site-tool-result { background: linear-gradient(145deg,var(--site-accent),#ad4469); }
.site-v3 [data-widget-kind="scent"] .site-tool-result { border-radius: 80px 80px 8px 8px; background: linear-gradient(180deg,var(--site-accent-2),var(--site-accent)); color: var(--site-text); }
.site-v3 [data-widget-kind="jewel"] .site-tool-result { border: 1px solid var(--site-accent); border-radius: 0 0 50px 0; background: #10100f; color: var(--site-accent); }
.site-v3 [data-widget-kind="phone"] .site-tool-result { background: linear-gradient(145deg,var(--site-accent),#142b69); }
.site-v3 [data-widget-kind="wash"] .site-tool-result { background: linear-gradient(145deg,#0579a5,var(--site-accent)); }
.site-v3 [data-widget-kind="tire"] .site-tool-result { border-radius: 50%; background: #181a18; color: var(--site-accent); text-align: center; place-content: center; }
.site-v3 [data-widget-kind="search"] .site-tool-result { border-radius: 0; background: #2d302f; }
.site-v3 [data-widget-kind="drive"] .site-tool-result { border-radius: 0; background: linear-gradient(105deg,#101410,var(--site-accent)); }
.site-v3 [data-widget-kind="rental"] .site-tool-result { background: linear-gradient(145deg,var(--site-accent),#243b8a); }
.site-v3 [data-widget-kind="route"] .site-tool-result { border-radius: 999px 999px 18px 18px; background: #181a18; color: var(--site-accent); text-align: center; }
.site-v3 [data-widget-kind="calendar"] .site-tool-result { border-radius: 60px 60px 12px 12px; }
.site-v3 [data-widget-kind="chairs"] .site-tool-result { border-radius: 0; background: #171a1d; color: #d9b66d; }
.site-v3 [data-widget-kind="ritual"] .site-tool-result { border-radius: 90px 90px 20px 20px; background: linear-gradient(180deg,var(--site-accent),#2c5b53); }
.site-v3 [data-widget-kind="fitness"] .site-tool-result { border-radius: 0; background: #121512; color: var(--site-accent); }
.site-v3 [data-widget-kind="yoga"] .site-tool-result { border-radius: 999px; background: color-mix(in srgb,var(--site-accent) 80%,#50644c); text-align: center; place-content: center; }
.site-v3 [data-widget-kind="health"] .site-tool-result { background: linear-gradient(145deg,var(--site-accent),#3f7d2a); }
.site-v3 [data-widget-kind="dental"] .site-tool-result { background: linear-gradient(145deg,#1588d4,#5bb7ec); }
.site-v3 [data-widget-kind="doctors"] .site-tool-result { border-radius: 7px; background: #146f80; }
.site-v3 [data-widget-kind="medicine"] .site-tool-result { border-radius: 999px 18px 18px 999px; background: #168951; }
.site-v3 [data-widget-kind="therapy"] .site-tool-result { border-radius: 45px; background: linear-gradient(145deg,var(--site-accent),#69488c); }
.site-v3 [data-widget-kind="legal"] .site-tool-result { border-radius: 0; border-left: 4px solid var(--site-accent); background: #182435; }
.site-v3 [data-widget-kind="property"] .site-tool-result { border-radius: 0 0 38px 0; background: #173644; }
.site-v3 [data-widget-kind="insurance"] .site-tool-result { background: linear-gradient(145deg,#125b9a,var(--site-accent)); }
.site-v3 [data-widget-kind="furniture"] .site-tool-result { border-radius: 0 0 38px 0; background: #5d3d29; }
.site-v3 [data-widget-kind="mood"] .site-tool-result { border-radius: 0; background: #111; }
.site-v3 [data-widget-kind="photo-date"] .site-tool-result { border-radius: 0; background: linear-gradient(135deg,#121218,var(--site-accent)); }
.site-v3 [data-widget-kind="bouquet"] .site-tool-result { border-radius: 80px 80px 14px 14px; background: linear-gradient(180deg,var(--site-accent-2),var(--site-accent)); }
.site-v3 [data-widget-kind="tour"] .site-tool-result { border-radius: 40px 5px 40px 5px; background: linear-gradient(145deg,#0078ae,var(--site-accent)); }
.site-v3 [data-widget-kind="hotel"] .site-tool-result { border-radius: 0 0 55px 0; background: #243c37; color: #f4ddb5; }

/* Header identities */
.site-v3[data-header="overlay"] .site-header,
.site-v3[data-header="minimal-dark"] .site-header,
.site-v3[data-header="concierge"] .site-header { position: absolute; right: 0; left: 0; background: transparent; color: inherit; backdrop-filter: none; }
.site-v3[data-header="centered"] .site-header,
.site-v3[data-header="cloud"] .site-header,
.site-v3[data-header="whisper"] .site-header,
.site-v3[data-header="mantra"] .site-header { grid-template-columns: auto 1fr auto; }
.site-v3[data-header="centered"] .site-brand,
.site-v3[data-header="cloud"] .site-brand,
.site-v3[data-header="whisper"] .site-brand,
.site-v3[data-header="mantra"] .site-brand { justify-self: center; }
.site-v3[data-header="sticker"] .site-header,
.site-v3[data-header="drop"] .site-header,
.site-v3[data-header="counter"] .site-header { transform: rotate(-.4deg); background: var(--site-accent); color: #fff; }
.site-v3[data-header="searchbar"] .site-header,
.site-v3[data-header="directory"] .site-header,
.site-v3[data-header="open-status"] .site-header { box-shadow: inset 0 -3px 0 color-mix(in srgb,var(--site-accent) 60%,transparent); }
.site-v3[data-header="edition"] .site-brand > span,
.site-v3[data-header="crest"] .site-brand > span,
.site-v3[data-header="seal"] .site-brand > span { border-radius: 50%; background: transparent; border: 1px solid var(--site-accent); color: var(--site-accent); }

/* Large/public and desktop preview composition */
@container (min-width: 480px) {
  .site-v3 { --site-pad: clamp(22px,5cqw,68px); --site-gap: clamp(14px,2.2cqw,30px); --site-hero-min: clamp(520px,64cqw,760px); --site-card-min: 160px; font-size: 12px; }
  .site-v3 .site-header { min-height: 72px; padding-inline: var(--site-pad); grid-template-columns: minmax(170px,1fr) auto auto; gap: 20px; }
  .pro-phone-shell .site-v3 .site-header { padding-top: 12px; min-height: 72px; }
  .site-v3 .site-brand { grid-template-columns: 38px minmax(0,1fr) auto; gap: 11px; }
  .site-v3 .site-brand > span { width: 38px; height: 38px; font-size: 11px; }
  .site-v3 .site-brand b { font-size: 12px; }
  .site-v3 .site-header nav { display: flex; align-items: center; gap: 17px; }
  .site-v3 .site-header nav button { padding: 0; border: 0; background: transparent; cursor: pointer; font-family: var(--design-sans); font-size: 7px; font-weight: 850; }
  .site-v3 .site-menu-button { display: none; }
  .site-v3 .site-content > section { max-width: 1320px; }
  .site-v3 .site-hero { padding: clamp(36px,6cqw,90px); grid-template-columns: minmax(0,1.05fr) minmax(220px,.95fr); grid-template-rows: 1fr auto; align-items: center; gap: clamp(25px,5cqw,80px); }
  .site-v3 .site-hero h1 { max-width: 10ch; font-size: clamp(50px,7.5cqw,112px); }
  .site-v3 .site-hero-line { max-width: 32ch; font-size: clamp(16px,2.1cqw,30px); }
  .site-v3 .site-role { font-size: 9px; }
  .site-v3 .site-bio { font-size: 10px; }
  .site-v3 .site-primary-action,
  .site-v3 .site-text-action { min-height: 48px; padding-inline: 18px; font-size: 9px; }
  .site-v3 .site-hero-visual { min-height: 430px; }
  .site-v3 .site-hero-media { inset: 0 0 0 12%; }
  .site-v3 .site-hero-art { width: 150px; min-height: 125px; padding: 17px; }
  .site-v3 .site-hero-art > b { font-size: 36px; }
  .site-v3 .site-hero-index { grid-column: 1 / -1; }
  .site-v3 .site-section-heading { margin-bottom: 28px; grid-template-columns: 50px 1fr; gap: 16px; }
  .site-v3 .site-section-heading > span { width: 44px; height: 44px; font-size: 8px; }
  .site-v3 .site-section-heading small { font-size: 7px; }
  .site-v3 .site-section-heading h2 { font-size: clamp(34px,4cqw,66px); }
  .site-v3 .site-section-heading p { max-width: 52ch; font-size: 10px; }
  .site-v3 .site-widget,
  .site-v3 .site-story,
  .site-v3 .site-services,
  .site-v3 .site-gallery,
  .site-v3 .site-process,
  .site-v3 .site-team,
  .site-v3 .site-schedule,
  .site-v3 .site-faq,
  .site-v3 .site-feature-section { padding: clamp(28px,4cqw,62px); }
  .site-v3 .site-tool { grid-template-columns: minmax(0,1.35fr) minmax(200px,.65fr); gap: 18px; }
  .site-v3 .site-tool-body { align-content: start; gap: 11px; }
  .site-v3 .site-tool-result { min-height: 260px; padding: 25px; }
  .site-v3 .site-tool-result > strong { font-size: clamp(24px,3cqw,43px); }
  .site-v3 .site-tool-result > p { font-size: 8px; }
  .site-v3 .site-tool-field input,
  .site-v3 .site-tool-field select,
  .site-v3 .site-search-field input { min-height: 49px; font-size: 9px; }
  .site-v3 .site-choice { min-height: 40px; padding-inline: 14px; font-size: 8px; }
  .site-v3 .site-menu-board article { min-height: 48px; }
  .site-v3 .site-menu-board article b,
  .site-v3 .site-menu-board article strong { font-size: 10px; }
  .site-v3 .site-check-grid { grid-template-columns: repeat(4,1fr); }
  .site-v3 .site-check-grid span { min-height: 105px; }
  .site-v3 .site-filter-list { grid-template-columns: repeat(3,1fr); }
  .site-v3 .site-filter-list article { min-height: 140px; }
  .site-v3 .site-video-player { min-height: 170px; grid-template-columns: 150px 1fr; }
  .site-v3 .site-video-player button { height: 148px; }
  .site-v3 .site-lookbook-grid article { min-height: 240px; }
  .site-v3 .site-lookbook-grid article i { height: 185px; }
  .site-v3 .site-story-layout { grid-template-columns: 1.2fr .8fr; gap: 50px; }
  .site-v3 .site-story blockquote { font-size: clamp(34px,4.5cqw,68px); }
  .site-v3 .site-service-grid { grid-template-columns: repeat(2,1fr); }
  .site-v3 .site-service-grid article { min-height: 112px; padding: 16px; }
  .site-v3 .site-service-grid h3 { font-size: 15px; }
  .site-v3 .site-service-grid p { font-size: 8px; }
  .site-v3 .site-proof article { min-height: 170px; padding: 22px; }
  .site-v3 .site-proof strong { font-size: clamp(30px,4cqw,58px); }
  .site-v3 .site-proof small { font-size: 8px; }
  .site-v3 .site-gallery-grid { grid-template-columns: 1.2fr .8fr .8fr; grid-template-rows: 240px 180px; }
  .site-v3 .site-gallery-grid figure.gallery-1 { grid-row: 1 / 3; }
  .site-v3 .site-gallery-grid figure.gallery-4 { grid-column: 2; }
  .site-v3 .site-gallery-grid figure.gallery-5 { display: block; grid-column: 3; }
  .site-v3 .site-quote { min-height: 420px; padding: clamp(35px,6cqw,90px); }
  .site-v3 .site-quote blockquote { max-width: 16ch; font-size: clamp(42px,6cqw,88px); }
  .site-v3 .site-process ol { grid-template-columns: repeat(4,1fr); gap: 8px; }
  .site-v3 .site-process li { display: grid; min-height: 150px; padding: 17px; border: 1px solid var(--site-line); grid-template-columns: 1fr; align-content: space-between; }
  .site-v3 .site-process li b { font-size: 13px; }
  .site-v3 .site-team > div,
  .site-v3 .site-schedule > div { grid-template-columns: repeat(3,1fr); gap: 8px; }
  .site-v3 .site-team article,
  .site-v3 .site-schedule article { min-height: 110px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); }
  .site-v3 .site-feature-section > div { grid-template-columns: repeat(4,1fr); gap: 8px; }
  .site-v3 .site-feature-section article > span { font-size: 35px; }
  .site-v3 .site-feature-section h3 { font-size: 14px; }
  .site-v3 .site-feature-section p { font-size: 8px; }
  .site-v3 .site-hours { min-height: 240px; padding: clamp(30px,5cqw,70px); }
  .site-v3 .site-hours h2 { max-width: 20ch; font-size: clamp(38px,5cqw,72px); }
  .site-v3 .site-location { min-height: 430px; padding: clamp(28px,4cqw,60px); grid-template-columns: 1.2fr .8fr; grid-template-rows: 1fr; align-items: center; gap: 40px; }
  .site-v3 .site-map-art { min-height: 330px; }
  .site-v3 .site-location h2 { font-size: clamp(32px,4cqw,60px); }
  .site-v3 .site-contact { min-height: 480px; padding: clamp(35px,6cqw,90px); grid-template-columns: 1fr 1fr; gap: 60px; }
  .site-v3 .site-contact-copy h2 { font-size: clamp(50px,7cqw,105px); }
  .site-v3 .site-contact-links a,
  .site-v3 .site-contact-links button { min-height: 62px; font-size: 9px; }
  .site-v3 .site-footer { min-height: 180px; padding-inline: var(--site-pad); }
  .site-v3[data-header="rail"] { padding-left: 74px; }
  .site-v3[data-header="rail"] .site-header { position: absolute; z-index: 35; top: 0; bottom: 0; left: 0; width: 74px; min-height: 100%; padding: 14px 10px; border-right: 1px solid var(--site-line); border-bottom: 0; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; }
  .site-v3[data-header="rail"] .site-brand { grid-template-columns: 1fr; }
  .site-v3[data-header="rail"] .site-brand b,
  .site-v3[data-header="rail"] .site-brand small,
  .site-v3[data-header="rail"] .site-header-status { display: none; }
  .site-v3[data-header="rail"] .site-header nav { display: grid; transform: rotate(-90deg); white-space: nowrap; }
  .site-v3[data-design="b-cafe"] .site-hero,
  .site-v3[data-design="b-bakery"] .site-hero,
  .site-v3[data-design="b-clothing"] .site-hero,
  .site-v3[data-design="b-perfume"] .site-hero,
  .site-v3[data-design="b-furniture"] .site-hero { grid-template-rows: 1fr auto; }
  .site-v3[data-design="b-kindergarten"] .site-hero,
  .site-v3[data-design="b-cosmetics"] .site-hero,
  .site-v3[data-design="b-beauty"] .site-hero,
  .site-v3[data-design="b-flower"] .site-hero,
  .site-v3[data-design="b-tea"] .site-hero,
  .site-v3[data-design="b-spa"] .site-hero,
  .site-v3[data-design="b-yoga"] .site-hero,
  .site-v3[data-design="b-psychologist"] .site-hero { grid-template-columns: 1fr; text-align: center; }
  .site-v3[data-design="b-kindergarten"] .site-hero-visual,
  .site-v3[data-design="b-cosmetics"] .site-hero-visual,
  .site-v3[data-design="b-beauty"] .site-hero-visual,
  .site-v3[data-design="b-flower"] .site-hero-visual,
  .site-v3[data-design="b-tea"] .site-hero-visual,
  .site-v3[data-design="b-spa"] .site-hero-visual,
  .site-v3[data-design="b-yoga"] .site-hero-visual,
  .site-v3[data-design="b-psychologist"] .site-hero-visual { width: min(620px,80%); margin: 0 auto; }
}

/* ================================================================
   1AI Studio v5 — advanced commerce, trust and conversion blocks
   ================================================================ */

.site-v3 .site-custom-hero {
  position: relative;
  display: grid;
  min-height: 280px;
  grid-template-columns: minmax(0, 1fr) minmax(110px, .52fr);
  align-items: stretch;
  gap: 14px;
}

.site-v3 .site-custom-hero > div:first-child {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.site-v3 .site-custom-hero .site-custom-heading { margin-bottom: 18px; }
.site-v3 .site-custom-hero aside {
  position: relative;
  display: grid;
  min-height: 220px;
  place-items: center;
  border: 1px solid var(--site-line);
  border-radius: calc(var(--site-radius) - 5px);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--site-accent-2) 30%, transparent), transparent 55%),
    color-mix(in srgb, var(--site-surface) 14%, transparent);
  overflow: hidden;
}

.site-v3 .site-custom-hero aside span { position: relative; z-index: 2; font-size: clamp(38px, 14cqw, 100px); font-weight: 900; }
.site-v3 .site-custom-hero aside i { position: absolute; width: 120px; height: 120px; border: 1px solid var(--site-line); border-radius: 50%; }
.site-v3 .site-custom-hero aside i:first-of-type { top: -45px; right: -40px; }
.site-v3 .site-custom-hero aside i:last-of-type { bottom: -54px; left: -42px; border-style: dashed; }

.site-v3 .site-custom-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.site-v3 .site-custom-stats article {
  display: grid;
  min-height: 108px;
  padding: 12px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-small-radius);
  background: color-mix(in srgb, var(--site-surface) 9%, transparent);
  align-content: space-between;
}

.site-v3 .site-custom-stats small { color: var(--site-muted); font-family: var(--design-mono); font-size: 6px; }
.site-v3 .site-custom-stats strong { font-size: clamp(25px, 9cqw, 48px); letter-spacing: -.06em; line-height: 1; }
.site-v3 .site-custom-stats span { color: var(--site-muted); font-family: var(--design-sans); font-size: 7px; }

.site-v3 .site-custom-testimonials,
.site-v3 .site-custom-pricing,
.site-v3 .site-custom-products,
.site-v3 .site-custom-team {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.site-v3 .site-custom-testimonials blockquote {
  min-height: 168px;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-small-radius);
  background: color-mix(in srgb, var(--site-surface) 50%, transparent);
}

.site-v3 .site-custom-testimonials blockquote > span { color: var(--site-accent); font-size: 7px; letter-spacing: .18em; }
.site-v3 .site-custom-testimonials blockquote > p { min-height: 72px; margin: 24px 0 16px; font-family: var(--design-serif); font-size: 15px; line-height: 1.25; }
.site-v3 .site-custom-testimonials footer { display: grid; gap: 2px; }
.site-v3 .site-custom-testimonials footer b { font-size: 8px; }
.site-v3 .site-custom-testimonials footer small { color: var(--site-muted); font-family: var(--design-sans); font-size: 6px; }

.site-v3 .site-custom-pricing article {
  position: relative;
  display: flex;
  min-height: 210px;
  padding: 17px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-small-radius);
  background: color-mix(in srgb, var(--site-surface) 58%, transparent);
  flex-direction: column;
}

.site-v3 .site-custom-pricing article.is-featured { border-color: var(--site-accent); box-shadow: inset 0 0 0 1px var(--site-accent); }
.site-v3 .site-custom-pricing article > small { align-self: flex-start; padding: 5px 7px; border-radius: 999px; background: var(--site-accent); color: #fff; font-size: 5px; font-weight: 900; }
.site-v3 .site-custom-pricing h3 { margin: 18px 0 4px; font-size: 14px; }
.site-v3 .site-custom-pricing article > strong { font-size: 22px; letter-spacing: -.05em; }
.site-v3 .site-custom-pricing article > p { margin: 9px 0 18px; color: var(--site-muted); font-size: 7px; line-height: 1.6; }
.site-v3 .site-custom-plan-button { display: flex; min-height: 38px; margin-top: auto; padding: 0 11px; border: 1px solid var(--site-line); border-radius: 8px; background: transparent; color: inherit; align-items: center; justify-content: space-between; font-size: 7px; font-weight: 900; text-decoration: none; }

.site-v3 .site-custom-products article {
  min-height: 190px;
  padding: 15px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-small-radius);
  background: color-mix(in srgb, var(--site-surface) 55%, transparent);
}

.site-v3 .site-custom-products article > div { display: flex; min-height: 62px; align-items: flex-start; justify-content: space-between; }
.site-v3 .site-custom-products article > div span { padding: 5px 7px; border-radius: 999px; background: var(--site-accent); color: #fff; font-size: 5px; font-weight: 900; }
.site-v3 .site-custom-products article > div b { color: var(--site-muted); font-family: var(--design-mono); font-size: 7px; }
.site-v3 .site-custom-products h3 { margin: 5px 0; font-size: 14px; }
.site-v3 .site-custom-products p { min-height: 34px; margin: 0; color: var(--site-muted); font-size: 7px; line-height: 1.55; }
.site-v3 .site-custom-products footer { display: flex; margin-top: 15px; align-items: center; justify-content: space-between; gap: 8px; }
.site-v3 .site-custom-products footer > strong { font-size: 10px; }
.site-v3 .site-custom-product-button { display: flex; min-height: 31px; padding: 0 9px; border: 0; border-radius: 7px; background: var(--site-accent); color: #fff; align-items: center; gap: 6px; font-size: 6px; font-weight: 900; text-decoration: none; }

.site-v3 .site-custom-team article {
  display: grid;
  min-height: 118px;
  padding: 14px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-small-radius);
  background: color-mix(in srgb, var(--site-surface) 50%, transparent);
  grid-template-columns: 52px minmax(0, 1fr);
  align-content: center;
  align-items: center;
  gap: 4px 12px;
}

.site-v3 .site-custom-team article > span { display: grid; width: 52px; height: 52px; border-radius: 50%; background: var(--site-accent); color: #fff; grid-row: 1 / 3; place-items: center; font-size: 11px; font-weight: 900; }
.site-v3 .site-custom-team h3,
.site-v3 .site-custom-team p { margin: 0; }
.site-v3 .site-custom-team h3 { font-size: 11px; }
.site-v3 .site-custom-team p { color: var(--site-muted); font-size: 7px; }

.site-v3 .site-custom-timeline { position: relative; display: grid; }
.site-v3 .site-custom-timeline::before { position: absolute; top: 18px; bottom: 18px; left: 19px; width: 1px; background: var(--site-line); content: ""; }
.site-v3 .site-custom-timeline article { position: relative; display: grid; min-height: 88px; padding: 10px 0; grid-template-columns: 40px minmax(0, 1fr); align-items: start; gap: 13px; }
.site-v3 .site-custom-timeline article > span { z-index: 1; display: grid; width: 40px; height: 40px; border: 1px solid var(--site-line); border-radius: 50%; background: var(--site-surface); color: var(--site-accent); place-items: center; font-family: var(--design-mono); font-size: 7px; font-weight: 900; }
.site-v3 .site-custom-timeline h3 { margin: 2px 0 5px; font-size: 11px; }
.site-v3 .site-custom-timeline p { margin: 0; color: var(--site-muted); font-size: 7px; line-height: 1.55; }

.site-v3 .site-custom-hours { border-top: 1px solid var(--site-line); }
.site-v3 .site-custom-hours p { display: grid; min-height: 46px; margin: 0; border-bottom: 1px solid var(--site-line); grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; }
.site-v3 .site-custom-hours span { font-size: 8px; }
.site-v3 .site-custom-hours b { height: 1px; background-image: linear-gradient(90deg, var(--site-line) 45%, transparent 45%); background-size: 7px 1px; }
.site-v3 .site-custom-hours strong { color: var(--site-accent); font-family: var(--design-mono); font-size: 8px; }

.site-v3 .site-custom-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, .7fr);
  align-items: stretch;
  gap: 12px;
}

.site-v3 .site-custom-map > div { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; }
.site-v3 .site-custom-map-address { display: flex; margin: 0 0 14px; color: var(--site-muted); align-items: flex-start; gap: 7px; font-size: 8px; line-height: 1.5; }
.site-v3 .site-custom-map-address span { color: var(--site-accent); font-size: 13px; }
.site-v3 .site-custom-map aside { position: relative; min-height: 190px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); background: repeating-linear-gradient(34deg, color-mix(in srgb, var(--site-accent) 8%, transparent) 0 10px, transparent 10px 22px); overflow: hidden; }
.site-v3 .site-custom-map aside i { position: absolute; display: block; width: 140%; height: 1px; background: var(--site-line); transform: rotate(var(--map-angle, 25deg)); }
.site-v3 .site-custom-map aside i:first-child { top: 30%; left: -20%; --map-angle: 25deg; }
.site-v3 .site-custom-map aside i:nth-child(2) { top: 62%; left: -12%; --map-angle: -20deg; }
.site-v3 .site-custom-map aside i:nth-child(3) { top: 48%; left: -10%; --map-angle: 4deg; }
.site-v3 .site-custom-map aside b { position: absolute; top: 50%; left: 56%; display: grid; width: 45px; height: 45px; border-radius: 50% 50% 50% 7px; background: var(--site-accent); color: #fff; place-items: center; font-size: 18px; transform: translate(-50%,-50%) rotate(-45deg); }

.site-v3 .site-custom-form-wrap { display: grid; grid-template-columns: 1fr; gap: 5px; }
.site-v3 .site-custom-form > div { display: grid; grid-template-columns: 1fr; gap: 7px; }
.site-v3 .site-custom-form label { display: grid; gap: 5px; }
.site-v3 .site-custom-form label > span { color: var(--site-muted); font-size: 6px; font-weight: 850; }
.site-v3 .site-custom-form input,
.site-v3 .site-custom-form textarea { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid var(--site-line); border-radius: 8px; outline: 0; background: color-mix(in srgb, var(--site-surface) 58%, transparent); color: inherit; font-size: 8px; }
.site-v3 .site-custom-form textarea { min-height: 82px; padding-block: 11px; resize: vertical; }
.site-v3 .site-custom-form input:focus,
.site-v3 .site-custom-form textarea:focus { border-color: var(--site-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--site-accent) 20%, transparent); }
.site-v3 .site-custom-form > button { display: flex; width: 100%; min-height: 46px; margin-top: 9px; padding: 0 14px; border: 0; border-radius: 9px; background: #111511; color: #fff; cursor: pointer; align-items: center; justify-content: space-between; font-size: 8px; font-weight: 900; }
.site-v3 .site-custom-form > p { margin: 7px 0 0; color: var(--site-muted); font-size: 6px; }
.site-v3 .site-custom-block[data-tone="accent"] .site-custom-form > button { background: #fff; color: #111511; }

.site-v3 .site-custom-logos { display: flex; flex-wrap: wrap; gap: 7px; }
.site-v3 .site-custom-logos span { display: grid; min-width: 94px; min-height: 48px; padding: 0 13px; border: 1px solid var(--site-line); border-radius: var(--site-small-radius); color: var(--site-muted); place-items: center; flex: 1; font-family: var(--design-mono); font-size: 8px; font-weight: 900; letter-spacing: .06em; }

@container (max-width: 359px) {
  .site-v3 .site-custom-hero,
  .site-v3 .site-custom-map { grid-template-columns: 1fr; }
  .site-v3 .site-custom-hero aside { min-height: 150px; }
  .site-v3 .site-custom-map aside { min-height: 145px; }
}

@container (min-width: 480px) {
  .site-v3 .site-custom-hero { min-height: 520px; grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr); gap: 28px; }
  .site-v3 .site-custom-hero aside { min-height: 440px; }
  .site-v3 .site-custom-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .site-v3 .site-custom-stats article { min-height: 180px; padding: 20px; }
  .site-v3 .site-custom-stats small { font-size: 8px; }
  .site-v3 .site-custom-stats span { font-size: 10px; }
  .site-v3 .site-custom-testimonials,
  .site-v3 .site-custom-pricing,
  .site-v3 .site-custom-team { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .site-v3 .site-custom-products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .site-v3 .site-custom-testimonials blockquote { min-height: 250px; padding: 24px; }
  .site-v3 .site-custom-testimonials blockquote > p { min-height: 110px; margin-top: 46px; font-size: 20px; }
  .site-v3 .site-custom-testimonials footer b { font-size: 11px; }
  .site-v3 .site-custom-testimonials footer small { font-size: 8px; }
  .site-v3 .site-custom-pricing article { min-height: 360px; padding: 26px; }
  .site-v3 .site-custom-pricing h3 { margin-top: 36px; font-size: 21px; }
  .site-v3 .site-custom-pricing article > strong { font-size: 34px; }
  .site-v3 .site-custom-pricing article > p { font-size: 10px; }
  .site-v3 .site-custom-plan-button { min-height: 48px; font-size: 10px; }
  .site-v3 .site-custom-products article { min-height: 300px; padding: 23px; }
  .site-v3 .site-custom-products article > div { min-height: 115px; }
  .site-v3 .site-custom-products h3 { font-size: 21px; }
  .site-v3 .site-custom-products p { min-height: 52px; font-size: 10px; }
  .site-v3 .site-custom-products footer > strong { font-size: 15px; }
  .site-v3 .site-custom-product-button { min-height: 40px; padding-inline: 13px; font-size: 8px; }
  .site-v3 .site-custom-team article { min-height: 240px; padding: 24px; grid-template-columns: 1fr; align-content: end; }
  .site-v3 .site-custom-team article > span { width: 78px; height: 78px; margin-bottom: 40px; grid-row: auto; }
  .site-v3 .site-custom-team h3 { font-size: 17px; }
  .site-v3 .site-custom-team p { font-size: 10px; }
  .site-v3 .site-custom-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .site-v3 .site-custom-timeline::before { top: 25px; right: 10%; bottom: auto; left: 10%; width: auto; }
  .site-v3 .site-custom-timeline article { min-height: 210px; padding: 0; grid-template-columns: 1fr; gap: 24px; }
  .site-v3 .site-custom-timeline article > span { width: 50px; height: 50px; }
  .site-v3 .site-custom-timeline h3 { font-size: 17px; }
  .site-v3 .site-custom-timeline p { font-size: 10px; }
  .site-v3 .site-custom-hours p { min-height: 64px; }
  .site-v3 .site-custom-hours span,
  .site-v3 .site-custom-hours strong { font-size: 12px; }
  .site-v3 .site-custom-map { grid-template-columns: minmax(0, .75fr) minmax(360px, 1.25fr); gap: 28px; }
  .site-v3 .site-custom-map aside { min-height: 430px; }
  .site-v3 .site-custom-form-wrap { grid-template-columns: minmax(0, .8fr) minmax(360px, 1.2fr); gap: 40px; }
  .site-v3 .site-custom-form > div { grid-template-columns: 1fr 1fr; gap: 11px; }
  .site-v3 .site-custom-form label:has(textarea) { grid-column: 1 / -1; }
  .site-v3 .site-custom-form label > span { font-size: 8px; }
  .site-v3 .site-custom-form input { min-height: 52px; font-size: 10px; }
  .site-v3 .site-custom-form textarea { min-height: 105px; font-size: 10px; }
  .site-v3 .site-custom-form > button { min-height: 56px; font-size: 11px; }
  .site-v3 .site-custom-form > p { font-size: 8px; }
  .site-v3 .site-custom-logos span { min-height: 74px; font-size: 12px; }
}

/* Public canvas owns the full viewport; phone and desktop are separately tuned. */
.public-profile-body {
  margin: 0;
  background: #0e110f;
}
.public-profile-shell { width: 100%; min-height: 100dvh; padding: 0; }
.public-profile-canvas.site-v3 { width: 100%; min-height: 100dvh; height: auto; border-radius: 0; }
.public-profile-canvas.site-v3 .site-mobile-dock {
  position: fixed;
  z-index: 50;
  right: 11px; bottom: 11px; left: 11px;
  display: grid;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 15px;
  background: rgba(11,14,12,.86);
  box-shadow: 0 15px 45px rgba(0,0,0,.3);
  backdrop-filter: blur(18px);
  grid-template-columns: 1.25fr .75fr;
  gap: 5px;
}
.public-profile-canvas.site-v3 .site-mobile-dock a {
  display: flex; min-width: 0; min-height: 47px; padding: 0 11px;
  border-radius: 10px; background: rgba(255,255,255,.09); color: #fff;
  align-items: center; justify-content: center; gap: 7px; font-family: var(--design-sans); font-size: 9px; text-decoration: none;
}
.public-profile-canvas.site-v3 .site-mobile-dock a.is-primary { background: var(--site-accent); }
.public-profile-canvas.site-v3 .site-mobile-dock span { font-size: 7px; }
@media (min-width: 760px) {
  .public-profile-canvas.site-v3 .site-mobile-dock { display: none; }
}

/* True mini-layouts in the chooser. */
.pro-template-thumb > .tpl-v3-mini {
  position: absolute !important;
  z-index: 2;
  inset: 0;
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  padding: 8px;
  border-radius: inherit;
  background: var(--tpl-bg);
  color: var(--tpl-text);
  grid-template-columns: 1.15fr .85fr;
  grid-template-rows: 16px minmax(0,1fr) 31px;
  gap: 5px;
  overflow: hidden;
  text-align: left;
}
.tpl-v3-mini::before {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 82% 16%,var(--tpl-accent),transparent 28%);
  opacity: .16; content: "";
}
.tpl-v3-mini > * { position: relative; z-index: 2; }
.tpl-mini-nav { display: flex; grid-column: 1 / -1; align-items: center; gap: 4px; font-style: normal; }
.tpl-mini-nav b { display: grid; width: 14px; height: 14px; border-radius: 4px; background: var(--tpl-accent); color: #fff; place-items: center; font-size: 5px; }
.tpl-mini-nav em { width: 16px; height: 2px; background: currentColor; opacity: .24; }
.tpl-mini-nav em:last-child { margin-left: auto; width: 8px; }
.tpl-mini-hero {
  position: relative !important;
  display: grid !important;
  min-width: 0;
  padding: 8px !important;
  border: 1px solid color-mix(in srgb,var(--tpl-text) 16%,transparent);
  border-radius: 7px;
  background: color-mix(in srgb,var(--tpl-bg) 74%,var(--tpl-accent));
  align-content: end;
  overflow: hidden;
}
.tpl-mini-hero small { position: absolute; top: 5px; left: 6px; font-size: 4px; }
.tpl-mini-hero strong { max-width: 9ch; font-size: 9px; letter-spacing: -.04em; line-height: .9; overflow-wrap: anywhere; }
.tpl-mini-hero > i { position: absolute; right: -8px; bottom: -8px; width: 43px; height: 43px; border-radius: 50%; background: var(--tpl-accent); opacity: .3; }
.tpl-mini-hero > b { position: absolute; right: 8px; bottom: 7px; color: var(--tpl-accent); font-size: 14px; }
.tpl-mini-blocks { display: grid !important; min-width: 0; padding: 4px !important; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); gap: 3px; }
.tpl-mini-blocks i { min-height: 0; border: 1px solid color-mix(in srgb,var(--tpl-text) 14%,transparent); border-radius: 3px; background: color-mix(in srgb,var(--tpl-accent) calc(9% + var(--mini-order) * 5%),transparent); }
.tpl-mini-tool {
  display: flex !important;
  grid-column: 1 / -1;
  min-width: 0;
  padding: 0 7px !important;
  border-radius: 5px;
  background: var(--tpl-accent);
  color: #fff;
  align-items: center;
  justify-content: space-between;
  font-style: normal;
}
.tpl-mini-tool span { min-width: 0; font-size: 5px; font-weight: 850; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tpl-mini-tool b { font-size: 7px; }
.tpl-v3-mini[data-mini-frame="poster"],
.tpl-v3-mini[data-mini-frame="street"],
.tpl-v3-mini[data-mini-frame="performance"],
.tpl-v3-mini[data-mini-frame="photo-portfolio"] { transform: rotate(-1deg); }
.tpl-v3-mini[data-mini-frame="technical"],
.tpl-v3-mini[data-mini-frame="tech"],
.tpl-v3-mini[data-mini-frame="garage"],
.tpl-v3-mini[data-mini-frame="warehouse"],
.tpl-v3-mini[data-mini-frame="finance"],
.tpl-v3-mini[data-mini-frame="blueprint"] { background-image: linear-gradient(color-mix(in srgb,var(--tpl-text) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tpl-text) 9%,transparent) 1px,transparent 1px); background-size: 11px 11px; }
.tpl-v3-mini[data-mini-frame="zen"] .tpl-mini-hero,
.tpl-v3-mini[data-mini-frame="wellness"] .tpl-mini-hero,
.tpl-v3-mini[data-mini-frame="calm"] .tpl-mini-hero,
.tpl-v3-mini[data-mini-frame="therapy"] .tpl-mini-hero { border-radius: 40px 40px 7px 7px; text-align: center; }
.tpl-v3-mini[data-mini-frame="lookbook"],
.tpl-v3-mini[data-mini-frame="gallery"],
.tpl-v3-mini[data-mini-frame="architecture"] { padding: 3px; gap: 2px; }
.tpl-v3-mini[data-mini-frame="cinematic"] .tpl-mini-hero,
.tpl-v3-mini[data-mini-frame="black-luxe"] .tpl-mini-hero,
.tpl-v3-mini[data-mini-frame="cinema-car"] .tpl-mini-hero,
.tpl-v3-mini[data-mini-frame="hotel-luxe"] .tpl-mini-hero { grid-column: 1 / -1; }
.tpl-v3-mini[data-mini-frame="cinematic"] .tpl-mini-blocks,
.tpl-v3-mini[data-mini-frame="black-luxe"] .tpl-mini-blocks,
.tpl-v3-mini[data-mini-frame="cinema-car"] .tpl-mini-blocks,
.tpl-v3-mini[data-mini-frame="hotel-luxe"] .tpl-mini-blocks { position: absolute; right: 7px; bottom: 39px; width: 34%; height: 42%; }

/* The builder preview is intentionally large and scrollable. */
.pro-preview-stage .pro-phone-shell.is-builder-phone {
  width: 360px;
  height: min(720px, calc(100dvh - 155px));
  max-height: 100%;
  transform: none;
}
.pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone {
  width: min(100%, 560px);
  height: min(620px, calc(100dvh - 155px));
  border-radius: 18px;
  transform: none;
}
.pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone .micro-page { border-radius: 10px; }
@media (min-width: 901px) and (max-height: 800px) {
  .pro-preview-stage .pro-phone-shell.is-builder-phone { width: 330px; height: calc(100dvh - 145px); transform: none; }
  .pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { width: min(100%,540px); height: calc(100dvh - 145px); transform: none; }
}
@media (min-width: 901px) and (max-height: 680px) {
  .pro-preview-stage .pro-phone-shell.is-builder-phone { width: 292px; height: calc(100dvh - 130px); transform: none; }
  .pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { width: min(100%,500px); height: calc(100dvh - 130px); transform: none; }
}
@media (min-width: 901px) and (max-height: 560px) {
  .pro-preview-stage .pro-phone-shell.is-builder-phone { width: 250px; height: calc(100dvh - 116px); transform: none; }
  .pro-preview-stage.is-desktop .pro-phone-shell.is-builder-phone { width: min(100%,450px); height: calc(100dvh - 116px); transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .site-v3 .site-ticker > div { animation: none; }
}

/* ================================================================
   1AI Studio v4 — user-created blocks and floating actions
   ================================================================ */

.site-v3 .site-custom-block {
  --custom-block-pad: 18px;
  padding: var(--custom-block-pad);
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius);
  background: color-mix(in srgb, var(--site-panel) 92%, transparent);
  color: var(--site-text);
  overflow: hidden;
}

.site-v3 .site-custom-block[data-width="wide"] {
  width: calc(100% - max(8px, var(--site-pad)));
}

.site-v3 .site-custom-block[data-width="full"] {
  width: 100%;
  border-inline: 0;
  border-radius: 0;
}

.site-v3 .site-custom-block[data-tone="surface"] {
  background: var(--site-surface);
  color: var(--site-text);
}

.site-v3 .site-custom-block[data-tone="accent"] {
  border-color: transparent;
  background: var(--site-accent);
  color: #fff;
  --site-muted: rgba(255, 255, 255, .68);
  --site-line: rgba(255, 255, 255, .2);
}

.site-v3 .site-custom-block[data-tone="dark"] {
  border-color: rgba(255, 255, 255, .12);
  background: #101411;
  color: #fff;
  --site-muted: rgba(255, 255, 255, .62);
  --site-line: rgba(255, 255, 255, .16);
}

.site-v3 .site-custom-block[data-tone="glass"] {
  background: color-mix(in srgb, var(--site-surface) 54%, transparent);
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 16px 45px rgba(0, 0, 0, .08);
  backdrop-filter: blur(18px);
}

.site-v3 .site-custom-block[data-align="center"] {
  text-align: center;
}

.site-v3 .site-custom-block[data-align="right"] {
  text-align: right;
}

.site-v3 .site-custom-block[data-spacing="compact"] {
  --custom-block-pad: 11px;
}

.site-v3 .site-custom-block[data-spacing="airy"] {
  --custom-block-pad: 29px 20px;
}

.site-v3 .site-custom-heading {
  max-width: 680px;
  margin-bottom: 15px;
}

.site-v3 .site-custom-block[data-align="center"] .site-custom-heading {
  margin-inline: auto;
}

.site-v3 .site-custom-block[data-align="right"] .site-custom-heading {
  margin-left: auto;
}

.site-v3 .site-custom-heading small {
  display: block;
  margin-bottom: 6px;
  color: var(--site-accent);
  font-family: var(--design-sans);
  font-size: 6px;
  font-weight: 900;
  letter-spacing: .15em;
}

.site-v3 .site-custom-block[data-tone="accent"] .site-custom-heading small,
.site-v3 .site-custom-block[data-tone="dark"] .site-custom-heading small {
  color: var(--site-accent-2);
}

.site-v3 .site-custom-heading h2 {
  margin: 0;
  font-size: clamp(25px, 8cqw, 42px);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: .98;
  overflow-wrap: anywhere;
}

.site-v3 .site-custom-heading p {
  margin: 9px 0 0;
  color: var(--site-muted);
  font-family: var(--design-sans);
  font-size: 8px;
  line-height: 1.65;
}

.site-v3 .site-custom-navigation {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.site-v3 .site-custom-navigation > strong {
  font-size: 8px;
}

.site-v3 .site-custom-navigation > div {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}

.site-v3 .site-custom-navigation a,
.site-v3 .site-custom-navigation button {
  min-height: 29px;
  padding: 0 10px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-small-radius);
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-family: var(--design-sans);
  font-size: 6px;
  font-weight: 800;
  text-decoration: none;
}

.site-v3 .site-custom-cta {
  display: grid;
  align-items: center;
  gap: 5px;
}

.site-v3 .site-custom-button,
.site-v3 .site-custom-contact-link,
.site-v3 .site-custom-social-link {
  display: inline-flex;
  min-height: 42px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--site-small-radius);
  background: var(--site-accent);
  color: #fff;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--design-sans);
  font-size: 8px;
  font-weight: 900;
  text-decoration: none;
}

.site-v3 .site-custom-block[data-tone="accent"] .site-custom-button {
  background: #fff;
  color: #111511;
}

.site-v3 .site-custom-price-list {
  display: grid;
  border-top: 1px solid var(--site-line);
}

.site-v3 .site-custom-price-list article {
  display: grid;
  min-height: 60px;
  padding: 11px 0;
  border-bottom: 1px solid var(--site-line);
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
}

.site-v3 .site-custom-price-list article > span {
  color: var(--site-muted);
  font-family: var(--design-mono);
  font-size: 6px;
}

.site-v3 .site-custom-price-list h3,
.site-v3 .site-custom-price-list p {
  margin: 0;
}

.site-v3 .site-custom-price-list h3 {
  font-size: 10px;
}

.site-v3 .site-custom-price-list p {
  margin-top: 3px;
  color: var(--site-muted);
  font-family: var(--design-sans);
  font-size: 6px;
}

.site-v3 .site-custom-price-list strong {
  color: var(--site-accent);
  font-family: var(--design-mono);
  font-size: 9px;
  white-space: nowrap;
}

.site-v3 .site-custom-block[data-tone="accent"] .site-custom-price-list strong {
  color: #fff;
}

.site-v3 .site-custom-image {
  margin: 0;
}

.site-v3 .site-custom-image img,
.site-v3 .site-custom-image > div {
  width: 100%;
  min-height: 220px;
  max-height: 620px;
  border-radius: var(--site-small-radius);
  object-fit: cover;
}

.site-v3 .site-custom-image > div {
  display: grid;
  place-items: center;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--site-accent) 24%, transparent), transparent),
    var(--site-panel);
  align-content: center;
  gap: 7px;
}

.site-v3 .site-custom-image > div span {
  color: var(--site-muted);
  font-family: var(--design-mono);
  font-size: 6px;
  letter-spacing: .14em;
}

.site-v3 .site-custom-image > div b {
  font-size: 28px;
}

.site-v3 .site-custom-image figcaption,
.site-v3 .site-custom-gallery figcaption {
  margin-top: 6px;
  color: var(--site-muted);
  font-family: var(--design-sans);
  font-size: 6px;
}

.site-v3 .site-custom-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.site-v3 .site-custom-gallery figure {
  min-width: 0;
  margin: 0;
}

.site-v3 .site-custom-gallery img,
.site-v3 .site-custom-gallery figure > div {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--site-small-radius);
  object-fit: cover;
}

.site-v3 .site-custom-gallery figure > div {
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--site-accent) 14%, var(--site-panel));
}

.site-v3 .site-custom-gallery figure:first-child:nth-last-child(odd) {
  grid-column: 1 / -1;
}

.site-v3 .site-custom-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.site-v3 .site-custom-cards article {
  min-height: 118px;
  padding: 14px;
  border: 1px solid var(--site-line);
  border-radius: var(--site-small-radius);
  background: color-mix(in srgb, var(--site-surface) 52%, transparent);
}

.site-v3 .site-custom-cards article > span {
  display: inline-flex;
  min-width: 28px;
  min-height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--site-accent);
  color: #fff;
  align-items: center;
  justify-content: center;
  font-family: var(--design-mono);
  font-size: 6px;
}

.site-v3 .site-custom-cards h3 {
  margin: 20px 0 5px;
  font-size: 13px;
  letter-spacing: -.035em;
}

.site-v3 .site-custom-cards p {
  margin: 0;
  color: var(--site-muted);
  font-family: var(--design-sans);
  font-size: 7px;
  line-height: 1.55;
}

.site-v3 .site-custom-quote blockquote {
  margin: 0;
}

.site-v3 .site-custom-quote blockquote > span {
  display: block;
  height: 30px;
  color: var(--site-accent);
  font-family: var(--design-serif);
  font-size: 45px;
  line-height: 1;
}

.site-v3 .site-custom-quote blockquote p {
  max-width: 22ch;
  margin: 7px 0 15px;
  font-family: var(--design-serif);
  font-size: clamp(23px, 7cqw, 38px);
  font-style: italic;
  letter-spacing: -.04em;
  line-height: 1.08;
}

.site-v3 .site-custom-quote blockquote footer {
  color: var(--site-muted);
  font-family: var(--design-sans);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.site-v3 .site-custom-faq {
  border-top: 1px solid var(--site-line);
}

.site-v3 .site-custom-faq details {
  border-bottom: 1px solid var(--site-line);
}

.site-v3 .site-custom-faq summary {
  display: grid;
  min-height: 54px;
  cursor: pointer;
  list-style: none;
  grid-template-columns: 26px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 8px;
}

.site-v3 .site-custom-faq summary::-webkit-details-marker {
  display: none;
}

.site-v3 .site-custom-faq summary span {
  color: var(--site-muted);
  font-family: var(--design-mono);
  font-size: 6px;
}

.site-v3 .site-custom-faq summary b {
  font-size: 9px;
}

.site-v3 .site-custom-faq summary i {
  font-size: 12px;
  font-style: normal;
  transition: transform 160ms ease;
}

.site-v3 .site-custom-faq details[open] summary i {
  transform: rotate(45deg);
}

.site-v3 .site-custom-faq details p {
  margin: -3px 26px 14px 34px;
  color: var(--site-muted);
  font-family: var(--design-sans);
  font-size: 7px;
  line-height: 1.6;
}

.site-v3 .site-custom-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--site-small-radius);
  background: #0d100e;
  overflow: hidden;
}

.site-v3 .site-custom-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.site-v3 .site-custom-video > div {
  display: grid;
  height: 100%;
  place-items: center;
  align-content: center;
  color: #fff;
  gap: 8px;
}

.site-v3 .site-custom-video > div span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  background: var(--site-accent);
}

.site-v3 .site-custom-video > div p {
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: 7px;
}

.site-v3 .site-custom-contact {
  display: grid;
  gap: 5px;
}

.site-v3 .site-custom-contact > div:last-child,
.site-v3 .site-custom-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.site-v3 .site-custom-contact-link,
.site-v3 .site-custom-social-link {
  min-height: 36px;
  background: transparent;
  color: inherit;
  border: 1px solid var(--site-line);
  font-size: 7px;
}

.site-v3 .site-custom-divider {
  display: grid;
  min-height: 30px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
}

.site-v3 .site-custom-divider i {
  height: 1px;
  background: var(--site-line);
}

.site-v3 .site-custom-divider span {
  color: var(--site-accent);
  font-size: 9px;
  font-weight: 900;
}

.site-v3 .site-custom-spacer {
  min-height: 60px;
}

.site-v3 .site-custom-type-spacer[data-spacing="compact"] .site-custom-spacer {
  min-height: 28px;
}

.site-v3 .site-floating-whatsapp {
  position: sticky;
  z-index: 45;
  right: 12px;
  bottom: 12px;
  display: flex;
  width: max-content;
  min-height: 48px;
  margin: -58px 12px 12px auto;
  padding: 5px 11px 5px 5px;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 999px;
  background: #25d366;
  box-shadow: 0 15px 38px rgba(0, 0, 0, .26);
  color: #fff;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-family: var(--design-sans);
  font-size: 7px;
  font-weight: 900;
  text-decoration: none;
}

.site-v3 .site-floating-whatsapp > span {
  display: grid;
  width: 37px;
  height: 37px;
  place-items: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, .12);
  font-size: 7px;
}

.site-v3 .site-floating-whatsapp > i {
  position: absolute;
  top: 2px;
  right: 4px;
  width: 8px;
  height: 8px;
  border: 2px solid #25d366;
  border-radius: 50%;
  background: #fff;
}

.public-profile-canvas.site-v3 .site-floating-whatsapp {
  position: fixed;
  right: 18px;
  bottom: 82px;
  margin: 0;
}

@container (min-width: 480px) {
  .site-v3 .site-custom-block {
    --custom-block-pad: clamp(28px, 4cqw, 62px);
  }

  .site-v3 .site-custom-block[data-spacing="compact"] {
    --custom-block-pad: clamp(18px, 2.4cqw, 34px);
  }

  .site-v3 .site-custom-block[data-spacing="airy"] {
    --custom-block-pad: clamp(45px, 7cqw, 100px) clamp(30px, 5cqw, 72px);
  }

  .site-v3 .site-custom-heading {
    margin-bottom: 28px;
  }

  .site-v3 .site-custom-heading small {
    font-size: 8px;
  }

  .site-v3 .site-custom-heading h2 {
    font-size: clamp(38px, 5cqw, 76px);
  }

  .site-v3 .site-custom-heading p {
    max-width: 62ch;
    font-size: 11px;
  }

  .site-v3 .site-custom-navigation {
    min-height: 54px;
  }

  .site-v3 .site-custom-navigation > strong {
    font-size: 13px;
  }

  .site-v3 .site-custom-navigation a,
  .site-v3 .site-custom-navigation button {
    min-height: 38px;
    padding-inline: 16px;
    font-size: 9px;
  }

  .site-v3 .site-custom-button {
    min-height: 54px;
    padding-inline: 22px;
    font-size: 11px;
  }

  .site-v3 .site-custom-price-list article {
    min-height: 84px;
    grid-template-columns: 44px minmax(0, 1fr) auto;
  }

  .site-v3 .site-custom-price-list article > span {
    font-size: 8px;
  }

  .site-v3 .site-custom-price-list h3 {
    font-size: 16px;
  }

  .site-v3 .site-custom-price-list p {
    font-size: 9px;
  }

  .site-v3 .site-custom-price-list strong {
    font-size: 14px;
  }

  .site-v3 .site-custom-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .site-v3 .site-custom-gallery figure:first-child:nth-last-child(odd) {
    grid-column: auto;
  }

  .site-v3 .site-custom-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .site-v3 .site-custom-cards article {
    min-height: 210px;
    padding: 24px;
  }

  .site-v3 .site-custom-cards article > span {
    min-width: 38px;
    min-height: 30px;
    font-size: 8px;
  }

  .site-v3 .site-custom-cards h3 {
    margin-top: 58px;
    font-size: 22px;
  }

  .site-v3 .site-custom-cards p {
    font-size: 10px;
  }

  .site-v3 .site-custom-quote blockquote p {
    font-size: clamp(38px, 5cqw, 72px);
  }

  .site-v3 .site-custom-quote blockquote footer {
    font-size: 10px;
  }

  .site-v3 .site-custom-faq summary {
    min-height: 72px;
    grid-template-columns: 38px minmax(0, 1fr) 24px;
  }

  .site-v3 .site-custom-faq summary span {
    font-size: 8px;
  }

  .site-v3 .site-custom-faq summary b {
    font-size: 14px;
  }

  .site-v3 .site-custom-faq details p {
    margin: -4px 38px 21px 47px;
    font-size: 10px;
  }

  .site-v3 .site-custom-contact-link,
  .site-v3 .site-custom-social-link {
    min-height: 46px;
    padding-inline: 18px;
    font-size: 10px;
  }

  .site-v3 .site-floating-whatsapp {
    min-height: 58px;
    padding-right: 16px;
    font-size: 10px;
  }

  .site-v3 .site-floating-whatsapp > span {
    width: 45px;
    height: 45px;
    font-size: 9px;
  }

  .public-profile-canvas.site-v3 .site-floating-whatsapp {
    right: 24px;
    bottom: 24px;
  }
}