.ot-graduation .ot-grad-hero{padding-block:var(--space-l)}.ot-graduation .ot-grad-hero-grid{display:grid;grid-template-columns:1fr;align-items:center;gap:var(--space-xl)}@media (min-width: 960px){.ot-graduation .ot-grad-hero{padding-block:min(var(--space-l),3vh)}.ot-graduation .ot-grad-hero-grid{grid-template-columns:1.22fr .78fr;column-gap:var(--space-xl);align-items:center}.ot-graduation .ot-grad-act{flex-wrap:nowrap}}.ot-graduation .ot-grad-act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s);margin-top:var(--space-lead)}.ot-graduation .ot-grad-hero-visual{display:flex;justify-content:center;width:100%}.ot-graduation .ot-grad-hero-visual .visual{width:100%;max-width:28rem}.ot-graduation .ot-grad-hand-hero{margin-top:var(--space-s);margin-inline:auto;justify-content:center}.ot-graduation .ot-grad-hand-hero .note,.ot-graduation .ot-grad-hand-board .note,.ot-graduation .ot-grad-scan-hand .note,.ot-graduation .oc-hand-v .note{white-space:nowrap}.ot-graduation .ot-sources-comp{width:100%;max-width:30rem;margin-inline:auto;font-size:var(--cq-panel)}.ot-graduation .ot-sources-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s)}.ot-graduation .ot-src-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2xs);padding:var(--space-s);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--white);box-shadow:var(--shadow-chip)}.ot-graduation .ot-src-badge{display:flex;align-items:center;gap:var(--space-3xs);color:var(--navy);font:700 var(--step-0)/1.3 var(--f-head)}.ot-graduation .ot-src-badge i{color:var(--blue);font-size:1.25em;flex:none}.ot-graduation .ot-src-sub{margin:0;font-size:var(--step--1);color:var(--ink-2);line-height:1.4}.ot-graduation .ot-src-status{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-3xs);padding:.2em .65em;border-radius:var(--radius-pill);font-size:var(--step--1);font-weight:700;line-height:1.3}.ot-graduation .ot-src-status--ok{background:var(--green-tint);color:var(--green)}.ot-graduation .ot-src-status--neutral{background:var(--blue-tint);color:var(--blue-d)}.ot-graduation .ot-sources-join{display:block;width:100%;height:2.2em;fill:none;stroke:var(--amber);stroke-width:2;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.ot-graduation .ot-grad-board{box-shadow:var(--shadow-chip)}.ot-graduation .ot-grad-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xs)}.ot-graduation .ot-grad-kpis .ui-kpi{padding:.5em .6em}.ot-graduation .ot-grad-kpis .ui-kpi b{font-size:1.35em}.ot-graduation .ot-grad-hand-board{margin-top:var(--space-s);margin-inline:auto;justify-content:center}.ot-graduation .ot-grad-voice .oc-phone{margin-inline-end:4%}.ot-graduation .ot-grad-pass-msg{display:flex;align-items:center;gap:var(--space-2xs);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m);padding:.5em .7em;box-shadow:0 1px 3px #10243d0f}.ot-graduation .ot-grad-pass-icon{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:var(--radius-s);background:var(--blue-tint);color:var(--blue-d);font-size:1.1em;flex:none}.ot-graduation .ot-grad-pass-txt{min-width:0}.ot-graduation .ot-grad-pass-txt b{display:block;font:600 .9em/1.3 var(--f-body);color:var(--navy)}.ot-graduation .ot-grad-pass-txt small{display:block;color:var(--ink-3);font-size:.8em;line-height:1.25}.ot-graduation .ot-grad-door{display:flex;flex-direction:column;align-items:center;gap:var(--space-m)}.ot-graduation .ot-grad-door>.ot-grad-staff{width:min(100%,18rem)}@media (min-width: 760px){.ot-graduation .ot-grad-kpis{grid-template-columns:repeat(4,1fr)}}@media (max-width: 959.98px){.ot-graduation .ot-grad-door>.ot-grad-scan-hand{order:1;margin-top:calc(var(--space-m) * -.5)}.ot-graduation .ot-grad-door>.ot-grad-staff{order:2}}@media (min-width: 960px){.ot-graduation .ot-grad-door{position:relative;display:block;width:100%;max-width:24rem;margin-inline:auto}.ot-graduation .ot-grad-door .oc-scan{margin-inline:0 auto}.ot-graduation .ot-grad-staff{position:absolute;inset-block-end:1.5rem;inset-inline-end:-1rem;width:13.5rem;z-index:2;box-shadow:var(--shadow-chip)}.ot-graduation .ot-grad-door .ot-grad-scan-hand{width:13.5rem;margin:0;justify-content:center}}.ot-graduation .ot-grad-staff{max-width:15rem;padding:var(--space-s);display:flex;flex-direction:column;gap:var(--space-2xs);border-radius:var(--radius-m);background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-chip)}.ot-graduation .ot-grad-staff-head{display:flex;align-items:center;gap:var(--space-3xs);color:var(--navy);font-size:var(--step-0)}.ot-graduation .ot-grad-staff-head i{color:var(--blue);font-size:1.2em}.ot-graduation .ot-grad-staff p{font-size:var(--step--1);color:var(--ink-2);line-height:1.45;margin:0}.ot-graduation .ot-grad-close-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-s)}.ot-graduation .ot-grad-close-inner h2{font-size:min(var(--step-4),5svh);color:var(--navy);margin:0}.ot-graduation .ot-grad-close-inner .lead{max-width:42ch;margin:0}.ot-graduation .ot-grad-close-inner .ot-grad-act{justify-content:center}