:root{color-scheme:light}
body.hostedby-popup-page{min-height:100vh;background:#f3f7fa;color:#263f53;padding:32px;font-family:Arial,Helvetica,sans-serif}
.hostedby-popup{width:min(710px,100%);margin:0 auto;background:#fff;border:1px solid #d6e2eb;border-radius:16px;box-shadow:0 18px 45px #263f5312;overflow:hidden}
.hostedby-popup-intro{padding:34px 38px 30px}
.hostedby-popup-intro h1{font-size:clamp(2rem,6vw,3rem);line-height:1.08;margin:15px 0 17px;letter-spacing:-.05em}
.hostedby-popup-intro p{max-width:610px;font-size:.96rem;line-height:1.75;color:#617b8e}
.hostedby-logo-card{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;margin:0 38px;border:1px solid #cfdee8;border-radius:12px;overflow:hidden}
.hostedby-logo-preview{min-height:170px;display:grid;place-items:center;padding:28px;background:#e8f1f7}
.hostedby-logo-preview img{display:block;width:180px;height:auto;box-shadow:0 8px 22px #263f5312}
.hostedby-logo-copy{padding:28px}
.hostedby-label,.hostedby-step{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7092af}.hostedby-logo-copy .hostedby-label{margin-bottom:12px}
.hostedby-logo-copy h2,.hostedby-code h2{font-size:1.3rem;margin:9px 0 12px;letter-spacing:-.025em}
.hostedby-logo-copy p,.hostedby-code p,.hostedby-popup-footer p{font-size:.84rem;line-height:1.75;color:#617b8e}.hostedby-logo-copy p{margin-top:12px}
.hostedby-code{margin:28px 38px 0;padding-top:27px;border-top:1px solid #e0e8ee}
.hostedby-code textarea{display:block;width:100%;min-height:118px;margin-top:15px;padding:15px 17px;border:1px solid #c4d4df;border-radius:9px;background:#f7fafc;color:#36556b;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
.hostedby-popup-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px;padding:24px 38px;background:#f6f9fb;border-top:1px solid #e0e8ee}
.hostedby-popup-footer p{max-width:430px}
.hostedby-popup-footer .button{flex:none}
@media(max-width:620px){body.hostedby-popup-page{padding:14px}.hostedby-popup-intro{padding:27px 24px 24px}.hostedby-logo-card{grid-template-columns:1fr;margin:0 24px}.hostedby-logo-preview{min-height:130px}.hostedby-logo-copy{padding:23px}.hostedby-code{margin:24px 24px 0}.hostedby-popup-footer{align-items:stretch;flex-direction:column;padding:22px 24px}.hostedby-popup-footer .button{width:100%}}