.freebie-inline { display: flex; gap: 12px; align-items: center; padding: 12px 16px; background: linear-gradient(135deg, #fff8e1 0%, #fde68a 100%); border: 1px solid #d97706; border-radius: 10px; margin: 12px 0; font-size: 13.5px; } .freebie-inline .fb-icon { font-size: 22px; flex-shrink: 0; } .freebie-inline .fb-text { display: flex; flex-direction: column; line-height: 1.4; } .freebie-inline .fb-text strong { color: #042220; font-size: 13.5px; } .freebie-inline .fb-text span { color: #78350f; font-size: 12px; margin-top: 2px; } .freebie-banner { display: flex; gap: 16px; align-items: center; padding: 18px 22px; background: linear-gradient(135deg, #fff8e1 0%, #fde68a 100%); border-left: 4px solid #d97706; border-radius: 10px; margin: 0 0 24px; } .freebie-banner.is-repeat { background: linear-gradient(135deg, #ecfdf5 0%, #a7f3d0 100%); border-left-color: #15803d; } .freebie-banner .fb-icon { font-size: 32px; flex-shrink: 0; } .freebie-banner strong { display: block; font-size: 16px; color: #042220; margin-bottom: 4px; } .freebie-banner p { font-size: 13.5px; margin: 0; line-height: 1.5; color: #5C6270; } .freebie-hero { max-width: 1100px; margin: 0 auto 32px; padding: 32px 36px; background: linear-gradient(135deg, #042220 0%, #1f2128 100%); color: #eff7f6; border-radius: 18px; text-align: center; } .freebie-hero .fb-eyebrow { font-family: 'JetBrains Mono', SFMono-Regular, monospace; font-size: 11px; letter-spacing: 0.12em; color: #fde68a; display: inline-block; margin-bottom: 12px; } .freebie-hero h2 { font-family: 'Instrument Serif', Georgia, serif; font-size: 36px; line-height: 1.15; margin: 0 0 10px; color: #eff7f6; } .freebie-hero h2 em { font-style: italic; color: #fde68a; } .freebie-hero p { font-size: 14.5px; color: rgba(239,247,246,0.8); max-width: 640px; margin: 0 auto; line-height: 1.55; } @media (max-width: 760px) { .freebie-hero { padding: 24px 24px; } .freebie-hero h2 { font-size: 24px; } }