.oc-landing{--oc-bg:#fbfbfa;--oc-surface:#f3f6f5;--oc-card:#fff;--oc-ink:#12211f;--oc-ink-soft:#3a4a47;--oc-muted:#647572;--oc-line:#e6e9e8;--oc-line-strong:#d5dad8;--oc-teal:#215e61;--oc-teal-dark:#184a4c;--oc-teal-tint:#e8f0ef;--oc-teal-glow:#215e6124;--oc-orange:#ff9e20;--oc-orange-soft:#fff4e2;--oc-green:#1f8a54;--oc-green-soft:#e7f4ec;--oc-red:#c4413b;--oc-red-soft:#fbeae9;--oc-blue:#2d6bb8;--oc-blue-soft:#e9f0fa;--oc-radius:14px;--oc-radius-sm:10px;--oc-radius-lg:20px;--oc-shadow-sm:0 1px 2px #12211f0d;--oc-shadow-card:0 1px 3px #12211f0f,0 1px 2px #12211f0a;--oc-shadow-float:0 24px 60px -20px #12211f38,0 8px 24px -12px #12211f1f;--oc-maxw:1200px;--oc-sans:var(--font-display);--oc-body:var(--font-sans)}[dir=rtl] .oc-landing{--oc-sans:var(--font-arabic);--oc-body:var(--font-arabic)}.oc-landing{background:var(--oc-bg);color:var(--oc-ink);font-family:var(--oc-body);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}.oc-landing *,.oc-landing :before,.oc-landing :after{box-sizing:border-box;margin:0;padding:0}.oc-landing h1,.oc-landing h2,.oc-landing h3,.oc-landing h4{font-family:var(--oc-sans);letter-spacing:-.02em;font-weight:700;line-height:1.1}[dir=rtl] .oc-landing h1,[dir=rtl] .oc-landing h2,[dir=rtl] .oc-landing h3,[dir=rtl] .oc-landing h4{letter-spacing:0;line-height:1.3}.oc-landing a{color:inherit;text-decoration:none}.oc-landing img{max-width:100%}.oc-landing section{position:relative}.oc-landing .oc-wrap{max-width:var(--oc-maxw);margin:0 auto;padding:0 24px}.oc-landing .oc-btn{font-family:var(--oc-sans);border-radius:var(--oc-radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 22px;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}[dir=rtl] .oc-landing .oc-btn{font-weight:700}.oc-landing .oc-btn-primary{background:var(--oc-teal);color:#fff;box-shadow:var(--oc-shadow-sm)}.oc-landing .oc-btn-primary:hover{background:var(--oc-teal-dark);box-shadow:0 6px 16px -6px var(--oc-teal-glow);transform:translateY(-1px)}.oc-landing .oc-btn-ghost{background:var(--oc-card);color:var(--oc-ink);border-color:var(--oc-line-strong)}.oc-landing .oc-btn-ghost:hover{background:var(--oc-surface);border-color:var(--oc-muted)}.oc-landing .oc-btn-sm{height:38px;padding:0 16px;font-size:14px}.oc-landing .oc-btn svg{width:17px;height:17px}.oc-landing .oc-nav{z-index:50;backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--oc-line);background:#fbfbfad1;position:sticky;top:0}.oc-landing .oc-nav-inner{justify-content:space-between;align-items:center;height:66px;display:flex}.oc-landing .oc-logo{font-family:var(--oc-sans);letter-spacing:-.03em;font-size:26px;font-weight:800}.oc-landing .oc-logo b{color:var(--oc-teal);font-weight:800}.oc-landing .oc-nav-links{align-items:center;gap:30px;display:flex}.oc-landing .oc-nav-links a{color:var(--oc-ink-soft);font-size:15px;font-weight:500;transition:all .15s}.oc-landing .oc-nav-links a:hover{color:var(--oc-teal)}.oc-landing .oc-nav-right{align-items:center;gap:14px;display:flex}.oc-landing .oc-lang{font-family:var(--oc-sans);border:1px solid var(--oc-line-strong);background:var(--oc-card);cursor:pointer;height:36px;color:var(--oc-ink-soft);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.oc-landing .oc-lang:hover{border-color:var(--oc-teal);color:var(--oc-teal)}.oc-landing .oc-link-login{color:var(--oc-ink-soft);font-size:15px;font-weight:500}.oc-landing .oc-link-login:hover{color:var(--oc-teal)}.oc-landing .oc-nav-toggle{display:none}.oc-landing .oc-hero{text-align:center;padding:72px 0 40px;overflow:hidden}.oc-landing .oc-hero-glow{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 50% 0%,var(--oc-teal-glow),transparent 70%),radial-gradient(40% 30% at 80% 10%,#ff9e2014,transparent 70%);position:absolute;inset:0}.oc-landing .oc-hero .oc-wrap{z-index:1;position:relative}.oc-landing .oc-hero-badge{background:var(--oc-card);border:1px solid var(--oc-line);height:32px;color:var(--oc-ink-soft);box-shadow:var(--oc-shadow-sm);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.oc-landing .oc-hero-badge .oc-dot{background:var(--oc-green);width:7px;height:7px;box-shadow:0 0 0 3px var(--oc-green-soft);border-radius:50%}.oc-landing .oc-hero h1{max-width:880px;margin:0 auto;font-size:clamp(29px,4.2vw,46px);font-weight:800;line-height:1.12}[dir=rtl] .oc-landing .oc-hero h1{line-height:1.35}.oc-landing .oc-hero .oc-sub{color:var(--oc-muted);max-width:640px;margin:22px auto 0;font-size:clamp(16px,2vw,20px);line-height:1.55}.oc-landing .oc-hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.oc-landing .oc-hero-note{color:var(--oc-muted);align-items:center;gap:7px;margin-top:16px;font-size:13.5px;display:inline-flex}.oc-landing .oc-hero-note svg{width:15px;height:15px;color:var(--oc-green)}.oc-landing .oc-demo{z-index:1;margin-top:52px;position:relative}.oc-landing .oc-demo-frame{background:var(--oc-card);border:1px solid var(--oc-line);border-radius:var(--oc-radius-lg);max-width:1080px;box-shadow:var(--oc-shadow-float);margin:0 auto;overflow:hidden}.oc-landing .oc-demo-topbar{border-bottom:1px solid var(--oc-line);background:linear-gradient(var(--oc-card),var(--oc-bg));align-items:center;gap:8px;padding:13px 18px;display:flex}.oc-landing .oc-demo-dots{gap:7px;display:flex}.oc-landing .oc-demo-dots i{border-radius:50%;width:11px;height:11px;display:block}.oc-landing .oc-demo-dots i:first-child{background:#f0625a}.oc-landing .oc-demo-dots i:nth-child(2){background:#f7be4f}.oc-landing .oc-demo-dots i:nth-child(3){background:#5bc46b}.oc-landing .oc-demo-url{color:var(--oc-muted);background:var(--oc-surface);border:1px solid var(--oc-line);max-width:280px;height:28px;font-size:12.5px;font-family:var(--oc-body);border-radius:7px;flex:1;align-items:center;gap:8px;margin-inline-start:14px;padding:0 12px;display:flex}.oc-landing .oc-demo-url svg{width:12px;height:12px}.oc-landing .oc-demo-live{color:var(--oc-teal);font-size:11.5px;font-weight:600;font-family:var(--oc-sans);align-items:center;gap:6px;margin-inline-start:auto;display:inline-flex}.oc-landing .oc-demo-live .oc-pulse{background:var(--oc-teal);border-radius:50%;width:7px;height:7px;animation:2s infinite oc-pulse}@keyframes oc-pulse{0%,to{opacity:1}50%{opacity:.35}}.oc-landing .oc-demo-body{grid-template-columns:196px 1fr;height:540px;display:grid}.oc-landing .oc-demo-side{border-inline-end:1px solid var(--oc-line);background:var(--oc-bg);padding:12px 10px;overflow-y:auto}.oc-landing .oc-demo-side .oc-who{border-bottom:1px solid var(--oc-line);align-items:center;gap:9px;margin-bottom:8px;padding:6px 8px 12px;display:flex}.oc-landing .oc-demo-side .oc-who .oc-av{background:var(--oc-teal-tint);width:30px;height:30px;color:var(--oc-teal);font-family:var(--oc-sans);border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid}.oc-landing .oc-demo-side .oc-who .oc-nm{font-size:12.5px;font-weight:600;line-height:1.2}.oc-landing .oc-demo-side .oc-who .oc-nm small{color:var(--oc-muted);font-size:10.5px;font-weight:400;display:block}.oc-landing .oc-side-lbl{font-family:var(--oc-sans);color:var(--oc-muted);letter-spacing:.04em;padding:10px 11px 4px;font-size:10px;font-weight:600}.oc-landing .oc-nav-item{color:var(--oc-ink-soft);cursor:pointer;text-align:start;width:100%;font-size:13px;font-weight:500;font-family:var(--oc-body);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;margin-bottom:1px;padding:8px 11px;transition:all .13s;display:flex}[dir=rtl] .oc-landing .oc-nav-item{font-weight:600}.oc-landing .oc-nav-item svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.oc-landing .oc-nav-item:hover{background:var(--oc-surface);color:var(--oc-ink)}.oc-landing .oc-nav-item.oc-active{background:var(--oc-orange-soft);color:#b5710c;font-weight:600}.oc-landing .oc-nav-item.oc-active svg{opacity:1}.oc-landing .oc-demo-main{overscroll-behavior:contain;padding:20px 22px;overflow-y:auto}.oc-landing .oc-dm-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.oc-landing .oc-dm-head h3{font-size:20px}.oc-landing .oc-dm-head .oc-dt{color:var(--oc-muted);margin-top:3px;font-size:12.5px}.oc-landing .oc-dm-new{background:var(--oc-teal);color:#fff;font-family:var(--oc-sans);border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.oc-landing .oc-dm-new svg{width:14px;height:14px}.oc-landing .oc-demo-view{display:none}.oc-landing .oc-demo-view.oc-on{animation:.35s oc-fade;display:block}@keyframes oc-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.oc-landing .oc-kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.oc-landing .oc-kpi{background:var(--oc-card);border:1px solid var(--oc-line);border-radius:11px;padding:12px}.oc-landing .oc-kpi .oc-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.oc-landing .oc-kpi .oc-ic{border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.oc-landing .oc-kpi .oc-ic svg{width:15px;height:15px}.oc-landing .oc-kpi .oc-lbl{color:var(--oc-muted);font-size:11px;line-height:1.2}.oc-landing .oc-kpi .oc-val{font-family:var(--oc-sans);letter-spacing:-.02em;font-size:18px;font-weight:700}.oc-landing .oc-kpi .oc-val small{color:var(--oc-muted);font-size:11px;font-weight:600}.oc-landing .oc-panel{background:var(--oc-card);border:1px solid var(--oc-line);border-radius:12px;margin-bottom:14px;padding:15px 16px}.oc-landing .oc-panel h4{font-family:var(--oc-sans);margin-bottom:12px;font-size:13.5px;font-weight:600}.oc-landing .oc-bilan{grid-template-columns:1fr 1fr;gap:24px;display:grid}.oc-landing .oc-bilan .oc-col-lbl{font-family:var(--oc-sans);color:var(--oc-muted);margin-bottom:8px;font-size:10px;font-weight:600}.oc-landing .oc-bilan .oc-ln{color:var(--oc-ink-soft);justify-content:space-between;padding:3px 0;font-size:12.5px;display:flex}.oc-landing .oc-bilan .oc-ln.oc-sub{color:var(--oc-muted);padding-inline-start:8px}.oc-landing .oc-bilan .oc-ln.oc-net{border-top:1px solid var(--oc-line);font-family:var(--oc-sans);color:var(--oc-teal);margin-top:5px;padding-top:8px;font-weight:700}.oc-landing .oc-bilan .oc-ln .oc-v{font-family:var(--oc-sans);font-weight:600}.oc-landing .oc-two-col{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.oc-landing .oc-chart-wrap{width:100%;height:150px;margin-top:4px}.oc-landing .oc-chart-wrap svg{width:100%;height:100%}.oc-landing .oc-most{flex-direction:column;gap:9px;display:flex}.oc-landing .oc-most .oc-row{align-items:center;gap:8px;font-size:12px;display:flex}.oc-landing .oc-most .oc-row .oc-nm{min-width:96px;color:var(--oc-ink);font-weight:600;font-family:var(--oc-sans);font-size:11.5px}.oc-landing .oc-most .oc-row .oc-track{background:var(--oc-surface);border-radius:4px;flex:1;height:6px;overflow:hidden}.oc-landing .oc-most .oc-row .oc-fill{background:var(--oc-orange);border-radius:4px;height:100%}.oc-landing .oc-most .oc-row .oc-d{font-family:var(--oc-sans);color:#b5710c;text-align:end;min-width:44px;font-size:11px;font-weight:600}.oc-landing .oc-tbl{border-collapse:collapse;width:100%;font-size:12.5px}.oc-landing .oc-tbl th{text-align:start;font-family:var(--oc-sans);color:var(--oc-muted);border-bottom:1px solid var(--oc-line);padding:0 8px 8px;font-size:10.5px;font-weight:600}.oc-landing .oc-tbl td{border-bottom:1px solid var(--oc-line);padding:8px}.oc-landing .oc-tbl tr:last-child td{border-bottom:none}.oc-landing .oc-tbl .oc-rk{color:var(--oc-muted);font-family:var(--oc-sans)}.oc-landing .oc-tbl .oc-name{color:var(--oc-ink);font-weight:600}.oc-landing .oc-amt{font-family:var(--oc-sans);font-weight:600}.oc-landing .oc-modes .oc-m{border-bottom:1px solid var(--oc-line);align-items:center;gap:10px;padding:8px 0;display:flex}.oc-landing .oc-modes .oc-m:last-child{border-bottom:none}.oc-landing .oc-modes .oc-m .oc-mi{background:var(--oc-surface);width:30px;height:30px;color:var(--oc-teal);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.oc-landing .oc-modes .oc-m .oc-mi svg{width:15px;height:15px}.oc-landing .oc-modes .oc-m .oc-mt{flex:1;font-size:12.5px;font-weight:600}.oc-landing .oc-modes .oc-m .oc-mt small{color:var(--oc-muted);font-size:11px;font-weight:400;display:block}.oc-landing .oc-modes .oc-m .oc-mv{font-family:var(--oc-sans);font-size:12.5px;font-weight:600}.oc-landing .oc-cal-grid{border:1px solid var(--oc-line);border-radius:var(--oc-radius);overflow:hidden}.oc-landing .oc-cal-head{background:var(--oc-surface);border-bottom:1px solid var(--oc-line);grid-template-columns:repeat(7,1fr);display:grid}.oc-landing .oc-cal-day-lbl{text-align:center;color:var(--oc-muted);font-size:10px;font-weight:600;font-family:var(--oc-sans);padding:6px 4px}.oc-landing .oc-cal-body{grid-template-columns:repeat(7,1fr);display:grid}.oc-landing .oc-cal-cell{border-inline-end:1px solid var(--oc-line);border-bottom:1px solid var(--oc-line);flex-direction:column;gap:2px;min-height:52px;padding:4px;display:flex}.oc-landing .oc-cal-cell:nth-child(7n){border-inline-end:none}.oc-landing .oc-cal-cell:nth-last-child(-n+7){border-bottom:none}.oc-landing .oc-cal-num{color:var(--oc-muted);font-size:10px;font-weight:600;font-family:var(--oc-sans)}.oc-landing .oc-cal-chip{font-size:8px;font-weight:600;font-family:var(--oc-sans);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:1px 4px;overflow:hidden}.oc-landing .oc-cal-teal{background:var(--oc-teal-tint);color:var(--oc-teal)}.oc-landing .oc-cal-orange{background:var(--oc-orange-soft);color:#b5710c}.oc-landing .oc-ctr-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.oc-landing .oc-ctr{border:1px solid var(--oc-line);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.oc-landing .oc-ctr .oc-ci{background:var(--oc-teal-tint);width:30px;height:30px;color:var(--oc-teal);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.oc-landing .oc-ctr .oc-ci svg{width:15px;height:15px}.oc-landing .oc-ctr .oc-cx{flex:1;min-width:0}.oc-landing .oc-ctr .oc-cx .oc-a{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.oc-landing .oc-ctr .oc-cx .oc-b{color:var(--oc-muted);font-size:11px}.oc-landing .oc-ctr .oc-cv{font-family:var(--oc-sans);font-size:12.5px;font-weight:600}.oc-landing .oc-badge{font-size:10px;font-weight:600;font-family:var(--oc-sans);border-radius:100px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.oc-landing .oc-badge.oc-g{background:var(--oc-green-soft);color:var(--oc-green)}.oc-landing .oc-badge.oc-o{background:var(--oc-orange-soft);color:#b5710c}.oc-landing .oc-badge.oc-r{background:var(--oc-red-soft);color:var(--oc-red)}.oc-landing .oc-badge.oc-b{background:var(--oc-blue-soft);color:var(--oc-blue)}.oc-landing .oc-badge .oc-d{background:currentColor;border-radius:50%;width:5px;height:5px}.oc-landing .oc-plate{border:1.4px solid var(--oc-ink);font-family:var(--oc-sans);direction:ltr;border-radius:4px;align-items:stretch;height:21px;font-size:10.5px;font-weight:700;display:inline-flex;overflow:hidden}.oc-landing .oc-plate span{place-items:center;padding:0 5px;display:grid}.oc-landing .oc-plate .oc-a{background:var(--oc-ink);color:#fff;font-size:8px}.oc-landing .oc-plate .oc-mid{border-inline:1.4px solid var(--oc-ink);font-size:8px;line-height:1}.oc-landing .oc-cars-g{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.oc-landing .oc-car-c{border:1px solid var(--oc-line);border-radius:11px;padding:12px}.oc-landing .oc-car-c .oc-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.oc-landing .oc-car-c .oc-nm{font-family:var(--oc-sans);font-size:13px;font-weight:600}.oc-landing .oc-dot-status{border-radius:50%;width:8px;height:8px}.oc-landing .oc-car-c .oc-meta{color:var(--oc-muted);justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.oc-landing .oc-trust{border-top:1px solid var(--oc-line);border-bottom:1px solid var(--oc-line);background:var(--oc-card);padding:28px 0}.oc-landing .oc-trust-g{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.oc-landing .oc-trust-i{align-items:center;gap:12px;display:flex}.oc-landing .oc-trust-i .oc-ic{background:var(--oc-teal-tint);width:40px;height:40px;color:var(--oc-teal);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.oc-landing .oc-trust-i .oc-ic svg{width:20px;height:20px}.oc-landing .oc-trust-i .oc-t{font-family:var(--oc-sans);font-size:14px;font-weight:600}.oc-landing .oc-trust-i .oc-d{color:var(--oc-muted);font-size:12.5px;line-height:1.4}.oc-landing .oc-sec{padding:88px 0}.oc-landing .oc-sec-alt{background:var(--oc-surface)}.oc-landing .oc-sec-head{text-align:center;max-width:660px;margin:0 auto 52px}.oc-landing .oc-sec-head h2{font-size:clamp(28px,3.6vw,42px);font-weight:800}.oc-landing .oc-sec-head p{color:var(--oc-muted);margin-top:14px;font-size:17px;line-height:1.5}.oc-landing .oc-feat-g{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.oc-landing .oc-feat{background:var(--oc-card);border:1px solid var(--oc-line);border-radius:var(--oc-radius);padding:24px;transition:all .18s}.oc-landing .oc-feat:hover{border-color:var(--oc-line-strong);box-shadow:var(--oc-shadow-card)}.oc-landing .oc-feat .oc-ic{background:var(--oc-teal-tint);width:44px;height:44px;color:var(--oc-teal);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.oc-landing .oc-feat .oc-ic svg{width:22px;height:22px}.oc-landing .oc-feat h3{margin-bottom:8px;font-size:17px}.oc-landing .oc-feat p{color:var(--oc-muted);font-size:14.5px;line-height:1.55}.oc-landing .oc-steps{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;display:grid}.oc-landing .oc-step{border-bottom:1px solid var(--oc-line);gap:18px;padding:20px 0;display:flex}.oc-landing .oc-step:last-child{border-bottom:none}.oc-landing .oc-step .oc-n{background:var(--oc-teal);color:#fff;width:38px;height:38px;font-family:var(--oc-sans);border-radius:11px;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.oc-landing .oc-step h3{margin-bottom:5px;font-size:18px}.oc-landing .oc-step p{color:var(--oc-muted);font-size:14.5px;line-height:1.5}.oc-landing .oc-steps-visual{background:var(--oc-card);border:1px solid var(--oc-line);border-radius:var(--oc-radius-lg);box-shadow:var(--oc-shadow-card);padding:26px}.oc-landing .oc-sv-row{border:1px solid var(--oc-line);background:var(--oc-bg);border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:13px;display:flex}.oc-landing .oc-sv-row:last-child{margin-bottom:0}.oc-landing .oc-sv-row .oc-ic{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.oc-landing .oc-sv-row .oc-ic svg{width:18px;height:18px}.oc-landing .oc-sv-row .oc-tx{flex:1}.oc-landing .oc-sv-row .oc-tx .oc-a{font-family:var(--oc-sans);font-size:13.5px;font-weight:600}.oc-landing .oc-sv-row .oc-tx .oc-b{color:var(--oc-muted);font-size:12px}.oc-landing .oc-sv-row .oc-ck{background:var(--oc-green-soft);width:22px;height:22px;color:var(--oc-green);border-radius:50%;place-items:center;display:grid}.oc-landing .oc-sv-row .oc-ck svg{width:13px;height:13px}.oc-landing .oc-vid-tabs{justify-content:center;gap:0;margin-bottom:24px;display:flex}.oc-landing .oc-vid-tabs-inner{background:var(--oc-surface);border:1px solid var(--oc-line);border-radius:100px;gap:2px;padding:4px;display:inline-flex}.oc-landing .oc-vid-tab{font-family:var(--oc-sans);cursor:pointer;color:var(--oc-muted);background:0 0;border:none;border-radius:100px;padding:8px 22px;font-size:13px;font-weight:600;transition:all .2s}.oc-landing .oc-vid-tab:hover{color:var(--oc-ink)}.oc-landing .oc-vid-tab.oc-active{background:var(--oc-teal);color:#fff;box-shadow:0 2px 8px #0000001f}.oc-landing .oc-vid-g{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.oc-landing .oc-vid{background:var(--oc-card);border:1px solid var(--oc-line);border-radius:var(--oc-radius);cursor:pointer;transition:all .22s;overflow:hidden}.oc-landing .oc-vid:hover{border-color:var(--oc-teal);transform:translateY(-4px);box-shadow:0 12px 32px -12px #0000001f}.oc-landing .oc-vid .oc-thumb{aspect-ratio:16/9;background:var(--oc-surface);display:block;position:relative;overflow:hidden}.oc-landing .oc-vid .oc-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.oc-landing .oc-vid:hover .oc-thumb img{transform:scale(1.04)}.oc-landing .oc-vid .oc-thumb .oc-play{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.oc-landing .oc-vid .oc-thumb .oc-play-b{backdrop-filter:blur(4px);background:#ffffffeb;border-radius:50%;place-items:center;width:52px;height:52px;transition:all .2s;display:grid;box-shadow:0 4px 16px #0000002e}.oc-landing .oc-vid:hover .oc-thumb .oc-play-b{background:#fff;transform:scale(1.12)}.oc-landing .oc-vid .oc-thumb .oc-play-b svg{width:20px;height:20px;color:var(--oc-teal);margin-inline-start:2px}.oc-landing .oc-vid .oc-vb{padding:14px 16px}.oc-landing .oc-vid .oc-vb h3{color:var(--oc-ink);font-size:14px;font-weight:600;line-height:1.35}.oc-landing .oc-vid-overlay{z-index:100;background:#000000c7;place-items:center;padding:24px;animation:.2s oc-fade;display:grid;position:fixed;inset:0}.oc-landing .oc-vid-modal{aspect-ratio:16/9;border-radius:var(--oc-radius-lg);background:#000;width:100%;max-width:960px;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000080}.oc-landing .oc-vid-modal iframe{border:0;width:100%;height:100%;display:block}.oc-landing .oc-vid-close{top:-44px;cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:50%;place-items:center;width:36px;height:36px;transition:all .15s;display:grid;position:absolute;inset-inline-end:0}.oc-landing .oc-vid-close:hover{background:#ffffff4d}.oc-landing .oc-vid-close svg{width:20px;height:20px}.oc-landing .oc-price-g{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.oc-landing .oc-plan{background:var(--oc-card);border:1px solid var(--oc-line);border-radius:var(--oc-radius-lg);padding:28px;transition:all .18s;position:relative}.oc-landing .oc-plan.oc-featured{border-color:var(--oc-teal);box-shadow:0 20px 50px -24px var(--oc-teal-glow)}.oc-landing .oc-plan .oc-tag{top:-13px;background:var(--oc-orange);color:#3a2600;font-family:var(--oc-sans);white-space:nowrap;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:700;position:absolute;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .oc-landing .oc-plan .oc-tag{transform:translate(50%)}.oc-landing .oc-plan .oc-pname{font-family:var(--oc-sans);color:var(--oc-muted);font-size:15px;font-weight:600}.oc-landing .oc-plan .oc-pprice{font-family:var(--oc-sans);letter-spacing:-.03em;margin:10px 0 2px;font-size:38px;font-weight:800}.oc-landing .oc-plan .oc-pprice small{color:var(--oc-muted);font-size:15px;font-weight:600}.oc-landing .oc-plan .oc-pmo{color:var(--oc-muted);font-size:13px}.oc-landing .oc-plan .oc-psave{color:var(--oc-green);background:var(--oc-green-soft);font-size:12px;font-weight:600;font-family:var(--oc-sans);border-radius:100px;margin-top:8px;padding:3px 10px;display:inline-block}.oc-landing .oc-plan ul{flex-direction:column;gap:11px;margin:22px 0;list-style:none;display:flex}.oc-landing .oc-plan li{color:var(--oc-ink-soft);align-items:center;gap:10px;font-size:14px;display:flex}.oc-landing .oc-plan li svg{width:17px;height:17px;color:var(--oc-teal);flex-shrink:0}.oc-landing .oc-plan .oc-btn{width:100%}.oc-landing .oc-plan .oc-wa{width:100%;color:var(--oc-muted);height:40px;margin-top:10px;font-size:13px}.oc-landing .oc-plan .oc-wa svg{color:var(--oc-green)}.oc-landing .oc-logos{width:100%;padding:8px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.oc-landing .oc-logos .oc-track{flex-wrap:nowrap;align-items:center;gap:72px;width:max-content;animation:40s linear infinite paused oc-marquee;display:flex}.oc-landing .oc-logos.oc-ready .oc-track{animation-play-state:running}.oc-landing .oc-logos:hover .oc-track{animation-play-state:paused}.oc-landing .oc-logos .oc-lg{filter:grayscale();opacity:.55;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.oc-landing .oc-logos .oc-lg:hover{filter:grayscale(0);opacity:1}.oc-landing .oc-logos .oc-lg img{object-fit:contain;width:auto;max-width:190px;height:72px;display:block}@keyframes oc-marquee{0%{transform:translate(0)}to{transform:translateX(calc(-1 * var(--set-w,0px)))}}@keyframes oc-marquee-rtl{0%{transform:translate(0)}to{transform:translateX(var(--set-w,0px))}}[dir=rtl] .oc-landing .oc-logos .oc-track{animation-name:oc-marquee-rtl}@media (prefers-reduced-motion:reduce){.oc-landing .oc-logos .oc-track{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;animation:none!important}.oc-landing .oc-logos .oc-track::-webkit-scrollbar{display:none}}.oc-landing .oc-legal section{margin-top:32px}.oc-landing .oc-legal section:first-child{margin-top:0}.oc-landing .oc-legal h2{margin-bottom:10px;font-size:20px}.oc-landing .oc-legal h3{margin-top:20px;margin-bottom:6px;font-size:16px}.oc-landing .oc-legal p,.oc-landing .oc-legal div[style*=pre-line]{color:var(--oc-muted);margin-bottom:8px;font-size:15px;line-height:1.7}.oc-landing .oc-lang-wrap button{border:1px solid var(--oc-line-strong);background:var(--oc-card);height:38px;font-family:var(--oc-sans);color:var(--oc-ink-soft);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.oc-landing .oc-lang-wrap button:hover{border-color:var(--oc-teal);color:var(--oc-teal)}.oc-landing .oc-legal-nav{justify-content:space-between;gap:10px}.oc-landing .oc-legal-back{white-space:nowrap}.oc-landing .oc-legal-back .oc-back-short{display:none}@media (max-width:560px){.oc-landing .oc-legal-back .oc-back-full{display:none}.oc-landing .oc-legal-back .oc-back-short{display:inline}.oc-landing .oc-legal-nav{gap:8px}}.oc-landing .oc-faq{max-width:760px;margin:0 auto}.oc-landing .oc-qa{border-bottom:1px solid var(--oc-line)}.oc-landing .oc-qa button{cursor:pointer;text-align:start;width:100%;font-family:var(--oc-sans);color:var(--oc-ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:16px;font-weight:600;display:flex}.oc-landing .oc-qa .oc-q-ic{background:var(--oc-surface);border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;transition:all .2s;display:grid}.oc-landing .oc-qa .oc-q-ic svg{width:15px;height:15px;color:var(--oc-teal);transition:all .25s}.oc-landing .oc-qa.oc-open .oc-q-ic{background:var(--oc-teal)}.oc-landing .oc-qa.oc-open .oc-q-ic svg{color:#fff;transform:rotate(45deg)}.oc-landing .oc-qa .oc-ans{max-height:0;transition:max-height .3s;overflow:hidden}.oc-landing .oc-qa .oc-ans p{color:var(--oc-muted);padding:0 4px 20px;font-size:15px;line-height:1.6}.oc-landing .oc-cta-band{background:linear-gradient(135deg,var(--oc-teal-dark),var(--oc-teal));color:#fff;text-align:center;border-radius:var(--oc-radius-lg);padding:56px 32px;position:relative;overflow:hidden}.oc-landing .oc-cta-band:before{content:"";background:radial-gradient(50% 80% at 80% 0,#ff9e2038,#0000 60%);position:absolute;inset:0}.oc-landing .oc-cta-band>*{position:relative}.oc-landing .oc-cta-band h2{color:#fff;font-size:clamp(26px,3.4vw,38px)}.oc-landing .oc-cta-band p{color:#ffffffd1;margin:14px 0 28px;font-size:17px}.oc-landing .oc-cta-band .oc-btn-primary{background:var(--oc-orange);color:#3a2600}.oc-landing .oc-cta-band .oc-btn-primary:hover{background:#ffb040}.oc-landing .oc-contact-g{grid-template-columns:1.4fr 1fr;gap:32px;display:grid}.oc-landing .oc-form-card,.oc-landing .oc-contact-side{background:var(--oc-card);border:1px solid var(--oc-line);border-radius:var(--oc-radius);padding:28px}.oc-landing .oc-field{margin-bottom:16px}.oc-landing .oc-field label{font-size:13px;font-weight:600;font-family:var(--oc-sans);color:var(--oc-ink-soft);margin-bottom:7px;display:block}.oc-landing .oc-field input,.oc-landing .oc-field textarea{border:1px solid var(--oc-line-strong);border-radius:var(--oc-radius-sm);width:100%;font-family:var(--oc-body);color:var(--oc-ink);background:var(--oc-bg);padding:12px 14px;font-size:14.5px;transition:all .15s}.oc-landing .oc-field input:focus,.oc-landing .oc-field textarea:focus{border-color:var(--oc-teal);box-shadow:0 0 0 3px var(--oc-teal-glow);background:var(--oc-card);outline:none}.oc-landing .oc-field.oc-two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.oc-landing .oc-contact-side h4{margin-bottom:4px;font-size:16px}.oc-landing .oc-contact-side .oc-cs-sub{color:var(--oc-muted);margin-bottom:18px;font-size:13px}.oc-landing .oc-cs-btn{border:1px solid var(--oc-line-strong);border-radius:var(--oc-radius-sm);width:100%;font-family:var(--oc-sans);cursor:pointer;background:var(--oc-bg);align-items:center;gap:10px;margin-bottom:11px;padding:13px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.oc-landing .oc-cs-btn:hover{border-color:var(--oc-teal)}.oc-landing .oc-cs-btn svg{width:19px;height:19px}.oc-landing .oc-cs-btn.oc-wa svg{color:var(--oc-green)}.oc-landing .oc-cs-note{color:var(--oc-muted);border-top:1px solid var(--oc-line);margin-top:14px;padding-top:14px;font-size:12.5px}.oc-landing .oc-footer{background:var(--oc-card);border-top:1px solid var(--oc-line);padding:56px 0 32px}.oc-landing .oc-foot-g{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.oc-landing .oc-foot-about .oc-logo{font-size:30px}.oc-landing .oc-foot-about p{color:var(--oc-muted);max-width:340px;margin:14px 0 18px;font-size:14px;line-height:1.6}.oc-landing .oc-foot-social{gap:10px;display:flex}.oc-landing .oc-foot-social a{border:1px solid var(--oc-line);width:36px;height:36px;color:var(--oc-muted);border-radius:9px;place-items:center;transition:all .15s;display:grid}.oc-landing .oc-foot-social a:hover{color:var(--oc-teal);border-color:var(--oc-teal)}.oc-landing .oc-foot-social svg{width:17px;height:17px}.oc-landing .oc-foot-col h5{font-family:var(--oc-sans);margin-bottom:14px;font-size:14px;font-weight:600}.oc-landing .oc-foot-col a{color:var(--oc-muted);margin-bottom:10px;font-size:14px;transition:all .15s;display:block}.oc-landing .oc-foot-col a:hover{color:var(--oc-teal)}.oc-landing .oc-foot-bottom{border-top:1px solid var(--oc-line);color:var(--oc-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:24px;font-size:13px;display:flex}.oc-landing .oc-store-badges{gap:10px;margin-top:6px;display:flex}.oc-landing .oc-store-badges .oc-sb{border:1px solid var(--oc-line);color:var(--oc-ink-soft);font-size:12px;font-family:var(--oc-sans);border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-weight:600;display:inline-flex}.oc-landing .oc-store-badges .oc-sb svg{width:16px;height:16px}.oc-landing .oc-store-badges .oc-sb small{color:var(--oc-muted);font-size:9px;font-weight:400;display:block}@media (max-width:920px){.oc-landing .oc-nav-links{display:none}.oc-landing .oc-nav-toggle{border:1px solid var(--oc-line-strong);background:var(--oc-card);cursor:pointer;border-radius:9px;place-items:center;width:40px;height:40px;display:inline-grid}.oc-landing .oc-nav-toggle svg{width:20px;height:20px}.oc-landing .oc-steps{grid-template-columns:1fr;gap:32px}.oc-landing .oc-contact-g{grid-template-columns:1fr}.oc-landing .oc-foot-g{grid-template-columns:1fr 1fr;gap:28px}.oc-landing .oc-foot-about{grid-column:1/-1}.oc-landing .oc-vid-g{grid-template-columns:1fr 1fr}}@media (max-width:780px){.oc-landing .oc-feat-g{grid-template-columns:1fr 1fr}.oc-landing .oc-price-g{grid-template-columns:1fr}.oc-landing .oc-plan.oc-featured{transform:none}.oc-landing .oc-trust-g{grid-template-columns:1fr 1fr;gap:16px}.oc-landing .oc-demo-body{grid-template-columns:1fr;height:auto}.oc-landing .oc-demo-side{border-inline-end:none;border-bottom:1px solid var(--oc-line);gap:6px;padding:10px;display:flex;overflow-x:auto}.oc-landing .oc-demo-side .oc-who,.oc-landing .oc-side-lbl{display:none}.oc-landing .oc-nav-item{white-space:nowrap;margin-bottom:0}.oc-landing .oc-demo-main{height:460px}.oc-landing .oc-kpis{grid-template-columns:1fr 1fr}.oc-landing .oc-bilan{grid-template-columns:1fr;gap:14px}.oc-landing .oc-two-col{grid-template-columns:1fr}.oc-landing .oc-cars-g{grid-template-columns:1fr 1fr}.oc-landing .oc-ctr-grid{grid-template-columns:1fr}.oc-landing .oc-link-login{display:none}.oc-landing .oc-modes-grid{grid-template-columns:1fr!important}}@media (max-width:520px){.oc-landing .oc-wrap{padding:0 18px}.oc-landing .oc-feat-g,.oc-landing .oc-trust-g{grid-template-columns:1fr}.oc-landing .oc-hero{padding:44px 0 30px}.oc-landing .oc-sec{padding:56px 0}.oc-landing .oc-field.oc-two,.oc-landing .oc-foot-g,.oc-landing .oc-vid-g,.oc-landing .oc-cars-g{grid-template-columns:1fr}}
