/* General B2B page additions on top of the recruitment.clck.au styles (styles.css). */
.preview-bar{background:#2a1b00;color:#ffd58a;font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-align:center;padding:6px 12px}
.result small{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.45}
.result.quote b{font-size:clamp(18px,1.7vw,21px);line-height:1.35;letter-spacing:-.01em;color:var(--text)}
.result.placeholder{border-style:dashed;border-color:var(--lav);background:rgba(180,149,255,.06)}
.result.placeholder b{color:var(--lav);font-size:22px;letter-spacing:-.01em}
#after .results .result p{font-size:17px;color:var(--text)}
.after-k{text-transform:uppercase;letter-spacing:.06em;margin-top:22px}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.tier{border:1px solid var(--line2);border-radius:12px;padding:14px;display:grid;gap:4px}
.tier b{font-weight:800;font-size:34px;line-height:1;color:var(--cyan)}
.tier span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.calc .funnel b.rev{color:var(--cyan)}
.calc .funnel{grid-template-columns:repeat(2,minmax(0,1fr))}
.calc .funnel b{font-size:22px;line-height:1.2}
.calc .funnel b small{display:block;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.shots-feature.b2b{grid-template-columns:1fr 1fr}
.testimonial.noface{grid-template-columns:minmax(0,1fr)}
.shot figcaption{overflow-wrap:anywhere}
.glance .who .t small{line-height:1.4}
@media (max-width:980px){.results.nine{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.results.nine,.shots-feature.b2b{grid-template-columns:1fr}.tier b{font-size:26px}}

/* ---- 20 Oct 2026 rework: logo strip, inbox strip, calculator, apply band, modal, sticky button ---- */
/* Logo strip (deck slide 2 treatment: white tiles; dark tiles for white-on-transparent marks) */
.logos-band{background:var(--rail);padding-block:26px 30px}
.logos-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.logos-head .kicker{color:var(--sec)}
.marquee-toggle{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sec);background:transparent;border:1px solid var(--line2);border-radius:999px;padding:8px 14px;min-height:36px;cursor:pointer}
.marquee-toggle:hover{color:var(--cyan);border-color:var(--cyan)}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-track{display:flex;width:max-content;animation:clck-marquee 75s linear infinite}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track,.marquee.is-paused .marquee-track{animation-play-state:paused}
.marquee-set{display:flex;gap:14px;padding:0 14px 0 0;margin:0;list-style:none}
.logo{flex:none;width:172px;height:78px;background:#fff;border-radius:12px;display:grid;place-items:center;padding:14px 20px}
.logo.dark{background:#16142b;border:1px solid var(--line2)}
.logo img{width:auto;height:auto;max-width:100%;max-height:46px;object-fit:contain}
@keyframes clck-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .marquee{-webkit-mask-image:none;mask-image:none}
  .marquee-track{width:auto;animation:none}
  .marquee-set{flex-wrap:wrap;justify-content:center;padding:0 var(--gutter)}
  .marquee-set.dup,.marquee-toggle{display:none}
}

/* Inbox strip */
.inbox{background:linear-gradient(180deg,rgba(17,27,45,.55),transparent 60%)}
.inbox-grid{columns:3 300px;column-gap:14px}
.inbox-grid .shot{margin:0 0 14px}
.inbox-grid.clients{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.inbox-grid.clients .shot{margin:0}
.inbox-sub{margin:30px 0 14px}
.inbox-cta{margin-top:30px;display:flex;justify-content:center}
@media (max-width:640px){
  .inbox-grid,.inbox-grid.clients{columns:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
  .inbox-grid .shot,.inbox-grid.clients .shot{flex:0 0 84%;scroll-snap-align:start;margin:0}
  .inbox-cta .btn{width:100%}
  .logo{width:138px;height:64px;padding:12px 16px}
  .logo img{max-height:38px}
}

/* Calculator (inputs an owner knows) */
@media (min-width:981px){.calc2{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media (max-width:980px){.calc2{grid-template-columns:minmax(0,1fr)}}
.cfield{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.cfield + .cfield{margin-top:10px}
.cfield legend{font-weight:800;font-size:19px;line-height:1.3;letter-spacing:-.015em;padding:0;margin-bottom:8px}
.cfield .help{margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{font-family:var(--mono);font-size:13px;letter-spacing:.04em;border:1px solid var(--line2);border-radius:999px;padding:10px 14px;min-height:44px;background:transparent;color:var(--sec);cursor:pointer}
.chips button:hover{border-color:var(--cyan);color:var(--text)}
.chips button[aria-pressed="true"]{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}
.money{position:relative}
.money span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--sec);pointer-events:none}
.money .inp{padding-left:46px;font-weight:700;font-variant-numeric:tabular-nums}
.cfield .lbl{margin:4px 0 0}
.regions{grid-template-columns:repeat(2,minmax(0,1fr))}
.regions .choice{font-size:15.5px;line-height:1.3}
.choice input{flex:none}
#calcForm{display:flex;flex-direction:column}
.calc-cta{margin-top:auto;display:grid;gap:10px;justify-items:start;padding-top:8px}
.calc-cta .note{margin:0}
@media (max-width:640px){.calc-cta .btn{width:100%}}
.calc-out{gap:14px}
.plan-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}
.plan-head .k,.calc-out dt.k{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0}
.plan-name{font-weight:800;font-size:clamp(28px,3vw,36px);line-height:1.05;letter-spacing:-.04em;color:var(--cyan);margin:2px 0 0}
.calc-out .seg button{min-height:36px}
.calc-out .ledger{margin:0}
.calc-out .ledger .l{display:grid;gap:4px;justify-content:stretch}
.calc-out .ledger dd{margin:0}
.calc-out .ledger .v{font-size:clamp(19px,1.8vw,22px);line-height:1.3;letter-spacing:-.02em}
.calc-out .ledger .v.hi{color:var(--cyan);font-size:clamp(22px,2.2vw,28px)}
.calc-out .ledger .v small{display:block;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.03em;color:var(--muted);margin-top:4px}
.covers{margin:0;font-weight:800;font-size:clamp(19px,1.8vw,22px);line-height:1.35;border-left:3px solid var(--cyan);padding:4px 0 4px 14px}
.market{margin:0}
.calc-out .note{margin:0}
@media (max-width:430px){.regions{grid-template-columns:1fr}}

/* Apply band: the page's goal */
.apply-band{background:radial-gradient(900px 420px at 50% 0%,rgba(110,17,240,.35),transparent 70%),linear-gradient(180deg,#0e0a24,var(--night));border-top:1px solid rgba(180,149,255,.35)}
.apply-head{max-width:820px;margin:0 auto;text-align:center;display:grid;gap:16px;justify-items:center}
.apply-head h2{font-size:clamp(36px,5vw,60px)}
.apply-steps{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}
.apply-steps li{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;color:var(--sec)}
.apply-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(104,247,212,.14);color:var(--cyan);font-size:13px}
.apply-body{max-width:780px;margin:clamp(28px,4vw,40px) auto 0;display:grid;gap:26px}
.apply-slot .form-card{border:1.5px solid rgba(104,247,212,.45);box-shadow:0 30px 80px rgba(110,17,240,.28),0 0 0 6px rgba(104,247,212,.05);padding:clamp(22px,3.4vw,40px)}
.apply-moved{text-align:center;margin:0}
.apply-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.apply-side .side{flex:1 1 380px}

/* Modal (one form instance, moved in by app.js) */
html.modal-open{overflow:hidden}
.app-modal{border:0;padding:0;margin:auto;background:transparent;color:var(--text);width:min(680px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
.app-modal::backdrop{background:rgba(3,6,12,.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.app-modal-inner{background:var(--surface);border:1px solid var(--line2);border-radius:var(--r);padding:clamp(18px,3vw,28px);display:grid;gap:18px}
.app-modal-top{display:flex;align-items:start;justify-content:space-between;gap:14px}
.app-modal-top h2{font-size:clamp(24px,3vw,32px);margin-top:6px}
.app-modal-top .help{margin:6px 0 0}
.modal-close{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--text);font-size:26px;line-height:1;cursor:pointer}
.modal-close:hover{border-color:var(--cyan);color:var(--cyan)}
.app-modal .form-card{border-color:var(--line2);box-shadow:none}
@media (max-width:640px){
  .app-modal{width:100%;height:100%;max-height:none;margin:0;inset:0}
  .app-modal-inner{min-height:100%;border-radius:0;border:0;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));align-content:start}
  .app-modal .form-card{padding:16px}
}

/* Sticky apply button (after the hero; a bar on mobile) */
.sticky-apply{position:fixed;right:20px;bottom:20px;z-index:30;display:flex;align-items:center;gap:16px;background:rgba(12,20,34,.96);border:1px solid rgba(104,247,212,.4);border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 18px 50px rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sticky-note{font-family:var(--mono);font-size:13px;color:var(--sec)}
.sticky-apply{transition:opacity .18s ease,visibility .18s}
/* app.js adds is-covering while content sits under the button, so it never hides text, buttons or fields */
.sticky-apply.is-covering{opacity:0;visibility:hidden;pointer-events:none}
@media (max-width:640px){
  .sticky-apply{left:0;right:0;bottom:0;border-radius:0;border-width:1px 0 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
  .sticky-note{display:none}
  .sticky-apply .btn{width:100%}
  body.has-sticky{padding-bottom:76px}
  .apply-side{justify-content:flex-start}
  .apply-steps{flex-direction:column;align-items:flex-start}
  .chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .chips button{padding:10px 2px;font-size:12px;letter-spacing:0}
}

/* Location question: states two per row, whole-region options full width (same order, same cards). */
.choices-2{grid-template-columns:1fr 1fr}
.choices-2 .choice.wide{grid-column:1/-1}