/* Webprofits Academy design tokens. Source: webprofitsacademy.com.au website/au/css/style.css (8 Nov 2026).
   Georgia for display, Gellix for everything else. Consumers never redefine a token. */
@font-face{font-family:'Gellix';src:url('fonts/Gellix-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('fonts/Gellix-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('fonts/Gellix-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('fonts/Gellix-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('fonts/Gellix-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  /* colour, verbatim from the site */
  --black:#010010;            /* body text */
  --black-2:#070808;          /* dark bands, buttons on hover */
  --red:#f54949;              /* the one accent */
  --white:#ffffff;
  --cream:#fefbf7;            /* cards and alternate sections */
  --cream-2:#f2efeb;          /* deeper cream */
  --grey:#a2a2a2;             /* muted labels */
  --grey3:#505152;            /* secondary text */
  --grey4:#e0dedc;            /* strong lines */
  --grey6:#666a6a;            /* captions */
  --line:rgba(7,8,8,.1);      /* card borders */
  --line-strong:rgba(7,8,8,.15);
  --line-dark:rgba(255,255,255,.14);
  --on-dark:rgba(255,255,255,.72);
  /* type */
  --serif:'georgia',Georgia,'Times New Roman',serif;
  --sans:'Gellix',Arial,sans-serif;
  --fs-h1:clamp(2.5rem,2.2rem + 2vw,4rem);
  --fs-h2:clamp(2.0625rem,1.875rem + 1vw,3rem);
  --fs-h3:1.875rem;
  --fs-stat:clamp(2.2rem,2.9rem + 1.6vw,4rem);
  /* shape */
  --r-card:1.25rem;           /* 20px */
  --r-tag:1rem;               /* the white tag pill */
  --r-btn:2.5rem;
  /* layout */
  --content:1230px;
  --ease:cubic-bezier(0.645,0.045,0.355,1);
}

html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--black);background:var(--white);font-size:1rem;line-height:1.6}
h1,h2,h3{font-family:var(--serif);font-weight:400;font-style:normal;line-height:1.1;margin:0;color:inherit}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);line-height:1}
h4,h5,h6{font-family:var(--sans);font-weight:600;margin:0}
h5{font-size:1.25rem;line-height:1.3}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none;margin:0;padding:0}

/* eyebrow */
.top-red{font-size:.95rem;color:var(--red);text-transform:uppercase;letter-spacing:3px;font-weight:600;line-height:1.3}

/* buttons, verbatim shape from the site */
.cta{display:inline-flex;align-items:center;justify-content:center;background-color:var(--red);color:var(--white);font-family:var(--sans);font-size:1rem;font-weight:600;text-align:center;border:1.5px solid var(--red);border-radius:var(--r-btn);padding:1rem 2.1875rem;line-height:1;white-space:nowrap;transition:all .5s var(--ease);cursor:pointer}
.cta::after{content:'';display:inline-block;width:12px;height:12px;margin-left:.65rem;background:url(cta-arrow-white.svg) no-repeat center / contain;transition:all .5s var(--ease)}
.cta:hover{background-color:var(--black);color:var(--white);border-color:var(--black)}
.cta:hover::after{transform:rotate(-45deg)}
.cta.cta-ghost{background:transparent;color:var(--black);border-color:var(--black)}
.cta.cta-ghost::after{background-image:url(cta-arrow-black.svg)}
.cta.cta-ghost:hover{background-color:var(--black);color:var(--white)}
.cta.cta-ghost:hover::after{filter:invert(1)}
.cta.cta-white{background:var(--white);color:var(--black);border-color:var(--white)}
.cta.cta-white::after{background-image:url(cta-arrow-black.svg)}
.cta.cta-white:hover{background:var(--red);color:var(--white);border-color:var(--red)}
.cta.cta-white:hover::after{filter:invert(1)}
.cta.cta-on-dark{background:transparent;color:var(--white);border-color:rgba(255,255,255,.5)}
.cta.cta-on-dark:hover{background:var(--white);color:var(--black);border-color:var(--white)}
.cta.cta-on-dark:hover::after{filter:invert(1)}
.cta.cta-sm{padding:.8rem 1.5rem;font-size:.95rem}

/* text link with the arrow */
.arrow-link{display:inline-flex;align-items:center;font-weight:600;font-size:1rem}
.arrow-link::after{content:'';display:inline-block;width:11px;height:11px;margin-left:.5rem;background:url(cta-arrow-black.svg) no-repeat center / contain;transition:transform .5s var(--ease)}
.arrow-link:hover::after{transform:rotate(-45deg)}
.arrow-link.on-dark{color:var(--white)}
.arrow-link.on-dark::after{background-image:url(cta-arrow-white.svg)}

/* cards and tags */
.universal-box{background:var(--cream);border:1px solid var(--line);border-radius:var(--r-card);padding:2.5rem}
.small-pill{display:inline-block;background:var(--white);border:1px solid var(--line);padding:.5rem 1rem;border-radius:var(--r-tag);text-align:center;font-size:.875rem;font-weight:600;line-height:1.2}

/* stat */
.stat-value{font-family:var(--serif);font-size:var(--fs-stat);color:var(--red);line-height:1;margin:0 0 1rem}
.stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}