.opc{position:relative;isolation:isolate;background:#eef7ff;color:#102139;padding:clamp(40px,6vw,80px) 0 32px;font-family:inherit}.opc *{box-sizing:border-box}.opc__backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden}.opc__backdrop img{display:block;width:100%;height:100%;object-fit:cover;opacity:.46}.opc:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#eff8fff2 0%,#f1f9ffba 22%,#eff8ff38 55%,#edf7ffed 95%)}.opc__wrap{width:min(1120px,calc(100% - 48px));margin:auto}.opc__heading{text-align:center;margin:0 auto 32px;max-width:760px}.opc__heading>p{font-size:11px;font-weight:750;letter-spacing:.14em;color:#0757c9;margin:0 0 8px}.opc__heading h2{font-size:clamp(30px,3.9vw,48px);line-height:1.08;letter-spacing:-.04em;color:#101820;margin:0 0 12px}.opc__heading a,.opc__more{display:flex;justify-content:center;align-items:center;gap:12px;color:#064fc4;font-size:15px;font-weight:650;text-decoration:none}.opc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.opc__grid--router-first .opc__card--router{order:-1}.opc__card{min-width:0;padding:8px;background:#fff;border:1px solid #dce8f5;border-radius:16px;box-shadow:0 8px 24px #123c6f0c;display:flex;flex-direction:column}.opc__scene{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:#d7edff}.opc__photo{display:block;width:100%;height:100%;object-fit:cover}.opc__scene>.opc__device{position:absolute;inset:4% 9% 3% auto;width:64%;height:93%;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 8px #0003)}.opc__body{padding:24px 16px 16px;display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.opc__badge{background:#eaf2ff;color:#064fc4;padding:4px 8px;border-radius:4px;font-size:10px;line-height:1.4;letter-spacing:.04em;font-weight:750;margin:0 0 12px}.opc__body h3{font-size:clamp(26px,2.7vw,34px);line-height:1.1;letter-spacing:-.035em;color:#101820;margin:0 0 8px}.opc__intro{font-size:15px;line-height:1.4;color:#475569;margin:0;max-width:280px}.opc__body ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px;width:100%}.opc__body li{display:flex;align-items:flex-start;gap:12px;color:#334155;font-size:14px;line-height:1.45}.opc__body .v-icon{width:22px;height:22px;max-width:22px;flex:0 0 22px;color:#173b69}.opc__button{display:flex;justify-content:center;align-items:center;gap:16px;background:#0d6efd;border:1px solid #0d6efd;border-radius:8px;color:#fff;min-height:48px;padding:12px 16px;width:100%;margin-top:auto;text-decoration:none;font-size:15px;font-weight:700;line-height:1.3}.opc__button:hover{background:#075aca;color:#fff}.opc a:focus-visible{outline:3px solid #102139;outline-offset:4px}.opc__more{margin-top:24px;padding:12px;min-height:44px}.opc__details{margin-top:32px;padding:24px;border-radius:16px;background:#fff}.opc__details h3{margin:0 0 24px;font-size:26px}.opc__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:16px 0;border-top:1px solid #e2e8f0}.opc__row h4,.opc__row p{margin:0;font-size:14px;line-height:1.5}.opc__row small{display:block;color:#0757c9;font-size:10px;font-weight:700;margin-bottom:4px}.opc__footnote{font-size:12px;line-height:1.5;color:#475569;margin:24px 0 0}@media(max-width:749px){.opc{padding:32px 0 8px}.opc__wrap{width:calc(100% - 32px);max-width:480px}.opc__heading{margin-bottom:24px;text-align:left}.opc__heading h2{font-size:32px;max-width:360px}.opc__heading a{justify-content:flex-start;font-size:14px}.opc__grid{grid-template-columns:1fr;gap:16px}.opc__scene{aspect-ratio:16/9}.opc__body{padding:16px 12px 0}.opc__body h3{font-size:27px}.opc__badge{margin-bottom:8px}.opc__intro{font-size:14px}.opc__body ul{margin:16px 0;gap:8px}.opc__body li{font-size:13px}.opc__button{font-size:14px}.opc__row{grid-template-columns:1fr 1fr;gap:12px}.opc__row h4{grid-column:1 / -1}.opc__details{padding:16px}}