/* Business pages: Hire From Us, Work With Us, Corporate Training, Donate Education, Refer and Earn. */
.biz{--muted:var(--ink-600);--line:rgba(11,26,51,.14);--field:var(--cream-100);max-width:1440px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:48px;color:var(--ink-900)}
.biz [id]{scroll-margin-top:130px}
.biz a{color:var(--orange-700)}
.biz a:hover{color:var(--orange-800)}
.biz h1{margin:0;font:400 40px/1.12 var(--font-sans);letter-spacing:-.01em;text-wrap:balance}
.biz h2{margin:0;font:400 28px/1.22 var(--font-sans)}
.biz h1 strong,.biz h2 strong{font-weight:600}
.biz-eyebrow{font:600 14px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-700)}
.biz-lead{margin:0;font:400 17px/1.55 var(--font-sans);color:var(--muted);text-wrap:pretty;max-width:560px}
.biz-body{margin:0;font:400 15px/1.65 var(--font-sans);color:var(--muted);text-wrap:pretty}
.biz-small{margin:0;font:400 15px/1.5 var(--font-sans);color:var(--muted)}
.biz-sec{display:flex;flex-direction:column;gap:20px}
.biz-head{display:flex;flex-direction:column;gap:8px;max-width:640px}
.biz-head .biz-lead{line-height:1.5}

/* Buttons */
.biz-btns{display:flex;flex-wrap:wrap;gap:12px}
.biz .biz-btn{align-self:flex-start;height:48px;padding:0 20px;border-radius:12px;background:var(--navy-900);color:var(--cream-100);font:600 14px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;cursor:pointer}
.biz .biz-btn:hover{background:var(--navy-800);color:var(--cream-100)}
.biz .biz-btn--line{background:none;color:var(--ink-900);border:1px solid var(--line)}
.biz .biz-btn--line:hover{background:rgba(11,26,51,.05);color:var(--ink-900)}

/* Hero + image placeholders */
.biz-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}
.biz-hero__text{display:flex;flex-direction:column;gap:16px;min-width:0}
.biz-ph{width:100%;aspect-ratio:4/3;border-radius:20px;background:var(--cream-200);object-fit:cover;object-position:60% 40%;display:block}
.biz--cream .biz-ph{background:var(--cream-100)}

/* Card grids */
.biz-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.biz-grid--logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.biz-logo{height:72px;border-radius:12px;background:var(--cream-200);border:1px solid var(--line)}
.biz-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:var(--cream-200);border:1px solid var(--line)}
.biz-card b{font:600 17px/1.3 var(--font-sans)}
.biz-card > span:last-child{font:400 15px/1.55 var(--font-sans);color:var(--muted);text-wrap:pretty}
.biz-ico{width:40px;height:40px;border-radius:12px;color:var(--cream-100);display:grid;place-items:center}
.biz-num{font:600 28px/1 var(--font-sans);color:var(--orange-700)}
/* Coloured cards */
.biz-card--fill{border:0;color:var(--cream-100)}
.biz-card--fill > span:last-child{color:inherit;line-height:1.5}
.biz-card--fill .biz-num{font-size:30px;color:inherit;opacity:.9}
.biz-pill{align-self:flex-start;padding:8px 12px;border-radius:999px;background:rgba(253,243,232,.16);font:600 14px/1 var(--font-sans)}
.biz-card--fmt b{font-size:20px;line-height:1.25}
.bg-cobalt{background:var(--cobalt-600)}.bg-orange{background:var(--orange-700)}.bg-azure{background:var(--azure-600)}.bg-brand{background:var(--tg-blue)}

/* Stats */

/* Corporate Training (businesses): navy stats strip, "Why" cards with the icon beside the text, result cards */
.biz-navstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:20px;background:var(--navy-900);color:var(--cream-100);overflow:hidden}
.biz-navstats div{display:flex;flex-direction:column;gap:8px;padding:20px 16px;border-left:1px solid rgba(253,243,232,.14);margin-left:-1px}
.biz-navstats b{font:600 28px/1 var(--font-sans);color:var(--orange-500)}
.biz-navstats span{font:400 15px/1.4 var(--font-sans)}
.biz-card--row{flex-direction:row;gap:16px}
.biz-card--row div{display:flex;flex-direction:column;gap:8px;min-width:0}
.biz-card--row div span{font:400 15px/1.55 var(--font-sans);color:var(--muted);text-wrap:pretty}
.biz-ico--soft{flex:none;background:var(--cream-100);color:var(--orange-700)}
.biz-result small{font:600 14px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.biz-result strong{font:600 28px/1 var(--font-sans);color:var(--orange-700)}
.biz-card.biz-result b{font-size:16px}

/* Chips */
.biz-chips{display:flex;flex-wrap:wrap;gap:8px}
.biz-chip{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:var(--cream-200);border:1px solid var(--line);font:500 14px/1 var(--font-sans)}

/* Form block */
.biz-formsec{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.biz-formsec__text{display:flex;flex-direction:column;gap:12px}
.biz-formbox{padding:20px;border-radius:20px;background:var(--cream-200);border:1px solid var(--line)}
.biz-form{display:flex;flex-direction:column;gap:16px}
.biz-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.biz-field{display:flex;flex-direction:column;gap:8px;font:500 14px/1 var(--font-sans)}
.biz-field input,.biz-field select,.biz-field textarea{width:100%;height:48px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink-900);font:400 15px/1 var(--font-sans);outline:none}
.biz-field select{padding:0 12px}
.biz-field textarea{height:auto;padding:12px 16px;line-height:1.5;resize:vertical}
.biz-field input:focus,.biz-field select:focus,.biz-field textarea:focus{border-color:var(--navy-900)}
.biz-field small{font:400 15px/1.4 var(--font-sans);color:var(--muted)}
.biz-submit{height:48px;border:0;border-radius:12px;background:var(--navy-900);color:var(--cream-100);font:600 14px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.biz-submit:hover{background:var(--navy-800)}
.biz-thanks{display:flex;flex-direction:column;gap:12px}
.biz-thanks b{font:600 18px/1.3 var(--font-sans)}
.biz-thanks .biz-ico{border-radius:50%;background:var(--cobalt-600)}
/* Toggle chips (checkbox / radio styled as pills) */
.biz-toggle{position:relative;cursor:pointer;padding:8px 12px;border-radius:999px;background:var(--cream-100);color:var(--ink-900);border:1px solid var(--line);font:500 14px/1 var(--font-sans)}
.biz-toggle input,.biz-opt input,.biz-seg input{position:absolute;opacity:0;width:1px;height:1px}
.biz-toggle:has(:checked){background:var(--navy-900);color:var(--cream-100);border-color:var(--navy-900)}
.biz-toggle:has(:focus-visible),.biz-opt:has(:focus-visible),.biz-seg label:has(:focus-visible){outline:2px solid var(--orange-500);outline-offset:2px}
.biz-fs{margin:0;padding:0;border:0;min-width:0}
.biz-fs legend{padding:0 0 8px}
.biz-label{font:500 14px/1 var(--font-sans)}

/* Work With Us: open roles list */
.biz-roles{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--cream-200);border:1px solid var(--line)}
.biz-role{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 24px;align-items:center;padding:20px}
.biz-role + .biz-role{border-top:1px solid rgba(11,26,51,.1)}
.biz-role__t{display:flex;flex-direction:column;gap:8px;min-width:0}
.biz-role__t b{font:600 17px/1.3 var(--font-sans)}
.biz-role__t span{font:400 15px/1.4 var(--font-sans);color:var(--muted)}
.biz-tags{display:flex;flex-wrap:wrap;gap:8px}
.biz-tags span{padding:8px 12px;border-radius:999px;background:var(--cream-100);border:1px solid var(--line);font:500 14px/1 var(--font-sans);color:var(--muted)}
.biz .biz-apply{justify-self:start;height:48px;padding:0 20px;border-radius:12px;border:1px solid var(--line);color:var(--ink-900);font:600 14px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px;text-decoration:none}
.biz .biz-apply:hover{background:var(--navy-900);color:var(--cream-100);border-color:var(--navy-900)}

/* Donate: sponsorship option cards (radios), segmented type switch, chosen summary */
.biz-opt{position:relative;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:#fff;color:var(--ink-900);border:1.5px solid rgba(11,26,51,.12)}
.biz-opt__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.biz-opt__radio{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(11,26,51,.3);display:grid;place-items:center}
.biz-opt__radio::after{content:"";width:10px;height:10px;border-radius:50%}
.biz-opt b{font:600 17px/1.3 var(--font-sans);text-wrap:pretty}
.biz-opt strong{font:600 26px/1.1 var(--font-sans)}
.biz-opt small{font:400 15px/1.45 var(--font-sans);color:var(--muted)}
.biz-opt:has(:checked){background:var(--navy-900);color:var(--cream-100);border-color:var(--navy-900)}
.biz-opt:has(:checked) .biz-eyebrow{color:var(--orange-500)}
.biz-opt:has(:checked) small{color:rgba(253,243,232,.8)}
.biz-opt:has(:checked) .biz-opt__radio{border-color:var(--cream-100)}
.biz-opt:has(:checked) .biz-opt__radio::after{background:var(--cream-100)}
.biz-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:var(--cream-100);border:1px solid var(--line)}
.biz-seg label{position:relative;cursor:pointer;text-align:center;padding:12px 0;border-radius:10px;color:var(--muted);font:500 14px/1 var(--font-sans)}
.biz-seg label:has(:checked){background:var(--navy-900);color:var(--cream-100);font-weight:600}
.biz-chosen{display:none;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:var(--cream-100)}
.biz-chosen span{font:500 14px/1 var(--font-sans);color:var(--muted)}
.biz-chosen b{font:600 15px/1.3 var(--font-sans)}
.biz-chosen strong{font:600 20px/1.2 var(--font-sans)}
.biz-if-company,.biz-if-custom{display:none}
.donate:has(#don-type-company:checked) .biz-if-company,.donate:has(#don-opt-3:checked) .biz-if-custom{display:flex}
.donate:has(#don-opt-0:checked) .biz-chosen--0,.donate:has(#don-opt-1:checked) .biz-chosen--1,
.donate:has(#don-opt-2:checked) .biz-chosen--2,.donate:has(#don-opt-3:checked) .biz-chosen--3{display:flex}
.biz-split{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}
.biz-split__text{display:flex;flex-direction:column;gap:16px}
.biz-ticks{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.biz-ticks li{display:flex;gap:12px;align-items:flex-start;font:400 15px/1.45 var(--font-sans)}
.biz-ticks .icon{color:var(--orange-700);margin-top:4px}
.biz-csr{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:24px;border-radius:20px;background:var(--navy-900);color:var(--cream-100)}
.biz-csr .biz-eyebrow{color:var(--orange-500)}
.biz-csr .biz-body{color:rgba(253,243,232,.82)}
.biz-csr__note{font:600 14px/1.5 var(--font-sans);color:var(--orange-500)}
.biz-csr__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center}
.biz-csr__grid div{padding:16px;border-radius:12px;background:rgba(253,243,232,.07);border:1px solid rgba(253,243,232,.14);display:flex;flex-direction:column;gap:8px;font:600 15px/1.3 var(--font-sans)}
.biz-csr__grid .icon{color:var(--orange-500)}

/* Refer and Earn */
.refer{max-width:1280px}
.refer h1{line-height:1.1}
.refer h2{line-height:1.2}
.refer-top{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.refer-main{display:flex;flex-direction:column;gap:48px;min-width:0}
.refer-hero{display:flex;flex-direction:column;gap:16px}
.refer-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px}
.refer-rewards div{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:var(--tg-blue);color:var(--cream-100)}
.refer-rewards div + div{background:var(--orange-500);color:var(--ink-900)}
.refer-rewards small{font:600 14px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.refer-rewards strong{font:italic 400 36px/1 var(--font-serif)}
.refer-rewards span{font:400 15px/1.4 var(--font-sans);opacity:.85}
.refer-rewards div + div small,.refer-rewards div + div span{opacity:1}
.refer-steps{display:flex;flex-direction:column;gap:16px}
.refer-steps ol{margin:0;padding:0;list-style:none;border-radius:20px;background:var(--cream-200)}
.refer-steps li{display:flex;gap:16px;align-items:flex-start;padding:20px}
.refer-steps li + li{border-top:1px solid rgba(11,26,51,.1)}
.refer-steps li > span{flex:none;width:36px;height:36px;border-radius:50%;background:var(--cream-100);color:var(--navy-900);display:grid;place-items:center;font:700 15px/1 var(--font-sans)}
.refer-steps li div{display:flex;flex-direction:column;gap:4px;min-width:0}
.refer-steps li b{font:600 16px/1.3 var(--font-sans)}
.refer-steps li div span{font:400 15px/1.5 var(--font-sans);color:var(--muted)}
.refer-box{min-width:0;padding:20px;border-radius:20px;background:var(--cream-100);display:flex;flex-direction:column;gap:20px;--field:var(--cream-200)}
.refer-box .biz-form > b{font:400 22px/1.2 var(--font-sans)}
.refer-box .biz-form > b strong{font-weight:600}
.refer-box .biz-eyebrow{padding-top:4px}
.refer-box .biz-pair{gap:12px}
.refer-box .biz-submit{background:var(--orange-700)}
.refer-box .biz-submit:hover{background:var(--orange-450)}
.refer-box .biz-thanks .biz-ico{width:44px;height:44px;background:var(--tg-blue)}
.refer-box .biz-thanks b{font-size:20px}
.refer-consent{display:flex;gap:12px;align-items:flex-start;font:400 15px/1.45 var(--font-sans);color:var(--muted)}
.refer-consent input{margin:4px 0 0;width:16px;height:16px;flex:none}
.refer-share{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.refer-share > b{font:600 14px/1 var(--font-sans)}
.refer .refer-wa{height:48px;border-radius:12px;border:1px solid var(--line);color:var(--ink-900);font:600 14px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.refer .refer-wa:hover{background:rgba(11,26,51,.05);color:var(--ink-900)}
.refer-terms{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
/* Terms accordion: navy panels, as in the design */
.refer-faq{display:flex;flex-direction:column;gap:12px}
.refer-faq details{border-radius:12px;background:var(--navy-800);color:var(--cream-100)}
.refer-faq summary{padding:12px 20px;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:600 15px/1.45 var(--font-sans);cursor:pointer}
.refer-faq summary .icon{opacity:.8;transition:transform .2s var(--ease-out)}
.refer-faq details[open] summary .icon{transform:rotate(180deg)}
.refer-faq p{margin:0;padding:0 20px 16px;font:400 15px/1.5 var(--font-sans);color:rgba(253,243,232,.75)}

@media (min-width:768px){
  .biz{padding:48px 32px 80px;gap:64px}
  .biz h1{font-size:56px}
  .biz h2{font-size:36px}
  .biz-lead{font-size:18px}
  .biz-body{font-size:16px}
  .biz-hero,.biz-formsec,.biz-split{gap:32px}
  .biz-ph{aspect-ratio:16/9;border-radius:20px}
  .biz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .biz-grid--fmt{grid-template-columns:repeat(3,minmax(0,1fr))}
  .biz-grid--logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .biz-card,.biz-opt{padding:24px}
  .biz-navstats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .biz-navstats div{padding:24px}
  .biz-navstats b,.biz-result strong{font-size:34px}
  .biz-formbox{padding:32px}
  .biz-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
  .biz-role{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;padding:20px 24px}
  .biz .biz-apply{justify-self:end}
  .biz-csr{padding:32px}
  .refer-top,.refer-terms{gap:32px}
  .refer-main{gap:64px}
  .refer-box{padding:32px}
}
@media (min-width:1280px){
  .biz{padding:64px 80px 96px;gap:96px}
  .biz h1{font-size:72px}
  .biz h2{font-size:44px}
  .biz-lead{font-size:20px}
  .biz-body{font-size:17px}
  .biz-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px}
  .biz-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
  .biz-split .biz-ph{aspect-ratio:5/4}
  .biz-ph{aspect-ratio:4/3;border-radius:20px}
  .biz-formsec{grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:64px}
  .biz-formsec--narrow{grid-template-columns:minmax(0,1fr) minmax(0,560px)}
  .biz-card,.biz-opt{padding:32px}
  .biz-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .biz-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .biz-grid--logos{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}
  .biz-navstats div{padding:32px 32px}
  .biz-navstats b,.biz-result strong{font-size:40px}
  .biz-formbox{padding:32px}
  .biz-role{padding:24px 32px}
  .biz-csr{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;padding:48px}
  .refer-top{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:64px}
  .refer-main{gap:96px}
  .refer-box{position:sticky;top:120px;padding:32px}
  .refer-terms{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:64px}
}