.oc-root{--oc-bg:#020617;--oc-surface:#0f172a;--oc-border:#ffffff14;--oc-text:#f8fafc;--oc-muted:#94a3b8;--oc-blue:#3b82f6;--oc-teal:#14b8a6;--oc-indigo:#6366f1;--oc-glow:#3b82f640;background:var(--oc-bg);color:var(--oc-text);font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.oc-container{z-index:10;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.oc-section{border-bottom:1px solid var(--oc-border);padding:120px 0}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.oc-text-blue{color:var(--oc-blue)}.oc-text-teal{color:var(--oc-teal)}.oc-text-indigo{color:var(--oc-indigo)}.mb-6{margin-bottom:1.5rem}.relative{position:relative}.z-10{z-index:10}.oc-h1{letter-spacing:-.04em;color:#fff;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.oc-h2{letter-spacing:-.02em;color:#fff;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.oc-desc{color:var(--oc-muted);max-width:720px;font-size:1.125rem;line-height:1.6}.oc-gradient-text{background:linear-gradient(to right, var(--oc-blue), var(--oc-teal), var(--oc-indigo));color:#0000;-webkit-background-clip:text}.oc-bg-glow{z-index:0;pointer-events:none;filter:blur(100px);background:radial-gradient(circle,#3b82f61a 0%,#14b8a60d 40%,#0000 70%);width:60vw;height:60vw;position:absolute;top:-10%;left:-10%}.oc-neural-grid{z-index:0;pointer-events:none;opacity:.1;background-image:radial-gradient(#fff3 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;mask-image:linear-gradient(#000 20%,#0000 100%)}.oc-btn-group{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.oc-btn-primary{background:linear-gradient(135deg, var(--oc-blue), var(--oc-teal));color:#fff;box-shadow:0 10px 30px var(--oc-glow);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;align-items:center;gap:8px;padding:18px 36px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.oc-btn-primary:hover{box-shadow:0 15px 40px var(--oc-glow);filter:brightness(1.2);transform:translateY(-2px)}.oc-btn-secondary{color:#fff;border:1px solid var(--oc-border);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;border-radius:99px;align-items:center;gap:8px;padding:18px 36px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.oc-btn-secondary:hover{background:#ffffff14;border-color:#fff3}.oc-hero{padding:20px 0 100px;position:relative}.oc-badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.1em;backdrop-filter:blur(10px);background:#3b82f626;border:1px solid #3b82f666;border-radius:99px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 0 20px #3b82f633}.oc-pulse{animation:2s infinite objPulse}@keyframes objPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.oc-hero-split{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}.oc-hero-visual{perspective:1000px;justify-content:center;align-items:center;height:600px;display:flex;position:relative}.oc-phone-mockup{background:#0f172a;border:12px solid #1e293b;border-radius:44px;justify-content:center;align-items:center;width:300px;height:620px;transition:transform .5s;display:flex;position:relative;overflow:hidden;transform:rotateY(-10deg)rotateX(5deg);box-shadow:0 30px 60px -15px #0009,inset 0 0 0 4px #020617}.oc-phone-mockup:hover{transform:rotateY(0)rotateX(0)translateY(-10px)}.oc-phone-notch{z-index:30;background:#1e293b;border-bottom-right-radius:18px;border-bottom-left-radius:18px;width:120px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.oc-phone-screen{background:radial-gradient(circle,#3b82f626 0%,#020617 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.oc-logo-image{object-fit:contain;z-index:20;filter:drop-shadow(0 10px 15px #3b82f64d);width:65%;height:auto;position:relative}.oc-logo-glow{z-index:10;opacity:.6;background:radial-gradient(circle,#3b82f666,#0000 60%);animation:4s infinite alternate pulseGlow;position:absolute;inset:0}@keyframes pulseGlow{0%{opacity:.4;transform:scale(.9)}to{opacity:.8;transform:scale(1.1)}}.oc-modules-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:60px;display:grid}.oc-module-card{border:1px solid var(--oc-border);background:#ffffff05;border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.oc-mc-bg{opacity:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#3b82f61a,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.oc-module-card:hover{border-color:#3b82f64d;transform:translateY(-5px);box-shadow:0 20px 40px #0006}.oc-module-card:hover .oc-mc-bg{opacity:1}.oc-mc-icon{border:1px solid var(--oc-border);width:64px;height:64px;color:var(--oc-blue);z-index:10;background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;transition:all .4s;display:flex;position:relative}.oc-module-card:hover .oc-mc-icon{background:var(--oc-blue);color:#fff;box-shadow:0 0 30px var(--oc-glow);border-color:var(--oc-blue)}.oc-module-card h3{color:#fff;z-index:10;margin-bottom:16px;font-size:1.5rem;font-weight:800;position:relative}.oc-module-card p{color:var(--oc-muted);z-index:10;font-size:1rem;line-height:1.6;position:relative}.oc-dash-experience{background:linear-gradient(180deg, var(--oc-bg), #050505)}.oc-dash-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.oc-dw-list{flex-direction:column;gap:16px;margin-top:32px;padding:0;list-style:none;display:flex}.oc-dw-list li{color:#e2e8f0;align-items:flex-start;gap:12px;font-size:1.05rem;line-height:1.5;display:flex}.oc-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.oc-feat-card{border:1px solid var(--oc-border);background:#ffffff03;border-radius:16px;padding:32px}.oc-feat-card h4{color:#fff;margin-bottom:12px;font-size:1.25rem;font-weight:700}.oc-feat-card p{color:var(--oc-muted);font-size:.95rem;line-height:1.6}@media (width<=1024px){.oc-hero-split,.oc-dash-wrapper{text-align:center;grid-template-columns:1fr}.oc-hero-text{margin-bottom:60px}.oc-btn-group{justify-content:center}.oc-dw-list li{text-align:left;justify-content:center}.oc-modules-grid{grid-template-columns:1fr}.oc-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.oc-features-grid{grid-template-columns:1fr}.oc-btn-group{flex-direction:column;width:100%}.oc-btn-primary,.oc-btn-secondary{justify-content:center;width:100%}.oc-phone-mockup{width:260px;height:540px;transform:rotateY(0)rotateX(0)}.oc-hero-visual{height:540px}}