/* Odoo Pilot home v2 - generated from odoo-pilot-v3.html. Every rule is scoped to .op2 and uses !important to beat Elementor / Hello theme styles. */
.op2{--purple:#724482;--purple-dark:#58335F;--lavender:#F1E9F3;--band:#F4EFFC;--ink:#1A1923;--ink-2:#585663;--ink-3:#63626E;--line:#DEDDE2;--line-2:#CACACF;--surface:#F1F1F6;--field:#F8F8FC;--num-stroke:#D9C4DD;--hero-a:#FAF7FC;--cta-a:#8A5A9B;--cta-b:#5A3568;--ok:#2F6B45;--shadow-sm:0 1px 2px rgba(26,25,35,.06);--shadow-md:0 10px 30px rgba(26,25,35,.08);--shadow-lg:0 24px 64px rgba(26,25,35,.12);--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:20px;--font-head:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--font-body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;--header-h:74px;--dark:#211829;--dark-2:#2C2137;--dark-line:rgba(255,255,255,.16);--on-dark:#F3EEF6;--on-dark-2:#CDC1D5;--overlap:clamp(56px,9vw,120px)}
.op2 *,.op2 *::before,.op2 *::after{box-sizing:border-box !important}
.op2{margin:0 !important;background:#fff !important;color:var(--ink) !important;font-family:var(--font-body) !important;font-size:1rem !important;line-height:1.55 !important;-webkit-font-smoothing:antialiased !important}
.op2 img,.op2 svg{max-width:100% !important}
.op2 a{color:var(--purple) !important;text-decoration:none !important}
.op2 a:hover{color:var(--purple-dark) !important}
.op2 ::selection{background:var(--lavender) !important}
.op2 h1,.op2 h2,.op2 h3,.op2 h4{margin:0 !important;font-family:var(--font-head) !important}
.op2 p{margin:0 !important}
.op2 ul,.op2 ol{margin:0 !important;padding:0 !important}
.op2 button{font:inherit !important;color:inherit !important}
.op2.op2 [hidden]{display:none !important}
.op2 .sr-only{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
.op2.op2 .sr-only{position:absolute !important}
.op2 :focus-visible{outline:3px solid var(--purple) !important;outline-offset:2px !important}
.op2 .on-dark :focus-visible,.op2 .btn--on-dark:focus-visible{outline-color:#fff !important}
.op2 .wrap{max-width:1296px !important;margin:0 auto !important;padding:0 28px !important}
.op2 .wrap--1200{max-width:1256px !important}
.op2 .wrap--1000{max-width:1000px !important}
.op2 .section{padding:clamp(64px,9vw,110px) 0 !important}
.op2 .section--band{background:var(--band) !important}
.op2 .section--tight{padding:clamp(56px,7vw,100px) 0 !important}
.op2 .sec-head{max-width:760px !important;margin:0 auto clamp(32px,5vw,52px) !important;text-align:center !important}
.op2 .kicker{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:.8125rem !important;font-weight:600 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:var(--purple) !important}
.op2 .kicker--dot::before{content:"" !important;width:6px !important;height:6px !important;border-radius:50% !important;background:var(--purple) !important}
.op2 .h2{font-size:clamp(1.75rem,3.4vw,2.5rem) !important;font-weight:650 !important;letter-spacing:-.02em !important;line-height:1.15 !important;margin-top:12px !important;text-wrap:balance !important}
.op2 .h2--sm{font-size:clamp(1.625rem,3.2vw,2.25rem) !important}
.op2 .lead{font-size:1.03rem !important;color:var(--ink-2) !important;margin-top:16px !important;line-height:1.6 !important;text-wrap:pretty !important}
.op2 .sec-head .lead,.op2 .hero__lead,.op2 .hero__sub,.op2 .pricing-note,.op2 .fn{text-wrap:balance !important}
.op2 .muted{color:var(--ink-3) !important}
.op2 .center{text-align:center !important}
.op2 .btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;min-height:44px !important;padding:12px 22px !important;border-radius:var(--r-md) !important;font-size:.9375rem !important;font-weight:600 !important;line-height:1.2 !important;border:1px solid transparent !important;cursor:pointer !important;text-align:center !important;transition:background .15s,border-color .15s,color .15s,box-shadow .15s !important}
.op2 .btn--primary{background:var(--purple) !important;color:#fff !important}
.op2 .btn--primary:hover{background:var(--purple-dark) !important;color:#fff !important}
.op2 .btn--secondary{background:#fff !important;color:var(--ink) !important;border-color:var(--line-2) !important}
.op2 .btn--secondary:hover{border-color:var(--purple) !important;color:var(--purple-dark) !important}
.op2 .btn--sm{min-height:44px !important;padding:10px 16px !important;font-size:.84rem !important;border-radius:9px !important}
.op2 .btn--on-dark{background:#fff !important;color:#2A1F30 !important}
.op2 .btn--on-dark:hover{background:var(--lavender) !important;color:#2A1F30 !important}
.op2 .btn--outline-dark{background:transparent !important;color:#fff !important;border-color:rgba(255,255,255,.55) !important}
.op2 .btn--outline-dark:hover{background:rgba(255,255,255,.12) !important;color:#fff !important;border-color:#fff !important}
.op2 .btn svg{flex:none !important}
.op2 .link-arrow{display:inline-flex !important;align-items:center !important;gap:6px !important;font-weight:600 !important;font-size:.9375rem !important;min-height:44px !important}
.op2 .link-arrow svg{transition:transform .15s !important}
.op2 .link-arrow:hover svg{transform:translateX(3px) !important}
@media (prefers-reduced-motion:reduce){.op2 .link-arrow svg,.op2 .btn{transition:none !important}
.op2 .link-arrow:hover svg{transform:none !important}
}
.op2 .chip{display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:.75rem !important;font-weight:600 !important;letter-spacing:.01em !important;padding:3px 10px !important;border-radius:100px !important;background:var(--lavender) !important;color:var(--purple-dark) !important;max-width:100% !important;line-height:1.5 !important}
.op2 .chip--neutral{background:var(--surface) !important;color:var(--ink-2) !important}
.op2 .chip--outline{background:#fff !important;color:var(--purple) !important;border:1px solid var(--num-stroke) !important}
.op2 .chip--illus{background:#fff !important;color:var(--purple-dark) !important;border:1px dashed var(--purple) !important;text-transform:none !important}
.op2 .chip--free{background:var(--purple) !important;color:#fff !important}
.op2 .icon{width:1em !important;height:1em !important;flex:none !important}
.op2 svg.i{fill:none !important;stroke:currentColor !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;flex:none !important;display:inline-block !important;vertical-align:middle !important}
@media (max-width:520px){.op2{--header-h:64px}
.op2 .wrap{padding:0 16px !important}
}
.op2 .seg{display:inline-flex !important;flex-wrap:wrap !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:24px !important;padding:3px !important;gap:2px !important;max-width:100% !important}
.op2 .seg button{min-height:40px !important;padding:8px 16px !important;border-radius:100px !important;border:0 !important;background:transparent !important;font-size:.84rem !important;font-weight:600 !important;color:var(--ink-2) !important;cursor:pointer !important}
.op2 .seg button[aria-selected="true"],.op2 .seg button[aria-pressed="true"],.op2 .seg button[aria-checked="true"]{background:var(--purple) !important;color:#fff !important}
.op2 .seg button:not([aria-selected="true"]):not([aria-pressed="true"]):not([aria-checked="true"]):hover{background:var(--lavender) !important;color:var(--purple-dark) !important}
.op2 .pill-btn{display:inline-flex !important;align-items:center !important;gap:8px !important;min-height:44px !important;padding:8px 18px !important;border-radius:100px !important;border:1px solid var(--line) !important;background:#fff !important;font-size:.84rem !important;font-weight:600 !important;color:var(--ink-2) !important;cursor:pointer !important}
.op2 .pill-btn:hover{border-color:var(--purple) !important;color:var(--purple-dark) !important}
.op2 .pill-btn--primary{background:var(--purple) !important;color:#fff !important;border-color:var(--purple) !important}
.op2 .pill-btn--primary:hover{background:var(--purple-dark) !important;color:#fff !important}
.op2 .pill-btn[disabled]{opacity:.5 !important;cursor:not-allowed !important}
.op2 .diff{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;font-size:.75rem !important;padding:6px 9px !important;border-radius:6px !important;margin-bottom:4px !important;overflow-wrap:anywhere !important}
.op2 .diff--add{background:var(--lavender) !important;color:var(--purple-dark) !important}
.op2 .list-plain{list-style:none !important}
.op2 .callout{display:flex !important;align-items:flex-start !important;gap:9px !important;background:var(--lavender) !important;color:var(--purple-dark) !important;padding:14px 16px !important;border-radius:var(--r-md) !important;font-size:.84rem !important;font-weight:600 !important;line-height:1.5 !important}
.op2 .callout svg{flex:none !important;margin-top:2px !important}
.op2 .callout--plain{background:var(--surface) !important;color:var(--ink-2) !important;font-weight:500 !important}
.op2 .illus-note{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;font-size:.75rem !important;color:var(--ink-3) !important}
.op2 .h3{font-size:clamp(1.375rem,2.5vw,1.75rem) !important;font-weight:650 !important;letter-spacing:-.015em !important;line-height:1.2 !important;margin-top:10px !important;text-wrap:balance !important}
.op2 .h4{font-family:var(--font-head) !important;font-size:1.0625rem !important;font-weight:600 !important;line-height:1.3 !important}
.op2 .lead--left{text-align:left !important;max-width:62ch !important}
.op2 .kicker--dot::before{background:currentColor !important}
.op2 .kicker--dark{color:#D9B8E6 !important}
.op2 .link-arrow--dark{color:#fff !important}
.op2 .link-arrow--dark:hover{color:#D9B8E6 !important}
.op2 .fn--left{text-align:left !important;margin:14px 0 0 !important}
.op2 .hero{padding:clamp(44px,6vw,80px) 0 0 !important;background:linear-gradient(180deg,var(--hero-a) 0%,#fff 72%) !important}
.op2 .hero__in{max-width:860px !important;margin:0 auto !important;text-align:center !important}
.op2 .nobr{white-space:nowrap !important}
.op2 .hero__eyebrow{font-size:.8125rem !important;padding:5px 14px !important}
.op2 .hero h1{text-wrap:balance !important;font-size:clamp(2.125rem,5.2vw,3.625rem) !important;font-weight:650 !important;letter-spacing:-.03em !important;line-height:1.06 !important;margin-top:20px !important}
.op2 .hero__lead{font-size:clamp(1.0625rem,1.6vw,1.1875rem) !important;color:var(--ink-2) !important;max-width:720px !important;margin:20px auto 0 !important;line-height:1.6 !important}
.op2 .hero__sub{font-family:var(--font-head) !important;font-size:1.0625rem !important;font-weight:600 !important;letter-spacing:.01em !important;color:var(--purple-dark) !important;margin-top:16px !important}
.op2 .hero__cta{display:flex !important;gap:12px !important;justify-content:center !important;flex-wrap:wrap !important;margin-top:28px !important}
.op2 .hero__cta .btn{padding:14px 28px !important;font-size:1rem !important}
.op2 .hero__free{margin-top:16px !important;font-size:.875rem !important;font-weight:500 !important;color:var(--ink-2) !important}
.op2 .hero__for{margin-top:6px !important;font-size:.8125rem !important;color:var(--ink-3) !important}
.op2 .hero__visual{max-width:1120px !important;margin:clamp(30px,4.5vw,52px) auto calc(-1 * var(--overlap)) !important;position:relative !important;z-index:2 !important}
@media (max-width:520px){.op2 .hero__cta .btn{width:100% !important}
}
.op2 .shot{margin:0 !important;border-radius:var(--r-xl) !important;overflow:hidden !important;background:#fff !important;border:1px solid var(--line) !important;box-shadow:var(--shadow-lg) !important}
.op2 .shot--wide{max-width:1120px !important;margin:0 auto !important}
.op2 .shot__bar{display:flex !important;align-items:center !important;gap:14px !important;padding:11px 16px !important;background:var(--surface) !important;border-bottom:1px solid var(--line) !important}
.op2 .frame__dots{display:flex !important;gap:6px !important;flex:none !important}
.op2 .frame__dots span{width:10px !important;height:10px !important;border-radius:50% !important;background:var(--line-2) !important}
.op2 .shot__title{flex:1 !important;min-width:0 !important;font-size:.8125rem !important;font-weight:600 !important;color:var(--ink-2) !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
.op2 .shot__view{background:#F0F0F0 !important;line-height:0 !important}
.op2 .shot__view img{display:block !important;width:100% !important;height:auto !important}
.op2 .shot--video .shot__view{background:#17101d !important}
.op2 .shot__view video{display:block !important;width:100% !important;aspect-ratio:16/9 !important;background:#17101d !important;object-fit:cover !important}
.op2 .shot__view iframe{display:block !important;width:100% !important;height:auto !important;aspect-ratio:16/9 !important;border:0 !important;background:#17101d !important}
.op2 .shot figcaption{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px 16px !important;flex-wrap:wrap !important;padding:8px 8px 8px 16px !important;background:#fff !important;border-top:1px solid var(--line) !important;font-size:.8125rem !important;color:var(--ink-3) !important;line-height:1.45 !important}
.op2 .shot figcaption > span{flex:1 1 260px !important;min-width:0 !important}
.op2 .shot__zoom{display:inline-flex !important;align-items:center !important;gap:6px !important;min-height:44px !important;padding:8px 14px !important;border:1px solid var(--line-2) !important;border-radius:9px !important;background:#fff !important;font-weight:600 !important;font-size:.8125rem !important;color:var(--ink) !important;cursor:pointer !important}
.op2 .shot__zoom:hover{border-color:var(--purple) !important;color:var(--purple-dark) !important}
.op2 .proof{background:var(--dark) !important;color:var(--on-dark) !important;padding:calc(var(--overlap) + clamp(44px,6vw,80px)) 0 clamp(56px,7vw,92px) !important}
.op2 .proof__in{display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important;gap:clamp(32px,6vw,80px) !important;align-items:center !important}
.op2 .proof h2{font-size:clamp(1.875rem,3.8vw,2.75rem) !important;font-weight:650 !important;letter-spacing:-.025em !important;line-height:1.1 !important;margin:12px 0 18px !important;text-wrap:balance !important;color:#fff !important}
.op2 .proof__claim{font-size:clamp(1.25rem,2.2vw,1.625rem) !important;line-height:1.4 !important;color:#fff !important;font-weight:500 !important}
.op2 .proof__claim span{display:block !important}
.op2 .proof__claim span:first-child{color:var(--on-dark-2) !important}
.op2 .proof__note{margin-top:14px !important;font-size:.875rem !important;color:var(--on-dark-2) !important;line-height:1.6 !important}
.op2 .proof__acts{display:flex !important;gap:6px 22px !important;flex-wrap:wrap !important;align-items:center !important;margin-top:24px !important}
.op2 .proof__viz{background:var(--dark-2) !important;border:1px solid var(--dark-line) !important;border-radius:var(--r-xl) !important;padding:clamp(20px,3vw,32px) !important}
.op2 .bars{display:flex !important;flex-direction:column !important;gap:24px !important}
.op2 .bar__label{display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;align-items:baseline !important;gap:4px 12px !important;font-size:.9rem !important;color:var(--on-dark-2) !important;margin-bottom:8px !important}
.op2 .bar__label b{font-family:var(--font-head) !important;font-size:1.5rem !important;font-weight:650 !important;letter-spacing:-.01em !important;color:#fff !important;white-space:nowrap !important}
.op2 .bar__track{height:22px !important;background:rgba(255,255,255,.07) !important;border-radius:6px !important;overflow:hidden !important}
.op2 .bar__fill{display:block !important;height:100% !important;border-radius:6px !important}
.op2 .bar__fill--est{background:#8F7A9E !important}
.op2 .bar__fill--pilot{background:#E3BEF2 !important}
.op2 .proof__foot{margin-top:22px !important;padding-top:16px !important;border-top:1px solid var(--dark-line) !important;font-size:.8125rem !important;color:var(--on-dark-2) !important;line-height:1.6 !important}
.op2 .proof__foot a{color:#fff !important;text-decoration:underline !important;text-underline-offset:3px !important}
.op2 .proof__trust{display:flex !important;gap:8px !important;align-items:center !important;margin-top:14px !important;font-size:.875rem !important;font-weight:600 !important;color:var(--on-dark) !important}
.op2 .proof__trust svg{color:#D9B8E6 !important;flex:none !important}
@media (max-width:860px){.op2 .proof__in{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .ask__intro{display:grid !important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important;gap:clamp(24px,4vw,56px) !important;align-items:center !important;margin-bottom:28px !important}
.op2 .ctxlist{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:16px !important}
.op2 .ctxlist li{display:inline-flex !important;align-items:center !important;gap:8px !important;background:var(--lavender) !important;border:1px solid var(--num-stroke) !important;border-radius:100px !important;padding:6px 14px !important;font-size:.84rem !important;font-weight:600 !important;color:var(--purple-dark) !important}
.op2 .ask__qual{margin-top:14px !important;font-size:.84rem !important;color:var(--ink-3) !important;line-height:1.55 !important}
.op2 .ask__micro{background:var(--lavender) !important;border-radius:var(--r-lg) !important;padding:20px 22px !important;display:flex !important;flex-direction:column !important;gap:12px !important;align-items:flex-start !important;color:var(--purple) !important}
.op2 .ask__micro p{font-size:.95rem !important;line-height:1.6 !important;color:var(--ink) !important}
.op2 .ask__micro b{color:var(--purple-dark) !important}
.op2 .demo{background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-xl) !important;box-shadow:var(--shadow-md) !important;overflow:hidden !important}
.op2 .demo__head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;flex-wrap:wrap !important;padding:14px 18px !important;background:var(--surface) !important;border-bottom:1px solid var(--line) !important}
.op2 .demo__head .env{font-size:.75rem !important;font-weight:600 !important;color:var(--ink-3) !important;text-transform:uppercase !important;letter-spacing:.04em !important}
.op2 .qa{display:grid !important;grid-template-columns:minmax(220px,290px) minmax(0,1fr) !important;gap:clamp(18px,3vw,30px) !important;padding:clamp(16px,3vw,26px) !important;align-items:start !important}
.op2 .qa > *{min-width:0 !important}
.op2 .qa__label{font-size:.75rem !important;font-weight:600 !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:var(--ink-3) !important;margin-bottom:10px !important}
.op2 .qlist{display:flex !important;flex-direction:column !important;gap:8px !important}
.op2 .qbtn{text-align:left !important;min-height:44px !important;padding:11px 14px !important;border-radius:var(--r-md) !important;border:1px solid var(--line) !important;background:#fff !important;cursor:pointer !important;font-size:.84rem !important;font-weight:600 !important;line-height:1.4 !important;color:var(--ink) !important}
.op2 .qbtn:hover{border-color:var(--purple) !important}
.op2 .qbtn[aria-pressed="true"]{border-color:var(--purple) !important;background:var(--lavender) !important;box-shadow:inset 3px 0 0 var(--purple) !important}
.op2 .bubble{border-radius:12px 12px 4px 12px !important;background:var(--surface) !important;padding:12px 16px !important;font-size:.9rem !important;font-weight:600 !important;max-width:100% !important;width:fit-content !important;margin:0 0 14px auto !important}
.op2 .answers{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
.op2 .ans{background:var(--field) !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;padding:16px 18px !important;display:flex !important;flex-direction:column !important;gap:10px !important;font-size:.875rem !important;color:var(--ink-2) !important;line-height:1.6 !important}
.op2 .ans--ctx{background:#fff !important;border-color:var(--purple) !important;box-shadow:inset 0 3px 0 var(--purple) !important}
.op2 .ans h4{font-family:var(--font-body) !important;font-size:inherit !important}
.op2 .ans__tag{font-size:.75rem !important;font-weight:700 !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:var(--ink-3) !important}
.op2 .ans__tag--ctx{color:var(--purple) !important}
.op2 .ans__body p + p{margin-top:8px !important}
.op2 .ans .chips{display:flex !important;gap:6px !important;flex-wrap:wrap !important}
.op2 .ans__foot{margin-top:auto !important;padding-top:10px !important;border-top:1px solid var(--line) !important;font-size:.75rem !important;color:var(--ink-3) !important;line-height:1.5 !important}
.op2 .demo__note{display:flex !important;gap:8px !important;align-items:flex-start !important;padding:12px clamp(16px,3vw,26px) !important;border-top:1px solid var(--line) !important;background:var(--surface) !important;font-size:.75rem !important;color:var(--ink-3) !important;line-height:1.5 !important}
.op2 .demo__note svg{flex:none !important;margin-top:2px !important}
@media (max-width:900px){.op2 .ask__intro{grid-template-columns:minmax(0,1fr) !important}
.op2 .qa{grid-template-columns:minmax(0,1fr) !important}
.op2 .qlist{flex-direction:row !important;flex-wrap:wrap !important}
.op2 .qlist .qbtn{flex:1 1 230px !important}
}
@media (max-width:700px){.op2 .answers{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .hq{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:clamp(20px,3vw,40px) !important;max-width:1120px !important;margin:0 auto clamp(28px,4vw,44px) !important}
.op2 .hq li{border-top:3px solid var(--purple) !important;padding-top:16px !important}
.op2 .hq h3{font-size:1.15rem !important;font-weight:650 !important;letter-spacing:-.01em !important;margin-bottom:6px !important}
.op2 .hq p{font-size:.9rem !important;color:var(--ink-2) !important;line-height:1.62 !important}
@media (max-width:820px){.op2 .hq{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .hcols{display:grid !important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important;gap:clamp(28px,5vw,64px) !important;max-width:1120px !important;margin:clamp(32px,5vw,52px) auto 0 !important;align-items:start !important}
.op2 .dlist{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px 28px !important;margin:16px 0 0 !important}
.op2 .dlist dt{font-family:var(--font-head) !important;font-size:.98rem !important;font-weight:600 !important;margin-bottom:3px !important}
.op2 .dlist dd{margin:0 !important;font-size:.84rem !important;color:var(--ink-2) !important;line-height:1.55 !important}
.op2 .hcols__side{display:flex !important;flex-direction:column !important;gap:16px !important}
.op2 .note{background:#fff !important;border:1px solid var(--num-stroke) !important;border-left:4px solid var(--purple) !important;border-radius:var(--r-md) !important;padding:16px 18px !important;font-size:.875rem !important;color:var(--ink-2) !important;line-height:1.6 !important;display:flex !important;flex-direction:column !important;gap:8px !important}
.op2 .note .h4{display:flex !important;gap:8px !important;align-items:center !important;color:var(--ink) !important}
.op2 .note .h4 svg{color:var(--purple) !important}
.op2 .side-p{font-size:.875rem !important;color:var(--ink-2) !important;line-height:1.6 !important}
.op2 .side-acts{display:flex !important;gap:10px !important;flex-wrap:wrap !important}
.op2 .uses__h{max-width:1120px !important;margin:clamp(40px,6vw,64px) auto 16px !important}
.op2 .uses{list-style:none !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;max-width:1120px !important;margin:0 auto !important}
.op2 .uses li{display:flex !important;gap:10px !important;align-items:flex-start !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-md) !important;padding:14px 16px !important;font-size:.84rem !important;color:var(--ink-2) !important;line-height:1.5 !important}
.op2 .uses li svg{flex:none !important;margin-top:2px !important;color:var(--purple) !important}
.op2 .uses .uses__cta{background:var(--purple) !important;border-color:var(--purple) !important;padding:0 !important}
.op2 .uses .uses__cta a{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;width:100% !important;height:100% !important;min-height:44px !important;padding:14px 16px !important;color:#fff !important;font-weight:600 !important;font-size:.9rem !important;border-radius:inherit !important}
.op2 .uses .uses__cta a .i{color:#fff !important}
.op2 .uses .uses__cta a:hover{background:var(--purple-dark) !important;color:#fff !important}
@media (max-width:1000px){.op2 .hcols{grid-template-columns:minmax(0,1fr) !important}
.op2 .uses{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:560px){.op2 .dlist,.op2 .uses{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .routes{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;max-width:1040px !important;margin:0 auto !important}
.op2 .route{background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;padding:24px 22px !important;display:flex !important;flex-direction:column !important;gap:8px !important}
.op2 .route{position:relative !important}
.op2 .route__top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;min-height:28px !important;margin-bottom:6px !important}
.op2 .route__n{width:28px !important;height:28px !important;border-radius:50% !important;border:1.5px solid var(--num-stroke) !important;color:var(--purple) !important;font-size:.8125rem !important;font-weight:600 !important;display:flex !important;align-items:center !important;justify-content:center !important}
@media (min-width:821px){.op2 .route:not(:last-child)::after{content:"" !important;position:absolute !important;right:-13px !important;top:50% !important;width:10px !important;height:10px !important;border-top:2px solid var(--purple) !important;border-right:2px solid var(--purple) !important;transform:translateY(-50%) rotate(45deg) !important;z-index:2 !important}
}
.op2 .route h3{font-size:1.06rem !important;font-weight:600 !important;line-height:1.35 !important}
.op2 .route p{font-size:.875rem !important;color:var(--ink-2) !important;line-height:1.6 !important}
.op2 .route--pilot{background:var(--lavender) !important;border-color:var(--num-stroke) !important}
.op2 .route--pilot .route__n{background:var(--purple) !important;border-color:var(--purple) !important;color:#fff !important}
.op2 .route .link-arrow{margin-top:auto !important}
@media (max-width:820px){.op2 .routes{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .pressures{max-width:1000px !important;margin:0 auto !important;border-top:1px solid var(--line) !important}
.op2 .pressure{display:grid !important;grid-template-columns:minmax(0,5fr) minmax(0,7fr) !important;gap:clamp(12px,4vw,48px) !important;padding:clamp(22px,3vw,34px) 0 !important;border-bottom:1px solid var(--line) !important;align-items:start !important}
.op2 .pressure__h{display:flex !important;gap:16px !important;align-items:baseline !important}
.op2 .pressure__n{min-width:2.9rem !important;font-family:var(--font-head) !important;font-size:2.375rem !important;font-weight:650 !important;letter-spacing:-.02em !important;color:transparent !important;-webkit-text-stroke:1.5px #A07EAD !important;line-height:1 !important;flex:none !important}
.op2 .pressure h3{font-size:clamp(1.2rem,2vw,1.45rem) !important;font-weight:600 !important;line-height:1.25 !important;letter-spacing:-.01em !important}
.op2 .pressure p{font-size:1rem !important;color:var(--ink-2) !important;line-height:1.65 !important}
.op2 .problem__close{max-width:1000px !important;margin:clamp(24px,4vw,36px) auto 0 !important;font-family:var(--font-head) !important;font-size:clamp(1.1rem,1.8vw,1.3rem) !important;font-weight:600 !important;color:var(--purple-dark) !important;text-align:center !important;text-wrap:balance !important}
@media (max-width:760px){.op2 .pressure{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .layers{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:clamp(20px,3vw,40px) !important}
.op2 .layer{border-top:3px solid var(--purple) !important;padding-top:18px !important;display:flex !important;flex-direction:column !important;gap:10px !important}
.op2 .layer > svg{color:var(--purple) !important}
.op2 .layer__tag{display:flex !important;align-items:center !important;gap:8px !important;font-size:.75rem !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--ink-3) !important}
.op2 .layer h3{font-size:1.4rem !important;font-weight:650 !important;letter-spacing:-.015em !important}
.op2 .layer > p:not(.layer__tag){font-size:.9375rem !important;color:var(--ink-2) !important;line-height:1.62 !important}
.op2 .pills{display:flex !important;flex-wrap:wrap !important;gap:6px !important}
.op2 .pills li{background:#fff !important;border:1px solid var(--line-2) !important;border-radius:100px !important;padding:5px 13px !important;font-size:.8125rem !important;font-weight:600 !important;color:var(--ink) !important}
.op2 .layer--paid .pills li{background:var(--purple) !important;border-color:var(--purple) !important;color:#fff !important}
.op2 .layer .link-arrow{margin-top:auto !important;padding-top:6px !important}
@media (max-width:900px){.op2 .layers{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .tools{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important}
.op2 .tool{background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-xl) !important;padding:24px 22px !important;display:flex !important;flex-direction:column !important;gap:14px !important;box-shadow:var(--shadow-sm) !important}
.op2 .tool__head{display:flex !important;gap:14px !important;align-items:center !important}
.op2 .tool__ico{width:44px !important;height:44px !important;border-radius:12px !important;background:var(--lavender) !important;color:var(--purple) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex:none !important}
.op2 .tool h3{font-size:1.2rem !important;font-weight:650 !important;letter-spacing:-.01em !important;line-height:1.2 !important;margin-bottom:6px !important}
.op2 .tool__badges{display:flex !important;gap:6px !important;flex-wrap:wrap !important}
.op2 .chip--mode{background:var(--purple-dark) !important;color:#fff !important;text-transform:uppercase !important;letter-spacing:.06em !important}
.op2 .tool__what{font-size:.9375rem !important;color:var(--ink) !important;line-height:1.55 !important}
.op2 .tool__meta{margin:auto 0 0 !important;display:flex !important;flex-direction:column !important;gap:12px !important;border-top:1px solid var(--line) !important;padding-top:14px !important}
.op2 .tool__meta dt{font-size:.75rem !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--purple) !important;margin-bottom:3px !important}
.op2 .tool__meta dd{margin:0 !important;font-size:.84rem !important;color:var(--ink-2) !important;line-height:1.55 !important}
.op2 .tool__meta ul{list-style:none !important;display:flex !important;flex-direction:column !important;gap:6px !important}
.op2 .tool__meta li{position:relative !important;padding-left:14px !important}
.op2 .tool__meta li::before{content:"" !important;position:absolute !important;left:0 !important;top:.62em !important;width:5px !important;height:5px !important;border-radius:50% !important;background:var(--purple) !important}
.op2 .tool--shared{background:var(--lavender) !important;border-color:var(--num-stroke) !important;box-shadow:none !important}
.op2 .shared{display:flex !important;flex-direction:column !important;gap:14px !important}
.op2 .shared li{display:flex !important;gap:12px !important;align-items:flex-start !important;font-size:.84rem !important;color:var(--ink-2) !important;line-height:1.55 !important}
.op2 .shared svg{flex:none !important;margin-top:2px !important;color:var(--purple) !important}
.op2 .shared b{display:block !important;font-size:.9rem !important;color:var(--ink) !important;margin-bottom:1px !important}
.op2 .tools__fn{margin-top:22px !important}
@media (max-width:1000px){.op2 .tools{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:640px){.op2 .tools{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .why{display:grid !important;grid-template-columns:minmax(0,5fr) minmax(0,7fr) !important;gap:clamp(28px,5vw,72px) !important;align-items:start !important;max-width:1120px !important;margin:0 auto !important}
.op2 .why__head{position:sticky !important;top:calc(var(--header-h) + 24px) !important}
.op2 .why__head .h2{font-size:clamp(1.75rem,3.2vw,2.375rem) !important}
.op2 .why__close{margin-top:20px !important;padding-left:16px !important;border-left:3px solid var(--purple) !important;font-size:.95rem !important;color:var(--ink) !important;line-height:1.62 !important}
.op2 .why__list{margin:0 !important;border-top:1px solid var(--line) !important}
.op2 .why__list > div{display:grid !important;grid-template-columns:150px minmax(0,1fr) !important;gap:8px 24px !important;padding:20px 0 !important;border-bottom:1px solid var(--line) !important}
.op2 .why__list dt{display:flex !important;gap:10px !important;align-items:flex-start !important;font-family:var(--font-head) !important;font-size:1.1rem !important;font-weight:650 !important;color:var(--ink) !important}
.op2 .why__list dt svg{flex:none !important;margin-top:2px !important;color:var(--purple) !important}
.op2 .why__list dd{margin:0 !important;font-size:.9375rem !important;color:var(--ink-2) !important;line-height:1.65 !important}
@media (max-width:900px){.op2 .why{grid-template-columns:minmax(0,1fr) !important}
.op2 .why__head{position:static !important}
}
@media (max-width:560px){.op2 .why__list > div{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .safety{background:var(--dark) !important;color:var(--on-dark) !important;padding:clamp(64px,9vw,112px) 0 !important}
.op2 .safety__head{max-width:820px !important}
.op2 .safety h2{font-size:clamp(2rem,4.4vw,3.25rem) !important;font-weight:650 !important;letter-spacing:-.03em !important;line-height:1.08 !important;margin-top:14px !important;text-wrap:balance !important;color:#fff !important}
.op2 .safety__lead{font-size:clamp(1rem,1.5vw,1.125rem) !important;color:var(--on-dark-2) !important;line-height:1.65 !important;margin-top:18px !important;max-width:68ch !important}
.op2 .safety__lead b{color:#fff !important;font-weight:600 !important}
.op2 .sflow{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;margin-top:clamp(36px,5vw,56px) !important}
.op2 .sstep{position:relative !important;padding:20px 18px 22px !important;border:1px solid var(--dark-line) !important;border-right-width:0 !important;background:var(--dark-2) !important}
.op2 .sstep:first-child{border-radius:14px 0 0 14px !important}
.op2 .sstep:last-child{border-radius:0 14px 14px 0 !important;border-right-width:1px !important}
.op2 .sstep:not(:last-child)::after{content:"" !important;position:absolute !important;right:-6px !important;top:30px !important;width:11px !important;height:11px !important;border-top:2px solid #B78CC9 !important;border-right:2px solid #B78CC9 !important;transform:rotate(45deg) !important;z-index:2 !important}
.op2 .sstep__n{display:inline-flex !important;width:28px !important;height:28px !important;border-radius:50% !important;border:1.5px solid #B78CC9 !important;color:#E7D2F0 !important;font-size:.8125rem !important;font-weight:600 !important;align-items:center !important;justify-content:center !important;margin-bottom:12px !important}
.op2 .sstep h3{font-size:1.1rem !important;font-weight:650 !important;color:#fff !important;margin-bottom:6px !important}
.op2 .sstep p{font-size:.84rem !important;color:var(--on-dark-2) !important;line-height:1.55 !important}
.op2 .sstep--gate{background:#4A2F59 !important;border-color:#B78CC9 !important}
.op2 .sstep--gate + .sstep{border-left-color:#B78CC9 !important}
.op2 .sstep--gate .sstep__n{background:#fff !important;border-color:#fff !important;color:var(--purple-dark) !important}
.op2 .sgate{display:flex !important;gap:12px !important;align-items:flex-start !important;margin-top:18px !important;padding:16px 20px !important;border:1px solid #B78CC9 !important;border-radius:var(--r-md) !important;background:rgba(183,140,201,.12) !important;font-size:.9rem !important;color:var(--on-dark) !important;line-height:1.6 !important}
.op2 .sgate svg{flex:none !important;margin-top:3px !important;color:#E7D2F0 !important}
.op2 .sgate b{color:#fff !important}
.op2 .smodes{margin-top:clamp(48px,7vw,80px) !important}
.op2 .smodes__h{font-size:clamp(1.5rem,3vw,2.125rem) !important;font-weight:650 !important;letter-spacing:-.02em !important;line-height:1.15 !important;color:#fff !important;max-width:26ch !important;text-wrap:balance !important}
.op2 .smodes__lead{color:var(--on-dark-2) !important;margin-top:12px !important;max-width:64ch !important;font-size:1rem !important;line-height:1.65 !important}
.op2 .lanes{display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important;align-items:stretch !important;gap:0 10px !important;margin-top:28px !important}
.op2 .lane{background:var(--dark-2) !important;border:1px solid var(--dark-line) !important;border-radius:var(--r-lg) !important;padding:22px 22px 20px !important;display:flex !important;flex-direction:column !important;gap:8px !important}
.op2 .lane__verb{font-size:.75rem !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#D9B8E6 !important}
.op2 .lane h4{font-size:1.25rem !important;font-weight:650 !important;color:#fff !important}
.op2 .lane p{font-size:.875rem !important;color:var(--on-dark-2) !important;line-height:1.6 !important}
.op2 .lane .lane__ex{margin-top:auto !important;padding-top:12px !important;border-top:1px solid var(--dark-line) !important;font-size:.8125rem !important;color:var(--on-dark) !important;font-style:italic !important}
.op2 .lane__arrow{display:flex !important;align-items:center !important;color:#B78CC9 !important}
.op2 .smodes__foot{margin-top:16px !important;font-size:.875rem !important;color:var(--on-dark-2) !important}
.op2 .swhy{display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;gap:clamp(24px,5vw,64px) !important;align-items:center !important;margin-top:clamp(40px,6vw,72px) !important}
.op2 .sthesis{font-family:var(--font-head) !important;font-size:clamp(1.375rem,2.6vw,2rem) !important;font-weight:500 !important;line-height:1.3 !important;letter-spacing:-.015em !important;color:var(--on-dark-2) !important;text-wrap:balance !important}
.op2 .sthesis b{color:#fff !important;font-weight:650 !important}
.op2 .stoday{background:var(--dark-2) !important;border:1px solid var(--dark-line) !important;border-radius:var(--r-xl) !important;padding:clamp(20px,3vw,28px) !important}
.op2 .stoday h3{font-size:1.1rem !important;font-weight:650 !important;color:#fff !important;margin-bottom:14px !important}
.op2 .stoday ul{display:flex !important;flex-direction:column !important;gap:12px !important}
.op2 .stoday li{display:flex !important;gap:12px !important;align-items:flex-start !important;font-size:.9375rem !important;line-height:1.55 !important;color:var(--on-dark) !important}
.op2 .stoday svg{flex:none !important;margin-top:4px !important;color:#D9B8E6 !important}
.op2 .srec{margin-top:clamp(40px,6vw,64px) !important;padding-top:clamp(28px,4vw,40px) !important;border-top:1px solid var(--dark-line) !important;max-width:760px !important}
.op2 .srec h3{font-size:1.25rem !important;font-weight:650 !important;color:#fff !important;margin-bottom:10px !important}
.op2 .srec p{color:var(--on-dark-2) !important;font-size:.9375rem !important;line-height:1.65 !important}
.op2 .srec p + p{margin-top:10px !important}
@media (max-width:1100px){.op2 .sflow{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important}
.op2 .sstep,.op2 .sstep:first-child,.op2 .sstep:last-child{border-radius:14px !important;border-right-width:1px !important}
.op2.op2 .sstep::after{display:none !important}
.op2 .sstep--gate + .sstep{border-left-color:var(--dark-line) !important}
}
@media (max-width:900px){.op2 .lanes{grid-template-columns:minmax(0,1fr) !important;gap:8px !important}
.op2 .lane__arrow{justify-content:center !important;transform:rotate(90deg) !important}
.op2 .swhy{grid-template-columns:minmax(0,1fr) !important}
}
@media (max-width:640px){.op2 .sflow{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .wt{display:grid !important;grid-template-columns:190px minmax(0,1fr) !important;gap:clamp(18px,3vw,36px) !important;max-width:1040px !important;margin:0 auto !important;align-items:start !important}
.op2 .wt__steps{display:flex !important;flex-direction:column !important;gap:6px !important;position:sticky !important;top:calc(var(--header-h) + 20px) !important}
.op2 .wt__steps button{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;min-height:48px !important;padding:10px 14px !important;border-radius:var(--r-md) !important;border:1px solid transparent !important;background:transparent !important;text-align:left !important;cursor:pointer !important;font-size:.9375rem !important;font-weight:600 !important;color:var(--ink-2) !important}
.op2 .wt__steps .n{width:26px !important;height:26px !important;border-radius:50% !important;border:1.5px solid var(--num-stroke) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:.8125rem !important;color:var(--purple) !important;flex:none !important;background:#fff !important}
.op2 .wt__steps button:hover{color:var(--purple-dark) !important;background:#fff !important}
.op2 .wt__steps button[aria-current="step"]{background:#fff !important;border-color:var(--line) !important;color:var(--ink) !important;box-shadow:var(--shadow-sm) !important}
.op2 .wt__steps button[aria-current="step"] .n{background:var(--purple) !important;border-color:var(--purple) !important;color:#fff !important}
.op2 .wt__main{background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-xl) !important;box-shadow:var(--shadow-md) !important;overflow:hidden !important;min-width:0 !important}
.op2 .wt__req{display:flex !important;gap:10px 14px !important;align-items:center !important;flex-wrap:wrap !important;padding:14px 20px !important;background:var(--surface) !important;border-bottom:1px solid var(--line) !important;font-size:.875rem !important}
.op2 .wt__req p{flex:1 1 260px !important;min-width:0 !important}
.op2 .wt__panel{padding:clamp(18px,3vw,30px) !important;min-height:360px !important}
.op2 .stage h3{font-size:1.35rem !important;font-weight:650 !important;letter-spacing:-.01em !important;line-height:1.25 !important}
.op2 .stage p{margin-top:8px !important;color:var(--ink-2) !important;font-size:.9375rem !important;line-height:1.6 !important;max-width:64ch !important}
.op2 .card{margin-top:18px !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;background:var(--field) !important;overflow:hidden !important}
.op2 .card__h{padding:10px 16px !important;background:var(--surface) !important;border-bottom:1px solid var(--line) !important;font-weight:600 !important;letter-spacing:.05em !important;text-transform:uppercase !important}
.op2.op2 .card__h{margin:0 !important;max-width:none !important;font-size:.75rem !important;color:var(--ink-3) !important}
.op2 .kv{margin:0 !important;padding:6px 16px 10px !important}
.op2 .kv div{display:grid !important;grid-template-columns:150px minmax(0,1fr) !important;gap:12px !important;padding:9px 0 !important;border-bottom:1px solid var(--line) !important;font-size:.875rem !important}
.op2 .kv div:last-child{border-bottom:0 !important}
.op2 .kv dt{color:var(--ink-3) !important}
.op2 .kv dd{margin:0 !important;color:var(--ink) !important;font-weight:500 !important}
.op2 .tasks{padding:6px 16px !important}
.op2 .tasks li{display:flex !important;gap:12px !important;padding:10px 0 !important;border-bottom:1px solid var(--line) !important;align-items:flex-start !important}
.op2 .tasks li:last-child{border-bottom:0 !important}
.op2 .tasks__n{width:24px !important;height:24px !important;border-radius:50% !important;background:var(--lavender) !important;color:var(--purple-dark) !important;font-size:.75rem !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex:none !important;margin-top:1px !important}
.op2 .tasks b{display:block !important;font-size:.9rem !important;font-weight:600 !important}
.op2 .tasks small{display:block !important;font-size:.75rem !important;color:var(--ink-3) !important;margin-top:1px !important}
.op2 .card .card__foot{display:flex !important;gap:8px !important;align-items:center !important;margin:0 !important;padding:10px 16px 14px !important;font-size:.8125rem !important;color:var(--ink-2) !important;max-width:none !important}
.op2 .card__foot svg{color:var(--purple) !important;flex:none !important}
.op2 .card .card__sum{margin:0 !important;padding:14px 16px !important;font-size:.875rem !important;color:var(--ink-2) !important;max-width:none !important}
.op2 .diffs{padding:14px 16px 0 !important}
.op2 .decide{display:flex !important;gap:10px !important;justify-content:flex-end !important;flex-wrap:wrap !important;padding:14px 16px !important}
.op2 .card__sum + .decide{padding-top:0 !important}
.op2 .card .decide__msg{margin:0 !important;padding:12px 16px 14px !important;font-size:.84rem !important;color:var(--ink-2) !important;background:var(--surface) !important;border-top:1px solid var(--line) !important;max-width:none !important}
.op2 .runs{padding:10px 16px !important;display:flex !important;flex-direction:column !important;gap:8px !important}
.op2 .runs li{display:flex !important;gap:10px !important;align-items:center !important;font-size:.875rem !important}
.op2 .runs svg{color:var(--ok) !important}
.op2 .blocked{margin-top:14px !important;display:flex !important;flex-direction:column !important;gap:12px !important;align-items:flex-start !important;background:var(--surface) !important;border:1px dashed var(--line-2) !important;border-radius:var(--r-lg) !important;padding:18px !important}
.op2 .stage .blocked p{display:flex !important;gap:10px !important;margin:0 !important;font-size:.9rem !important;color:var(--ink-2) !important}
.op2 .blocked svg{flex:none !important;margin-top:3px !important;color:var(--ink-3) !important}
.op2 .wt__ctrl{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;padding:14px 20px !important;border-top:1px solid var(--line) !important;background:var(--surface) !important}
.op2 .wt__count{font-size:.8125rem !important;font-weight:600 !important;color:var(--ink-2) !important}
@media (max-width:820px){.op2 .wt{grid-template-columns:minmax(0,1fr) !important}
.op2 .wt__steps{position:static !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}
.op2 .wt__steps button{flex-direction:column !important;gap:4px !important;padding:8px 4px !important;text-align:center !important;justify-content:center !important;font-size:.8125rem !important;background:#fff !important;border-color:var(--line) !important}
.op2 .kv div{grid-template-columns:minmax(0,1fr) !important;gap:2px !important}
}
.op2 dialog.dlg--zoom{width:min(1200px,calc(100vw - 24px)) !important;max-width:none !important}
.op2 .zoom__body{overflow:auto !important;max-height:calc(100vh - 130px) !important;background:#EDEDED !important}
.op2 .zoom__body img{display:block !important;width:100% !important;max-width:none !important;height:auto !important}
.op2 .zoom__body:focus-visible{outline-offset:-3px !important}
@media (max-width:900px){.op2 .zoom__body img{width:auto !important}
}
.op2 .cta p.cta__free{margin:18px auto 0 !important;font-size:.875rem !important;font-weight:500 !important;color:#F6F0F8 !important}
.op2 .toggle{display:flex !important;align-items:center !important;justify-content:center !important;gap:12px !important;flex-wrap:wrap !important;margin-bottom:40px !important}
.op2 .toggle .seg button{min-width:96px !important}
.op2 .plans{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;align-items:stretch !important}
.op2 .plan{background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;padding:26px 22px !important;display:flex !important;flex-direction:column !important;position:relative !important}
.op2 .plan--team{border-color:var(--purple) !important;box-shadow:0 10px 30px rgba(26,25,35,.1) !important;background:linear-gradient(180deg,#fff 0%,#FCFAFD 100%) !important}
.op2 .plan__badge{position:absolute !important;top:-13px !important;left:22px !important;background:var(--purple) !important;color:#fff !important;font-size:.75rem !important;font-weight:600 !important;padding:5px 12px !important;border-radius:100px !important}
.op2 .plan__name{font-family:var(--font-body) !important;font-size:.8125rem !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.04em !important;color:var(--ink-3) !important;margin-bottom:6px !important}
.op2 .plan__tag{font-size:.84rem !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:4px !important;line-height:1.35 !important}
.op2 .plan__for{font-size:.84rem !important;color:var(--ink-2) !important;margin-bottom:14px !important;line-height:1.5 !important}
.op2 .plan__price{display:flex !important;align-items:baseline !important;gap:5px !important;flex-wrap:wrap !important}
.op2 .plan__price b{font-family:var(--font-head) !important;font-size:2.4rem !important;font-weight:650 !important;letter-spacing:-.02em !important;line-height:1.1 !important}
.op2 .plan__price span{font-size:.84rem !important;color:var(--ink-3) !important}
.op2 .plan__sub{font-size:.8125rem !important;color:var(--ink-3) !important;min-height:2.9em !important;margin:4px 0 16px !important;line-height:1.45 !important}
.op2 .plan__cta{display:flex !important;flex-direction:column !important;gap:8px !important;margin-bottom:20px !important}
.op2 .plan__cta .btn{width:100% !important}
.op2 .plan__hint{font-size:.75rem !important;color:var(--ink-3) !important;line-height:1.4 !important;text-align:center !important}
.op2 .plan ul{list-style:none !important;display:flex !important;flex-direction:column !important;gap:10px !important}
.op2 .plan li{display:flex !important;gap:9px !important;font-size:.84rem !important;color:var(--ink-2) !important;line-height:1.45 !important}
.op2 .plan li svg{flex:none !important;margin-top:3px !important;color:var(--purple) !important}
.op2 .plan__lead{font-size:.75rem !important;font-weight:600 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:var(--ink-3) !important;margin-bottom:10px !important}
@media (min-width:1181px){.op2 .plan__tag{min-height:2.7em !important}
.op2 .plan__for{min-height:8.1em !important}
.op2 .plan__cta{min-height:5.2rem !important}
}
@media (max-width:1180px){.op2 .plans{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:640px){.op2 .plans{grid-template-columns:minmax(0,1fr) !important}
.op2 .plan__for,.op2 .plan__sub{min-height:0 !important}
}
.op2 .plan__facts{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;margin-top:6px !important}
.op2 .plan__fact{background:var(--field) !important;border:1px solid var(--line) !important;border-radius:14px !important;padding:12px !important}
.op2 .plan__fact b{display:block !important;font-size:1.1rem !important;font-weight:650 !important;color:var(--purple-dark) !important;line-height:1.15 !important}
.op2 .plan__fact span{display:block !important;margin-top:3px !important;font-size:.76rem !important;color:var(--ink-2) !important;line-height:1.45 !important}
.op2 .plan__jump{margin-top:16px !important;padding-top:14px !important;border-top:1px solid var(--line) !important;font-size:.8rem !important;color:var(--ink-3) !important}
.op2 .plan__jump a{color:var(--purple-dark) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px !important}
.op2 .plan__jump a:hover{color:var(--purple) !important}
@media (max-width:640px){.op2 .plan__facts{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .pricing-note{max-width:760px !important;margin:28px auto 0 !important;text-align:center !important;font-size:.9rem !important;color:var(--ink-2) !important}
.op2 .fn{font-size:.8125rem !important;color:var(--ink-3) !important;max-width:760px !important;margin:14px auto 0 !important;text-align:center !important;line-height:1.55 !important}
.op2 .credits-intro{max-width:720px !important;margin:52px auto 22px !important;text-align:center !important}
.op2 .credits-intro h3{font-size:1.5rem !important;font-weight:650 !important;letter-spacing:-.015em !important}
.op2 .credits-intro p{margin-top:8px !important;font-size:.98rem !important;color:var(--ink-2) !important;line-height:1.65 !important;text-wrap:balance !important}
.op2 .credits{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important}
.op2 .cbox{background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;padding:20px 22px !important}
.op2 .cbox h3{font-size:1.02rem !important;font-weight:600 !important;margin-bottom:6px !important}
.op2 .cbox p{font-size:.84rem !important;color:var(--ink-2) !important;line-height:1.6 !important}
.op2 .cbox p + p{margin-top:10px !important}
.op2 .cinc{display:flex !important;flex-direction:column !important}
.op2 .cinc li{display:grid !important;grid-template-columns:64px minmax(0,1fr) !important;gap:10px !important;padding:8px 0 !important;border-bottom:1px solid var(--line) !important;font-size:.84rem !important;line-height:1.5 !important}
.op2 .cinc li:first-child{padding-top:2px !important}
.op2 .cinc b{color:var(--purple-dark) !important}
.op2 .cinc span{color:var(--ink-2) !important}
.op2 .cbox .cbox__foot{margin-top:12px !important;font-size:.8125rem !important;color:var(--ink-3) !important}
.op2 .plan__sublist{display:block !important;font-size:.75rem !important;color:var(--ink-3) !important;line-height:1.45 !important;margin-top:2px !important}
@media (max-width:860px){.op2 .credits{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .pool{margin-top:16px !important}
.op2 .pool__bar{display:flex !important;height:16px !important;gap:2px !important;border-radius:4px !important;overflow:hidden !important}
.op2 .pool__bar span{display:block !important;height:100% !important}
.op2 .pool__legend{display:flex !important;flex-wrap:wrap !important;gap:6px 16px !important;margin-top:10px !important;font-size:.75rem !important;color:var(--ink-2) !important;list-style:none !important}
.op2 .pool__legend i{display:inline-block !important;width:10px !important;height:10px !important;border-radius:2px !important;margin-right:6px !important;vertical-align:-1px !important}
.op2 .packs{margin-top:16px !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;padding:22px !important}
.op2 .packs h3{font-size:1.05rem !important;font-weight:600 !important;margin-bottom:4px !important}
.op2 .packs__grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;margin-top:16px !important;list-style:none !important}
.op2 .pack{border:1px solid var(--line) !important;border-radius:var(--r-md) !important;padding:14px 16px !important;background:var(--field) !important}
.op2 .pack b{display:block !important;font-family:var(--font-head) !important;font-size:1.4rem !important;font-weight:650 !important}
.op2 .pack span{display:block !important;font-size:.8125rem !important;color:var(--ink-2) !important}
.op2 .pack em{display:block !important;font-style:normal !important;font-size:.75rem !important;color:var(--ink-3) !important;margin-top:4px !important}
@media (max-width:860px){.op2 .packs__grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
.op2 .cmp{margin-top:56px !important}
.op2 .cmp__head{display:flex !important;justify-content:space-between !important;align-items:flex-end !important;gap:14px !important;flex-wrap:wrap !important;margin-bottom:16px !important}
.op2 .cmp__head h3{font-size:1.4rem !important;font-weight:650 !important}
.op2 .cmp__pick{display:none !important;gap:10px !important;flex-wrap:wrap !important;align-items:center !important;font-size:.84rem !important}
.op2 .cmp__pick label{font-weight:600 !important}
.op2 .cmp__pick select{min-height:44px !important;border:1px solid var(--line-2) !important;border-radius:9px !important;padding:8px 12px !important;background:#fff !important;font:inherit !important;font-size:.875rem !important;color:var(--ink) !important}
.op2 .cmp__wrap{background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;overflow:clip !important;position:relative !important}
.op2 .cmp__wrap:focus-visible{outline-offset:-3px !important}
.op2 .cmp table{width:100% !important;border-collapse:separate !important;border-spacing:0 !important;font-size:.84rem !important;min-width:640px !important}
.op2 .cmp caption{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important}
.op2 .cmp thead th{position:sticky !important;top:var(--header-h) !important;z-index:3 !important;background:var(--surface) !important;padding:14px 12px !important;text-align:center !important;font-family:var(--font-head) !important;font-size:.95rem !important;font-weight:600 !important;border-bottom:1px solid var(--line) !important}
.op2 .cmp thead th:first-child{text-align:left !important;z-index:4 !important;font-family:var(--font-body) !important;font-size:.75rem !important;text-transform:uppercase !important;letter-spacing:.04em !important;color:var(--ink-3) !important}
.op2 .cmp thead th.is-team{color:var(--purple-dark) !important;background:var(--lavender) !important}
.op2 .cmp tbody th[scope="row"]{background:#fff !important;overflow-wrap:anywhere !important;text-align:left !important;font-weight:600 !important;padding:12px 14px !important;border-bottom:1px solid var(--line) !important;min-width:180px !important}
.op2 .cmp tbody td{text-align:center !important;padding:12px !important;border-bottom:1px solid var(--line) !important;color:var(--ink-2) !important}
.op2 .cmp tbody td.is-team{background:#FCFAFD !important}
.op2 .cmp tr.grp th{background:var(--lavender) !important;color:var(--purple-dark) !important;font-size:.75rem !important;text-transform:uppercase !important;letter-spacing:.04em !important;padding:10px 14px !important;text-align:left !important}
.op2 .cmp .yes{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-wrap:wrap !important;gap:2px 6px !important;color:var(--purple-dark) !important;font-weight:600 !important;overflow-wrap:normal !important}
.op2 .cmp .no{color:var(--ink-3) !important}
.op2 .cmp small{display:block !important;font-weight:400 !important;font-size:.75rem !important;color:var(--ink-3) !important;margin-top:1px !important}
@media (max-width:719px){.op2 .cmp__pick{display:flex !important}
.op2 .cmp table{min-width:0 !important}
.op2 .cmp__wrap{overflow-x:auto !important}
.op2 .cmp thead th{position:static !important}
.op2 .cmp [data-col].col-off{display:none !important}
.op2 .cmp tbody th[scope="row"]{min-width:0 !important;padding:10px !important}
.op2 .cmp thead th,.op2 .cmp tbody td{padding:10px 6px !important}
}
.op2 .custom-band{margin-top:32px !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;padding:24px clamp(20px,3vw,32px) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;flex-wrap:wrap !important}
.op2 .custom-band h3{font-size:1.05rem !important;font-weight:600 !important;margin-bottom:6px !important}
.op2 .custom-band p{font-size:.875rem !important;color:var(--ink-2) !important;max-width:640px !important}
.op2 .custom-band .acts{display:flex !important;gap:10px !important;flex-wrap:wrap !important}
.op2 .pricing-integrated{margin-top:8px !important}
.op2 .pi-scroll{border:1px solid var(--line) !important;border-radius:var(--r-xl) !important;overflow:auto !important;background:#fff !important;box-shadow:0 14px 38px rgba(26,25,35,.06) !important}
.op2 .pi-grid{display:grid !important;grid-template-columns:minmax(245px,.92fr) repeat(3,minmax(265px,1fr)) !important;min-width:1080px !important}
.op2 .pi-corner,.op2 .pi-plan{padding:26px 24px 24px !important;border-bottom:1px solid var(--line) !important;background:#fff !important}
.op2 .pi-corner{display:flex !important;flex-direction:column !important;justify-content:center !important;gap:10px !important;background:linear-gradient(150deg,#F7F0FA 0%,#fff 72%) !important;color:var(--ink-2) !important}
.op2 .pi-trial__eyebrow{display:inline-flex !important;align-items:center !important;width:max-content !important;padding:5px 10px !important;border-radius:999px !important;background:var(--purple) !important;color:#fff !important;font-size:.72rem !important;font-weight:700 !important;letter-spacing:.03em !important;text-transform:uppercase !important}
.op2 .pi-trial__title{font-family:var(--font-head) !important;font-size:1.2rem !important;font-weight:650 !important;line-height:1.22 !important;letter-spacing:-.015em !important;color:var(--ink) !important}
.op2 .pi-trial__copy{font-size:.82rem !important;line-height:1.55 !important;color:var(--ink-2) !important}
.op2 .pi-trial__copy b{color:var(--purple-dark) !important}
.op2 .pi-trial__note{font-size:.74rem !important;line-height:1.45 !important;color:var(--ink-3) !important}
.op2 .pi-plan{position:relative !important;display:grid !important;grid-template-rows:auto auto minmax(6.1em,auto) auto minmax(2.5em,auto) 48px !important;align-content:start !important;min-height:336px !important;border-left:1px solid var(--line) !important}
.op2 .pi-plan--team{background:linear-gradient(180deg,#fff 0%,#FCFAFD 100%) !important;box-shadow:inset 0 3px 0 var(--purple) !important}
.op2 .pi-plan .plan__for{min-height:0 !important;margin-bottom:14px !important}
.op2 .pi-plan .plan__price{align-self:end !important}
.op2 .pi-plan .plan__sub{min-height:0 !important;margin:4px 0 16px !important}
.op2 .pi-plan .btn{width:100% !important;align-self:end !important}
.op2 .pi-group{grid-column:1/-1 !important;padding:11px 16px !important;background:var(--lavender) !important;color:var(--purple-dark) !important;font-size:.75rem !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.05em !important;border-bottom:1px solid var(--line) !important}
.op2 .pi-label,.op2 .pi-cell{padding:14px 16px !important;border-bottom:1px solid var(--line) !important;min-height:58px !important;display:flex !important;align-items:center !important}
.op2 .pi-label{font-size:.86rem !important;font-weight:600 !important;color:var(--ink) !important;background:#fff !important}
.op2 .pi-cell{justify-content:center !important;text-align:center !important;font-size:.84rem !important;color:var(--ink-2) !important;border-left:1px solid var(--line) !important;flex-direction:column !important;gap:2px !important}
.op2 .pi-cell strong{font-weight:600 !important;color:var(--ink) !important}
.op2 .pi-cell small{display:block !important;font-size:.75rem !important;line-height:1.4 !important;color:var(--ink-3) !important}
.op2 .pi-cell.pi-team{background:#FCFAFD !important}
.op2 .pi-cell .yes{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;color:var(--purple-dark) !important;font-weight:600 !important}
.op2 .pi-cell .no{color:var(--ink-3) !important}
.op2 .pi-grid > :nth-last-child(-n+4){border-bottom:0 !important}
@media (max-width:1020px){.op2 .pi-scroll{border-radius:var(--r-lg) !important}
.op2 .pi-grid{min-width:980px !important;grid-template-columns:220px repeat(3,250px) !important}
}
@media (max-width:720px){.op2 .pricing-integrated{margin-left:-4px !important;margin-right:-4px !important}
.op2 .pi-scroll{box-shadow:none !important}
.op2 .pi-grid{min-width:920px !important;grid-template-columns:205px repeat(3,238px) !important}
.op2 .pi-corner,.op2 .pi-plan{padding:20px 16px !important}
.op2 .pi-plan{min-height:322px !important}
.op2 .pi-label,.op2 .pi-cell{padding:12px 10px !important}
}
.op2 .faq{max-width:800px !important;margin:0 auto !important}
.op2 .faq h3{font-size:1.1rem !important;font-weight:650 !important;margin:34px 0 12px !important;color:var(--purple-dark) !important}
.op2 .faq h3:first-child{margin-top:0 !important}
.op2 .acc{background:#fff !important;border:1px solid var(--line) !important;border-radius:12px !important;overflow:hidden !important;margin-bottom:10px !important}
.op2 .acc h4{font-family:var(--font-body) !important;font-size:inherit !important;font-weight:inherit !important}
.op2 .acc button{width:100% !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;padding:16px 20px !important;min-height:56px !important;background:none !important;border:0 !important;text-align:left !important;font-size:.97rem !important;font-weight:600 !important;cursor:pointer !important;color:var(--ink) !important}
.op2 .acc button:hover{background:var(--field) !important}
.op2 .acc button svg{flex:none !important;transition:transform .15s !important;color:var(--ink-3) !important}
.op2 .acc button[aria-expanded="true"] svg{transform:rotate(45deg) !important}
.op2 .acc__p{padding:0 20px 20px !important;font-size:.9rem !important;color:var(--ink-2) !important;line-height:1.68 !important}
.op2 .acc__p p + p{margin-top:10px !important}
.op2 .acc__p ul{padding-left:1.2rem !important;margin-top:8px !important;display:flex !important;flex-direction:column !important;gap:4px !important}
@media (prefers-reduced-motion:reduce){.op2 .acc button svg,.op2 .adv > button svg,.op2 .how > button svg{transition:none !important}
}
.op2 .cta{background:linear-gradient(155deg,var(--cta-a),var(--cta-b)) !important;border-radius:var(--r-2xl) !important;padding:clamp(40px,6vw,64px) clamp(20px,4vw,40px) !important;text-align:center !important;color:#fff !important}
.op2 .cta h2{font-size:clamp(1.75rem,4vw,2.5rem) !important;font-weight:650 !important;letter-spacing:-.02em !important}
.op2 .cta p{font-size:1rem !important;color:#F6F0F8 !important;max-width:560px !important;margin:16px auto 30px !important;line-height:1.6 !important}
.op2 .cta .acts{display:flex !important;gap:12px !important;justify-content:center !important;flex-wrap:wrap !important}
.op2 .cta a.text{display:inline-flex !important;align-items:center !important;min-height:44px !important;margin-top:14px !important;font-size:.875rem !important;color:#F6F0F8 !important;text-decoration:underline !important;text-underline-offset:3px !important}
.op2 .cta a.text:hover{color:#fff !important}
.op2 dialog.dlg{border:0 !important;border-radius:var(--r-xl) !important;padding:0 !important;max-width:min(620px,calc(100vw - 32px)) !important;width:100% !important;box-shadow:0 30px 80px rgba(26,25,35,.35) !important;color:var(--ink) !important}
.op2 dialog.dlg::backdrop{background:rgba(26,25,35,.6) !important;backdrop-filter:blur(2px) !important}
.op2 .dlg__head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;padding:18px 22px !important;border-bottom:1px solid var(--line) !important}
.op2 .dlg__head h2{font-size:1.15rem !important;font-weight:650 !important}
.op2 .dlg__x{width:44px !important;height:44px !important;border-radius:var(--r-md) !important;border:0 !important;background:var(--surface) !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important}
.op2 .dlg__body{padding:20px 22px !important;max-height:65vh !important;overflow-y:auto !important;font-size:.9rem !important;color:var(--ink-2) !important;display:flex !important;flex-direction:column !important;gap:14px !important}
.op2 .dlg__body ul{padding-left:1.2rem !important;display:flex !important;flex-direction:column !important;gap:6px !important}
.op2 .dlg__foot{display:flex !important;gap:10px !important;flex-wrap:wrap !important;padding:16px 22px !important;border-top:1px solid var(--line) !important}
@media (max-width:640px){.op2 h1,.op2 h2,.op2 h3,.op2 h4,.op2 p,.op2 li,.op2 dd,.op2 dt,.op2 label,.op2 small{overflow-wrap:anywhere !important}
}
.op2 .plans--3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
@media (max-width:1040px){.op2 .plans--3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:700px){.op2 .plans--3{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .credits--2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
@media (max-width:900px){.op2 .credits--2{grid-template-columns:minmax(0,1fr) !important}
}
.op2 .hcols--solo{grid-template-columns:minmax(0,1fr) !important;max-width:820px !important}
.op2 .trial-band{margin-top:28px !important;background:var(--band) !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;padding:24px clamp(20px,3vw,32px) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;flex-wrap:wrap !important}
.op2 .trial-band h3{font-size:1.05rem !important;font-weight:600 !important;margin-bottom:6px !important}
.op2 .trial-band p{font-size:.875rem !important;color:var(--ink-2) !important;max-width:660px !important}
.op2 .trial-band .acts{display:flex !important;gap:10px !important;flex-wrap:wrap !important}
.op2 .packs__lead{font-size:.875rem !important;color:var(--ink-2) !important;margin-top:6px !important;max-width:760px !important}
.op2 .custom-band__how{margin-top:10px !important}
.op2 .srec--inline{margin-top:0 !important;padding-top:0 !important;border-top:0 !important;max-width:none !important}
@media (max-width:900px){.op2 .srec--inline{margin-top:24px !important}
}
.op2 .swhy{align-items:start !important}

/* ==========================================================================
   Elementor / Hello theme conflict guards.
   Low specificity (0,1,1) so every component rule above still wins, but all
   !important so the Elementor kit / Hello reset cannot leak in.
   ========================================================================== */
.op2{display:block !important;position:relative !important}
.op2 [id]{scroll-margin-top:110px !important}
.op2 [hidden],.op2 [hidden][hidden],.op2 [hidden][hidden][hidden]{display:none !important}
.op2 h1,.op2 h2,.op2 h3,.op2 h4{color:inherit !important;text-transform:none !important;font-style:normal !important;text-decoration:none !important}
.op2 p,.op2 ul,.op2 ol,.op2 dl,.op2 dd,.op2 figure{padding-block:0 !important}
.op2 li{list-style:none !important;padding:0 !important}
.op2 .acc__p ul,.op2 .dlg__body ul{list-style:disc !important}
.op2 .acc__p li,.op2 .dlg__body li{display:list-item !important}
.op2 button{-webkit-appearance:none !important;appearance:none !important;background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;margin:0 !important;box-shadow:none !important;text-shadow:none !important;text-transform:none !important;letter-spacing:normal !important;font-weight:inherit !important;line-height:inherit !important;text-align:inherit !important;white-space:normal !important;text-decoration:none !important;transition:none !important;min-width:0 !important}
.op2 button:where(:hover,:focus,:active){box-shadow:none !important;text-decoration:none !important}
.op2 a:where(:hover,:focus,:active){text-decoration:none !important;box-shadow:none !important}
.op2 select{-webkit-appearance:auto !important;appearance:auto !important;box-shadow:none !important;margin:0 !important}
.op2 img{border:0 !important;box-shadow:none !important}
.op2 svg{max-width:100% !important}
.op2 table{margin:0 !important;background:transparent !important}
.op2 table th,.op2 table td{border:0 !important;background:transparent !important;vertical-align:middle !important;line-height:inherit !important;text-transform:none !important}
.op2 table tbody>tr>td,.op2 table tbody>tr>th{background-color:transparent !important}
.op2 dialog{margin:auto !important}
.op2 label{display:inline !important;margin:0 !important;vertical-align:baseline !important}

/* Space for the Elementor header above the hero. Change --op2-header-offset to fit your header height. */
.op2{--op2-header-offset:110px}
.op2 .hero{padding-top:calc(var(--op2-header-offset) + clamp(44px,6vw,80px)) !important}
@media (max-width:1024px){.op2{--op2-header-offset:90px}}
@media (max-width:767px){.op2{--op2-header-offset:72px}}

/* "Most partners" badge on the Team pricing column: v3's own design floats
   it above the card (top:-13px), but that card sits inside .pi-scroll,
   which needs overflow:auto for horizontal scrolling on narrow screens -
   and overflow:auto clips anything that pokes above the box, cutting the
   badge in half. Keep the badge fully inside the card instead, with extra
   top padding on that one column so it doesn't collide with the plan name. */
/* every plan column gets the same top padding so prices line up (Team needs the room for its badge) */
.op2 .pi-plan,.op2 .pi-plan--team{padding-top:52px !important}
.op2 .pi-plan .plan__tag{min-height:2.7em !important}
.op2 .pi-plan--team .plan__badge{position:absolute !important;top:16px !important;left:24px !important}

.op2 h1{font-size:2em !important;font-weight:700 !important;line-height:inherit !important;letter-spacing:normal !important}
.op2 h2{font-size:1.5em !important;font-weight:700 !important;line-height:inherit !important;letter-spacing:normal !important}
.op2 h3{font-size:1.17em !important;font-weight:700 !important;line-height:inherit !important;letter-spacing:normal !important}
.op2 h4{font-size:1em !important;font-weight:700 !important;line-height:inherit !important;letter-spacing:normal !important}

/* ==========================================================================
   Hover animations: background, border, colour, shadow, lift.
   Border-radius is never touched on hover (explicit requirement).
   ========================================================================== */
@media (prefers-reduced-motion:no-preference){
  .op2 .btn,.op2 .pill-btn,.op2 .shot__zoom,.op2 .seg button,.op2 .dlg__x,
  .op2 .acc,.op2 .acc button,.op2 .pills li,
  .op2 .tool,.op2 .pi-plan,.op2 .cbox,.op2 .pack,.op2 .custom-band,
  .op2 .lane,.op2 .sstep,.op2 .stoday,.op2 .layer,.op2 .hq li,.op2 .pressure,.op2 .why__list>div,
  .op2 .tool__ico,.op2 .sstep__n,.op2 .pressure__n,.op2 .link-arrow,.op2 .link-arrow svg,
  .op2 .pi-label,.op2 .pi-cell{
    transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,-webkit-text-stroke-color .3s ease !important;
  }
}

@media (hover:hover) and (pointer:fine){
  /* ---- buttons ---- */
  .op2 .btn--primary:hover{background:var(--purple-dark) !important;border-color:var(--purple-dark) !important;color:#fff !important;box-shadow:0 12px 26px rgba(88,51,95,.38) !important}
  .op2 .btn--secondary:hover{background:var(--lavender) !important;border-color:var(--purple) !important;color:var(--purple-dark) !important;box-shadow:0 10px 22px rgba(114,68,130,.16) !important}
  .op2 .btn--on-dark:hover{background:var(--lavender) !important;color:#2A1F30 !important;box-shadow:0 12px 26px rgba(0,0,0,.28) !important}
  .op2 .btn--outline-dark:hover{background:rgba(255,255,255,.16) !important;border-color:#fff !important;color:#fff !important}
  .op2 .shot__zoom:hover{background:var(--lavender) !important;border-color:var(--purple) !important;color:var(--purple-dark) !important}
  .op2 .dlg__x:hover{background:var(--purple) !important;color:#fff !important}
  .op2 .seg button:not([aria-selected="true"]):not([aria-pressed="true"]):not([aria-checked="true"]):hover{background:var(--lavender) !important;color:var(--purple-dark) !important}
  .op2 .seg button[aria-pressed="true"]:hover,.op2 .seg button[aria-selected="true"]:hover{background:var(--purple-dark) !important;color:#fff !important}

  /* ---- accordion ---- */
  .op2 .acc:hover{border-color:var(--purple) !important;box-shadow:var(--shadow-md) !important}
  .op2 .acc button:hover{background:var(--lavender) !important;color:var(--purple-dark) !important}
  .op2 .acc button:hover svg{color:var(--purple) !important}

  /* ---- light cards ---- */
  .op2 .tool:hover,.op2 .pi-plan:hover,.op2 .cbox:hover,.op2 .pack:hover,.op2 .custom-band:hover{
    border-color:var(--purple) !important;box-shadow:0 22px 48px rgba(26,25,35,.14) !important}
  .op2 .tool:not(.tool--shared):hover,.op2 .cbox:hover,.op2 .pack:hover{background:#FCFAFD !important}
  .op2 .tool:hover .tool__ico{background:var(--purple) !important;color:#fff !important}
  .op2 .pills li:hover{background:var(--purple) !important;border-color:var(--purple) !important;color:#fff !important}
  .op2 .layer--paid .pills li:hover{background:var(--purple-dark) !important;border-color:var(--purple-dark) !important}
  .op2 .layer:hover,.op2 .hq li:hover{border-top-color:var(--purple-dark) !important}
  .op2 .pressure:hover{background:var(--band) !important}
  .op2 .pressure:hover .pressure__n{color:var(--purple) !important;-webkit-text-stroke-color:var(--purple) !important}
  .op2 .why__list>div:hover{background:var(--band) !important}
  .op2 .pi-label:hover,.op2 .pi-cell:hover{background:#F7F2FA !important}
  .op2 .pi-cell.pi-team:hover{background:#F3E9F7 !important}

  /* ---- dark sections ---- */
  .op2 .lane:hover{background:#372A44 !important;border-color:#B78CC9 !important;box-shadow:0 18px 40px rgba(0,0,0,.35) !important}
  .op2 .sstep:hover{background:#3A2C48 !important;border-color:#B78CC9 !important}
  .op2 .sstep--gate:hover{background:#5A3A6C !important}
  .op2 .sstep:hover .sstep__n{background:#B78CC9 !important;color:#211829 !important}
  .op2 .stoday:hover{border-color:rgba(255,255,255,.36) !important;background:#372A44 !important}

  /* ---- links ---- */
  .op2 .link-arrow:hover{color:var(--purple-dark) !important;text-decoration:underline !important;text-underline-offset:4px !important}
  .op2 .link-arrow--dark:hover{color:#D9B8E6 !important}
  .op2 .cta a.text:hover{color:#fff !important}
}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .op2 .btn:hover{transform:translateY(-3px) !important}
  .op2 .btn:active{transform:translateY(0) scale(.98) !important}
  .op2 .shot__zoom:hover{transform:translateY(-2px) !important}
  .op2 .dlg__x:hover{transform:rotate(90deg) !important}
  .op2 .tool:hover,.op2 .pi-plan:hover,.op2 .cbox:hover,.op2 .pack:hover,.op2 .custom-band:hover,.op2 .lane:hover{transform:translateY(-6px) !important}
  .op2 .tool:hover .tool__ico{transform:rotate(-8deg) scale(1.08) !important}
  .op2 .layer:hover,.op2 .hq li:hover,.op2 .pills li:hover{transform:translateY(-4px) !important}
  .op2 .sstep:hover .sstep__n{transform:scale(1.12) !important}
  .op2 .link-arrow:hover svg{transform:translateX(5px) !important}
}

/* ---------- hero demo: click-to-play YouTube facade ---------- */
.op2 .yt-facade{position:relative !important;display:block !important;width:100% !important;aspect-ratio:16/9 !important;padding:0 !important;margin:0 !important;border:0 !important;background:#17101d !important;cursor:pointer !important;overflow:hidden !important;line-height:0 !important}
.op2 .yt-facade img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important;transform:scale(1.05) !important;transition:transform .4s ease,filter .3s ease !important}
.op2 .yt-facade__play{position:absolute !important;top:50% !important;left:50% !important;width:84px !important;height:84px !important;margin:-42px 0 0 -42px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:var(--purple) !important;color:#fff !important;box-shadow:0 14px 36px rgba(26,25,35,.4) !important;transition:background-color .3s ease,transform .3s ease !important}
.op2 .yt-facade__play svg{width:30px !important;height:30px !important;fill:currentColor !important;stroke:currentColor !important;margin-left:4px !important}
@media (hover:hover) and (pointer:fine){
  .op2 .yt-facade:hover .yt-facade__play{background:var(--purple-dark) !important;transform:scale(1.1) !important}
  .op2 .yt-facade:hover img{transform:scale(1.08) !important;filter:brightness(.92) !important}
}
@media (max-width:520px){.op2 .yt-facade__play{width:64px !important;height:64px !important;margin:-32px 0 0 -32px !important}}

/* Full-size screenshot popup: the generic `dialog.dlg` rule (620px cap) is declared
   later in this file and used to win over `.dlg--zoom`, leaving the viewer tiny. */
.op2 dialog.dlg.dlg--zoom{width:min(1600px,calc(100vw - 32px)) !important;max-width:none !important;max-height:calc(100vh - 32px) !important}
.op2 dialog.dlg.dlg--zoom .zoom__body{max-height:calc(100vh - 32px - 82px) !important}

/* Line the three plan columns up: identical price-row height/baseline (Custom's "Talk to us"
   is a smaller font than the numeric prices) and a two-line sub-text row so the buttons align. */
.op2 .pi-plan .plan__price::before{content:"\200b" !important;flex:none !important;font-family:var(--font-head) !important;font-size:2.4rem !important;font-weight:650 !important;line-height:1.1 !important;letter-spacing:-.02em !important;margin-right:-5px !important}
.op2 .pi-plan .plan__sub{min-height:calc(.8125rem * 1.45 * 2) !important}