.ocap{--oc-cobalt:#2d5bff;--oc-ink:#1e44d6;--oc-tint:#eef3ff;--oc-line:#dbe4ff;--oc-wire:#9db3ff;--oc-pass:#12b76a;--oc-pass-on-dark:#3ddc97;--oc-minus:#e5484d;--oc-shadow:0 18px 36px -24px rgba(12,27,77,0.45);display:grid;grid-gap:20px;gap:20px;margin-top:40px}.ocap__panel{display:grid;grid-gap:28px;gap:28px;padding:28px 18px;border-radius:var(--radius-xl);background:var(--bg);box-shadow:inset 0 0 0 1px var(--oc-line)}.ocap__head{display:grid;grid-template-columns:auto 1fr;grid-column-gap:14px;column-gap:14px;grid-row-gap:10px;row-gap:10px;align-items:center}.ocap__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--oc-tint);color:var(--oc-ink)}.ocap__head h3{margin:0;font-size:22px;line-height:1.35;font-weight:800;letter-spacing:-.02em}.ocap__head p{grid-column:1/-1;margin:0;max-width:60ch;color:var(--text-2);font-size:15px;line-height:1.7;text-wrap:pretty}.vdev__wires path,.vhub__wires path{fill:none;stroke:var(--oc-wire);stroke-width:1.5;stroke-dasharray:5 5;animation:oc-flow 1.4s linear infinite}@keyframes oc-flow{to{stroke-dashoffset:-20}}@media (prefers-reduced-motion:reduce){.vdev__wires path,.vhub__wires path{animation:none}}.vdev{display:grid;padding:28px 14px 20px;border-radius:20px;background-color:#f6f8ff;background-image:linear-gradient(var(--oc-line) 1px,transparent 1px),linear-gradient(90deg,var(--oc-line) 1px,transparent 1px);background-size:28px 28px;background-position:-1px -1px}.vdev__screens{grid-template-columns:repeat(3,1fr);align-items:end}.dev,.vdev__screens{display:grid;grid-gap:10px;gap:10px}.dev{justify-items:center;margin:0}.dev figcaption{font-size:13px;font-weight:700;color:var(--text-2);text-align:center}.dev__frame{width:100%;padding:5px;background:var(--navy);box-shadow:var(--oc-shadow)}.dev--phone .dev__frame{max-width:112px;aspect-ratio:9/18;border-radius:18px}.dev--tablet .dev__frame{max-width:200px;aspect-ratio:4/3;border-radius:14px}.dev--desk .dev__frame{max-width:260px;aspect-ratio:16/10;border-radius:10px}.dev__ui{position:relative;display:flex;flex-direction:column;gap:8%;height:100%;padding:12% 10%;border-radius:13px;background:#fff;overflow:hidden}.dev--tablet .dev__ui{border-radius:9px;padding:8%}.dev--desk .dev__ui{border-radius:6px;padding:6% 7%;gap:9%}.ui-line{display:block;height:6px;border-radius:3px;background:#e4e9f7}.ui-line--s{width:45%}.ui-line--m{width:70%}.ui-price{width:80%;height:14px;border-radius:4px}.ui-btn,.ui-price{display:block;background:var(--oc-cobalt)}.ui-btn{height:16px;margin-top:auto;border-radius:6px;opacity:.9}.dev__ui--grid{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;grid-gap:6%;gap:6%}.ui-tile{aspect-ratio:1;border-radius:4px;background:linear-gradient(135deg,#e6ecfd,#c4d0f5)}.ui-grade{position:absolute;right:7%;bottom:8%;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--oc-cobalt);color:#fff;font-size:12px;font-weight:800;box-shadow:0 0 0 3px #fff}.ui-dots{width:26px;height:6px;background:radial-gradient(circle,#f97066 2.5px,transparent 3px) 0 0 /9px 6px repeat-x}.ui-row{display:flex;align-items:center;gap:8%}.ui-row .ui-line{flex:1 1}.ui-chip{width:24%;height:8px;border-radius:4px}.ui-chip--ok{background:#a6f4c5}.ui-chip--wait{background:#fedf89}.ui-chip--warn{background:#fecdca}.vdev__wires{display:block;width:100%;height:40px}.vdev__core{justify-self:center;padding:12px 22px;border-radius:999px;background:var(--oc-cobalt);color:#fff;font-size:15px;font-weight:800;letter-spacing:-.01em;box-shadow:0 0 0 6px rgba(45,91,255,.14),0 14px 30px -10px rgba(45,91,255,.7)}.vdev__rail{display:grid;justify-items:center;grid-gap:12px;gap:12px;margin-top:28px}.vdev__railLabel{font-size:13px;font-weight:600;color:var(--text-3)}.vdev__rail ol{list-style:none;counter-reset:rail;position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}.vdev__rail li{counter-increment:rail;position:relative;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--oc-line);font-size:14px;font-weight:700}.vdev__rail li:before{content:counter(rail);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--oc-tint);color:var(--oc-ink);font-size:12px;font-weight:800}.vdev__foot{margin-top:28px}.vdev__foot,.vtests{display:grid;grid-gap:12px;gap:12px}.vtests{align-content:start;padding:20px;border-radius:16px;background:var(--navy);color:#fff}.vtests__grid{height:56px;background-image:radial-gradient(circle,var(--oc-pass-on-dark) 1.6px,transparent 2.2px);background-size:8px 8px;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent)}.vtests p{margin:0;color:var(--on-navy-2);font-size:14px;line-height:1.5}.vtests strong{display:block;color:#fff;font-size:30px;font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vpoints{list-style:none;display:grid;grid-gap:8px;gap:8px;margin:0;padding:0}.vpoints li{display:grid;grid-gap:4px;gap:4px;align-content:center;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--oc-line)}.vpoints strong{font-size:15px;font-weight:800}.vpoints span{color:var(--text-3);font-size:14px;line-height:1.55}.vdata{display:grid;grid-gap:28px;gap:28px}.vrefine{align-items:stretch}.vphoto,.vrefine{display:grid;grid-gap:12px;gap:12px}.vphoto{margin:0;padding:16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--oc-line)}.vphoto figcaption{font-size:13px;font-weight:700;color:var(--text-3)}.vphoto__img{position:relative;display:grid;place-items:center;aspect-ratio:16/9;border-radius:12px;background:linear-gradient(160deg,#d9def0,#aab6da);overflow:hidden}.vphoto--clean .vphoto__img{background:linear-gradient(160deg,#eef3ff,#cfdbff)}.vphoto__device{position:relative;width:22%;aspect-ratio:9/18;border-radius:16%/8%;background:linear-gradient(160deg,#2b3550,var(--navy));box-shadow:0 16px 30px -12px rgba(12,27,77,.6);transform:rotate(-8deg)}.vphoto__device:after{content:"";position:absolute;left:10%;top:5%;width:42%;aspect-ratio:1;border-radius:28%;background:radial-gradient(circle at 32% 32%,#0b1230 18%,transparent 20%),radial-gradient(circle at 32% 70%,#0b1230 18%,transparent 20%),#3a4566}.vphoto__grade{position:absolute;right:10px;bottom:10px;display:grid;justify-items:center;padding:6px 12px;border-radius:12px;background:var(--oc-cobalt);color:#fff;font-size:22px;line-height:1.1;font-weight:800;box-shadow:0 10px 20px -10px rgba(45,91,255,.8)}.vphoto__grade small{font-size:10px;font-weight:600;opacity:.85}.vphoto__meta{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.vphoto__meta li{padding:5px 10px;border-radius:999px;background:#fff4e5;color:#b54708;font-size:12px;font-weight:700}.vphoto--clean .vphoto__meta li{background:#f2f4f7;color:var(--text-4);text-decoration:line-through}.vphoto--clean .vphoto__meta .vphoto__size{background:var(--oc-tint);color:var(--oc-ink);text-decoration:none}.vrefine__arrow{justify-self:center;align-self:center;display:grid;justify-items:center;grid-gap:4px;gap:4px;color:var(--oc-cobalt);font-size:13px;font-weight:800}.vrefine__arrow svg{transform:rotate(90deg)}.vsteps{list-style:none;display:grid;grid-gap:14px;gap:14px;margin:0;padding:0}.vsteps li{display:grid;grid-template-columns:48px 1fr;grid-column-gap:14px;column-gap:14px;grid-row-gap:2px;row-gap:2px;align-items:center}.vsteps__icon{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--oc-cobalt);color:#fff;box-shadow:0 0 0 6px var(--oc-tint)}.vsteps strong{align-self:end;font-size:15px;font-weight:800;color:var(--oc-ink)}.vsteps span:not(.vsteps__icon){align-self:start;color:var(--text-3);font-size:14px;line-height:1.5}.vmask{display:grid;grid-gap:14px;gap:14px;padding:20px;border-radius:16px;background:var(--navy);color:#fff}.vmask__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.vmask__head strong{font-size:15px}.vmask__cipher{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(61,220,151,.14);color:var(--oc-pass-on-dark);font-size:13px;font-weight:700}.vmask dl{display:grid;grid-gap:8px;gap:8px;margin:0}.vmask dl div{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.vmask dt{color:var(--on-navy-2);font-size:12px;font-weight:600}.vmask dd{margin:0;font-size:16px;font-weight:700;letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vcore{display:grid;grid-gap:16px;gap:16px}.vhub{position:relative;justify-self:center;width:100%;max-width:760px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 12px;gap:16px 12px;align-items:center;padding:20px 4px;background:radial-gradient(closest-side,var(--oc-tint),transparent)}.vhub__wires{position:absolute;inset:0;width:100%;height:100%}.vhub__node{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:16px 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--oc-line),var(--oc-shadow);font-size:14px;font-weight:700;text-align:center;text-wrap:balance}.vhub__core,.vhub__node{position:relative;z-index:1}.vhub__core{grid-column:1/-1;justify-self:center;display:inline-flex;align-items:center;gap:10px;padding:16px 22px;border-radius:18px;background:var(--navy);color:#fff;font-size:15px;font-weight:800;box-shadow:0 0 0 8px rgba(45,91,255,.12),0 20px 40px -16px rgba(12,27,77,.6)}.vhub__node svg{color:var(--oc-cobalt)}.vhub__node--0{order:0}.vhub__node--1{order:1}.vhub__core{order:2}.vhub__node--2{order:3}.vhub__node--3{order:4}.vhub__mark{width:20px;height:20px;border-radius:50%;background:conic-gradient(var(--oc-cobalt),#8fa8ff,var(--oc-cobalt));box-shadow:inset 0 0 0 5px var(--navy);outline:2px solid var(--oc-cobalt)}.vcore__example{margin:8px 0 0;color:var(--text-4);font-size:13px;font-weight:600}.vcards{display:grid;grid-gap:14px;gap:14px}.vcard{margin:0}.vcard,.vcard__body{display:grid;grid-gap:10px;gap:10px;align-content:start}.vcard__body{min-height:196px;padding:18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--oc-line),var(--oc-shadow)}.vcard figcaption{padding:0 4px;color:var(--text-2);font-size:14px;font-weight:600;line-height:1.5}.vcard__title{font-size:14px;font-weight:800}.vbar{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:center;font-size:13px}.vbar__label{min-width:5.5em;color:var(--text-3);white-space:nowrap}.vbar__track{height:8px;border-radius:4px;background:#f0f3fb;overflow:hidden}.vbar__track i{display:block;height:100%;border-radius:4px;background:var(--navy)}.vbar--minus .vbar__track i{background:var(--oc-minus)}.vbar--minus .vbar__amt{color:var(--oc-minus)}.vbar__amt{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.vbar--total{margin-top:4px;padding-top:12px;border-top:1px dashed var(--border)}.vbar--total .vbar__label{color:var(--text-1);font-weight:800}.vbar--total .vbar__track i{background:var(--oc-cobalt)}.vbar--total .vbar__amt{color:var(--oc-ink);font-size:15px;font-weight:800}.vcert{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 60%,#f4f7ff)}.vcert:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--oc-cobalt)}.vcert__no{color:var(--navy);font-size:20px;font-weight:800;letter-spacing:.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vcert__steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0}.vcert__steps li{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--oc-pass);color:#fff;font-size:12px;font-weight:800}.vcert__done{color:#067647;font-size:13px;font-weight:700}.vbid{width:100%;border-collapse:collapse;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vbid th{padding:6px 0;border-bottom:1px solid var(--border);color:var(--text-4);font-size:12px;font-weight:600;text-align:left}.vbid td{padding:9px 0;border-bottom:1px solid #f0f3fb;font-weight:600}.vbid td:last-child,.vbid th:last-child{text-align:right}.vbid .vbid__none{color:var(--text-4)}@media (min-width:640px){.ocap__panel{padding:36px 32px}.vdev{padding:36px 28px 28px}.vdev__screens{gap:28px}.vpoints{grid-template-columns:repeat(3,1fr)}.vrefine{grid-template-columns:1fr auto 1fr}.vrefine__arrow svg{transform:none}.vmask dl{grid-template-columns:repeat(3,1fr)}.vhub{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;gap:18px 24px;padding:24px 0}.vhub__node--0{grid-area:1/1}.vhub__node--1{grid-area:1/3}.vhub__core{grid-area:2/2}.vhub__node--2{grid-area:3/1}.vhub__node--3{grid-area:3/3}}@media (min-width:768px){.vsteps{grid-template-columns:repeat(5,1fr);gap:0}.vsteps li{position:relative;grid-template-columns:1fr;align-items:start;align-content:start;justify-items:center;row-gap:6px;padding:0 8px;text-align:center}.vsteps__icon{grid-row:auto;margin-bottom:8px}.vsteps li:not(:last-child):after{content:"";position:absolute;top:24px;left:calc(50% + 34px);right:calc(-50% + 34px);height:2px;background:repeating-linear-gradient(90deg,var(--oc-wire) 0 6px,transparent 6px 10px)}}@media (min-width:960px){.ocap__panel{gap:36px;padding:48px}.ocap__head{grid-template-columns:auto auto 1fr;column-gap:16px}.ocap__head p{grid-column:3;justify-self:end;max-width:46ch}.vdev__foot{grid-template-columns:280px 1fr}.vcards{grid-template-columns:repeat(3,1fr)}}