.slpb-banner-page{--slpb-ink:#344b5b;--slpb-muted:#546877;--slpb-line:#dde8e7;--slpb-blue:#eaf4fc;--slpb-mint:#edf6f0;--slpb-peach:#fff3e8;max-width:960px;margin:0 auto;color:var(--slpb-ink);font-family:inherit;line-height:1.85;text-align:left;font-size:16px}
.slpb-banner-page,.slpb-banner-page *{box-sizing:border-box}
.slpb-banner-page .slpb-intro{padding:30px 32px 32px;background:linear-gradient(120deg,#eef7fc,#f2f8f2 70%,#fff5ec);border-radius:22px;margin-bottom:26px;border:1px solid #e3eceb}
.slpb-banner-page .slpb-eyebrow{font-size:.85em;letter-spacing:.08em;font-weight:700;margin:0 0 8px;color:#4a6874}
.slpb-banner-page .slpb-title{font-size:clamp(23px,3.2vw,31px);line-height:1.55;font-weight:700;color:var(--slpb-ink);margin:0 0 15px;letter-spacing:.02em}
.slpb-banner-page p{margin:0 0 16px}
.slpb-banner-page p:last-child{margin-bottom:0}
.slpb-banner-page .slpb-card{border:1px solid var(--slpb-line);border-radius:20px;background:#fff;padding:28px 30px;margin:0 0 22px;box-shadow:0 5px 18px #344b5b05}
.slpb-banner-page .slpb-section-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.slpb-banner-page .slpb-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:13px;background:var(--slpb-blue);font-size:14px;font-weight:700}
.slpb-banner-page h3{font-size:clamp(19px,2.3vw,23px);line-height:1.6;margin:0;color:var(--slpb-ink);font-weight:700}
.slpb-banner-page .slpb-preview{padding:20px 12px;background:#f7fafb;border:1px solid #e6eeee;border-radius:14px;margin-bottom:12px}
.slpb-banner-page .slpb-preview a{display:block;width:600px;max-width:100%;margin:0 auto}
.slpb-banner-page .slpb-preview img{width:600px;max-width:100%;height:auto;aspect-ratio:3/1;display:block;border:0}
.slpb-banner-page .slpb-hint{font-size:13px;color:var(--slpb-muted);line-height:1.8;margin:8px 0 0}
.slpb-banner-page .slpb-code{margin-top:20px}
.slpb-banner-page .slpb-code label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}
.slpb-banner-page textarea{display:block;width:100%;max-width:100%;border:1px solid #bccdcc;border-radius:10px;background:#f8fafb;color:#344b5b;padding:12px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;white-space:pre;overflow:auto;min-height:100px;margin:0 0 14px;opacity:1}
.slpb-banner-page .slpb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.slpb-banner-page .slpb-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:11px 19px;border-radius:10px;border:1px solid #b7cecc;font:inherit;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;cursor:pointer;transition:background-color .15s ease;color:var(--slpb-ink);white-space:normal;text-align:center;margin:0;box-shadow:none}
.slpb-banner-page .slpb-primary{background:#d7ece3;border-color:#a6cdbd;color:#284c40}
.slpb-banner-page .slpb-primary:hover{background:#c5e3d6;color:#284c40}
.slpb-banner-page .slpb-secondary{background:#fff;color:#344b5b}
.slpb-banner-page .slpb-secondary:hover{background:#edf5f7;color:#344b5b}
.slpb-banner-page .slpb-button:disabled{opacity:.6;cursor:wait}
.slpb-banner-page :is(a,button,textarea,summary):focus-visible{outline:3px solid #345f80;outline-offset:4px}
.slpb-banner-page a{color:#245c7a;text-underline-offset:3px}
.slpb-banner-page .slpb-status{min-height:1.8em;font-size:14px;font-weight:700;color:#2f604d;margin:8px 0 0;overflow-wrap:anywhere}
.slpb-banner-page .slpb-downloads{margin-top:20px;padding-top:16px;border-top:1px solid var(--slpb-line)}
.slpb-banner-page .slpb-downloads summary{font-size:14px;font-weight:700;cursor:pointer;padding:5px 0;min-height:44px}
.slpb-banner-page .slpb-downloads p{font-size:14px;margin:10px 0 16px;overflow-wrap:anywhere}
.slpb-banner-page .slpb-downloads .slpb-button{font-size:13px}
.slpb-banner-page .slpb-text-card .slpb-number{background:#eeeafb}
.slpb-banner-page .slpb-text-preview{padding:18px 20px;background:#f6f4fc;border-radius:12px;font-weight:700;overflow-wrap:anywhere}
.slpb-banner-page .slpb-steps{margin:0;padding-left:1.5em}
.slpb-banner-page .slpb-steps li{padding-left:5px;margin-bottom:10px}
.slpb-banner-page .slpb-discount{background:#fffbf7;border-color:#f0dfce}
.slpb-banner-page .slpb-discount h3{margin:0 0 15px}
.slpb-banner-page .slpb-amount{display:inline-block;font-size:1.35em;margin:0 5px;color:#785240}
.slpb-banner-page .slpb-amount span{font-size:.5em;color:var(--slpb-muted)}
.slpb-banner-page .slpb-conditions{padding-left:1.4em;margin:14px 0 20px;font-size:14px}
.slpb-banner-page .slpb-conditions li{margin-bottom:8px;padding-left:3px}
.slpb-banner-page .slpb-note{padding:16px 18px;background:#fff;border:1px solid #ecdac8;border-radius:10px;font-size:14px}
.slpb-banner-page .slpb-contact{background:#f4f9f7}
.slpb-banner-page .slpb-contact .slpb-number{background:#dceee4}
.slpb-banner-page .slpb-email{display:inline-block;font-size:clamp(17px,3.8vw,21px);font-weight:700;margin:0 0 16px;overflow-wrap:anywhere}
@media(max-width:600px){.slpb-banner-page{font-size:15px}.slpb-banner-page .slpb-intro{padding:23px 19px;border-radius:16px}.slpb-banner-page .slpb-card{padding:22px 18px;border-radius:16px}.slpb-banner-page .slpb-preview{padding:12px 0}.slpb-banner-page .slpb-actions{gap:9px}.slpb-banner-page .slpb-code .slpb-primary{width:100%}.slpb-banner-page .slpb-section-head{gap:10px}.slpb-banner-page .slpb-number{flex-basis:34px;height:34px}.slpb-banner-page .slpb-text-preview{padding:16px}.slpb-banner-page .slpb-note{padding:14px}.slpb-banner-page .slpb-amount{margin-left:0}}
@media(prefers-reduced-motion:reduce){.slpb-banner-page .slpb-button{transition:none}}
