.certiscope-preview{position:relative;isolation:isolate}
.certiscope-preview .artroom-cover{position:absolute;inset:0}
.certiscope-preview .artroom-world{transform:scale(1)!important}
.certiscope-preview .artroom-set{transition:transform 1000ms var(--ease);transform-origin:67% 50%}
.certiscope-preview.is-open .artroom-set{transform:translateX(14%) scale(.8)}
.certiscope-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11171aee 0%,#172126e0 28%,#25313788 43%,transparent 65%);opacity:0;pointer-events:none;transition:opacity 450ms ease;z-index:4}
.certiscope-preview.is-open:after{opacity:1}
.certi-flow{position:absolute;z-index:5;top:9%;bottom:8%;left:5%;width:41%;display:flex;flex-direction:column;align-items:stretch;opacity:0;transform:translateX(-22px);pointer-events:none;transition:opacity 460ms ease,transform 600ms var(--ease);color:#f6faf7}
.certiscope-preview.is-open .certi-flow{opacity:1;transform:none;pointer-events:auto}
.certi-flow-kicker{font:600 9px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#b7dcbd}
.certi-flow h3{font-size:clamp(18px,2vw,29px);line-height:1.2;letter-spacing:-.04em;margin:8px 0 20px;font-weight:600}
.certi-flow-steps{position:relative;display:grid;gap:8px;margin-top:4px}
.certi-flow-steps:before{content:"";position:absolute;top:16px;bottom:16px;left:13px;width:1px;background:#a3cdb065}
.certi-flow-steps button{position:relative;z-index:1;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:7px 3px;border:0;background:none;text-align:left;color:#c9d1cd;cursor:pointer;min-height:46px}
.certi-flow-steps button span{display:grid;place-items:center;width:27px;height:27px;background:#19272a;border:1px solid #b0d2ba90;border-radius:50%;font:10px Arial,sans-serif}
.certi-flow-steps button strong{font-size:clamp(10px,1.05vw,15px);font-weight:500;line-height:1.45}
.certi-flow-steps button[aria-pressed=true]{color:#fff}
.certi-flow-steps button[aria-pressed=true] span{background:#beec63;border-color:#beec63;color:#14220a;box-shadow:0 0 18px #beec6388}
.certi-flow-detail{min-height:72px;margin:20px 0 8px;padding-left:38px;border-left:0;color:#dce8df;font-size:clamp(10px,.9vw,13px);line-height:1.75}
.certi-flow-more{display:none}
.certi-prototype-link{position:absolute;z-index:6;right:5%;bottom:4%;color:#283130;background:#eef9f2e8;padding:7px 11px;border-radius:20px;font-size:11px;text-decoration:none;transition:background .2s ease}
.certi-prototype-link:hover,.certi-prototype-link:focus-visible{background:#bde96d}
.certi-flow-dialog{width:min(960px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 32px));padding:30px;border:1px solid #5b6b66;border-radius:18px;background:#111719;color:#f3f8f4;box-shadow:0 30px 100px #000b}
.certi-flow-dialog::backdrop{background:#020607c9;backdrop-filter:blur(7px)}
.certi-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #b7d2be3d;padding-bottom:24px}
.certi-dialog-head span{font:10px Arial,sans-serif;letter-spacing:.16em;color:#bde96d}
.certi-dialog-head h2{font-size:clamp(25px,4vw,45px);margin:8px 0;line-height:1.2}
.certi-dialog-head p,.certi-dialog-note{font-size:12px;color:#adbbb3;line-height:1.7}
.certi-dialog-close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;color:#fff;font-size:27px;cursor:pointer}
.certi-dialog-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:28px 0}
.certi-dialog-stages button{min-height:96px;padding:14px;text-align:left;border:1px solid #829d8c72;border-radius:10px;background:#20302a;color:#c4d4c8;cursor:pointer}
.certi-dialog-stages button[aria-pressed=true]{border-color:#bde96d;background:#2c432e;color:#fff;box-shadow:inset 0 -3px #bde96d}
.certi-dialog-stages small{display:block;color:#bde96d;font:12px Arial,sans-serif;margin-bottom:10px}
.certi-dialog-stages strong{font-size:clamp(12px,1.5vw,17px);line-height:1.35}
.certi-dialog-detail{min-height:182px;padding:24px 28px;border:1px solid #b7d2be48;border-radius:12px;background:linear-gradient(120deg,#203329,#18211d)}
.certi-dialog-number{font:11px Arial,sans-serif;letter-spacing:.16em;color:#bde96d}
.certi-dialog-detail h3{font-size:clamp(22px,3vw,32px);margin:9px 0 14px}
.certi-dialog-detail p{font-size:clamp(14px,1.7vw,17px);line-height:1.8;color:#dbe8dd;max-width:750px}
.certi-dialog-actions{display:flex;justify-content:space-between;gap:10px;margin:22px 0}
.certi-dialog-actions button{border:1px solid #a6c6ad87;border-radius:22px;padding:10px 17px;color:#e7f3e9;cursor:pointer;font-size:12px}
.certi-dialog-actions button:hover,.certi-dialog-actions button:focus-visible{background:#bde96d;color:#18220e}
@media(max-width:900px){.certi-flow{width:44%;left:4%}.certi-flow h3{margin-bottom:8px}.certi-flow-steps button{min-height:34px;padding:4px 2px}.certi-flow-detail{margin-top:7px;min-height:46px}}
@media(max-width:639px){.certiscope-preview.work-laptop{height:510px}.certiscope-preview .artroom-world{top:0;height:100%}.certiscope-preview .artroom-set{transform:translateY(-9%) scale(1.05)}.certiscope-preview.is-open .artroom-set{transform:translate(12%,-9%) scale(.83)}.certiscope-preview:after{background:linear-gradient(0deg,#111719f7 0%,#162126f2 54%,transparent 77%)}.certi-flow{left:5%;right:5%;top:auto;bottom:9%;width:auto;height:57%;}.certi-flow h3{font-size:19px;margin:4px 0 8px}.certi-flow-steps{grid-template-columns:1fr 1fr;gap:2px 8px}.certi-flow-steps:before{display:none}.certi-flow-steps button{grid-template-columns:24px 1fr;gap:5px;min-height:36px}.certi-flow-steps button span{width:24px;height:24px}.certi-flow-steps button strong{font-size:10px}.certi-flow-detail{padding-left:0;margin:7px 0 6px;font-size:11px;line-height:1.5;min-height:48px}.certi-prototype-link{right:5%;bottom:3%}.certi-dialog-stages{grid-template-columns:1fr 1fr}.certi-dialog-stages button{min-height:74px}.certi-flow-dialog{padding:20px}.certi-dialog-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.certiscope-preview .artroom-set,.certiscope-preview:after,.certi-flow{transition:none}}