.qb-marketing{padding:80px 0;background:linear-gradient(135deg,#f7fbff,#edf6ff);min-height:80vh;color:#102143}.qb-generator-hero{text-align:center;max-width:850px}.qb-generator-hero>img{width:74px;height:74px}.qb-generator-hero h1{font:800 clamp(2.5rem,6vw,4.5rem)/1 var(--display);margin:18px 0}.qb-generator-hero .lead{max-width:650px;margin:0 auto 28px;color:#5b7192}.qb-generator-box{display:flex;gap:12px;padding:16px;background:#fff;border:1px solid #dce7f4;border-radius:14px;box-shadow:0 18px 35px #20477712;text-align:left}.qb-generator-box label{flex:1;color:#526989;font-weight:700}.qb-generator-box input{box-sizing:border-box;width:100%;margin-top:7px;padding:12px;border:1px solid #d7e3f0;border-radius:7px;font:inherit}.qb-generator-box .btn{align-self:end}.qb-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:64px auto}.qb-benefits article,.qb-template-links a{background:#fff;border:1px solid #dce7f4;border-radius:12px;padding:24px}.qb-benefits b{color:#1f9d2b}.qb-benefits h2{margin:8px 0}.qb-benefits p{color:#617494}.qb-template-links{display:flex;gap:12px}.qb-template-links a{color:#176dea;text-decoration:none;font-weight:800;flex:1}@media(max-width:700px){.qb-generator-box,.qb-benefits,.qb-template-links{display:grid;grid-template-columns:1fr}.qb-generator-box .btn{align-self:auto}}
.qb-generator-workspace{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:30px;text-align:left}.qb-generator-workspace form,.qb-live-preview,.qb-flow-card,.qb-detail-section{background:#fff;border:1px solid #dbe7f4;border-radius:16px;padding:24px;box-shadow:0 18px 38px #1c477015}.qb-generator-workspace label{display:grid;gap:8px;font-weight:800;color:#344d70}.qb-generator-workspace textarea{resize:vertical;border:1px solid #cddded;border-radius:8px;padding:12px;font:inherit;line-height:1.5}.qb-generator-actions{display:flex;gap:10px;margin:16px 0}.qb-generator-workspace small{color:#71839e}.qb-live-preview>p{font-size:.72rem;font-weight:800;letter-spacing:.12em}.qb-live-preview>p span{float:right;color:#7c8da7}.qb-live-preview #qb-preview-output{border-top:2px solid #13294d;padding-top:18px;color:#2d4264}.qb-live-preview strong{display:block;text-align:right;margin-top:24px;font-size:1.35rem}.qb-landing-hero{max-width:1100px;display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center;text-align:left}.qb-landing-hero .lead{margin-left:0}.qb-flow-card>img{width:60px;height:60px}.qb-flow-card ol{margin:18px 0 0;padding:0;list-style:none}.qb-flow-card li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:14px 0;border-top:1px solid #e6eef7}.qb-flow-card li:before{content:counter(list-item);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8f5e8;color:#159337;font-weight:800}.qb-flow-card b,.qb-flow-card span{display:block}.qb-flow-card span{grid-column:2;color:#6d7f9b;font-size:.9rem}.qb-detail-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:72px auto}.qb-detail-section h2,.qb-template-section h2,.qb-faq h2{font:800 2rem var(--display);margin:8px 0}.qb-detail-section p{color:#647794;line-height:1.65}.qb-detail-section ul{display:grid;align-content:center;gap:15px;list-style:none;padding:0;color:#2d496b;font-weight:700}.qb-template-section,.qb-faq{margin:72px auto}.qb-faq{max-width:800px}.qb-faq details{padding:18px 0;border-top:1px solid #d9e5f2}.qb-faq summary{font-weight:800;cursor:pointer}.qb-faq p{color:#617494;line-height:1.6}@media(max-width:700px){.qb-generator-workspace,.qb-landing-hero,.qb-detail-section{grid-template-columns:1fr}.qb-generator-actions{flex-direction:column}.qb-landing-hero{text-align:center}.qb-landing-hero .lead{margin-left:auto}.qb-detail-section{gap:20px}}