.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)}.op-path__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.35rem}.op-path__actions .op-path__cta,.op-path__actions .op-path__here{margin-top:0}.op-path__cta--portfolio{color:#f0d060;background:transparent;border:1px solid rgba(240,208,96,.45)}.op-path__cta--portfolio:hover{background:rgba(212,175,55,.12)}.op-path__portfolio{margin:.55rem 0 .35rem}.op-path__portfolio-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.op-path__portfolio-head .op-path__partners-label{margin:0}.op-path__portfolio-all{display:inline-flex;align-items:center;gap:.3rem;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#f0d060;white-space:nowrap}.op-path__portfolio-all:hover{color:#fff8e7}.op-path__portfolio-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.op-path__portfolio-thumb{display:flex;flex-direction:column;gap:.28rem;text-decoration:none;color:#e2e8f0;border-radius:.55rem;overflow:hidden;border:1px solid rgba(212,175,55,.28);background:rgba(0,0,0,.35);transition:border-color .2s ease,transform .2s ease}.op-path__portfolio-thumb:hover{border-color:rgba(240,208,96,.55);transform:translateY(-1px)}.op-path__portfolio-thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#0a0e17}.op-path__portfolio-thumb span{padding:0 .35rem .35rem;font-size:.52rem;font-weight:800;letter-spacing:.02em;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:520px){.op-path__portfolio-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme=light] .op-path__cta--portfolio{color:#8a6a10;border-color:rgba(184,134,11,.45)}[data-theme=light] .op-path__portfolio-thumb{background:#f8fafc;color:#0f172a}[data-theme=light] .op-path__portfolio-all{color:#8a6a10}[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;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease}a.op-path__tool:hover{border-color:rgba(56,189,248,.55);background:rgba(14,165,233,.18);color:#fff}.op-path__tool i{color:#38bdf8;font-size:.7rem;flex-shrink:0}.op-path__tool-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0;line-height:1.15}.op-path__tool-label{font-size:.62rem;letter-spacing:.04em}.op-path__tool-price{font-size:.55rem;font-weight:900;letter-spacing:.06em;color:#f0d060;text-transform:none}a.op-path__tool:hover .op-path__tool-price{color:#fff8e7}.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}.op-path__founder{margin:.55rem 0 0;padding-top:.5rem;border-top:1px solid rgba(212,175,55,.22);font-size:.72rem!important;line-height:1.5!important;color:#94a3b8!important}.op-path__founder strong{color:#f0d060;font-weight:900}[data-theme=light] .op-path__tool{color:#0c4a6e;background:rgba(14,165,233,.08)}[data-theme=light] .op-path__tool-price{color:#8a6a10}[data-theme=light] .op-path__founder{color:#64748b!important;border-top-color:rgba(184,134,11,.25)}[data-theme=light] .op-path__founder strong{color:#8a6a10}[data-theme=light] .op-path__partners li{background:rgba(15,23,42,.04);color:#0f172a}[data-theme=light] .op-path__why{color:#475569!important}