/* Fleet sales positioning and readability. Live public website. */
body { font-size:18px; }
.site-header nav { font-size:14px; }
.brand-descriptor { font-size:12px; letter-spacing:1.5px; }
.eyebrow { font-size:12px; letter-spacing:1.5px; line-height:1.6; }
.hero-copy .eyebrow { font-size:12px; letter-spacing:1.5px; }
.hero-grid { padding-top:32px; }
.problem-section,.email-section { padding-top:56px; }
.problem-grid>div:first-child>.eyebrow,
#email-in-action .section-heading .eyebrow { font-size:18px; line-height:1.5; letter-spacing:1.3px; }
.hero-description { font-size:19px; line-height:1.75; max-width:500px; }
.hero-caption { font-size:14px; line-height:1.7; max-width:460px; }
.hero-deck { font-size:21px; line-height:1.45; }
.hero-origin { max-width:560px; margin:0 0 22px; padding-left:20px; border-left:3px solid var(--amber); }
.hero-origin-title { font-size:28px; font-weight:700; line-height:1.3; color:var(--amber); }
.hero-origin-detail { margin-top:10px; font-size:21px; font-weight:400; line-height:1.5; color:#eef7f7; }
.text-link { font-size:14px; }
.button { font-size:15px; }
.button-small { font-size:14px; }

/* 455 -> 523.25 and 515 -> 592.25: 15% larger at the desktop reference size. */
.hero-product { max-width:523.25px; }
.main-email-shell { width:100%; max-width:592.25px; }
.example-stage { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.product-label { font-size:12px; letter-spacing:1.3px; }
.window-bar { font-size:11px; letter-spacing:1px; }
.mail-envelope>b { font-size:15px; }
.sender-row strong { font-size:12px; }
.sender-row small { font-size:11px; }
.sender-avatar { font-size:12px; }
.mail-example-note { font-size:12px; line-height:1.6; padding:10px 14px; }
.hero-product .floating-note {
    position:relative; left:auto; bottom:auto; width:fit-content;
    max-width:100%; margin:14px 0 0 auto;
}
.floating-note strong { font-size:14px; }
.floating-note div>span { font-size:12px; }
.hero-bottom { font-size:14px; }
.hero-bottom>span:first-child { font-size:12px; }
.hero-bottom>span:last-child { font-size:14px; }

/* Keep the email at its real 650px proportions; improve its actual content type. */
.email-viewport>.customer-email .dealer-wordmark { padding:12px 25px 4px; }
.email-viewport>.customer-email .email-copy { font-size:14px; line-height:1.6; }
.email-viewport>.customer-email .email-signature {
    display:block; margin:0 25px 22px; padding-top:16px;
    font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5;
    color:#263d49;
}
.email-viewport>.customer-email .email-signature .signature-thanks {
    margin:0 0 9px; font-size:14px; color:#263d49;
}
.email-viewport>.customer-email .email-signature b {
    display:block; font-size:18px; color:#153c51; line-height:1.4;
}
.email-viewport>.customer-email .email-signature strong {
    display:block; margin:2px 0; font-size:14px; font-weight:400; color:#3c5969;
}
.email-viewport>.customer-email .email-signature .signature-dealer {
    display:block; margin-bottom:5px; font-size:14px; font-weight:700; color:#264d64;
}
.email-viewport>.customer-email .email-signature a {
    display:block; width:fit-content; font-size:14px; line-height:1.5; color:#245c7a;
}
.email-viewport>.customer-email .email-signature a:hover { text-decoration:underline; }
.email-viewport>.customer-email .email-footer { font-size:11px; }
.sample-mail-top b { font-size:12px; }
.sample-disclaimer { font-size:12px; line-height:1.7; padding:12px 16px; }
.email-viewport>.customer-email .template-artwork { width:650px; }
.template-footer-top { display:grid; grid-template-columns:290px 360px; }
.email-viewport>.customer-email .template-footer-top img { display:block; width:360px; height:165px; max-width:none; }
.email-viewport>.customer-email .template-footer-top .template-hours { width:290px; }
.email-viewport>.customer-email .template-lower-footer { display:block; width:650px; height:120px; max-width:none; margin:calc(-1 * var(--footer-overlap,2px)) 0 0; position:relative; z-index:1; }

.problem-copy { font-size:19px; line-height:1.8; }
.large-body { font-size:27px; }
.underlined-statement { font-size:19px; line-height:1.7; }
.capability-strip span { font-size:18px; }
.capability-strip b { font-size:21px; line-height:1.4; }
.section-heading>p { font-size:18px; line-height:1.75; }
.example-intro { margin:0 auto 26px; text-align:center; font-size:20px; line-height:1.6; color:#506b72; }
.example-tabs button { font-size:12px; }
.example-tabs span { font-size:15px; }
.example-explainer>.eyebrow { font-size:12px; letter-spacing:1.3px; }
.example-explainer { max-width:none; }
.example-explainer>p:not(.eyebrow) { font-size:18px; line-height:1.8; }
.check-list { font-size:18px; font-weight:700; line-height:1.6; }
.interaction-hint p { font-size:13px; line-height:1.7; }
.tools-heading>p:last-child { font-size:18px; line-height:1.8; }
.tool-ledger>div>span { font-size:12px; letter-spacing:1.4px; }
.tool-ledger h3 { font-size:21px; line-height:1.35; }
.tool-ledger p { font-size:20px; line-height:1.7; max-width:470px; }
.mini-resources button { font-size:14px; }
.sent-label { font-size:12px; letter-spacing:1px; line-height:1.6; }
.sent-message strong { font-size:15px; }
.sent-message p { font-size:14px; line-height:1.6; }
.revision-flow { font-size:12px; letter-spacing:1px; }
.version-tag { font-size:12px; }
.revision-control strong { font-size:16px; line-height:1.5; }
.revision-control small { font-size:14px; line-height:1.7; max-width:270px; }
.revision-control>div { min-width:0; }
.revision-control .button { max-width:100%; font-size:14px; gap:14px; padding-inline:16px; white-space:normal; text-align:center; }
.revision-demo>.sample-disclaimer { font-size:12px; }
.revision-copy>.eyebrow { font-size:12px; letter-spacing:1.3px; }
.revision-copy>p:not(.eyebrow) { font-size:18px; line-height:1.85; }
.revision-copy .underlined-statement { font-size:19px!important; }
.workflow article>span { font-size:13px; }
.workflow p { font-size:18px; line-height:1.8; }
.followup-band strong { font-size:16px; }
.followup-band p { font-size:14px; line-height:1.8; }
.followup-band>span { font-size:12px; }
.closing-action>p { font-size:20px; line-height:1.65; }
.closing-email { font-size:14px; }
.site-footer>p { font-size:12px; }
.site-footer nav { font-size:13px; }
.site-footer small { font-size:12px; }

.dialog-heading .eyebrow { font-size:12px; }
.dialog-footnote { font-size:12px; line-height:1.6; }
.resource-document .document-eyebrow { font-size:12px; }
.resource-document .document-subtitle { font-size:14px; line-height:1.7; }
.document-note { font-size:12px; line-height:1.8; }
.quote-details,.quote-details b,.quote-line { font-size:14px; }
.quote-total { font-size:17px; }
.resource-announcement { font-size:14px; }
.resource-available b { font-size:14px; }
.resource-available span { font-size:13px; }
.body-illustration span { font-size:12px; }
.body-illustration .center-bed { font-size:15px; }
.body-illustration+p { font-size:14px; }
.gallery-preview figcaption { font-size:13px; line-height:1.6; }
.button-review-bar { font-size:12px; }
.button-review-bar>strong,.button-review-bar button,.button-review-bar>a { font-size:12px; }

.vehicle-gallery { padding:22px 25px 16px; }
.gallery-main { position:relative; background:#e5ece9; aspect-ratio:4/3; overflow:hidden; border-radius:4px; touch-action:pan-y; }
.gallery-feature-image { display:block; width:100%; height:100%; object-fit:contain; }
.gallery-arrow { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:50px; display:grid; place-items:center; padding:0; border:1px solid #ffffff80; border-radius:4px; background:#092733d9; color:white; font-size:34px; line-height:1; }
.gallery-arrow:hover { background:#124b60; }
.gallery-prev { left:10px; }
.gallery-next { right:10px; }
.gallery-position { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); border-radius:20px; padding:6px 14px; color:white; background:#092733e6; font-size:14px; font-weight:700; white-space:nowrap; }
.gallery-thumbs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-top:12px; }
.gallery-thumbs button { display:block; min-width:0; padding:3px; background:white; border:2px solid transparent; border-radius:4px; }
.gallery-thumbs button[aria-pressed="true"] { border-color:#218477; background:#e4f3ed; }
.gallery-thumbs button:hover { border-color:#7ea59c; }
.gallery-thumbs img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:2px; }
.gallery-credit { margin:14px 0 0; font-size:14px; line-height:1.6; color:#59726b; text-align:center; }
.gallery-thumbs button:focus-visible,.gallery-arrow:focus-visible { outline:3px solid #da9f28; outline-offset:2px; }

@media(min-width:1700px) {
    .hero-product { max-width:546.25px; }
}
@media(max-width:1200px) {
    .hero-product { max-width:483px; }
    .hero-description { font-size:18px; }
    .hero-mail .mail-envelope>b { font-size:15px; }
}
@media(max-width:1100px) {
    .example-stage {
        grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
        gap:36px; padding:40px 30px 24px;
    }
    .revision-control { align-items:flex-start; flex-direction:column; }
    .revision-control small { max-width:none; }
}
@media(max-width:900px) {
    .hero-origin-title { font-size:25px; }
    .hero-origin-detail { font-size:20px; }
    .hero-description { font-size:18px; max-width:100%; }
    .hero-deck { font-size:20px; }
    .hero-mail .mail-envelope>b { font-size:15px; }
    .product-label { font-size:12px; letter-spacing:1px; }
    .hero-bottom>span:first-child { font-size:12px; }
    .hero-bottom>span:last-child { font-size:14px; }
}
@media(max-width:700px) {
    .hero-origin { max-width:100%; padding-left:16px; }
    .hero-grid { padding-top:20px; }
    .problem-section,.email-section { padding-top:32px; }
    .vehicle-gallery { padding:14px; }
    .gallery-thumbs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
    .gallery-arrow { width:38px; height:44px; }
    .gallery-position { bottom:8px; font-size:13px; }
    .hero-product { max-width:483px; }
    .hero-copy .eyebrow { font-size:12px; letter-spacing:1.2px; }
    .hero-actions .button,.text-link { font-size:14px; }
    .hero-caption { font-size:14px; max-width:100%; }
    .hero-product .floating-note { margin-top:12px; }
    .floating-note strong { font-size:14px; }
    .floating-note div>span { font-size:12px; }
    .hero-bottom>span:last-child { max-width:100%; }
    .large-body { font-size:24px; }
    .problem-copy { font-size:18px; }
    .section-heading>p { font-size:18px; max-width:100%; }
    .example-stage { display:flex; flex-direction:column; padding:24px 0 18px; gap:28px; }
    .example-explainer { max-width:none; padding-inline:16px; }
    .main-email-shell { width:100%; max-width:650px; }
    .full-email .email-signature b { font-size:18px; }
    .full-email .email-signature strong { font-size:14px; }
    .full-email .email-signature div>span { font-size:14px; }
    .sample-mail-top b { font-size:12px; }
    .full-email .email-footer { font-size:11px; }
    .followup-band>span { margin-left:0; }
    .followup-band p { font-size:14px; }
    .closing-action>p { font-size:18px; }
    .closing-action .button { font-size:14px; }
    .site-footer nav { font-size:13px; }
    .button-review-bar>strong,.button-review-bar button,.button-review-bar>a { font-size:12px; }
}
.login-page .login-card-intro { font-size:18px; }
@media(max-width:440px) {
    .login-page .login-card-intro { font-size:17px; }
}