/* Final creative pass: decorative, lightweight and respectful of motion preferences. */
.receipt-section{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(5rem,9vw,9rem);isolation:isolate}
.receipt-copy h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.3rem,4.7vw,5.2rem);line-height:1.05;letter-spacing:-.065em;margin:1.1rem 0 1.4rem}
.receipt-copy h2 em{font-family:Georgia,serif;font-weight:400}
.receipt-copy>p:not(.section-label){max-width:37rem;line-height:1.75}
.receipt-toggle{display:inline-flex;align-items:center;gap:1.5rem;margin-top:1.5rem;border:2px solid currentColor;border-radius:100px;padding:1rem 1.4rem;background:#d8ff72;color:#14211b;font:700 1rem "Space Grotesk",sans-serif;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease}
.receipt-toggle:hover{transform:translateY(-3px);box-shadow:7px 7px 0 #183b34}
.receipt-toggle:focus-visible{outline:3px solid #ff876c;outline-offset:4px}
.receipt-hint{font-size:.88rem;min-height:2.5rem}
.receipt-illustration{position:relative;display:grid;place-items:center;min-height:520px;padding:2rem 1.1rem;border-radius:32px;background:radial-gradient(circle at 20% 15%,#e5f8ab 0,transparent 30%),linear-gradient(145deg,#1b3a32,#10221e);overflow:hidden}
.receipt-illustration::before,.receipt-illustration::after{content:"✳";position:absolute;color:#d8ff72;opacity:.32;pointer-events:none}
.receipt-illustration::before{font-size:16rem;right:-4rem;top:-8rem}.receipt-illustration::after{font-size:6rem;left:-1rem;bottom:-2rem}
.receipt-paper{position:relative;z-index:2;width:min(100%,390px);padding:2rem 1.75rem 1.4rem;background:#fffef7;color:#152923;box-shadow:0 27px 1px -15px #071c18,0 30px 60px #04120d88;clip-path:polygon(0 0,100% 0,100% 97%,97% 99%,94% 97%,91% 99%,88% 97%,85% 99%,82% 97%,79% 99%,76% 97%,73% 99%,70% 97%,67% 99%,64% 97%,61% 99%,58% 97%,55% 99%,52% 97%,49% 99%,46% 97%,43% 99%,40% 97%,37% 99%,34% 97%,31% 99%,28% 97%,25% 99%,22% 97%,19% 99%,16% 97%,13% 99%,10% 97%,7% 99%,4% 97%,0 99%);transform:rotate(-2deg)}
.receipt-brand{display:flex;justify-content:space-between;gap:1rem;font:800 .85rem "Space Grotesk",sans-serif;letter-spacing:.08em;border-bottom:2px dashed #b0b9a8;padding-bottom:.7rem}
.receipt-brand span{font-size:1.4rem}
.receipt-sub{display:block;margin:.8rem 0;font:700 .58rem "DM Sans",sans-serif;letter-spacing:.09em}
.receipt-paper h3{font:700 clamp(1.5rem,2.8vw,2.2rem)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.04em;margin:.75rem 0 1.2rem}
.receipt-paper ul{list-style:none;padding:0;margin:0 0 1.4rem}
.receipt-paper li{display:flex;justify-content:space-between;gap:.7rem;padding:.65rem 0;border-bottom:1px dashed #c6cbbd;font-size:.89rem;line-height:1.35}
.receipt-paper li b{color:#1d7655}.receipt-total{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:3px solid #17382e;padding-top:.8rem}
.receipt-total span{font:800 .65rem "DM Sans",sans-serif;letter-spacing:.045em}
.receipt-total strong{font:800 clamp(1.4rem,3vw,2rem) "Space Grotesk",sans-serif}
.receipt-foot{font-size:.68rem;line-height:1.45;margin-top:1.4rem;opacity:.8}
.receipt-stamp,.receipt-doodle{position:absolute;z-index:3;pointer-events:none;font:800 .7rem "Space Grotesk",sans-serif;letter-spacing:.06em}
.receipt-stamp{top:1.1rem;left:1.1rem;background:#d8ff72;color:#173329;transform:rotate(-8deg);padding:.7rem 1rem;border-radius:100px;box-shadow:4px 5px 0 #0d251d}
.receipt-doodle{right:.6rem;bottom:1rem;color:#ff987a;transform:rotate(-8deg);text-align:right}
.hub-wink{display:inline-flex;align-items:center;gap:.7rem;margin:1.4rem 0 0;max-width:33rem;font-size:.9rem;font-weight:700;color:inherit;opacity:.9}
.hub-wink span{display:inline-block;font-size:2rem;color:#bdeb83}
.sector-cameo{position:absolute;z-index:2;right:1.25rem;top:1.2rem;display:flex;align-items:center;gap:.45rem;border:1px solid #ffffff80;background:#0e201dba;border-radius:30px;padding:.55rem .75rem;color:#fff;font:800 .6rem "Space Grotesk",sans-serif;letter-spacing:.06em}
.sector-cameo:first-letter{font-size:1.1rem}
.flying-asterisk{position:absolute;font-size:clamp(2.6rem,5vw,5rem);color:#d8ff72;z-index:1;pointer-events:none;filter:drop-shadow(0 8px 9px #0005)}
.flying-asterisk-one{left:4%;bottom:5%}.flying-asterisk-two{right:0;top:12%;color:#ff987a}
@media (prefers-reduced-motion:no-preference){
 .receipt-illustration::before{animation:fivek-slow-spin 38s linear infinite}
 .receipt-paper{animation:fivek-receipt-arrive 1s cubic-bezier(.2,.8,.2,1) both}
 .receipt-paper.is-flipping{animation:fivek-receipt-flip .36s ease}
 .receipt-stamp{animation:fivek-stamp-bob 4s ease-in-out infinite}
 .flying-asterisk-one{animation:fivek-float-one 8s ease-in-out infinite}
 .flying-asterisk-two{animation:fivek-float-two 9s ease-in-out infinite}
 .sector-cameo{animation:fivek-stamp-bob 5s ease-in-out infinite}
 .hub-card:hover .hub-symbol,.sector-card:hover .sector-card-top span:first-child{transform:rotate(18deg) scale(1.18);transition:transform .3s ease}
 .hub-wink span{animation:fivek-slow-spin 16s linear infinite}
 @keyframes fivek-slow-spin{to{rotate:360deg}}
 @keyframes fivek-stamp-bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
 @keyframes fivek-float-one{0%,100%{transform:translate(0,0) rotate(-12deg)}50%{transform:translate(14px,-16px) rotate(11deg)}}
 @keyframes fivek-float-two{0%,100%{transform:translate(0,0) rotate(10deg)}50%{transform:translate(-13px,17px) rotate(-8deg)}}
 @keyframes fivek-receipt-arrive{from{opacity:0;transform:translateY(32px) rotate(3deg)}to{opacity:1;transform:rotate(-2deg)}}
 @keyframes fivek-receipt-flip{0%{opacity:.75;transform:scale(.96) rotate(-4deg)}100%{opacity:1;transform:rotate(-2deg)}}
}
@media(max-width:850px){.receipt-section{grid-template-columns:1fr;padding-block:4rem}.receipt-illustration{min-height:480px}.receipt-paper{max-width:350px}}
@media(max-width:430px){.receipt-illustration{min-height:490px;padding:2rem .5rem}.receipt-paper{padding:1.5rem 1.1rem}.receipt-stamp{font-size:.52rem}.receipt-doodle{font-size:.58rem}.sector-cameo{right:.5rem;top:.5rem;max-width:55%;font-size:.52rem}}
@media(prefers-reduced-motion:reduce){.receipt-paper,.receipt-stamp,.receipt-illustration::before,.flying-asterisk,.hub-wink span,.sector-cameo{animation:none!important;transition:none!important}.receipt-toggle{transition:none!important}}

/* Lighthouse mobile accessibility follow-up: preserve the intended hierarchy and contrast. */
.demo-panel h2{font:700 33px/1.09 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:15px 0 20px;color:#fff}
.demo-panel h2 em{font-family:Georgia,serif;font-weight:400}
.demo-panel .mini-launch h2{font-size:31px;margin:20px 0 8px}
.brand-name small{color:#40564d}
.hero-promise span{color:#42564b}

/* Consistent readable attribution across the industry index and all specialist pages. */
.logo small{color:#40564d}

/* Real-device audit: contrast on the simulated preview bar. */
.concept-stage-top small{color:#40594b}

/* Audited contrast for supporting labels in the concept and industry finder. */
.concept-blueprint-head span{color:#40594b}
.concept-lab-caveat{color:#40594b}
.sector-count{color:#40594b}

/* Muted card-number text in the 19-sector finder must remain readable on both surface tones. */
.sector-card .sector-card-top{color:#40594b}
.sector-card.sector-featured .sector-card-top{color:#f6fff3}