.op-path{--op-diy:#38bdf8;--op-hire:#d4af37;--op-ink:#f8fafc;--op-muted:#94a3b8;--op-panel:rgba(8,14,28,0.75);width:100%;max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem)}.op-path__eyebrow{margin:0 0 1rem;text-align:center;font-size:.68rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--op-hire)}.op-path__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:.85rem;align-items:stretch}@media (max-width:800px){.op-path__grid{grid-template-columns:1fr}.op-path__vs{padding:.25rem 0}}.op-path__vs{display:flex;align-items:center;justify-content:center}.op-path__vs span{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:999px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--op-muted);border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35)}.op-path__card{position:relative;display:flex;flex-direction:column;gap:.65rem;padding:1.35rem 1.25rem 1.4rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.12);background:var(--op-panel);min-height:100%}.op-path__card--diy{background:linear-gradient(160deg,rgba(56,189,248,.12) 0,transparent 50%),var(--op-panel);border-color:rgba(56,189,248,.28)}.op-path__card--hire{background:linear-gradient(160deg,rgba(212,175,55,.14) 0,transparent 50%),var(--op-panel);border-color:rgba(212,175,55,.32)}.op-path__card.is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--op-hire) 55%,transparent),0 18px 40px rgba(0,0,0,.35)}.op-path__card--diy.is-active{box-shadow:0 0 0 2px rgba(56,189,248,.55),0 18px 40px rgba(0,0,0,.35)}.op-path__badge{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.35rem .7rem;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.op-path__badge--diy{color:#e0f2fe;background:rgba(14,165,233,.2);border:1px solid rgba(56,189,248,.4)}.op-path__badge--hire{color:#fff8e7;background:rgba(212,175,55,.2);border:1px solid rgba(240,208,96,.45)}.op-path__card h2{margin:0;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:900;letter-spacing:-.02em;line-height:1.2;color:var(--op-ink)}.op-path__card p{margin:0;flex:1;font-size:.88rem;line-height:1.5;color:var(--op-muted)}.op-path__here{font-size:.65rem;letter-spacing:.16em;color:#86efac}.op-path__cta,.op-path__here{display:inline-flex;align-items:center;margin-top:.35rem;font-weight:900;text-transform:uppercase}.op-path__cta{gap:.45rem;width:fit-content;padding:.7rem 1.1rem;border-radius:999px;font-size:.68rem;letter-spacing:.12em;text-decoration:none;transition:filter .2s ease,transform .2s ease}.op-path__cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.op-path__cta--diy{color:#0a0e17;background:linear-gradient(135deg,#7dd3fc,#38bdf8)}.op-path__cta--hire{color:#0a0e17;background:linear-gradient(135deg,#f0d060,#d4af37)}[data-theme=light] .op-path__card{background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}[data-theme=light] .op-path__card h2{color:#0c1a2e}[data-theme=light] .op-path__card p{color:#475569}[data-theme=light] .op-path__card--diy{background:linear-gradient(160deg,rgba(14,165,233,.08),#fff 55%)}[data-theme=light] .op-path__card--hire{background:linear-gradient(160deg,rgba(212,175,55,.1),#fff 55%)}.op-path--visual .op-path__card{gap:.75rem}.op-path__visual{margin-top:.15rem}.op-path__visual--diy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.op-path__tool{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .55rem;border-radius:.65rem;border:1px solid rgba(56,189,248,.28);background:rgba(14,165,233,.1);color:#e0f2fe;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.op-path__tool i{color:#38bdf8;font-size:.7rem}.op-path__partners-label{margin:0 0 .4rem;font-size:.58rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#f0d060}.op-path__partners{list-style:none;margin:0 0 .55rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.op-path__partners li{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .5rem;border-radius:999px;border:1px solid rgba(212,175,55,.28);background:rgba(0,0,0,.28);color:#f8fafc;font-size:.58rem;font-weight:700}.op-path__partners i,.op-path__partners img{width:.85rem;height:.85rem;object-fit:contain;font-size:.7rem}.op-path__why{margin:0;font-size:.78rem!important;line-height:1.45!important;color:#cbd5e1!important}[data-theme=light] .op-path__tool{color:#0c4a6e;background:rgba(14,165,233,.08)}[data-theme=light] .op-path__partners li{background:rgba(15,23,42,.04);color:#0f172a}[data-theme=light] .op-path__why{color:#475569!important}