/* Pricing-page structural and feature-showcase styles.
 * Kept external so pricing.php contains no render-blocking embedded CSS. */
.op-plans-toggle{display:flex;gap:4px;width:max-content;margin:0 auto 38px;padding:5px;border-radius:999px;border:1px solid var(--op-stroke);background:var(--op-surface);backdrop-filter:var(--op-blur);box-shadow:var(--op-shadow2)}
.op-plans-toggle button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--op-muted);font-weight:850;border-radius:999px;padding:11px 24px;cursor:pointer;transition:.22s;font-size:14px}
.op-plans-toggle button svg{width:17px;height:17px}
.op-plans-toggle button:hover{color:var(--op-text)}
.op-plans-toggle button.active{background:linear-gradient(135deg,#2563eb,#06b6d4 55%,#7c3aed);color:#fff;box-shadow:0 12px 30px rgba(37,99,235,.34)}
/* PHASE_PRICING_CARD_ALIGN — four trust chips never fit one desktop line
 * (615px of pills in a 546px column); a 2x2 block reads as designed
 * rather than as an accidental orphan on row two. */
@media(min-width:901px){.op-trust{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;align-items:start;gap:10px 12px}}
.op-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;max-width:1100px;margin:0 auto;padding-top:22px}
@media(max-width:920px){.op-plans-grid{grid-template-columns:repeat(2,1fr);max-width:640px}}
@media(max-width:600px){.op-plans-grid{grid-template-columns:1fr;max-width:400px}}
.op-plan-card{position:relative;display:flex;flex-direction:column;padding:34px 26px 30px;border-radius:24px;border:1px solid var(--op-stroke);background:linear-gradient(165deg,var(--op-surface),var(--op-surface2));backdrop-filter:var(--op-blur);box-shadow:var(--op-shadow2);overflow:hidden;transition:transform .3s cubic-bezier(.2,.9,.3,1),box-shadow .3s ease,border-color .3s ease}
.op-plan-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2563eb,#06b6d4,#7c3aed,#e879f9)}
.op-plan-card::after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.16),transparent 68%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.op-plan-card:hover{transform:translateY(-6px);box-shadow:var(--op-shadow);border-color:rgba(124,58,237,.32)}
.op-plan-card:hover::after{opacity:1}
.op-plan-card.is-popular{border-color:transparent;box-shadow:0 40px 100px -24px rgba(37,99,235,.34),0 0 0 2px rgba(124,58,237,.55);background:linear-gradient(165deg,rgba(124,58,237,.10),var(--op-surface) 32%,var(--op-surface2))}
.op-plan-card.is-popular::after{opacity:1}
@media(min-width:901px){.op-plan-card.is-popular{z-index:2}}
.op-plan-badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);padding:6px 12px;border-radius:999px;box-shadow:0 8px 20px rgba(37,99,235,.34)}
.op-plan-tier{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--op-blue)}
.op-plan-name{font-size:22px;letter-spacing:-.02em;margin:10px 0 4px}
.op-plan-desc{color:var(--op-muted);font-size:13px;line-height:1.5;margin:0 0 16px;min-height:40px}
.op-plan-pricebox{display:flex;flex-direction:column;justify-content:flex-start;min-height:98px;margin-bottom:6px}
.op-plan-price{font-size:clamp(30px,3.2vw,40px);font-weight:950;letter-spacing:-.04em;line-height:1.04;white-space:nowrap}
.op-plan-amt{background:linear-gradient(120deg,#2563eb,#06b6d4,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.op-plan-per{font-size:.42em;font-weight:800;letter-spacing:0;color:var(--op-muted);margin-left:3px}
.op-plan-price.is-contact{font-size:clamp(26px,2.7vw,32px);letter-spacing:-.02em}
/* When a promo shows (struck original + discounted + /mo on one nowrap line),
 * shrink the whole block so long currencies (e.g. NGN) keep /mo on the card. */
.op-plan-price.has-promo{font-size:clamp(23px,2.5vw,32px)}
.op-plan-price.has-promo .op-plan-was{margin-right:6px}
.op-plan-save{display:inline-flex;align-self:flex-start;width:fit-content;align-items:center;gap:6px;margin-top:10px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.01em;color:#059669;background:rgba(16,185,129,.11);border:1px solid rgba(16,185,129,.26)}
html[data-theme="dark"] .op-plan-save{color:#34d399;background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.3)}
.op-plan-save svg{width:14px;height:14px;flex:0 0 auto}
.op-plan-life{font-size:12px;color:var(--op-muted);margin-top:7px;font-weight:700}
.op-plan-cta{width:100%;margin:20px 0 16px;justify-content:center}
.op-plan-feats-label{font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--op-muted2);margin:0 0 13px;padding-top:20px;border-top:1px solid var(--op-stroke)}
.op-plan-feats{list-style:none;padding:0;margin:0;display:grid;gap:11px;align-content:start}
.op-plan-feats li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:var(--op-text)}
.op-plan-feats li svg{width:17px;height:17px;color:#13b981;flex:0 0 auto;margin-top:1px}

/* extra room under the dark Ten-tools panel so the white wrapper's strip clears its stats */
.op-bill-scene .op-scene-panel{padding-bottom:clamp(104px,10vw,160px)!important}
/* assurance white wrapper that climbs into the dark "Ten tools" panel */
.op-pricing-assure{position:relative;z-index:6;margin-top:clamp(-118px,-7.5vw,-72px);padding:0 0 clamp(40px,6vw,72px)}
.op-assure-card{position:relative;width:min(1080px,calc(100% - 40px));margin:0 auto;border-radius:30px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#ffffff,#f5f8ff);box-shadow:0 44px 120px rgba(15,23,42,.20),inset 0 1px 0 #fff;padding:clamp(56px,5.4vw,76px) clamp(24px,3.4vw,48px) clamp(34px,3.4vw,48px)}
html[data-theme="dark"] .op-assure-card{background:linear-gradient(180deg,rgba(20,28,52,.97),rgba(13,19,40,.97));border-color:rgba(148,163,184,.16);box-shadow:0 48px 130px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.op-assure-strip{position:absolute;top:0;left:50%;transform:translate(-50%,-52%);display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:max-content;max-width:calc(100% - 36px);padding:7px;border-radius:999px;border:1px solid rgba(124,58,237,.28);background:linear-gradient(135deg,#0b1430,#0e1a3e 60%,#160f33);box-shadow:0 24px 56px rgba(2,6,23,.46),inset 0 1px 0 rgba(255,255,255,.06)}
.op-assure-strip span{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font-size:12.5px;font-weight:800;color:#dbe7ff;white-space:nowrap}
.op-assure-strip span svg{width:16px;height:16px;color:#67e8f9;flex:0 0 auto}
.op-assure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px}
.op-assure-grid article{position:relative;padding:24px 22px;border-radius:20px;border:1px solid var(--op-stroke);background:linear-gradient(165deg,var(--op-surface),var(--op-surface2));box-shadow:var(--op-shadow2);transition:transform .25s ease,box-shadow .25s ease}
.op-assure-grid article:hover{transform:translateY(-5px);box-shadow:var(--op-shadow)}
.op-assure-ic{font-size:24px;width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(124,58,237,.12));margin-bottom:13px}
.op-assure-grid h4{font-size:17px;letter-spacing:-.01em;margin:0 0 7px}
.op-assure-grid p{font-size:13.5px;line-height:1.6;color:var(--op-muted);margin:0}
@media(max-width:820px){.op-assure-grid{grid-template-columns:1fr}.op-assure-strip{position:static;transform:none;width:100%;max-width:none;margin:0 0 22px;border-radius:18px}.op-assure-strip span{flex:1 1 auto;justify-content:center}.op-pricing-assure{margin-top:-46px}.op-assure-card{padding-top:34px}}
.op-feat-wrap{display:inline;min-width:0}
.op-feat-link{display:inline;appearance:none;border:0;padding:0;margin:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1.5px;text-underline-offset:3.5px;text-decoration-color:rgba(37,99,235,.42);transition:color .15s ease,text-decoration-color .15s ease}
.op-feat-link:hover{color:#2563eb;text-decoration-color:#2563eb}
html[data-theme="dark"] .op-feat-link{text-decoration-color:rgba(147,197,253,.45)}
html[data-theme="dark"] .op-feat-link:hover{color:#93c5fd;text-decoration-color:#93c5fd}
.op-featm,.op-featm *{box-sizing:border-box}
.op-featm{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;padding:26px}
.op-featm[hidden]{display:none}
.op-featm-bg{position:absolute;inset:0;background:rgba(2,6,23,.66);backdrop-filter:blur(8px)}
.op-featm-panel{position:relative;width:min(940px,100%);max-height:min(92vh,820px);overflow-y:auto;overflow-x:hidden;border-radius:30px;background:linear-gradient(165deg,#ffffff,#f6f9ff);border:1px solid rgba(255,255,255,.7);box-shadow:0 60px 140px -30px rgba(2,6,23,.65);padding:42px 52px 34px;animation:opFeatIn .26s cubic-bezier(.2,.9,.3,1.06);}
/* Chromium ignores ::-webkit-scrollbar once scrollbar-width is not auto, so the standard pair is Gecko-fenced. */
@supports (-moz-appearance:none){.op-featm-panel{scrollbar-width:thin;scrollbar-color:transparent transparent}.op-featm-panel:hover{scrollbar-color:rgba(100,116,139,.35) transparent}}
.op-featm-panel::-webkit-scrollbar{width:3px;height:3px}
.op-featm-panel::-webkit-scrollbar-thumb{border-radius:99px;background:transparent;box-shadow:none}.op-featm-panel:hover::-webkit-scrollbar-thumb{background:rgba(100,116,139,.3);border:0}
.op-featm-panel::-webkit-scrollbar-track{background:transparent;margin:26px 0}
html[data-theme="dark"] .op-featm-panel{background:linear-gradient(165deg,#0d1530,#0a1024);border-color:rgba(150,175,255,.16);color:#e8edf9}
@keyframes opFeatIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.op-featm-x{position:absolute;top:20px;right:20px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.85);backdrop-filter:blur(4px);color:#334155;font-size:15px;font-weight:800;cursor:pointer;z-index:2;transition:transform .15s ease,background .15s ease}
.op-featm-x:hover{background:#fff;transform:rotate(90deg)}
html[data-theme="dark"] .op-featm-x{background:rgba(255,255,255,.08);color:#cbd5f5}
.op-featm-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(120deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}
.op-featm-title{font-size:clamp(30px,4.4vw,46px);font-weight:900;letter-spacing:-.032em;line-height:1.04;margin:0 0 14px}
.op-featm-pitch{font-size:17.5px;line-height:1.6;font-weight:600;color:#3b4a66;max-width:58ch;margin:0}
html[data-theme="dark"] .op-featm-pitch{color:#aebcd7}
.op-featm-desc{font-size:14.5px;line-height:1.75;color:#5a6b8c;max-width:66ch;margin:0 0 18px}
html[data-theme="dark"] .op-featm-desc{color:#8fa2c4}
.op-featm-plans{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0;padding-top:20px;border-top:1px solid rgba(148,163,184,.18)}
.op-featm-plans b{font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#7184a4;margin-right:2px}
.op-featm-chip{font-size:12px;font-weight:800;border-radius:999px;padding:6px 14px;background:rgba(37,99,235,.09);color:#1e40af;border:1px solid rgba(37,99,235,.18)}
.op-featm-chip.is-first{background:linear-gradient(120deg,#2563eb,#7c3aed);color:#fff;border-color:transparent}
html[data-theme="dark"] .op-featm-chip{background:rgba(147,197,253,.1);color:#bfdbfe;border-color:rgba(147,197,253,.22)}
/* ── the 3D stage ── */
.op3d{margin:24px 0 18px;height:352px;border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(120% 130% at 20% 0%,rgba(37,99,235,.18),transparent 55%),radial-gradient(110% 120% at 85% 100%,rgba(124,58,237,.18),transparent 55%),linear-gradient(160deg,#0b1228,#101a3c);perspective:1100px}
.op3d-tilt{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .18s ease-out}
.op3d-ring{position:absolute;border:1.5px dashed rgba(165,180,252,.3);border-radius:50%;animation:op3dSpin 26s linear infinite}
@keyframes op3dSpin{to{transform:rotate(360deg)}}
.op3d-float{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:12px;background:linear-gradient(165deg,rgba(255,255,255,.16),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(6px);color:#eaf0ff;font-size:10.5px;font-weight:800;letter-spacing:.01em;box-shadow:0 20px 45px -16px rgba(0,0,0,.6);white-space:nowrap;animation:opmBob 4.8s ease-in-out infinite}
@keyframes opmBob{0%,100%{transform:translateZ(95px) translateY(0)}50%{transform:translateZ(95px) translateY(-7px)}}
/* ── realistic product-window mock (PHASE_FEATURE_SHOWCASE_SCENES) ── */
.opm-win{position:absolute;left:50%;top:50%;width:min(478px,88%);transform:translate(-50%,-50%) rotateX(5deg) rotateY(-7deg) translateZ(34px);border-radius:14px;background:#fff;box-shadow:0 44px 95px -26px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.09);overflow:hidden;color:#0f172a;text-align:left}
.opm-top{display:flex;align-items:center;gap:8px;padding:9px 12px;background:linear-gradient(180deg,#f8fafc,#eef2f9);border-bottom:1px solid #e2e8f0}
.opm-dots{display:flex;gap:4px}.opm-dots i{width:8px;height:8px;border-radius:50%}
.opm-dots i:nth-child(1){background:#fca5a5}.opm-dots i:nth-child(2){background:#fcd34d}.opm-dots i:nth-child(3){background:#86efac}
.opm-name{font-size:9.5px;font-weight:800;color:#475569;letter-spacing:.02em}
.opm-url{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:8.5px;font-weight:800;color:#334155;background:#fff;border:1px solid #dbe4f2;border-radius:99px;padding:2.5px 9px}
.opm-url::before{content:'🔒';font-size:7.5px}
.opm-body{padding:12px;display:flex;flex-direction:column;gap:7px;font-size:10px;line-height:1.4;max-height:266px;overflow:hidden}
.opm-row{display:flex;align-items:center;gap:8px;padding:6.5px 9px;border:1px solid #e6ecf5;border-radius:10px;background:#fbfdff;min-width:0}
.opm-ic{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px;flex:none;background:#eef2ff}
.opm-tx{min-width:0}.opm-tx b{display:block;font-size:9.5px;font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opm-tx span{display:block;font-size:8px;color:#64748b;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opm-pill{margin-left:auto;font-size:7.5px;font-weight:900;letter-spacing:.03em;padding:2.5px 8px;border-radius:99px;flex:none}
.opm-p-g{background:#dcfce7;color:#15803d}.opm-p-a{background:#fef3c7;color:#b45309}.opm-p-r{background:#fee2e2;color:#b91c1c}.opm-p-b{background:#dbeafe;color:#1d4ed8}.opm-p-n{background:#e2e8f0;color:#475569}.opm-p-gold{background:linear-gradient(120deg,#fbbf24,#f59e0b);color:#7c2d12}
.opm-chips{display:flex;gap:5px;flex-wrap:wrap}
.opm-chip{font-size:8px;font-weight:800;padding:3px 9px;border-radius:99px;background:#eef2ff;color:#4338ca;border:1px solid #e0e7ff}
.opm-chip.act{background:linear-gradient(120deg,#2563eb,#4f46e5);color:#fff;border-color:transparent}
.opm-chip.ok{background:#dcfce7;color:#15803d;border-color:#bbf7d0}
.opm-chat{display:flex;flex-direction:column;gap:6px}
.opm-bub{max-width:80%;padding:6.5px 10px;border-radius:12px;font-size:9.5px;font-weight:650;line-height:1.45}
.opm-bub.v{align-self:flex-end;background:linear-gradient(120deg,#2563eb,#4f46e5);color:#fff;border-bottom-right-radius:4px}
.opm-bub.a{align-self:flex-start;background:#f1f5f9;color:#1e293b;border-bottom-left-radius:4px}
.opm-typing{display:inline-flex;gap:3px;align-items:center;padding:8px 11px}
.opm-typing i{width:5px;height:5px;border-radius:50%;background:#94a3b8;animation:opmTyp 1.2s ease-in-out infinite}
.opm-typing i:nth-child(2){animation-delay:.18s}.opm-typing i:nth-child(3){animation-delay:.36s}
@keyframes opmTyp{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.opm-inp{display:flex;align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:99px;padding:6px 11px;font-size:8.5px;color:#94a3b8;font-weight:650;background:#fff}
.opm-inp b{margin-left:auto;width:20px;height:20px;border-radius:50%;background:linear-gradient(120deg,#2563eb,#4f46e5);color:#fff;display:grid;place-items:center;font-size:9px}
.opm-kpis{display:flex;gap:7px}
.opm-kpi{flex:1;border:1px solid #e6ecf5;border-radius:10px;padding:7px 9px;background:#fbfdff;min-width:0}
.opm-kpi b{display:block;font-size:14px;font-weight:900;color:#0f172a;line-height:1.1}
.opm-kpi span{display:block;font-size:7px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opm-kpi em{font-style:normal;font-size:8px;font-weight:900;color:#059669;margin-left:3px}
.opm-bars{display:flex;align-items:flex-end;gap:5px;height:58px;padding:2px 2px 0}
.opm-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#60a5fa,#2563eb);min-height:6px;animation:opmRise .9s cubic-bezier(.2,.8,.3,1) both}
@keyframes opmRise{from{transform:scaleY(.2);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.opm-table{width:100%;border-collapse:collapse;font-size:8.5px}
.opm-table th{text-align:left;font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;padding:3px 7px;border-bottom:1px solid #e6ecf5;font-weight:900}
.opm-table td{padding:5px 7px;border-bottom:1px solid #f1f5f9;color:#334155;font-weight:750}
.opm-up{color:#059669;font-weight:900}.opm-dn{color:#dc2626;font-weight:900}
.opm-flow{display:flex;flex-direction:column;align-items:center}
.opm-node{display:flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid #dbe4f2;border-radius:10px;background:#fff;box-shadow:0 3px 10px -5px rgba(2,6,23,.2);min-width:190px}
.opm-node i{font-style:normal;font-size:11px}
.opm-node b{font-size:9px;font-weight:900;color:#111827}
.opm-node span{font-size:8px;color:#64748b;font-weight:650}
.opm-vlink{width:2px;height:11px;background:#cbd5e1}
.opm-branch{display:flex;gap:14px;align-items:flex-start;justify-content:center}
.opm-branch .opm-node{min-width:0;flex:1}
.opm-tog{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #e6ecf5;border-radius:10px;background:#fbfdff;font-size:9px;font-weight:800;color:#1e293b}
.opm-tog span{font-size:8px;color:#64748b;font-weight:650;margin-left:2px}
.opm-sw{width:24px;height:13px;border-radius:99px;background:#cbd5e1;position:relative;flex:none;margin-left:auto}
.opm-sw.on{background:#2563eb}
.opm-sw::after{content:'';position:absolute;top:1.5px;left:1.5px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .2s}
.opm-sw.on::after{left:12.5px}
.opm-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px;background:#0b1228;color:#c7d6f5;border-radius:10px;padding:9px 11px;line-height:1.6;overflow:hidden;white-space:pre}
.opm-code .g{color:#4ade80}.opm-code .r{color:#f87171}.opm-code .b{color:#93c5fd}.opm-code .y{color:#fbbf24}.opm-code .m{color:#64748b}
.opm-av{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:7.5px;font-weight:900;color:#fff;flex:none;background:linear-gradient(130deg,#2563eb,#7c3aed)}
.opm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.opm-tile{border:1px solid #e6ecf5;border-radius:10px;padding:7px 9px;background:#fbfdff;display:flex;align-items:center;gap:7px;min-width:0}
.opm-tile i{font-style:normal;font-size:13px;flex:none}
.opm-tile b{font-size:9px;font-weight:850;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opm-prog{height:5px;border-radius:99px;background:#e2e8f0;overflow:hidden;flex:1}
.opm-prog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#60a5fa,#2563eb)}
.opm-pline{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800;color:#475569}
.opm-gauge{width:64px;height:64px;border-radius:50%;background:conic-gradient(#22c55e calc(var(--p)*1%),#e2e8f0 0);display:grid;place-items:center;flex:none;margin:0 auto}
.opm-gauge b{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:15px;font-weight:900;color:#0f172a}
.opm-hero{border-radius:12px;padding:14px 12px;background:linear-gradient(130deg,#2563eb,#7c3aed);color:#fff;text-align:center}
.opm-hero b{display:block;font-size:13px;font-weight:900;letter-spacing:-.01em}
.opm-hero .opm-inp{margin:8px auto 0;max-width:230px;background:rgba(255,255,255,.94);border-color:transparent}
.opm-edit{border:1px solid #e6ecf5;border-radius:10px;padding:9px 11px;background:#fbfdff;font-size:9.5px;line-height:1.55}
.opm-edit s{display:block;color:#b91c1c;background:#fee2e2;border-radius:6px;padding:3px 7px;text-decoration:line-through;font-weight:650}
.opm-edit b{display:block;color:#166534;background:#dcfce7;border-radius:6px;padding:3px 7px;margin-top:5px;font-weight:750}
.opm-call{border-radius:12px;background:linear-gradient(160deg,#0f172a,#1e1b4b);color:#fff;padding:16px 12px;text-align:center}
.opm-call .opm-av{width:44px;height:44px;font-size:14px;margin:0 auto 6px}
.opm-call b{display:block;font-size:11px;font-weight:900}
.opm-call span{font-size:8.5px;color:#a5b4fc;font-weight:700}
.opm-callbtns{display:flex;gap:9px;justify-content:center;margin-top:10px}
.opm-callbtns i{font-style:normal;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:11px}
.opm-callbtns i.end{background:#dc2626}
.opm-replay{position:relative;border-radius:10px;background:#0b1228;height:96px;overflow:hidden}
.opm-replay::before{content:'';position:absolute;inset:10px 12px 30px;border:1px dashed rgba(148,163,184,.35);border-radius:8px}
.opm-cursor{position:absolute;width:10px;height:10px;border-radius:50%;background:#67e8f9;box-shadow:0 0 14px 2px rgba(103,232,249,.8);animation:opmCur 5s ease-in-out infinite}
@keyframes opmCur{0%{left:14%;top:22%}30%{left:60%;top:30%}55%{left:44%;top:58%}80%{left:76%;top:44%}100%{left:14%;top:22%}}
.opm-stars{font-size:13px;letter-spacing:2px;color:#f59e0b;text-align:center}
.opm-imgcard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(4deg) rotateY(-6deg) translateZ(34px);max-width:88%;max-height:86%;border-radius:14px;overflow:hidden;box-shadow:0 44px 95px -26px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.09);background:#fff}
.opm-imgcard img{display:block;max-width:100%;max-height:100%;object-fit:contain}
@media(max-height:860px){.op-featm-panel{padding:34px 46px 28px}.op3d{height:305px;margin:20px 0 16px}.op-featm-title{font-size:clamp(28px,3.8vw,38px);margin-bottom:10px}.op-featm-desc{margin-bottom:14px}.op-featm-plans{padding-top:16px}}
@media(max-width:640px){.op-featm{padding:12px}.op-featm-panel{padding:30px 20px 26px;border-radius:22px}.op-featm-title{margin-bottom:10px}.op3d{height:290px;margin:20px 0 16px}.opm-win{width:94%}.opm-body{max-height:206px}.op3d-float{display:none}}

/* Markup utilities: all page presentation stays in fetched stylesheets. */
.op-pricing-halo-a{top:-210px;left:-190px}
.op-pricing-halo-b{right:-180px;bottom:-260px}
.op-pricing-spot-glow{top:-30px;right:-20px;width:320px;height:320px;background:#2563eb}
.op-pricing-float-a{top:32%;left:-22px}
.op-pricing-float-b{right:-18px;bottom:14%}
.op-price-con-d0{--d:0s}.op-price-con-d1{--d:.4s}.op-price-con-d2{--d:.8s}.op-price-con-d3{--d:1.2s}.op-price-con-d4{--d:1.6s}.op-price-con-d5{--d:1s}.op-price-con-d6{--d:1.4s}
.is-product-hidden{display:none!important}
.op-plan-badge-sale{top:14px!important;right:14px!important;left:auto!important;z-index:4;background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 10px 24px rgba(217,119,6,.42)!important}
.op-plan-badge-sale.is-under-popular{top:50px!important}
.op-plan-was{text-decoration:line-through;opacity:.5;font-size:.6em;font-weight:700;vertical-align:middle;margin-right:9px}
.op-prc-cols-1{--prc-cols:1}.op-prc-cols-2{--prc-cols:2}.op-prc-cols-3{--prc-cols:3}.op-prc-cols-4{--prc-cols:4}.op-prc-cols-5{--prc-cols:5}.op-prc-cols-6{--prc-cols:6}.op-prc-cols-7{--prc-cols:7}.op-prc-cols-8{--prc-cols:8}
.op-prc-ccta{border-top:2px solid var(--op-stroke,rgba(148,163,184,.28))}
.op-prc-ccta>.op-prc-cfeat{font-weight:800}
.op-prc-ccta .op-prc-cval{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;text-align:center}
.op-prc-cprice-main,.op-prc-cprice-promo{font-size:17px}.op-prc-cprice-custom{font-size:14px}.op-prc-cprice-promo{color:#059669}.op-prc-cprice-was{margin-right:4px;text-decoration:line-through;opacity:.5;font-size:11px}.op-prc-cprice-per{opacity:.55;font-size:11px;font-weight:600}
.op-prc-ccta-btn{width:100%;padding:10px;font-size:13px;justify-content:center}
.op-addon-tier-order-0{--tier-order:0}.op-addon-tier-order-1{--tier-order:1}.op-addon-tier-order-2{--tier-order:2}.op-addon-tier-order-3{--tier-order:3}.op-addon-tier-order-4{--tier-order:4}.op-addon-tier-order-5{--tier-order:5}.op-addon-tier-order-6{--tier-order:6}.op-addon-tier-order-7{--tier-order:7}.op-addon-tier-order-8{--tier-order:8}.op-addon-tier-order-9{--tier-order:9}.op-addon-tier-order-10{--tier-order:10}.op-addon-tier-order-11{--tier-order:11}.op-addon-tier-order-12{--tier-order:12}
html.op-modal-open{overflow:hidden}
.op3d-tilt.is-interacting{transform:rotateX(2deg) rotateY(-3deg)}
.op3d-ring-a{top:-32%;left:60%;width:340px;height:340px}
.op3d-ring-b{top:46%;left:-14%;width:260px;height:260px;animation-direction:reverse}
.op3d-float-a{top:6.5%;left:3.5%}
.op3d-float-b{right:3.5%;bottom:6.5%;animation-delay:.9s}
.opm-sso-avatar{padding:4px 0 2px;text-align:center}
.opm-av.opm-av-lg{display:inline-grid;width:30px;height:30px;margin:0 auto;font-size:11px}
.opm-inp-center{justify-content:center}
.opm-hero-flash{background:linear-gradient(130deg,#0f172a,#7c2d12)}
.opm-hero-premium{background:linear-gradient(130deg,#7c3aed,#db2777)}
.opm-gauge-layout{display:flex;align-items:center;gap:10px}
.opm-grow{flex:1}
.opm-label-xs{font-size:8px}
.opm-arrow-muted{color:#cbd5e1}
.opm-delay-0{animation-delay:0s}.opm-delay-1{animation-delay:.08s}.opm-delay-2{animation-delay:.16s}.opm-delay-3{animation-delay:.24s}.opm-delay-4{animation-delay:.32s}.opm-delay-5{animation-delay:.4s}
.opm-h-3{height:3%}.opm-h-5{height:5%}.opm-h-8{height:8%}.opm-h-15{height:15%}.opm-h-37{height:37%}.opm-h-42{height:42%}.opm-h-48{height:48%}.opm-h-49{height:49%}.opm-h-54{height:54%}.opm-h-57{height:57%}.opm-h-60{height:60%}.opm-h-62{height:62%}.opm-h-65{height:65%}.opm-h-74{height:74%}.opm-h-78{height:78%}.opm-h-82{height:82%}.opm-h-83{height:83%}.opm-h-87{height:87%}.opm-h-96{height:96%}.opm-h-100{height:100%}
.opm-w-7{width:7%}.opm-w-18{width:18%}.opm-w-42{width:42%}.opm-w-62{width:62%}.opm-w-78{width:78%}.opm-w-86{width:86%}.opm-w-100{width:100%}
.opm-tone-amber{background:#f59e0b!important}.opm-tone-violet{background:#a78bfa!important}.opm-tone-green{background:#22c55e!important}.opm-tone-orange{background:#f97316!important}
.opm-gauge-82{--p:82}.opm-gauge-94{--p:94}