/* A single, legible home for all self-paced resources. */
.resources-hub{padding:118px 0;background:#f0f2f1}.resources-hub-intro{display:grid;grid-template-columns:1fr .55fr;column-gap:100px;align-items:end;margin-bottom:48px}.resources-hub-intro .eyebrow{grid-column:1/-1}.resources-hub-intro h2{font-size:clamp(40px,4.5vw,60px);line-height:1.04;letter-spacing:-.04em;margin:0}.resources-hub-intro h2 em{color:var(--gold)}.resources-hub-intro>p:not(.eyebrow){max-width:410px;color:var(--muted);font-size:16px;line-height:1.65;margin:0}.resources-feature-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:22px;align-items:stretch}.free-resource-card{background:var(--navy);color:#fff;padding:44px;display:grid;grid-template-columns:1.1fr .65fr;gap:30px;overflow:hidden;min-height:542px}.free-resource-card h3,.paid-resource-card h3,.resource-courses h3{font-family:var(--serif);font-weight:600;letter-spacing:-.035em;line-height:1.08}.free-resource-card h3{font-size:clamp(32px,3.3vw,46px);margin:0 0 18px}.free-resource-card h3 em{color:var(--gold)}.free-resource-card>div>p:not(.eyebrow):not(.resource-delivery){color:#c7d4e0;line-height:1.6;max-width:410px}.free-resource-card ul,.paid-resource-card ul{list-style:none;padding:0;margin:24px 0}.free-resource-card li,.paid-resource-card li{padding:6px 0 6px 20px;position:relative;font-size:13px;line-height:1.45}.free-resource-card li:before,.paid-resource-card li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}.free-resource-card .free-download-chip{margin-bottom:18px}.free-resource-card .eyebrow{margin-bottom:14px}.resource-delivery{font-size:12px!important;color:#9db1c8!important;margin:12px 0 0!important}.resource-workbook-cover{align-self:center;justify-self:end;width:min(100%,235px);min-height:360px;padding:25px;background:#fbfaf7;color:var(--ink);box-shadow:17px 17px 0 var(--gold);display:flex;flex-direction:column;justify-content:space-between}.resource-workbook-cover>span{align-self:flex-start;padding:5px 7px;background:var(--green);color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em}.resource-workbook-cover small{font-size:8px;letter-spacing:.11em;line-height:1.45;color:#647387}.resource-workbook-cover strong{font-family:var(--serif);font-size:43px;line-height:.88;letter-spacing:-.05em}.resource-workbook-cover strong i{color:#547b66;font-style:normal}.resource-workbook-cover>b{font-size:11px;line-height:1.35;color:#607083}.paid-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.paid-resource-card{display:flex;flex-direction:column;padding:34px 30px;border:1px solid #d4dde1;background:#fff;min-height:542px}.paid-resource-featured{border-color:var(--navy);background:#12355d;color:#fff}.resource-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dce2e6;padding-bottom:16px;margin-bottom:30px}.paid-resource-featured .resource-card-top{border-color:#3b5b7c}.resource-card-top p{margin:0;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.3}.resource-card-top span{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1}.paid-resource-card h3{font-size:31px;margin:0 0 16px}.paid-resource-card>p{font-size:14px;color:var(--muted);line-height:1.57;margin:0}.paid-resource-featured>p{color:#c8d7e5}.paid-resource-card ul{margin-top:22px;margin-bottom:24px;flex:1;border-top:1px solid #e2e7e9;padding-top:10px}.paid-resource-featured ul{border-color:#3b5b7c}.paid-resource-card li{color:#566678}.paid-resource-featured li{color:#d4e0ea}.paid-resource-card .button{align-self:stretch;text-align:center;font-size:13px;padding:14px 12px;white-space:nowrap}.paid-resource-card>small{color:#798798;font-size:10px;line-height:1.4;margin-top:13px}.paid-resource-featured>small{color:#adc0d1}.resource-courses{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;align-items:center;margin-top:54px;padding-top:42px;border-top:1px solid #ccd6da}.resource-courses .eyebrow{margin-bottom:14px}.resource-courses h3{font-size:31px;margin:0 0 8px}.resource-courses>div>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0}.course-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.course-links a{min-height:160px;padding:23px 24px;background:#fff;border:1px solid #d5dde1;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}.course-links a:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 25px rgba(16,38,66,.08)}.course-links span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--gold);line-height:1.25}.course-links b{font-family:var(--serif);font-size:22px;line-height:1.08;letter-spacing:-.025em;margin:18px 0 auto}.course-links small{color:var(--muted);font-size:11px;margin-top:13px}
@media(max-width:900px){.resources-hub-intro{column-gap:50px}.resources-feature-grid{grid-template-columns:1fr}.free-resource-card{grid-template-columns:1fr .48fr;min-height:0}.paid-resource-card{min-height:460px}.resource-courses{grid-template-columns:1fr;gap:25px}}
@media(max-width:640px){.resources-hub{padding:78px 0}.resources-hub-intro{grid-template-columns:1fr;gap:18px;margin-bottom:34px}.free-resource-card{padding:31px 26px;grid-template-columns:1fr;gap:40px}.resource-workbook-cover{justify-self:start;width:220px;min-height:325px;box-shadow:12px 12px 0 var(--gold)}.paid-resource-grid,.course-links{grid-template-columns:1fr}.paid-resource-card{min-height:0;padding:29px 25px}.resource-courses{margin-top:38px;padding-top:34px}.course-links a{min-height:145px}.resources-hub-intro h2{font-size:42px}}

/* Stronger visual separation from the light FAQ and consistent card alignment. */
.resources-hub{background:linear-gradient(135deg,#071d3a 0%,#103965 100%);color:#fff}.resources-hub-intro>p:not(.eyebrow){color:#c5d5e5}.resources-feature-grid{align-items:stretch}.paid-resource-grid{align-items:stretch}.paid-resource-card{min-height:574px}.paid-resource-card h3{min-height:68px}.paid-resource-card>p{min-height:132px}.paid-resource-card:first-child>p:after{content:'Beyond the free workbook: a complete self-study system for building, testing and improving a full story portfolio.';display:block;margin-top:15px;padding:10px 12px;background:#edf4f6;border-left:3px solid var(--green);color:#314e65;font-size:12px;font-weight:700;line-height:1.45}.resource-card-top p{font-size:11px;letter-spacing:.14em}.resource-card-top p{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;background:#f7edd9;color:#7b5511}.paid-resource-featured .resource-card-top p{background:#214b76;color:#f2c66d}.resource-courses{border-color:#426283}.resource-courses>div>p:not(.eyebrow){color:#bfcede}.resource-courses h3{font-size:35px}.course-links a{position:relative;border-color:#d8e2e7;padding:25px 25px 24px 84px;box-shadow:0 12px 28px rgba(0,12,31,.14)}.course-links a:before{content:'VIDEO';position:absolute;top:25px;left:24px;color:#75889c;font-size:9px;font-weight:800;letter-spacing:.13em;writing-mode:vertical-rl;transform:rotate(180deg)}.course-links a:after{content:'▶';position:absolute;top:67px;left:18px;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--navy);font-size:13px;padding-left:2px}.course-links span{font-size:11px}.course-links b{font-size:25px}.course-links small{font-size:12px}.course-links a:hover{box-shadow:0 16px 32px rgba(0,12,31,.24)}
@media(max-width:900px){.paid-resource-card{min-height:500px}.paid-resource-card>p{min-height:auto}.paid-resource-card:first-child>p:after{margin-top:12px}}
@media(max-width:640px){.resources-hub{background:linear-gradient(150deg,#071d3a,#123f69)}.paid-resource-card{min-height:0}.paid-resource-card h3{min-height:0}.course-links a{padding-left:80px}.course-links b{font-size:24px}}

/* Reset the late dark treatment: this follows a navy feedback section, so a warm light canvas restores the page rhythm. */
.resources-hub{background:#fbfaf7;color:var(--ink)}.resources-hub-intro>p:not(.eyebrow){color:var(--muted)}.resources-feature-grid{display:block}.free-resource-card{min-height:390px;grid-template-columns:1.3fr .45fr}.paid-resource-grid{margin-top:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.paid-resource-card{min-height:458px;padding:34px 36px;border:1px solid #d6dde1;box-shadow:0 12px 26px rgba(16,38,66,.06)}.paid-resource-card h3{min-height:0;font-size:36px;margin-bottom:17px}.paid-resource-card>p{min-height:78px;font-size:15px;line-height:1.55}.paid-resource-card:first-child>p:after{display:none}.paid-resource-card:first-child>p{font-size:0}.paid-resource-card:first-child>p:before{content:'A fuller, self-paced toolkit for turning your strongest examples into a complete interview story portfolio.';font-size:15px;line-height:1.55}.paid-resource-card ul{margin:16px 0 23px;padding-top:13px}.paid-resource-card li{font-size:14px;padding-top:7px;padding-bottom:7px}.paid-resource-card:first-child li{font-size:0}.paid-resource-card:first-child li:after{font-size:14px}.paid-resource-card:first-child li:nth-child(1):after{content:'Build a complete 6–8 story portfolio'}.paid-resource-card:first-child li:nth-child(2):after{content:'Use deeper prompts to improve each answer'}.paid-resource-card:first-child li:nth-child(3):after{content:'One-time payment'}.resource-card-top{margin-bottom:27px;padding-bottom:14px}.resource-card-top p{font-size:12px;min-height:31px}.resource-card-top span{font-size:31px}.paid-resource-featured{background:#0d3158}.paid-resource-featured .resource-card-top{border-color:#446789}.paid-resource-featured ul{border-color:#446789}.resource-courses{border-color:#d6dde1}.resource-courses>div>p:not(.eyebrow){color:var(--muted)}
@media(max-width:900px){.resources-feature-grid{display:block}.free-resource-card{grid-template-columns:1fr .48fr}.paid-resource-card{min-height:465px}.paid-resource-card>p{min-height:92px}}
@media(max-width:640px){.resources-hub{background:#fbfaf7}.free-resource-card{min-height:0}.paid-resource-grid{grid-template-columns:1fr;gap:18px}.paid-resource-card{min-height:0;padding:29px 25px}.paid-resource-card>p{min-height:0}.course-links a{padding-left:80px}}

/* Final page rhythm and a matched pair of paid resources. */
.intro-about{background:#edf3f0}
.services{background:#fff}
.stories{background:#f1f5f8}
.faq{background:#e9f0ed}

/* Give the free-resource label enough breathing room from its eyebrow divider. */
.free-resource-card .free-download-chip{margin-bottom:27px}
.free-resource-card .eyebrow{gap:16px}
.free-resource-card .eyebrow:before{width:31px;flex-basis:31px}

/* Both paid cards follow exactly the same vertical rhythm. */
.paid-resource-card{min-height:486px}
.paid-resource-card h3{min-height:78px;display:flex;align-items:flex-start}
.paid-resource-card>p{min-height:74px;margin-bottom:0}
.paid-resource-card ul{min-height:128px;margin:18px 0 23px;padding-top:13px}
.paid-resource-card li{min-height:32px;padding-top:7px;padding-bottom:7px}
.paid-resource-card li:before{color:#278567}
.paid-resource-featured li:before{color:#83d6a8}
.paid-resource-card .button{margin-top:auto}
.paid-resource-card>small{min-height:28px}

@media(max-width:900px){
  .paid-resource-card{min-height:486px}
  .paid-resource-card>p{min-height:92px}
}
@media(max-width:640px){
  .free-resource-card .free-download-chip{margin-bottom:24px}
  .free-resource-card .eyebrow{gap:13px}
  .free-resource-card .eyebrow:before{width:27px;flex-basis:27px}
  .paid-resource-card{min-height:0}
  .paid-resource-card h3,.paid-resource-card>p,.paid-resource-card ul,.paid-resource-card>small{min-height:0}
}

/* Deliberate divider for the free workbook: no inherited eyebrow line. */
.free-resource-card .free-download-chip{margin-bottom:32px}
.free-resource-card .eyebrow{display:flex;gap:0!important;margin:0 0 18px!important;padding-top:20px;border-top:1px solid rgba(220,174,82,.72)}
.free-resource-card .eyebrow:before{display:none!important}

/* Paid products use the same internal grid, check treatment and baseline. */
.paid-resource-grid{align-items:stretch}
.paid-resource-card{display:grid;grid-template-rows:auto 78px 92px 128px auto 28px;gap:0;min-height:0}
.paid-resource-card .resource-card-top{margin-bottom:0;align-self:start}
.paid-resource-card h3{min-height:0;margin:0;padding-top:25px}
.paid-resource-card>p{min-height:0;margin:0;padding-top:8px}
.paid-resource-card ul{min-height:0;margin:0;padding-top:14px}
.paid-resource-card li{display:flex;align-items:center;min-height:34px;padding:6px 0 6px 28px}
.paid-resource-card li:before{display:grid!important;place-items:center;top:50%;left:0;width:18px;height:18px;border-radius:50%;background:#e8f5ef;color:#187351!important;font-size:11px;line-height:1;transform:translateY(-50%)}
.paid-resource-featured li:before{background:#1d765e;color:#f5fff9!important}
.paid-resource-card .button{align-self:end}
.paid-resource-card>small{align-self:end;margin:12px 0 0}

@media(max-width:900px){
  .paid-resource-card{grid-template-rows:auto 78px 106px 128px auto 28px}
}
@media(max-width:640px){
  .free-resource-card .free-download-chip{margin-bottom:28px}
  .free-resource-card .eyebrow{padding-top:18px}
  .paid-resource-card{display:flex;gap:0}
  .paid-resource-card h3{padding-top:22px}
  .paid-resource-card>p{padding-top:8px}
  .paid-resource-card ul{padding-top:14px}
}

/* Prevent titles from intruding into the description and make the free offer unmistakable. */
.free-resource-card .free-download-chip{padding:8px 15px 8px 8px;border-width:1px;background:rgba(220,174,82,.16);box-shadow:0 0 0 1px rgba(220,174,82,.12)}
.free-resource-card .free-download-chip span{min-width:61px;padding:7px 10px;font-size:12px;letter-spacing:.12em}
.free-resource-card .free-download-chip b{font-size:12px;letter-spacing:.15em}
.paid-resource-card{grid-template-rows:auto 118px 110px 128px auto 34px}
.paid-resource-card h3{padding-top:26px;line-height:1.06}
.paid-resource-card>p{padding-top:9px}
.paid-resource-card>small{font-size:12px;line-height:1.45;font-weight:600}
@media(max-width:900px){.paid-resource-card{grid-template-rows:auto 118px 120px 128px auto 34px}}
@media(max-width:640px){.free-resource-card .free-download-chip{padding:7px 13px 7px 7px}.free-resource-card .free-download-chip span{min-width:57px;font-size:11px}.free-resource-card .free-download-chip b{font-size:11px}.paid-resource-card{display:flex}.paid-resource-card h3{padding-top:22px}}

/* Make the free download impossible to miss and balance the two descriptions. */
.paid-resource-card:first-child>p:before{content:'A fuller, self-paced toolkit for turning your strongest examples into a complete interview story portfolio, with prompts that make each answer stronger.'}
.resource-workbook-cover{position:relative;padding-top:92px}
.resource-workbook-cover>span{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;min-height:67px;padding:11px 14px;background:#238362;color:#fff;font-size:16px;font-weight:900;letter-spacing:.17em;text-align:center;box-shadow:0 5px 0 rgba(16,38,66,.12)}
.resource-workbook-cover>span:after{content:'FREE DOWNLOAD';font:900 16px/1 var(--sans);letter-spacing:.15em}
.resource-workbook-cover>span{font-size:0}
@media(max-width:640px){.resource-workbook-cover{padding-top:84px}.resource-workbook-cover>span{min-height:59px}.resource-workbook-cover>span:after{font-size:14px}}

/* Subtle movement for the resource cards: noticeable, never distracting. */
@media(prefers-reduced-motion:no-preference){
  .free-resource-card,.paid-resource-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
  .free-resource-card.reveal.visible{animation:resource-card-enter .6s cubic-bezier(.2,.75,.25,1) both}
  .paid-resource-card.reveal.visible{animation:resource-card-enter .6s cubic-bezier(.2,.75,.25,1) .10s both}
  .paid-resource-card.reveal.visible + .paid-resource-card.reveal.visible{animation-delay:.18s}
  .free-resource-card:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(3,20,42,.24)}
  .paid-resource-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px rgba(16,38,66,.15)}
  .paid-resource-featured:hover{box-shadow:0 22px 42px rgba(3,20,42,.27)}
  .free-resource-card:hover .resource-workbook-cover{transform:rotate(-1deg) translateY(-3px)}
  .resource-workbook-cover{transition:transform .3s ease}
  @keyframes resource-card-enter{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
}
@media(hover:none){.free-resource-card:active,.paid-resource-card:active{transform:scale(.99)}}