.oc-landing{--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", sans-serif;--radius:28px;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 0%, var(--soft), transparent 30%);scroll-behavior:smooth;min-height:100vh;transition:all .35s}.oc-landing[data-theme=light]{--bg:#f5f5f7;--surface:#fff;--surface2:#fbfbfd;--text:#1d1d1f;--muted:#6e6e73;--border:#00000014;--accent:#0a8754;--accent2:#32d583;--soft:#0a875417;--shadow:0 18px 55px #00000014;--glass:#ffffffc7}.oc-landing[data-theme=dark]{--bg:#000;--surface:#1c1c1e;--surface2:#101012;--text:#f5f5f7;--muted:#a1a1a6;--border:#ffffff17;--accent:#34c77b;--accent2:#7cf2b2;--soft:#34c77b1f;--shadow:0 24px 70px #00000073;--glass:#141416c7}.oc-landing *{box-sizing:border-box;margin:0;padding:0}.oc-landing a{color:inherit;text-decoration:none}.oc-landing .container{width:min(1180px,100% - 40px);margin:auto}.oc-landing .nav{z-index:20;background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:74px;display:flex;position:sticky;top:0}.oc-landing .nav-inner{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:auto;display:flex}.oc-landing .brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.oc-landing .brand-mark{background:linear-gradient(145deg, var(--accent2), var(--accent));color:#fff;width:31px;height:31px;box-shadow:0 8px 24px var(--soft);border-radius:9px;place-items:center;font-weight:800;display:grid}.oc-landing .nav-links{color:var(--muted);align-items:center;gap:30px;font-size:14px;display:flex}.oc-landing .nav-links a:hover{color:var(--text)}.oc-landing .nav-cta{background:var(--text);border-radius:980px;padding:9px 16px;font-weight:600;color:var(--bg)!important}.oc-landing .theme-zone{text-align:center;padding:34px 0 8px}.oc-landing .theme-label{color:var(--muted);margin-bottom:10px;font-size:12px}.oc-landing .segmented{background:var(--surface);border:1px solid var(--border);border-radius:980px;padding:4px;display:inline-flex;box-shadow:0 10px 30px #0000000d}.oc-landing .segmented button{color:var(--muted);font:500 13px var(--font);cursor:pointer;background:0 0;border:0;border-radius:980px;padding:8px 15px}.oc-landing .segmented button.active{background:var(--accent);color:#fff}.oc-landing .hero{text-align:center;padding:78px 0 56px}.oc-landing .eyebrow{background:var(--soft);color:var(--accent);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 13px;font-size:13px;font-weight:650;display:inline-flex}.oc-landing .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.oc-landing .hero h1{letter-spacing:-.055em;max-width:970px;margin:0 auto 25px;font-size:clamp(48px,7vw,82px);line-height:.98}.oc-landing .hero h1 span{color:var(--accent)}.oc-landing .hero p{color:var(--muted);max-width:720px;margin:0 auto 33px;font-size:clamp(17px,2vw,21px);line-height:1.55}.oc-landing .actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.oc-landing .btn{border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;display:inline-flex}.oc-landing .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.oc-landing .btn-secondary{background:var(--surface)}.oc-landing .micro{color:var(--muted);margin-top:15px;font-size:12px}.oc-landing .product-shell{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface), var(--surface2));max-width:1050px;box-shadow:var(--shadow);border-radius:32px;margin:48px auto 105px;padding:10px}.oc-landing .browser{border:1px solid var(--border);background:var(--surface);border-radius:24px;overflow:hidden}.oc-landing .browser-top{background:var(--surface2);border-bottom:1px solid var(--border);align-items:center;gap:8px;height:48px;padding:0 17px;display:flex}.oc-landing .traffic{background:#d1d1d6;border-radius:50%;width:10px;height:10px}.oc-landing .browser-title{color:var(--muted);margin-left:10px;font-size:12px}.oc-landing .dashboard{grid-template-columns:190px 1fr;min-height:480px;display:grid}.oc-landing .sidebar{border-right:1px solid var(--border);background:var(--surface2);padding:22px 14px}.oc-landing .side-logo{margin:0 8px 18px;font-size:13px;font-weight:700}.oc-landing .side-item{color:var(--muted);border-radius:9px;margin-bottom:4px;padding:10px 11px;font-size:12px}.oc-landing .side-item.active{background:var(--soft);color:var(--accent);font-weight:600}.oc-landing .content{padding:28px}.oc-landing .content-head{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.oc-landing .content-head h3{letter-spacing:-.03em;font-size:24px}.oc-landing .content-head p{color:var(--muted);margin-top:5px;font-size:12px}.oc-landing .mini-btn{background:var(--accent);color:#fff;border-radius:999px;padding:8px 11px;font-size:11px}.oc-landing .stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.oc-landing .stat{background:var(--surface2);border:1px solid var(--border);border-radius:15px;padding:17px}.oc-landing .stat-label{color:var(--muted);font-size:11px}.oc-landing .stat-value{margin-top:8px;font-size:22px;font-weight:700}.oc-landing .stat-value.green{color:var(--accent)}.oc-landing .contracts{border:1px solid var(--border);border-radius:15px;margin-top:15px;overflow:hidden}.oc-landing .table-title{border-bottom:1px solid var(--border);padding:14px 16px;font-size:12px;font-weight:600}.oc-landing .row{border-bottom:1px solid var(--border);color:var(--muted);grid-template-columns:1.4fr 1fr 1fr .8fr;padding:12px 16px;font-size:11px;display:grid}.oc-landing .row:last-child{border:0}.oc-landing .row strong{color:var(--text)}.oc-landing .status{color:var(--accent);font-weight:600}.oc-landing .section{padding:105px 0}.oc-landing .section.center{text-align:center}.oc-landing .kicker{color:var(--accent);margin-bottom:14px;font-size:13px;font-weight:700}.oc-landing .section h2{letter-spacing:-.045em;max-width:790px;font-size:clamp(38px,5vw,58px);line-height:1.05}.oc-landing .section.center h2{margin:auto}.oc-landing .lead{color:var(--muted);max-width:700px;margin-top:19px;font-size:18px;line-height:1.55}.oc-landing .center .lead{margin:19px auto 0}.oc-landing .feature-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px;display:grid}.oc-landing .feature{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:left;min-height:285px;padding:35px;position:relative;overflow:hidden;box-shadow:0 10px 35px #00000009}.oc-landing .feature.big{grid-column:span 2;grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.oc-landing .icon{background:var(--soft);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:25px;font-size:21px;display:grid}.oc-landing .feature h3{letter-spacing:-.03em;margin-bottom:11px;font-size:25px}.oc-landing .feature p{color:var(--muted);max-width:470px;font-size:15px;line-height:1.6}.oc-landing .feature ul{color:var(--muted);gap:10px;margin-top:20px;font-size:14px;list-style:none;display:grid}.oc-landing .feature li:before{content:"✓";color:var(--accent);margin-right:9px;font-weight:800}.oc-landing .contract-art{background:var(--surface2);border:1px solid var(--border);border-radius:22px;padding:18px;transform:rotate(1deg)}.oc-landing .paper{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px;padding:21px}.oc-landing .paper-line{background:var(--border);border-radius:4px;height:7px;margin:9px 0}.oc-landing .paper-line.short{width:54%}.oc-landing .paper-line.green{background:var(--accent);width:33%}.oc-landing .premium{padding:90px 0}.oc-landing .premium-card{color:#fff;background:#0a0a0b;border-radius:36px;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;padding:58px;display:grid;position:relative;overflow:hidden}.oc-landing .premium-card:after{content:"";filter:blur(80px);background:#34c77b2e;border-radius:50%;width:460px;height:460px;position:absolute;top:-170px;right:-140px}.oc-landing .premium-badge{color:#71e7a5;background:#1d402d;border:1px solid #71e7a533;border-radius:999px;margin-bottom:20px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-block}.oc-landing .premium h2{letter-spacing:-.045em;font-size:49px;line-height:1.03}.oc-landing .premium p{color:#aaaab0;max-width:570px;margin:18px 0 26px;font-size:17px;line-height:1.6}.oc-landing .phone{z-index:2;background:#1c1c1e;border:5px solid #363638;border-radius:42px;width:270px;margin:auto;padding:14px;position:relative;box-shadow:0 25px 70px #000}.oc-landing .phone-screen{color:#222;background:#efeae2;border-radius:29px;min-height:420px;padding:55px 13px 18px}.oc-landing .wa-head{color:#fff;background:#075e54;border-radius:27px 27px 0 0;margin:-55px -13px 17px;padding:22px 14px 13px;font-size:13px;font-weight:700}.oc-landing .bubble{background:#fff;border-radius:9px;margin-bottom:9px;padding:10px 11px;font-size:11px;line-height:1.45;box-shadow:0 1px 2px #0000001a}.oc-landing .bubble.out{background:#dcf8c6;margin-left:24px}.oc-landing .bubble small{text-align:right;color:#8b8b8b;margin-top:5px;display:block}.oc-landing .customize{grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;display:grid}.oc-landing .theme-demo{grid-template-columns:1fr 1fr;gap:15px;display:grid}.oc-landing .theme-card{border:1px solid var(--border);height:330px;box-shadow:var(--shadow);border-radius:28px;padding:24px}.oc-landing .theme-card.light{color:#1d1d1f;background:#f5f5f7}.oc-landing .theme-card.dark{color:#f5f5f7;background:#111}.oc-landing .theme-ui{background:#ffffffbf;border-radius:18px;height:100%;padding:14px}.oc-landing .theme-card.dark .theme-ui{background:#1c1c1e}.oc-landing .theme-bar{background:#0a8754;border-radius:6px;width:60%;height:9px;margin-bottom:14px}.oc-landing .theme-box{background:#8080801a;border-radius:12px;height:65px;margin-bottom:10px}.oc-landing .steps{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;display:grid}.oc-landing .step{padding:29px 5px}.oc-landing .step-num{color:var(--accent);margin-bottom:16px;font-size:13px;font-weight:700}.oc-landing .step h3{margin-bottom:9px;font-size:21px}.oc-landing .step p{color:var(--muted);font-size:14px;line-height:1.55}.oc-landing .final-cta{text-align:center;padding:125px 0}.oc-landing .final-box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:38px;padding:78px 28px}.oc-landing .final-box h2{margin:auto;font-size:clamp(42px,5vw,62px)}.oc-landing .final-box p{color:var(--muted);max-width:620px;margin:18px auto 29px;font-size:18px;line-height:1.5}.oc-landing .footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:30px 0 42px;font-size:12px;display:flex}@media (width<=800px){.oc-landing .nav-links a:not(.nav-cta){display:none}.oc-landing .hero{padding-top:55px}.oc-landing .dashboard{grid-template-columns:1fr}.oc-landing .sidebar{display:none}.oc-landing .stats{grid-template-columns:1fr}.oc-landing .row{grid-template-columns:1.4fr 1fr}.oc-landing .row span:nth-child(3),.oc-landing .row span:nth-child(4){display:none}.oc-landing .feature-grid,.oc-landing .steps,.oc-landing .customize,.oc-landing .premium-card{grid-template-columns:1fr}.oc-landing .feature.big{grid-column:auto;grid-template-columns:1fr}.oc-landing .premium-card{padding:38px 25px}.oc-landing .premium h2{font-size:39px}.oc-landing .theme-demo{order:-1}.oc-landing .footer{flex-direction:column;gap:20px}.oc-landing .product-shell{margin-bottom:55px}}