/* Truth Trade: homepage additions (front page only). Everything else on the homepage
   uses the child theme's tt-* classes; this file only styles the pieces the theme lacks. */

/* Hero: short customer quote */
.tt-hero-quote { margin: 0; max-width: 560px; background: rgba(0, 0, 0, .16); border-radius: 14px; padding: 18px 22px; display: flex; flex-direction: column; gap: 8px; }
.tt-hero-quote blockquote { margin: 0; padding: 0; border: 0; }
.tt-hero-quote blockquote p { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.5; color: #fff; }
.tt-hero-quote figcaption { font-size: 14px; color: #EEF5FD; }
.tt-hero-quote figcaption strong { color: #fff; }

/* Trust strip under the hero */
.tt-trustbar { background: #fff; border-bottom: 1px solid var(--tt-line, #E1E6EE); padding: 28px var(--tt-gutter, 24px) !important; }
.tt-trustbar__items { max-width: 1200px; margin: 0 auto !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.tt-trustbar__items > div { display: flex; gap: 12px; align-items: flex-start; }
.tt-trustbar__items svg { flex-shrink: 0; margin-top: 2px; }
.tt-trustbar__items p { margin: 0; font-size: 15px; line-height: 1.45; color: var(--tt-slate, #46546B); }
.tt-trustbar__items strong { display: block; font-size: 16px; color: var(--tt-ink, #0B1B33); }

/* Example report (extends the theme's .tt-sample) */
.tt-sample__top { flex-wrap: wrap; gap: 8px; align-items: center; }
.tt-sample__tag { background: #FFF3CF; color: #5C4300; padding: 4px 10px; border-radius: 6px; }
.tt-sample__car .tt-small { display: block; margin-top: 2px; }
.tt-sample__bottom { background: var(--tt-ink, #0B1B33); border-radius: 12px; padding: 16px 22px; }
.tt-sample__bottom span { display: block; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--tt-yellow, #FEC42D); }
.tt-sample__bottom p { margin: 4px 0 0; font-size: 15px; line-height: 1.5; color: #fff; }
.tt-sample__rows div { align-items: baseline; }
.tt-sample__rows span { flex-shrink: 0; }
.tt-sample__rows strong { text-align: right; max-width: 60%; font-weight: 600; color: var(--tt-ink, #0B1B33); }
.tt-sample__note { margin: 0; font-size: 12px; line-height: 1.5; color: var(--tt-muted, #5B6B82); }

/* Pricing: one-line refund / credit policy */
.tt-policyline { margin-top: 24px !important; background: var(--tt-tint, #EAF3FC); border-radius: 14px; padding: 20px 28px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; }
.tt-policyline p { margin: 0; flex: 1 1 260px; font-size: 15px; line-height: 1.55; color: #26334A; }
.tt-policyline a { flex: none; font-size: 15px; font-weight: 700; color: var(--tt-blue, #0068D3); }

@media (max-width: 781px) {
	.tt-hero-quote { padding: 14px 16px; }
	.tt-hero-quote blockquote p { font-size: 16px; }
	.tt-trustbar { padding: 22px var(--tt-gutter, 18px) !important; }
	.tt-trustbar__items { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.tt-sample { padding: 18px; }
	.tt-sample__car, .tt-sample__bottom, .tt-sample__diff { padding-left: 16px; padding-right: 16px; }
	.tt-sample__rows { padding: 4px 16px; }
	.tt-sample__rows div { flex-direction: column; gap: 2px; }
	.tt-sample__rows strong { text-align: left; max-width: none; }
	.tt-policyline { padding: 18px 20px; }
}

/* ---------- Brand accents (blue + yellow, used sparingly) ---------- */
/* Short yellow bar under the section headings on light backgrounds */
.tt-section-head h2::after, .tt-how h2.wp-block-heading::after, .tt-faq__side h2.wp-block-heading::after {
	content: ""; display: block; width: 56px; height: 4px; margin-top: 16px; border-radius: 2px; background: var(--tt-yellow, #FEC42D);
}
.tt-section-head.tt-center h2::after { margin-left: auto; margin-right: auto; }
/* Hero numbers in yellow (large text, so it passes contrast on the blue) */
@media (min-width: 782px) {
	.tt-hero .tt-stat b { color: var(--tt-yellow, #FEC42D); }
}
/* Phones: the numbers are smaller, so they stay white with a yellow tick above */
@media (max-width: 781px) {
	.tt-hero .tt-stat::before { content: ""; display: block; width: 18px; height: 3px; border-radius: 2px; background: var(--tt-yellow, #FEC42D); margin-bottom: 4px; }
}

/* ---------- Oct 2026: guarantee lines, license link, sample PDF link, guide form ---------- */
.tt-hero__guarantee { margin: 14px 0 0; font-size: 16px; color: #EEF5FD; }
.tt-hero__guarantee strong { color: var(--tt-yellow, #FEC42D); }
.tt-hero__guarantee a { color: #fff; text-decoration: underline; text-underline-offset: 3px; margin-left: 6px; font-size: 14px; }
.tt-trustbar__items p a { display: inline-block; margin-top: 4px; font-size: 14px; font-weight: 600; color: var(--tt-blue, #0068D3); }
.tt-sample__pdf { display: inline-block; margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--tt-blue, #0068D3); }
.tt-price__guarantee { margin: 10px 0 14px !important; padding: 10px 12px; border-radius: 10px; background: var(--tt-tint, #EAF3FC); font-size: 13.5px; line-height: 1.45; color: #26334A; }
.tt-price--featured .tt-price__guarantee { background: rgba(255, 255, 255, .14); color: #fff; }
/* Oct 9: cleaner pricing cards. Unit line under the price, three check lines, button at the bottom. */
.tt-price__unit { margin-top: -8px !important; font-size: 14px; font-weight: 600; color: var(--tt-muted, #5B6B82); }
.tt-price--featured .tt-price__unit { color: #CFE3FA; }
.tt-price__list { list-style: none; margin: 6px 0 10px !important; padding: 0; display: grid; gap: 10px; }
.tt-price__list li { position: relative; margin: 0; padding-left: 30px; font-size: 15px; line-height: 1.45; color: var(--tt-slate, #46546B); }
.tt-price__list li::before {
	content: ""; position: absolute; left: 0; top: .1em; width: 20px; height: 20px; border-radius: 50%;
	background: var(--tt-tint, #EAF3FC) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' fill='none' stroke='%230068D3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.tt-price--featured .tt-price__list li { color: #EEF5FD; }
.tt-price--featured .tt-price__list li strong { color: var(--tt-yellow, #FEC42D); }
.tt-price--featured .tt-price__list li::before { background-color: var(--tt-yellow, #FEC42D); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' fill='none' stroke='%230B1B33' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.tt-price__foot { margin-top: auto !important; padding-top: 14px; border-top: 1px solid var(--tt-line, #E1E6EE); font-size: 14px; line-height: 1.5; color: var(--tt-slate, #46546B); }
.tt-policyline p mark.tt-hl { padding: 0 .25em; }
.tt-guide-wrap { padding-top: 0 !important; }
.tt-guide { max-width: 1100px; margin: 0 auto !important; display: grid; grid-template-columns: 1.1fr 1fr; gap: 28px 48px; align-items: center; background: var(--tt-tint, #EAF3FC); border-radius: 18px; padding: 32px 36px; }
.tt-guide--sent { display: block; text-align: center; }
.tt-guide__text h3 { margin: 6px 0 10px; font-size: 26px; line-height: 1.2; color: var(--tt-ink, #0B1B33); }
.tt-guide__text p { margin: 0; color: #26334A; }
.tt-guide__row { display: flex; gap: 10px; }
.tt-guide__row input { flex: 1 1 auto; min-width: 0; padding: 14px 16px; border: 1.5px solid #B9C7DA; border-radius: 10px; font-size: 16px; background: #fff; }
.tt-guide__row button { flex: none; padding: 14px 20px; border: 0; border-radius: 10px; background: var(--tt-blue, #0068D3); color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; }
.tt-guide__row button:hover { background: #0057B0; }
.tt-guide__err { margin: 0 0 10px; padding: 10px 12px; border-radius: 8px; background: #FDE8E8; color: #8A1C1C; font-size: 14px; }
.tt-guide__hp { position: absolute; left: -9999px; }
.tt-guide .tt-small { margin: 10px 0 0; }
@media (max-width: 781px) {
	.tt-guide { grid-template-columns: minmax(0, 1fr); padding: 24px 20px; gap: 18px; }
	.tt-guide__row { flex-direction: column; }
}

/* ---------- Oct 8, 2026: hero story strip (three animated scenes instead of the lead paragraph) ---------- */
.tt-story { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 26px 0 6px; max-width: 700px; }
.tt-story__s { margin: 0; position: relative; display: flex; flex-direction: column; justify-content: center; background: rgba(255, 255, 255, .08); border: 1.5px solid rgba(255, 255, 255, .18); border-radius: 16px; padding: 14px 14px 12px; animation: tt-glow 7.5s ease-in-out infinite; }
.tt-story__s2 { animation-delay: 2.5s; }
.tt-story__s3 { animation-delay: 5s; }
.tt-story svg { display: block; width: 100%; height: auto; overflow: visible; }
.tt-story svg * { transform-box: fill-box; transform-origin: center; }
.tt-story figcaption { margin-top: 10px; font-size: 14px; line-height: 1.35; font-weight: 600; color: #EEF5FD; display: flex; gap: 8px; align-items: flex-start; }
.tt-story figcaption b { flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--tt-yellow, #FEC42D); color: var(--tt-ink, #0B1B33); font-size: 12px; line-height: 20px; text-align: center; }
.tt-hero .tt-stats { margin-top: 18px; }
/* Scene 1: the question mark breathes, the tag swings in */
.tt-story .tt-q { animation: tt-pulse 2.4s ease-in-out infinite; }
.tt-story .tt-tag { animation: tt-swing 7.5s ease-in-out infinite; transform-origin: 90% 50%; }
/* Scene 2: ringing arcs, then typing dots */
.tt-story .tt-ring { opacity: 0; animation: tt-ring 7.5s ease-in-out infinite; animation-delay: 2.5s; }
.tt-story .tt-ring2 { animation-delay: 2.8s; }
.tt-story .tt-ring3 { animation-delay: 3.1s; }
.tt-story .tt-bubble { opacity: 0; animation: tt-pop 7.5s ease-out infinite; animation-delay: 3.6s; }
.tt-story .tt-dot { animation: tt-dots 1.1s ease-in-out infinite; }
.tt-story .tt-dot2 { animation-delay: .18s; }
.tt-story .tt-dot3 { animation-delay: .36s; }
/* Scene 3: lines fill in, the stamp and the check pop */
.tt-story .tt-line { transform-origin: left center; transform: scaleX(0); animation: tt-grow 7.5s ease-out infinite; animation-delay: 5s; }
.tt-story .tt-line2 { animation-delay: 5.25s; }
.tt-story .tt-line3 { animation-delay: 5.5s; }
.tt-story .tt-line4 { animation-delay: 5.75s; }
.tt-story .tt-stamp { opacity: 0; animation: tt-pop 7.5s ease-out infinite; animation-delay: 6.2s; }
.tt-story .tt-check { opacity: 0; animation: tt-pop 7.5s ease-out infinite; animation-delay: 6.5s; }
@keyframes tt-glow { 0%, 100% { border-color: rgba(255, 255, 255, .18); box-shadow: none; } 6%, 28% { border-color: var(--tt-yellow, #FEC42D); box-shadow: 0 0 0 3px rgba(254, 196, 45, .22); } 40% { border-color: rgba(255, 255, 255, .18); box-shadow: none; } }
@keyframes tt-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@keyframes tt-swing { 0%, 100% { transform: rotate(0); } 3% { transform: rotate(-8deg); } 8% { transform: rotate(6deg); } 13% { transform: rotate(0); } }
@keyframes tt-ring { 0%, 100% { opacity: 0; } 4%, 14% { opacity: 1; } 20% { opacity: 0; } }
@keyframes tt-dots { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes tt-grow { 0% { transform: scaleX(0); } 6%, 90% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes tt-pop { 0% { opacity: 0; transform: scale(.6); } 5% { opacity: 1; transform: scale(1.08); } 8%, 90% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.6); } }
@media (prefers-reduced-motion: reduce) { .tt-story *, .tt-story__s { animation: none !important; opacity: 1 !important; transform: none !important; } }
@media (max-width: 781px) {
	.tt-story { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 18px; }
	.tt-story__s { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 12px; }
	.tt-story figcaption { margin-top: 0; }
}
/* Slides: how it works → the room to negotiate → what only the owner knows (tt-home.js rotates them) */
.tt-slides { position: relative; max-width: 700px; margin: 26px 0 6px; }
.tt-slides .tt-story { margin: 0; }
.tt-slide { display: none; }
.tt-slide.is-on { display: block; animation: tt-fadein .45s ease-out; }
@media (min-width: 782px) { .tt-slide { min-height: 312px; } .tt-slide > .tt-gap, .tt-slide > .tt-knows, .tt-slide > .tt-story { min-height: 312px; } } /* same height each slide, so the price strip under it doesn't jump */
.tt-slides__dots { display: flex; gap: 8px; justify-content: center; margin-top: 12px; }
.tt-slides__dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .35); cursor: pointer; transition: transform .2s, background .2s; }
.tt-slides__dots button.is-on { background: var(--tt-yellow, #FEC42D); transform: scale(1.25); }
.tt-slides__dots button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@keyframes tt-fadein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
/* Slide 2: the gap */
.tt-gap { background: rgba(255, 255, 255, .08); border: 1.5px solid rgba(255, 255, 255, .18); border-radius: 16px; padding: 18px 20px 14px; }
.tt-gap svg { display: block; width: 100%; height: auto; overflow: visible; }
.tt-gap svg * { transform-box: fill-box; }
.tt-gap .tt-bar { transform-origin: left center; transform: scaleX(0); animation: tt-bargrow 1s cubic-bezier(.2, .7, .2, 1) forwards; }
.tt-gap .tt-bar2 { animation-delay: .5s; }
.tt-gap .tt-barlbl { opacity: 0; animation: tt-fadein .4s ease-out forwards; animation-delay: .9s; }
.tt-gap .tt-barlbl2 { animation-delay: 1.4s; }
.tt-gap .tt-room { opacity: 0; transform-origin: center; animation: tt-pop-once .5s ease-out forwards; animation-delay: 1.9s; }
.tt-gap__cap { margin: 12px 0 0; font-size: 14px; line-height: 1.45; font-weight: 600; color: #EEF5FD; }
.tt-gap__cap em { font-style: normal; font-weight: 400; color: rgba(238, 245, 253, .7); }
.tt-gap__quote { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .15); font-size: 14px; line-height: 1.45; color: #fff; font-style: italic; }
.tt-gap__quote span { display: block; font-style: normal; font-size: 12px; color: rgba(238, 245, 253, .75); margin-top: 2px; }
@keyframes tt-bargrow { to { transform: scaleX(1); } }
@keyframes tt-pop-once { 0% { opacity: 0; transform: scale(.6); } 60% { opacity: 1; transform: scale(1.08); } 100% { opacity: 1; transform: scale(1); } }
/* Slide 3: what only the owner knows */
.tt-knows { background: rgba(255, 255, 255, .08); border: 1.5px solid rgba(255, 255, 255, .18); border-radius: 16px; padding: 14px 18px 12px; }
.tt-knows__head, .tt-knows__row { display: grid; grid-template-columns: minmax(0, 1fr) 72px 92px; align-items: center; gap: 8px; }
.tt-knows__head { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(238, 245, 253, .75); padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, .15); }
.tt-knows__head .tt-knows__cf, .tt-knows__head .tt-knows__tt { text-align: center; }
.tt-knows__head .tt-knows__tt { color: var(--tt-yellow, #FEC42D); }
.tt-knows__row { padding: 7px 0; border-bottom: 1px solid rgba(255, 255, 255, .08); font-size: 14px; font-weight: 600; color: #fff; opacity: 0; animation: tt-fadein .4s ease-out forwards; }
.tt-knows__row:last-of-type { border-bottom: 0; }
.tt-knows__row1 { animation-delay: .1s; } .tt-knows__row2 { animation-delay: .35s; } .tt-knows__row3 { animation-delay: .6s; } .tt-knows__row4 { animation-delay: .85s; } .tt-knows__row5 { animation-delay: 1.1s; }
.tt-knows__row svg { justify-self: center; }
.tt-knows__ok { opacity: 0; transform: scale(.5); animation: tt-pop-once .45s ease-out forwards; animation-delay: inherit; }
.tt-knows__row1 .tt-knows__ok { animation-delay: .5s; } .tt-knows__row2 .tt-knows__ok { animation-delay: .75s; } .tt-knows__row3 .tt-knows__ok { animation-delay: 1s; } .tt-knows__row4 .tt-knows__ok { animation-delay: 1.25s; } .tt-knows__row5 .tt-knows__ok { animation-delay: 1.5s; }
.tt-knows__cap { margin: 10px 0 0; font-size: 14px; line-height: 1.45; font-weight: 600; color: #EEF5FD; }
@media (prefers-reduced-motion: reduce) { .tt-slide, .tt-gap *, .tt-knows * { animation: none !important; opacity: 1 !important; transform: none !important; } }
@media (max-width: 781px) {
	.tt-gap { padding: 14px 14px 12px; }
	.tt-knows__head, .tt-knows__row { grid-template-columns: minmax(0, 1fr) 44px 44px; }
	.tt-knows__head .tt-knows__cf { font-size: 10px; } .tt-knows__head .tt-knows__tt { font-size: 10px; }
	.tt-knows__row { font-size: 13px; }
}
/* The "within 36 hours" highlight inside the numbered steps was breaking onto its own line */
.tt-steps li mark.tt-hl { display: inline; padding: 0 .25em; }

/* Facts strip under the Carfax comparison (sources in marketing/research/proof-points.md) */
.tt-facts { max-width: 1100px; margin: 28px auto 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tt-fact { background: #fff; border: 1px solid var(--tt-line, #E1E6EE); border-left: 4px solid var(--tt-yellow, #FEC42D); border-radius: 12px; padding: 18px 20px; }
.tt-fact b { display: block; font-size: 17px; line-height: 1.35; color: var(--tt-ink, #0B1B33); margin-bottom: 8px; }
.tt-fact span { display: block; font-size: 14px; line-height: 1.5; color: var(--tt-slate, #46546B); }
.tt-fact em { font-style: normal; color: var(--tt-muted, #5B6B82); }
@media (max-width: 781px) { .tt-facts { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Oct 8, 2026: scroll-triggered pieces (tt-home.js adds .is-in to [data-anim] when it comes into view) ---------- */
.tt-anim .tt-reveal { opacity: 0; transform: translateY(10px); }
.tt-anim.is-in .tt-reveal { animation: tt-reveal .55s cubic-bezier(.2, .7, .2, 1) forwards; animation-delay: var(--d, 0s); }
@keyframes tt-reveal { to { opacity: 1; transform: none; } }
/* Example report: progress bar on top */
.tt-sample__progress { position: relative; height: 22px; border-radius: 11px; background: #E6EDF6; overflow: hidden; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--tt-ink, #0B1B33); }
.tt-sample__progress i { position: absolute; inset: 0; width: 0; background: var(--tt-yellow, #FEC42D); border-radius: 11px; }
.tt-anim.is-in .tt-sample__progress i { animation: tt-fill 2.8s cubic-bezier(.3, .6, .3, 1) forwards; }
.tt-sample__progress span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.tt-sample__progress-done { opacity: 0; }
.tt-anim.is-in .tt-sample__progress-on { animation: tt-hide .2s linear forwards; animation-delay: 2.8s; }
.tt-anim.is-in .tt-sample__progress-done { animation: tt-reveal .3s ease-out forwards; animation-delay: 2.8s; }
@keyframes tt-fill { to { width: 100%; } }
@keyframes tt-hide { to { opacity: 0; } }
/* Fact cards: picture on top */
.tt-fact__art { display: block; width: 100%; max-width: 220px; height: auto; margin: 0 0 12px; overflow: visible; }
.tt-fact__art * { transform-box: fill-box; transform-origin: center; }
.tt-fact .fa-line { transform-origin: left center; transform: scaleX(0); }
.tt-fact.is-in .fa-line { animation: tt-grow-once .5s ease-out forwards; }
.tt-fact.is-in .fa-l2 { animation-delay: .2s; } .tt-fact.is-in .fa-l3 { animation-delay: .4s; }
.tt-fact .fa-missing, .tt-fact .fa-glass { opacity: 0; }
.tt-fact.is-in .fa-missing { animation: tt-blink 1.2s ease-in-out 3 forwards; animation-delay: .8s; }
.tt-fact.is-in .fa-glass { animation: tt-pop-once .5s ease-out forwards; animation-delay: 1s; }
@keyframes tt-grow-once { to { transform: scaleX(1); } }
@keyframes tt-blink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
.tt-fact .fa-carA { transform: translateX(-70px); } .tt-fact .fa-carB { transform: translateX(70px); }
.tt-fact.is-in .fa-carA { animation: tt-driveA 1.1s cubic-bezier(.4, 0, .6, 1) forwards; }
.tt-fact.is-in .fa-carB { animation: tt-driveB 1.1s cubic-bezier(.4, 0, .6, 1) forwards; }
.tt-fact .fa-bang, .tt-fact .fa-noreport { opacity: 0; }
.tt-fact.is-in .fa-bang { animation: tt-pop-once .35s ease-out forwards; animation-delay: 1s; }
.tt-fact.is-in .fa-noreport { animation: tt-pop-once .4s ease-out forwards; animation-delay: 1.5s; }
@keyframes tt-driveA { 0% { transform: translateX(-70px); } 85% { transform: translateX(2px); } 100% { transform: translateX(-2px); } }
@keyframes tt-driveB { 0% { transform: translateX(70px); } 85% { transform: translateX(-2px); } 100% { transform: translateX(2px); } }
.tt-fact .fa-mini { opacity: 0; } .tt-fact .fa-cash, .tt-fact .fa-tag { opacity: 0; }
.tt-fact.is-in .fa-mini { animation: tt-reveal .4s ease-out forwards; }
.tt-fact.is-in .fa-mini1 { animation-delay: .15s; } .tt-fact.is-in .fa-mini2 { animation-delay: .3s; } .tt-fact.is-in .fa-mini3 { animation-delay: .45s; }
.tt-fact.is-in .fa-cash { animation: tt-pop-once .45s ease-out forwards; animation-delay: .9s; }
.tt-fact.is-in .fa-tag { animation: tt-pop-once .45s ease-out forwards; animation-delay: 1.2s; }
@media (prefers-reduced-motion: reduce) { .tt-anim .tt-reveal, .tt-fact .fa-line, .tt-fact .fa-missing, .tt-fact .fa-glass, .tt-fact .fa-carA, .tt-fact .fa-carB, .tt-fact .fa-bang, .tt-fact .fa-noreport, .tt-fact .fa-mini, .tt-fact .fa-cash, .tt-fact .fa-tag, .tt-sample__progress-done { opacity: 1 !important; transform: none !important; animation: none !important; } .tt-sample__progress { display: none; } }

/* Example report shown as its real pages, one per slide (Oct 8) */
.tt-report .tt-slides { max-width: none; margin: 0; }
.tt-report .tt-slide { min-height: 0; }
.tt-report .tt-slide img { display: block; width: 100%; height: auto; border: 1px solid var(--tt-line, #E1E6EE); border-radius: 10px; box-shadow: 0 10px 30px rgba(11, 27, 51, .12); background: #fff; }
.tt-report figure.tt-slide { margin: 0; }
.tt-report .tt-slide figcaption { margin: 10px 2px 0; font-size: 13px; line-height: 1.45; color: var(--tt-slate, #46546B); }
.tt-report .tt-slides__dots { margin-top: 10px; }
.tt-report .tt-slides__dots button { background: #C9D4E3; }
.tt-report .tt-slides__dots button.is-on { background: var(--tt-blue, #0068D3); }
.tt-report .tt-slides__dots button:focus-visible { outline-color: var(--tt-blue, #0068D3); }

/* Price strip: under the slides on a laptop, under the order form on a phone (Oct 8) */
.tt-stats--mobile { display: none; }
@media (max-width: 781px) {
	.tt-stats--desk { display: none !important; }
	.tt-stats--mobile { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 8px; margin: 22px auto 0; max-width: 1200px; padding: 18px 0 0; border-top: 1px solid rgba(255, 255, 255, .22); }
	.tt-stats--mobile .tt-stat-rule { display: none; }
	.tt-stats--mobile .tt-stat { text-align: center; min-width: 0; }
	.tt-stats--mobile .tt-stat::before { margin-left: auto; margin-right: auto; }
	.tt-stats--mobile .tt-stat b { display: block; font-size: 21px; line-height: 1.1; color: var(--tt-yellow, #FEC42D); white-space: nowrap; }
	.tt-stats--mobile .tt-stat span { display: block; font-size: 11.5px; line-height: 1.3; color: #EEF5FD; margin-top: 4px; }
}