html.oc-site.ocl-page{--ocl-tint:var(--oc-tint);--ocl-tint-2:var(--oc-tint-2);--ocl-ink:var(--oc-ink);--ocl-aqua:#7fdcf0;--ocl-shadow:var(--oc-shadow);--ocl-shadow-lg:var(--oc-shadow-lg);--ocl-wave-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56V30C96 18 192 10 300 12C420 14 520 34 660 38C800 42 900 22 1040 14C1180 6 1320 16 1440 26V56Z'/%3E%3C/svg%3E");--ocl-wave-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56V22C140 34 260 42 400 36C560 29 640 10 800 8C960 6 1080 30 1220 34C1320 37 1390 30 1440 26V56Z'/%3E%3C/svg%3E");--ocl-wave-h:48px;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html.oc-site.ocl-page{scroll-behavior:auto}}.oc-landing .ocl-main{word-break:keep-all;overflow-wrap:break-word;outline:none}.oc-landing .ocl-main [id]{scroll-margin-top:84px}.oc-landing .ocl-wrap{max-width:var(--oc-max);padding-left:var(--oc-gutter);padding-right:var(--oc-gutter);margin-left:auto;margin-right:auto}.oc-landing .ocl-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oc-landing .site-header.oc-header{z-index:50;-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);background:#fffffff0;position:sticky;top:0}.oc-landing .oc-nav{justify-content:center;gap:34px}.oc-landing .library-footer.oc-footer{margin:0}.oc-landing .ocl-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.oc-landing .ocl-btn{text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:0 28px;font-size:16px;font-weight:700;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.oc-landing .ocl-btn.fill{background:var(--ocl-aqua);color:var(--ocl-ink)}.oc-landing .ocl-btn.fill:hover{color:var(--ocl-ink);background:#a3e8f6;transform:translateY(-1px)}.oc-landing .ocl-btn.ghost:hover{color:#fff;background:#ffffff24;border-color:#fff}.oc-landing .ocl-btn.white{color:var(--oc-primary);background:#fff}.oc-landing .ocl-btn.white:hover{color:var(--oc-primary-h);background:#e8f7fb;transform:translateY(-1px)}.oc-landing .ocl-hero{isolation:isolate;background:var(--ocl-ink);color:#fff;text-align:center;padding:112px 0 236px;position:relative;overflow:hidden}.oc-landing .ocl-hero-bg{z-index:-2;object-fit:cover;object-position:50% 38%;width:100%;height:100%;position:absolute;inset:0}.oc-landing .ocl-hero-veil{z-index:-1;background:radial-gradient(110% 85% at 50% 34%,#041e2a99 0%,#041e2aa8 52%,#041e2ac2 100%),linear-gradient(#041e2a2e 0%,#041e2a73 100%);position:absolute;inset:0}.oc-landing .ocl-hero-in{flex-direction:column;align-items:center;gap:20px;display:flex}.oc-landing .ocl-hero h1{letter-spacing:-.035em;color:#fff;margin:0;font-size:clamp(32px,4.6vw,60px);font-weight:800;line-height:1.22}.oc-landing .ocl-hero h1 em{color:var(--ocl-aqua);font-style:normal}.oc-landing .ocl-hero-lead{color:#ffffffdb;max-width:640px;margin:0;font-size:18px;font-weight:500;line-height:1.7}.oc-landing .ocl-hero-lead>span{text-wrap:balance;display:block}.oc-landing .ocl-hero .ocl-cta{margin-top:10px}.oc-landing .ocl-hero:after{content:"";height:72px;-webkit-mask:var(--ocl-wave-a) center bottom/100% 100% no-repeat;-webkit-mask:var(--ocl-wave-a) center bottom/100% 100% no-repeat;mask:var(--ocl-wave-a) center bottom/100% 100% no-repeat;pointer-events:none;background:#fff;position:absolute;bottom:-1px;left:0;right:0}.oc-landing .ocl-wave-top,.oc-landing .ocl-wave-bottom{position:relative}.oc-landing .ocl-wave-top:before,.oc-landing .ocl-wave-bottom:after{content:"";height:var(--ocl-wave-h);background-color:inherit;pointer-events:none;position:absolute;left:0;right:0}.oc-landing .ocl-wave-top:before{-webkit-mask:var(--ocl-wave-a) center bottom/100% 100% no-repeat;-webkit-mask:var(--ocl-wave-a) center bottom/100% 100% no-repeat;mask:var(--ocl-wave-a) center bottom/100% 100% no-repeat;bottom:calc(100% - 1px)}.oc-landing .ocl-wave-bottom:after{-webkit-mask:var(--ocl-wave-b) center bottom/100% 100% no-repeat;-webkit-mask:var(--ocl-wave-b) center bottom/100% 100% no-repeat;mask:var(--ocl-wave-b) center bottom/100% 100% no-repeat;top:calc(100% - 1px);transform:scale(-1)}.oc-landing #license.ocl-wave-top:before{transform:scaleX(-1)}.oc-landing .ocl-rail-sec{z-index:2;margin-top:-196px;position:relative}.oc-landing .ocl-marquee{max-width:var(--oc-max);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;margin-left:auto;margin-right:auto;padding:10px 0 30px;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000 0,#000 3% 97%,#0000 100%);mask:linear-gradient(90deg,#0000 0,#000 3% 97%,#0000 100%)}.oc-landing .ocl-marquee-track{will-change:transform;gap:20px;width:max-content;padding:0 20px;display:flex;position:relative}.oc-landing .ocl-marquee-track>.oc-card{flex:0 0 300px;box-shadow:0 1px 2px #0a28370d,0 8px 20px #0a283714}.oc-landing .ocl-marquee-track>.oc-card:hover{box-shadow:0 2px 4px #0a28370f,0 12px 26px #0a28371f}.oc-landing .ocl-rail-foot{justify-content:flex-end;align-items:center;gap:14px;display:flex}.oc-landing .ocl-flow-toggle,.oc-landing .ocl-clip-toggle{border:1px solid var(--oc-line-2);width:40px;height:40px;color:var(--oc-text-2);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.oc-landing .ocl-flow-toggle:hover,.oc-landing .ocl-clip-toggle:hover{border-color:var(--oc-accent);color:var(--oc-primary)}.oc-landing .ocl-flow-toggle span,.oc-landing .ocl-clip-toggle span{border-left:4px solid;border-right:4px solid;width:11px;height:12px;display:block}.oc-landing .ocl-flow-toggle[aria-pressed=true] span,.oc-landing .ocl-clip-toggle[aria-pressed=true] span{border:6px solid #0000;border-left:11px solid;border-right:0;width:0;height:0;margin-left:3px}.oc-landing .ocl-more{min-height:44px;color:var(--oc-link);align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.oc-landing .ocl-more:hover{color:var(--oc-primary-h)}.oc-landing .ocl-card .oc-body{gap:6px;padding:16px 18px 18px}.oc-landing .ocl-card .oc-title{font-size:18px}.oc-landing .ocl-card-foot{border-top:1px solid var(--oc-line);justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:12px;display:flex}.oc-landing .ocl-card-foot .oc-meta{white-space:nowrap;margin:0 0 2px}.oc-landing .ocl-card-price{text-align:right;flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.oc-landing .ocl-card-price small{color:var(--oc-muted);font-size:12px}.oc-landing .ocl-card-price .oc-price{justify-content:flex-end;margin:0}.oc-landing .ocl-sec{padding:96px 0}.oc-landing .ocl-tint{background:var(--ocl-tint)}.oc-landing .ocl-head{flex-direction:column;gap:12px;max-width:760px;margin:0 0 40px;display:flex}.oc-landing .ocl-eyebrow{letter-spacing:.2em;color:var(--oc-accent);margin:0;font-size:13px;font-weight:800}.oc-landing .ocl-head h2,.oc-landing .ocl-license h2{letter-spacing:-.035em;color:var(--oc-text);margin:0;font-size:clamp(28px,3.3vw,40px);font-weight:800;line-height:1.3}.oc-landing .ocl-head h2 em{color:var(--oc-primary);font-style:normal}.oc-landing .ocl-head-lead{color:var(--oc-sub);margin:0;font-size:17px;line-height:1.7}.oc-landing .ocl-center{text-align:center;align-items:center;margin-left:auto;margin-right:auto}.oc-landing .ocl-head-row{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;max-width:none}.oc-landing .ocl-about{background:#fff;padding:40px 0 104px}.oc-landing .ocl-about .ocl-head{margin-bottom:0}.oc-landing .ocl-for{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.oc-landing .ocl-for li{border:1px solid var(--oc-line);background:#fff;border-radius:18px;flex-direction:column;gap:8px;min-width:0;padding:24px 20px;display:flex}.oc-landing .ocl-for svg{background:var(--ocl-tint-2);width:44px;height:44px;color:var(--oc-primary);border-radius:13px;margin-bottom:4px;padding:10px}.oc-landing .ocl-for b{letter-spacing:-.02em;color:var(--oc-text);font-size:17px;font-weight:800;line-height:1.4}.oc-landing .ocl-for span{color:var(--oc-sub);font-size:15px;line-height:1.6}.oc-landing .ocl-for b,.oc-landing .ocl-for span{text-wrap:balance}.oc-landing .ocl-window{border:1px solid var(--oc-line);max-width:960px;box-shadow:var(--ocl-shadow-lg);background:#fff;border-radius:18px;min-width:0;margin:0 auto;overflow:hidden}.oc-landing .ocl-window-bar{border-bottom:1px solid var(--oc-line);background:#f5f8fa;align-items:center;gap:16px;padding:10px 14px;display:flex}.oc-landing .ocl-window-dots{gap:6px;display:flex}.oc-landing .ocl-window-dots i{background:#d6e0e5;border-radius:50%;width:10px;height:10px}.oc-landing .ocl-tabs{background:#e8eff2;border-radius:10px;gap:4px;padding:3px;display:flex}.oc-landing .ocl-tabs [role=tab]{min-height:36px;color:var(--oc-muted);background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:14px;font-weight:700}.oc-landing .ocl-stage{aspect-ratio:16/9;background:#0b1720;position:relative;overflow:hidden}.oc-landing .ocl-clip{object-fit:cover;background:#0b1720;width:100%;height:100%;display:block;position:absolute;inset:0}.oc-landing .ocl-clip[hidden]{display:none}.oc-landing .ocl-clip-foot{flex-direction:column;gap:12px;padding:14px 22px 18px;display:flex}.oc-landing .ocl-clip-cap{color:var(--oc-text-2);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:15px;line-height:1.6;display:flex}.oc-landing .ocl-clip-cap b{color:var(--oc-primary);font-weight:800}.oc-landing .ocl-clip-ctl{justify-content:space-between;align-items:center;gap:12px;display:flex}.oc-landing .ocl-chips{flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.oc-landing .ocl-chip{border:1px solid var(--oc-line-2);min-height:40px;color:var(--oc-text-2);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.oc-landing .ocl-chip:hover{border-color:var(--oc-accent);color:var(--oc-primary)}.oc-landing .ocl-chip[aria-pressed=true]{border-color:var(--oc-accent);background:var(--oc-accent-soft);color:var(--oc-primary)}.oc-landing .ocl-chip-bar{pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0}.oc-landing .ocl-chip-bar i{background:var(--oc-accent);transform-origin:0;height:100%;transition:transform .26s linear;display:block;transform:scaleX(0)}.oc-landing .ocl-chip[aria-pressed=false] .ocl-chip-bar{visibility:hidden}.oc-landing .ocl-license{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;max-width:1040px;margin:0 auto;display:grid}.oc-landing .ocl-license-copy{flex-direction:column;gap:12px;min-width:0;display:flex}.oc-landing .ocl-license-copy p{margin:0}.oc-landing .ocl-license-amount{color:var(--oc-sub);flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:17px;display:flex;margin-top:8px!important}.oc-landing .ocl-license-amount .oc-rate{font-size:30px;font-weight:800}.oc-landing .ocl-license-amount strong{letter-spacing:-.03em;color:var(--oc-text);font-variant-numeric:tabular-nums;font-size:42px;font-weight:800;line-height:1.2}.oc-landing .ocl-license-amount s{color:var(--oc-faint);font-variant-numeric:tabular-nums;font-size:16px}.oc-landing .ocl-flow{border:1px solid var(--oc-line);box-shadow:var(--ocl-shadow);background:#fff;border-radius:20px;flex-direction:column;min-width:0;margin:0;padding:8px 26px;list-style:none;display:flex}.oc-landing .ocl-flow li{align-items:center;gap:14px;padding:16px 0;display:flex}.oc-landing .ocl-flow-no{background:var(--oc-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:grid}.oc-landing .ocl-flow b{color:var(--oc-text);font-size:17px;font-weight:700}.oc-landing .ocl-license-note{text-align:center;max-width:1040px;color:var(--oc-muted);margin:28px auto 0;font-size:14px}.oc-landing .ocl-spec-wrap{max-width:860px;margin:0 auto}.oc-landing .ocl-spec{border-collapse:separate;border-spacing:0;border:1px solid var(--oc-line);table-layout:fixed;border-radius:16px;width:100%;font-size:15px;overflow:hidden}.oc-landing .ocl-spec th,.oc-landing .ocl-spec td{text-align:left;vertical-align:middle;padding:14px 18px;line-height:1.5}.oc-landing .ocl-spec thead th{background:var(--ocl-tint);color:var(--oc-primary);font-size:14px;font-weight:800}.oc-landing .ocl-spec thead th:first-child{width:22%}.oc-landing .ocl-spec tbody th{color:var(--oc-text);background:#fbfdfe;font-weight:700}.oc-landing .ocl-spec td{color:var(--oc-text-2)}.oc-landing .ocl-spec tbody tr+tr>*,.oc-landing .ocl-spec tbody tr:first-child>*{border-top:1px solid var(--oc-line)}.oc-landing .ocl-spec td+td{border-left:1px solid var(--oc-line)}.oc-landing .ocl-final{background-color:var(--oc-primary);color:#fff;text-align:center;padding:88px 0 96px;position:relative}.oc-landing .ocl-final:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 60 C150 20 300 20 450 60 S750 100 900 60 S1100 20 1200 50 V120 H0Z' fill='%23ffffff' fill-opacity='.05'/%3E%3Cpath d='M0 85 C200 50 350 55 520 85 S860 115 1020 82 S1150 60 1200 72 V120 H0Z' fill='%23ffffff' fill-opacity='.04'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;height:150px;position:absolute;bottom:0;left:0;right:0}.oc-landing .ocl-final-in{flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.oc-landing .ocl-final h2{letter-spacing:-.035em;color:#fff;margin:0;font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.3}.oc-landing .ocl-final-sub{color:#ffffffe0;margin:0;font-size:17px;line-height:1.7}.oc-landing .ocl-final .ocl-cta{margin-top:10px}@media (width<=1100px){.oc-landing .ocl-for{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.oc-landing .oc-nav{gap:24px}.oc-landing .ocl-sec{padding:76px 0}.oc-landing .ocl-hero{padding:92px 0 224px}.oc-landing .ocl-license{grid-template-columns:minmax(0,1fr);gap:28px}}@media (width<=700px){html.oc-site.ocl-page{--ocl-wave-h:28px}.oc-landing .ocl-hero:after{height:40px}.oc-landing .site-header.oc-header{position:relative}.oc-landing .ocl-main [id]{scroll-margin-top:16px}.oc-landing .oc-nav{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:18px;overflow-x:auto}.oc-landing .oc-nav::-webkit-scrollbar{display:none}.oc-landing .oc-header .oc-nav-link{min-height:40px;font-size:14px}.oc-landing .ocl-hero{padding:72px 0 212px}.oc-landing .ocl-hero-lead{font-size:16px}.oc-landing .ocl-rail-sec{margin-top:-190px}.oc-landing .ocl-marquee-track{gap:14px;padding:0 14px}.oc-landing .ocl-marquee-track>.oc-card{flex-basis:260px}.oc-landing .ocl-about{padding:24px 0 80px}.oc-landing .ocl-head{margin-bottom:28px}.oc-landing .ocl-for{grid-template-columns:minmax(0,1fr);gap:12px}.oc-landing .ocl-for li{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;padding:18px;display:grid}.oc-landing .ocl-for svg{grid-row:1/3;margin:0}.oc-landing .ocl-flow{padding:4px 20px}.oc-landing .ocl-spec{font-size:14px}.oc-landing .ocl-spec th,.oc-landing .ocl-spec td{padding:12px 10px}.oc-landing .ocl-spec thead th:first-child{width:26%}}@media (width<=520px){.oc-landing .ocl-cta{flex-direction:column;align-self:stretch;width:100%}.oc-landing .ocl-cta .ocl-btn{width:100%}.oc-landing .ocl-window-bar{gap:10px;padding:8px 10px}.oc-landing .ocl-window-dots{display:none}.oc-landing .ocl-clip-foot{gap:10px;padding:12px 14px 14px}.oc-landing .ocl-clip-ctl{align-items:flex-start}.oc-landing .ocl-chips{gap:6px}.oc-landing .ocl-chip{min-height:38px;padding:0 11px;font-size:13px}.oc-landing .ocl-license-amount strong{font-size:36px}.oc-landing .ocl-spec{font-size:13px}}@media (prefers-reduced-motion:reduce){.oc-landing .ocl-btn{transition:none}.oc-landing .ocl-btn:hover{transform:none}}.oc-landing .ocl-marquee.is-dragging{cursor:grabbing}.oc-landing .ocl-marquee img{-webkit-user-drag:none;user-drag:none}html.oc-site.ocl-page{--dbx-ink:#06121e;--dbx-ink-2:#0b1c2d;--dbx-cyan:#38e1ff;--dbx-blue:#3b82f6;--dbx-line:#38e1ff38;--dbx-mono:ui-monospace,"Cascadia Mono","SFMono-Regular",Consolas,"SUIT",monospace;--dbx-grad:linear-gradient(90deg,#38e1ff,#3b82f6)}.oc-landing .site-header.oc-header{background:linear-gradient(90deg,#38e1ff00,#38e1ffbf 30%,#3b82f6bf 70%,#3b82f600) 0 100%/100% 1px no-repeat,#fffffff0}.oc-landing .ocl-btn{border-radius:8px}.oc-landing .ocl-btn.fill{background:var(--dbx-grad);color:#03121d;box-shadow:0 0 0 1px #38e1ff73,0 8px 26px #38e1ff47}.oc-landing .ocl-btn.fill:hover{color:#03121d;background:linear-gradient(90deg,#6befff,#5b97f8);box-shadow:0 0 0 1px #38e1ffb3,0 10px 34px #38e1ff73}.oc-landing .ocl-btn.ghost{color:#e9fbff;background:#06121e59;border-color:#38e1ff80}.oc-landing .ocl-btn.ghost:hover{border-color:var(--dbx-cyan);color:#fff;background:#38e1ff1f}.oc-landing .ocl-btn.white{color:#03121d}.oc-landing .ocl-btn.white:hover{color:#03121d;background:#e8fbff;box-shadow:0 0 0 1px #fff9,0 10px 30px #38e1ff59}.oc-landing .ocl-hero-veil{background:radial-gradient(110% 85% at 50% 34%,#04142294 0%,#041422ad 52%,#04101ccc 100%),linear-gradient(#04142233 0%,#04142280 100%)}.oc-landing .ocl-hero-veil:before,.oc-landing .ocl-hero-veil:after{content:"";pointer-events:none;position:absolute;inset:0}.oc-landing .ocl-hero-veil:before{background:radial-gradient(520px 380px at var(--mx,50%) var(--my,36%),#38e1ff21 0%,#38e1ff0a 45%,transparent 72%)}.oc-landing .ocl-hero-veil:after{background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 4px)}.oc-landing .ocl-hero:after{background:linear-gradient(90deg,#38e1ff00,#38e1ffd9 25%,#3b82f6d9 75%,#3b82f600);height:2px;bottom:0;box-shadow:0 0 18px #38e1ff8c;-webkit-mask:none;mask:none}.oc-landing .ocl-hero h1 em{background:linear-gradient(90deg,#6cf0ff,#7ab2ff);color:#0000;-webkit-background-clip:text;background-clip:text}.oc-landing .ocl-hero-tag{font-family:var(--dbx-mono);letter-spacing:.06em;color:#bfefff;background:#04121e8c;border:1px solid #38e1ff6b;border-radius:6px;align-items:center;gap:12px;margin:0;padding:8px 14px 8px 12px;font-size:13px;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 24px #38e1ff29}.oc-landing .ocl-hero-tag b{background:var(--dbx-grad);color:#03121d;letter-spacing:0;border-radius:4px;padding:4px 8px;font-weight:800}.oc-landing .ocl-hero-tag span{letter-spacing:.26em}.oc-landing .ocl-hero-tag i{background:var(--dbx-cyan);width:8px;height:15px;box-shadow:0 0 8px var(--dbx-cyan);margin-left:-4px;animation:1.1s step-end infinite dbx-caret;display:block}@keyframes dbx-caret{50%{opacity:0}}.oc-landing .ocl-wave-top:before,.oc-landing .ocl-wave-bottom:after{content:none}.oc-landing .ocl-tint{background-color:#f1f7fa;background-image:radial-gradient(70% 60% at 50% 0,#38e1ff17,#0000 72%);box-shadow:inset 0 1px #38aadc38,inset 0 -1px #38aadc38}.oc-landing [data-tag]:before{content:attr(data-tag);font-family:var(--dbx-mono);letter-spacing:.2em;color:#0a7396;background:linear-gradient(var(--dbx-cyan),var(--dbx-blue)) left center/8px 8px no-repeat;align-items:center;gap:10px;padding-left:16px;font-size:12px;font-weight:700;display:inline-flex}.oc-landing .ocl-head[data-tag]:before{margin-bottom:2px}.oc-landing .ocl-license-copy[data-tag]:before{margin-bottom:4px}.oc-landing .ocl-head h2 em{background:linear-gradient(90deg,#0a7396,#2f6fe0);color:#0000;-webkit-background-clip:text;background-clip:text}.oc-landing .ocl-name{font-family:var(--dbx-mono);letter-spacing:.24em;color:#a3b6c2;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:14px;display:flex}.oc-landing .ocl-name span{align-items:center;display:inline-flex}.oc-landing .ocl-name span+span:before{content:"";background:var(--dbx-grad);width:18px;height:1px;margin-right:16px}.oc-landing .ocl-name b{color:#0a7396;text-shadow:0 0 14px #38e1ff73;font-weight:800}.oc-landing .ocl-for li{background:linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) left top/16px 2px no-repeat,linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) left top/2px 16px no-repeat, linear-gradient(var(--dbx-blue),var(--dbx-blue)) right bottom/16px 2px no-repeat,linear-gradient(var(--dbx-blue),var(--dbx-blue)) right bottom/2px 16px no-repeat,#fff;border-color:#0a739629;border-radius:4px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative}.oc-landing .ocl-for li:hover{border-color:#38e1ff99;transform:translateY(-2px);box-shadow:0 10px 28px #0a3c5a1a,0 0 0 3px #38e1ff1a}.oc-landing .ocl-for svg{background:radial-gradient(120% 120% at 30% 20%,#13314a,var(--dbx-ink));color:var(--dbx-cyan);border-radius:8px;box-shadow:inset 0 0 0 1px #38e1ff4d,0 0 14px #38e1ff2e}.oc-landing .ocl-window{border-color:#38aadc4d;border-radius:12px;box-shadow:0 0 0 1px #38e1ff14,0 24px 60px #061e302e,0 0 60px #38e1ff1a}.oc-landing .ocl-window-bar{background:linear-gradient(180deg,var(--dbx-ink-2),var(--dbx-ink));border-bottom-color:#38e1ff33}.oc-landing .ocl-window-bar:after{content:"";background:#ff5d6c;border-radius:50%;width:8px;height:8px;margin-left:auto;animation:1.6s step-end infinite dbx-caret;box-shadow:0 0 10px #ff5d6c}.oc-landing .ocl-window-dots i{background:#26394c;border-radius:2px}.oc-landing .ocl-window-dots i:first-child{background:var(--dbx-cyan);box-shadow:0 0 6px var(--dbx-cyan)}.oc-landing .ocl-tabs{background:#ffffff0f;border-radius:6px;box-shadow:inset 0 0 0 1px #38e1ff24}.oc-landing .ocl-tabs [role=tab]{color:#93abc1;border-radius:4px}.oc-landing .ocl-tabs [role=tab]:hover{color:#e6f7ff}.oc-landing .ocl-tabs [role=tab][aria-selected=true]{color:#eafcff;background:#38e1ff29;box-shadow:inset 0 0 0 1px #38e1ff80,0 0 12px #38e1ff33}.oc-landing .ocl-chip{border-radius:6px}.oc-landing .ocl-chip-bar i{background:var(--dbx-grad)}.oc-landing .ocl-flow{border-color:#38aadc40;border-radius:12px}.oc-landing .ocl-flow-no{background:var(--dbx-ink);width:40px;color:var(--dbx-cyan);font-family:var(--dbx-mono);border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:inline-flex;box-shadow:inset 0 0 0 1px #38e1ff73,0 0 12px #38e1ff33}.oc-landing .ocl-flow-no:before{content:"0"}.oc-landing .ocl-spec{border-color:#38aadc47;border-radius:10px}.oc-landing .ocl-spec thead th{background:linear-gradient(180deg,var(--dbx-ink-2),var(--dbx-ink));color:var(--dbx-cyan);font-family:var(--dbx-mono);letter-spacing:.14em}.oc-landing .ocl-final{background-color:#0a6f93;background-image:radial-gradient(60% 90% at 50% 110%,#38e1ff59,#0000 70%),linear-gradient(120deg,#0a7396 0%,#0b5d93 55%,#1d4fae 100%);box-shadow:inset 0 1px #38e1ff80}.oc-landing .ocl-final:after{content:none}html.oc-site.ocl-page{--dbx-brackets:linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) left top/18px 2px no-repeat,linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) left top/2px 18px no-repeat, linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) right top/18px 2px no-repeat,linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) right top/2px 18px no-repeat, linear-gradient(var(--dbx-blue),var(--dbx-blue)) left bottom/18px 2px no-repeat,linear-gradient(var(--dbx-blue),var(--dbx-blue)) left bottom/2px 18px no-repeat, linear-gradient(var(--dbx-blue),var(--dbx-blue)) right bottom/18px 2px no-repeat,linear-gradient(var(--dbx-blue),var(--dbx-blue)) right bottom/2px 18px no-repeat}.oc-landing .ocl-fx{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.oc-landing .ocl-hero h1{text-shadow:0 0 34px #38e1ff2e;font-size:clamp(34px,5vw,66px)}html.oc-site.ocl-page.dbx-js .ocl-hero h1:not([data-typed]){visibility:hidden;animation:0s 2.6s forwards dbx-show}html.oc-site.ocl-page.dbx-js .ocl-hero:not([data-fx=done]) .ocl-hero-lead,html.oc-site.ocl-page.dbx-js .ocl-hero:not([data-fx=done]) .ocl-cta{opacity:0;animation:.4s 2.8s forwards dbx-fade;transform:translateY(10px)}.oc-landing .ocl-hero-lead,.oc-landing .ocl-hero .ocl-cta{transition:opacity .55s,transform .55s}@keyframes dbx-show{to{visibility:visible}}@keyframes dbx-fade{to{opacity:1;transform:none}}.oc-landing .dbx-ch{visibility:hidden}.oc-landing .dbx-ch.on{visibility:visible}.oc-landing .dbx-caret{vertical-align:-.1em;background:var(--dbx-cyan);width:.46em;height:.9em;margin:0 -.52em 0 .06em;animation:1.05s step-end infinite dbx-caret;display:inline-block;box-shadow:0 0 14px #38e1ffd9}.oc-landing .dbx-caret.is-typing{animation:none}.oc-landing .ocl-main h2 .dbx-caret{background:#12b5df;width:.42em;height:.84em;margin-right:-.48em;box-shadow:0 0 10px #38e1ff8c}.oc-landing section.ocl-sec{position:relative}.oc-landing section.ocl-sec:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#38e1ff 40%,#7ab2ff 60%,#0000) -260px 0/260px 1px no-repeat,linear-gradient(90deg,#38aadc00,#38aadc66 18% 82%,#38aadc00);height:1px;animation:6s linear infinite dbx-pulse;position:absolute;inset:0 0 auto;transform:none;-webkit-mask:none;mask:none}.oc-landing section#license.ocl-sec:before{animation-delay:-2s;transform:none}@keyframes dbx-pulse{to{background-position:calc(100% + 260px) 0,0 0}}.oc-landing [data-tag]:before{font-size:13px}.oc-landing .ocl-head h2:after,.oc-landing .ocl-license h2:after{content:"";background:var(--dbx-grad);width:56px;height:3px;margin:14px auto 0;display:block;box-shadow:0 0 12px #38e1ff8c}.oc-landing .ocl-license h2:after{margin-left:0}.oc-landing .ocl-marquee-track>.oc-card{border-color:#38aadc47;border-radius:6px}.oc-landing .ocl-marquee-track>.oc-card:hover{border-color:#38e1ffd9;box-shadow:0 0 0 1px #38e1ff66,0 14px 34px #06283c2e,0 0 28px #38e1ff40}.oc-landing .ocl-name{font-size:17px}.oc-landing .ocl-name b{font-size:20px}.oc-landing .ocl-for{counter-reset:dbx-for}.oc-landing .ocl-for li{counter-increment:dbx-for;background:var(--dbx-brackets),#ffffffeb;border-color:#0a73962e}.oc-landing .ocl-for li:after{content:"0" counter(dbx-for);font-family:var(--dbx-mono);letter-spacing:.14em;color:#0a739680;font-size:12px;font-weight:700;position:absolute;top:16px;right:18px}.oc-landing .ocl-for.dbx-wait li{opacity:0}.oc-landing .ocl-for.dbx-on li{animation:.6s cubic-bezier(.2,.7,.2,1) backwards dbx-wipe}.oc-landing .ocl-for.dbx-on li:nth-child(2){animation-delay:90ms}.oc-landing .ocl-for.dbx-on li:nth-child(3){animation-delay:.18s}.oc-landing .ocl-for.dbx-on li:nth-child(4){animation-delay:.27s}.oc-landing .ocl-for.dbx-on li:nth-child(5){animation-delay:.36s}@keyframes dbx-wipe{0%{clip-path:inset(0 0 100%);opacity:.3}to{clip-path:inset(0);opacity:1}}.oc-landing #modes{color:#e6f4ff;background-color:#06121e;background-image:radial-gradient(60% 46% at 50% 0,#38e1ff29,#0000 72%),radial-gradient(50% 40% at 50% 100%,#3b82f61f,#0000 75%)}.oc-landing #modes .ocl-head h2{color:#f2fbff}.oc-landing #modes .ocl-head-lead{color:#9db5c9}.oc-landing #modes [data-tag]:before{color:var(--dbx-cyan)}.oc-landing #modes .ocl-window{background:#0b1c2d;border-color:#38e1ff61;box-shadow:0 0 0 1px #38e1ff1f,0 30px 80px #00000080,0 0 90px #38e1ff29}.oc-landing .ocl-stage:after{content:"";z-index:1;pointer-events:none;opacity:.85;background:var(--dbx-brackets);position:absolute;inset:12px}.oc-landing .ocl-stage:before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 3px);position:absolute;inset:0}.oc-landing #modes .ocl-clip-foot{border-top:1px solid #38e1ff29}.oc-landing #modes .ocl-clip-cap{color:#b4c8da}.oc-landing #modes .ocl-clip-cap b{color:var(--dbx-cyan);font-family:var(--dbx-mono)}.oc-landing #modes .ocl-chip{color:#a6bdd0;background:#ffffff0a;border-color:#38e1ff3d}.oc-landing #modes .ocl-chip:hover{border-color:var(--dbx-cyan);color:#fff}.oc-landing #modes .ocl-chip[aria-pressed=true]{border-color:var(--dbx-cyan);color:#eafcff;background:#38e1ff24;box-shadow:0 0 14px #38e1ff33}.oc-landing #modes .ocl-clip-toggle{color:#cfe9f5;background:0 0;border-color:#38e1ff61}.oc-landing #modes .ocl-clip-toggle:hover{border-color:var(--dbx-cyan);color:#fff}.oc-landing .ocl-flow{background:linear-gradient(#0d2234,#06121e);border-color:#38e1ff57;padding:46px 26px 8px;position:relative;box-shadow:0 0 0 1px #38e1ff14,0 24px 54px #061e3047,0 0 46px #38e1ff24}.oc-landing .ocl-flow:before{content:"LICENSE.SEQ";box-sizing:border-box;height:34px;font-family:var(--dbx-mono);letter-spacing:.22em;color:#38e1ffbf;background:radial-gradient(circle,#38e1ff 0 3px,#0000 3.5px) 16px/8px 8px no-repeat,radial-gradient(circle,#2c4b64 0 3px,#0000 3.5px) 30px/8px 8px no-repeat,radial-gradient(circle,#2c4b64 0 3px,#0000 3.5px) 44px/8px 8px no-repeat;border-bottom:1px solid #38e1ff2e;align-items:center;padding-left:66px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.oc-landing .ocl-flow li+li{border-top:1px dashed #38e1ff33}.oc-landing .ocl-flow b{color:#e8f6ff}.oc-landing .ocl-flow-no{background:#38e1ff1a}.oc-landing .ocl-flow li:last-child b:after{content:"";vertical-align:-.16em;background:var(--dbx-cyan);width:.5em;height:1em;box-shadow:0 0 8px var(--dbx-cyan);margin-left:6px;animation:1.05s step-end infinite dbx-caret;display:inline-block}.oc-landing .ocl-spec-wrap{position:relative}.oc-landing .ocl-spec{background:#fff;position:relative}.oc-landing .ocl-spec-wrap:before{content:"";pointer-events:none;background:var(--dbx-brackets);height:calc(100% - 44px);position:absolute;top:-12px;left:-12px;right:-12px}.oc-landing .ocl-spec tbody th:before{content:"";vertical-align:.14em;background:var(--dbx-grad);width:6px;height:6px;margin-right:10px;display:inline-block;box-shadow:0 0 6px #38e1ff99}.oc-landing .ocl-spec tbody tr:hover>*{background:#eefaff}.oc-landing .ocl-final{overflow:hidden}.oc-landing .ocl-final-in{z-index:1}.oc-landing .ocl-final:after{content:"";background:linear-gradient(90deg,#38e1ff00,#a0f0ffe6 18%,#a0f0ff2e 38% 62%,#a0f0ffe6 82%,#38e1ff00);height:2px;animation:4.8s linear infinite dbx-scan;position:absolute;inset:-2px 0 auto;box-shadow:0 0 16px #38e1ffb3}@keyframes dbx-scan{to{top:100%}}@media (width<=700px){.oc-landing .ocl-name{font-size:13px}.oc-landing .ocl-name b{font-size:15px}.oc-landing .ocl-for li:after{top:12px;right:14px}.oc-landing .ocl-spec-wrap:before{top:-6px;left:-6px;right:-6px}.oc-landing .ocl-flow{padding:44px 18px 4px}.oc-landing .ocl-hero-tag{gap:9px;padding:7px 10px;font-size:11px}.oc-landing .ocl-hero-tag span{letter-spacing:.16em}.oc-landing .ocl-name{letter-spacing:.18em;gap:6px 10px;font-size:12px}.oc-landing .ocl-name span+span:before{margin-right:10px}}