/* v9.2: brand-consistent examples with readable type at their displayed size. */
.home-v9 .campaign-browser{border-color:#d6dde8;box-shadow:0 12px 32px -24px #17243a45}
.home-v9 .campaign-page{background:#181d25;color:#fff;padding:28px;min-height:0}
.home-v9 .campaign-brand{font-size:16px;letter-spacing:.08em}
.home-v9 .campaign-brand>span{font-size:10px;width:70px;color:#d1d9e5;border-color:#718094}
.home-v9 .campaign-layout{grid-template-columns:1fr;gap:26px;padding:28px 0}
.home-v9 .campaign-copy>small{font-size:12px;line-height:1.5;color:#cbd5e3;letter-spacing:.04em;margin-bottom:16px}
.home-v9 .campaign-copy h3{font-size:clamp(32px,3.4vw,44px);line-height:1.09;letter-spacing:-.035em;max-width:17ch;text-wrap:balance;color:#fff}
.home-v9 .campaign-copy h3 em{font-style:normal;color:#fff}
.home-v9 .campaign-copy p{font-size:15px;line-height:1.6;max-width:42ch;color:#d9e0eb;margin-top:18px}
.home-v9 .campaign-benefits{display:none}
.home-v9 .campaign-conversion{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;color:#19212d;padding:24px;border-radius:8px}
.home-v9 .campaign-label{grid-column:1/-1;font-size:12px;line-height:1.4;color:#4c5a6d;letter-spacing:.045em;margin:0}
.home-v9 .campaign-conversion h4{grid-column:1/-1;font-size:24px;line-height:1.2;letter-spacing:-.025em;color:#19212d;margin:0 0 4px}
.home-v9 .campaign-conversion .campaign-field{background:transparent;border:0;padding:0;min-width:0}
.home-v9 .campaign-field:last-of-type{grid-column:1/-1}
.home-v9 .campaign-field label{display:block;font-size:12px;line-height:1.4;font-weight:500;color:#364355;margin:0 0 6px}
.home-v9 .campaign-field>span{display:block;border:1px solid #cbd3de;background:#fff;border-radius:5px;padding:11px 10px;font-size:13px;line-height:1.4;color:#263344;overflow-wrap:anywhere}
.home-v9 .campaign-button{grid-column:1/-1;background:#0071e3;color:#fff;font-size:14px;line-height:1.4;font-weight:600;padding:14px 15px;border-radius:6px;margin:0}
.home-v9 .campaign-conversion>small{grid-column:1/-1;font-size:12px;line-height:1.5;color:#526075;margin:0}
.home-v9 .campaign-foot{border-color:#485365;color:#d1dae7;font-size:11px;line-height:1.5;gap:20px;padding-top:17px}
.home-v9 .quiz-section{background:#f5f7fb;border-color:#e0e6ef}
.home-v9 .quiz-layout{grid-template-columns:1.05fr 1fr;gap:65px}
.home-v9 .quiz-visual{width:100%;min-height:735px;padding:0;max-width:530px;margin:0 auto;transform:none}
.home-v9 .quiz-phone{width:290px;height:655px;border-color:#cad5e5;background:#fff;color:#192331;transform:rotate(-2deg);box-shadow:0 22px 36px -28px #233e6450}
.home-v9 .quiz-phone .phone-island{background:#cad5e5}
.home-v9 .quiz-content{padding:26px 22px;color:#192331}
.home-v9 .quiz-brand,.home-v9 .quiz-content h3{color:#192331}
.home-v9 .quiz-brand{font-size:21px}
.home-v9 .quiz-brand i{font-size:10px;letter-spacing:.2em}
.home-v9 .quiz-progress{background:#dbe5f4;margin:25px 0}
.home-v9 .quiz-progress i{background:#0071e3}
.home-v9 .quiz-content>small{font-size:11px;line-height:1.5;color:#526075;letter-spacing:.035em}
.home-v9 .quiz-content h3{font-size:34px;line-height:1.12;letter-spacing:-.035em;margin-top:17px;text-wrap:balance}
.home-v9 .quiz-content p{font-size:14px;line-height:1.55;color:#526075;margin:16px 0 20px;max-width:none}
.home-v9 .quiz-answer{color:#263344;border-color:#cbd5e3;background:#fff;font-size:13px;line-height:1.4;padding:12px 10px}
.home-v9 .quiz-answer>b{font-size:11px;color:#45556d;border-color:#cbd5e3;padding:3px 5px}
.home-v9 .quiz-answer.chosen{color:#0055b2;border-color:#0071e3;background:#eef5ff}
.home-v9 .quiz-next{background:#0071e3;color:#fff;font-size:14px;padding:14px;margin-top:18px}
.home-v9 .quiz-content>small:last-child{font-size:11px}
.home-v9 .quiz-result{left:255px;right:auto;top:355px;width:230px;padding:22px;background:#fff;border-color:#ced8e6;transform:rotate(2deg);color:#192331;box-shadow:0 18px 36px -24px #19304b45}
.home-v9 .quiz-result>small{font-size:11px;line-height:1.4;color:#526075;letter-spacing:.055em}
.home-v9 .quiz-result h4{font-size:25px;line-height:1.17;color:#192331;margin:15px 0 12px}
.home-v9 .quiz-result p{font-size:14px;line-height:1.6;color:#526075}
.home-v9 .quiz-result>div{font-size:12px;line-height:1.7;color:#526075;border-color:#e0e6ef}
.home-v9 .quiz-result>div b{font-size:13px;color:#192331}
.home-v9 .result-button{background:#0071e3;color:#fff;font-size:13px;line-height:1.4;padding:13px 12px;gap:12px;margin-top:20px}
.home-v9 .quiz-visual .orbit-capture{left:65px;right:auto;bottom:-12px;width:150px;height:150px}
.home-v9 .email-work .work-visual{height:380px;padding:18px 20px 48px;background:#f1f5fb;overflow:hidden}
.home-v9 .email-art{display:flex;flex-direction:column;align-items:flex-start;background:#171c24;color:#fff;padding:24px;height:100%;min-height:0;border-radius:6px;box-shadow:none}
.home-v9 .email-art>span:first-child{font-size:11px;line-height:1.4;color:#cbd5e3;letter-spacing:.065em}
.home-v9 .email-art h4{font-size:31px;line-height:1.08;letter-spacing:-.035em;margin:18px 0 12px;max-width:12ch;text-wrap:balance;color:#fff}
.home-v9 .email-art p{font-size:14px;line-height:1.5;color:#d7e0ed;margin:0;max-width:23ch}
.home-v9 .email-art-button{background:#0071e3;color:#fff;font-size:13px;line-height:1.4;padding:11px 13px;border-radius:5px;margin-top:18px}
.home-v9 .scheduled-chip{right:14px;bottom:12px;font-size:12px;line-height:1.4;background:#fff;color:#243044;border-color:#ccd6e4;padding:10px 12px}
.home-v9 .scheduled-chip i,.home-v9 .paid-stamp{color:#005fbf}
.home-v9 .paid-stamp{background:#edf5ff;border-color:#c9def6}
.orbit-scene .os-delivered{border-color:#d3dfed}.orbit-scene .os-delivered span{color:#0071e3}
@media(max-width:1100px){.home-v9 .quiz-layout{gap:45px;grid-template-columns:1fr 1fr}.home-v9 .quiz-result{left:205px;top:390px;width:220px}.home-v9 .quiz-visual{min-height:755px}.home-v9 .email-art{padding:20px}.home-v9 .email-art h4{font-size:28px}.home-v9 .email-work .work-visual{padding-inline:15px;height:410px}}
@media(max-width:900px){.home-v9 .quiz-layout{display:flex;flex-direction:column-reverse;gap:46px}.home-v9 .quiz-visual{min-height:725px;max-width:505px}.home-v9 .quiz-result{left:255px;top:355px}.home-v9 .campaign-conversion{grid-template-columns:1fr}.home-v9 .campaign-conversion>*{grid-column:1!important}.home-v9 .campaign-page{padding:22px}.home-v9 .campaign-copy h3{font-size:34px}}
@media(max-width:600px){.home-v9 .campaign-page{padding:22px 18px}.home-v9 .campaign-layout{padding-top:26px}.home-v9 .campaign-conversion{padding:20px 16px}.home-v9 .campaign-copy h3{font-size:34px}.home-v9 .campaign-foot{font-size:11px;flex-wrap:wrap;gap:8px}.home-v9 .quiz-visual{min-height:905px;max-width:370px}.home-v9 .quiz-phone{width:280px;max-width:100%;height:670px;transform:rotate(-1deg)}.home-v9 .quiz-result{left:auto;right:0;top:630px;width:230px;transform:rotate(1deg)}.home-v9 .quiz-visual .orbit-capture{left:-8px;bottom:-4px;width:130px;height:130px}.home-v9 .email-work .work-visual{height:390px;padding:20px 24px 49px;max-width:420px}.home-v9 .email-art h4{font-size:32px;max-width:12ch}.home-v9 .email-art{padding:24px}.home-v9 .scheduled-chip{right:18px;bottom:10px}}
@media(max-width:360px){.home-v9 .campaign-copy h3{font-size:30px}.home-v9 .campaign-conversion h4{font-size:22px}.home-v9 .quiz-content{padding-inline:17px}.home-v9 .quiz-content h3{font-size:32px}.home-v9 .quiz-result{width:216px}.home-v9 .quiz-visual .orbit-capture{left:-12px;bottom:-15px;width:115px;height:115px}.home-v9 .email-work .work-visual{padding-inline:14px;height:400px}.home-v9 .email-art{padding:20px}.home-v9 .email-art h4{font-size:30px}}
/* Keep the three delivery specimens aligned and their supporting details readable. */
.home-v9 .work-grid .work-visual{height:380px}
.home-v9 .daily-work .work-visual{padding:26px 20px}
.home-v9 .daily-heading{font-size:23px;line-height:1.4}
.home-v9 .daily-heading small{font-size:11px;color:#526075}
.home-v9 .daily-item{font-size:14px;line-height:1.45;padding-block:18px}
.home-v9 .daily-item small{font-size:12px;line-height:1.5;color:#526075;margin-top:5px}
.home-v9 .daily-time{margin-top:18px}.home-v9 .daily-time>small{font-size:12px;color:#526075}
.home-v9 .daily-time b{font-size:13px;line-height:1.5}.home-v9 .daily-time span{font-size:12px;line-height:1.5;color:#526075}
.home-v9 .payment-work .work-visual{padding:28px 21px}
.home-v9 .invoice{padding:24px 20px}.home-v9 .invoice>div:first-child{font-size:12px}.home-v9 .invoice>div:first-child span{font-size:11px;color:#526075}
.home-v9 .invoice h4{font-size:24px;line-height:1.2;margin-top:30px}.home-v9 .invoice p{font-size:14px;line-height:1.6;color:#526075;margin-top:12px}
.home-v9 .invoice-line{font-size:13px;line-height:1.5;margin-top:26px}.home-v9 .paid-stamp{font-size:12px;line-height:1.5;padding:10px;margin-top:20px}
@media(max-width:1100px){.home-v9 .work-grid .work-visual{height:410px}}
@media(max-width:600px){.home-v9 .work-grid .work-visual{height:390px}.home-v9 .daily-work .work-visual{padding:28px 22px}}
@media(max-width:360px){.home-v9 .work-grid .work-visual{height:400px}.home-v9 .daily-heading small{font-size:10px}.home-v9 .invoice{padding:22px 14px}}
.home-v9 .payment-work .invoice{height:100%;box-sizing:border-box}
/* Readability v100: keep the quiz's primary action clear of the booking card. */
@media(max-width:600px){.home-v9 .quiz-result{top:715px}.home-v9 .quiz-visual{min-height:1110px}}
.home-v9 .inbox-preview-title>span{font-size:12px!important;color:#526174}
.home-v9 :is(#run-status,[data-example-id="run-status"]){font-size:14px!important;line-height:1.5;color:#34485f}
