/* Built by _dev/bin/build-css.php from: service-pages, portfolio, wordpress, megamenu, typography, utilities. Edit the sources. */
.nav{position:relative}
.nav-links>li.has-mega{position:static;display:inline-flex;align-items:center}
.nav-links .sub-link{padding-inline-end:.2rem}
.nav-links .sub-toggle-icon{padding:.55rem .45rem .55rem .6rem;gap:0}
.nav-links .sub-toggle-icon::after{display:none}
.nav-links .sub-link::after{inset-inline-end:-1.3rem}
.mega-cols.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.mega-col ul{display:grid;gap:.1rem}
.sub.mega a:hover .mi,.sub.mega a[aria-current="page"] .mi{opacity:1}
.sub.mega a[aria-current="page"]{color:var(--foreground);background:rgba(255,255,255,0.06);box-shadow:inset 3px 0 0 var(--accent)}
.menu-group ul.cols{display:grid;grid-template-columns:1fr;gap:.05rem var(--space-3)}
.menu-group ul.cols a[aria-current="page"]{color:var(--accent)}
@media (min-width:480px){
  .menu-group ul.cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-10);align-items:center}
.hero-visual{position:relative;min-width:0}
.hero-visual .frame{aspect-ratio:4/3}
.hero-visual .frame img{object-position:top center}
.hero-cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);--fs:var(--text-sm);color:var(--foreground-muted)}
.hero-cap a{color:var(--foreground-secondary)}
.hero-cap a:hover{color:var(--foreground)}
.page-hero .page-title{max-width:100%;text-wrap:balance}
.hero-grid>div{min-width:0}
@media (min-width:1000px){
  .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--gutter)}
  .hero-grid.text-wide{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
}
.split .section-head{grid-template-columns:1fr;margin-bottom:1.75rem}
.split .section-head .heading{max-width:none;}
.split .section-head .lead{justify-self:start;padding-bottom:0}
.grid-2,.grid-3,.grid-4{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
@media (min-width:640px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.split{display:grid;grid-template-columns:1fr;gap:var(--space-10)}
@media (min-width:1000px){
  .split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gutter);align-items:start}
  .split.even{grid-template-columns:1fr 1fr}
  .split.rev>:first-child{order:2}
}
.prose{max-width:62ch;color:var(--foreground-secondary);--fs:var(--text-lg)}
.prose p+p{margin-top:var(--space-4)}
.prose strong{color:var(--foreground);font-weight:600}
.stack{display:grid;gap:var(--space-6);align-content:start}
.sticky{position:sticky;top:calc(var(--header-h) + 1rem)}
.note{position:relative;padding:1.1rem 1.3rem;padding-inline-start:var(--space-6);border:1px solid rgba(212,175,106,0.35);border-radius:var(--radius-md);background:var(--card-background);color:var(--foreground-secondary);--fs:var(--text-base);line-height:1.75}
.note b{color:var(--foreground);font-weight:600}
.note.warn{border-inline-start-color:var(--warning)}
.note.ok{border-inline-start-color:var(--success)}
.note .t{display:block;font-weight:600;color:var(--foreground);margin-bottom:.3rem;--fs:var(--text-base)}
.mini{display:flex;flex-direction:column;gap:.8rem;padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-background);transition:border-color 260ms var(--ease-out),background-color 260ms var(--ease-out)}
.mini:hover{border-color:var(--border-strong);background:var(--card-background)}
.mini .ico-box{width:44px;height:44px;border-radius:var(--radius)}
.mini .ico-box svg{width:20px;height:20px}
.mini b{display:block;font-family:var(--font-display);font-weight:700;--fs:var(--text-lg);line-height:1.45}
.mini p{--fs:var(--type-body);color:var(--foreground-secondary)}
.mini .idx{--fs:var(--text-sm)}
.mini.q{border-color:rgba(212,175,106,0.35)}
.deliv{display:grid;gap:var(--space-3);counter-reset:d}
.deliv li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-6);align-items:start;padding:var(--space-4) 1.1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-background)}
.deliv li::before{counter-increment:d;content:counter(d,decimal-leading-zero);font-family:var(--font-num);font-weight:600;--fs:var(--text-sm);color:var(--accent);padding-top:.35rem;direction:ltr}
.deliv b{display:block;font-weight:600}
.deliv span{display:block;--fs:var(--text-base);color:var(--foreground-secondary);margin-top:.15rem}
.steps{--step-rail-width:calc(36px + 1.25rem);position:relative;display:grid;gap:1.75rem;padding-inline-start:var(--step-rail-width)}
.steps::before{content:"";position:absolute;inset-inline-start:17px;top:.5rem;bottom:.5rem;width:1px;background:var(--border-strong)}
.steps li{position:relative}
.steps li::before{content:attr(data-n);position:absolute;inset-inline-start:calc(-1 * var(--step-rail-width));top:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--background);border:1px solid rgba(212,175,106,0.5);font-family:var(--font-num);font-weight:600;--fs:var(--text-sm);color:var(--accent)}
.steps b{display:block;font-family:var(--font-display);font-weight:700;--fs:var(--text-lg);line-height:1.4;padding-top:.35rem}
.steps p{margin-top:.35rem;color:var(--foreground-secondary);--fs:var(--type-body);max-width:58ch}
.steps .out{margin-top:var(--space-2);--fs:var(--text-sm);color:var(--foreground-muted)}
.steps .out b{display:inline;font-family:inherit;font-style:inherit;font-weight:inherit;font-stretch:inherit;font-variant:inherit;line-height:inherit;--fs:1em;font-weight:600;color:var(--foreground-secondary);padding:0}
.pipe{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.pipe li{position:relative;padding:1.2rem 1.3rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-background)}
.pipe .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-subtle);border:1px solid rgba(212,175,106,0.45);font-family:var(--font-num);font-weight:600;--fs:var(--text-sm);color:var(--accent)}
.pipe b{display:block;margin-top:.8rem;font-family:var(--font-display);font-weight:700;--fs:var(--text-lg);line-height:1.4}
.pipe p{margin-top:.35rem;--fs:var(--text-sm);color:var(--foreground-secondary)}
@media (min-width:900px){
  .pipe{grid-template-columns:repeat(var(--cols,5),minmax(0,1fr))}
  .pipe li::after{content:"";position:absolute;top:50%;inset-inline-start:-1rem;width:1rem;height:1px;background:var(--border-strong)}
  .pipe li:first-child::after{display:none}
}
.rel-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.rel-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:1.3rem 1.4rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-background);transition:border-color 260ms var(--ease-out),background-color 260ms var(--ease-out),transform 260ms var(--ease-out)}
.rel-card:hover,.rel-card:focus-within{border-color:rgba(212,175,106,0.55);background:var(--card-background);transform:translateY(-2px)}
.rel-card .cat{--fs:var(--text-xs);color:var(--accent);font-weight:500}
.rel-card b{font-family:var(--font-display);font-weight:700;--fs:var(--text-lg);line-height:1.45}
.rel-card b a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.rel-card p{--fs:var(--type-body);color:var(--foreground-secondary)}
.rel-card .go{margin-top:auto;padding-top:var(--space-2);display:inline-flex;align-items:center;gap:.4rem;--fs:var(--text-sm);color:var(--accent)}
.rel-card .go svg{width:1em;height:1em;transform:scaleX(-1)}
@media (min-width:640px){
  .rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  .rel-grid{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
}
.proof{position:relative;display:flex;flex-direction:column;gap:.9rem}
.proof .frame{aspect-ratio:4/3}
.proof .frame img{object-position:top center;filter:saturate(.82) brightness(.96);transition:transform 900ms var(--ease-expo),filter 500ms var(--ease-out)}
.proof:hover .frame img,.proof:focus-within .frame img{transform:scale(1.04);filter:none}
.proof h3{font-family:var(--font-num);font-weight:700;direction:ltr;text-align:start;unicode-bidi:isolate}
.proof h3 a::after{content:"";position:absolute;inset:0}
.proof p{--fs:var(--type-body);color:var(--foreground-secondary)}
.proof .tags{margin-top:.1rem}
.proof-note{margin-top:var(--space-5);--fs:var(--text-sm);color:var(--foreground-muted);max-width:70ch}
.logo-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.logo-strip li a{display:flex;align-items:center;justify-content:center;min-height:84px;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color 240ms var(--ease-out),background-color 240ms var(--ease-out)}
.logo-strip li a:hover,.logo-strip li a:focus-visible{border-color:rgba(212,175,106,0.5);background:var(--surface-elevated)}
.logo-strip img{max-height:40px;max-width:140px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(1.6) contrast(.9);opacity:.85;transition:filter 300ms,opacity 300ms}
.logo-strip li a:hover img{filter:none;opacity:1}
.logo-strip.color img{filter:none;opacity:1}
@media (min-width:640px){
  .logo-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
  .logo-strip{grid-template-columns:repeat(6,minmax(0,1fr))}
}
.strip-note{margin-top:.9rem;--fs:var(--text-sm);color:var(--foreground-muted)}
.tabs{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.tab-list{display:flex;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}
.tab-list::-webkit-scrollbar{display:none}
.tab{flex:1 0 auto;position:relative;min-height:52px;padding:.9rem 1.2rem;--fs:var(--text-base);font-weight:500;color:var(--foreground-secondary);white-space:nowrap;transition:color 200ms}
.tab::after{content:"";position:absolute;inset-inline:1rem;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform 260ms var(--ease-out)}
.tab[aria-selected="true"]{color:var(--foreground)}
.tab[aria-selected="true"]::after{transform:scaleX(1)}
.tab:hover{color:var(--foreground)}
.tab-panel{display:grid;grid-template-columns:1fr;gap:var(--space-6);padding:clamp(1.25rem,3vw,2rem)}
.tab-panel[hidden]{display:none}
.tab-panel h3{font-family:var(--font-display);font-weight:700;}
.tab-panel p{margin-top:.6rem;color:var(--foreground-secondary);--fs:var(--type-body)}
.tab-panel .checks{margin-top:var(--space-4);--fs:var(--text-base)}
.tab-panel .frame{aspect-ratio:4/3}
.tab-panel .frame img{object-position:top center}
.tab-panel .frame figcaption{position:absolute;inset-inline:0;bottom:0;padding:var(--space-2) .8rem;background:rgba(11,12,14,0.78);--fs:var(--text-xs);color:var(--foreground-secondary)}
@media (min-width:900px){
  .tab-panel{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
}
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.cmp{width:100%;border-collapse:collapse;--fs:var(--text-base);min-width:560px}
.cmp th,.cmp td{padding:.9rem var(--space-4);text-align:start;vertical-align:top;border-bottom:1px solid var(--border)}
.cmp thead th{--fs:var(--text-sm);font-weight:600;color:var(--foreground-muted);background:rgba(255,255,255,0.025)}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp td b{display:block;font-weight:600;color:var(--foreground)}
.cmp td span{display:block;--fs:var(--text-sm);color:var(--foreground-secondary);margin-top:.15rem}
.cmp .yes,.cmp .no,.cmp .plan{display:inline-flex;align-items:center;gap:.4rem;--fs:var(--text-sm);font-weight:500;white-space:nowrap}
.cmp .yes{color:var(--success)}
.cmp .no{color:var(--foreground-muted)}
.cmp .plan{color:var(--warning)}
.cmp .yes::before,.cmp .no::before,.cmp .plan::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.cmp.plain{min-width:0}
.cmp caption{caption-side:bottom;padding:.8rem var(--space-4);--fs:var(--text-sm);color:var(--foreground-muted);text-align:start}
.sev{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:var(--radius-sm);font-family:var(--font-num);font-weight:600;--fs:var(--text-xs);letter-spacing:.02em;border:1px solid;direction:ltr}
.sev.crit{color:#FF7B7B;border-color:rgba(255,107,107,0.45);background:rgba(255,107,107,0.1)}
.sev.high{color:#FFB15C;border-color:rgba(255,177,92,0.45);background:rgba(255,177,92,0.1)}
.sev.med{color:#F2D262;border-color:rgba(242,210,98,0.4);background:rgba(242,210,98,0.08)}
.sev.low{color:#7FD8A8;border-color:rgba(127,216,168,0.4);background:rgba(127,216,168,0.08)}
.diagram::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(80% 80% at 50% 50%,#000,transparent);mask-image:radial-gradient(80% 80% at 50% 50%,#000,transparent)}
.diagram>*{position:relative}
.diagram ul,.diagram p,.diagram .lbl{min-width:0}
.diagram .lbl{display:inline-block;margin-bottom:.9rem;padding:var(--space-1) .6rem;border-radius:var(--radius-sm);background:rgba(255,255,255,0.05);border:1px solid var(--border);--fs:var(--text-xs);color:var(--foreground-muted)}
.diagram .cap{margin-top:.9rem;--fs:var(--text-sm);color:var(--foreground-muted)}
.diagram .box{fill:#202329;stroke:rgba(255,255,255,0.18);stroke-width:1}
.diagram .box.acc{fill:rgba(212,175,106,0.14);stroke:rgba(212,175,106,0.6)}
.diagram .box.dim{fill:#17191D;stroke:rgba(255,255,255,0.1);stroke-dasharray:4 4}
.diagram .ln{stroke:rgba(255,255,255,0.28);stroke-width:1.2;fill:none}
.diagram .ln.acc{stroke:#D4AF6A}
.diagram .ln.dash{stroke-dasharray:5 5}
.diagram .tx{fill:#F5F5F2;font-weight:500}
.diagram .tx.s{fill:#A7ABB4;--fs:var(--text-xs);font-weight:400}
.diagram .tx.acc{fill:#D4AF6A}
.diagram .tx.m{font-family:var(--font-num);--fs:var(--text-xs);fill:#8A8E97}
.diagram .dot{fill:#D4AF6A}
.legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-4);--fs:var(--text-sm);color:var(--foreground-secondary)}
.legend li{display:inline-flex;align-items:center;gap:.45rem}
.legend i{width:12px;height:12px;border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--surface-elevated)}
.legend i.acc{background:rgba(212,175,106,0.3);border-color:var(--accent)}
.legend i.dim{border-style:dashed;background:transparent}
.mock{position:relative;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#111317;overflow:hidden;--fs:var(--text-sm);color:var(--foreground-secondary)}
.mock .bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-bottom:1px solid var(--border);background:#0B0C0E}
.mock .bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.15)}
.mock .bar span{margin-inline-start:auto;font-family:var(--font-num);--fs:var(--text-xs);color:var(--foreground-muted);direction:ltr}
.mock .body{padding:.9rem}
.mock .ph{height:10px;border-radius:var(--radius-xs);background:rgba(255,255,255,0.09)}
.mock .ph.w60{width:60%}
.mock .ph.w40{width:40%}
.mock .ph.w80{width:80%}
.mock .ph.w30{width:30%}
.mock .ph.acc{background:rgba(212,175,106,0.6)}
.mock .row{display:flex;gap:.6rem;align-items:center;margin-top:.6rem}
.mock .img{flex:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(255,255,255,0.12),rgba(255,255,255,0.04))}
.mock .btn-m{display:inline-block;padding:.35rem .7rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-weight:600;--fs:var(--text-xs)}
.mock .btn-o{display:inline-block;padding:.35rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);--fs:var(--text-xs);color:var(--foreground)}
.mock .tag{position:absolute;top:.5rem;inset-inline-end:.5rem;z-index:2;padding:.15rem var(--space-2);border-radius:var(--radius-xs);background:rgba(224,168,74,0.15);border:1px solid rgba(224,168,74,0.5);color:var(--warning);--fs:var(--text-xs);font-weight:600}
.mock .ann{position:absolute;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-num);--fs:var(--text-xs);font-weight:700;box-shadow:var(--ring-accent)}
.mock .line-t{height:8px;border-radius:var(--radius-xs);background:rgba(255,255,255,0.1);margin-top:.4rem}
.mock .cell{padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,0.02)}
.mock .hl-box{outline:2px dashed rgba(212,175,106,0.7);outline-offset:3px;border-radius:var(--radius-sm)}
.mock-cap{margin-top:var(--space-3);--fs:var(--text-sm);color:var(--foreground-muted)}
.ann-list{display:grid;gap:.6rem;margin-top:var(--space-4)}
.ann-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start;--fs:var(--text-base);color:var(--foreground-secondary)}
.ann-list .k{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-num);--fs:var(--text-xs);font-weight:700;margin-top:.15rem}
.ann-list b{color:var(--foreground);font-weight:600}
.kpi{padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.kpi .k{font-family:var(--font-num);font-weight:700;--fs:var(--text-2xl);color:var(--foreground);direction:ltr;text-align:start}
.kpi .k small{--fs:var(--text-xs);font-weight:500;color:var(--foreground-muted);margin-inline-start:.4rem}
.kpi b{display:block;margin-top:var(--space-2);font-weight:600}
.kpi p{margin-top:.3rem;--fs:var(--type-body);color:var(--foreground-secondary)}
.kpi .th{margin-top:.8rem;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-num);--fs:var(--text-xs);color:var(--success);direction:ltr}
.kpi .th::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.funnel{display:grid;gap:.6rem}
.funnel li{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-4) 1.2rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:calc(100% - var(--shrink,0) * 1%)}
.funnel b{display:flex;align-items:center;gap:.6rem;font-weight:600}
.funnel b .idx{--fs:var(--text-xs)}
.funnel p{--fs:var(--text-sm);color:var(--foreground-secondary)}
.funnel .f{display:flex;flex-wrap:wrap;gap:.35rem}
.funnel .f span{--fs:var(--text-xs);padding:.2rem .55rem;border-radius:var(--radius-sm);border:1px solid rgba(255,107,107,0.35);color:#FF9B9B;background:rgba(255,107,107,0.07)}
@media (min-width:760px){
  .funnel li{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center}
}
.matrix{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.matrix li{padding:1.1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:120px}
.matrix li b{display:block;font-weight:600;--fs:var(--text-base)}
.matrix li small{display:block;--fs:var(--text-xs);color:var(--foreground-muted);margin-top:.1rem}
.matrix li p{margin-top:var(--space-2);--fs:var(--text-sm);color:var(--foreground-secondary)}
.matrix li.first{border-color:rgba(212,175,106,0.5);background:var(--accent-subtle)}
.matrix-axis{display:flex;justify-content:space-between;margin-top:.6rem;--fs:var(--text-xs);color:var(--foreground-muted)}
.check-cols{columns:1;column-gap:var(--space-8)}
.check-cols li{break-inside:avoid}
@media (min-width:700px){
  .check-cols{columns:2}
}
.vs{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.vs>div{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.vs>div.acc{border-color:rgba(212,175,106,0.4);background:linear-gradient(160deg,var(--surface-elevated),var(--surface))}
.vs h3{font-family:var(--font-display);font-weight:700;}
.vs .sub-t{display:block;margin-top:.2rem;--fs:var(--text-sm);color:var(--accent);font-family:var(--font-num);direction:ltr;text-align:start}
.vs p{margin-top:.8rem;color:var(--foreground-secondary);--fs:var(--type-body)}
.vs .checks{margin-top:var(--space-4);--fs:var(--text-base)}
@media (min-width:860px){
  .vs{grid-template-columns:1fr 1fr}
}
.vs-mid{display:none}
@media (min-width:860px){
  .vs.has-mid{grid-template-columns:1fr auto 1fr;align-items:center}
  .vs-mid{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);font-family:var(--font-num);--fs:var(--text-xs);color:var(--foreground-muted)}
}
.svc-group{padding-block:clamp(2rem,4vw,3rem);border-top:1px solid var(--border)}
.svc-group:first-of-type{border-top:0;padding-top:0}
.svc-group-head .kick span{font-family:var(--font-sans);color:var(--foreground-muted);font-weight:500}
.svc-group-head h3{font-family:var(--font-display);font-weight:800;}
.svc-group-head p{color:var(--foreground-secondary);max-width:60ch;--fs:var(--type-body)}
.inline-cta{display:grid;gap:var(--space-4);padding:clamp(1.5rem,3vw,2.25rem);border:1px solid rgba(212,175,106,0.35);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(212,175,106,0.12),rgba(212,175,106,0.03))}
.inline-cta b{font-family:var(--font-display);font-weight:700;--fs:var(--text-xl);line-height:1.4}
.inline-cta p{color:var(--foreground-secondary);--fs:var(--type-body);margin-top:.3rem}
@media (min-width:860px){
  .inline-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center}
}
.rows{display:grid;gap:var(--space-4)}
.row-box{padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-background)}
.row-box h3{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;margin-bottom:.9rem}
.row-box h3 .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.row-box.ex h3 .dot{background:var(--warning)}
.row-box ul{display:grid;gap:.45rem;--fs:var(--text-base);color:var(--foreground-secondary)}
.row-box ul:not(.checks) li{position:relative;padding-inline-start:1.1rem}
.row-box ul:not(.checks) li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--foreground-muted)}
@media (min-width:1000px){
  .rows{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.fit{display:grid;gap:var(--space-4)}
.fit>div{padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.fit h3{font-family:var(--font-display);font-weight:700;margin-bottom:.8rem}
.fit ul{display:grid;gap:var(--space-2);--fs:var(--text-base);color:var(--foreground-secondary)}
.fit li{position:relative;padding-inline-start:1.4rem}
.fit li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:.65rem;height:.65rem;border-radius:50%}
.fit .yes li::before{background:rgba(91,211,154,0.25);border:1px solid var(--success)}
.fit .maybe li::before{background:rgba(224,168,74,0.2);border:1px solid var(--warning)}
@media (min-width:860px){
  .fit{grid-template-columns:1fr 1fr}
}
.toggle-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}
.seg button{min-height:40px;padding:.4rem var(--space-4);border-radius:var(--radius-sm);--fs:var(--text-sm);font-weight:500;color:var(--foreground-secondary);transition:background-color 200ms,color 200ms}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);font-weight:600}
.seg button:not([aria-pressed="true"]):hover{color:var(--foreground)}
.report{width:100%;border-collapse:collapse;--fs:var(--text-sm);min-width:640px}
.report th,.report td{padding:.8rem .9rem;text-align:start;border-bottom:1px solid var(--border);vertical-align:top}
.report thead th{--fs:var(--text-sm);color:var(--foreground-muted);font-weight:600;background:rgba(255,255,255,0.025)}
.report tbody tr:last-child td{border-bottom:0}
.report td .num{--fs:var(--text-sm);color:var(--foreground-muted)}
.report .area{--fs:var(--text-sm);color:var(--accent)}
section[id],div[id],h2[id],h3[id]{scroll-margin-top:calc(var(--header-h) + .75rem)}
.mega-cols.three{grid-template-columns:repeat(3,minmax(0,1fr))}


.store-details-layout{display:grid;gap:var(--space-8);align-items:start}
.store-details-heading.section-head{display:block;margin:0;min-width:0}
.store-details-heading .store-setup-frame{margin-top:var(--space-6)}
.store-details-heading .store-setup-visual img{max-height:48vh;object-fit:contain;aspect-ratio:auto}
.store-details-content{display:grid;gap:var(--space-8);min-width:0}
@media(min-width:1024px){.store-details-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:4rem}.store-details-heading{position:sticky;top:calc(var(--header-h,80px) + 2rem)}}
.store-details-content>.stack{display:grid;gap:var(--space-4)}

.svc-mock{position:relative;container-type:inline-size;width:min(100%,520px,calc(56vh * 1.25));aspect-ratio:5/4;margin:var(--space-6) auto 0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 62%,#16294a 0,transparent 58%),radial-gradient(circle at 85% 10%,rgba(212,175,106,.12),transparent 40%),linear-gradient(160deg,#121821,#07090d 75%);perspective:1100px}
.svc-mock-orbit{position:absolute;left:5%;top:34%;width:90%;height:40%;border:2px solid #D4AF6A;border-radius:50%;transform:rotate(-10deg);opacity:.75}
.svc-mock-podium{position:absolute;left:18%;bottom:6%;width:64%;height:13%;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#2a3242,#0b0f15 70%);box-shadow:0 -2px 0 #D4AF6A55,0 18px 30px #000c}
.svc-mock-laptop{position:absolute;left:15%;top:21%;width:62%;transform:rotateY(-12deg) rotateZ(-3deg);z-index:1}
.svc-mock-screen{display:block;aspect-ratio:16/10;padding:1.8cqi 1.8cqi 2.4cqi;border:2px solid #65738a;border-radius:2.2cqi 2.2cqi .8cqi .8cqi;background:#090c12;box-shadow:3px 0 0 #D4AF6A66,0 15px 35px #0009;overflow:hidden}
.svc-mock-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:.6cqi}
.svc-mock-base{display:block;height:2.6cqi;margin:0 -6%;background:linear-gradient(#8b95a4,#313b4a 65%,#0e1623);clip-path:polygon(3% 0,97% 0,100% 65%,96% 100%,4% 100%,0 65%);box-shadow:0 4px 12px rgba(0,0,0,.5)}
.svc-mock-phone{position:absolute;right:6%;top:36%;width:16%;aspect-ratio:9/18;padding:1.1cqi;border:2px solid #77849c;border-radius:3.4cqi;background:#080c12;transform:rotate(8deg);box-shadow:0 0 2px 1px #D4AF6A99,0 20px 35px #000a;z-index:2;overflow:hidden}
.svc-mock-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% top;border-radius:2.4cqi}
.svc-mock-card{position:absolute;z-index:3;display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-2);align-items:center;width:30%;padding:.55rem .65rem;border:1px solid rgba(212,175,106,.35);border-radius:var(--radius);background:rgba(18,23,32,.86);backdrop-filter:blur(8px);box-shadow:0 10px 26px #0009,inset 0 1px 0 rgba(255,255,255,.06);animation:svc-float 6s ease-in-out infinite}
.svc-mock-card b{min-width:0;--fs:clamp(.66rem,2.5cqi,.82rem);line-height:1.35;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-mock-card small{grid-column:1/-1;margin-top:.3rem;--fs:clamp(.58rem,2.1cqi,.7rem);line-height:1.5;color:var(--foreground-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-mock-card i{grid-column:1/-1;height:3px;margin-top:.4rem;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--accent) 62%,rgba(255,255,255,.1) 0)}
.svc-mock-ico{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent)}
.svc-mock-ico svg{width:.95rem;height:.95rem}
.svc-mock-card.c1{top:4%;left:3%}
.svc-mock-card.c2{top:4%;right:3%;animation-delay:-1.5s}
.svc-mock-card.c3{bottom:4%;left:3%;animation-delay:-3s}
.svc-mock-card.c4{bottom:4%;right:28%;animation-delay:-4.5s}
.svc-mock-card.c2 i{background:linear-gradient(90deg,var(--accent) 78%,rgba(255,255,255,.1) 0)}
.svc-mock-card.c3 i{background:linear-gradient(90deg,var(--accent) 45%,rgba(255,255,255,.1) 0)}
@container (max-width:380px){.svc-mock-card{width:38%}.svc-mock-card.c4{display:none}.svc-mock-card small,.svc-mock-card i{display:none}}
@keyframes svc-float{50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.svc-mock-card{animation:none}}
.store-hero-slides{position:relative;isolation:isolate}
.hero-visual .store-hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1000ms ease;z-index:0}
.hero-visual .store-hero-slides img.is-active{opacity:1;z-index:1}
@media(prefers-reduced-motion:reduce){.hero-visual .store-hero-slides img{transition:none}}

.store-project-window{overflow:hidden;padding-block:var(--space-1);width:100vw;margin-inline:calc(50% - 50vw)}
.store-project-track{display:flex;gap:var(--space-6);margin:0;padding:0}
.store-project-track .liquid-svg{position:absolute;width:0;height:0;overflow:hidden}
.store-project-track>.pf-card{flex:0 0 var(--client-width,calc((100% - 3rem)/3));min-width:0}
.store-project-track.is-looping{animation:client-logo-loop var(--client-duration,90s) linear infinite;will-change:transform}
.store-project-window:hover .store-project-track,.store-project-window:focus-within .store-project-track,.store-project-window.is-paused .store-project-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.store-project-track.is-looping{animation:none;transform:none;flex-wrap:wrap}.store-project-track [data-client-clone]{display:none}}
@keyframes client-logo-loop{to{transform:translateX(var(--client-distance))}}
.store-why-action{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8)}

.journey-device-mockup{margin:0 auto;min-width:0;width:100%;max-width:470px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#0c1016}
.journey-device-scene{display:block;position:relative;aspect-ratio:6/5;overflow:hidden;background:radial-gradient(ellipse at 55% 75%,#172f57 0,transparent 55%),linear-gradient(150deg,#131a24,#080b10 75%);perspective:1100px}
.journey-device-scene::after{content:"";position:absolute;bottom:5%;left:12%;width:76%;height:6%;border-radius:50%;background:#020408;filter:blur(12px)}
.journey-device-orbit{position:absolute;width:90%;height:35%;left:3%;top:40%;border:2px solid #D4AF6A;border-radius:50%;transform:rotate(-20deg)}
.journey-laptop{position:absolute;display:block;width:79%;left:5%;top:17%;transform:rotateY(-12deg) rotateZ(-5deg);z-index:1}
.journey-laptop-screen{display:block;aspect-ratio:4/3;padding:9px 9px 14px;border:2px solid #65738a;border-radius:var(--radius-md) var(--radius-md) var(--radius-xs) var(--radius-xs);background:#090c12;box-shadow:3px 0 0 #D4AF6A66,0 15px 35px #0009;overflow:hidden}
.journey-laptop-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:var(--radius-xs)}
.journey-laptop-base{display:block;position:relative;height:15px;background:linear-gradient(#8b95a4,#313b4a 65%,#0e1623);clip-path:polygon(3% 0,97% 0,100% 65%,96% 100%,4% 100%,0 65%);margin:0 -5%;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.journey-laptop-base::after{content:"";position:absolute;top:0;left:40%;width:20%;height:5px;border-radius:0 0 var(--radius-xs) var(--radius-xs);background:#202a39}
.journey-phone{display:block;position:absolute;width:23%;height:51%;right:5%;bottom:12%;padding:7px;border:2px solid #77849c;border-radius:var(--radius-lg);background:#080c12;transform:rotate(10deg);box-shadow:0 0 2px 1px #D4AF6A99,0 20px 35px #000a;z-index:2;overflow:hidden}
.journey-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% top;border-radius:var(--radius-md)}
.journey-phone-camera{position:absolute;top:9px;left:34%;width:32%;height:8px;border-radius:var(--radius);background:#05070a;z-index:1}
.journey-device-mockup figcaption{text-align:center;padding:.8rem var(--space-4);border-top:1px solid var(--border);color:var(--foreground-secondary);font-family:var(--font-num);--fs:var(--text-sm)}
.journey-device-scene:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.svc-mock-frame{width:min(100%,520px,calc(56vh * 1.25));margin:var(--space-6) auto calc(var(--frame-offset) + var(--space-2))}
.svc-mock-frame>.svc-mock{width:100%;margin:0}
[data-shopify-work]>.container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.25rem 2rem}
[data-shopify-work] .section-head{gap:.75rem;margin-bottom:0}
[data-shopify-work] .section-head .heading{margin-top:0;max-width:none}
[data-shopify-work] .shopify-work-track,[data-shopify-work] .section-foot{grid-column:1/-1}
.shopify-work-controls{display:flex;justify-content:flex-end;gap:.65rem;margin-bottom:0}
.shopify-work-controls[hidden]{display:none}
.shopify-work-controls .btn{width:48px;height:48px;padding:0;--fs:1.4rem;border-radius:50%}
.shopify-work-controls .btn:disabled{opacity:.35;cursor:default}
.shopify-work-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-block:.5rem 1.25rem;scrollbar-width:none}
.shopify-work-track::-webkit-scrollbar{display:none}
.shopify-work-track>.pf-card{flex:0 0 calc((100% - 3rem)/3);min-width:0;scroll-snap-align:start}
.shopify-work-track:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:1023px){.shopify-work-track>.pf-card{flex-basis:calc((100% - 1.5rem)/2)}}
@media(max-width:639px){[data-shopify-work]>.container{grid-template-columns:minmax(0,1fr)}.shopify-work-track>.pf-card{flex-basis:88%}}
.service-group-tabs{display:flex;gap:.65rem;overflow-x:auto;scrollbar-width:none;padding-block:.25rem .75rem;margin-bottom:1.5rem}
.service-group-tabs::-webkit-scrollbar{display:none}
.service-group-tabs [role="tab"]{flex:1 0 auto;min-height:48px;padding:.75rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--foreground-secondary);font:inherit;font-weight:600;cursor:pointer;transition:background-color 220ms,color 220ms,border-color 220ms}
.service-group-tabs [role="tab"][aria-selected="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.service-group-tabs [role="tab"]:focus-visible,#all-services [role="tabpanel"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.service-group-tabs [role="tab"]{transition:none}}
.service-group-tabs [role="tab"]{display:flex;align-items:center;justify-content:center;gap:.65rem}
.service-tab-number{font-family:var(--font-num);font-size:.85em;direction:ltr}
.store-comparison-heading{text-align:center;max-width:850px;margin:0 auto var(--space-12)}
.store-comparison-heading .eyebrow{display:inline-block;padding:var(--space-2) var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--accent-subtle);margin-bottom:var(--space-4)}
.store-comparison-heading .lead{margin:var(--space-4) auto 0}
.store-comparison-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.store-comparison-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.store-comparison-floating{position:fixed;overflow:hidden;z-index:60;pointer-events:none;box-shadow:var(--shadow-sm);border:1px solid var(--border);background:var(--surface)}
.store-comparison-floating[hidden]{display:none}
.store-comparison-floating .store-comparison-table{position:absolute;top:0;min-width:0;margin:0}
.store-comparison-floating th{background:var(--surface)}
.store-comparison-floating th:nth-child(2){background:#202c40}
.store-comparison-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}
.store-comparison-table th,.store-comparison-table td{padding:var(--space-6) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle;text-align:center}
.store-comparison-table thead th{height:76px;padding:var(--space-3) var(--space-4);--fs:var(--text-lg);color:var(--foreground);background:#1b2029}
.store-comparison-table thead th:nth-child(2){background:#24334b}
.store-comparison-table thead .store-platform img{max-height:32px;width:auto;max-width:42px}
.store-comparison-table th:first-child{width:30%;text-align:right;padding-inline:var(--space-6)}
.store-comparison-table tbody th{font-weight:600;line-height:1.7}
.store-comparison-table tbody tr:last-child>*{border-bottom:0}
.store-comparison-table tr>:nth-child(2){background:var(--accent-subtle)}
.store-platform{display:flex;justify-content:center;align-items:center;gap:.65rem;flex-wrap:wrap}
.store-platform img{object-fit:contain;flex-shrink:0}
.store-platform span{font-family:var(--font-num);font-weight:700}
.comparison-check{display:block;margin:0 auto var(--space-2)}
.store-comparison-table td>span:last-child{--fs:var(--text-sm);line-height:1.7;color:var(--foreground-secondary)}
.store-comparison-table td .comparison-variable{color:var(--foreground-muted)}
.store-comparison-note{margin-top:var(--space-4);color:var(--foreground-muted);--fs:var(--text-sm);}
.store-comparison-note a{color:var(--accent)}
.migration-carousel{display:flex;align-items:center;gap:var(--space-3)}
.migration-platform-track{display:flex;flex:1;min-width:0;gap:1.25rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:.4rem}
.migration-platform-track::-webkit-scrollbar{display:none}
.migration-platform-track>.card{flex:0 0 calc((100% - 1.25rem)/2);min-width:0;scroll-snap-align:start}
.migration-carousel-button{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);color:var(--foreground);transition:background-color 220ms,color 220ms,border-color 220ms}
.migration-carousel-button[hidden]{display:none}
.migration-carousel-button svg{width:20px;height:20px}
.migration-carousel-button.is-prev svg{transform:rotate(-90deg)}
.migration-carousel-button.is-next svg{transform:rotate(90deg)}
.migration-carousel-button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.migration-carousel-button:disabled{opacity:.35;cursor:default}
.migration-carousel-button:focus-visible,.migration-platform-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:767px){.migration-carousel{gap:.5rem}.migration-carousel-button{width:32px;height:32px}.migration-platform-track>.card{flex-basis:100%}.migration-platform-track>.card{padding:1rem}.migration-brand-route{gap:.4rem}.migration-brand-source{gap:.25rem}.migration-logo{min-width:40px;padding:.35rem}.migration-logo img{max-width:48px;height:26px}}
@media(prefers-reduced-motion:reduce){.migration-carousel-button{transition:none}}
.journey-device-frame{width:100%;max-width:470px;margin:0 auto calc(var(--frame-offset) + .5rem);min-width:0}
.journey-device-frame>.journey-device-mockup{max-width:none;margin:0}
@media(min-width:1024px){[data-sticky-fit] .svc-mock-frame{width:min(100%,520px,var(--sticky-mock-width,520px))}}
.work-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}
.work-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.work-tags li{--fs:var(--text-sm);padding:var(--space-1) .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--foreground-secondary)}
.work-tags li.pf{color:var(--accent);border-color:rgba(212,175,106,0.35);background:var(--accent-subtle)}
.work-go{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);color:var(--foreground);transition:background-color 260ms,color 260ms,border-color 260ms,transform 260ms}
.work-go svg{width:18px;height:18px;transform:scaleX(-1)}
.pf-card{position:relative;display:flex;flex-direction:column;gap:1.1rem}
.pf-card .liquid{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}
.pf-card .liquid-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.03);filter:saturate(.78) brightness(.96);transition:transform 900ms var(--ease-expo),filter 600ms var(--ease-out)}
.pf-card:hover .liquid-media{transform:scale(1.075);filter:none}
.pf-card .liquid-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(11,12,14,0.35),transparent 45%)}
.pf-card .liquid-glow{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(212,175,106,0.16) 50%,transparent 70%);transition:opacity 340ms var(--ease-out)}
.pf-card h3{font-family:var(--font-num);font-weight:700;direction:ltr;text-align:right;unicode-bidi:isolate}
.pf-card h3 a::after{content:"";position:absolute;inset:0}
.pf-card:hover .liquid-glow,.pf-card .liquid.is-hover .liquid-glow{opacity:1}
.pf-card p{margin-top:.6rem;color:var(--foreground-secondary);--fs:var(--type-body);max-width:46ch}
.pf-card:hover .work-go,.pf-card:focus-within .work-go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:translate(-3px,-3px)}
.sub.mega a{align-items:center;gap:.7rem}
.sub.mega .mi,.menu-group ul.cols .mi{flex:none;width:20px;height:20px;color:var(--accent);opacity:.85}
.menu-group ul.cols .mi{width:18px;height:18px}
.menu-group ul.cols a{display:flex;align-items:center;gap:.6rem}
.sub.mega{inset-inline:var(--gutter);top:calc(100% + .25rem);width:auto;min-width:0;padding:var(--space-5);display:grid;gap:var(--space-4)}
.mega-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2) var(--space-4)}
.mega-col .mega-h{display:flex;align-items:center;gap:var(--space-2);padding:.4rem .8rem;--fs:var(--text-xs);font-weight:600;color:var(--foreground-muted);letter-spacing:.02em}
.sub.mega a{--fs:var(--text-sm);line-height:1.45}
.sub a[aria-current="page"]{color:var(--foreground);background:rgba(255,255,255,0.06)}

.menu-sub{display:block;margin:.9rem 0 .2rem;--fs:var(--text-xs);font-weight:600;color:var(--foreground-muted)}
.menu-group ul.cols a{--fs:var(--text-base)}





.split>*,.hero-grid>*,.grid-2>*,.grid-3>*,.grid-4>*,.vs>*,.stack>*,.pair>*{min-width:0}
.prose a,.note a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:rgba(212,175,106,0.55)}


.note a:hover,.prose a:hover,.row-box a:hover,.fit a:hover{text-decoration-color:var(--accent)}


.mini.warn{border-color:rgba(224,168,74,0.45)}




.steps li.gate::before{border-color:var(--warning);color:var(--warning)}


.pipe .out{display:block;margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--border);--fs:var(--text-sm);color:var(--foreground-muted)}




.proof-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8) var(--space-6)}
@media (min-width:640px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.proof-grid{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}}


.pair{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.pair figure{position:relative}
.pair figcaption{margin-top:.6rem;--fs:var(--text-sm);color:var(--foreground-muted)}
.pair .lab{position:absolute;top:.6rem;inset-inline-start:.6rem;z-index:2;padding:.2rem .6rem;border-radius:var(--radius-sm);background:rgba(11,12,14,0.85);border:1px solid var(--border-strong);--fs:var(--text-xs);font-weight:600;color:var(--foreground)}
@media (min-width:760px){.pair{grid-template-columns:1fr 1fr}}




.tech-marks{display:flex;flex-wrap:wrap;gap:.6rem}
.tech-marks li{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.45rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);--fs:var(--text-sm);color:var(--foreground-secondary)}
.tech-marks img{width:22px;height:22px;filter:grayscale(1) brightness(1.5);opacity:.85}
.tech-marks li:hover img{filter:none;opacity:1}



@media (min-width:900px){
  .tabs.vert{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .tabs.vert .tab-list{flex-direction:column;border-bottom:0;border-inline-end:1px solid var(--border);overflow:visible}
  .tabs.vert .tab{flex:none;text-align:start;white-space:normal;padding:var(--space-4) 1.2rem;border-bottom:1px solid var(--border)}
  .tabs.vert .tab::after{inset-inline:auto;inset-inline-start:0;top:0;bottom:0;height:auto;width:3px;transform:scaleY(0)}
  .tabs.vert .tab[aria-selected="true"]::after{transform:scaleY(1)}
  .tabs.vert .tab-panel{grid-template-columns:1fr}
}
.tab small{display:block;--fs:var(--text-xs);font-weight:400;color:var(--foreground-muted);margin-top:.15rem;white-space:normal}


.cmp code{font-family:var(--font-num);--fs:var(--text-sm);padding:.1rem .4rem;border-radius:var(--radius-xs);background:rgba(255,255,255,0.06);color:var(--foreground);direction:ltr;unicode-bidi:isolate}


.sev.info{color:#E6C88E;border-color:rgba(212,175,106,0.45);background:rgba(212,175,106,0.1)}


.diagram{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface),var(--background-secondary));padding:clamp(1rem,2.5vw,1.75rem);overflow-x:auto;overflow-y:hidden}

.diagram svg{width:100%;min-width:540px;height:auto;font-family:var(--font-sans);--fs:var(--text-sm);direction:ltr}
.diagram .box.warn{fill:rgba(224,168,74,0.12);stroke:rgba(224,168,74,0.6)}
.diagram .box.bad{fill:rgba(255,107,107,0.12);stroke:rgba(255,107,107,0.55)}
.diagram .box.ok{fill:rgba(91,211,154,0.12);stroke:rgba(91,211,154,0.55)}
.diagram .ln.warn{stroke:var(--warning)}
.diagram .ln.bad{stroke:#FF6B6B}
.diagram .tx.warn{fill:var(--warning)}
.diagram .tx.bad{fill:#FF8B8B}
.diagram .tx.ok{fill:#7FD8A8}
.diagram .scroll-hint{position:sticky;inset-inline-start:0;margin-top:.6rem;--fs:var(--text-xs);color:var(--foreground-muted);text-align:start}

.diagram .lbl,.diagram .legend,.diagram .cap{position:sticky;inset-inline-start:0}
.legend i.warn{background:rgba(224,168,74,0.3);border-color:var(--warning)}
.legend i.bad{background:rgba(255,107,107,0.3);border-color:#FF6B6B}
.legend i.ok{background:rgba(91,211,154,0.3);border-color:var(--success)}


.mock .side{display:grid;gap:.4rem;padding:.6rem;border-inline-end:1px solid var(--border);background:rgba(255,255,255,0.02);min-width:84px}
.mock .side i{display:block;height:8px;border-radius:var(--radius-xs);background:rgba(255,255,255,0.12)}
.mock .side i.on{background:var(--accent)}
.mock .wp{display:flex}
.mock .wp .body{flex:1}
.mock .field{margin-top:var(--space-2);padding:.4rem var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);--fs:var(--text-xs);color:var(--foreground-muted)}
.mock .field b{display:block;--fs:var(--text-xs);color:var(--foreground-secondary);margin-bottom:.15rem}
.mock pre{margin:0;padding:.8rem;font-family:var(--font-num);--fs:var(--text-xs);line-height:1.6;color:#C9CDD4;direction:ltr;text-align:left;white-space:pre;overflow-x:auto}
.mock pre .c{color:#8A8E97}.mock pre .k{color:#E6C88E}.mock pre .s{color:#7FD8A8}




.wf{display:grid;gap:var(--space-2)}
.wf li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-3);align-items:center;--fs:var(--text-sm)}
.wf .lbl{color:var(--foreground-secondary)}
.wf .lbl b{display:block;color:var(--foreground);font-weight:600;--fs:var(--text-base)}
.wf .bar{position:relative;height:14px;border-radius:var(--radius-xs);background:rgba(255,255,255,0.06)}
.wf .bar i{position:absolute;top:0;bottom:0;inset-inline-start:calc(var(--s,0) * 1%);width:calc(var(--w,10) * 1%);border-radius:var(--radius-xs);background:rgba(212,175,106,0.55)}
.wf .bar i.warn{background:rgba(224,168,74,0.7)}
.wf .bar i.bad{background:rgba(255,107,107,0.65)}
.wf .bar i.dim{background:rgba(255,255,255,0.18)}
.wf-note{margin-top:.8rem;--fs:var(--text-sm);color:var(--foreground-muted)}


.funnel .f span.ok{border-color:rgba(91,211,154,0.35);color:#7FD8A8;background:rgba(91,211,154,0.07)}






@media (min-width:860px){.vs.three{grid-template-columns:repeat(3,minmax(0,1fr))}}


.goals{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.goal{position:relative;display:grid;gap:.6rem;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color 260ms var(--ease-out),background-color 260ms var(--ease-out),transform 260ms var(--ease-out)}
.goal:hover,.goal:focus-within{border-color:rgba(212,175,106,0.55);background:var(--surface-elevated);transform:translateY(-3px)}
.goal .q{font-family:var(--font-display);font-weight:800;--fs:var(--text-2xl);}
.goal .q a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.goal p{--fs:var(--type-body);color:var(--foreground-secondary)}
.goal .to{margin-top:auto;display:inline-flex;align-items:center;gap:.45rem;--fs:var(--text-sm);color:var(--accent);font-weight:500}
.goal .to svg{width:1em;height:1em;transform:scaleX(-1)}
.goal .big{font-family:var(--font-num);font-weight:700;--fs:var(--text-4xl);line-height:1;color:rgba(212,175,106,0.6);direction:ltr;text-align:start}
@media (min-width:640px){.goals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.goals{grid-template-columns:repeat(4,minmax(0,1fr))}}


.cat-nav{display:none}
@media (min-width:1024px){
  .cat-nav{display:block;position:sticky;top:70px;z-index:40;margin-bottom:var(--space-8);padding:var(--space-2) 0;background:rgba(11,12,14,0.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
  .cat-nav ul{display:flex;flex-wrap:wrap;gap:.35rem}
  .cat-nav a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:.4rem .9rem;border-radius:var(--radius);--fs:var(--text-sm);color:var(--foreground-secondary);transition:color 200ms,background-color 200ms}
  .cat-nav a i{font-style:normal;font-family:var(--font-num);--fs:var(--text-xs);color:var(--accent)}
  .cat-nav a:hover,.cat-nav a.is-current{color:var(--foreground);background:rgba(255,255,255,0.06)}
}


.svc-group-head{display:grid;gap:var(--space-2);margin-bottom:var(--space-6)}
.svc-group-head .kick{display:flex;align-items:center;gap:.8rem;font-family:var(--font-num);font-weight:600;--fs:var(--text-sm);color:var(--accent)}
@media (min-width:900px){.svc-group-head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:var(--space-4) var(--space-8)}.svc-group-head .kick{grid-column:1 / -1}}
.svc-rows{display:grid;grid-template-columns:1fr;gap:var(--space-3)}
.svc-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:start;padding:1.2rem 1.3rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-background);transition:border-color 260ms var(--ease-out),background-color 260ms var(--ease-out)}
.svc-row:hover,.svc-row:focus-within{border-color:rgba(212,175,106,0.55);background:var(--surface-elevated)}
.svc-row .num{font-family:var(--font-num);font-weight:600;--fs:var(--text-sm);color:var(--accent);direction:ltr;padding-top:.35rem}
.svc-row h4{font-family:var(--font-display);font-weight:700;}
.svc-row h4 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.svc-row .prob{margin-top:.35rem;--fs:var(--text-sm);color:var(--foreground-secondary)}
.svc-row .del{margin-top:var(--space-2);--fs:var(--text-sm);color:var(--foreground-muted)}
.svc-row .del b{font-weight:600;color:var(--foreground-secondary)}
.svc-row .go{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);color:var(--accent);transition:border-color 220ms,background-color 220ms}
.svc-row .go svg{width:1rem;height:1rem;transform:scaleX(-1)}
.svc-row:hover .go{border-color:rgba(212,175,106,0.6);background:var(--accent-subtle)}
@media (min-width:900px){.svc-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-rows.three{grid-template-columns:repeat(3,minmax(0,1fr))}}


.decide{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.decide .step{padding:clamp(1.25rem,3vw,1.75rem);border-top:1px solid var(--border)}
.decide .step:first-child{border-top:0}
.decide .step[hidden]{display:none}
.decide .qn{font-family:var(--font-display);font-weight:700;--fs:var(--text-xl);}
.decide .opts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.decide .opts button{min-height:44px;padding:.6rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border-strong);--fs:var(--text-base);font-weight:500;color:var(--foreground);background:rgba(255,255,255,0.02);transition:border-color 200ms,background-color 200ms}
.decide .opts button:hover,.decide .opts button:focus-visible{border-color:var(--accent);background:var(--accent-subtle)}
.decide .opts button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.decide .result{display:grid;gap:var(--space-2);padding:1.1rem var(--space-5);border:1px solid rgba(212,175,106,0.4);border-radius:var(--radius-md);background:var(--accent-subtle)}
.decide .result b{font-weight:600}
.decide .result p{--fs:var(--type-body);color:var(--foreground-secondary)}
.decide .result .link{margin-top:.2rem}
.decide .static-only{--fs:var(--text-sm);color:var(--foreground-muted);margin-top:.6rem}
.decide .reset{margin-top:var(--space-4);--fs:var(--text-sm);color:var(--foreground-muted);text-decoration:underline;text-underline-offset:3px}
.decide .reset[hidden]{display:none}
.decide .path{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.9rem;--fs:var(--text-sm);color:var(--foreground-muted)}
.decide .path span{padding:.15rem var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(255,255,255,0.03)}


.process{display:grid;grid-template-columns:1fr;gap:var(--space-4);counter-reset:p}
.process li{position:relative;padding:var(--space-5) 1.3rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.process li::before{counter-increment:p;content:"0" counter(p);font-family:var(--font-num);font-weight:700;--fs:var(--text-sm);color:var(--accent);direction:ltr;display:block}
.process b{display:block;margin-top:var(--space-2);font-family:var(--font-display);font-weight:700;--fs:var(--text-lg);line-height:1.4}
.process p{margin-top:.35rem;--fs:var(--text-sm);color:var(--foreground-secondary)}
@media (min-width:700px){.process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.process{grid-template-columns:repeat(5,minmax(0,1fr))}}




.row-box a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:rgba(212,175,106,0.55)}
@media (min-width:1000px){.split .rows{grid-template-columns:1fr}}


.fit .no li::before{background:rgba(255,107,107,0.2);border:1px solid #FF6B6B}
.fit a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:rgba(212,175,106,0.55)}
@media (min-width:860px){.fit.three{grid-template-columns:repeat(3,minmax(0,1fr))}}


.seg{display:inline-flex;flex-wrap:wrap;padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}
.seg-panels>[data-panel]{display:none}
.seg-panels>[data-panel].is-on{display:block}


.report code{font-family:var(--font-num);--fs:var(--text-sm);padding:.1rem .4rem;border-radius:var(--radius-xs);background:rgba(255,255,255,0.06);color:var(--foreground);direction:ltr;unicode-bidi:isolate}


.cal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.cal li{padding:var(--space-4) 1.1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.cal .wk{font-family:var(--font-num);--fs:var(--text-xs);font-weight:600;color:var(--accent);direction:ltr;text-align:start}
.cal b{display:block;margin-top:.3rem;font-weight:600;--fs:var(--text-base)}
.cal p{margin-top:.3rem;--fs:var(--text-sm);color:var(--foreground-secondary)}
.cal li.alt{border-style:dashed}
@media (min-width:900px){.cal{grid-template-columns:repeat(4,minmax(0,1fr))}}


.tl{position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.tl li{position:relative;padding:1.1rem 1.2rem;padding-inline-start:2.4rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.tl li::before{content:"";position:absolute;inset-inline-start:1rem;top:1.35rem;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:var(--ring-accent)}
.tl .when{font-family:var(--font-num);--fs:var(--text-xs);font-weight:600;color:var(--accent);direction:ltr;text-align:start}
.tl b{display:block;margin-top:var(--space-1);font-weight:600}
.tl p{margin-top:.3rem;--fs:var(--text-sm);color:var(--foreground-secondary)}
@media (min-width:900px){
  .tl{grid-template-columns:repeat(var(--cols,5),minmax(0,1fr))}
  .tl::before{content:"";position:absolute;inset-inline:0;top:1.6rem;height:1px;background:var(--border-strong)}
  .tl li{padding-inline-start:1.2rem;padding-top:2.4rem}
  .tl li::before{inset-inline-start:1.2rem;top:1.2rem}
}


.lanes{display:grid;gap:.6rem}
.lane{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding:.9rem var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.lane .role{font-weight:600;--fs:var(--text-base);display:flex;align-items:center;gap:var(--space-2)}
.lane .role i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.lane .cells{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:.4rem}
.lane .cells span{min-height:44px;display:flex;align-items:center;padding:.45rem .6rem;border-radius:var(--radius);border:1px solid var(--border);--fs:var(--text-sm);color:var(--foreground-secondary);background:rgba(255,255,255,0.02)}
.lane .cells span.on{border-color:rgba(212,175,106,0.5);background:var(--accent-subtle);color:var(--foreground)}
.lane .cells span.empty{border-style:dashed;opacity:.5}
@media (min-width:860px){.lane{grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:center}}

@media (max-width:859px){.lanes{overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:thin}.lanes .lane{min-width:560px;grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:center}}


.gates{display:grid;gap:var(--space-3)}
.gates li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:1.1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.gates .g{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius);border:1px solid rgba(224,168,74,0.5);background:rgba(224,168,74,0.08);color:var(--warning);font-family:var(--font-num);--fs:var(--text-xs);font-weight:700}
.gates b{display:block;font-weight:600}
.gates p{margin-top:var(--space-1);--fs:var(--text-sm);color:var(--foreground-secondary)}
.gates .go-no{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--space-2)}
.gates .go-no span{--fs:var(--text-xs);padding:.2rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border)}
.gates .go-no .ok{color:#7FD8A8;border-color:rgba(91,211,154,0.4)}
.gates .go-no .stop{color:#FF9B9B;border-color:rgba(255,107,107,0.4)}



@media (prefers-reduced-motion: reduce){
  .svc-row,.rel-card,.proof .frame img,.logo-strip img,.tab::after,.mini,.goal{transition:none!important}
}
.logo-strip--dense{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.logo-tile{display:flex;align-items:center;justify-content:center;min-height:64px;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background-secondary)}
.logo-strip .logo-img{max-height:28px;max-width:84px}
.svc-cards{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.svc-card{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-background);transition:border-color 260ms var(--ease-out),background-color 260ms var(--ease-out),transform 260ms var(--ease-out)}
.svc-card:hover,.svc-card:focus-within{border-color:rgba(212,175,106,0.55);background:var(--card-background);transform:translateY(-3px)}
.svc-card .num{font-family:var(--font-num);font-weight:600;--fs:var(--text-sm);color:var(--accent);direction:ltr;text-align:start}
.svc-card h4{font-family:var(--font-display);font-weight:700;}
.svc-card h4 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.svc-card .prob{--fs:var(--text-sm);color:var(--foreground-secondary)}
.svc-card .prob b{display:block;--fs:var(--text-xs);font-weight:600;color:var(--foreground-muted);margin-bottom:.15rem}
.svc-card .del{--fs:var(--text-sm);color:var(--foreground-secondary);padding-top:.6rem;border-top:1px dashed var(--border)}
.svc-card .del b{display:block;--fs:var(--text-xs);font-weight:600;color:var(--foreground-muted);margin-bottom:.15rem}
.svc-card .go{margin-top:auto;padding-top:.6rem;display:inline-flex;align-items:center;gap:.4rem;--fs:var(--text-sm);font-weight:500;color:var(--accent)}
.svc-card .go svg{width:1em;height:1em;transform:scaleX(-1);transition:transform 220ms}
.svc-card:hover .go svg{transform:scaleX(-1) translateX(-3px)}
@media (min-width:640px){.svc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.svc-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.svc-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wordpress-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.wordpress-path-grid>li{min-width:0}
.wordpress-path-grid a{display:flex;flex-direction:column;gap:1rem;height:100%;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(255,255,255,.025);transition:border-color .2s,background .2s}
.wordpress-path-grid a:hover{border-color:var(--accent);background:var(--accent-subtle)}
.wordpress-path-grid a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wordpress-path-grid .path-number{color:var(--accent);font-family:var(--font-num);--fs:var(--text-sm)}
.wordpress-path-grid h3{--fs:var(--text-lg)}
.wordpress-path-grid p{color:var(--foreground-secondary);--fs:var(--text-sm)}
.wordpress-path-grid .path-link{display:flex;align-items:center;gap:.5rem;margin-top:auto;color:var(--accent);--fs:var(--text-sm)}
.wordpress-path-grid svg{width:1rem;height:1rem;flex:none;transform:scaleX(-1)}
.wordpress-path-grid h3{line-height:1.5;min-block-size:3em;text-wrap:balance}
#directory>.container>.section-head{margin-bottom:2rem}
#directory [data-tabs] .svc-group-head .kick{display:none}
#directory [role="tabpanel"]{padding:0;border:0}
#directory [role="tabpanel"][hidden]{display:none}
#directory .svc-card .checks{padding-top:1rem;border-top:1px solid var(--border);font-size:var(--text-sm)}
#directory .svc-card{height:100%}
.wordpress-path-grid h3{min-height:3em;line-height:1.5}
.wordpress-hub-cta .container{padding-block:clamp(2.45rem,4.2vw,3.85rem);gap:calc(var(--space-8)*.7)}
@media(min-width:640px){#directory .svc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){#directory .svc-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){.wordpress-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.wordpress-path-grid{grid-template-columns:minmax(0,1fr)}}
.wordpress-path-grid a{gap:1.1rem;padding:1.5rem;transition:border-color 220ms,background-color 220ms,transform 220ms}
.wordpress-path-grid a:hover{transform:translateY(-4px)}
.wordpress-path-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(212,175,106,.22);border-radius:var(--radius);background:var(--accent-subtle);color:var(--accent)}
.wordpress-path-icon svg{width:22px;height:22px;transform:none}
.wordpress-path-grid h3{font-weight:600;--fs:clamp(1.05rem,1.35vw,1.25rem);line-height:1.55;min-height:3.1em}
.wordpress-path-grid p{line-height:1.8}
.wordpress-path-grid .path-link{padding-top:1rem;border-top:1px solid var(--border);width:100%;justify-content:space-between;line-height:1.6}
@media(prefers-reduced-motion:reduce){.wordpress-path-grid a{transition:none}.wordpress-path-grid a:hover{transform:none}}
.flow-sections .wordpress-tools-stack::before{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}
#decide .decide{align-self:center;width:100%;background:var(--card-background);border-color:rgba(212,175,106,.22);box-shadow:0 16px 40px rgba(0,0,0,.12)}
#decide .decide .step{border-top:0;padding:clamp(1.25rem,2.5vw,2rem)}
.decision-kicker{display:block;color:var(--accent);font-size:.8rem;margin-bottom:.55rem}
#decide .decide .qn{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.5}
.decision-hint{color:var(--foreground-muted);font-size:.85rem;margin-top:.4rem}
#decide .decide .opts{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem;margin-top:1.25rem}
#decide .decide .opts button{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:52px;padding:.85rem 1rem;text-align:start;background:rgba(255,255,255,.025)}
#decide .decide .opts button::after{content:"";flex:none;width:18px;height:18px;background:var(--accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#decide .decide .opts button:hover{border-color:var(--accent);background:var(--accent-subtle)}
#decide .decide .opts button[aria-pressed="true"]::after{background:var(--accent-ink)}
.finding-label{display:flex;align-items:center;gap:.55rem;margin-bottom:.4rem}
.finding-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:var(--accent-subtle);color:var(--accent)}
.finding-icon svg{width:16px;height:16px}
.symptoms-layout>.section-head{margin-bottom:0}
.symptoms-checks{gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-background)}
@media(min-width:1024px){.symptoms-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.symptoms-layout>.section-head{position:sticky;top:calc(var(--header-h,84px) + 1.5rem);align-self:start}}
.support-priority-table{table-layout:fixed;min-width:0}
.support-priority-table th,.support-priority-table td{padding:1.35rem 1.2rem;vertical-align:top;text-align:start;line-height:1.85}
.support-priority-table thead th{color:var(--foreground);font-weight:600;background:rgba(255,255,255,.035)}
.support-priority-table thead th:first-child{width:21%}
.support-priority-table tbody th{font-weight:600}
.support-priority-table tbody th b{display:block;margin-top:.7rem;line-height:1.65}
.support-priority-table .sev{display:inline-flex;width:auto;min-width:0;justify-content:center;padding:.3rem .7rem;font-size:.8rem;white-space:nowrap}
.support-priority-table td{color:var(--foreground-secondary)}
.support-priority-table td a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.support-priority-table caption{text-align:start;padding:1.25rem;font-size:.8rem;line-height:1.8}
@media(max-width:767px){.support-priority-table,.support-priority-table tbody,.support-priority-table tr,.support-priority-table td,.support-priority-table tbody th{display:block;width:100%}.support-priority-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.support-priority-table tbody tr{padding:1.25rem;border-bottom:1px solid var(--border)}.support-priority-table tbody tr:last-child{border:0}.support-priority-table tbody th,.support-priority-table td{padding:0;border:0;background:none}.support-priority-table td{margin-top:1rem}.support-priority-table td::before{content:attr(data-label);display:block;font-weight:600;color:var(--foreground);margin-bottom:.3rem}.support-priority-table caption{display:block}}
.support-priority-table{--fs:.9rem}
.support-priority-table thead th{padding-block:1.15rem;border-bottom:1px solid var(--border-strong)}
.support-priority-table thead th:nth-child(2){width:25%}
.support-priority-table thead th:nth-child(3){width:27%}
.support-priority-table tbody tr{--priority-color:var(--accent)}
.support-priority-table tbody tr:nth-child(1){--priority-color:#FF7B7B}
.support-priority-table tbody tr:nth-child(2){--priority-color:#FFB15C}
.support-priority-table tbody tr:nth-child(3){--priority-color:#F2D262}
.support-priority-table tbody tr:nth-child(4){--priority-color:#7FD8A8}
.support-priority-table tbody th{border-inline-start:3px solid var(--priority-color);background:rgba(255,255,255,.018)}
.support-priority-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.012)}
.support-priority-table tbody th b{font-size:1rem;line-height:1.6}
.support-priority-table .sev{border-radius:999px;font-size:.8rem;letter-spacing:0;padding:.35rem .85rem}
.support-priority-table caption{border-top:1px solid var(--border);background:rgba(255,255,255,.015);color:var(--foreground-muted)}
@media(max-width:767px){.support-priority-table tbody tr{border-inline-start:3px solid var(--priority-color)}.support-priority-table tbody th{border-inline-start:0;background:none}.support-priority-table tbody tr:nth-child(even) td{background:none}.support-priority-table tbody th b{display:inline;margin-inline-start:.65rem}}
.migration-preflight-intro{margin-bottom:0}
.migration-preflight-checks{gap:.9rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-background)}
@media(min-width:1024px){.migration-preflight{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.migration-preflight>div:first-child{position:sticky;top:calc(var(--header-h,84px) + 1.5rem);align-self:start}}
.security-signs-layout>.section-head{margin-bottom:0}
.security-signs-checks{gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-background)}
@media(min-width:1024px){.security-signs-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.security-signs-layout>.section-head{position:sticky;top:calc(var(--header-h,84px) + 1.5rem);align-self:start}}
.speed-data-table{table-layout:fixed;min-width:0;width:100%}
.speed-data-table th,.speed-data-table td{padding:1.1rem 1rem;text-align:start;vertical-align:top;line-height:1.85}
.speed-data-table thead th:first-child{width:24%}
.speed-data-table thead th{color:var(--foreground);font-weight:600;background:rgba(255,255,255,.035)}
.speed-data-table tbody th{font-weight:600;color:var(--foreground);background:rgba(255,255,255,.015)}
.speed-data-table td{color:var(--foreground-secondary)}
.speed-data-heading{display:flex;align-items:center;gap:.5rem;line-height:1.6}
.speed-data-heading svg{width:18px;height:18px;flex:none;color:var(--accent)}
.speed-data-table thead small{display:block;margin-top:.4rem;color:var(--foreground-muted);font-size:.75rem;font-weight:400;text-align:start}
@media(max-width:639px){.speed-data-table,.speed-data-table tbody,.speed-data-table tr,.speed-data-table td,.speed-data-table tbody th{display:block;width:100%}.speed-data-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.speed-data-table tbody tr{padding:1.25rem;border-bottom:1px solid var(--border)}.speed-data-table tbody tr:last-child{border:0}.speed-data-table tbody th,.speed-data-table td{padding:0;border:0;background:none}.speed-data-table td{margin-top:.85rem}.speed-data-table td::before{content:attr(data-label);display:block;color:var(--accent);font-size:.8rem;font-weight:600;margin-bottom:.25rem}}
.waterfall-layout{align-items:center}
.waterfall-layout .section-head{margin-bottom:0}
.waterfall-chart{min-width:0;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-background)}
.waterfall-chart-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);font-weight:600}
.waterfall-chart-head>span:last-child{font-size:.75rem;font-weight:400;color:var(--accent)}
.waterfall-chart .wf{gap:1.1rem}
.waterfall-chart .wf li{grid-template-columns:minmax(0,1fr);gap:.55rem}
.waterfall-chart .wf .lbl{font-size:.8rem;line-height:1.7}
.waterfall-chart .wf .lbl b{font-size:.9rem;margin-bottom:.1rem}
.waterfall-chart .wf .bar{height:8px;border-radius:999px;direction:ltr}
.waterfall-chart .wf .bar i{border-radius:999px}
.waterfall-chart .wf-note{padding-top:1rem;margin-top:1.25rem;border-top:1px solid var(--border);font-size:.75rem;line-height:1.8}
.waterfall-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
@media(max-width:767px){.waterfall-notes{grid-template-columns:minmax(0,1fr)}}
.schema-comparison-table{width:100%;min-width:0;table-layout:fixed}
.schema-comparison-table th,.schema-comparison-table td{padding:1.15rem 1rem;text-align:start;vertical-align:top;line-height:1.85;overflow-wrap:anywhere}
.schema-comparison-table thead th{color:var(--foreground);font-weight:600;background:rgba(255,255,255,.035)}
.schema-comparison-table thead th:first-child{width:25%}
.schema-comparison-table thead th:nth-child(2){width:43%}
.schema-comparison-table tbody th{font-weight:600;color:var(--foreground);background:rgba(255,255,255,.015)}
.schema-comparison-table td{color:var(--foreground-secondary)}
.schema-type{display:inline-block;max-width:100%;color:var(--accent);font-size:.85em;font-weight:600;direction:ltr}
@media(max-width:1100px){.schema-comparison-table,.schema-comparison-table tbody,.schema-comparison-table tr,.schema-comparison-table td,.schema-comparison-table tbody th{display:block;width:100%}.schema-comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.schema-comparison-table tbody tr{padding:1.25rem;border-bottom:1px solid var(--border)}.schema-comparison-table tbody tr:last-child{border:0}.schema-comparison-table tbody th,.schema-comparison-table td{padding:0;border:0;background:none}.schema-comparison-table tbody th{font-size:1rem;margin-bottom:1rem}.schema-comparison-table td{margin-top:.85rem}.schema-comparison-table td::before{content:attr(data-label);display:block;font-size:.8rem;font-weight:600;color:var(--foreground);margin-bottom:.3rem}}
.waterfall-layout>*,.waterfall-chart .wf,.waterfall-chart .wf>li,.waterfall-chart .wf .lbl{min-width:0;max-width:100%}
.waterfall-chart .wf .lbl{overflow-wrap:anywhere}
.waterfall-chart .wf .bar{width:100%;min-width:0}
@media(max-width:767px){.waterfall-layout{grid-template-columns:minmax(0,1fr)}.waterfall-chart{padding:1.1rem}.waterfall-chart-head{flex-wrap:wrap}}
.form-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.form-comparison-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.form-comparison-card.is-after{border-color:rgba(212,175,106,.45);background:var(--card-background)}
.form-comparison-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;border-bottom:1px solid var(--border);background:rgba(255,255,255,.025)}
.form-comparison-status{display:flex;align-items:center;gap:.5rem;font-weight:600}
.form-comparison-status svg{width:18px;height:18px;color:var(--warning)}
.is-after .form-comparison-status svg{color:var(--accent)}
.form-comparison-count{font-size:.8rem;color:var(--foreground-muted)}
.form-sketch{padding:1.4rem;flex:1}
.form-sketch h3{font-size:1.15rem;font-weight:600;line-height:1.6}
.form-sketch>p{font-size:.85rem;color:var(--foreground-secondary);margin:.35rem 0 1.25rem}
.form-sketch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.form-sketch-field{min-width:0;margin-bottom:.85rem}
.form-sketch-grid .form-sketch-field{margin:0}
.form-sketch-field>span{display:block;font-size:.8rem;font-weight:500;margin-bottom:.4rem}
.form-sketch-field small{color:var(--foreground-muted);font-size:.7rem}
.is-before .form-sketch-field small{color:#e69191}
.form-sketch-input{display:flex;align-items:center;min-height:42px;padding:.65rem .8rem;border:1px solid var(--border-strong);border-radius:8px;background:rgba(0,0,0,.12);color:var(--foreground-muted);font-size:.8rem;line-height:1.6}
.form-sketch-input.is-message{min-height:72px;align-items:flex-start}
.form-sketch-actions{display:flex;gap:.6rem;margin-top:1.2rem}
.form-sketch-actions>span{padding:.5rem 1rem;border:1px solid var(--border-strong);border-radius:8px;font-size:.8rem;color:var(--foreground-secondary)}
.form-sketch-submit{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-weight:600;margin-top:1.1rem}
.form-sketch-submit svg{width:18px;height:18px;transform:scaleX(-1)}
.form-sketch-privacy{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.8rem;font-size:.75rem;color:var(--foreground-muted)}
.form-sketch-privacy svg{width:14px;height:14px;flex:none}
.form-comparison-card figcaption{display:flex;align-items:flex-start;gap:.65rem;padding:1rem 1.4rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--foreground-secondary);line-height:1.8;background:rgba(0,0,0,.08)}
.form-comparison-card figcaption svg{width:18px;height:18px;flex:none;margin-top:.2rem;color:var(--accent)}
@media(max-width:767px){.form-comparison{grid-template-columns:minmax(0,1fr)}.form-sketch,.form-comparison-header{padding:1.1rem}.form-sketch-grid{gap:.65rem}}
.redesign-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.redesign-example{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.redesign-example.is-after{border-color:rgba(212,175,106,.4);background:var(--card-background)}
.redesign-example-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}
.redesign-example-head>span{display:flex;align-items:center;gap:.5rem;font-weight:600}
.redesign-example-head svg{width:18px;height:18px;color:var(--warning);flex:none}
.is-after .redesign-example-head svg{color:var(--accent)}
.redesign-example-head small{font-size:.75rem;color:var(--foreground-muted)}
.redesign-browser{display:flex;align-items:center;gap:.35rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--border);direction:ltr;background:rgba(0,0,0,.08)}
.redesign-browser i{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}
.redesign-browser span{margin-inline-start:auto;color:var(--foreground-muted);font-size:.75rem}
.redesign-preview{padding:1.4rem;flex:1;min-width:0}
.redesign-preview h3{font-weight:600;font-size:1.1rem;line-height:1.6}
.redesign-preview-hint{margin:.4rem 0 1.4rem;color:var(--foreground-secondary);font-size:.8rem}
.redesign-text-lines{display:grid;gap:.6rem;margin-block:1.1rem}
.redesign-text-lines i{height:7px;width:100%;border-radius:8px;background:rgba(255,255,255,.09)}
.redesign-text-lines i:nth-child(3n){width:78%}.redesign-text-lines i:last-child{width:63%}
.redesign-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-block:1.4rem}
.redesign-image-pair span{display:grid;place-items:center;height:75px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--border)}
.redesign-image-pair svg{width:25px;height:25px;color:var(--foreground-muted);opacity:.5}
.redesign-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.redesign-actions span{padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:8px;font-size:.75rem;color:var(--foreground-secondary)}
.redesign-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.redesign-service-grid>div{min-width:0;padding:.8rem .6rem;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02)}
.redesign-service-grid svg{width:21px;height:21px;color:var(--accent);margin-bottom:.75rem}
.redesign-service-grid b{display:block;font-size:.8rem;font-weight:600;line-height:1.6}
.redesign-service-grid span{display:block;font-size:.65rem;color:var(--accent);margin-top:.6rem}
.redesign-feature{margin-top:1.2rem;padding:1rem;border:1px solid rgba(212,175,106,.3);border-radius:10px;background:var(--accent-subtle)}
.redesign-route{display:block;text-align:start;overflow-wrap:anywhere;font-size:.65rem;color:var(--accent);margin-bottom:.65rem}
.redesign-feature>b{font-weight:600;font-size:.9rem}.redesign-feature>p{font-size:.8rem;color:var(--foreground-secondary);margin-top:.4rem}
.redesign-primary{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem;margin-top:1rem;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:.85rem;font-weight:600}
.redesign-primary svg{width:17px;height:17px;transform:scaleX(-1)}
.redesign-example figcaption{border-top:1px solid var(--border);padding:1rem 1.25rem;color:var(--foreground-secondary);font-size:.8rem;line-height:1.8;background:rgba(0,0,0,.06)}
@media(max-width:767px){.redesign-comparison{grid-template-columns:minmax(0,1fr)}.redesign-preview{padding:1.1rem}.redesign-example-head{flex-wrap:wrap}.redesign-service-grid{gap:.4rem}.redesign-service-grid>div{padding:.7rem .45rem}}
.landing-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.landing-fit-card{min-width:0;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-background)}
.landing-fit-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:var(--accent-subtle);color:var(--accent)}
.landing-fit-icon svg{width:22px;height:22px}
.landing-fit-card h3{font-size:1.1rem;font-weight:600;line-height:1.6}
.landing-fit-card p{font-size:.9rem;color:var(--foreground-secondary);line-height:1.85}
.landing-fit-label,.landing-fit-card>.link{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--accent)}
.landing-fit-card>.link{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.landing-fit-card>.link svg{width:18px;height:18px;transform:scaleX(-1)}
.landing-fit-card.is-alternative{background:var(--surface)}
@media(max-width:1023px){.landing-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.landing-fit-grid{grid-template-columns:minmax(0,1fr)}}
.client-carousel-window{overflow:hidden;padding-block:var(--space-1)}
.logo-strip.client-carousel-track{display:flex;gap:var(--space-3);overflow:visible;padding:0;margin:0}
.client-carousel-track li{flex:0 0 var(--client-width,calc((100% - 4.5rem)/7));min-width:0}
.client-carousel-track.is-looping{animation:client-logo-loop var(--client-duration,90s) linear infinite;will-change:transform}
.client-carousel-window:focus-within .client-carousel-track,.client-carousel-window.is-paused .client-carousel-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.client-carousel-track.is-looping{animation:none;transform:none;flex-wrap:wrap}.client-carousel-track [data-client-clone]{display:none}}
.client-carousel-track li a{min-height:80px;height:100%;padding:var(--space-4) var(--space-5)}
.client-carousel-track img{max-width:110px;max-height:30px}
.woo-client-strip{background:none!important}
.flow-sections .woo-client-strip::before{content:none!important}
.woo-client-strip>.container{width:100%;max-width:none;padding-inline:0}
.woo-client-strip .eyebrow,.woo-client-strip .strip-note{margin-inline:var(--gutter)}
.woo-client-strip .client-carousel-track li a{display:flex;align-items:center;justify-content:center;min-height:80px}
.woo-client-strip .client-carousel-track img{max-width:120px;max-height:34px;width:auto;object-fit:contain}
.workflow-story{align-items:start;gap:clamp(2rem,5vw,5rem)}
.workflow-story-intro .heading{max-width:26ch;margin-top:.75rem}
.workflow-story-intro .lead{margin-top:1.25rem;color:var(--foreground-secondary)}
.workflow-story-example{margin-top:1rem;color:var(--foreground-muted);font-size:.85rem;line-height:1.85}
.workflow-story-intro>.link{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.5rem;color:var(--accent)}
.workflow-story-intro>.link svg{width:18px;height:18px;transform:scaleX(-1)}
.workflow-story-steps{display:grid;gap:0;min-width:0}
.workflow-story-steps>li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:1.1rem;padding:0 0 2rem}
.workflow-story-steps>li:last-child{padding-bottom:0}
.workflow-story-steps>li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:23px;top:56px;bottom:8px;width:1px;background:linear-gradient(var(--accent),var(--border));opacity:.4}
.workflow-story-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(212,175,106,.3);border-radius:50%;background:var(--accent-subtle);color:var(--accent)}
.workflow-story-icon svg{width:22px;height:22px}
.workflow-story-role{display:block;font-size:.75rem;color:var(--accent);margin-bottom:.3rem}
.workflow-story-steps h3{font-size:1.1rem;font-weight:600;line-height:1.6}
.workflow-story-steps p{margin-top:.5rem;font-size:.9rem;line-height:1.85;color:var(--foreground-secondary)}
@media(max-width:639px){.workflow-story-steps>li{grid-template-columns:42px minmax(0,1fr);gap:.85rem}.workflow-story-icon{width:42px;height:42px}.workflow-story-steps>li:not(:last-child)::after{inset-inline-start:20px;top:50px}}
#systems .logo-strip--dense{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:.6rem}
#systems .migration-platform-track>.card{height:auto}
#systems .logo-tile{min-height:64px}
#systems .logo-img{max-width:100%;max-height:28px;object-fit:contain}
.architecture-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.architecture-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.architecture-card.is-headless{border-color:rgba(212,175,106,.4);background:var(--card-background)}
.architecture-card header{padding:1.5rem;border-bottom:1px solid var(--border)}
.architecture-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;color:var(--accent);background:var(--accent-subtle);font-size:.75rem;margin-bottom:.8rem}
.architecture-card h3{font-size:1.2rem;font-weight:600;line-height:1.6}
.architecture-card header p{margin-top:.4rem;font-size:.85rem;color:var(--foreground-secondary)}
.architecture-flow{padding:1.5rem;display:grid;align-content:start;gap:1.6rem;flex:1}
.architecture-flow>li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:.9rem;align-items:start}
.architecture-flow>li:not(:last-child)::after{content:"↓";position:absolute;inset-inline-start:12px;bottom:-1.55rem;font-size:1.2rem;color:var(--accent)}
.architecture-node-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--background-secondary);color:var(--accent)}
.architecture-node-icon svg{width:20px;height:20px}
.architecture-flow b{font-weight:600;font-size:.95rem;line-height:1.6}
.architecture-flow p{font-size:.85rem;line-height:1.8;color:var(--foreground-secondary);margin-top:.25rem}
.architecture-summary{padding:1.1rem 1.5rem;border-top:1px solid var(--border);background:rgba(0,0,0,.08)}
.architecture-summary>span{display:block;color:var(--accent);font-size:.75rem;margin-bottom:.3rem}
.architecture-summary>b{font-size:.9rem;font-weight:600}
.architecture-summary>p{margin-top:.4rem;color:var(--foreground-secondary);font-size:.8rem;line-height:1.8}
.architecture-tradeoffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}
.architecture-tradeoffs>div{padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-md)}
.architecture-tradeoffs h3{font-weight:600;font-size:1rem;margin-bottom:1rem}
.architecture-tradeoffs .checks{font-size:.85rem;gap:.8rem}
@media(max-width:767px){.architecture-comparison,.architecture-tradeoffs{grid-template-columns:minmax(0,1fr)}.architecture-card header,.architecture-flow{padding:1.15rem}.architecture-summary{padding:1rem 1.15rem}}
.journey-device-frame{width:100%;max-width:470px;margin:0 auto calc(var(--frame-offset) + .5rem);min-width:0}
.journey-device-frame>.journey-device-mockup{max-width:none;margin:0}
.website-journey-tabs .tab-list{display:flex;flex-direction:row;overflow-x:auto;gap:0}
.website-journey-tabs .tab{flex:1 0 0;min-width:0;white-space:normal;text-align:center;padding:1rem .75rem}
.website-journey-tabs .tab small{line-height:1.6}
.website-journey-tabs .tab-panel{gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(1.5rem,3vw,2.5rem);align-items:center}
.website-journey-tabs .tab-panel>div{min-width:0}
@media(min-width:900px){.website-journey-tabs .tab-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:639px){.website-journey-tabs .tab{flex:1 0 135px}.website-journey-tabs .tab-panel{grid-template-columns:minmax(0,1fr);padding:1.5rem}.website-journey-tabs .journey-device-frame{width:calc(100% - 12px)}}
.theme-project-visual{align-self:center;margin-bottom:var(--frame-offset);min-width:0}
.theme-project-visual .frame{aspect-ratio:4/3}
.theme-project-visual .frame img{object-position:top center}
.theme-editing-layout{align-items:start}
.theme-editing-intro .section-head{margin-bottom:0}
.theme-editing-intro .heading{max-width:100%}
.theme-editing-demo{min-width:0;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.theme-editing-demo .toggle-row{margin-bottom:1.25rem}
.theme-editing-demo .seg{display:flex;width:100%}
.theme-editing-demo .seg button{flex:1;min-width:0;text-align:center;padding:.7rem .5rem;font-size:.8rem;white-space:normal}
.theme-editing-demo .split.even{grid-template-columns:minmax(0,1fr);gap:1.25rem}
.theme-editing-demo .mock{min-width:0;max-width:100%;width:100%}
.theme-editing-demo .mock pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:visible;min-width:0;font-size:.7rem}
.theme-editing-demo .mock .bar>span{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.theme-editing-demo .mock .row{flex-wrap:wrap}
.theme-editing-demo .mock .body{min-width:0}
.theme-editing-demo h3{font-size:1.1rem;line-height:1.6}
.theme-editing-demo .checks{font-size:.85rem;gap:.8rem}
@media(min-width:1024px){.theme-editing-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.theme-editing-intro{position:sticky;top:calc(var(--header-h,84px) + 1.5rem);align-self:start}}
@media(max-width:639px){.theme-editing-demo{padding:1rem}.theme-editing-demo .seg button{font-size:.75rem}}
.nav{position:relative}
.nav-links>li.has-mega{position:static;display:inline-flex;align-items:center}
.nav-links .sub-link{padding-inline-end:.2rem}
.nav-links .sub-toggle-icon{padding:.55rem .45rem .55rem .6rem;gap:0}
.nav-links .sub-toggle-icon::after{display:none}
.nav-links .sub-link::after{inset-inline-end:-1.3rem}
.sub.mega{background:var(--surface);inset-inline:var(--gutter);top:calc(100% + .25rem);width:auto;min-width:0;padding:var(--space-6) var(--space-6) var(--space-5);display:grid;gap:var(--space-4)}
.mega-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2) var(--space-5)}
.mega-cols.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.mega-col{min-width:0}
.mega-col .mega-h{display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem .7rem;margin-bottom:.35rem;border-bottom:1px solid var(--border);font-family:var(--font-display);--fs:var(--text-lg);font-weight:700;color:var(--foreground)}
.mega-col ul{display:grid;gap:.1rem}
.sub.mega a{--fs:var(--text-base);line-height:1.45;align-items:center;gap:.7rem}
.sub.mega .mi{flex:none;width:20px;height:20px;color:var(--accent);opacity:.85}
.sub.mega a:hover .mi,.sub.mega a[aria-current="page"] .mi{opacity:1}
.sub.mega a[aria-current="page"]{color:var(--foreground);background:rgba(255,255,255,0.06);box-shadow:inset 3px 0 0 var(--accent)}
.menu-sub{display:block;margin:.9rem 0 .2rem;--fs:var(--text-sm);font-weight:600;color:var(--foreground-muted)}
.menu-group ul.cols{display:grid;grid-template-columns:1fr;gap:.05rem var(--space-3)}
.menu-group ul.cols a{display:flex;align-items:center;gap:.6rem;--fs:var(--text-base)}
.menu-group ul.cols a[aria-current="page"]{color:var(--accent)}
.menu-group ul.cols .mi{flex:none;width:18px;height:18px;color:var(--accent);opacity:.85}
@media (min-width:480px){.menu-group ul.cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mega-cols.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.nav-links>li.has-growth-menu{position:relative;display:inline-flex;align-items:center}
.sub.growth-menu{width:18rem;min-width:0;max-width:calc(100vw - 2 * var(--gutter));padding:.45rem}
.sub.growth-menu ul{display:grid;gap:.2rem}
.sub.growth-menu a,.growth-mobile-links a{align-items:center;gap:.7rem}
.sub.growth-menu .mi,.growth-mobile-links .mi{flex:none;width:20px;height:20px;color:var(--accent)}
.sub.growth-menu a[aria-current="page"]{color:var(--foreground);background:var(--accent-subtle)}
.growth-mobile-links{display:grid;gap:.2rem;margin-top:var(--space-2)}
.nav-links>li.portfolio-nav{position:relative;display:inline-flex;align-items:center}
.portfolio-dropdown{width:250px;min-width:0;max-width:calc(100vw - 2 * var(--gutter))}
.portfolio-primary-links{display:grid;gap:.15rem;list-style:none;margin:0;padding:0}
.menu-group .portfolio-primary-links{margin-top:var(--space-2)}
.portfolio-primary-links a{display:flex;align-items:center;gap:.65rem}
.portfolio-primary-links .mi{flex:none;width:20px;height:20px;color:var(--accent)}
.portfolio-menu-label{flex:1;min-width:0}
.portfolio-menu-count{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:2rem;padding:.1rem .45rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--foreground-secondary);font-family:var(--font-num);--fs:var(--text-xs);line-height:1.5}
body{line-height:var(--leading-body)}
:is(h1,h2,.heading,.page-title,.svc-title,.contact-heading){line-height:var(--leading-heading)}
:is(h3,h4,h5,h6,.h3){line-height:var(--leading-subheading)}
.hero-title{line-height:var(--leading-heading)}
p,:is(.ayman-entry,.answer,.checks,.fit,.deliver,.scope,.process) li{line-height:var(--leading-body)}
:is(.eyebrow,.btn,.chip,.faq summary){line-height:var(--leading-ui)}
small{--fs:var(--type-small)}
:is(h1,h2,h3,h4,.heading,.page-title){text-wrap:balance}
:is(p,li,dd,blockquote){text-wrap:pretty}
:is(.about-copy,.story-copy) :is(p,li){max-width:32em}
:is(.checks,.fit ul,.row-box ul,.deliver .ex ul,.shapes ul)>li{position:relative;padding-inline-start:2rem;--list-color:var(--accent);--list-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:is(.checks,.fit ul,.row-box ul,.deliver .ex ul,.shapes ul)>li::before{content:"";position:absolute;inset-inline-start:0;top:calc((1lh - 1.25rem)/2);width:1.25rem;height:1.25rem;box-sizing:border-box;border-radius:50%;background:var(--accent-subtle);border:1px solid var(--list-color);opacity:.65;pointer-events:none}
:is(.checks,.fit ul,.row-box ul,.deliver .ex ul,.shapes ul)>li::after{content:"";position:absolute;inset-inline-start:.1875rem;top:calc((1lh - .875rem)/2);width:.875rem;height:.875rem;background:var(--list-color);-webkit-mask:var(--list-mark) center/contain no-repeat;mask:var(--list-mark) center/contain no-repeat;pointer-events:none}
:is(.fit .no,.row-box.ex ul,.deliver .ex ul,.checks.is-excluded)>li{--list-color:var(--danger);--list-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E")}
:is(.fit .maybe,.checks.needs-review)>li{--list-color:var(--warning);--list-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v9m0 4h.01' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
@layer ayman-type{*,::before,::after,::placeholder,::marker{font-size:var(--fs,revert-layer)}}
.ayman-form-card .fluentform .ff-el-input--label label{font-size:var(--text-base)}
.ayman-form-card .fluentform .ff-el-form-control{font-size:max(1rem,1em)}
.ayman-form-card .fluentform .ff-el-help-message{font-size:var(--text-sm)}
.ayman-form-card .fluentform .error,.ayman-form-card .fluentform .text-danger{font-size:var(--text-sm)}
.ayman-form-card .fluentform .ff-btn-submit{font-size:var(--text-lg)}
.ayman-form-card .ff-errors-in-stack,.ayman-form-card .ff-message-success{font-size:var(--text-base)}
.ayman-form-card .iti input.iti__search-input{font-size:max(1rem,1em)}
.ayman-form-card .iti .iti__country{font-size:var(--text-sm)}
[data-i="0"]{--i:0}
[data-i="1"]{--i:1}
[data-i="2"]{--i:2}
[data-i="3"]{--i:3}
[data-i="4"]{--i:4}
[data-i="5"]{--i:5}
[data-i="6"]{--i:6}
[data-i="7"]{--i:7}
[data-i="8"]{--i:8}
[data-i="9"]{--i:9}
[data-i="10"]{--i:10}
[data-i="11"]{--i:11}
[data-i="12"]{--i:12}
[data-i="13"]{--i:13}
[data-i="14"]{--i:14}
[data-i="15"]{--i:15}
[data-i="16"]{--i:16}
[data-i="17"]{--i:17}
[data-i="18"]{--i:18}
[data-i="19"]{--i:19}
[data-i="20"]{--i:20}
[data-i="21"]{--i:21}
[data-i="22"]{--i:22}
[data-i="23"]{--i:23}
.rise-12{--y:12px}
.rise-14{--y:14px}
.rise-20{--y:20px}
.rise-24{--y:24px}
.rise-30{--y:30px}
.rise-40{--y:40px}
.rise-50{--y:50px}
.delay-0{transition-delay:0ms}
.delay-80{transition-delay:80ms}
.delay-90{transition-delay:90ms}
.delay-100{transition-delay:100ms}
.delay-120{transition-delay:120ms}
.delay-160{transition-delay:160ms}
.delay-180{transition-delay:180ms}
.delay-200{transition-delay:200ms}
.delay-240{transition-delay:240ms}
.delay-260{transition-delay:260ms}
.delay-270{transition-delay:270ms}
.delay-300{transition-delay:300ms}
.delay-340{transition-delay:340ms}
.delay-360{transition-delay:360ms}
.delay-380{transition-delay:380ms}
.delay-420{transition-delay:420ms}
.delay-440{transition-delay:440ms}
.delay-460{transition-delay:460ms}
.delay-520{transition-delay:520ms}
.delay-560{transition-delay:560ms}
.delay-900{transition-delay:900ms}
.delay-980{transition-delay:980ms}
.delay-1120{transition-delay:1120ms}
.delay-1260{transition-delay:1260ms}
.cols-3{--cols:3}
.cols-4{--cols:4}
.cols-5{--cols:5}
.cols-6{--cols:6}
.logo-dur-76{--logo-dur:76s}
.bar-s-0{--s:0}
.bar-s-18{--s:18}
.bar-s-22{--s:22}
.bar-s-30{--s:30}
.bar-s-34{--s:34}
.bar-s-40{--s:40}
.bar-s-74{--s:74}
.shrink-0{--shrink:0}
.shrink-8{--shrink:8}
.shrink-16{--shrink:16}
.shrink-24{--shrink:24}
.shrink-32{--shrink:32}
.tech-dur-64{--tech-dur:64s}
.tech-dur-72{--tech-dur:72s}
.bar-w-14{--w:14}
.bar-w-16{--w:16}
.bar-w-18{--w:18}
.bar-w-20{--w:20}
.bar-w-28{--w:28}
.bar-w-30{--w:30}
.bar-w-40{--w:40}
.svg-sprite{position:absolute!important}
.flex-1{flex:1!important}
.flex-2{flex:2!important}
.gap-0_5{gap:var(--space-2)!important}
.gap-0_5-0_75{gap:var(--space-2) var(--space-3)!important}
.gap-0_6{gap:.6rem!important}
.m-0{margin:0!important}
.pad-0_2-0_5{padding:.2rem var(--space-2)!important}
.pad-1{padding:var(--space-4)!important}
.pad-1_25{padding:var(--space-5)!important}
.pad-1_5{padding:var(--space-6)!important}
.content-start{align-content:start!important}
.items-center{align-items:center!important}
.items-start{align-items:flex-start!important}
.radius-50p{border-radius:50%!important}
.bt-0{border-top:0!important}
.bottom-1_6{bottom:1.6rem!important}
.bottom-3_4{bottom:3.4rem!important}
.c-accent{color:var(--accent)!important}
.c-fg{color:var(--foreground)!important}
.d-block{display:block!important}
.d-contents{display:contents!important}
.d-flex{display:flex!important}
.d-grid{display:grid!important}
.d-inline-flex{display:inline-flex!important}
.flex-wrap{flex-wrap:wrap!important}
.font-num{font-family:var(--font-num)!important}
.fs-0_72{font-size:var(--text-xs)!important}
.fs-0_74{font-size:var(--text-xs)!important}
.fs-0_9{font-size:var(--text-base)!important}
.fs-0_92{font-size:var(--text-base)!important}
.fs-0_93{font-size:var(--text-base)!important}
.fs-1_05{font-size:var(--text-lg)!important}
.fs-1_1{font-size:var(--text-lg)!important}
.fw-600{font-weight:600!important}
.fw-700{font-weight:700!important}
.gcols-fill-auto{grid-template-columns:minmax(0,1fr) auto!important}
.h-14{height:14px!important}
.h-16{height:16px!important}
.h-34{height:34px!important}
.h-46{height:46px!important}
.h-50{height:50px!important}
.end-0_8{inset-inline-end:.8rem!important}
.start-0_8{inset-inline-start:.8rem!important}
.mb-0_75{margin-bottom:var(--space-3)!important}
.mb-0_8{margin-bottom:.8rem!important}
.mb-1{margin-bottom:var(--space-4)!important}
.mb-1_25{margin-bottom:var(--space-5)!important}
.mb-2_5{margin-bottom:var(--space-10)!important}
.mt-0{margin-top:0!important}
.mt-0_4{margin-top:.4rem!important}
.mt-0_5{margin-top:var(--space-2)!important}
.mt-0_6{margin-top:.6rem!important}
.mt-0_7{margin-top:.7rem!important}
.mt-0_8{margin-top:.8rem!important}
.mt-0_9{margin-top:.9rem!important}
.mt-section{margin-top:clamp(3rem,5vw,4rem)!important}
.mt-section-lg{margin-top:clamp(3rem,6vw,4.5rem)!important}
.mt-1{margin-top:var(--space-4)!important}
.mt-1_25{margin-top:var(--space-5)!important}
.mt-1_5{margin-top:var(--space-6)!important}
.mt-1_75{margin-top:1.75rem!important}
.mt-2_25{margin-top:2.25rem!important}
.mt-2_5{margin-top:var(--space-10)!important}
.maxw-30ch{max-width:30ch!important}
.maxw-36rem{max-width:36rem!important}
.maxw-62ch{max-width:62ch!important}
.minh-36{min-height:36px!important}
.minh-40{min-height:40px!important}
.minw-0{min-width:0!important}
.minw-70{min-width:70px!important}
.overflow-hidden{overflow:hidden!important}
.pt-0{padding-top:0!important}
.ta-center{text-align:center!important}
.top-2_3{top:2.3rem!important}
.top-2_4{top:2.4rem!important}
.w-14px{width:14px!important}
.w-16px{width:16px!important}
.w-34px{width:34px!important}
.w-60{width:60%!important}
.w-70{width:70%!important}
.w-80{width:80%!important}
.w-90{width:90%!important}
.w-100{width:100%!important}
:root h1{--fs:var(--type-h1)}
:root h2{--fs:var(--type-h2)}
:root h3{--fs:var(--type-h3)}
:root h4{--fs:var(--type-h4)}
:is(.inline-cta,.art-cta,.side-cta,#contact.contact,.cta-section){position:relative;isolation:isolate;overflow:hidden;background:var(--background,#0B0C0E);text-align:center}
:is(.inline-cta,.art-cta){grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-6)}
:is(.inline-cta,.art-cta,.side-cta) > *{position:relative;z-index:1;min-width:0;max-width:100%}
:is(.inline-cta,.art-cta,.side-cta) :is(h2,h3,p){margin-inline:auto;text-wrap:balance}
:is(.inline-cta,.art-cta,.side-cta) :is(.actions,.btn){justify-content:center}
.inline-cta > .btn{justify-self:center}
.art-cta .actions{justify-content:center}
@media (max-width:479px){:is(.inline-cta,.art-cta) > .btn,.art-cta .actions,.art-cta .actions .btn{width:100%}}
:root[dir="rtl"] :is(.kpi .k,.dash .kpi .v,.svc-card .num){text-align:right}
body.admin-bar{--ayman-admin-bar-offset:var(--wp-admin--admin-bar--height,32px)}
body.admin-bar .site-header,body.admin-bar .header{top:var(--ayman-admin-bar-offset)}
body.admin-bar .menu{top:var(--ayman-admin-bar-offset)}
@media (max-width:782px){body.admin-bar{--ayman-admin-bar-offset:var(--wp-admin--admin-bar--height,46px)}}