.widget-page .svc-hero{background:linear-gradient(135deg,#082f49,#0e7490 58%,#14b8a6)}
.widget-page .svc-hero::after{content:"";position:absolute;right:-4rem;bottom:-6rem;width:19rem;height:19rem;border-radius:50%;background:rgba(250,204,21,.28)}
.widget-builder-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:1.25rem;align-items:start}
.widget-builder-card,.widget-preview-card,.widget-info-card,.widget-price-card{border:1px solid rgba(36,91,115,.16);border-radius:1.35rem;background:rgba(255,255,255,.93);box-shadow:0 16px 38px rgba(30,71,91,.08)}
.widget-builder-card,.widget-preview-card{padding:clamp(1rem,2.5vw,1.55rem)}
.widget-builder-card h2,.widget-preview-card h2{margin:.1rem 0 .35rem;color:#173e57}
.widget-builder-card>p,.widget-preview-card>p{margin:.2rem 0 1.1rem;color:#5d716a}
.widget-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.widget-field{display:grid;gap:.35rem}.widget-field-full{grid-column:1/-1}.widget-field label{font-size:.84rem;font-weight:800;color:#294e61}
.widget-field input,.widget-field select,.widget-code{width:100%;min-height:2.85rem;padding:.7rem .8rem;border:1px solid #b9ccd5;border-radius:.82rem;background:#fff;color:#173042;font:inherit}
.widget-field input:focus,.widget-field select:focus,.widget-code:focus{outline:3px solid rgba(14,116,144,.2);border-color:#0e7490}
.widget-location-button,.widget-build-button,.widget-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.8rem;padding:.68rem 1rem;border:0;border-radius:999px;background:linear-gradient(135deg,#126ca1,#0f8b8d);color:#fff;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(14,116,144,.16)}
.widget-location-button{background:#fff;color:#18516f;border:1px solid #b9ccd5;box-shadow:none}.widget-form-actions{grid-column:1/-1;display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.15rem}
.widget-preview-stage{display:grid;place-items:center;min-height:410px;padding:1rem;border-radius:1.05rem;background:linear-gradient(145deg,#dcebf0,#f6eee0)}
.widget-code-wrap{display:grid;gap:.65rem;margin-top:1rem}.widget-code{min-height:12rem;resize:vertical;font-family:"Cascadia Code",Consolas,monospace;font-size:.77rem;line-height:1.5;background:#102a3a;color:#eaf8ff}
.widget-code-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.widget-status{margin:0;font-size:.82rem;color:#64756e}.widget-status[data-tone="success"]{color:#187043}.widget-status[data-tone="error"]{color:#a32636}.widget-status[data-tone="loading"]{color:#2b6687}
.widget-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.widget-info-card{padding:1.25rem}.widget-info-card span{display:grid;place-items:center;width:2.8rem;height:2.8rem;margin-bottom:.75rem;border-radius:.9rem;background:#e0f2f4;font-size:1.35rem}.widget-info-card h3{margin:.1rem 0 .4rem;color:#173e57}.widget-info-card p{margin:0;color:#5f706a}
.widget-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.widget-price-card{position:relative;padding:1.35rem}.widget-price-card.is-featured{border:2px solid #0e7490}.widget-price-card h3{margin:.1rem 0}.widget-price{display:block;margin:.5rem 0;color:#0e7490;font-size:2rem;font-weight:900}.widget-price-card ul{padding-left:1.15rem;color:#50645d}.widget-coming{display:inline-flex;padding:.35rem .65rem;border-radius:999px;background:#f6e8c8;color:#805a22;font-size:.76rem;font-weight:850}
.widget-legal-note{padding:1rem 1.15rem;border-left:4px solid #0e7490;border-radius:.7rem;background:#edf7f8;color:#395c62}.widget-csp-code{display:block;overflow-x:auto;margin:.6rem 0;padding:.75rem;border-radius:.65rem;background:#173042;color:#eaffff;font-size:.78rem}
@media(max-width:900px){.widget-builder-shell{grid-template-columns:1fr}.widget-preview-stage{min-height:auto}.widget-benefits{grid-template-columns:1fr}.widget-pricing{grid-template-columns:1fr}}
@media(max-width:560px){.widget-form{grid-template-columns:1fr}.widget-field-full,.widget-form-actions{grid-column:auto}.widget-builder-card,.widget-preview-card{border-radius:1rem;padding:.85rem}.widget-preview-stage{padding:.55rem}.widget-code-actions>*{width:100%}}