.oc-preview-page{background:#f3f7fa;color:#183248}
.oc-preview-page .sp-header{padding:18px 24px 14px}
.oc-preview-page .sp-header-inner{max-width:960px}
.oc-preview-page .sp-logo{text-decoration:none}
.oc-preview-page .sp-header .oc-wordmark{font-size:30px;padding:0}
.oc-preview-skip{position:absolute;left:16px;top:-90px;z-index:10;padding:12px 18px;background:white;color:#124e77;border-radius:8px}
.oc-preview-skip:focus{top:12px}
.oc-preview-main{max-width:1008px;margin:0 auto;padding:0 24px 40px}
.oc-preview-card{padding:44px 48px;border:1px solid #dbe6ed;border-radius:24px;background:#fff;box-shadow:0 16px 44px #17324b06}
.oc-preview-card h1{margin:0 0 30px;color:#183248;font-size:clamp(32px,4.3vw,48px);font-weight:800;line-height:1.16;letter-spacing:-1.5px}
.oc-preview-image{display:block;width:100%;height:auto;border:1px solid #e2e9ee;border-radius:16px}
.oc-preview-cta{margin-top:28px;padding:28px 24px 26px;text-align:center;border:1px solid #dce9ef;border-radius:16px;background:#edf6fa}
.oc-preview-cta h2{margin:0 0 22px;font-size:24px;font-weight:800;line-height:1.35;letter-spacing:-.6px}
.oc-preview-cta h2 span{color:#126eaa}
.oc-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;width:100%;max-width:350px;min-height:62px;padding:14px 24px;border-radius:12px;background:#28734e;color:#fff;font-size:20px;font-weight:700;text-decoration:none;box-shadow:0 6px 14px #28734e16;transition:background .18s ease,transform .18s ease}
.oc-preview-button:hover{background:#205e40;transform:translateY(-1px)}
.oc-preview-button svg{width:22px;height:22px;flex:none}
.oc-preview-button:focus-visible,.oc-preview-page .sp-footer-nav a:focus-visible,.oc-preview-page .sp-logo:focus-visible{outline:3px solid #126eaa;outline-offset:5px}
.oc-preview-button[aria-busy="true"]{cursor:progress}
.oc-preview-page footer{border-top:1px solid #dce6ec}
.oc-preview-page .sp-footer-links{padding:30px 24px 24px;background:#edf3f6}
.oc-preview-page .sp-footer-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px 28px;font-weight:500}
.oc-preview-page .sp-footer-nav a{font-size:13px;color:#405a6b;line-height:1.6}
.oc-preview-page .sp-footer-links .oc-wordmark{margin-top:18px;padding:0;font-size:26px}
.oc-preview-page .sp-footer-legal{padding:22px 24px 28px;background:#edf3f6;color:#5e7380}
.oc-preview-page .sp-footer-legal-inner{max-width:960px}
.oc-preview-page .sp-footer-legal p{font-size:11px;line-height:1.7;margin-bottom:14px}
@media(max-width:600px){
  .oc-preview-page .sp-header{padding:16px 20px}
  .oc-preview-page .sp-header .oc-wordmark{font-size:27px}
  .oc-preview-main{padding:0 12px 24px}
  .oc-preview-card{padding:26px 18px 22px;border-radius:20px}
  .oc-preview-card h1{font-size:32px;line-height:1.16;letter-spacing:-1px;margin-bottom:24px}
  .oc-preview-image{border-radius:12px}
  .oc-preview-cta{margin-top:22px;padding:22px 16px;border-radius:12px}
  .oc-preview-cta h2{font-size:20px;margin-bottom:18px}
  .oc-preview-button{font-size:18px;min-height:58px;padding:12px 18px}
  .oc-preview-page .sp-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;width:100%;max-width:400px;align-items:start}
  .oc-preview-page .sp-footer-nav a{text-align:center;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.oc-preview-button{transition:none}.oc-preview-button:hover{transform:none}}