:root{--oc-header-bg: #ffffff;--oc-header-border: rgba(0, 0, 0, 0.08);--oc-footer-bg: #ffffff;--oc-footer-border: rgba(0, 0, 0, 0.08);--oc-header-bg-gradient: linear-gradient( to right, #ffffff, #fafafa, #ffffff );--oc-footer-bg-gradient: linear-gradient( to bottom, #ffffff, #f8f8f8 );--oc-bg: #f3f4f6;--oc-bg-alt: #ffffff;--oc-bg-muted: #e5e7eb;--oc-card-bg: #ffffff;--oc-accent: #0ea5e9;--oc-accent-soft: rgba(14, 165, 233, 0.08);--oc-accent-strong: #0284c7;--oc-text: #111827;--oc-text-muted: #6b7280;--oc-border: #d1d5db;--oc-radius-lg: 18px;--oc-radius-xl: 24px;--oc-shadow-soft: 0 18px 45px rgba(148, 163, 184, 0.4);--oc-shadow-card: 0 10px 30px rgba(148, 163, 184, 0.35)}[data-theme=dark]{--oc-header-bg: rgba(15, 23, 42, 0.92);--oc-header-border: rgba(148, 163, 184, 0.14);--oc-footer-bg: rgba(15, 23, 42, 0.96);--oc-footer-border: rgba(148, 163, 184, 0.18);--oc-header-bg-gradient: linear-gradient( to right, rgba(15, 23, 42, 0.92), rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.92) );--oc-footer-bg-gradient: linear-gradient( to bottom, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.92) );--oc-bg: #050816;--oc-bg-alt: #0a1020;--oc-bg-muted: #0e1729;--oc-card-bg: #0f172a;--oc-accent: #38bdf8;--oc-accent-soft: rgba(56, 189, 248, 0.15);--oc-accent-strong: #0ea5e9;--oc-text: #e5e7eb;--oc-text-muted: #9ca3af;--oc-border: #1f2937;--oc-radius-lg: 18px;--oc-radius-xl: 24px;--oc-shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.8);--oc-shadow-card: 0 10px 30px rgba(15, 23, 42, 0.7)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;background:var(--oc-bg);color:var(--oc-text);line-height:1.6}[data-theme=dark] body{background:radial-gradient(circle at top left, #1e293b 0, #020617 45%, #000 100%)}.oc-container{width:100%;max-width:1120px;margin:0 auto;padding:0 1.5rem}.oc-main{padding-top:72px}.oc-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(18px);background:var(--oc-header-bg-gradient);border-bottom:1px solid var(--oc-header-border)}.oc-header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.oc-header-right{display:flex;align-items:center;gap:1rem}.oc-theme-toggle{border-radius:999px;border:1px solid var(--oc-border);background:var(--oc-bg-alt);color:var(--oc-text-muted);font-size:.78rem;padding:.28rem .7rem;cursor:pointer;white-space:nowrap}.oc-theme-toggle:hover{color:var(--oc-text);border-color:var(--oc-accent)}.oc-logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--oc-text)}.oc-logo-mark{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:radial-gradient(circle at 20% 20%, #38bdf8, #0ea5e9 40%, #0369a1 100%);box-shadow:0 0 30px rgba(56,189,248,.7)}.oc-logo-text{font-weight:650;letter-spacing:.03em;font-size:1.05rem}.oc-logo-svg{width:70px;height:auto;display:block;color:var(--oc-text);}.oc-nav-toggle{display:none}.oc-nav-toggle-label{display:none;cursor:pointer;flex-direction:column;gap:4px}.oc-nav-toggle-label span{width:20px;height:2px;background:var(--oc-text);border-radius:999px}.oc-nav ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.oc-nav a{text-decoration:none;font-size:.95rem;color:var(--oc-text-muted);padding:.3rem 0;border-bottom:2px solid rgba(0,0,0,0);transition:color .2s ease,border-color .2s ease}.oc-nav a:hover{color:var(--oc-text)}.oc-nav-active{color:var(--oc-accent-strong) !important;border-color:var(--oc-accent-strong)}.oc-hero{padding:3.5rem 0 2.5rem}.oc-hero-inner{display:grid;grid-template-columns:minmax(0, 1.6fr) minmax(0, 1.2fr);gap:3rem;align-items:center}.oc-hero-text h1{font-size:clamp(2.1rem,3vw,2.7rem);line-height:1.15;margin:0 0 .8rem}.oc-hero-tagline{margin:0 0 1.5rem;font-size:1.05rem;color:var(--oc-text-muted)}.oc-hero-body{margin-bottom:1.75rem;color:var(--oc-text-muted)}.oc-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.oc-hero-visual{display:flex;justify-content:center}.oc-hero-card{background:linear-gradient(145deg, rgba(15,23,42,.96), rgba(15,23,42,.98));border-radius:24px;padding:1.5rem 1.7rem;box-shadow:var(--oc-shadow-soft);border:1px solid rgba(148,163,184,.22);position:relative;overflow:hidden}:root .oc-hero-card{background:#fff;border-radius:20px;border:1px solid rgba(148,163,184,.25);box-shadow:0 16px 40px rgba(15,23,42,.08)}:root .oc-hero-card::before{opacity:.18;}:root .oc-hero-card h2{color:var(--oc-text-muted)}[data-theme=dark] .oc-hero-card{background:linear-gradient(145deg, rgba(15,23,42,.96), rgba(15,23,42,.98));border-radius:24px;border:1px solid rgba(148,163,184,.22);box-shadow:var(--oc-shadow-soft)}[data-theme=dark] .oc-hero-card::before{opacity:.7}.oc-hero-card::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 10% 0, rgba(56,189,248,.25), rgba(0,0,0,0) 55%),radial-gradient(circle at 90% 100%, rgba(129,140,248,.25), rgba(0,0,0,0) 55%);opacity:.7;pointer-events:none}.oc-hero-card h2{position:relative;margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.18em;color:var(--oc-text-muted)}.oc-hero-card ul{position:relative;list-style:none;padding:0;margin:0}.oc-hero-card li{display:flex;align-items:center;gap:.45rem;margin-bottom:.6rem;font-size:.94rem}.oc-hero-card li::before{content:"";width:7px;height:7px;border-radius:999px;background:radial-gradient(circle, #22c55e, #22c55e 60%, rgba(0,0,0,0) 100%);margin-right:.1rem}.oc-section{padding:2.5rem 0}.oc-section-muted{background:radial-gradient(circle at top center, rgba(15,23,42,.8), rgba(15,23,42,.96));border-top:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.12)}.oc-section-header{margin-bottom:1.75rem}.oc-section-header h1{font-size:2rem;margin:0 0 .5rem}.oc-section-description{margin:0;color:var(--oc-text-muted)}.oc-content{max-width:760px}.oc-content h2{margin-top:1.8rem;font-size:1.35rem}.oc-content h3{margin-top:1.3rem;font-size:1.1rem}.oc-content p{margin:.6rem 0;color:var(--oc-text-muted)}.oc-content ul,.oc-content ol{margin:.4rem 0 .9rem 1.1rem}.oc-grid-3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.5rem}.oc-grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.5rem}.oc-card{background:var(--oc-card-bg);border-radius:var(--oc-radius-lg);padding:1.25rem 1.3rem;border:1px solid var(--oc-border);box-shadow:var(--oc-shadow-card)}.oc-card h2{margin-top:0;margin-bottom:.5rem}.oc-card p{margin-top:0;margin-bottom:.6rem;color:var(--oc-text-muted)}.oc-card-link h2 a{text-decoration:none;color:var(--oc-text)}.oc-card-link h2 a:hover{color:var(--oc-accent-strong)}.oc-split{display:grid;grid-template-columns:minmax(0, 1.3fr) minmax(0, 1.2fr);gap:2rem}.oc-list-check{list-style:none;padding-left:0}.oc-list-check li{position:relative;padding-left:1.4rem;margin-bottom:.5rem;color:var(--oc-text-muted)}.oc-list-check li::before{content:"✔";position:absolute;left:0;top:0;font-size:.9rem;color:#22c55e}.oc-link-arrow{display:inline-flex;align-items:center;gap:.1rem;font-size:.92rem;color:var(--oc-accent);text-decoration:none}.oc-link-arrow:hover{color:var(--oc-accent-strong)}.oc-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;border-radius:999px;font-size:.95rem;font-weight:500;text-decoration:none;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .1s ease}.oc-btn-primary{background:linear-gradient(135deg, var(--oc-accent), var(--oc-accent-strong));color:#0f172a;box-shadow:0 12px 30px rgba(56,189,248,.55)}.oc-btn-primary:hover{transform:translateY(-1px)}.oc-btn-secondary{background:rgba(15,23,42,.9);color:var(--oc-text);border-color:rgba(148,163,184,.5)}.oc-btn-secondary:hover{border-color:var(--oc-accent);color:var(--oc-accent-strong)}.oc-btn-outline{background:rgba(0,0,0,0);border-color:rgba(148,163,184,.45);color:var(--oc-text)}.oc-btn-outline:hover{border-color:var(--oc-accent)}.oc-footer{background:var(--oc-footer-bg-gradient);border-top:1px solid var(--oc-footer-border);padding:1.3rem 0 1.5rem}.oc-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.oc-footer-left p{margin:0}.oc-footer-tagline{font-size:.9rem;color:var(--oc-text-muted)}.oc-footer-link{color:var(--oc-accent);text-decoration:none;font-size:.92rem}.oc-footer-link:hover{color:var(--oc-accent-strong)}.oc-footer-left{display:flex;align-items:center;gap:.9rem}.oc-footer-logo{height:64px;width:auto;opacity:.9;}.oc-footer-text p{margin:0;line-height:1.3}[data-theme=dark] .oc-footer-logo{filter:brightness(1.3)}@media (max-width: 900px){.oc-hero-inner{grid-template-columns:minmax(0, 1fr)}.oc-grid-3{grid-template-columns:minmax(0, 1fr)}.oc-grid-2,.oc-split{grid-template-columns:minmax(0, 1fr)}.oc-footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.oc-nav-toggle-label{display:flex}.oc-nav{position:absolute;top:72px;left:0;right:0;background:rgba(15,23,42,.98);border-bottom:1px solid rgba(148,163,184,.22);transform-origin:top;transform:scaleY(0);transition:transform .15s ease-out}.oc-nav ul{flex-direction:column;padding:.8rem 1.5rem 1.1rem;gap:.7rem}.oc-nav-toggle:checked~.oc-nav{transform:scaleY(1)}}:root .oc-btn-secondary{background:#fff;border-color:rgba(148,163,184,.6);color:var(--oc-text);box-shadow:0 8px 20px rgba(15,23,42,.04)}:root .oc-btn-secondary:hover{border-color:var(--oc-accent);color:var(--oc-accent-strong);box-shadow:0 10px 26px rgba(15,23,42,.06)}[data-theme=dark] .oc-btn-secondary{background:rgba(15,23,42,.9);color:var(--oc-text);border-color:rgba(148,163,184,.5)}[data-theme=dark] .oc-btn-secondary:hover{border-color:var(--oc-accent);color:var(--oc-accent-strong)}