.op-page{--op-bg:#f8f9fc;--op-surface:#fff;--op-soft:#f6f9fb;--op-fg:#202020;--op-muted:#4a5b6b;--op-caption:#5f7080;--op-line:#e4e9ee;--op-blue:#0d5c98;--op-blue-text:#0d5c98;--op-ink:#07385e;--op-blue-05:#eef3f8;--op-blue-20:#d3e1ed;--op-cyan:#2fa2c8;--op-cyan-05:#eaf6fa;--op-cyan-20:#c5e4ef;--op-cyan-ink:var(--color-cyan-text);--op-cyan-bright:#4fcef5;--op-empty-label:#5f7080;--op-empty-icon:#a3b0bc;--op-on-dark:#fff;--op-on-dark-muted:#a9d8e8;--op-white:#fff;--op-grad-navy:linear-gradient(152deg, #07385e 0%, #0d5c98 100%);--op-head-glow:radial-gradient(520px 240px at 92% -20%, #2fa2c861, transparent 65%), radial-gradient(360px 200px at -4% 130%, #dc4d7938, transparent 70%);--op-shadow-e1:0 2px 10px #07385e0f;--op-shadow-navy:0 14px 40px #07385e47;--op-shadow-bar:0 -8px 24px #07385e1a;--op-bar-bg:#fffffff0;background:var(--op-bg);color:var(--op-fg);padding:24px 0 48px}.op-wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.op{flex-direction:column;gap:20px;min-width:0;display:flex;container:op/inline-size}.op a{text-decoration:none}.op-back{min-height:44px;color:var(--op-blue-text);align-self:flex-start;align-items:center;margin-block:-12px -10px;font-size:14px;font-weight:500;display:inline-flex}.op-back:hover{text-decoration:underline}.op-head{background:var(--op-head-glow), var(--op-grad-navy);color:var(--op-on-dark);box-shadow:var(--op-shadow-navy);border-radius:18px;padding:22px 20px 24px;position:relative;overflow:hidden}.op-org{color:var(--op-on-dark-muted);align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex}.op-org img{flex:none;width:36px;height:36px;display:block}.op-head h1{letter-spacing:-.028em;max-width:24ch;color:var(--op-white);margin:14px 0 0;font-size:clamp(1.6rem,1.05rem + 2.6cqi,2.6rem);font-weight:900;line-height:1.1}.op-employer{color:var(--op-muted);margin:4px 0 0;font-size:15px;font-weight:500}.op-ref{color:var(--op-on-dark-muted);margin:12px 0 0;font-size:13px}.op-ref b{letter-spacing:.02em;color:var(--op-white);font-variant-numeric:tabular-nums;font-weight:700}.op-head--ver{background:var(--op-surface);color:var(--op-fg);border:1px solid var(--op-line);box-shadow:var(--op-shadow-e1)}.op-head--ver h1{color:var(--op-ink)}.op-head--ver .op-ref{color:var(--op-caption)}.op-head--ver .op-ref b{color:var(--op-fg)}.op-badge{border:1px solid var(--op-line);background:var(--op-soft);color:var(--op-muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.op-badge img{width:15px;height:15px}.op-emp{flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px;display:flex}.op-emp__titles{min-width:0}.op-emp__titles h1{margin-top:0}.op-emp__logo{border:1px solid var(--op-line);background:var(--op-surface);border-radius:14px;flex:none;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.op-emp__logo img{object-fit:contain;max-width:100%;max-height:100%}.op-emp__logo--wide{width:auto;min-width:56px;max-width:132px;padding:0 10px}.op-emp__vmark{border-color:var(--op-cyan-20);width:60px;color:var(--op-cyan-ink);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.op-emp__vmark img{width:22px;height:22px}.op-emp__vmark span{letter-spacing:.02em;font-size:12px;font-weight:700}.op-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.op-aside{flex-direction:column;gap:14px;min-width:0;display:flex}.op-card{background:var(--op-surface);border:1px solid var(--op-line);box-shadow:var(--op-shadow-e1);border-radius:18px;padding:16px}.op-facts{grid-template-columns:minmax(0,1fr);column-gap:28px;margin:0;display:grid}.op-fact{border-bottom:1px solid var(--op-line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:46px;margin:0;padding:11px 2px;display:grid}.op-fact dt{color:var(--op-muted);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.op-fact dt svg{color:var(--op-blue-text);flex:none}.op-fact dd{color:var(--op-fg);text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:700;line-height:1.35}.op-fact:last-child{border-bottom:0}.op-fact--empty dt{color:var(--op-empty-label)}.op-fact--empty dt svg{color:var(--op-empty-icon)}.op-fact--empty dd{justify-content:flex-end;display:flex}.op-fact--empty dd:before{content:"";background:var(--op-blue-20);border-radius:2px;width:28px;height:2px}.op-fact--sal{border:1px solid var(--op-blue-20);background:linear-gradient(160deg, var(--op-blue-05) 0%, var(--op-surface) 100%);border-radius:12px;grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:4px;margin-block:8px;padding:12px 14px 13px}.op-fact--sal dt svg{color:var(--op-cyan)}.op-fact--sal dd{text-align:left}.op-fact--sal dd b{letter-spacing:-.015em;color:var(--op-ink);font-size:22px;font-weight:900;display:block}.op-fact--sal dd small{color:var(--op-caption);margin-top:2px;font-size:13px;font-weight:400;display:block}.op-fact--sal-none dd b{color:var(--op-muted);font-size:16px;font-weight:500}.op-btn{white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 22px;font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.op-btn--cta{background:var(--op-grad-navy);color:var(--op-white)}.op-btn--cta:hover{background:var(--op-blue)}.op-btn--sec{background:var(--op-surface);color:var(--op-blue-text);border-color:var(--op-blue-20)}.op-btn--sec:hover{background:var(--op-blue-05);border-color:var(--op-blue)}.op-apply{flex-direction:column;gap:8px;margin-top:14px;display:flex}.op-apply .op-btn,.op-end .op-btn,.op-bar .op-btn,.op-closed .op-btn{width:100%}.op-note{color:var(--op-caption);text-align:center;margin:0;font-size:12.5px;line-height:1.45}.op-sample{border:1.5px dashed var(--op-line);text-align:center;width:100%;min-height:44px;color:var(--op-muted);border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:14px;font-weight:700;display:flex}.op-ask{min-height:44px;color:var(--op-blue-text);align-self:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.op-ask:hover{text-decoration:underline}.op-closed{background:var(--op-soft);border:1px solid var(--op-line);border-radius:14px;flex-direction:column;gap:10px;margin-top:14px;padding:14px;display:flex}.op-closed__t{color:var(--op-ink);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.op-closed__t svg{color:var(--op-muted)}.op-closed__s{color:var(--op-muted);margin:-4px 0 0;font-size:14px}.op-main{flex-direction:column;gap:28px;min-width:0;display:flex}.op-desc{flex-direction:column;gap:26px;max-width:68ch;display:flex}.op-desc section{flex-direction:column;gap:10px;display:flex}.op-desc h2,.op-why h2,.op-sim h2{letter-spacing:-.015em;color:var(--op-ink);margin:0;font-size:clamp(1.15rem,1rem + .8cqi,1.4rem);font-weight:900}.op-desc h3{color:var(--op-fg);margin:6px 0 0;font-size:16px;font-weight:700}.op-desc p,.op-desc li{color:var(--op-fg);margin:0;font-size:16px;line-height:1.65}.op-desc ul,.op-desc ol{flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}.op-desc ul{list-style:outside}.op-desc ol{list-style:decimal}.op-desc li::marker{color:var(--op-cyan)}.op-desc ol li::marker{color:var(--op-blue-text);font-weight:700}.op-desc strong{font-weight:700}.op-end{background:linear-gradient(160deg, var(--op-blue-05) 0%, var(--op-surface) 100%);border:1px solid var(--op-blue-20);border-radius:18px;flex-direction:column;gap:8px;max-width:68ch;padding:18px;display:flex}.op-main>.op-closed{max-width:68ch;margin-top:0}.op-why{border:1px solid var(--op-line);background:var(--op-surface);border-radius:18px;flex-direction:column;gap:14px;max-width:68ch;padding:20px;display:flex}.op-pts{gap:12px;margin:0;padding:0;list-style:none;display:grid}.op-pts li{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.op-pts__n{background:var(--op-grad-navy);width:28px;height:28px;color:var(--op-white);border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid}.op-pts b{color:var(--op-ink);font-size:15px;font-weight:700;display:block}.op-pts span{color:var(--op-muted);font-size:14.5px;line-height:1.55;display:block}.op-mks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.op-mk{background:linear-gradient(160deg, var(--op-blue-05) 0%, var(--op-surface) 100%);border:1px solid var(--op-blue-20);border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.op-mk b{color:var(--op-ink);font-size:24px;font-weight:900;line-height:1.1}.op-mk span{color:var(--op-muted);font-size:13.5px;line-height:1.45}.op-mks__src{color:var(--op-caption);margin:0;font-size:12.5px}.op-pts span.op-pts__n{color:var(--op-white);font-size:13px;line-height:1;display:grid}.op-checks{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.op-checks li{color:var(--op-fg);align-items:center;gap:7px;font-size:13.5px;display:flex}.op-checks svg{color:var(--op-cyan-ink);flex:none}.op-sim{flex-direction:column;gap:14px;min-width:0;display:flex}.op-bar{z-index:5;padding:10px 16px calc(env(safe-area-inset-bottom,0px) + 12px);background:var(--op-bar-bg);border-top:1px solid var(--op-line);box-shadow:var(--op-shadow-bar);opacity:0;visibility:hidden;margin:-20px calc(-1*clamp(16px,4vw,40px)) 0;transition:transform .25s,opacity .25s,visibility 0s linear .25s;position:sticky;bottom:0;transform:translateY(110%)}.op-bar--on{opacity:1;visibility:visible;transition:transform .25s,opacity .25s;transform:none}@media (prefers-reduced-motion:reduce){.op-bar,.op-bar--on{transition:none}}.op a:focus-visible,.op button:focus-visible{outline:2px solid var(--op-cyan);outline-offset:2px}@container op (min-width:600px){.op-head{padding:28px 28px 30px}.op-emp{flex-direction:row;align-items:center;gap:14px}.op-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.op-fact:nth-last-child(2){border-bottom:0}.op-end .op-btn{align-self:flex-start;width:auto}.op-end .op-note{text-align:left}.op-bar{display:none}}@container op (min-width:880px){.op-head{padding:34px 36px 36px}.op-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:40px}.op-aside{grid-area:1/2;position:sticky;top:72px}.op-main{grid-area:1/1}.op-facts{grid-template-columns:minmax(0,1fr)}.op-fact:nth-last-child(2){border-bottom:1px solid var(--op-line)}.op-fact--sal:nth-last-child(2){border-bottom:1px solid var(--op-blue-20)}}
