/* Lighter ground for the Agency site: flat warm white instead of the full tonal fall. */
body.fiq-ground { background: #FFFFFF; }
body.fiq-ground .site-nav { background: rgba(255,255,255,.86); }

/* Freestand Agency layer. Tokens only, on top of fiq/site.css. */

.fa-lockup { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; white-space: nowrap; }
.fa-lockup img { display: block; width: auto; }
.fa-lockup__tag { font-family: var(--font-mono); font-size: var(--size-mono); letter-spacing: var(--tracking-label); color: var(--dark-gold); padding: 3px 8px; border-radius: var(--radius-chip); background: var(--surface-sunken); box-shadow: inset 0 1px 2px rgba(31,38,32,.06); }
.fa-sec--tint { background: rgba(244,241,235,.6); }

/* hero B: centered */
.hero--b .hero__grid { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.hero--b .hero__title { max-width: 18ch; margin-inline: auto; }
.hero--b .hero__lead { margin-inline: auto; }
.hero--b .hero__acts { justify-content: center; }
.hero--b .fa-hero-mocks { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); width: 100%; margin-top: var(--space-7); text-align: left; }
.fa-hero-verticals { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-5); }
.hero--b .fa-hero-verticals { justify-content: center; }

/* mockups */
.mock { padding: var(--space-5); }
.mock__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.mock__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); margin-top: var(--space-4); }
.mock__stat { padding: 13px; border-radius: var(--radius-chip); background: var(--surface-sunken); box-shadow: inset 0 1px 2px rgba(31,38,32,.06); display: flex; flex-direction: column; gap: 6px; }
.mock__num { font-weight: 800; font-size: var(--size-xl); letter-spacing: -0.03em; color: var(--oak-deep); line-height: 1; }
.mock__list { margin-top: var(--space-4); }
.mock__list > .fiq-label { display: block; margin-bottom: 4px; }
.mock__row { display: grid; grid-template-columns: 62px minmax(0,1fr) auto; gap: var(--space-3); align-items: center; padding: 11px 0; border-bottom: 1px solid var(--rule); }
.mock__row:last-child { border-bottom: 0; padding-bottom: 0; }
.mock__time { font-family: var(--font-mono); font-size: var(--size-mono); color: var(--fg-muted); }
.mock__what { font-size: var(--size-sm); font-weight: 600; color: var(--fg-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mock__chat { display: flex; flex-direction: column; gap: 8px; margin-top: var(--space-4); }
.mock__bubble { max-width: 86%; padding: 10px 13px; border-radius: 12px; font-size: var(--size-sm); font-weight: 500; line-height: 1.45; }
.mock__bubble--agent { align-self: flex-start; background: var(--surface-sunken); color: var(--fg-primary); box-shadow: inset 0 1px 2px rgba(31,38,32,.05); }
.mock__bubble--caller { align-self: flex-end; background: linear-gradient(180deg, #4A5A43, #38472F); color: var(--warm-white); }
.mock__foot { margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--rule); }
.mock__foot .fiq-small { margin-top: 4px; color: var(--fg-primary); font-weight: 600; }

/* leaks */
.leak__n { font-family: var(--font-mono); font-size: var(--size-mono); letter-spacing: var(--tracking-label); color: var(--dark-gold); }

/* system grid */
.sys__card { display: block; text-decoration: none; height: 100%; }
.sys__card .fiq-card { height: 100%; }
.sys__arrow { font-family: var(--font-mono); font-size: var(--size-sm); color: var(--dark-gold); margin-top: var(--space-4); display: inline-block; transition: transform var(--dur-fast) var(--ease); }
.sys__card:hover .sys__arrow { transform: translateX(3px); }
.fiq-card--gold .sys__arrow { color: #33270F; }

/* flow */
.flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-3); counter-reset: f; }
.flow__step { position: relative; }
.flow__n { font-family: var(--font-mono); font-size: var(--size-mono); letter-spacing: var(--tracking-label); color: var(--brand-gold); }
.flow__t { margin-top: var(--space-2); font-weight: 800; font-size: var(--size-md); letter-spacing: -0.02em; color: var(--warm-white); }
.flow__d { margin-top: var(--space-2); font-size: var(--size-xs); line-height: 1.55; color: var(--fg-on-dark); }

/* dashboard section */
.dash { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--space-6); align-items: center; }
.dash__pts { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-5); }

/* process */
.proc__when { display: inline-block; margin-top: var(--space-2); }

/* verticals */
.vert { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); }
.vert__t { font-weight: 800; font-size: var(--size-lg); letter-spacing: -0.025em; color: var(--fg-primary); margin-top: var(--space-2); }
.vert__also { margin-top: var(--space-4); display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }

/* pricing */
.price3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); align-items: start; }
.price3__when { margin-top: var(--space-2); }
.price3__list { margin-top: var(--space-4); }

/* services page */
.svc { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--space-6); align-items: center; }
.svc--flip > :first-child { order: 2; }
.svc__inc { margin-top: var(--space-4); }
.svc__jump { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-5); }
.svc__jump a { text-decoration: none; }

@media (max-width: 900px) {
  .hero--b .fa-hero-mocks, .flow, .dash, .vert, .price3, .svc, .mock__stats { grid-template-columns: 1fr; }
  .svc--flip > :first-child { order: 0; }
}

.svc__row { display: grid; grid-template-columns: 132px minmax(0,1fr); gap: var(--space-4); padding: 11px 0; border-bottom: 1px solid var(--rule); align-items: baseline; }
.svc__row:last-child { border-bottom: 0; padding-bottom: 0; }
.svc__k { font-family: var(--font-mono); font-size: var(--size-mono); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--dark-gold); }
.svc__v { font-size: var(--size-sm); font-weight: 600; color: var(--fg-primary); }
.fiq-card--gold .svc__k { color: #33270F; }
.fiq-card--gold .svc__v { color: #33270F; }
.fiq-card--gold .svc__row { border-bottom-color: rgba(51,39,15,.16); }
@media (max-width: 560px) { .svc__row { grid-template-columns: 1fr; gap: 4px; } }

/* ---------- pricing equation ---------- */
.eq { display: grid; grid-template-columns: minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr); align-items: stretch; }
.eq__plus { display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: var(--size-xl); color: var(--dark-gold); }
.eq__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.eq__head .fiq-chip { white-space: nowrap; flex-shrink: 0; }
.eq__t { margin: var(--space-4) 0 0; font-weight: 800; font-size: var(--size-xl); letter-spacing: -0.03em; line-height: 1.1; color: var(--fg-primary); }
.fiq-card--dark .eq__t { color: var(--warm-white); }
.fiq-card--gold .eq__t { color: #33270F; }
.eq__d { margin: var(--space-3) 0 0; font-size: var(--size-sm); font-weight: 500; line-height: 1.55; color: var(--fg-body); }
.fiq-card--dark .eq__d { color: var(--fg-on-dark); }
.fiq-card--gold .eq__d { color: #33270F; }
.eq__list { list-style: none; margin: var(--space-5) 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.eq__list li { display: flex; gap: 10px; align-items: baseline; font-size: var(--size-sm); font-weight: 600; color: var(--fg-primary); }
.fiq-card--dark .eq__list li { color: var(--warm-white); }
.eq__tick { font-family: var(--font-mono); font-size: var(--size-sm); color: var(--dark-gold); flex-shrink: 0; }
.fiq-card--dark .eq__tick { color: var(--brand-gold); }
.eq__part--opt { background: var(--surface-sunken); box-shadow: inset 0 1px 3px rgba(31,38,32,.07); }

/* ---------- payment timeline ---------- */
.pay { display: grid; grid-template-columns: repeat(12, 1fr); gap: 6px; align-items: end; height: 150px; margin-top: var(--space-5); }
.pay__col { display: flex; flex-direction: column; align-items: stretch; gap: 6px; height: 100%; justify-content: flex-end; }
.pay__stack { display: flex; flex-direction: column; gap: 3px; }
.pay__seg { border-radius: 5px; }
.pay__seg--ret { height: 34px; background: linear-gradient(180deg, #4A5A43, #38472F); }
.pay__seg--build { height: 18px; background: linear-gradient(180deg, #D6B276, #BF9552); }
.pay__seg--big { height: 92px; }
.fiq-card--gold .pay__seg--build { background: linear-gradient(180deg, #FFFFFF, #F4EAD8); }
.pay__m { font-family: var(--font-mono); font-size: 10px; text-align: center; color: var(--fg-muted); }
.fiq-card--gold .pay__m { color: #33270F; }
.pay__key { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; margin-top: var(--space-4); font-size: var(--size-xs); font-weight: 600; color: var(--fg-primary); }
.fiq-card--gold .pay__key { color: #33270F; }
.pay__key span { display: inline-flex; align-items: center; gap: 6px; }
.pay__dot { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.pay__dot--build { background: linear-gradient(180deg, #D6B276, #BF9552); }
.fiq-card--gold .pay__dot--build { background: #FFFFFF; }
.pay__dot--ret { background: #3B4A3C; }
.pay__axis { margin-left: auto; font-family: var(--font-mono); font-size: var(--size-mono); letter-spacing: var(--tracking-label); color: var(--fg-muted); }
.fiq-card--gold .pay__axis { color: #33270F; }

@media (max-width: 900px) {
  .eq { grid-template-columns: 1fr; }
  .eq__plus { padding: 6px 0; }
}

/* ---------- leak -> fix ---------- */
.fix { padding: var(--space-5) var(--space-6); }
.fix__head { display: grid; grid-template-columns: minmax(0,1fr) auto; padding-bottom: 12px; border-bottom: 1px solid var(--rule); }
.fix__row { display: grid; grid-template-columns: 44px minmax(0,1fr) 40px minmax(200px,auto); gap: var(--space-3); align-items: center; padding: 18px 0; border-bottom: 1px solid var(--rule); text-decoration: none; color: inherit; transition: background var(--dur-fast) var(--ease); }
.fix__row:last-child { border-bottom: 0; padding-bottom: 4px; }
.fix__row:hover { color: inherit; }
.fix__row:hover .fix__arrow { transform: translateX(4px); }
.fix__n { font-family: var(--font-mono); font-size: var(--size-mono); letter-spacing: var(--tracking-label); color: var(--dark-gold); }
.fix__prob { display: flex; flex-direction: column; gap: 3px; }
.fix__prob b { font-weight: 800; font-size: var(--size-lg); letter-spacing: -0.025em; color: var(--fg-primary); }
.fix__prob span { font-size: var(--size-sm); font-weight: 500; color: var(--fg-body); }
.fix__arrow { font-family: var(--font-mono); font-size: var(--size-lg); color: var(--dark-gold); text-align: center; transition: transform var(--dur-fast) var(--ease); }
.fix__sol { justify-self: end; }

/* ---------- system KPI ---------- */
.sys__top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
.sys__kpi { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.sys__kpi b { font-weight: 800; font-size: var(--size-xl); letter-spacing: -0.035em; line-height: 1; color: var(--oak-deep); }
.sys__kpi span { font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--fg-muted); }
.fiq-card--gold .sys__kpi b, .fiq-card--gold .sys__kpi span { color: #33270F; }
.sys__t { margin: var(--space-5) 0 0; font-weight: 800; font-size: var(--size-lg); letter-spacing: -0.025em; color: var(--fg-primary); }
.fiq-card--gold .sys__t { color: #33270F; }
.fiq-card--dark .sys__t { color: var(--warm-white); }

/* ---------- flow track ---------- */
.flow--track { position: relative; }
.flow--track::before { content: ''; position: absolute; left: 6px; right: 6px; top: 6px; height: 2px; background: linear-gradient(90deg, var(--brand-gold), rgba(200,160,99,.25)); }
.flow__dot { width: 14px; height: 14px; border-radius: 50%; background: var(--brand-gold); box-shadow: 0 0 0 4px rgba(200,160,99,.22); position: relative; margin-bottom: var(--space-4); }

/* ---------- gantt ---------- */
.gantt { padding: var(--space-5) var(--space-6); }
.gantt__axis, .gantt__row { display: grid; grid-template-columns: minmax(220px, 1.1fr) minmax(0, 2fr); gap: var(--space-5); align-items: center; }
.gantt__axis { padding-bottom: 10px; border-bottom: 1px solid var(--rule); }
.gantt__ticks, .gantt__track { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; }
.gantt__ticks { padding: 0 4px; }
.gantt__col { font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--tracking-label); color: var(--fg-muted); text-align: center; white-space: nowrap; }
.gantt__row { padding: 16px 0; border-bottom: 1px solid var(--rule); }
.gantt__row:last-child { border-bottom: 0; padding-bottom: 4px; }
.gantt__label { display: grid; grid-template-columns: 30px 1fr; column-gap: 8px; row-gap: 3px; }
.gantt__label b { font-weight: 800; font-size: var(--size-md); letter-spacing: -0.02em; color: var(--fg-primary); }
.gantt__label span:last-child { grid-column: 2; font-size: var(--size-xs); line-height: 1.5; color: var(--fg-body); }
.gantt__track { align-items: center; min-height: 34px; border-radius: var(--radius-chip); background: var(--surface-sunken); box-shadow: inset 0 1px 2px rgba(31,38,32,.06); padding: 4px; }
.gantt__bar { height: 26px; border-radius: 7px; background: linear-gradient(180deg, #4A5A43, #38472F); color: var(--warm-white); font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--tracking-label); display: flex; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; padding: 0 6px; }
.gantt__bar--gold { background: linear-gradient(180deg, #D6B276, #BF9552); color: #33270F; }
.gantt__bar--run { background: repeating-linear-gradient(90deg, #4A5A43 0 14px, #5F6B5E 14px 18px); }

/* ---------- who statement ---------- */
.who { padding: var(--space-7) var(--space-6); }
.who__words { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); margin-top: var(--space-4); }
.who__words span { font-weight: 800; font-size: var(--size-5xl); letter-spacing: -0.045em; line-height: 1; color: var(--warm-white); }
.who__words span:nth-child(2) { color: var(--brand-gold); }
.who__sub { margin: var(--space-5) 0 0; font-size: var(--size-md); font-weight: 600; color: var(--fg-on-dark); }
.who .vert__also { margin-top: var(--space-5); }

/* ---------- mini equation on home ---------- */
.eq--mini .eq__t { font-size: var(--size-lg); }

/* ---------- services KPI ---------- */
.svc__kpi { display: flex; align-items: baseline; gap: var(--space-3); margin-top: var(--space-5); }
.svc__kpi b { font-weight: 800; font-size: var(--size-5xl); letter-spacing: -0.045em; line-height: 1; color: var(--dark-gold); }

/* ---------- about rules ---------- */
.rules { padding: var(--space-3) var(--space-6); }
.rules__row { display: grid; grid-template-columns: 52px minmax(200px, .9fr) minmax(0, 1.4fr); gap: var(--space-4); align-items: baseline; padding: 22px 0; border-bottom: 1px solid var(--rule); }
.rules__row:last-child { border-bottom: 0; }
.rules__n { font-family: var(--font-mono); font-size: var(--size-mono); letter-spacing: var(--tracking-label); color: var(--dark-gold); }
.rules__t { font-weight: 800; font-size: var(--size-xl); letter-spacing: -0.03em; color: var(--fg-primary); }
.rules__d { font-size: var(--size-md); font-weight: 500; color: var(--fg-body); }

@media (max-width: 900px) {
  .fix { padding: var(--space-4); }
  .fix__head { display: none; }
  .fix__row { grid-template-columns: 34px minmax(0,1fr); row-gap: 10px; }
  .fix__arrow { display: none; }
  .fix__sol { grid-column: 2; justify-self: start; }
  .flow--track::before { display: none; }
  .gantt { padding: var(--space-4); }
  .gantt__row { grid-template-columns: 1fr; }
  .gantt__axis { display: none; }
  .who__words span { font-size: var(--size-2xl); }
  .rules { padding: var(--space-2) var(--space-4); }
  .rules__row { grid-template-columns: 40px 1fr; row-gap: 6px; }
  .rules__d { grid-column: 2; }
}

/* chips never wrap past their fixed-height pill */
.fiq-chip { white-space: nowrap; }
.fix__sol, .vert__also .fiq-chip { flex-shrink: 0; }

/* ---------- two halves ---------- */
.halves { display: grid; grid-template-columns: minmax(0,1fr) 40px minmax(0,1fr); align-items: stretch; }
.halves__plus { display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: var(--size-2xl); color: var(--dark-gold); }
.half { padding: var(--space-5) var(--space-6); }
.half__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding-bottom: 12px; border-bottom: 1px solid var(--rule); }
.fiq-card--dark .half__head { border-bottom-color: var(--rule-dark, rgba(247,245,242,.14)); }
.half__head .fiq-chip { white-space: nowrap; flex-shrink: 0; }
.half__row { display: grid; grid-template-columns: 36px minmax(0,1fr) 24px; align-items: center; gap: var(--space-3); padding: 15px 0; border-bottom: 1px solid var(--rule); text-decoration: none; color: inherit; }
.fiq-card--dark .half__row { border-bottom-color: rgba(247,245,242,.12); }
.half__row:last-child { border-bottom: 0; padding-bottom: 2px; }
.half__row:hover { color: inherit; }
.half__n { font-family: var(--font-mono); font-size: var(--size-mono); letter-spacing: var(--tracking-label); color: var(--dark-gold); }
.fiq-card--dark .half__n, .fiq-card--dark .half__arrow { color: var(--brand-gold); }
.half__t { font-weight: 700; font-size: var(--size-md); letter-spacing: -0.015em; color: var(--fg-primary); }
.fiq-card--dark .half__t { color: var(--warm-white); }
.half__arrow { font-family: var(--font-mono); color: var(--dark-gold); transition: transform var(--dur-fast) var(--ease); }
.half__row:hover .half__arrow { transform: translateX(3px); }

/* ---------- agent hand-off ---------- */
.agent__hand { margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--rule); display: flex; flex-direction: column; gap: 4px; }
.agent__hand > span:last-child { font-size: var(--size-sm); font-weight: 600; color: var(--fg-primary); }
.fiq-card--gold .agent__hand { border-top-color: rgba(51,39,15,.16); }
.fiq-card--gold .agent__hand > span:last-child { color: #33270F; }

/* ---------- seven steps ---------- */
.steps7 { display: flex; gap: var(--space-4); align-items: stretch; }
.steps7__phase { display: flex; flex-direction: column; flex-basis: 0; min-width: 0; }
.steps7__label { display: block; padding-bottom: 8px; margin-bottom: var(--space-3); border-bottom: 2px solid var(--brand-gold); }
.steps7__row { display: flex; gap: var(--space-3); flex: 1; }
.steps7__card { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.steps7__t { font-weight: 800; font-size: var(--size-md); letter-spacing: -0.02em; color: var(--fg-primary); }
.fiq-card--dark .steps7__t { color: var(--warm-white); }
.steps7__p { margin-top: auto; display: flex; flex-direction: column; gap: 3px; font-size: var(--size-xs); font-weight: 500; line-height: 1.45; color: var(--fg-body); }
.fiq-card--dark .steps7__p { color: var(--fg-on-dark); }

/* ---------- who: not for ---------- */
.who__not { margin: var(--space-4) 0 0; display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; font-size: var(--size-sm); font-weight: 500; color: var(--fg-on-dark); }

/* ---------- services: foundation cards ---------- */
.svcx { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--space-6); align-items: start; }
.svcx .svc__kpi b { font-size: var(--size-4xl); }

/* ---------- services: agents table ---------- */
.agt { padding: var(--space-3) var(--space-6); }
.agt__row { display: grid; grid-template-columns: minmax(180px, .9fr) minmax(0, .9fr) minmax(0, 1.6fr) minmax(0, 1.2fr); gap: var(--space-4); padding: 18px 0; border-bottom: 1px solid var(--rule); align-items: baseline; }
.agt__row:last-child { border-bottom: 0; }
.agt__row--head { padding: 12px 0; }
.agt__row--gold { margin: 0 calc(var(--space-6) * -1); padding-left: var(--space-6); padding-right: var(--space-6); background: linear-gradient(180deg, #D6B276, #BF9552); border-bottom: 0; border-radius: 0 0 22px 22px; }
.agt__row--gold .agt__name, .agt__row--gold .agt__v, .agt__row--gold .numcard__n { color: #33270F; }
.agt__name { display: flex; gap: 10px; align-items: baseline; font-weight: 800; font-size: var(--size-md); letter-spacing: -0.02em; color: var(--fg-primary); }
.agt__v { font-size: var(--size-sm); font-weight: 500; line-height: 1.5; color: var(--fg-body); }
.agt__v--hand { font-weight: 600; color: var(--fg-primary); }

/* ---------- services: programs ---------- */
.progs { grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* ---------- not sold ---------- */
.notsold { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }
.notsold__why { font-size: var(--size-sm); font-weight: 600; color: var(--fg-primary); }

/* ---------- pay: 50/50 ---------- */
.pay__seg--half { height: 56px; }
.pay__seg--build:not(.pay__seg--half):not(.pay__seg--big) { height: 14px; }

@media (max-width: 1080px) { .progs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  .halves { grid-template-columns: 1fr; }
  .halves__plus { padding: 6px 0; }
  .half { padding: var(--space-4); }
  .steps7, .steps7__row { flex-direction: column; }
  .svcx { grid-template-columns: 1fr; gap: var(--space-4); }
  .agt { padding: var(--space-2) var(--space-4); }
  .agt__row { grid-template-columns: 1fr; gap: 6px; }
  .agt__row--head { display: none; }
  .agt__row--gold { margin: 0 calc(var(--space-4) * -1); padding-left: var(--space-4); padding-right: var(--space-4); }
  .progs { grid-template-columns: 1fr; }
}

/* ---------- image placeholders ---------- */
.shot { margin: 0; }
.shot__frame { position: relative; width: 100%; border-radius: 14px; overflow: hidden; background: var(--surface-sunken); box-shadow: inset 0 1px 3px rgba(31,38,32,.08); }
.shot__frame image-slot { position: absolute; inset: 0; width: 100%; height: 100%; }
.shot--dark .shot__frame { background: rgba(247,245,242,.08); box-shadow: inset 0 1px 3px rgba(0,0,0,.25); }
.pic { padding: var(--space-4); }
.pic__t { margin: var(--space-4) 0 4px; font-weight: 800; font-size: var(--size-lg); letter-spacing: -0.025em; color: var(--fg-primary); }
.dash__shot { padding: var(--space-3); }
.who__pics { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); margin-top: var(--space-5); }
.svcx__shot { grid-column: 1 / -1; }
.about__pics { display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--space-4); }
@media (max-width: 900px) { .who__pics, .about__pics { grid-template-columns: 1fr; } }

/* ---------- pricing tiers ---------- */
.tierhead { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-5); }
.tierhead__note { max-width: 46ch; text-align: right; }
.tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); align-items: stretch; }
.tier__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.tier__head .fiq-chip { white-space: nowrap; flex-shrink: 0; }
.tier__t { margin: 0; font-weight: 800; font-size: var(--size-2xl); letter-spacing: -0.035em; color: var(--fg-primary); }
.fiq-card--dark .tier__t { color: var(--warm-white); }
.fiq-card--gold .tier__t { color: #33270F; }
.tier__for { margin: var(--space-3) 0 0; font-size: var(--size-sm); font-weight: 600; line-height: 1.5; color: var(--fg-body); }
.fiq-card--dark .tier__for { color: var(--fg-on-dark); }
.fiq-card--gold .tier__for { color: #33270F; }
.tier__plus { display: block; margin-top: var(--space-5); padding-top: var(--space-3); border-top: 1px solid var(--rule); }
.fiq-card--dark .tier__plus { border-top-color: rgba(247,245,242,.14); }
.fiq-card--gold .tier__plus { border-top-color: rgba(51,39,15,.16); color: #33270F; }
.tier .eq__list { margin-top: var(--space-3); }
.fiq-card--gold .eq__list li, .fiq-card--gold .eq__tick { color: #33270F; }
.mix { display: flex; align-items: center; justify-content: center; gap: var(--space-3); padding: var(--space-2) 0; }
.mix__plus { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: var(--size-xl); color: var(--dark-gold); background: var(--surface-sunken); box-shadow: inset 0 1px 3px rgba(31,38,32,.08); }
.termbar { margin-top: var(--space-4); display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }
.termbar__t { margin-left: auto; font-weight: 700; font-size: var(--size-sm); color: var(--fg-primary); }
.adcard { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-6); align-items: center; }
.adcard .eq__t { margin-top: var(--space-2); }
@media (max-width: 900px) {
  .tierhead { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
  .tierhead__note { text-align: left; }
  .tiers, .adcard { grid-template-columns: 1fr; }
  .termbar__t { margin-left: 0; width: 100%; }
}

/* ---------- integrations ---------- */
.intg__list { display: flex; flex-direction: column; margin-top: var(--space-3); }
.intg__item { padding: 10px 0; border-bottom: 1px solid var(--rule); font-weight: 700; font-size: var(--size-sm); color: var(--fg-primary); }
.intg__item:last-child { border-bottom: 0; padding-bottom: 0; }