/* GENERATED — do not hand-edit. Page CSS scoped under .fo-scope from
 * tools/acf-gen/src/content/services/expert.php ($head_css). Regenerate: npm run assets:fo */
.fo-scope .page-hero { cursor: crosshair; }
.fo-scope .hero-sq { position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; will-change: transform;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.12); animation: hero-sq-pop .22s ease-out; }
@keyframes hero-sq-pop { from { opacity: 0; } to { opacity: 1; } }
.fo-scope .hero-hint { position: absolute; z-index: 3; right: clamp(20px, 5vw, 64px); bottom: clamp(20px, 4vh, 40px);
    display: flex; align-items: center; gap: 9px; font-family: var(--type-family-mono); font-size: 12px;
    letter-spacing: .1em; text-transform: uppercase; color: var(--color-text-dim); transition: color .25s ease; }
.fo-scope .hero-hint__sq { width: 10px; height: 10px; flex-shrink: 0; border: 1.5px solid var(--accent-lead); background: transparent;
    animation: hero-hint-pulse 2.6s ease-in-out infinite; }
@keyframes hero-hint-pulse { 0%, 100% { transform: scale(1); opacity: .55; } 50% { transform: scale(1.4); opacity: 1; } }
.fo-scope .page-hero:hover .hero-hint { color: var(--color-text-muted); }
@media (prefers-reduced-motion: reduce) {
.fo-scope .hero-hint__sq { animation: none; }
}
@media (max-width: 640px) {
.fo-scope .hero-hint { display: none; }
}
.fo-scope .card { transition: transform .2s ease, filter .3s ease, background-color .2s ease; }
.fo-scope .card:hover { filter: drop-shadow(0 8px 26px rgba(124,126,238,.26)); --edge: var(--accent-lead); }
.fo-scope .mcard:hover { filter: none; transform: none; --edge: var(--color-accent-6); }
@media (prefers-reduced-motion: reduce) {
.fo-scope .card { transition: none; }
}
.fo-scope .xsplit__scroll,
.fo-scope .xsplit__stick { position: static; height: auto; }
.fo-scope .xsplit__stage { margin-inline: min(9.2vw, var(--content-inset)); }
.fo-scope .xsplit__row { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; margin-top: var(--space-8); }
.fo-scope .xsplit__head { margin: 0; width: max-content; max-width: 100%; font-family: var(--type-family-display); font-weight: 400;
    text-transform: uppercase; font-size: clamp(1.45rem, 2.2vw, 2.2rem); line-height: 1.08; letter-spacing: -.01em;
    color: var(--color-text-strong); text-align: center; will-change: transform; }
.fo-scope .xsplit__head--l { justify-self: start; }
.fo-scope .xsplit__head--r { justify-self: end; }
.fo-scope .xsplit__copy { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(35ch, 43vw);
    text-align: center; margin: 0; color: var(--color-text-muted); font-size: clamp(1.05rem, 1.5vw, 1.35rem); line-height: 1.6;
    transition: opacity .4s ease; }
@media (min-width: 1025px) and (prefers-reduced-motion: no-preference) {
.fo-scope .xsplit { padding-block: var(--space-16); }
.fo-scope .xsplit__scroll { position: relative; height: auto; }
.fo-scope .xsplit__stick { position: static; height: auto; display: grid; align-content: center; }
.fo-scope .xsplit__eyebrow { margin-bottom: var(--space-8); }
}
@media (max-width: 1024px) {
.fo-scope .xsplit__row { grid-template-columns: 1fr; text-align: center; gap: var(--space-4); }
.fo-scope .xsplit__head,
.fo-scope .xsplit__head--r { justify-self: center; }
.fo-scope .xsplit__copy { position: static; transform: none; width: auto; margin: var(--space-6) auto 0; }
}
.fo-scope .tier-split { display: block; }
.fo-scope .tier-split__intro { margin-top: var(--space-4); }
.fo-scope .stackdeck { display: flex; flex-direction: column; gap: var(--space-6); margin-top: var(--space-12); }
.fo-scope .stackcard .step__num { color: var(--color-text-dim); }
.fo-scope .stackcard .vcard__value { font-family: var(--type-family-display); font-weight: 400; text-transform: uppercase;
    font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: 1; letter-spacing: -.01em; margin: var(--space-3) 0 var(--space-4); }
.fo-scope .tier-pin__scroll,
.fo-scope .tier-pin__stick { position: static; height: auto; }
@media (min-width: 900px) {
.fo-scope .tier-split { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: clamp(48px, 6vw, 104px); align-items: start; }
.fo-scope .tier-split__head { position: sticky; top: 116px; }
.fo-scope .tier-split__head .lead-head { max-width: 22ch; }
}
.fo-scope .rp-hl { display: none; }
@media (min-width: 900px) {
.fo-scope .rp-slide.is-on { padding-block: 0; height: 200vh; }
.fo-scope .rp-slide.is-on .rp-pin { position: sticky; top: 76px; height: calc(100vh - 76px); display: grid; align-content: center; }
.fo-scope .rp-slide.is-on .compare { position: relative; overflow: visible; border: 0; }
.fo-scope .rp-slide.is-on .compare__col { position: relative; z-index: 1; opacity: .4; transition: opacity .4s ease; border: 0; }
.fo-scope .rp-slide.is-on .compare__col--accent { background: transparent; }
.fo-scope .rp-slide.is-on .compare__col.is-active { opacity: 1; }
.fo-scope .rp-slide.is-on .rp-hl { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; z-index: 0;
      --bevel: 16px; background-color: var(--color-border-accent); clip-path: var(--clip-tr);
      box-shadow: 0 0 60px rgba(124,126,238,.22); will-change: transform;
      transition: transform .18s ease-out, background-color .45s ease, box-shadow .45s ease; }
.fo-scope .rp-slide.is-on .rp-hl::after { content: ""; position: absolute; inset: 1px; background: var(--color-surface-2); clip-path: var(--clip-tr); }
.fo-scope .rp-slide.is-on .rp-hl.is-red { background-color: #FF3B57; box-shadow: 0 0 60px rgba(255,59,87,.26); }
}
.fo-scope .orbit__head { margin-bottom: var(--space-12); }
.fo-scope .orbit__head .eyebrow { margin-bottom: var(--space-4); }
.fo-scope .orbit__tag { font-family: var(--type-family-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--color-text-dim); display: block; margin-bottom: var(--space-3); }
.fo-scope .orbit__grid { display: flex; flex-wrap: wrap; gap: var(--space-6); }
.fo-scope .orbit-card { flex: 0 0 calc((100% - 3 * var(--space-6)) / 4);
    --edge: var(--color-accent-6); --fill: var(--color-surface-1); --stroke: 1px; --bevel: 16px;
    position: relative; isolation: isolate; background-color: var(--edge); clip-path: var(--clip-tr);
    padding: var(--space-8); scroll-margin-top: 90px; }
.fo-scope .orbit-card::after { content: ""; position: absolute; inset: var(--stroke); background: var(--fill); clip-path: var(--clip-tr); z-index: -1; }
.fo-scope .orbit-card__ic { display: block; color: var(--color-text-accent); margin-bottom: var(--space-6); }
.fo-scope .orbit-card__ic svg { width: clamp(32px, 3.2vw, 42px); height: auto; display: block; }
.fo-scope .orbit-card h3 { margin: 0 0 var(--space-4); }
.fo-scope .orbit-card p { margin: 0; color: var(--color-text-muted); }
.fo-scope .orbit-card .card__cta { display: inline-block; margin-top: var(--space-6); text-decoration: none; }
@media (min-width: 768px) and (max-width: 1024px) {
.fo-scope .orbit-card { flex: 0 0 calc((100% - var(--space-6)) / 2); }
}
@media (max-width: 767px) {
.fo-scope .orbit-card { flex: 0 0 100%; }
}
.fo-scope .vwhy__scroll { position: relative; }
.fo-scope .vwhy__stick { position: relative; }
.fo-scope .vwhy__intro { position: relative; z-index: 1; }
.fo-scope .vwhy__clip { position: relative; margin-top: var(--space-12); }
.fo-scope .vwhy__list { position: relative; }
.fo-scope .vwhy__row { display: grid; grid-template-columns: auto 1fr 1.6fr; border-top: 1px solid var(--color-border-subtle); padding-inline: var(--col-inset); }
.fo-scope .vwhy__row:last-of-type { border-bottom: 1px solid var(--color-border-subtle); }
.fo-scope .vwhy__cell { padding: clamp(20px, 1.7vw, 30px) var(--cell-pad); display: flex; flex-direction: column; justify-content: flex-start; }
.fo-scope .vwhy__cell.vwhy__head h3 { margin: 0; }
.fo-scope .vwhy__copy p { margin: 0; color: var(--color-text-muted); }
.fo-scope .vwhy__ic { display: block; width: clamp(22px, 2.2vw, 30px); height: auto;
    color: var(--color-text-muted); opacity: .55;
    transition: color .6s ease, opacity .6s ease; }
.fo-scope .vwhy__row.is-lit .vwhy__ic { color: var(--color-accent-4); opacity: 1; }
@media (prefers-reduced-motion: reduce) {
.fo-scope .vwhy__ic { transition: none; }
}
.fo-scope .vwhy__ic svg { width: 100%; height: auto; display: block; }
.fo-scope .vwhy__media,
.fo-scope .vwhy__logo { display: none; }
@media (max-width: 1024px) {
.fo-scope .vwhy__row { grid-template-columns: 1fr; }
.fo-scope .vwhy__media { display: none; }
}
@media (max-width: 767px) {
.fo-scope .vwhy__row { padding: var(--space-6) var(--content-inset); row-gap: 20px; }
.fo-scope .vwhy__cell { padding: 0; }
}
.fo-scope .method-h__scroll { margin-top: var(--space-12); overflow: visible;
    padding: var(--space-2) var(--content-inset) var(--space-6); }
.fo-scope .method-h__track { display: flex; flex-wrap: wrap; gap: var(--space-6); }
.fo-scope .mcard { flex: 0 0 calc((100% - 3 * var(--space-6)) / 4);
    justify-content: flex-start; transition: opacity .35s ease, transform .3s ease, filter .3s ease;
    --fill: var(--color-surface-1); --edge: var(--color-accent-6); --stroke: 1px; }
.fo-scope .mcard__top,
.fo-scope .mcard__foot { opacity: 1; }
.fo-scope .mcard__num { font-family: var(--type-family-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--color-accent-6); }
.fo-scope .mcard__top h3 { margin: var(--space-4) 0 0; }
.fo-scope .mcard__foot { margin-top: var(--space-6); }
.fo-scope .mcard__foot p { margin: 0; color: var(--color-text-strong); line-height: 1.55; }
@media (prefers-reduced-motion: reduce) {
.fo-scope .mcard { transition: none; }
}
@media (min-width: 768px) and (max-width: 1024px) {
.fo-scope .mcard { flex: 0 0 calc((100% - var(--space-6)) / 2); }
}
@media (max-width: 767px) {
.fo-scope .method-h__scroll { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
      scroll-behavior: smooth; scroll-padding-inline: var(--content-inset);
      scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.fo-scope .method-h__scroll::-webkit-scrollbar { display: none; }
.fo-scope .method-h__track { flex-wrap: nowrap; width: max-content; }
.fo-scope .mcard { flex: 0 0 78vw; scroll-snap-align: start; }
}
.fo-scope .method-h__nav { display: none; gap: var(--space-3); margin-top: var(--space-6);
    padding-inline: var(--content-inset); }
.fo-scope .method-h__arrow { display: inline-flex; align-items: center; justify-content: center;
    width: 46px; height: 46px; border-radius: 999px; background: none; padding: 0;
    border: 1px solid var(--color-border-subtle); color: var(--color-text-strong);
    cursor: pointer; transition: border-color .2s ease, color .2s ease, opacity .2s ease; }
.fo-scope .method-h__arrow:hover:not(:disabled) { border-color: var(--color-border-accent); color: var(--color-text-accent); }
.fo-scope .method-h__arrow:disabled { opacity: .3; cursor: default; }
.fo-scope .method-h__arrow svg { width: 17px; height: 17px; display: block; }
@media (max-width: 767px) {
.fo-scope .method-h__nav { display: flex; justify-content: center; padding-inline: var(--gutter); }
}
@media (prefers-reduced-motion: reduce) {
.fo-scope .method-h__scroll { scroll-behavior: auto; }
}
.fo-scope .cta-blade { overflow: hidden; padding-top: clamp(64px, 9vh, 120px); padding-bottom: clamp(130px, 20vh, 240px); }
.fo-scope .cta-blade::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; z-index: 0; pointer-events: none;
    background:
      radial-gradient(72% 100% at 14% 118%, rgba(255,117,0,.5), transparent 60%),
      radial-gradient(64% 100% at 50% 122%, rgba(255,189,239,.42), transparent 58%),
      radial-gradient(78% 100% at 88% 118%, rgba(62,255,238,.45), transparent 62%);
    filter: blur(34px); }
.fo-scope .cta-blade > .wrap { position: relative; z-index: 1; }