/*
Theme Name: Ant Built Studio
Description: Anthony’s one-person web workshop. Custom WordPress HTML and Three.js.
Version: 3.1.1
Text Domain: antbuilt-studio
*/

/* Foundation */
:root {
  --ab-ink: #141714;
  --ab-paper: #f5f3eb;
  --ab-lime: #d5ff3f;
  --ab-muted: #62685e;
  --ab-line: rgba(20,23,20,.16);
  --ab-radius: 28px;
  --ab-ease: cubic-bezier(.2,.7,.25,1);
}
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body.ab-site {
  margin: 0;
  padding: 0;
  background: var(--ab-paper);
  color: var(--ab-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
.ab-site *, .ab-site *::before, .ab-site *::after { box-sizing: border-box; }
.ab-site ::selection { color: var(--ab-ink); background: var(--ab-lime); }
.ab-site h1, .ab-site h2, .ab-site h3, .ab-site h4,
.ab-site p, .ab-site figure, .ab-site blockquote { margin: 0; }
.ab-site h1, .ab-site h2, .ab-site h3, .ab-site h4 { color: inherit; font-weight: 600; }
.ab-site h1, .ab-site h2 { text-wrap: balance; }
.ab-site p { text-wrap: pretty; }
.ab-site a { color: inherit; text-decoration: none; }
.ab-site button, .ab-site input, .ab-site select, .ab-site textarea { font: inherit; }
.ab-site button { color: inherit; cursor: pointer; }
.ab-site button, .ab-site a, .ab-site input, .ab-site textarea, .ab-site select, .ab-site summary { -webkit-tap-highlight-color: transparent; }
.ab-site button:focus-visible, .ab-site a:focus-visible, .ab-site input:focus-visible,
.ab-site textarea:focus-visible, .ab-site select:focus-visible, .ab-site summary:focus-visible {
  outline: 3px solid #6e8500;
  outline-offset: 5px;
}
.ab-site svg { vertical-align: middle; }
.ab-site img, .ab-site video, .ab-site canvas { display: block; max-width: 100%; }
.ab-site ul, .ab-site ol { margin: 0; padding: 0; }
.ab-site [hidden] { display: none !important; }
.ab-site .ab-wrap { width: min(1320px, calc(100% - 88px)); margin-inline: auto; }
.ab-main { display: block; min-height: 60vh; }
.ab-section { padding-block: clamp(76px, 8.3vw, 126px); position: relative; }
.ab-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 26px;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.ab-eyebrow::before { content: ''; width: 7px; height: 7px; background: currentColor; border-radius: 2px; flex-shrink: 0; }
.ab-small { font-size: 12px; line-height: 1.55; color: var(--ab-muted); }
.ab-lead { max-width: 580px; font-size: clamp(18px, 1.65vw, 23px); line-height: 1.55; color: var(--ab-muted); letter-spacing: -.025em; }
.ab-accent { position: relative; color: inherit; font-style: italic; font-weight: 500; }
.ab-accent::after { content: ''; position: absolute; z-index: -1; inset: 54% -3px 1%; background: var(--ab-lime); transform: rotate(-2deg); }
.ab-hero-copy, .ab-page-hero h1 { isolation: isolate; }
.ab-sr-only, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.ab-skip-link { position: fixed; z-index: 99999; top: 10px; left: 16px; padding: 12px 18px; border-radius: 12px; background: var(--ab-lime); transform: translateY(-180%); }
.ab-skip-link:focus { transform: none; }

/* Navigation */
.ab-header { position: sticky; top: 0; z-index: 100; background: rgba(245,243,235,.94); border-bottom: 1px solid var(--ab-line); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.admin-bar .ab-header { top: 32px; }
.ab-header > .ab-wrap { min-height: 91px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.ab-brand { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; font-size: 26px; font-weight: 800; line-height: 1; letter-spacing: -1.7px; }
.ab-mark { width: 39px; height: 39px; flex-shrink: 0; }
.ab-brand > span { display: inline-block; }
.ab-brand small { font-size: 9px; vertical-align: top; letter-spacing: 0; margin-left: 2px; }
.ab-nav { display: flex; align-items: center; gap: 31px; }
.ab-nav > a:not(.ab-nav-cta) { position: relative; padding-block: 10px; font-size: 13px; font-weight: 600; letter-spacing: -.015em; }
.ab-nav > a:not(.ab-nav-cta)::after { content: ''; position: absolute; height: 2px; background: currentColor; bottom: 3px; left: 0; right: 0; transform: scaleX(0); transform-origin: left; transition: transform .25s var(--ab-ease); }
.ab-nav > a:hover::after, .ab-nav > a[aria-current=page]::after { transform: scaleX(1); }
.ab-nav-cta { display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 14px 20px; border: 1px solid var(--ab-ink); border-radius: 100px; font-size: 13px; font-weight: 600; transition: color .2s, background .2s; }
.ab-nav-cta:hover { color: var(--ab-paper); background: var(--ab-ink); }
.ab-menu-toggle { display: none; width: 45px; height: 45px; border: 1px solid var(--ab-line); border-radius: 50%; background: transparent; align-items: center; justify-content: center; }
.ab-menu-toggle svg { width: 21px; height: 21px; }

/* Buttons */
.ab-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 32px; }
.ab-button, .ab-button-secondary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  min-height: 55px;
  padding: 17px 25px;
  border: 1px solid var(--ab-ink);
  border-radius: 100px;
  background: var(--ab-lime);
  color: var(--ab-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  overflow: hidden;
  isolation: isolate;
  transition: transform .25s var(--ab-ease), box-shadow .25s var(--ab-ease), background .25s;
}
.ab-button::before { content: ''; position: absolute; z-index: -1; top: -60%; bottom: -60%; left: -80%; width: 50%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); transform: skewX(-25deg); transition: left .7s var(--ab-ease); }
.ab-button:hover::before { left: 130%; }
.ab-button:hover, .ab-button-secondary:hover { transform: translateY(-3px); box-shadow: 0 5px 0 var(--ab-ink); }
.ab-button svg, .ab-button-secondary svg { width: 17px; height: 17px; flex-shrink: 0; transition: transform .25s var(--ab-ease); }
.ab-button:hover svg, .ab-button-secondary:hover svg { transform: translate(2px,-2px); }
.ab-button-secondary { background: transparent; }
.ab-button-secondary:hover { background: #fff; }
.ab-button:active, .ab-button-secondary:active { transform: translateY(0); box-shadow: none; }

/* Opening scene */
.ab-hero { display: grid; grid-template-columns: 1.12fr 1fr; gap: clamp(40px, 5vw, 80px); align-items: center; padding-top: clamp(56px, 6.5vw, 100px); padding-bottom: clamp(64px, 7.8vw, 116px); }
.ab-hero-copy { padding-block: 10px; min-width: 0; }
.ab-hero .ab-eyebrow { margin-bottom: 27px; }
.ab-hero h1 { max-width: 760px; font-size: clamp(64px, 7.2vw, 106px); line-height: .94; letter-spacing: -.072em; font-weight: 600; }
.ab-hero .ab-lead { max-width: 490px; margin-top: 30px; font-size: clamp(17px, 1.55vw, 21px); }
.ab-hero .ab-small { margin-top: 20px; }
.ab-hero-art { min-width: 0; position: relative; }
.ab-visual {
  position: relative;
  width: 100%;
  aspect-ratio: .98;
  min-height: 400px;
  border-radius: 40px;
  background: #20261e;
  background-image: radial-gradient(ellipse at 50% 45%, rgba(179,205,73,.13), transparent 62%), linear-gradient(140deg, #2b3424, #161c16 70%);
  color: var(--ab-paper);
  overflow: hidden;
  isolation: isolate;
  transform-style: preserve-3d;
}
.ab-visual::before { content: ''; position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgba(225,240,206,.055) 1px,transparent 1px), linear-gradient(90deg,rgba(225,240,206,.055) 1px,transparent 1px); background-size: 36px 36px; mask-image: radial-gradient(ellipse at center, black, transparent 82%); }
.ab-visual::after { content: '+'; position: absolute; bottom: 23px; right: 28px; color: rgba(245,243,235,.35); font-size: 24px; font-weight: 300; }
.ab-orbits { position: absolute; inset: 0; display: grid; place-items: center; }
.ab-ring { position: absolute; width: 74%; aspect-ratio: 1; border: 1px solid rgba(213,255,63,.25); border-radius: 50%; transform: rotate(-25deg) scaleY(.55); }
.ab-ring:nth-child(2) { transform: rotate(38deg) scaleY(.64); width: 86%; border-color: rgba(213,255,63,.18); }
.ab-ring:nth-child(3) { transform: rotate(100deg) scaleY(.69); width: 76%; border-color: rgba(213,255,63,.3); }
.ab-ring::before { content: ''; position: absolute; width: 9px; height: 9px; top: 17%; left: 14%; background: var(--ab-lime); border-radius: 50%; box-shadow: 0 0 20px rgba(213,255,63,.5); }
.ab-ring:nth-child(2)::before { top: auto; bottom: 12%; left: 77%; width: 5px; height: 5px; }
.ab-ring:nth-child(3)::before { background: var(--ab-paper); width: 5px; height: 5px; }
.ab-orb { position: relative; display: grid; place-items: center; width: 46%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 30% 22%, #f0ffab, #d5ff3f 36%, #b2da25 68%, #7a9d0b); box-shadow: inset -10px -16px 28px rgba(45,64,0,.25), inset 5px 7px 12px rgba(255,255,255,.4), 0 30px 60px rgba(0,0,0,.28), 0 0 70px rgba(185,216,57,.12); animation: ab-float 7s ease-in-out infinite; }
.ab-orb svg { width: 61%; height: 61%; color: var(--ab-ink); filter: drop-shadow(0 3px 0 rgba(255,255,255,.2)); transform: rotate(-12deg); }
.ab-orbit-label { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid rgba(245,243,235,.2); border-radius: 100px; background: rgba(33,41,28,.85); backdrop-filter: blur(8px); color: var(--ab-paper); font-size: clamp(10px, .85vw, 12px); font-weight: 600; line-height: 1.3; white-space: nowrap; box-shadow: 0 10px 25px rgba(0,0,0,.12); }
.ab-orbit-label::before { content: ''; height: 5px; width: 5px; border-radius: 50%; background: var(--ab-lime); }
.ab-label-1 { top: 20%; left: 6%; transform: rotate(-7deg); }
.ab-label-2 { top: 15%; right: 7%; transform: rotate(8deg); }
.ab-label-3 { bottom: 21%; left: 7%; transform: rotate(6deg); }
.ab-label-4 { bottom: 18%; right: 6%; transform: rotate(-7deg); }
.ab-status { display: flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.ab-visual > .ab-status { position: absolute; top: 25px; left: 28px; color: rgba(245,243,235,.65); }
.ab-live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--ab-lime); box-shadow: 0 0 0 4px rgba(213,255,63,.1); }
.ab-hero-art > .ab-small { display: flex; justify-content: space-between; margin: 15px 4px 0; font-size: 10px; letter-spacing: .03em; }

/* Running line */
.ab-ticker { overflow: hidden; border-block: 1px solid var(--ab-ink); background: var(--ab-lime); padding-block: 19px; }
.ab-ticker-track { display: flex; align-items: center; width: max-content; gap: 34px; animation: ab-ticker 36s linear infinite; font-size: clamp(16px,1.65vw,24px); line-height: 1; font-weight: 600; letter-spacing: -.035em; }
.ab-ticker-track > * { flex-shrink: 0; }
.ab-ticker-track span { display: inline-flex; align-items: center; gap: 34px; white-space: nowrap; }
.ab-ticker-track i { font-size: 23px; font-style: normal; font-weight: 400; }
.ab-ticker:hover .ab-ticker-track { animation-play-state: paused; }

/* Services and shared section structure */
.ab-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 47px; }
.ab-section-head > :first-child { max-width: 820px; }
.ab-section-head h2, .ab-two-col h2 { font-size: clamp(39px, 4.6vw, 68px); line-height: 1.02; letter-spacing: -.06em; }
.ab-section-head .ab-eyebrow { margin-bottom: 19px; }
.ab-section-head > p, .ab-section-head > .ab-lead { max-width: 300px; margin-bottom: 4px; font-size: 16px; color: var(--ab-muted); }
.ab-section-head > a { flex-shrink: 0; }
.ab-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.ab-service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: 28px;
  border: 1px solid var(--ab-line);
  border-radius: var(--ab-radius);
  background: rgba(255,255,255,.32);
  overflow: hidden;
  isolation: isolate;
  transition: transform .35s var(--ab-ease), border-color .35s, box-shadow .35s;
}
.ab-service-card::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(450px circle at var(--mouse-x,50%) var(--mouse-y,20%), rgba(213,255,63,.32), transparent 70%); opacity: 0; transition: opacity .35s; }
.ab-service-card:hover, .ab-service-card:focus-within { border-color: var(--ab-ink); transform: translateY(-6px); box-shadow: 0 14px 30px rgba(20,23,20,.06); }
.ab-service-card:hover::before, .ab-service-card:focus-within::before { opacity: 1; }
.ab-card-num { color: var(--ab-muted); font-size: 10px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: .07em; }
.ab-card-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-top: 24px; margin-bottom: 28px; border: 1px solid var(--ab-line); border-radius: 16px; background: var(--ab-paper); color: var(--ab-ink); }
.ab-card-icon svg { width: 25px; height: 25px; }
.ab-service-card:nth-child(2n) .ab-card-icon { background: var(--ab-lime); border-color: transparent; }
.ab-service-card h3 { margin-top: auto; margin-bottom: 11px; font-size: clamp(23px,2.05vw,30px); line-height: 1.1; letter-spacing: -.045em; }
.ab-service-card p { max-width: 350px; margin-bottom: 24px; color: var(--ab-muted); font-size: 14px; line-height: 1.6; }
.ab-arrow { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--ab-line); border-radius: 50%; font-size: 19px; line-height: 1; transition: transform .25s var(--ab-ease), background .25s, border-color .25s; }
.ab-arrow svg { width: 16px; height: 16px; }
.ab-service-card > .ab-arrow { position: absolute; top: 22px; right: 22px; }
.ab-service-card:hover .ab-arrow { background: var(--ab-ink); color: var(--ab-paper); border-color: var(--ab-ink); transform: rotate(45deg); }
.ab-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.ab-tags span { display: inline-flex; padding: 5px 9px; border: 1px solid var(--ab-line); border-radius: 100px; font-size: 9px; line-height: 1.3; font-weight: 600; letter-spacing: .01em; }

/* Approach */
.ab-dark { color: var(--ab-paper); background: var(--ab-ink); --ab-line: rgba(245,243,235,.2); --ab-muted: #a6ada0; }
.ab-dark .ab-eyebrow { color: var(--ab-lime); }
.ab-dark .ab-button-secondary { border-color: rgba(245,243,235,.45); color: var(--ab-paper); }
.ab-dark .ab-button-secondary:hover { background: var(--ab-paper); color: var(--ab-ink); box-shadow: 0 5px 0 var(--ab-lime); }
.ab-dark .ab-button:hover { box-shadow: 0 5px 0 rgba(213,255,63,.35); }
.ab-dark a:focus-visible, .ab-dark button:focus-visible { outline-color: var(--ab-lime); }
.ab-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px,8vw,125px); align-items: start; }
.ab-two-col > * { min-width: 0; }
.ab-two-col .ab-lead { margin-top: 25px; font-size: 18px; }
.ab-two-col > div > p:not(.ab-eyebrow):not(.ab-lead) { color: var(--ab-muted); }
.ab-stat-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; margin-top: 45px; padding-top: 27px; border-top: 1px solid var(--ab-line); }
.ab-stat { display: flex; flex-direction: column; gap: 8px; }
.ab-stat strong { font-size: clamp(29px,3.2vw,47px); font-weight: 500; line-height: 1; letter-spacing: -.06em; }
.ab-stat span { color: var(--ab-muted); font-size: 11px; line-height: 1.4; }
.ab-switcher { display: flex; gap: 4px; padding: 5px; border: 1px solid var(--ab-line); border-radius: 100px; margin-bottom: 28px; background: rgba(255,255,255,.04); }
.ab-switcher button { flex: 1; padding: 13px 15px; border: 0; border-radius: 100px; background: transparent; color: var(--ab-muted); font-size: 12px; font-weight: 600; line-height: 1.3; transition: background .25s, color .25s; }
.ab-switcher button[aria-pressed=true] { background: var(--ab-lime); color: var(--ab-ink); }
.ab-switcher button:hover:not([aria-pressed=true]) { color: inherit; background: rgba(255,255,255,.07); }
.ab-comparison-list { list-style: none; }
.ab-comparison-item { display: flex; align-items: flex-start; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--ab-line); }
.ab-comparison-item > svg, .ab-comparison-item > span:first-child { display: grid; place-items: center; flex-shrink: 0; width: 28px; height: 28px; color: var(--ab-lime); font-size: 18px; }
.ab-comparison-item strong, .ab-comparison-item h3 { display: block; margin-bottom: 6px; font-size: 18px; font-weight: 500; letter-spacing: -.025em; line-height: 1.3; }
.ab-comparison-item p { font-size: 14px; color: var(--ab-muted); line-height: 1.6; }
.ab-process { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; counter-reset: process; }
.ab-step { position: relative; padding: 29px 27px 0 0; border-top: 1px solid var(--ab-line); }
.ab-step + .ab-step { padding-left: 27px; border-left: 1px solid var(--ab-line); }
.ab-step > span, .ab-step .ab-card-num { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 45px; border: 1px solid var(--ab-line); border-radius: 50%; color: var(--ab-ink); font-size: 11px; }
.ab-step:first-child > span, .ab-step:first-child .ab-card-num { background: var(--ab-lime); border-color: transparent; }
.ab-step h3 { margin-bottom: 12px; font-size: 24px; line-height: 1.15; letter-spacing: -.045em; }
.ab-step p { max-width: 245px; color: var(--ab-muted); font-size: 14px; line-height: 1.6; }

/* Independent reviews */
.ab-reviews-section { background: #eeece3; border-block: 1px solid var(--ab-line); }
.ab-rating-card { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.ab-rating-number { font-size: 66px; line-height: .95; font-weight: 500; letter-spacing: -.065em; }
.ab-rating-stars, .ab-review-stars { color: #557100; font-size: 17px; letter-spacing: .13em; white-space: nowrap; }
.ab-rating-meta { margin-top: 6px; color: var(--ab-muted); font-size: 11px; line-height: 1.5; }
.ab-review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.ab-review-card { display: flex; flex-direction: column; min-height: 285px; padding: 28px; border: 1px solid var(--ab-line); border-radius: var(--ab-radius); background: var(--ab-paper); }
.ab-review-card .ab-review-stars { margin-bottom: 27px; font-size: 13px; }
.ab-review-text { margin-bottom: 27px !important; font-size: clamp(17px,1.45vw,21px); line-height: 1.45; letter-spacing: -.025em; }
.ab-review-source { display: flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--ab-line); color: var(--ab-muted); font-size: 11px; }
.ab-review-source strong { color: var(--ab-ink); font-size: 12px; font-weight: 600; }
.ab-review-source img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.ab-review-source svg { width: 17px; height: 17px; flex-shrink: 0; }
.ab-review-controls { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 25px; }
.ab-review-controls button { width: 45px; height: 45px; border: 1px solid var(--ab-line); border-radius: 50%; background: transparent; transition: background .25s; }
.ab-review-controls button:hover { background: var(--ab-lime); }
.ab-review-controls button:disabled { cursor: default; opacity: .35; }
.ab-review-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 36px)/3); gap: 18px; overflow-x: auto; padding: 4px 1px 16px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #c2c9ae transparent; }
.ab-review-track .ab-review-card { scroll-snap-align: start; }
.ab-review-note { margin-top: 20px; max-width: 620px; color: var(--ab-muted); font-size: 12px; }
.ab-quote { position: relative; display: flex; flex-direction: column; min-height: 285px; padding: 28px; border: 1px solid var(--ab-line); border-radius: var(--ab-radius); background: var(--ab-paper); overflow: hidden; }
.ab-quote::before { content: '“'; position: absolute; top: 10px; right: 23px; color: #d8decb; font-family: Georgia,serif; font-size: 90px; line-height: 1; }
.ab-quote .ab-review-stars { position: relative; margin-bottom: 29px; font-size: 13px; }
.ab-quote blockquote { position: relative; margin-block: 20px 30px; font-size: clamp(18px,1.65vw,23px); line-height: 1.4; letter-spacing: -.035em; }
.ab-quote .ab-review-stars + blockquote { margin-top: 0; }
.ab-quote blockquote p { font: inherit; color: inherit; }
.ab-quote footer { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--ab-line); color: var(--ab-muted); font-size: 11px; line-height: 1.6; }
.ab-quote footer strong { display: block; margin-bottom: 3px; color: var(--ab-ink); font-size: 12px; font-weight: 600; }
.ab-quote footer cite { font-style: normal; }

/* Visual integration for the attributed 21st.dev / Magic UI components. */
.ab-site .ab-service-card.ab-magic-card { --card-bg: #f8f7f0; --card-border: rgba(20,23,20,.18); --gradient-from: #b6da31; --gradient-to: #858d75; }
.ab-site .ab-service-card.ab-magic-card:hover { --card-bg: #f6f8e9; }
.ab-site .ab-service-card.ab-magic-card::before { pointer-events: none; }
.ab-site .ab-shimmer { min-height: 55px; padding: 17px 25px; gap: 23px; font-size: 13px; font-weight: 700; line-height: 1.4; }
.ab-site .ab-shimmer:hover { transform: translateY(-3px); }
.ab-site .ab-shimmer svg { width: 17px; height: 17px; }
.ab-site .ab-visual .ab-orbit-scene { position: absolute; inset: 0; min-height: 0; --orbit-radius: 165; }
.ab-site .ab-visual .ab-orbit-node { width: 73px; height: 73px; font-size: 9px; font-weight: 600; line-height: 1.3; letter-spacing: .04em; text-transform: uppercase; border-color: rgba(213,255,63,.23); background: rgba(40,50,29,.95); color: var(--ab-paper); box-shadow: 0 10px 25px rgba(0,0,0,.12); }
.ab-site .ab-visual .ab-orbit-node:nth-of-type(even) { background: #f5f3eb; color: var(--ab-ink); border-color: var(--ab-paper); }
.ab-site .ab-visual .ab-orbit-node svg { width: 20px; height: 20px; }
.ab-site .ab-visual .ab-orbit-track { color: var(--ab-lime); }
.ab-site .ab-visual .ab-orbit-track circle { opacity: .3; }
.ab-site .ab-visual .ab-orbit-scene .ab-orb { width: 43%; }

/* Questions */
.ab-faq { width: 100%; border-top: 1px solid var(--ab-line); }
.ab-faq details { border-bottom: 1px solid var(--ab-line); }
.ab-faq summary { position: relative; padding: 26px 54px 26px 0; list-style: none; cursor: pointer; font-size: clamp(18px,1.7vw,24px); line-height: 1.3; letter-spacing: -.035em; font-weight: 500; }
.ab-faq summary::-webkit-details-marker { display: none; }
.ab-faq summary::after { content: '+'; position: absolute; top: 23px; right: 0; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--ab-line); border-radius: 50%; font-size: 23px; line-height: 1; font-weight: 300; transition: transform .25s, background .25s; }
.ab-faq details[open] summary::after { transform: rotate(45deg); background: var(--ab-lime); }
.ab-faq summary:hover::after { background: var(--ab-lime); }
.ab-faq details > p, .ab-faq details > div { max-width: 720px; padding: 0 45px 26px 0; color: var(--ab-muted); font-size: 16px; line-height: 1.65; }

/* Final invitation and footer */
.ab-cta { position: relative; overflow: hidden; background: var(--ab-lime); color: var(--ab-ink); padding-block: clamp(70px,8.8vw,132px); }
.ab-cta::after { content: ''; position: absolute; pointer-events: none; width: 420px; height: 420px; right: -240px; top: -70px; border: 1px solid rgba(20,23,20,.18); border-radius: 50%; box-shadow: 0 0 0 45px rgba(20,23,20,.035), 0 0 0 95px rgba(20,23,20,.025); }
.ab-cta > .ab-wrap { position: relative; z-index: 1; }
.ab-cta h2 { max-width: 990px; font-size: clamp(53px,7.4vw,106px); line-height: .98; letter-spacing: -.068em; }
.ab-cta p:not(.ab-eyebrow) { max-width: 540px; margin-top: 27px; color: #3e4b17; font-size: 18px; }
.ab-cta .ab-button { color: var(--ab-paper); background: var(--ab-ink); }
.ab-cta .ab-button:hover { box-shadow: 0 5px 0 rgba(20,23,20,.3); }
.ab-cta .ab-button-secondary:hover { background: rgba(255,255,255,.35); }
.ab-footer { padding: 65px 0 0; background: var(--ab-ink); color: var(--ab-paper); --ab-line: rgba(245,243,235,.17); --ab-muted: #a6ada0; overflow: hidden; }
.ab-footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 50px; }
.ab-footer-grid > div { min-width: 0; }
.ab-footer .ab-brand { margin-bottom: 22px; }
.ab-footer p { max-width: 260px; color: var(--ab-muted); font-size: 13px; line-height: 1.65; }
.ab-footer h3, .ab-footer h4 { margin-bottom: 22px; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; color: var(--ab-muted); }
.ab-footer ul { display: flex; flex-direction: column; gap: 11px; list-style: none; }
.ab-footer li, .ab-footer-grid > div > a:not(.ab-brand) { font-size: 13px; line-height: 1.5; }
.ab-footer-grid > div > a:not(.ab-brand) { display: block; margin-bottom: 11px; }
.ab-footer a { transition: color .2s; }
.ab-footer a:hover { color: var(--ab-lime); }
.ab-footer a:focus-visible { outline-color: var(--ab-lime); }
.ab-footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-block: 23px; border-top: 1px solid var(--ab-line); color: var(--ab-muted); font-size: 10px; letter-spacing: .025em; }
.ab-footer-bottom p { max-width: none; font-size: inherit; }
.ab-footer-bottom > div { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.ab-footer-wordmark { display: block; margin-top: 22px; margin-bottom: -.13em; color: var(--ab-lime); font-size: clamp(90px,19.1vw,278px); font-weight: 700; line-height: .95; letter-spacing: -.085em; white-space: nowrap; }

/* Interior pages */
.ab-page-hero { position: relative; padding-block: clamp(56px,7vw,104px); border-bottom: 1px solid var(--ab-line); overflow: hidden; }
.ab-page-hero::after { content: ''; position: absolute; z-index: -1; width: 490px; height: 490px; right: -210px; top: -70px; border: 1px solid var(--ab-line); border-radius: 50%; box-shadow: 0 0 0 65px rgba(20,23,20,.02), 0 0 0 125px rgba(20,23,20,.016); }
.ab-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; margin-bottom: 42px; color: var(--ab-muted); font-size: 11px; }
.ab-breadcrumb a:hover { color: var(--ab-ink); text-decoration: underline; text-underline-offset: 4px; }
.ab-page-hero h1 { max-width: 1000px; font-size: clamp(55px,7vw,102px); line-height: .99; letter-spacing: -.065em; }
.ab-page-hero .ab-lead { max-width: 700px; margin-top: 28px; font-size: clamp(18px,1.75vw,24px); }
.ab-page-hero .ab-eyebrow { margin-bottom: 23px; }
.ab-service-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: clamp(40px,7vw,105px); align-items: start; }
.ab-service-layout h2 { font-size: clamp(34px,3.6vw,52px); line-height: 1.07; letter-spacing: -.055em; margin-bottom: 25px; }
.ab-service-layout h3 { font-size: 24px; line-height: 1.2; letter-spacing: -.04em; margin-bottom: 12px; }
.ab-service-layout p { color: var(--ab-muted); font-size: 17px; line-height: 1.65; }
.ab-service-layout p + p { margin-top: 20px; }
.ab-service-layout > div > section + section { margin-top: 60px; }
.ab-service-aside { position: sticky; top: 120px; padding: 28px; border: 1px solid var(--ab-line); border-radius: var(--ab-radius); background: #eeece3; }
.ab-service-aside h3 { margin-bottom: 13px; font-size: 24px; }
.ab-service-aside p { font-size: 14px; }
.ab-service-aside .ab-button { width: 100%; margin-top: 24px; gap: 15px; padding-inline: 18px; }
.ab-service-aside .ab-small { margin-top: 15px; font-size: 11px; }
.ab-service-nav { display: flex; flex-direction: column; margin-top: 30px; padding-top: 15px; border-top: 1px solid var(--ab-line); }
.ab-service-nav a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 12px; border-bottom: 1px solid var(--ab-line); font-size: 13px; font-weight: 500; transition: padding .2s; }
.ab-service-nav a:hover { padding-left: 6px; }
.ab-service-nav a[aria-current=page] { font-weight: 700; }
.ab-service-nav a[aria-current=page]::after { content: ''; }
.ab-inclusions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 32px; }
.ab-inclusion { padding: 25px; border: 1px solid var(--ab-line); border-radius: 20px; background: rgba(255,255,255,.32); }
.ab-inclusion > svg { width: 24px; height: 24px; margin-bottom: 25px; }
.ab-inclusion h3, .ab-inclusion h4 { margin-bottom: 12px; font-size: 21px; line-height: 1.2; letter-spacing: -.035em; }
.ab-inclusion p { font-size: 14px; line-height: 1.6; }
.ab-inclusion .ab-card-num { display: block; margin-bottom: 28px; }
.ab-content-list { list-style: none; display: grid; gap: 15px; margin-top: 25px !important; }
.ab-content-list li { position: relative; padding-left: 27px; color: var(--ab-muted); font-size: 16px; }
.ab-content-list li::before { content: ''; position: absolute; left: 0; top: 0; color: var(--ab-ink); }

/* Conversation form */
.ab-contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(38px,7.5vw,115px); align-items: start; }
.ab-contact-grid h2 { margin-bottom: 25px; font-size: clamp(35px,4vw,59px); line-height: 1.06; letter-spacing: -.055em; }
.ab-contact-grid .ab-lead { font-size: 18px; }
.ab-contact-card { margin-top: 30px; padding: 25px; border: 1px solid var(--ab-line); border-radius: 20px; background: #eeece3; }
.ab-contact-card h3 { margin-bottom: 12px; font-size: 20px; letter-spacing: -.04em; }
.ab-contact-card p { color: var(--ab-muted); font-size: 14px; }
.ab-contact-card a { display: inline-block; margin-top: 10px; font-size: 19px; font-weight: 500; letter-spacing: -.035em; overflow-wrap: anywhere; }
.ab-contact-card a:hover { text-decoration: underline; text-underline-offset: 5px; }
.ab-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 23px 18px; padding: clamp(24px,3vw,42px); border: 1px solid var(--ab-line); border-radius: var(--ab-radius); background: rgba(255,255,255,.4); }
.ab-field { min-width: 0; }
.ab-field label { display: block; margin-bottom: 9px; font-size: 12px; line-height: 1.4; font-weight: 600; }
.ab-field label span { color: var(--ab-muted); font-weight: 400; }
.ab-field input, .ab-field select, .ab-field textarea { display: block; width: 100%; min-height: 51px; padding: 13px 14px; border: 1px solid #c4c8bc; border-radius: 10px; background: var(--ab-paper); color: var(--ab-ink); font-size: 14px; line-height: 1.5; transition: border-color .2s, background .2s; }
.ab-field input:hover, .ab-field select:hover, .ab-field textarea:hover { border-color: #858c7d; }
.ab-field input:focus, .ab-field select:focus, .ab-field textarea:focus { border-color: var(--ab-ink); background: #fff; }
.ab-field input::placeholder, .ab-field textarea::placeholder { color: #797f73; opacity: 1; }
.ab-field select { padding-right: 30px; }
.ab-field textarea { min-height: 145px; resize: vertical; }
.ab-field-wide, .ab-field-full, .ab-form > .ab-actions, .ab-form > .ab-small, .ab-form > .ab-form-status, .ab-form > .ab-button, .ab-form > p { grid-column: 1 / -1; }
.ab-form > .ab-button { justify-self: start; min-width: 170px; }
.ab-form > .ab-actions { margin-top: 0; }
.ab-form .ab-small { font-size: 11px; }
.ab-form-status { font-size: 13px; line-height: 1.6; }
.ab-form-status:not(:empty) { border-radius: 10px; padding: 14px 16px; background: #e5edc9; }
.ab-form-status[data-state=error] { background: #f6e5dc; color: #7e3321; }
.ab-field input[type=checkbox] { display: inline-block; width: 16px; height: 16px; min-height: 0; margin: 0 8px 0 0; vertical-align: middle; accent-color: #617b0d; }
.ab-form button:disabled { cursor: wait; opacity: .65; }

/* Motion remains decorative; all content is visible without JavaScript. */
@keyframes ab-float { 0%,100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-12px) rotate(4deg); } }
@keyframes ab-ticker { to { transform: translateX(-50%); } }

@media (min-width: 1500px) {
  .ab-hero h1 { font-size: 110px; }
}
@media (max-width: 1100px) {
  .ab-site .ab-wrap { width: calc(100% - 56px); }
  .ab-nav { gap: 21px; }
  .ab-hero { gap: 36px; }
  .ab-hero h1 { font-size: clamp(59px,7.5vw,88px); }
  .ab-visual { min-height: 360px; border-radius: 30px; }
  .ab-service-card { padding: 24px; }
  .ab-service-layout { grid-template-columns: minmax(0,1fr) 290px; gap: 40px; }
  .ab-service-aside { padding: 23px; }
  .ab-footer-grid { gap: 30px; }
  .ab-site .ab-visual .ab-orbit-scene { --orbit-radius: 135; }
  .ab-site .ab-visual .ab-orbit-node { width: 63px; height: 63px; font-size: 8px; }
}
@media (max-width: 900px) {
  html { scroll-padding-top: 92px; }
  .ab-header > .ab-wrap { min-height: 78px; }
  .ab-brand { font-size: 24px; }
  .ab-mark { width: 35px; height: 35px; }
  .ab-menu-toggle { display: flex; }
  .ab-nav { position: absolute; top: 100%; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 28px 28px; background: var(--ab-paper); border-bottom: 1px solid var(--ab-line); box-shadow: 0 20px 30px rgba(20,23,20,.06); }
  .ab-header[data-open=true] .ab-nav, .ab-nav[data-open=true], .ab-nav.is-open { display: flex; }
  .ab-nav > a:not(.ab-nav-cta) { padding: 16px 0; font-size: 20px; border-bottom: 1px solid var(--ab-line); }
  .ab-nav > a:not(.ab-nav-cta)::after { display: none; }
  .ab-nav-cta { margin-top: 20px; align-self: flex-start; min-width: 180px; }
  .ab-hero { grid-template-columns: 1fr 1fr; gap: 28px; }
  .ab-hero h1 { font-size: clamp(54px,7.7vw,70px); }
  .ab-hero .ab-lead { font-size: 17px; }
  .ab-hero .ab-actions { align-items: flex-start; flex-direction: column; }
  .ab-hero .ab-actions > * { min-width: 175px; }
  .ab-visual { min-height: 370px; }
  .ab-label-1 { top: 20%; left: 5%; }
  .ab-label-2 { top: 31%; right: 5%; }
  .ab-label-3 { bottom: 29%; left: 5%; }
  .ab-label-4 { bottom: 17%; right: 5%; }
  .ab-orbit-label { font-size: 9px; padding: 8px 10px; }
  .ab-visual > .ab-status { top: 20px; left: 20px; font-size: 8px; }
  .ab-services { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ab-section-head { gap: 30px; }
  .ab-section-head > p, .ab-section-head > .ab-lead { max-width: 250px; font-size: 14px; }
  .ab-two-col { gap: 45px; }
  .ab-process { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 36px; }
  .ab-step:nth-child(3) { padding-left: 0; border-left: 0; }
  .ab-step > span, .ab-step .ab-card-num { margin-bottom: 30px; }
  .ab-review-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ab-review-grid .ab-review-card:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 230px; }
  .ab-review-track { grid-auto-columns: calc((100% - 18px)/2); }
  .ab-footer-grid { grid-template-columns: 1.5fr 1fr 1fr; row-gap: 40px; }
  .ab-footer-grid > div:first-child { grid-column: 1 / -1; }
  .ab-footer-grid > div:first-child p { max-width: 390px; }
  .ab-service-layout { grid-template-columns: minmax(0,1fr); gap: 50px; }
  .ab-service-aside { position: static; max-width: 100%; }
  .ab-service-aside .ab-button { width: auto; min-width: 210px; }
  .ab-service-nav { display: grid; grid-template-columns: 1fr 1fr; column-gap: 25px; }
  .ab-contact-grid { grid-template-columns: 1fr; gap: 40px; }
  .ab-contact-card { max-width: 550px; }
  .ab-site .ab-visual .ab-orbit-scene { --orbit-radius: 115; }
  .ab-site .ab-visual .ab-orbit-node { width: 58px; height: 58px; }
}
@media (max-width: 782px) {
  .admin-bar .ab-header { top: 46px; }
}
@media (max-width: 700px) {
  .ab-hero { grid-template-columns: 1fr; gap: 40px; }
  .ab-hero h1 { max-width: 590px; font-size: clamp(65px,11vw,82px); }
  .ab-hero .ab-lead { max-width: 470px; }
  .ab-hero .ab-actions { flex-direction: row; }
  .ab-hero-art { max-width: 560px; width: 100%; }
  .ab-visual { min-height: 0; aspect-ratio: 1.18; }
  .ab-label-1 { top: 23%; left: 8%; }
  .ab-label-2 { top: 17%; right: 8%; }
  .ab-label-3 { bottom: 23%; left: 7%; }
  .ab-label-4 { bottom: 19%; right: 7%; }
  .ab-orbit-label { font-size: 11px; padding: 10px 13px; }
  .ab-two-col { grid-template-columns: 1fr; gap: 42px; }
  .ab-section-head { align-items: flex-start; flex-direction: column; gap: 22px; }
  .ab-section-head > p, .ab-section-head > .ab-lead { max-width: 460px; font-size: 16px; }
  .ab-section-head h2, .ab-two-col h2 { font-size: clamp(41px,7.5vw,53px); }
  .ab-site .ab-visual .ab-orbit-scene { --orbit-radius: 160; }
  .ab-site .ab-visual .ab-orbit-node { width: 71px; height: 71px; font-size: 9px; }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 82px; }
  .ab-site .ab-wrap { width: calc(100% - 36px); }
  .ab-section { padding-block: 68px; }
  .ab-header > .ab-wrap { min-height: 71px; }
  .admin-bar .ab-header { top: 0; }
  .ab-brand { font-size: 23px; }
  .ab-mark { width: 33px; height: 33px; }
  .ab-menu-toggle { width: 40px; height: 40px; }
  .ab-nav { padding-inline: 18px; }
  .ab-eyebrow { font-size: 10px; letter-spacing: .1em; margin-bottom: 22px; }
  .ab-hero { padding-top: 44px; padding-bottom: 54px; gap: 35px; }
  .ab-hero h1 { font-size: clamp(54px,12.8vw,76px); line-height: .96; letter-spacing: -.065em; }
  .ab-hero .ab-lead { margin-top: 24px; font-size: 17px; }
  .ab-hero .ab-actions { gap: 10px; margin-top: 27px; }
  .ab-hero .ab-actions > * { min-width: 0; }
  .ab-button, .ab-button-secondary { min-height: 51px; padding: 15px 19px; gap: 16px; font-size: 12px; }
  .ab-hero .ab-small { font-size: 10px; margin-top: 17px; }
  .ab-visual { border-radius: 26px; aspect-ratio: 1.08; }
  .ab-orbit-label { font-size: 9px; padding: 8px 10px; gap: 6px; }
  .ab-visual > .ab-status { top: 19px; left: 19px; }
  .ab-hero-art > .ab-small { font-size: 9px; margin-top: 12px; }
  .ab-ticker { padding-block: 16px; }
  .ab-ticker-track { gap: 25px; font-size: 18px; }
  .ab-ticker-track span { gap: 25px; }
  .ab-section-head { margin-bottom: 31px; }
  .ab-section-head h2, .ab-two-col h2 { font-size: clamp(36px,9vw,49px); }
  .ab-services { grid-template-columns: 1fr; gap: 13px; }
  .ab-service-card { min-height: 285px; border-radius: 24px; padding: 24px; }
  .ab-service-card h3 { font-size: 28px; }
  .ab-card-icon { margin-block: 20px 26px; }
  .ab-service-card p { max-width: 100%; margin-bottom: 21px; }
  .ab-tags span { font-size: 9px; }
  .ab-stat-row { gap: 16px; margin-top: 32px; }
  .ab-stat strong { font-size: 34px; }
  .ab-stat span { font-size: 10px; }
  .ab-switcher { margin-bottom: 14px; }
  .ab-switcher button { padding: 12px 10px; font-size: 11px; }
  .ab-comparison-item { gap: 13px; padding-block: 21px; }
  .ab-comparison-item strong, .ab-comparison-item h3 { font-size: 18px; }
  .ab-process { gap: 30px 0; }
  .ab-step { padding-top: 22px; padding-right: 17px; }
  .ab-step + .ab-step { padding-left: 17px; }
  .ab-step:nth-child(3) { padding-left: 0; }
  .ab-step > span, .ab-step .ab-card-num { width: 35px; height: 35px; margin-bottom: 26px; }
  .ab-step h3 { font-size: 22px; }
  .ab-step p { font-size: 12px; line-height: 1.65; }
  .ab-rating-card { gap: 15px; }
  .ab-rating-number { font-size: 55px; }
  .ab-rating-stars { font-size: 14px; }
  .ab-review-grid { grid-template-columns: 1fr; gap: 13px; }
  .ab-review-card { padding: 24px; min-height: 255px; border-radius: 23px; }
  .ab-review-text { font-size: 19px; }
  .ab-review-track { grid-auto-columns: 88%; gap: 13px; }
  .ab-review-controls { align-items: flex-start; }
  .ab-faq summary { font-size: 19px; padding-block: 24px; padding-right: 45px; }
  .ab-faq summary::after { top: 23px; width: 28px; height: 28px; font-size: 21px; }
  .ab-faq details > p, .ab-faq details > div { padding-right: 15px; font-size: 15px; }
  .ab-cta { padding-block: 68px; }
  .ab-cta h2 { font-size: clamp(47px,11.5vw,67px); }
  .ab-cta p:not(.ab-eyebrow) { margin-top: 24px; font-size: 16px; }
  .ab-footer { padding-top: 47px; }
  .ab-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 20px; padding-bottom: 34px; }
  .ab-footer-grid > div:first-child { grid-column: 1 / -1; }
  .ab-footer-grid > div:last-child:nth-child(even) { grid-column: 1 / -1; }
  .ab-footer h3, .ab-footer h4 { margin-bottom: 16px; }
  .ab-footer ul { gap: 10px; }
  .ab-footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; padding-block: 22px; font-size: 9px; }
  .ab-footer-bottom > div { gap: 18px; }
  .ab-footer-wordmark { font-size: 19vw; margin-top: 13px; }
  .ab-page-hero { padding-block: 42px 60px; }
  .ab-breadcrumb { margin-bottom: 33px; font-size: 10px; gap: 8px; }
  .ab-page-hero h1 { font-size: clamp(47px,11.4vw,66px); }
  .ab-page-hero .ab-lead { font-size: 17px; margin-top: 24px; }
  .ab-service-layout h2 { font-size: 35px; }
  .ab-service-layout > div > section + section { margin-top: 44px; }
  .ab-service-layout p { font-size: 16px; }
  .ab-inclusions { grid-template-columns: 1fr; gap: 13px; margin-top: 27px; }
  .ab-inclusion { padding: 23px; }
  .ab-inclusion p { font-size: 14px; }
  .ab-service-aside { padding: 24px; border-radius: 23px; }
  .ab-service-aside p { font-size: 14px; }
  .ab-service-nav { grid-template-columns: 1fr; }
  .ab-contact-grid h2 { font-size: 39px; }
  .ab-contact-grid .ab-lead { font-size: 17px; }
  .ab-contact-card { padding: 23px; }
  .ab-form { grid-template-columns: 1fr; gap: 21px; padding: 23px; border-radius: 23px; }
  .ab-field input, .ab-field select, .ab-field textarea { font-size: 16px; }
  .ab-form > .ab-button { width: 100%; }
  .ab-quote { min-height: 255px; padding: 24px; border-radius: 23px; }
  .ab-quote blockquote { font-size: 21px; }
  .ab-site .ab-shimmer { min-height: 51px; padding: 15px 19px; gap: 16px; font-size: 12px; }
  .ab-site .ab-visual .ab-orbit-scene { --orbit-radius: 124; }
  .ab-site .ab-visual .ab-orbit-node { width: 58px; height: 58px; font-size: 8px; }
}
@media (max-width: 360px) {
  .ab-site .ab-wrap { width: calc(100% - 30px); }
  .ab-hero h1 { font-size: 49px; }
  .ab-hero .ab-actions { align-items: stretch; flex-direction: column; }
  .ab-hero .ab-actions > * { width: 100%; }
  .ab-stat-row { gap: 11px; }
  .ab-stat strong { font-size: 30px; }
  .ab-orbit-label { font-size: 8px; }
  .ab-site .ab-visual .ab-orbit-scene { --orbit-radius: 103; }
  .ab-site .ab-visual .ab-orbit-node { width: 54px; height: 54px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ab-site *, .ab-site *::before, .ab-site *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .ab-orb { transform: none; }
  .ab-ticker-track { animation: none !important; }
}
@media print {
  .ab-header, .ab-hero-art, .ab-ticker, .ab-menu-toggle, .ab-review-controls, .ab-form, .ab-footer-wordmark { display: none !important; }
  body.ab-site, .ab-dark, .ab-cta, .ab-footer, .ab-reviews-section { background: #fff !important; color: #000 !important; }
  .ab-site .ab-wrap { width: 100%; }
  .ab-section, .ab-page-hero, .ab-hero, .ab-cta { padding-block: 25px; }
  .ab-hero, .ab-two-col, .ab-service-layout, .ab-contact-grid { display: block; }
  .ab-site h1 { font-size: 50px; }
  .ab-site h2 { font-size: 32px; }
  .ab-service-card, .ab-step, .ab-review-card { break-inside: avoid; }
  .ab-service-aside { position: static; }
}
/*
Adapted from Magic UI components catalogued on 21st.dev:
https://21st.dev/@dillionverma/components/shimmer-button
https://21st.dev/@dillionverma/components/orbiting-circles
https://21st.dev/@dillionverma/components/magic-card
Copyright (c) Magic UI. MIT License; full notice in MAGIC-UI-LICENSE.txt.
*/

/* Shimmer Button: preserves original conic-gradient spark and two keyframes. */
.ab-shimmer { --spread:90deg; --shimmer-color:#d7ff63; --speed:3s; --cut:1px; --radius:999px; --bg:#151515; position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; gap:12px; overflow:hidden; border:1px solid #ffffff1a; border-radius:var(--radius); padding:16px 25px; color:#fff; background:var(--bg); text-decoration:none; transition:transform .2s; }
.ab-shimmer:active { transform:translateY(1px); }
.ab-shimmer:focus-visible { outline:3px solid #d7ff63; outline-offset:4px; }
.ab-shimmer-spark { position:absolute; inset:0; z-index:-3; container-type:size; filter:blur(2px); pointer-events:none; }
.ab-shimmer-slide { position:absolute; inset:0; aspect-ratio:1; height:100cqh; animation:ab-shimmer-slide var(--speed) ease-in-out infinite alternate; }
.ab-shimmer-slide::before { content:""; position:absolute; inset:-100%; background:conic-gradient(from calc(270deg - var(--spread)*.5),transparent 0,var(--shimmer-color) var(--spread),transparent var(--spread)); animation:ab-spin-around calc(var(--speed)*2) linear infinite; }
.ab-shimmer::before { content:""; position:absolute; inset:var(--cut); z-index:-2; border-radius:var(--radius); background:var(--bg); }
.ab-shimmer::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 -8px 10px #ffffff1f; transition:box-shadow .3s; }
.ab-shimmer:hover::after { box-shadow:inset 0 -6px 10px #ffffff3f; }
@keyframes ab-shimmer-slide { to { transform:translate(calc(100cqw - 100%),0); } }
@keyframes ab-spin-around { 0% {transform:translateZ(0) rotate(0)} 15%,35% {transform:translateZ(0) rotate(90deg)} 65%,85% {transform:translateZ(0) rotate(270deg)} 100% {transform:translateZ(0) rotate(360deg)} }

/* Orbiting Circles: original rotate / translate / counter-rotate approach. */
.ab-orbit-scene { --orbit-radius:160; position:relative; display:grid; place-items:center; min-height:440px; overflow:hidden; }
.ab-orbit-track { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.ab-orbit-track circle { stroke:currentColor; opacity:.14; stroke-width:1; fill:none; }
.ab-orbit-node { --duration:28; --angle:0; --radius:var(--orbit-radius); position:absolute; display:grid; place-items:center; width:68px; height:68px; border-radius:50%; border:1px solid #ffffff25; color:#fff; background:#202020; animation:ab-orbit calc(var(--duration)*1s) linear infinite; }
.ab-orbit-node[data-reverse] { animation-direction:reverse; }
@keyframes ab-orbit {
  0% { transform:rotate(calc(var(--angle)*1deg)) translateY(calc(var(--radius)*1px)) rotate(calc(var(--angle)*-1deg)); }
  100% { transform:rotate(calc(var(--angle)*1deg + 360deg)) translateY(calc(var(--radius)*1px)) rotate(calc(var(--angle)*-1deg - 360deg)); }
}

/* Magic Card: original pointer-relative radial border and surface gradient. */
.ab-magic-card { --pointer-x:-300px; --pointer-y:-300px; --gradient-size:300px; --card-bg:#171717; --card-border:#333; --gradient-from:#d7ff63; --gradient-to:#8e7bff; position:relative; isolation:isolate; overflow:hidden; border:1px solid transparent; border-radius:24px; background:linear-gradient(var(--card-bg) 0 0) padding-box,radial-gradient(var(--gradient-size) circle at var(--pointer-x) var(--pointer-y),var(--gradient-from),var(--gradient-to),var(--card-border) 100%) border-box; }
.ab-magic-card::before { content:""; position:absolute; inset:0; z-index:0; border-radius:inherit; pointer-events:none; opacity:0; background:radial-gradient(var(--gradient-size) circle at var(--pointer-x) var(--pointer-y),#d7ff631a,transparent 100%); transition:opacity .3s; }
.ab-magic-card:hover::before { opacity:1; }
.ab-magic-card > * { position:relative; z-index:1; }
.ab-magic-card:focus-within { border-color:#d7ff63; }
@media (max-width:600px) { .ab-orbit-scene { --orbit-radius:110; min-height:330px; } .ab-orbit-node { width:54px; height:54px; font-size:12px; } }
@media (prefers-reduced-motion:reduce) { .ab-shimmer-slide,.ab-shimmer-slide::before,.ab-orbit-node {animation:none} .ab-orbit-node {transform:rotate(calc(var(--angle)*1deg)) translateY(calc(var(--radius)*1px)) rotate(calc(var(--angle)*-1deg))} .ab-magic-card::before {display:none} }
/* Ant Built: final integration for the native WordPress HTML templates. */

/* The header is itself the wrapper in the completed theme. */
.ab-site .ab-header.ab-wrap {
  width: 100%;
  min-height: 91px;
  padding-inline: max(44px, calc((100% - 1320px) / 2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.ab-site .ab-mark { display: block; }
.ab-site .ab-mark svg { display: block; width: 100%; height: 100%; }
.ab-brand .ab-brand-dot { align-self: flex-start; margin-top: 1px; margin-left: -5px; font-size: 10px; letter-spacing: 0; }
.ab-site #main { min-height: 55vh; }
.ab-site a.ab-shimmer { color: var(--ab-paper); }
.ab-site a.ab-button:not(.ab-button-secondary) { color: var(--ab-ink); }
.ab-site .ab-cta a.ab-button:not(.ab-button-secondary) { color: var(--ab-paper); }
.ab-skip { position: fixed; top: 12px; left: 18px; z-index: 99999; padding: 13px 20px; border-radius: 100px; background: var(--ab-lime); color: var(--ab-ink); font-size: 13px; font-weight: 600; transform: translateY(-200%); }
.ab-skip:focus { transform: none; }
.ab-menu-toggle > span { font-size: 19px; line-height: 1; transition: transform .25s; }
.ab-menu-toggle[aria-expanded=true] > span { transform: rotate(45deg); }

/* Hero details sit outside the moving artwork. */
.ab-hero .ab-eyebrow:has(.ab-live-dot)::before { display: none; }
.ab-hero .ab-eyebrow .ab-live-dot { background: #6b8212; box-shadow: 0 0 0 4px rgba(107,130,18,.1); }
.ab-hero-proof { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 13px; margin-top: 24px; color: var(--ab-muted); font-size: 10px; line-height: 1.5; }
.ab-hero-proof strong { color: var(--ab-ink); font-weight: 600; }
.ab-hero-proof span { padding-left: 13px; border-left: 1px solid var(--ab-line); }
.ab-art-bottom { position: absolute; left: 28px; bottom: 25px; right: 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; z-index: 4; font-size: 11px; line-height: 1.55; color: #a9b49c; }
.ab-art-bottom strong { font-weight: 500; color: var(--ab-paper); }
.ab-visual:has(.ab-art-bottom)::after { display: none; }
.ab-play { display: grid; place-items: center; width: 35px; height: 35px; padding: 0; border: 1px solid rgba(245,243,235,.3); border-radius: 50%; background: rgba(20,23,20,.5); color: var(--ab-paper); font-size: 12px; line-height: 1; transition: background .2s, color .2s; }
.ab-play:hover { background: var(--ab-lime); color: var(--ab-ink); }
.ab-play:focus-visible { outline-color: var(--ab-lime) !important; }
.ab-hand-note { display: block; margin-top: 16px; padding-right: 4px; text-align: right; color: #69715f; font-family: Georgia,'Times New Roman',serif; font-style: italic; font-size: 15px; letter-spacing: -.02em; }
.ab-site .ab-ticker-track { min-width: 200%; gap: 0; word-spacing: .65em; }

/* Service cards use a clear top / body / bottom hierarchy. */
.ab-service-card .ab-card-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 31px; }
.ab-service-card .ab-card-icon { width: 48px; height: 48px; margin: 0; border-radius: 14px; font-size: 25px; line-height: 1; }
.ab-service-card h3 { margin-top: 0; }
.ab-service-card p { margin-bottom: 24px; }
.ab-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; padding-top: 18px; margin-top: auto; border-top: 1px solid var(--ab-line); font-size: 10px; font-weight: 600; }
.ab-card-bottom .ab-arrow { flex-shrink: 0; width: 30px; height: 30px; font-size: 16px; }
.ab-service-card:hover .ab-card-bottom .ab-arrow { transform: translate(2px,-2px); }
.ab-site .ab-dark .ab-service-card.ab-magic-card { --card-bg: #20271e; --card-border: rgba(245,243,235,.2); --gradient-from: #d5ff3f; --gradient-to: #6f8450; }
.ab-site .ab-dark .ab-service-card.ab-magic-card:hover { --card-bg: #263021; }
.ab-dark .ab-service-card .ab-card-icon { background: #333d29; color: var(--ab-lime); }
.ab-dark .ab-service-card:nth-child(2n) .ab-card-icon { background: var(--ab-lime); color: var(--ab-ink); }
.ab-dark .ab-service-card:hover .ab-card-bottom .ab-arrow { background: var(--ab-lime); border-color: var(--ab-lime); color: var(--ab-ink); }
.ab-text-link { display: inline-flex; align-items: center; gap: 24px; padding-bottom: 6px; border-bottom: 1px solid currentColor; font-size: 13px; line-height: 1.5; font-weight: 600; transition: gap .2s; }
.ab-text-link:hover { gap: 31px; }
.ab-dark .ab-text-link { margin-top: 30px; color: var(--ab-lime); }

/* The comparison deliberately switches only the short answers. */
.ab-compare { border: 1px solid var(--ab-line); border-radius: 28px; padding: 25px 30px; background: rgba(255,255,255,.025); }
.ab-compare .ab-switcher { margin-bottom: 6px; }
.ab-compare .ab-comparison-item { display: block; padding-block: 25px; }
.ab-compare .ab-comparison-item > span:first-child { display: block; width: auto; height: auto; margin-bottom: 12px; color: var(--ab-muted); font-size: 9px; letter-spacing: .1em; }
.ab-compare .ab-comparison-item strong { margin: 0; font-size: clamp(21px,2.2vw,30px); line-height: 1.16; letter-spacing: -.04em; font-weight: 500; }
.ab-compare > .ab-small { padding-top: 20px; font-size: 10px; }

/* Interior pages keep longer headlines readable. */
.ab-site .ab-page-hero h1 { max-width: 1120px; font-size: clamp(43px,4.7vw,65px); line-height: 1.05; letter-spacing: -.055em; }
.ab-page-hero { overflow: visible; }
.ab-page-hero::after { display: none; }
.ab-page-hero .ab-accent { box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.ab-page-hero .ab-lead { max-width: 790px; font-size: clamp(17px,1.65vw,22px); }
.ab-no-top { padding-top: 64px; }
.ab-service-layout { grid-template-columns: 270px minmax(0,1fr); gap: clamp(40px,6vw,86px); }
.ab-service-aside { padding: 25px; }
.ab-service-aside .ab-eyebrow { margin-bottom: 12px; }
.ab-service-aside .ab-service-nav { margin-top: 0; padding-top: 0; border-top: 0; margin-bottom: 24px; }
.ab-service-aside .ab-service-nav a { font-size: 12px; }
.ab-service-aside > .ab-shimmer { width: 100%; padding: 14px 13px; margin-top: 23px; gap: 10px; font-size: 11px; }
.ab-service-layout > div > .ab-section { padding-block: 65px; }
.ab-service-layout .ab-inclusion p { font-size: 14px; }
.ab-process.ab-process-three { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 33px; }
.ab-process-three .ab-step { padding-right: 20px; }
.ab-process-three .ab-step + .ab-step { padding-left: 20px; }
.ab-process-three .ab-step h3 { font-size: 21px; }
.ab-service-layout .ab-process-three .ab-step p { font-size: 13px; line-height: 1.6; }
.ab-faq summary > span[aria-hidden=true] { display: none; }
.ab-service-layout .ab-faq details > p { font-size: 15px; }

/* Anonymous excerpts keep the attribution without any client information. */
.ab-live-reviews { margin-bottom: 26px; }
.ab-live-reviews > .ab-rating-card { padding: 26px 30px; border: 1px solid var(--ab-line); border-radius: 23px; gap: 30px; }
.ab-live-reviews .ab-rating-card .ab-eyebrow { margin-bottom: 14px; }
.ab-live-reviews .ab-rating-meta strong { display: block; font-size: 18px; line-height: 1.3; color: var(--ab-ink); font-weight: 500; letter-spacing: -.03em; }
.ab-live-reviews .ab-rating-meta p { margin-top: 8px; max-width: 390px; font-size: 12px; }
.ab-quote figcaption { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--ab-line); color: var(--ab-muted); font-size: 10px; line-height: 1.6; }
.ab-quote figcaption strong { display: block; margin-bottom: 4px; color: var(--ab-ink); font-size: 11px; font-weight: 600; }
.ab-review-grid + .ab-small { margin-top: 22px; font-size: 10px; }

/* Contact cards are complete links, and the form lives in its own panel. */
.ab-contact-grid > div:first-child > .ab-contact-card { display: block; margin-top: 0; margin-bottom: 16px; padding: 27px; transition: background .2s, border-color .2s; }
.ab-contact-grid > div:first-child > .ab-contact-card:hover { border-color: var(--ab-ink); background: #edf3d7; }
.ab-contact-card .ab-eyebrow { display: flex; margin-bottom: 16px; font-size: 9px; }
.ab-contact-card strong { font-size: clamp(20px,2.2vw,30px); line-height: 1.2; letter-spacing: -.04em; font-weight: 500; overflow-wrap: anywhere; }
.ab-contact-grid > div:first-child > .ab-lead { margin-top: 34px; }
.ab-contact-panel > h2 { margin-bottom: 20px; font-size: clamp(32px,3.5vw,48px); }
.ab-contact-panel > p { margin-bottom: 25px; color: var(--ab-muted); font-size: 15px; }
.ab-contact-panel > .ab-form-status { color: var(--ab-ink); }
.ab-field-full { grid-column: 1 / -1; }
.ab-form .ab-field-full > .ab-small { margin-top: 16px; }
.ab-form .ab-field-full > .ab-button { min-width: 185px; }
.ab-honey { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; white-space: nowrap !important; }

/* Closing section and motion controls. */
.ab-cta .ab-two-col { grid-template-columns: 1.1fr .9fr; align-items: end; gap: 60px; }
.ab-cta .ab-two-col h2 { font-size: clamp(45px,5.9vw,84px); }
.ab-cta .ab-two-col > div > p { margin-top: 0; margin-bottom: 27px; max-width: 460px; }
.ab-footer-grid { grid-template-columns: 1.45fr 1fr 1fr; }
.ab-footer-grid .ab-eyebrow { color: var(--ab-muted); font-size: 9px; margin-bottom: 22px; }
.ab-footer-grid .ab-eyebrow::before { display: none; }
.ab-footer-grid > div:first-child > p { margin-bottom: 20px; }
.ab-footer-grid > div:first-child > br { display: none; }
.ab-footer .ab-footer-wordmark { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 2px 0 34px; font-size: clamp(90px,18vw,255px); line-height: .85; }
.ab-footer-wordmark > span { font-size: .73em; font-weight: 400; letter-spacing: 0; }
.ab-motion-toggle { border: 0; border-bottom: 1px solid var(--ab-line); padding: 0 0 2px; background: transparent; color: inherit; font-size: inherit; line-height: 1.5; }
.ab-motion-toggle:hover { color: var(--ab-lime); }
.ab-motion-toggle:focus-visible { outline-color: var(--ab-lime) !important; }
body.ab-site.ab-motion-paused *, body.ab-site.ab-motion-paused *::before, body.ab-site.ab-motion-paused *::after { animation-play-state: paused !important; }

@media (max-width: 1100px) {
  .ab-site .ab-header.ab-wrap { padding-inline: 28px; }
  .ab-service-layout { grid-template-columns: 240px minmax(0,1fr); gap: 35px; }
  .ab-service-aside { padding: 22px; }
  .ab-site .ab-service-aside > .ab-shimmer { padding-inline: 10px; font-size: 10px; gap: 9px; }
}
@media (max-width: 900px) {
  .ab-site .ab-header.ab-wrap { min-height: 78px; }
  .ab-site .ab-menu-toggle { width: auto; min-width: 83px; gap: 11px; padding-inline: 14px; border-radius: 100px; font-size: 11px; }
  .ab-service-layout { grid-template-columns: minmax(0,1fr); }
  .ab-service-aside { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 0 30px; }
  .ab-service-aside > .ab-eyebrow { grid-column: 1 / -1; }
  .ab-service-aside .ab-service-nav { grid-column: 1; grid-row: 2 / span 2; display: flex; margin-bottom: 0; }
  .ab-service-aside > p { font-size: 12px; }
  .ab-site .ab-service-aside > .ab-shimmer { width: auto; margin-top: 16px; font-size: 11px; padding-inline: 15px; }
  .ab-process-three .ab-step:nth-child(3) { border-left: 1px solid var(--ab-line); }
  .ab-review-grid .ab-quote:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 220px; }
  .ab-cta .ab-two-col { gap: 40px; }
  .ab-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .ab-cta .ab-two-col { grid-template-columns: 1fr; gap: 28px; }
  .ab-cta .ab-two-col h2 { max-width: 560px; font-size: clamp(45px,8.5vw,64px); }
  .ab-cta .ab-two-col > div > p { max-width: 490px; }
  .ab-process.ab-process-three { grid-template-columns: 1fr; gap: 28px; }
  .ab-process-three .ab-step, .ab-process-three .ab-step + .ab-step, .ab-process-three .ab-step:nth-child(3) { display: grid; grid-template-columns: 39px 1fr; column-gap: 22px; padding: 22px 0 0; border-left: 0; }
  .ab-process-three .ab-step > span { grid-row: 1 / 3; margin-bottom: 0; }
  .ab-process-three .ab-step p { max-width: 100%; }
  .ab-process-three .ab-step h3 { padding-top: 3px; }
}
@media (max-width: 600px) {
  .ab-site .ab-header.ab-wrap { min-height: 71px; padding-inline: 18px; gap: 15px; }
  .ab-brand .ab-brand-dot { font-size: 8px; margin-left: -4px; }
  .ab-hero-proof { font-size: 9px; gap: 6px 11px; margin-top: 21px; }
  .ab-hero-proof span { padding-left: 11px; }
  .ab-art-bottom { left: 20px; right: 20px; bottom: 18px; font-size: 9px; }
  .ab-play { width: 31px; height: 31px; font-size: 10px; }
  .ab-hand-note { margin-top: 13px; font-size: 13px; }
  .ab-service-card .ab-card-top { margin-bottom: 26px; }
  .ab-service-card .ab-card-icon { width: 44px; height: 44px; font-size: 24px; }
  .ab-card-bottom { padding-top: 17px; }
  .ab-compare { padding: 20px; border-radius: 24px; }
  .ab-compare .ab-comparison-item { padding-block: 22px; }
  .ab-compare .ab-comparison-item strong { font-size: 24px; }
  .ab-site .ab-page-hero h1 { font-size: clamp(37px,9.4vw,54px); line-height: 1.05; }
  .ab-no-top { padding-top: 43px; }
  .ab-service-aside { display: block; padding: 24px; }
  .ab-service-aside .ab-service-nav { margin-bottom: 23px; }
  .ab-site .ab-service-aside > .ab-shimmer { min-width: 190px; }
  .ab-service-layout > div > .ab-section { padding-block: 49px; }
  .ab-process.ab-process-three { margin-top: 28px; }
  .ab-service-layout .ab-process-three .ab-step p { font-size: 14px; }
  .ab-live-reviews > .ab-rating-card { padding: 23px; gap: 23px; }
  .ab-live-reviews .ab-rating-meta strong { font-size: 17px; }
  .ab-contact-grid > div:first-child > .ab-contact-card { padding: 24px; }
  .ab-contact-card strong { font-size: 25px; }
  .ab-contact-panel > h2 { font-size: 36px; }
  .ab-form .ab-field-full > .ab-button { width: 100%; }
  .ab-footer-grid > div:last-child:nth-child(even) { grid-column: auto; }
  .ab-footer .ab-footer-wordmark { font-size: 18vw; gap: 10px; margin-bottom: 26px; }
  .ab-footer-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 12px; }
  .ab-footer-bottom .ab-motion-toggle { justify-self: start; }
  .ab-footer-bottom > :nth-child(even) { text-align: right; }
}
@media (max-width: 360px) {
  .ab-site .ab-header.ab-wrap { padding-inline: 15px; }
  .ab-hero-proof { display: block; }
  .ab-hero-proof span { display: block; padding-left: 0; margin-top: 4px; border-left: 0; }
  .ab-site .ab-page-hero h1 { font-size: 35px; }
  .ab-compare { padding: 17px; }
  .ab-footer-bottom { grid-template-columns: 1fr; }
  .ab-footer-bottom > :nth-child(even) { text-align: left; }
}
@media print {
  .ab-site .ab-header.ab-wrap, .ab-play, .ab-motion-toggle, .ab-skip { display: none !important; }
}
/* RichPlugins custom templates: theme-owned layout, no reviewer identities. */
body.ab-site .ab-live-reviews {margin:32px 0 28px;}
body.ab-site .ab-live-reviews .rpi {width:100%;max-width:none;background:transparent;font-family:inherit;color:inherit;}
body.ab-site .ab-live-reviews .rpi-header {width:100%;margin:0 0 22px;padding:0;display:block;}
body.ab-site .ab-live-reviews .ab-rating-card {display:flex!important;justify-content:space-between;align-items:center;gap:32px;padding:38px!important;border:1px solid #d3d6c7;border-radius:26px;background:#d5ff3f;color:#141714;}
body.ab-site .ab-live-reviews .ab-rating-number {font-family:inherit;font-size:100px!important;font-weight:750!important;letter-spacing:-8px!important;line-height:1.05!important;color:#141714!important;}
body.ab-site .ab-live-reviews .ab-rating-number small {font-size:25px;letter-spacing:-1px;margin-left:8px;}
body.ab-site .ab-live-reviews .ab-rating-meta {max-width:460px;font-family:inherit;text-align:left;}
body.ab-site .ab-live-reviews .ab-rating-meta strong {font-size:26px!important;line-height:1.2;font-weight:700!important;letter-spacing:-1px;}
body.ab-site .ab-live-reviews .ab-rating-meta p {font-size:17px!important;line-height:1.5!important;color:#414b28!important;margin:12px 0 24px!important;}
body.ab-site .ab-live-reviews .ab-eyebrow {display:block;font-family:inherit;font-size:11px!important;font-weight:700;letter-spacing:.11em;line-height:1.4;text-transform:uppercase;margin-bottom:14px;}
body.ab-site .ab-live-reviews .rpi-content {display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:5px 0 18px!important;}
body.ab-site .ab-live-reviews .ab-review-card {flex:0 0 220px!important;scroll-snap-align:start;background:#fff;border:1px solid #d8dbd0;border-radius:18px;padding:24px!important;min-height:150px;box-shadow:none;margin:0!important;}
body.ab-site .ab-live-reviews .ab-review-source {display:flex;justify-content:space-between;gap:12px;font-size:12px!important;color:#62675b!important;margin-top:20px;text-transform:capitalize;}
body.ab-site .ab-live-reviews .ab-review-source * {font-size:12px!important;color:inherit!important;}
body.ab-site .ab-live-reviews .ab-review-stars {margin:0;}
body.ab-site .ab-live-reviews .rpi-stars {font-size:22px!important;}
body.ab-site .ab-live-reviews .ab-button {font-family:inherit;font-size:14px;font-weight:650;color:#141714!important;padding:15px 22px!important;border:1px solid #141714;border-radius:99px;line-height:1.2;}
body.ab-site .ab-review-controls {display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:25px;}
body.ab-site .ab-review-controls button {width:44px;height:44px;border:1px solid #a5ad95;border-radius:50%;background:transparent;color:#141714;font-size:20px;cursor:pointer;}
body.ab-site .ab-review-controls span {font-size:12px;margin-right:6px;color:#555d46;}
body.ab-site .ab-review-controls button:hover {background:#d5ff3f;}
body.ab-site .ab-reviews-section .ab-review-grid {margin-top:30px;}
@media(max-width:600px){body.ab-site .ab-live-reviews .ab-rating-card{flex-direction:column;align-items:flex-start;padding:26px!important;gap:22px;}body.ab-site .ab-live-reviews .ab-rating-number{font-size:85px!important;}body.ab-site .ab-live-reviews .ab-rating-meta strong{font-size:23px!important;}}
/* Progressive Three.js hero. Keep the original SVG as a no-WebGL fallback. */
.ab-orb .ab-three-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;pointer-events:none;border-radius:50%;}
.ab-orb[data-three-ready="true"]>svg{visibility:hidden;}
.ab-boost{position:absolute;z-index:7;left:50%;bottom:25px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:42px;padding:11px 17px;border:1px solid rgba(213,255,63,.5);border-radius:999px;background:#d5ff3f;color:#182016;font-family:inherit;font-weight:600;font-size:11px;line-height:1.2;letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 22px rgba(213,255,63,.12);transition:background .2s,box-shadow .2s;}
.ab-boost:hover{background:#e6ff8b;box-shadow:0 6px 28px rgba(213,255,63,.25);}
.ab-boost:focus-visible{outline:3px solid #f5f3eb;outline-offset:4px;}
.ab-boost[aria-disabled="true"]{opacity:.65;cursor:default;}
.ab-three-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(max-width:600px){.ab-boost{bottom:16px;min-height:38px;padding:10px 14px;font-size:10px;}}
@media(prefers-reduced-motion:reduce){.ab-boost{transition:none;}}
body.ab-site .ab-boost {color:#141714;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;line-height:1.2;}
@media(max-width:600px){body.ab-site .ab-visual:has(.ab-boost) .ab-art-bottom>span{visibility:hidden;}body.ab-site .ab-boost{font-size:11px;}}
@media(max-width:600px){body.ab-site .ab-visual:has(.ab-boost){aspect-ratio:1;}body.ab-site .ab-visual:has(.ab-boost) .ab-orbit-scene{inset:38px 0 68px;--orbit-radius:102;}body.ab-site .ab-visual:has(.ab-boost) .ab-orbit-node{width:48px;height:48px;font-size:8px;}}
@media(max-width:400px){body.ab-site .ab-visual:has(.ab-boost) .ab-orbit-scene{--orbit-radius:92;}}
@media(max-width:360px){body.ab-site .ab-visual:has(.ab-boost){aspect-ratio:.94;}body.ab-site .ab-visual:has(.ab-boost) .ab-orbit-scene{--orbit-radius:82;}body.ab-site .ab-visual:has(.ab-boost) .ab-orbit-node{width:42px;height:42px;}}
/* ANT BUILT / THE ONE-PERSON WEB DEPARTMENT
   Final workshop art direction. Flat ink, printed labels, useful controls. */

body.ab-site {
  --ab-paper: #f7f4e9;
  --ab-ink: #171817;
  --ab-lime: #f3f33e;
  --ab-cobalt: #3448ff;
  --ab-muted: #606158;
  --ab-line: rgba(23,24,23,.27);
  --ab-radius: 3px;
  --ab-mono: 'Courier New', Courier, monospace;
  background: var(--ab-paper);
}
.ab-site ::selection { background: var(--ab-cobalt); color: var(--ab-paper); }
.ab-site .ab-accent { color: var(--ab-cobalt); font-family: Georgia,'Times New Roman',serif; font-weight: 400; }
.ab-site .ab-accent::after { display: none; }
.ab-site .ab-eyebrow, .ab-site .ab-small, .ab-site .ab-status, .ab-site .ab-card-bottom,
.ab-site .ab-card-num, .ab-site .ab-breadcrumb, .ab-site .ab-hero-proof,
.ab-site .ab-nav, .ab-site .ab-footer-bottom, .ab-site .ab-field label { font-family: var(--ab-mono); }
.ab-site .ab-eyebrow { font-size: 10px; font-weight: 400; letter-spacing: .04em; }
.ab-site .ab-eyebrow::before { display: none; }
.ab-site .ab-live-dot { background: var(--ab-cobalt); border-radius: 0; box-shadow: none; }
.ab-site a:focus-visible, .ab-site button:focus-visible, .ab-site input:focus-visible,
.ab-site textarea:focus-visible, .ab-site select:focus-visible, .ab-site summary:focus-visible { outline-color: var(--ab-cobalt); }
.ab-site .ab-brand-dot, .ab-site .ab-card-icon, .ab-site .ab-arrow,
.ab-site .ab-button > span[aria-hidden=true], .ab-site .ab-shimmer > span[aria-hidden=true],
.ab-site .ab-nav-cta > span[aria-hidden=true], .ab-site .ab-text-link > span[aria-hidden=true] { display: none; }

/* The masthead looks like the label on the workshop door. */
.ab-site .ab-header.ab-wrap { position: relative; top: 0; min-height: 103px; border-bottom: 2px solid var(--ab-ink); background: var(--ab-paper); backdrop-filter: none; -webkit-backdrop-filter: none; }
.ab-site .ab-brand { font-size: 31px; letter-spacing: -1.9px; gap: 12px; }
.ab-site .ab-brand .ab-mark { width: 31px; height: 38px; transform: rotate(-12deg); }
.ab-site .ab-nav { gap: 28px; }
.ab-site .ab-nav > a:not(.ab-nav-cta) { font-size: 10px; text-transform: uppercase; font-weight: 400; letter-spacing: .025em; }
.ab-site .ab-nav-cta { padding: 14px 21px; border: 1.5px solid var(--ab-ink); border-radius: 0; background: var(--ab-lime); color: var(--ab-ink); box-shadow: 3px 3px 0 var(--ab-ink); font-family: var(--ab-mono); font-size: 11px; font-weight: 700; }
.ab-site .ab-nav-cta:hover { background: var(--ab-cobalt); color: var(--ab-paper); }
.ab-site .ab-menu-toggle { border: 1.5px solid var(--ab-ink); border-radius: 0; font-family: var(--ab-mono); }

/* No synthetic shimmer: the interaction is a physical button press. */
.ab-site a.ab-shimmer, .ab-site .ab-button, .ab-site .ab-button-secondary,
.ab-site .ab-service-aside > .ab-shimmer {
  --bg: var(--ab-cobalt);
  min-height: 53px;
  padding: 16px 22px;
  border: 1.5px solid var(--ab-ink);
  border-radius: 0;
  background: var(--ab-cobalt);
  color: var(--ab-paper);
  box-shadow: 4px 4px 0 var(--ab-ink);
  font-family: var(--ab-mono);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -.02em;
  text-transform: uppercase;
  transition: transform .17s, box-shadow .17s, background .17s;
}
.ab-site .ab-shimmer::before, .ab-site .ab-shimmer::after,
.ab-site .ab-button::before, .ab-site .ab-shimmer-spark { display: none; }
.ab-site a.ab-button:not(.ab-button-secondary) { color: var(--ab-paper); }
.ab-site a.ab-button-secondary, .ab-site .ab-button-secondary { background: var(--ab-paper); color: var(--ab-ink); box-shadow: none; }
.ab-site a.ab-shimmer:hover, .ab-site .ab-button:hover, .ab-site .ab-button-secondary:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 var(--ab-ink); }
.ab-site a.ab-shimmer:active, .ab-site .ab-button:active { transform: translate(4px,4px); box-shadow: none; }
.ab-site .ab-text-link { gap: 0; border-bottom: 2px solid currentColor; font-family: var(--ab-mono); font-size: 11px; font-weight: 700; text-transform: uppercase; padding-bottom: 6px; }
.ab-site .ab-text-link:hover { color: var(--ab-cobalt); gap: 0; }

/* A large typographic composition, with the ant's workbench tucked beside it. */
.ab-site .ab-workshop-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); align-items: center; gap: 42px; padding-top: 58px; padding-bottom: 90px; }
.ab-site .ab-workshop-hero .ab-hero-copy { position: relative; z-index: 2; padding: 0; }
.ab-site .ab-hero-ticket { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; margin: 0 0 33px; padding: 8px 15px; border: 1px solid var(--ab-ink); background: var(--ab-lime); color: var(--ab-ink); font-family: var(--ab-mono); font-size: 10px; font-weight: 700; line-height: 1.3; letter-spacing: .04em; transform: rotate(-3deg); box-shadow: 3px 3px 0 var(--ab-ink); }
.ab-site .ab-workshop-hero h1 { max-width: none; font-size: clamp(68px,7.8vw,116px); line-height: .85; font-weight: 800; letter-spacing: -.075em; text-wrap: initial; }
.ab-site .ab-workshop-hero h1 > span { display: block; }
.ab-site .ab-workshop-hero .ab-head-small { margin-bottom: 17px; font-family: Georgia,'Times New Roman',serif; font-size: .37em; font-style: italic; font-weight: 400; line-height: 1.15; letter-spacing: -.055em; }
.ab-site .ab-workshop-hero .ab-head-big { color: var(--ab-cobalt); max-width: 720px; }
.ab-site .ab-workshop-hero .ab-head-last { display: inline-block; margin-top: 7px; padding: 0 0 7px; border-bottom: 8px solid var(--ab-ink); color: var(--ab-ink); font-family: Georgia,'Times New Roman',serif; font-size: 1.07em; font-style: italic; font-weight: 400; letter-spacing: -.075em; }
.ab-site .ab-workshop-hero .ab-lead { max-width: 440px; margin-top: 30px; padding-left: 17px; border-left: 2px solid var(--ab-ink); color: var(--ab-ink); font-size: 17px; line-height: 1.5; letter-spacing: -.02em; }
.ab-site .ab-workshop-hero .ab-actions { gap: 15px; margin-top: 29px; }
.ab-site .ab-hero-proof { margin-top: 29px; font-size: 9px; letter-spacing: -.02em; }
.ab-site .ab-workshop-hero .ab-hero-art { margin-top: 48px; transform: rotate(2deg); }
.ab-site .ab-hero-art { position: relative; }
.ab-site .ab-visual { min-height: 0; aspect-ratio: .98; border: 2px solid var(--ab-ink); border-radius: 0; background: #e5e4d9; color: var(--ab-ink); box-shadow: 9px 9px 0 var(--ab-ink); overflow: hidden; transform-style: flat; }
.ab-site .ab-visual::before, .ab-site .ab-visual::after { display: none; }
.ab-site .ab-visual > .ab-status { top: 0; left: 0; right: 0; min-height: 38px; padding: 11px 15px; border-bottom: 1.5px solid var(--ab-ink); color: var(--ab-ink); background: var(--ab-lime); font-size: 8px; letter-spacing: .035em; z-index: 5; }
.ab-site .ab-visual .ab-orbit-scene { inset: 38px 0 48px; --orbit-radius: 138; overflow: hidden; }
.ab-site .ab-visual .ab-orbit-track { color: var(--ab-cobalt); transform: scale(.92); }
.ab-site .ab-visual .ab-orbit-track circle { opacity: .25; stroke-dasharray: 3 8; }
.ab-site .ab-visual .ab-orbit-scene .ab-orb { width: 52%; border: 0; border-radius: 50%; background: var(--ab-cobalt); box-shadow: none; }
.ab-site .ab-orb > svg { color: var(--ab-lime); filter: none; }
.ab-site .ab-visual .ab-orbit-node, .ab-site .ab-visual .ab-orbit-node:nth-of-type(even) { width: 59px; height: 36px; border: 1.5px solid var(--ab-ink); border-radius: 0; background: var(--ab-paper); color: var(--ab-ink); box-shadow: 3px 3px 0 var(--ab-ink); font-family: var(--ab-mono); font-size: 9px; font-weight: 700; }
.ab-site .ab-visual .ab-orbit-node:nth-of-type(3n) { background: var(--ab-lime); }
.ab-site .ab-art-bottom { left: 0; right: 0; bottom: 0; min-height: 48px; padding: 9px 13px; border-top: 1.5px solid var(--ab-ink); background: var(--ab-paper); color: var(--ab-muted); font-family: var(--ab-mono); font-size: 8px; z-index: 5; }
.ab-site .ab-art-bottom strong { color: var(--ab-ink); font-weight: 700; }
.ab-site .ab-play { width: 29px; height: 27px; border: 1px solid var(--ab-ink); border-radius: 0; background: var(--ab-ink); color: var(--ab-paper); font-size: 9px; }
.ab-site .ab-play:hover { background: var(--ab-cobalt); color: var(--ab-paper); }
.ab-site .ab-hand-note { position: relative; margin: 18px 7px 0 0; color: var(--ab-cobalt); font-size: 14px; }
.ab-site .ab-playground-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; position: relative; margin: 22px -9px 0 9px; padding: 13px 0 0; border-top: 1px solid var(--ab-ink); transform: rotate(-2deg); }
.ab-site .ab-playground-bar button { position: relative; flex: 1 1 74px; min-height: 36px; padding: 9px 11px; border: 1.5px solid var(--ab-ink); border-radius: 0; background: var(--ab-paper); color: var(--ab-ink); font-family: var(--ab-mono); font-size: 10px; line-height: 1.2; font-weight: 700; text-transform: uppercase; box-shadow: 2px 2px 0 var(--ab-ink); transition: background .15s, transform .15s, box-shadow .15s; }
.ab-site .ab-playground-bar button[data-ant-action=spin] { background: var(--ab-lime); }
.ab-site .ab-playground-bar button[data-ant-action=dance] { background: var(--ab-cobalt); color: var(--ab-paper); }
.ab-site .ab-playground-bar button:hover { transform: translate(-1px,-1px); box-shadow: 3px 3px 0 var(--ab-ink); }
.ab-site .ab-playground-bar button:active { transform: translate(2px,2px); box-shadow: none; }
.ab-site .ab-playground-bar > span, .ab-site .ab-playground-bar > p, .ab-site .ab-playground-bar > small { flex: 1 0 100%; margin-top: 5px; font-family: var(--ab-mono); font-size: 9px; line-height: 1.5; color: var(--ab-muted); }

/* A compact printed strip separates the desk from the drawers. */
.ab-site .ab-ticker { padding-block: 14px; border-block: 2px solid var(--ab-ink); background: var(--ab-ink); color: var(--ab-paper); transform: rotate(-1deg) scale(1.01); }
.ab-site .ab-ticker-track { font-family: var(--ab-mono); font-size: 12px; font-weight: 400; line-height: 1.4; letter-spacing: .07em; word-spacing: .6em; }
.ab-site .ab-section { padding-block: clamp(74px,7.5vw,112px); }
.ab-site .ab-section-head { align-items: flex-start; margin-bottom: 48px; }
.ab-site .ab-section-head h2, .ab-site .ab-two-col h2 { font-size: clamp(40px,4.9vw,70px); line-height: .99; letter-spacing: -.065em; font-weight: 700; }
.ab-site .ab-section-head h2 em, .ab-site .ab-two-col h2 em { font-family: Georgia,'Times New Roman',serif; font-weight: 400; }
.ab-site .ab-section-head > p { padding-top: 6px; border-top: 1px solid var(--ab-ink); font-size: 15px; }

/* Six different objects, built from numbers and simple mechanical shapes. */
.ab-site .ab-services { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); align-items: stretch; gap: 28px 22px; padding: 5px 3px 20px; }
.ab-site .ab-services > .ab-service-card { grid-column: span 4; }
.ab-site .ab-services > .ab-service-card:nth-child(6n+1) { grid-column: span 5; }
.ab-site .ab-services > .ab-service-card:nth-child(6n+2) { grid-column: span 3; }
.ab-site .ab-services > .ab-service-card:nth-child(6n+5) { grid-column: span 5; }
.ab-site .ab-services > .ab-service-card:nth-child(6n+6) { grid-column: span 3; }
.ab-site .ab-services:has(>.ab-service-card:nth-child(4):last-child) { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ab-site .ab-services:has(>.ab-service-card:nth-child(4):last-child) > .ab-service-card { grid-column: auto; }
.ab-site .ab-service-card.ab-magic-card, .ab-site .ab-dark .ab-service-card.ab-magic-card {
  --ab-line: rgba(23,24,23,.35);
  position: relative;
  min-height: 356px;
  padding: 25px 25px 20px;
  border: 2px solid var(--ab-ink);
  border-radius: 1px;
  background: var(--ab-paper);
  color: var(--ab-ink);
  box-shadow: none;
  overflow: visible;
  transition: transform .25s var(--ab-ease), box-shadow .25s, background .25s;
}
.ab-site .ab-service-card.ab-magic-card::before { display: none; }
.ab-site .ab-service-card.ab-magic-card:hover, .ab-site .ab-service-card.ab-magic-card:focus-within { border-color: var(--ab-ink); transform: translate(-3px,-5px) rotate(-.7deg); box-shadow: 7px 9px 0 var(--ab-ink); }
.ab-site .ab-service-card .ab-card-top { min-height: 89px; align-items: flex-start; margin-bottom: 26px; }
.ab-site .ab-service-card .ab-card-num { display: grid; place-items: center; min-width: 73px; height: 73px; padding: 4px; color: inherit; font-family: Arial,Helvetica,sans-serif; font-size: 48px; font-weight: 500; line-height: 1; letter-spacing: -.09em; }
.ab-site .ab-service-card .ab-card-top::after { content: ''; align-self: flex-start; width: 35px; height: 8px; margin-top: 8px; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; opacity: .65; }
.ab-site .ab-service-card h3 { margin-top: 0; margin-bottom: 14px; font-size: clamp(26px,2.5vw,36px); font-weight: 700; line-height: .99; letter-spacing: -.055em; }
.ab-site .ab-service-card p { max-width: 350px; margin-bottom: 25px; color: inherit; opacity: .82; font-size: 13px; line-height: 1.55; letter-spacing: -.01em; }
.ab-site .ab-service-card .ab-card-bottom { min-height: 39px; padding-top: 17px; border-top: 1px solid currentColor; font-size: 9px; letter-spacing: .035em; font-weight: 400; text-transform: uppercase; }
.ab-site .ab-service-card .ab-card-bottom::after { content: ''; width: 7px; height: 7px; margin-right: 3px; background: currentColor; transition: transform .2s; }
.ab-site .ab-service-card:hover .ab-card-bottom::after { transform: rotate(90deg); }
.ab-site .ab-service-card.ab-magic-card:nth-child(6n+1) { background: var(--ab-cobalt); color: var(--ab-paper); border-color: var(--ab-ink); }
.ab-site .ab-service-card:nth-child(6n+1) .ab-card-num { border: 2px solid var(--ab-lime); background: var(--ab-lime); color: var(--ab-ink); transform: rotate(-8deg); box-shadow: 5px 5px 0 rgba(247,244,233,.5); }
.ab-site .ab-service-card.ab-magic-card:nth-child(6n+2) { background: var(--ab-lime); transform: rotate(1.5deg); }
.ab-site .ab-service-card:nth-child(6n+2) .ab-card-num { width: 78px; height: 78px; border: 2px solid currentColor; border-radius: 50%; }
.ab-site .ab-service-card:nth-child(6n+2) h3 { font-family: Georgia,'Times New Roman',serif; font-size: 39px; font-style: italic; font-weight: 400; letter-spacing: -.06em; }
.ab-site .ab-service-card.ab-magic-card:nth-child(6n+3) { background: #e4e1ef; }
.ab-site .ab-service-card:nth-child(6n+3) .ab-card-num { width: 90px; font-size: 79px; line-height: .8; border-bottom: 6px solid var(--ab-cobalt); color: var(--ab-cobalt); padding: 0 0 7px; }
.ab-site .ab-service-card.ab-magic-card:nth-child(6n+4) { background: var(--ab-ink); color: var(--ab-paper); }
.ab-site .ab-service-card:nth-child(6n+4) .ab-card-num { height: 63px; margin-top: 3px; border: 2px solid var(--ab-paper); box-shadow: 5px 5px 0 var(--ab-ink), 7px 7px 0 var(--ab-paper); color: var(--ab-paper); }
.ab-site .ab-service-card.ab-magic-card:nth-child(6n+5) { background: #dedfd2; transform: rotate(-1deg); }
.ab-site .ab-service-card:nth-child(6n+5) .ab-card-num { width: 84px; border: 2px solid var(--ab-ink); border-radius: 50% 50% 50% 0; background: var(--ab-paper); transform: rotate(-5deg); }
.ab-site .ab-service-card:nth-child(6n+5) h3 { font-family: Georgia,'Times New Roman',serif; font-size: 39px; font-style: italic; font-weight: 400; }
.ab-site .ab-service-card.ab-magic-card:nth-child(6n+6) { background: var(--ab-paper); }
.ab-site .ab-service-card:nth-child(6n+6) .ab-card-num { border: 2px dashed var(--ab-cobalt); color: var(--ab-cobalt); font-family: var(--ab-mono); font-size: 44px; font-weight: 700; }
.ab-site .ab-service-card.ab-magic-card:nth-child(6n+2):hover, .ab-site .ab-service-card.ab-magic-card:nth-child(6n+5):hover { transform: translate(-3px,-5px) rotate(0); }

/* Cobalt is the workshop's second room, with a paper job sheet on the wall. */
.ab-site .ab-dark { background: var(--ab-cobalt); color: var(--ab-paper); --ab-muted: #e0e2ff; --ab-line: rgba(247,244,233,.4); }
.ab-site .ab-dark .ab-eyebrow, .ab-site .ab-dark .ab-text-link { color: var(--ab-paper); }
.ab-site .ab-dark .ab-text-link:hover { color: var(--ab-lime); }
.ab-site .ab-compare { position: relative; padding: 24px 30px 28px; border: 2px solid var(--ab-ink); border-radius: 0; background: var(--ab-paper); color: var(--ab-ink); --ab-muted: #626258; --ab-line: rgba(23,24,23,.25); box-shadow: 9px 9px 0 var(--ab-ink); transform: rotate(1deg); }
.ab-site .ab-compare::before { content: ''; position: absolute; left: calc(50% - 32px); top: -14px; width: 64px; height: 26px; border: 1px solid var(--ab-ink); background: var(--ab-lime); transform: rotate(-4deg); }
.ab-site .ab-switcher { padding: 0; gap: 0; margin-top: 14px; border: 1.5px solid var(--ab-ink); border-radius: 0; background: transparent; }
.ab-site .ab-switcher button { min-height: 47px; padding: 11px 10px; border-radius: 0; color: var(--ab-ink); font-family: var(--ab-mono); font-size: 10px; font-weight: 400; text-transform: uppercase; }
.ab-site .ab-switcher button + button { border-left: 1px solid var(--ab-ink); }
.ab-site .ab-switcher button[aria-pressed=true] { background: var(--ab-ink); color: var(--ab-paper); }
.ab-site .ab-switcher button:hover:not([aria-pressed=true]) { color: var(--ab-ink); background: #e9e6d9; }
.ab-site .ab-compare .ab-comparison-item > span:first-child { font-family: var(--ab-mono); font-size: 9px; letter-spacing: .02em; }
.ab-site .ab-compare .ab-comparison-item strong { font-size: clamp(22px,2.2vw,30px); }
.ab-site .ab-process { gap: 20px; }
.ab-site .ab-step, .ab-site .ab-step + .ab-step { padding: 22px 0 0; border: 0; border-top: 2px solid var(--ab-ink); }
.ab-site .ab-step > span, .ab-site .ab-step .ab-card-num { justify-content: flex-start; width: auto; height: auto; margin-bottom: 28px; border: 0; border-radius: 0; background: none; font-family: var(--ab-mono); font-size: 48px; line-height: 1; font-weight: 400; letter-spacing: -.08em; color: var(--ab-cobalt); }
.ab-site .ab-step h3 { font-size: 27px; letter-spacing: -.06em; }
.ab-site .ab-step p { font-size: 13px; }
.ab-site .ab-stat-row { border-top: 2px solid currentColor; }
.ab-site .ab-stat strong { font-size: clamp(45px,7vw,92px); font-weight: 700; letter-spacing: -.075em; }
.ab-site .ab-stat span { font-family: var(--ab-mono); font-size: 11px; }

/* Reviews read as pinned notes, not a repeated SaaS testimonial component. */
.ab-site .ab-reviews-section { background: #e5e4da; border-block: 2px solid var(--ab-ink); }
.ab-site .ab-quote { min-height: 300px; padding: 27px; border: 1.5px solid var(--ab-ink); border-radius: 0; background: var(--ab-paper); box-shadow: 4px 5px 0 rgba(23,24,23,.16); }
.ab-site .ab-quote::before { display: none; }
.ab-site .ab-quote:nth-child(2) { transform: rotate(-1.5deg); background: #fffecd; }
.ab-site .ab-quote blockquote { font-family: Georgia,'Times New Roman',serif; font-size: clamp(21px,1.9vw,27px); line-height: 1.25; letter-spacing: -.035em; }
.ab-site .ab-review-stars { color: var(--ab-cobalt); letter-spacing: .06em; }
.ab-site .ab-quote figcaption, .ab-site .ab-quote figcaption strong { font-family: var(--ab-mono); font-size: 9px; font-weight: 400; line-height: 1.5; }
body.ab-site .ab-live-reviews .ab-rating-card { padding: 30px !important; border: 2px solid var(--ab-ink); border-radius: 0; background: var(--ab-paper); }
body.ab-site .ab-live-reviews .ab-rating-number { color: var(--ab-cobalt) !important; font-size: 100px !important; font-weight: 700 !important; }
body.ab-site .ab-live-reviews .ab-rating-meta strong { font-family: Georgia,'Times New Roman',serif; font-weight: 400 !important; font-size: 30px !important; letter-spacing: -.04em; }
body.ab-site .ab-live-reviews .ab-rating-meta p { color: var(--ab-muted) !important; font-size: 14px !important; }
body.ab-site .ab-live-reviews .ab-button { border: 1.5px solid var(--ab-ink); border-radius: 0; background: var(--ab-lime); box-shadow: 3px 3px 0 var(--ab-ink); font-family: var(--ab-mono); font-size: 10px; }
body.ab-site .ab-live-reviews .ab-review-card { border: 1.5px solid var(--ab-ink); border-radius: 0; background: var(--ab-paper); }
body.ab-site .ab-review-controls button { width: 39px; height: 35px; border: 1.5px solid var(--ab-ink); border-radius: 0; background: var(--ab-paper); }
body.ab-site .ab-review-controls button:hover { background: var(--ab-lime); }
body.ab-site .ab-review-controls span { font-family: var(--ab-mono); font-size: 10px; }

/* Inner pages retain the same printed, personal character. */
.ab-site .ab-page-hero { padding-block: 51px 70px; border-bottom: 2px solid var(--ab-ink); }
.ab-site .ab-page-hero h1 { max-width: 1080px; font-size: clamp(43px,4.9vw,65px); font-weight: 700; line-height: 1.02; }
.ab-site .ab-page-hero .ab-accent { font-size: 1.05em; }
.ab-site .ab-page-hero .ab-lead { max-width: 800px; font-size: 18px; }
.ab-site .ab-service-aside { padding: 24px; border: 1.5px solid var(--ab-ink); border-radius: 0; background: #eeecdf; box-shadow: 5px 5px 0 var(--ab-ink); }
.ab-site .ab-service-nav a { font-family: var(--ab-mono); font-size: 10px; }
.ab-site .ab-inclusions { gap: 0; border-top: 2px solid var(--ab-ink); }
.ab-site .ab-inclusion { padding: 28px 25px 28px 0; border: 0; border-bottom: 1px solid var(--ab-ink); border-radius: 0; background: transparent; }
.ab-site .ab-inclusion:nth-child(even) { padding-left: 25px; padding-right: 0; border-left: 1px solid var(--ab-ink); }
.ab-site .ab-inclusion .ab-card-num { font-size: 13px; color: var(--ab-cobalt); }
.ab-site .ab-inclusion h3 { font-size: 24px; line-height: 1.05; letter-spacing: -.05em; }
.ab-site .ab-inclusion p { font-size: 14px; }
.ab-site .ab-faq { border-top: 2px solid var(--ab-ink); }
.ab-site .ab-faq summary { font-size: 21px; font-weight: 500; }
.ab-site .ab-faq summary::after { width: 29px; height: 29px; border: 1px solid var(--ab-ink); border-radius: 0; font-family: var(--ab-mono); font-size: 20px; }
.ab-site .ab-faq details[open] summary::after { background: var(--ab-cobalt); color: var(--ab-paper); transform: none; content: '−'; }
.ab-site .ab-contact-grid > div:first-child > .ab-contact-card { border: 1.5px solid var(--ab-ink); border-radius: 0; background: var(--ab-lime); box-shadow: 4px 4px 0 var(--ab-ink); }
.ab-site .ab-contact-grid > div:first-child > .ab-contact-card:nth-child(2) { background: #e4e1ef; transform: rotate(-1deg); }
.ab-site .ab-contact-grid > div:first-child > .ab-contact-card:hover { background: var(--ab-paper); }
.ab-site .ab-form { padding: 28px; border: 2px solid var(--ab-ink); border-radius: 0; background: #eeecdf; }
.ab-site .ab-field label { font-size: 10px; }
.ab-site .ab-field input, .ab-site .ab-field select, .ab-site .ab-field textarea { border: 1px solid var(--ab-ink); border-radius: 0; background: var(--ab-paper); }
.ab-site .ab-form-status:not(:empty) { border: 1px solid var(--ab-ink); border-radius: 0; background: var(--ab-lime); }

/* A short invitation, then a very big maker's mark. */
.ab-site .ab-cta { padding-block: 83px; background: var(--ab-lime); border-top: 2px solid var(--ab-ink); }
.ab-site .ab-cta::after { display: none; }
.ab-site .ab-cta .ab-two-col { gap: 50px; }
.ab-site .ab-cta .ab-two-col h2 { font-size: clamp(48px,6.6vw,94px); line-height: .94; font-weight: 700; letter-spacing: -.07em; }
.ab-site .ab-cta .ab-two-col p { color: var(--ab-ink); font-size: 17px; }
.ab-site .ab-cta a.ab-shimmer { background: var(--ab-ink); color: var(--ab-paper); box-shadow: 4px 4px 0 var(--ab-cobalt); }
.ab-site .ab-footer { padding-top: 65px; background: var(--ab-paper); color: var(--ab-ink); --ab-muted: #626258; --ab-line: rgba(23,24,23,.3); border-top: 2px solid var(--ab-ink); }
.ab-site .ab-footer a:hover { color: var(--ab-cobalt); }
.ab-site .ab-footer-grid { padding-bottom: 55px; }
.ab-site .ab-footer-grid > div:first-child > p { max-width: 310px; font-size: 34px; line-height: 1; color: var(--ab-ink); font-family: Georgia,'Times New Roman',serif; letter-spacing: -.045em; }
.ab-site .ab-footer-grid > div > a:not(.ab-brand) { font-size: 12px; }
.ab-site .ab-footer .ab-footer-wordmark { display: block; margin: 0 0 25px; padding-top: 25px; border-top: 2px solid var(--ab-ink); color: var(--ab-cobalt); font-size: clamp(90px,21.4vw,309px); line-height: .84; font-weight: 800; letter-spacing: -.085em; }
.ab-site .ab-footer-wordmark > span { display: none; }
.ab-site .ab-footer-bottom { border-top: 0; padding-block: 10px 24px; font-size: 9px; }
.ab-site .ab-footer .ab-brand { margin-bottom: 26px; }
.ab-site .ab-motion-toggle:hover { color: var(--ab-cobalt); }

@media (max-width: 1150px) {
  .ab-site .ab-workshop-hero { grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 30px; }
  .ab-site .ab-workshop-hero h1 { font-size: clamp(65px,8vw,92px); }
  .ab-site .ab-visual .ab-orbit-scene { --orbit-radius: 117; }
  .ab-site .ab-service-card.ab-magic-card { padding: 22px 21px 19px; }
  .ab-site .ab-service-card h3 { font-size: 29px; }
  .ab-site .ab-service-card:nth-child(6n+2) h3, .ab-site .ab-service-card:nth-child(6n+5) h3 { font-size: 34px; }
  .ab-site .ab-services { gap: 24px 18px; }
}
@media (max-width: 900px) {
  .ab-site .ab-header.ab-wrap { min-height: 80px; }
  .ab-site .ab-brand { font-size: 27px; }
  .ab-site .ab-menu-toggle { border-radius: 0; }
  .ab-site .ab-nav { gap: 0; border-bottom: 2px solid var(--ab-ink); box-shadow: 0 8px 0 var(--ab-ink); }
  .ab-site .ab-nav > a:not(.ab-nav-cta) { font-size: 14px; padding-block: 18px; }
  .ab-site .ab-workshop-hero { gap: 24px; padding-top: 45px; }
  .ab-site .ab-workshop-hero h1 { font-size: clamp(62px,8.1vw,78px); }
  .ab-site .ab-workshop-hero .ab-lead { font-size: 15px; margin-top: 24px; }
  .ab-site .ab-workshop-hero .ab-actions { gap: 13px; }
  .ab-site .ab-workshop-hero .ab-hero-art { margin-top: 72px; }
  .ab-site .ab-visual { aspect-ratio: .92; }
  .ab-site .ab-visual .ab-orbit-scene { --orbit-radius: 94; }
  .ab-site .ab-visual .ab-orbit-node, .ab-site .ab-visual .ab-orbit-node:nth-of-type(even) { width: 48px; height: 31px; font-size: 8px; }
  .ab-site .ab-playground-bar { gap: 7px; }
  .ab-site .ab-playground-bar button { flex-basis: 65px; padding-inline: 8px; font-size: 9px; }
  .ab-site .ab-services, .ab-site .ab-services:has(>.ab-service-card:nth-child(4):last-child) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
  .ab-site .ab-services > .ab-service-card:nth-child(n) { grid-column: auto; }
  .ab-site .ab-service-card:nth-child(6n+2) { transform: rotate(1deg); }
  .ab-site .ab-process { column-gap: 24px; }
  .ab-site .ab-compare { padding-inline: 23px; box-shadow: 6px 6px 0 var(--ab-ink); }
  .ab-site .ab-review-grid .ab-quote:last-child:nth-child(odd) { min-height: 235px; }
}
@media (max-width: 700px) {
  .ab-site .ab-workshop-hero { display: block; padding-top: 35px; padding-bottom: 65px; }
  .ab-site .ab-workshop-hero .ab-hero-copy { max-width: 620px; }
  .ab-site .ab-workshop-hero h1 { font-size: clamp(67px,11.8vw,86px); }
  .ab-site .ab-workshop-hero .ab-head-big { max-width: 100%; }
  .ab-site .ab-workshop-hero .ab-lead { max-width: 470px; margin-top: 28px; font-size: 17px; }
  .ab-site .ab-workshop-hero .ab-actions { flex-direction: row; align-items: flex-start; }
  .ab-site .ab-workshop-hero .ab-hero-art { max-width: 440px; margin: 47px auto 0; padding-inline: 2px; }
  .ab-site .ab-visual { aspect-ratio: 1.03; }
  .ab-site .ab-visual .ab-orbit-scene { --orbit-radius: 130; }
  .ab-site .ab-visual .ab-orbit-node, .ab-site .ab-visual .ab-orbit-node:nth-of-type(even) { width: 58px; height: 34px; font-size: 9px; }
  .ab-site .ab-playground-bar button { min-height: 40px; font-size: 10px; }
  .ab-site .ab-playground-bar { margin-right: 0; }
  .ab-site .ab-section-head { margin-bottom: 36px; gap: 24px; }
  .ab-site .ab-section-head > p { max-width: 390px; }
  .ab-site .ab-compare { margin-inline: 2px 8px; }
  .ab-site .ab-process-three .ab-step { grid-template-columns: 45px 1fr; }
  .ab-site .ab-process-three .ab-step > span { font-size: 37px; }
  .ab-site .ab-cta .ab-two-col { gap: 29px; }
}
@media (max-width: 600px) {
  .ab-site .ab-header.ab-wrap { min-height: 72px; }
  .ab-site .ab-brand { gap: 9px; font-size: 26px; }
  .ab-site .ab-brand .ab-mark { width: 27px; height: 31px; }
  .ab-site .ab-hero-ticket { min-height: 30px; margin-bottom: 28px; padding: 7px 10px; font-size: 8px; box-shadow: 2px 2px 0 var(--ab-ink); }
  .ab-site .ab-workshop-hero h1 { font-size: clamp(58px,12.5vw,75px); letter-spacing: -.075em; }
  .ab-site .ab-workshop-hero .ab-head-small { margin-bottom: 15px; font-size: .42em; }
  .ab-site .ab-workshop-hero .ab-head-last { margin-top: 9px; border-bottom-width: 5px; padding-bottom: 5px; }
  .ab-site .ab-workshop-hero .ab-lead { padding-left: 14px; font-size: 16px; }
  .ab-site .ab-workshop-hero .ab-actions { gap: 12px; }
  .ab-site a.ab-shimmer, .ab-site .ab-button, .ab-site .ab-button-secondary { min-height: 48px; padding: 14px 16px; font-size: 9px; box-shadow: 3px 3px 0 var(--ab-ink); }
  .ab-site a.ab-button-secondary { box-shadow: none; }
  .ab-site .ab-workshop-hero .ab-hero-art { max-width: 370px; margin-top: 39px; width: calc(100% - 14px); }
  .ab-site .ab-visual { aspect-ratio: 1; box-shadow: 6px 6px 0 var(--ab-ink); }
  .ab-site .ab-visual .ab-orbit-scene { inset: 37px 0 46px; --orbit-radius: 104; }
  .ab-site .ab-visual .ab-orbit-scene .ab-orb { width: 53%; }
  .ab-site .ab-visual .ab-orbit-node, .ab-site .ab-visual .ab-orbit-node:nth-of-type(even) { width: 49px; height: 28px; font-size: 8px; box-shadow: 2px 2px 0 var(--ab-ink); }
  .ab-site .ab-visual > .ab-status { min-height: 37px; padding-inline: 11px; font-size: 7px; }
  .ab-site .ab-art-bottom { min-height: 46px; padding-inline: 10px; font-size: 7px; }
  .ab-site .ab-hand-note { margin-top: 16px; font-size: 12px; }
  .ab-site .ab-playground-bar { margin: 20px 0 0 5px; padding-top: 12px; gap: 7px; }
  .ab-site .ab-playground-bar button { min-height: 37px; padding: 9px 7px; font-size: 9px; }
  .ab-site .ab-playground-bar > span, .ab-site .ab-playground-bar > p, .ab-site .ab-playground-bar > small { font-size: 8px; }
  .ab-site .ab-section { padding-block: 65px; }
  .ab-site .ab-section-head h2, .ab-site .ab-two-col h2 { font-size: clamp(38px,9vw,51px); }
  .ab-site .ab-services, .ab-site .ab-services:has(>.ab-service-card:nth-child(4):last-child) { grid-template-columns: 1fr; gap: 22px; padding: 0 4px 9px; }
  .ab-site .ab-service-card.ab-magic-card { min-height: 330px; padding: 23px 24px 20px; }
  .ab-site .ab-service-card .ab-card-top { margin-bottom: 20px; min-height: 85px; }
  .ab-site .ab-service-card h3 { max-width: 320px; font-size: 34px; }
  .ab-site .ab-service-card:nth-child(6n+2) h3, .ab-site .ab-service-card:nth-child(6n+5) h3 { font-size: 38px; }
  .ab-site .ab-service-card p { max-width: 320px; font-size: 14px; }
  .ab-site .ab-service-card.ab-magic-card:nth-child(6n+2) { transform: rotate(1deg); }
  .ab-site .ab-service-card.ab-magic-card:nth-child(6n+5) { transform: rotate(-.8deg); }
  .ab-site .ab-process { gap: 30px 22px; }
  .ab-site .ab-step > span { font-size: 40px; margin-bottom: 25px; }
  .ab-site .ab-step h3 { font-size: 24px; }
  .ab-site .ab-step p { font-size: 12px; }
  .ab-site .ab-compare { padding: 20px; }
  .ab-site .ab-switcher button { font-size: 9px; }
  .ab-site .ab-quote { min-height: 270px; padding: 25px; }
  .ab-site .ab-quote blockquote { font-size: 25px; }
  .ab-site .ab-review-grid { gap: 24px; }
  body.ab-site .ab-live-reviews .ab-rating-card { padding: 25px !important; }
  body.ab-site .ab-live-reviews .ab-rating-number { font-size: 84px !important; }
  body.ab-site .ab-live-reviews .ab-rating-meta strong { font-size: 27px !important; }
  .ab-site .ab-page-hero { padding-block: 35px 53px; }
  .ab-site .ab-page-hero h1 { font-size: clamp(37px,9.4vw,53px); }
  .ab-site .ab-page-hero .ab-lead { font-size: 16px; }
  .ab-site .ab-no-top { padding-top: 43px; }
  .ab-site .ab-inclusion, .ab-site .ab-inclusion:nth-child(even) { padding: 24px 0; border-left: 0; }
  .ab-site .ab-inclusion h3 { font-size: 25px; }
  .ab-site .ab-faq summary { font-size: 19px; }
  .ab-site .ab-form { padding: 22px; }
  .ab-site .ab-field label { font-size: 10px; }
  .ab-site .ab-cta { padding-block: 64px; }
  .ab-site .ab-cta .ab-two-col h2 { font-size: clamp(46px,11.5vw,63px); }
  .ab-site .ab-cta .ab-two-col p { font-size: 16px; }
  .ab-site .ab-footer { padding-top: 46px; }
  .ab-site .ab-footer-grid > div:first-child > p { font-size: 33px; }
  .ab-site .ab-footer .ab-footer-wordmark { font-size: 21vw; line-height: .85; margin-bottom: 25px; padding-top: 23px; }
  .ab-site .ab-footer-bottom { font-size: 8px; }
}
@media (max-width: 390px) {
  .ab-site .ab-workshop-hero h1 { font-size: clamp(51px,14.5vw,57px); }
  .ab-site .ab-workshop-hero .ab-head-small { font-size: .43em; }
  .ab-site .ab-workshop-hero .ab-actions { align-items: stretch; }
  .ab-site .ab-workshop-hero .ab-actions > a { flex: 1 1 140px; padding-inline: 11px; font-size: 8px; }
  .ab-site .ab-workshop-hero .ab-hero-art { width: calc(100% - 18px); }
  .ab-site .ab-visual .ab-orbit-scene { --orbit-radius: 88; }
  .ab-site .ab-visual .ab-orbit-node, .ab-site .ab-visual .ab-orbit-node:nth-of-type(even) { width: 44px; height: 25px; font-size: 7px; }
  .ab-site .ab-playground-bar { gap: 6px; }
  .ab-site .ab-playground-bar button { min-width: 0; flex-basis: 60px; font-size: 8px; padding-inline: 5px; }
  .ab-site .ab-hero-proof { font-size: 8px; }
  .ab-site .ab-service-card.ab-magic-card { padding-inline: 21px; }
  .ab-site .ab-service-card h3 { font-size: 31px; }
  .ab-site .ab-contact-card strong { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .ab-site .ab-workshop-hero .ab-hero-art { transform: none; }
  .ab-site .ab-playground-bar { transform: none; }
}
@media print {
  .ab-site .ab-playground-bar { display: none; }
  .ab-site .ab-service-card.ab-magic-card, .ab-site .ab-compare, .ab-site .ab-quote { box-shadow: none; transform: none; }
}

/* Completed artwork markup: the controls occupy their own bottom rail. */
.ab-site .ab-visual:has(.ab-playground-bar) { aspect-ratio: .86; }
.ab-site .ab-visual:has(.ab-playground-bar) .ab-orbit-scene { inset: 38px 0 128px; }
.ab-site .ab-visual:has(.ab-playground-bar) .ab-art-bottom { bottom: 84px; min-height: 44px; }
.ab-site .ab-visual > .ab-playground-bar {
  position: absolute;
  z-index: 6;
  inset: auto 0 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
  gap: 8px;
  min-height: 84px;
  margin: 0;
  padding: 29px 12px 12px;
  border-top: 1.5px solid var(--ab-ink);
  background: var(--ab-paper);
  transform: none;
}
.ab-site .ab-visual > .ab-playground-bar button { min-width: 0; min-height: 34px; padding: 8px 5px; font-size: 9px; line-height: 1.15; }
.ab-site .ab-playground-bar > .ab-playground-label { position: absolute; top: 9px; left: 13px; width: auto; height: auto; margin: 0; padding: 0; color: var(--ab-muted); font-family: var(--ab-mono); font-size: 8px; line-height: 1; letter-spacing: .04em; }
.ab-site .ab-playground-bar > .ab-three-feedback { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ab-site .ab-workshop-strip { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 21px max(44px,calc((100% - 1320px)/2)); border-block: 2px solid var(--ab-ink); background: var(--ab-ink); color: var(--ab-paper); }
.ab-site .ab-workshop-strip > span { max-width: 240px; font-family: var(--ab-mono); font-size: 9px; line-height: 1.4; letter-spacing: .055em; }
.ab-site .ab-workshop-strip > span:last-child { text-align: right; }
.ab-site .ab-workshop-strip > strong { font-family: Georgia,'Times New Roman',serif; font-size: 31px; line-height: 1; font-style: italic; font-weight: 400; letter-spacing: -.035em; }

.ab-site .ab-footer .ab-footer-wordmark { display: flex; justify-content: space-between; align-items: flex-end; font-size: clamp(90px,18.8vw,270px); gap: 25px; }
.ab-site .ab-footer-wordmark .ab-footer-ant { display: block; width: .63em; height: .8em; flex-shrink: 0; transform: rotate(13deg); color: var(--ab-ink); }
.ab-site .ab-footer-ant svg { display: block; width: 100%; height: 100%; }
@media (max-width: 1100px) {
  .ab-site .ab-workshop-strip { padding-inline: 28px; }
}
@media (max-width: 900px) {
  .ab-site .ab-visual:has(.ab-playground-bar) { aspect-ratio: .8; }
  .ab-site .ab-workshop-strip > strong { font-size: 27px; }
  .ab-site .ab-workshop-strip > span { font-size: 8px; }
}
@media (max-width: 700px) {
  .ab-site .ab-visual:has(.ab-playground-bar) { aspect-ratio: .86; }
  .ab-site .ab-workshop-strip { flex-wrap: wrap; justify-content: flex-start; gap: 12px 25px; }
  .ab-site .ab-workshop-strip > strong { order: -1; flex-basis: 100%; font-size: 30px; }
  .ab-site .ab-workshop-strip > span:last-child { margin-left: auto; }
}
@media (max-width: 600px) {
  .ab-site .ab-visual:has(.ab-playground-bar) { aspect-ratio: .82; }
  .ab-site .ab-visual:has(.ab-playground-bar) .ab-orbit-scene { inset: 37px 0 123px; }
  .ab-site .ab-visual:has(.ab-playground-bar) .ab-art-bottom { bottom: 80px; min-height: 43px; }
  .ab-site .ab-visual > .ab-playground-bar { min-height: 80px; padding: 27px 10px 11px; gap: 7px; }
  .ab-site .ab-visual > .ab-playground-bar button { min-height: 33px; font-size: 8px; padding-inline: 4px; }
  .ab-site .ab-playground-bar > .ab-playground-label { left: 11px; top: 9px; font-size: 7px; }
  .ab-site .ab-workshop-strip { padding: 20px 18px; }
  .ab-site .ab-workshop-strip > span { font-size: 7px; }
  .ab-site .ab-workshop-strip > strong { font-size: 29px; }
  .ab-site .ab-footer .ab-footer-wordmark { font-size: 18.8vw; gap: 12px; }
}

/* Utility type remains readable at actual browsing distance. */
.ab-site .ab-nav > a:not(.ab-nav-cta) { font-size: 12px; }
.ab-site .ab-nav-cta { font-size: 12px; }
.ab-site .ab-eyebrow { font-size: 11px; line-height: 1.45; }
.ab-site .ab-hero-ticket { font-size: 10px; }
.ab-site .ab-small { font-size: 11px; line-height: 1.6; }
.ab-site .ab-hero-proof { font-size: 11px; }
.ab-site a.ab-shimmer, .ab-site .ab-button, .ab-site .ab-button-secondary,
.ab-site .ab-service-aside > .ab-shimmer,
.ab-site .ab-workshop-hero .ab-actions > a { font-size: 12px; }
.ab-site .ab-service-card p, .ab-site .ab-step p, .ab-site .ab-service-layout .ab-process-three .ab-step p,
.ab-site .ab-service-aside p, .ab-site .ab-inclusion p { font-size: 15px; line-height: 1.55; }
.ab-site .ab-service-card .ab-card-bottom { font-size: 11px; }
.ab-site .ab-service-nav a, .ab-site .ab-service-aside .ab-service-nav a,
.ab-site .ab-breadcrumb, .ab-site .ab-field label { font-size: 11px; }
.ab-site .ab-switcher button { font-size: 11px; }
.ab-site .ab-compare .ab-comparison-item > span:first-child { font-size: 11px; }
.ab-site .ab-quote figcaption, .ab-site .ab-quote figcaption strong { font-size: 11px; }
.ab-site .ab-visual > .ab-status { font-size: 10px; color: var(--ab-ink); }
.ab-site .ab-visual .ab-orbit-node, .ab-site .ab-visual .ab-orbit-node:nth-of-type(even) { font-size: 10px; }
.ab-site .ab-art-bottom, .ab-site .ab-art-bottom strong { color: var(--ab-ink); font-size: 10px; line-height: 1.3; }
.ab-site .ab-visual:has(.ab-playground-bar) .ab-art-bottom { bottom: 86px; min-height: 48px; }
.ab-site .ab-visual:has(.ab-playground-bar) .ab-orbit-scene { inset: 38px 0 134px; }
.ab-site .ab-visual > .ab-playground-bar { min-height: 86px; padding-top: 30px; }
.ab-site .ab-visual > .ab-playground-bar button { min-height: 35px; font-size: 11px; }
.ab-site .ab-playground-bar > .ab-playground-label { top: 10px; font-size: 10px; color: var(--ab-ink); }
.ab-site .ab-play { font-size: 11px; }
.ab-site .ab-workshop-strip > span { max-width: 270px; font-size: 10px; }
.ab-site .ab-footer-grid .ab-eyebrow { font-size: 10px; }
.ab-site .ab-footer-bottom { font-size: 10px; }
body.ab-site .ab-live-reviews .ab-rating-meta p { font-size: 15px !important; }
body.ab-site .ab-live-reviews .ab-button { font-size: 11px; }
@media (max-width: 900px) {
  .ab-site .ab-nav > a:not(.ab-nav-cta) { font-size: 14px; }
}
@media (max-width: 600px) {
  .ab-site .ab-workshop-hero .ab-actions > a { font-size: 11px; }
  .ab-site .ab-hero-proof { font-size: 10px; }
  .ab-site .ab-visual > .ab-status { font-size: 9px; }
  .ab-site .ab-workshop-strip > span { font-size: 9px; }
  .ab-site .ab-step p { font-size: 14px; }
}
/* Cult UI 3D Carousel geometry, adapted for Ant Built. MIT notice: CULT-UI-LICENSE.txt. */
.ab-showcase{--showcase-cobalt:#1745e8;--showcase-yellow:#f6da3d;--showcase-ink:#161b2a;--monitor-width:680px;--monitor-radius:646px;--monitor-stage-height:573px;--monitor-perspective:1400px;--drag-lean:0deg;position:relative;color:var(--showcase-ink);}
.ab-showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;}
.ab-showcase-heading h2{margin:0;max-width:660px;}
.ab-showcase-kicker{margin:0 0 14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;}
.ab-showcase-stage{position:relative;isolation:isolate;padding:28px 0 0;outline-offset:-5px;touch-action:pan-y;}
.ab-showcase-stage:focus-visible{outline:2px solid var(--showcase-cobalt);}
.ab-showcase-track{display:grid;gap:35px;}
.ab-showcase-card{position:relative;width:min(100%,760px);margin:0 auto;}
.ab-showcase-card img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;user-select:none;-webkit-user-drag:none;}
.ab-showcase.is-ready .ab-showcase-stage{height:var(--monitor-stage-height);padding:0;overflow:hidden;perspective:var(--monitor-perspective);perspective-origin:50% 45%;}
.ab-showcase.is-ready .ab-showcase-track{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--drag-lean));transition:transform .5s cubic-bezier(.32,.72,0,1);}
.ab-showcase.is-ready .ab-showcase-card{position:absolute;left:50%;top:28px;width:var(--monitor-width);margin:0 0 0 calc(var(--monitor-width)/-2);transform-style:preserve-3d;transform:translateZ(calc(var(--monitor-radius)*-1)) rotateY(var(--face-angle,0deg)) translateZ(var(--monitor-radius));transition:transform .72s cubic-bezier(.32,.72,0,1),opacity .35s ease;backface-visibility:hidden;cursor:pointer;}
.ab-showcase.is-ready .ab-showcase-card.is-active{cursor:default;}
.ab-showcase.is-dragging .ab-showcase-track{transition:none;cursor:grabbing;}
.ab-monitor{position:relative;transform-style:preserve-3d;transform:rotateX(2deg);}
.ab-monitor-face{position:relative;z-index:2;padding:11px 11px 25px;border:1px solid #363e50;border-radius:13px;background:linear-gradient(115deg,#252b39,#0d1017 55%,#252a35);box-shadow:0 1px 0 #ffffff26 inset,0 24px 30px #0e163019;transform:translateZ(1px);}
.ab-monitor-face::before{content:'';position:absolute;top:4px;left:50%;width:3px;height:3px;border:1px solid #46516a;border-radius:50%;background:#080b10;}
.ab-monitor-face::after{content:'';position:absolute;left:50%;bottom:10px;width:22px;height:3px;transform:translateX(-50%);border-radius:4px;background:#41495b;}
.ab-monitor-back{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#777e8c,#2e3543);border:1px solid #6b7382;border-radius:13px;transform:translateZ(-17px);}
.ab-monitor-edge{position:absolute;z-index:1;background:linear-gradient(90deg,#181e29,#707785);pointer-events:none;}
.ab-monitor-edge--right{right:-18px;top:9px;bottom:9px;width:18px;transform-origin:left center;transform:rotateY(90deg);}
.ab-monitor-edge--left{left:-18px;top:9px;bottom:9px;width:18px;transform-origin:right center;transform:rotateY(-90deg);}
.ab-monitor-screen{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #090c12;border-radius:3px;background:#f2f1ed;pointer-events:none;scrollbar-width:thin;scrollbar-color:#a3afd5 #eef0f6;}
.ab-showcase.is-exploring .is-active .ab-monitor-screen{overflow-y:auto;pointer-events:auto;overscroll-behavior:contain;touch-action:pan-y;outline:3px solid var(--showcase-yellow);outline-offset:0;}
.ab-showcase.is-exploring .is-active .ab-monitor-screen:focus-visible{outline:3px solid var(--showcase-yellow);}
.ab-monitor-stand{position:relative;z-index:0;width:80px;height:64px;margin:0 auto;background:linear-gradient(90deg,#6d7585,#b6bbc7 36%,#666f81 70%,#303a4b);clip-path:polygon(30% 0,70% 0,84% 100%,16% 100%);transform:translateZ(-12px);}
.ab-monitor-base{position:relative;z-index:1;width:34%;height:15px;margin:-5px auto 0;border:1px solid #737c8d;border-radius:50%;background:linear-gradient(#b7bdc9,#4b5568);box-shadow:0 13px 13px #15234829;transform:rotateX(12deg) translateZ(15px);}
.ab-showcase-footer{position:relative;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding-top:4px;border-top:1px solid #17203a30;}
.ab-showcase-caption{padding-top:18px;}
.ab-showcase-caption p{margin:0 0 8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#556078;}
.ab-showcase-caption h3{margin:0;font-size:clamp(19px,2vw,28px);line-height:1.2;letter-spacing:-.035em;}
.ab-showcase-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:18px;}
.ab-showcase-control,.ab-showcase-explore,.ab-showcase-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 17px;border:1px solid var(--showcase-ink);border-radius:4px;background:transparent;color:var(--showcase-ink);font:inherit;font-size:12px;font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer;}
.ab-showcase-control:hover,.ab-showcase-explore:hover{background:#e7ebf6;}
.ab-showcase-link{background:var(--showcase-cobalt);border-color:var(--showcase-cobalt);color:#fff;}
.ab-showcase-link:hover{background:#1238bd;color:#fff;}
.ab-showcase-explore[aria-pressed=true]{background:var(--showcase-yellow);}
.ab-showcase-control:focus-visible,.ab-showcase-explore:focus-visible,.ab-showcase-link:focus-visible,.ab-showcase-dot:focus-visible{outline:3px solid var(--showcase-cobalt);outline-offset:4px;}
.ab-showcase-count{font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap;}
.ab-showcase-navigation{display:flex;align-items:center;gap:10px;}
.ab-showcase-dots{display:flex;align-items:center;gap:6px;margin-top:18px;}
.ab-showcase-dot{width:33px;height:33px;border:1px solid transparent;border-radius:2px;background:transparent;color:#52607a;font:inherit;font-size:11px;cursor:pointer;}
.ab-showcase-dot.is-active{background:var(--showcase-yellow);color:var(--showcase-ink);border-color:#c6ab1e;}
.ab-showcase-hint{margin:12px 0 0;font-size:11px;color:#5b6477;}
.ab-showcase-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.ab-showcase:not(.is-ready) .ab-showcase-footer,.ab-showcase:not(.is-ready) .ab-showcase-navigation,.ab-showcase:not(.is-ready) .ab-showcase-hint{display:none;}
.ab-showcase.is-still .ab-showcase-card,.ab-showcase.is-still .ab-showcase-track{transition:none;}
@media(max-width:650px){.ab-showcase-heading{align-items:flex-start;flex-direction:column;gap:18px;}.ab-monitor-face{padding:7px 7px 19px;border-radius:9px;}.ab-monitor-face::before{top:2px;width:2px;height:2px;}.ab-monitor-face::after{bottom:7px;width:17px;height:2px;}.ab-monitor-stand{height:48px;width:58px;}.ab-monitor-base{height:11px;}.ab-showcase-footer{grid-template-columns:1fr;gap:0;}.ab-showcase-caption{padding-top:16px;}.ab-showcase-actions{padding-top:15px;gap:8px;}.ab-showcase-control,.ab-showcase-explore,.ab-showcase-link{font-size:11px;min-height:44px;padding:11px 13px;}.ab-showcase.is-ready .ab-showcase-stage{height:calc(var(--monitor-stage-height) - 20px);}.ab-showcase.is-ready .ab-showcase-card{top:25px;}}
@media(prefers-reduced-motion:reduce){.ab-showcase *{transition:none!important;scroll-behavior:auto!important;}}

.ab-showcase .ab-showcase-card.is-jump{transition:none;}
.ab-showcase .ab-showcase-card:not(.is-active) .ab-monitor-screen::after{content:"";position:absolute;inset:0;background:#101a342b;pointer-events:none;}

/* Live websites are loaded only after the visitor selects Browse live. */
.ab-showcase.is-live .is-active .ab-monitor-screen{overflow:hidden;pointer-events:auto;touch-action:auto;}
.ab-showcase.is-live .is-active .ab-monitor-screen>img{visibility:hidden;}
.ab-showcase-live-frame{position:absolute;z-index:3;left:0;top:0;display:block;width:1440px!important;min-width:1440px;max-width:none!important;height:900px!important;max-height:none;border:0;margin:0;padding:0;background:#fff;transform-origin:0 0;}
.ab-showcase-live-help{margin:12px 0 0;font-size:12px;line-height:1.5;color:#38445e;}
.ab-showcase-live-help[hidden],.ab-showcase [data-carousel-live][hidden]{display:none;}
.ab-showcase-explore:disabled{opacity:.45;cursor:default;}
.ab-showcase-explore:disabled:hover{background:transparent;}
/* A full-width desk for the custom 21st.dev monitor adaptation. */
body.ab-site .ab-showcase {
  --showcase-cobalt:#3448ff; --showcase-yellow:#eff74b; --showcase-ink:#191919;
  padding:88px 0 70px; background:#e8eaff; border-top:2px solid #191919;
  border-bottom:2px solid #191919; overflow:clip; scroll-margin-top:95px;
}
.ab-showcase-heading,.ab-showcase-footer,.ab-showcase-dots,.ab-showcase-hint {
  width:min(1320px,calc(100% - 88px)); margin-inline:auto;
}
body.ab-site .ab-showcase-heading { margin-bottom:30px; }
body.ab-site .ab-showcase-heading h2 { font-size:clamp(42px,5.8vw,82px);line-height:1.02;letter-spacing:-.065em; }
body.ab-site .ab-showcase-kicker { font:700 11px/1.4 'Courier New',monospace;letter-spacing:.05em; }
body.ab-site .ab-showcase-control,body.ab-site .ab-showcase-explore,body.ab-site .ab-showcase-live,body.ab-site .ab-showcase-link {
  border-radius:0; font:700 12px/1.3 'Courier New',monospace; box-shadow:3px 3px 0 #191919; min-height:45px;
}
body.ab-site .ab-showcase-navigation { gap:20px; }
body.ab-site .ab-showcase-count { font:700 12px/1.4 'Courier New',monospace; }
body.ab-site .ab-showcase-footer { border-top:1px solid #191919; }
body.ab-site .ab-showcase-caption p,body.ab-site .ab-showcase-hint { color:#41475f; }
body.ab-site .ab-showcase-hint { font:12px/1.6 'Courier New',monospace; }
body.ab-site .ab-showcase-dot { font:700 12px/1 'Courier New',monospace;border-radius:0; }
@media(max-width:700px){
  body.ab-site .ab-showcase {padding:54px 0 44px;scroll-margin-top:70px;}
  .ab-showcase-heading,.ab-showcase-footer,.ab-showcase-dots,.ab-showcase-hint {width:calc(100% - 36px);}
  body.ab-site .ab-showcase-heading{margin-bottom:15px;}
  body.ab-site .ab-showcase-heading h2{font-size:44px;}
  body.ab-site .ab-showcase-navigation{gap:15px;}
  body.ab-site .ab-showcase-actions{gap:12px;}
  body.ab-site .ab-showcase-control,body.ab-site .ab-showcase-explore,body.ab-site .ab-showcase-live,body.ab-site .ab-showcase-link{font-size:11px;padding:11px 12px;}
}



/* Keep the expanded project selector reachable on narrow phones. */
.ab-showcase-dots { flex-wrap: wrap; }

/* Keep both monitor instructions on the same grid as the caption and controls. */
body.ab-site .ab-showcase-hint,
body.ab-site .ab-showcase-live-help {
  width:min(1320px,calc(100% - 88px));
  margin:12px auto 0;
}
@media(max-width:700px){
  body.ab-site .ab-showcase-hint,
  body.ab-site .ab-showcase-live-help {
    width:calc(100% - 36px);
  }
}

/* Live RichPlugins review feed, using collection 68 custom templates. */
body.ab-site .ab-live-reviews .rpi-content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 26px !important;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 !important;
  padding: 8px 5px 14px 0 !important;
  overflow: visible !important;
  scroll-snap-type: none;
}
body.ab-site .ab-live-reviews .ab-review-card {
  display: flex;
  flex-direction: column;
  flex: initial !important;
  width: 100%;
  min-width: 0;
  min-height: 330px;
  margin: 0 !important;
  padding: 28px !important;
  border: 1.5px solid var(--ab-ink);
  border-radius: 0;
  background: var(--ab-paper);
  color: var(--ab-ink);
  box-shadow: 5px 5px 0 rgba(20, 23, 20, .16);
  scroll-snap-align: none;
}
body.ab-site .ab-live-reviews .ab-review-card:nth-child(3n + 2) {
  background: #fbffcf;
  border-top: 5px solid var(--ab-lime);
  padding-top: 24.5px !important;
}
body.ab-site .ab-live-reviews .ab-review-card .ab-review-stars {
  display: flex;
  align-items: center;
  gap: 3px;
  margin: 0 0 23px !important;
  color: var(--ab-cobalt) !important;
  line-height: 1;
}
body.ab-site .ab-live-reviews .ab-review-stars .rpi-stars {
  color: var(--ab-cobalt) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
body.ab-site .ab-live-reviews .ab-review-stars svg {
  width: 18px;
  height: 18px;
  color: var(--ab-cobalt);
  fill: currentColor;
}
body.ab-site .ab-live-reviews .ab-review-text {
  margin: 0 0 28px !important;
  color: var(--ab-ink) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(23px, 2vw, 29px) !important;
  font-weight: 400 !important;
  line-height: 1.23 !important;
  letter-spacing: -.035em !important;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
body.ab-site .ab-live-reviews .ab-review-text p {
  font: inherit !important;
  color: inherit !important;
  margin: 0 0 .65em !important;
}
body.ab-site .ab-live-reviews .ab-review-text p:last-child { margin-bottom: 0 !important; }
body.ab-site .ab-live-reviews .ab-review-text .rpi-more,
body.ab-site .ab-live-reviews .ab-review-text .rpi-readmore {
  color: var(--ab-cobalt) !important;
  font-family: var(--ab-mono) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
body.ab-site .ab-live-reviews .ab-review-source {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px 14px;
  margin: auto 0 0 !important;
  padding: 19px 0 0 !important;
  border-top: 1px solid var(--ab-line);
  color: var(--ab-muted) !important;
  font-family: var(--ab-mono) !important;
  font-size: 11px !important;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}
body.ab-site .ab-live-reviews .ab-review-source * {
  color: inherit !important;
  font: inherit !important;
}
body.ab-site .ab-live-reviews .rpi-pagination {
  clear: both;
  width: 100%;
  margin: 24px 0 0 !important;
  padding: 0 5px 5px 0 !important;
  text-align: center;
}
body.ab-site .ab-live-reviews .rpi-content > .rpi-pagination,
body.ab-site .ab-live-reviews .rpi-content > .rpi-load-more { grid-column: 1 / -1; }
body.ab-site .ab-live-reviews .rpi-pagination a,
body.ab-site .ab-live-reviews .rpi-pagination button,
body.ab-site .ab-live-reviews .rpi-load-more,
body.ab-site .ab-live-reviews .rpi > .rpi-url {
  min-height: 48px;
  max-width: 100%;
  padding: 14px 23px !important;
  border: 1.5px solid var(--ab-ink) !important;
  border-radius: 0 !important;
  background: var(--ab-lime) !important;
  color: var(--ab-ink) !important;
  box-shadow: 3px 3px 0 var(--ab-ink);
  font-family: var(--ab-mono) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  cursor: pointer;
}
body.ab-site .ab-live-reviews .rpi-pagination a:hover,
body.ab-site .ab-live-reviews .rpi-pagination button:hover,
body.ab-site .ab-live-reviews .rpi-load-more:hover,
body.ab-site .ab-live-reviews .rpi > .rpi-url:hover {
  background: var(--ab-cobalt) !important;
  color: var(--ab-paper) !important;
}
@media (max-width: 1050px) {
  body.ab-site .ab-live-reviews .rpi-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ab-site .ab-live-reviews .ab-review-text { font-size: 26px !important; }
}
@media (max-width: 650px) {
  body.ab-site .ab-live-reviews .rpi-content { grid-template-columns: minmax(0, 1fr); gap: 22px !important; }
  body.ab-site .ab-live-reviews .ab-review-card { min-height: 270px; padding: 24px !important; }
  body.ab-site .ab-live-reviews .ab-review-card:nth-child(3n + 2) { padding-top: 20.5px !important; }
  body.ab-site .ab-live-reviews .ab-review-text { font-size: 25px !important; }
  body.ab-site .ab-live-reviews .ab-review-source { font-size: 11px !important; }
}

body.ab-site .ab-live-reviews .rpi > .rpi-url { display: inline-flex; align-items: center; justify-content: center; margin: 24px 0 0; }
body.ab-site .ab-reviews-section { scroll-margin-top: 116px; }
/* Let the custom typography determine card height instead of plugin pixel limits. */
body.ab-site .ab-live-reviews .rpi .ab-review-text.rpi-text {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}
body.ab-site .ab-live-reviews .rpi .rpi-stars {
  --rpi-star-color: var(--ab-cobalt) !important;
  --star-color: var(--ab-cobalt) !important;
  --head-star-color: var(--ab-cobalt) !important;
}
body.ab-site .ab-live-reviews .rpi .ab-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--ab-ink) !important;
  background: var(--ab-lime) !important;
  box-shadow: 3px 3px 0 var(--ab-ink) !important;
  text-decoration: none !important;
}
body.ab-site .ab-live-reviews .ab-review-source > span { text-transform: capitalize; }

/* A real mobile viewport alongside the selected desktop in the 3D desk. */
.ab-showcase.is-ready .ab-showcase-card {
  margin-left: calc(var(--monitor-width) * -.625 - 11px);
  transform-origin: calc(62.5% + 11px) 50%;
}
.ab-phone {
  position: absolute;
  left: calc(100% + 22px);
  bottom: 30px;
  z-index: 5;
  width: 25%;
  padding: 7px;
  border: 1px solid #858a95;
  border-radius: 25px;
  background: linear-gradient(125deg, #777d87, #10131a 19%, #171b24 75%, #656d7b);
  box-shadow: 2px 0 0 #343b48, 4px 0 0 #8c929d, 8px 20px 24px #15234830, inset 0 0 0 2px #080c12;
  transform: translateZ(28px) rotateY(-7deg) rotateZ(2deg);
  transform-style: preserve-3d;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease;
}
.ab-showcase-card.is-active .ab-phone { opacity: 1; visibility: visible; }
.ab-phone::before {
  content: '';
  position: absolute;
  left: -3px;
  top: 23%;
  width: 3px;
  height: 15%;
  border-radius: 2px 0 0 2px;
  background: linear-gradient(#a0a5af, #424b59);
}
.ab-phone::after {
  content: '';
  position: absolute;
  right: -5px;
  top: 29%;
  width: 3px;
  height: 12%;
  border-radius: 0 2px 2px 0;
  background: #67707e;
}
.ab-phone-screen {
  position: relative;
  width: 100%;
  aspect-ratio: 390 / 844;
  border-radius: 18px;
  overflow: hidden;
  background: #f4f3ed;
  isolation: isolate;
}
.ab-phone-frame {
  position: absolute;
  z-index: 2;
  inset: 0 auto auto 0;
  display: block;
  width: 390px !important;
  min-width: 390px !important;
  max-width: none !important;
  height: 844px !important;
  max-height: none !important;
  border: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  transform-origin: 0 0;
  pointer-events: none;
}
.ab-phone-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 12px;
  padding: 12px;
  color: #42485e;
  font: 700 10px/1.5 'Courier New', monospace;
  text-align: center;
}
.ab-phone-loading { width: 20px; height: 20px; margin: auto; border: 2px solid #d1d5ee; border-top-color: #3448ff; border-radius: 50%; font-size: 0; }
.ab-phone-placeholder[hidden], .ab-phone-loading[hidden] { display: none; }
.ab-phone.is-loaded .ab-phone-placeholder { visibility: hidden; }
.ab-phone-camera {
  position: absolute;
  z-index: 4;
  top: 10px;
  left: 50%;
  width: 29%;
  height: 9px;
  transform: translateX(-50%);
  border-radius: 20px;
  background: #090c11;
  box-shadow: inset -5px 0 2px #171d2a;
  pointer-events: none;
}
.ab-phone-home {
  position: absolute;
  z-index: 4;
  left: 34%;
  bottom: 11px;
  width: 32%;
  height: 3px;
  border-radius: 5px;
  background: #10131aa6;
  box-shadow: 0 0 2px #ffffff80;
  pointer-events: none;
}
.ab-showcase.is-live .is-active .ab-phone,
.ab-showcase.is-live .is-active .ab-phone-frame { pointer-events: auto; }
.ab-showcase.is-live .is-active .ab-phone { outline: 2px solid var(--showcase-yellow); outline-offset: 4px; }
@media (max-width: 650px) {
  .ab-showcase.is-ready .ab-showcase-card { margin-left: calc(var(--monitor-width) * -.66 - 6px); transform-origin: calc(66% + 6px) 50%; }
  .ab-phone { left: calc(100% + 12px); bottom: 20px; width: 32%; padding: 4px; border-radius: 13px; }
  .ab-phone-screen { border-radius: 9px; }
  .ab-phone-camera { top: 6px; height: 4px; }
  .ab-phone-home { bottom: 6px; height: 2px; }
  .ab-phone-placeholder { padding: 5px; font-size: 6px; }
  .ab-phone-loading { width: 12px; height: 12px; }
}