/* Type scale for every page of content.socialhustlr.com, modelled on ramp.com (owner 2026-10-24).
   Ramp's rules: one weight (regular) for nearly everything, hierarchy from size and a softer ink, very tight
   line height on big titles, a muted lead line under each title, tiny uppercase labels. Inter instead of their
   Lausanne, so big sizes get a little negative letter spacing. Loaded last on every page (functions.php), so these
   rules win over style.css and css/sh-*.css; remove this file to go back. Phones: under 640px. */
:root { --sh-ink: #111014; --sh-ink-2: rgba(17, 16, 20, .62); --sh-ink-3: rgba(17, 16, 20, .62); }

/* base: regular weight, near-black headings */
html body { font-weight: 400; }
html body p, html body a, html body li { font-weight: 400; }
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 { font-weight: 400; letter-spacing: -.02em; color: var(--sh-ink); }

/* titles and lead lines split into even lines instead of leaving one word alone */
html body h1, html body h2, html body h3, html body .section-heading__title { text-wrap: balance; }
html body .section-heading__subtitle { text-wrap: pretty; }

/* 1. page title: "Let's get started", "Let's make content that performs" */
html body .section-heading__title { font-size: 52px; line-height: 1.04; font-weight: 400; letter-spacing: -.035em; color: var(--sh-ink); padding-bottom: 18px; }
html body .success__title { font-size: 40px; line-height: 1.08; font-weight: 400; letter-spacing: -.03em; color: var(--sh-ink); }

/* 2. lead line under a title */
html body .signup .section-heading__subtitle, html body .submission .section-heading__subtitle, html body .section-heading__subtitle { font-size: 20px; line-height: 1.4; font-weight: 400; letter-spacing: -.012em; color: var(--sh-ink-2); }

/* 3. card and section titles: "Your details", the package name, "Fill in your brief", brief cards, preview window */
html body .sh-co__details-head h2, html body .submission__form h3, html body .submission__form .submission__heading, html body .sh-fp__head h2 {
	font-size: 24px; line-height: 1.17; font-weight: 400; letter-spacing: -.022em; color: var(--sh-ink); }
html body .submission__form .sh-bf__title { font-size: 22px; line-height: 1.2; font-weight: 400; letter-spacing: -.02em; color: var(--sh-ink); }
html body .sh-pkg__title, html body .signup .woocommerce .sh-pkg h3.sh-pkg__title { font-size: 24px; line-height: 1.17; font-weight: 400; letter-spacing: -.022em; }

/* 4. text */
html body .success__box p, html body ol.sh-next li { font-size: 16px; line-height: 1.55; color: var(--sh-ink-2); }
html body .success__box p.sh-next__intro { font-size: 18px; line-height: 1.4; font-weight: 400; letter-spacing: -.01em; color: var(--sh-ink); }
html body .sh-co-badge { font-size: 13px; font-weight: 500; }
html body ol.sh-next li strong, html body .success ol.sh-next li strong { font-weight: 500; }
html body .sh-fp__note { font-size: 14px; line-height: 1.45; font-weight: 400; }
html body .submission__form .sh-bf__sub { font-size: 14px; line-height: 1.45; color: var(--sh-ink-3); }

/* 5. small print */
html body .sh-pkg__list li { font-size: 14px; line-height: 1.43; }
html body .sh-pkg__due span, html body .sh-pkg__note span { font-size: 13px; line-height: 1.45; }
html body .sh-pkg__note strong { font-size: 14px; font-weight: 500; }
html body .sh-co__trust { font-size: 13px; color: var(--sh-ink-3); }
html body .sh-co__trust li { font-weight: 400; }
html body .header__secure { font-size: 13px; font-weight: 400; color: var(--sh-ink-3); }
html body .header__help a, html body .header--co .header__help a { font-size: 14px; font-weight: 500; color: var(--sh-ink); }
html body .submission__secure p, html body .sh-bf-secure { font-size: 13px; color: var(--sh-ink-3); }
html body .submission__form [class*=uacf7-form-] .sh-bf span.sh-bf__hint { font-size: 13px; color: var(--sh-ink-3); }
html body .sh-bf-aside__what, html body .sh-bf-aside__tip { font-size: 13px; line-height: 1.45; }
html body .footer p { font-size: 12px; line-height: 1.25; font-weight: 400; color: #5f5e63; }

/* 6. form labels: one step up from regular so fields stay easy to scan */
html body .signup .sh-co label { font-size: 14px !important; font-weight: 500; color: var(--sh-ink); }
html body .submission__form [class*=uacf7-form-] .sh-bf span.sh-bf__label { font-size: 14px; font-weight: 500; color: var(--sh-ink); }
html body .submission__form label { font-weight: 500; }

/* 7. tiny uppercase labels: STEP 1 · NOW, YOUR PACKAGE, STRATEGY, WHAT CLIENTS SAY */
html body .sh-steps__kicker, html body .sh-pkg__kicker, html body .sh-pkg__group, html body .sh-co__reviews-kicker,
html body .sh-bf-aside__kicker { font-size: 11px; font-weight: 500; letter-spacing: .08em; }

/* 8. step names, package lines, totals */
html body .sh-steps__label { font-size: 16px; font-weight: 400; letter-spacing: -.01em; }
html body .sh-bf-aside__line strong { font-size: 15px; font-weight: 500; letter-spacing: -.01em; }
html body .signup .woocommerce .sh-pkg table tr.order-total th, html body .signup .woocommerce .sh-pkg table tr.order-total td { font-weight: 500; }

/* 9. buttons: regular-to-medium, never heavy */
html body .signup .woocommerce .sh-co button#place_order { font-size: 16px; font-weight: 500; letter-spacing: -.01em; }
html body .submission__form [class*=uacf7-form-] .sh-bf input[type=submit], html body .submission__form .sh-bf button[type=submit] {
	font-weight: 500 !important; font-size: 16px !important; letter-spacing: -.01em; }
html body .sh-fp__back { font-size: 15px; font-weight: 500; letter-spacing: -.01em; }
html body .sh-fp__open, html body .sh-steps .sh-fp__open { font-weight: 500; }

/* 10. big numbers: $299, the minutes in the brief side box */
html body .sh-pkg__amount { font-size: 56px; line-height: 1; font-weight: 400; letter-spacing: -.045em; }
html body .sh-pkg__amount strong, html body .sh-pkg__amount .amount, html body .sh-pkg__amount .woocommerce-Price-currencySymbol { font-weight: 400; }
html body .sh-bf-aside__time, html body .sh-bf-aside__time > span:first-child { font-weight: 400; }

/* 11. reviews */
html body .sh-co__reviews-list li:first-child p { font-size: 18px; line-height: 1.45; font-weight: 400; letter-spacing: -.012em; color: var(--sh-ink); }
html body .sh-co__reviews-list p { font-size: 14.5px; line-height: 1.5; font-weight: 400; color: var(--sh-ink); }
html body .sh-co__who { font-size: 13px; font-weight: 500; color: var(--sh-ink-3); }

@media (max-width: 639px) {
	html body .signup .section-heading__title, html body .submission .section-heading__title, html body .section-heading__title {
		font-size: 34px !important; line-height: 1.08 !important; letter-spacing: -.03em; padding-bottom: 12px !important; }
	html body .signup .section-heading__subtitle, html body .submission .section-heading__subtitle, html body .section-heading__subtitle {
		font-size: 16px !important; line-height: 1.45 !important; }
	html body .success__title { font-size: 30px; }
	html body .sh-co__details-head h2, html body .submission__form h3, html body .sh-fp__head h2, html body .sh-pkg__title, html body .signup .woocommerce .sh-pkg h3.sh-pkg__title { font-size: 21px; }
	html body .submission__form .sh-bf__title { font-size: 20px; }
	html body .sh-steps__label { font-size: 14px; }
	html body .sh-steps__kicker { font-size: 10.5px; }
	html body .sh-pkg__amount { font-size: 48px; }
	html body .sh-co__reviews-list li:first-child p { font-size: 16.5px; }
}