/* Home page redesign styles — scoped under .hr-page so nothing leaks
   into the shared site header/footer/other pages. Values match the
   supplied redesign 1:1 (colors, spacing, radii, grid). */
.hr-page{
 --hr-berry:#781D4B;--hr-berry-700:#5A153A;--hr-berry-900:#3B0E26;
 --hr-coral:#D65258;--hr-coral-600:#BE3F46;
 --hr-ink:#2E1B24;--hr-muted:#7B6A73;
 --hr-blush:#FBF4F7;--hr-peach:#FDF1EC;--hr-tint:#F4E8EF;--hr-line:#EEE1E9;
 --hr-display:"Lora",Georgia,"Times New Roman",serif;
 --hr-sans:"Inter",system-ui,Segoe UI,Roboto,Arial,sans-serif;
 --hr-wrap:1180px;--hr-r:18px;--hr-shadow:0 22px 50px -28px rgba(80,16,50,.32);
 font-family:var(--hr-sans);color:var(--hr-ink);line-height:1.65;-webkit-font-smoothing:antialiased;
}
.hr-page *,.hr-page *::before,.hr-page *::after{box-sizing:border-box}
.hr-page img{max-width:100%;display:block}
.hr-page h1,.hr-page h2,.hr-page h3{margin:0;line-height:1.14}
.hr-page h1,.hr-page h2{font-family:var(--hr-display);font-weight:600;letter-spacing:-.005em}
.hr-page p{margin:0}
.hr-page a{color:inherit}

.hr-page .hr-wrap{max-width:var(--hr-wrap);margin:0 auto;padding:0 24px}

.hr-page .btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--hr-sans);font-weight:600;font-size:1rem;padding:.82em 1.5em;border-radius:999px !important;height:auto !important;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:.18s}
.hr-page .btn::before{content:none !important}
.hr-page .btn:hover::before{content:none !important}
.hr-page .btn svg{width:1.05em;height:1.05em}
.hr-page .btn--coral{background:var(--hr-coral);color:#fff}
.hr-page .btn--coral:hover{background:var(--hr-coral-600) !important;color:#fff !important;border-color:transparent !important;transform:translateY(-1px)}
.hr-page .btn--ghost{background:#fff;color:var(--hr-berry);border-color:var(--hr-line)}
.hr-page .btn--ghost:hover{background:#fff !important;border-color:var(--hr-coral) !important;color:var(--hr-coral) !important}

.hr-page .eyebrow{display:inline-flex;align-items:center;gap:.55em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;color:var(--hr-coral)}
.hr-page .eyebrow::before{content:"";width:20px;height:2px;background:var(--hr-coral)}

.hr-page .hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% -10%,var(--hr-peach),var(--hr-blush) 45%,#fff);padding:76px 0 84px;min-height:calc(100svh - var(--th-header-h,79px));display:flex;align-items:center}
.hr-page .hero > .hr-wrap{width:100%}
.hr-page .hero__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center}
.hr-page .hero h1{font-size:clamp(2.4rem,5vw,3.9rem);color:var(--hr-berry);margin:.3em 0 .28em;max-width:14ch}
.hr-page .hero__lead{font-size:1.18rem;color:var(--hr-ink);max-width:44ch;margin-bottom:24px}
.hr-page .hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.hr-page .chips{display:flex;gap:10px;flex-wrap:wrap}
.hr-page .chips span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--hr-line);color:var(--hr-berry);font-weight:600;font-size:.82rem;padding:.44em .8em;border-radius:999px}
.hr-page .chips span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hr-coral)}
.hr-page .hero__card{background:#fff;border:1px solid var(--hr-line);border-radius:24px;padding:30px;box-shadow:var(--hr-shadow)}
.hr-page .hero__card .lockrow{display:flex;align-items:center;gap:12px;color:var(--hr-berry);font-family:var(--hr-display);font-size:1.25rem;margin-bottom:6px}
.hr-page .hero__card .lockrow svg{width:26px;height:26px;color:var(--hr-coral)}
.hr-page .hero__card p{color:var(--hr-muted);font-size:.96rem;margin-bottom:18px}
.hr-page .hero__card ul{list-style:none;margin:0;padding:0}
.hr-page .hero__card li{position:relative;padding-left:26px;margin:10px 0;font-size:.95rem;color:var(--hr-ink)}
.hr-page .hero__card li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;border-left:2.5px solid var(--hr-coral);border-bottom:2.5px solid var(--hr-coral);transform:rotate(-45deg)}

.hr-page .trust{padding:30px 0 6px}
.hr-page .trust p{text-align:center;color:var(--hr-muted);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.hr-page .marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hr-page .mtrack{display:flex;gap:20px;width:max-content;animation:hr-scroll 46s linear infinite}
.hr-page .marquee:hover .mtrack{animation-play-state:paused}
@keyframes hr-scroll{to{transform:translateX(-50%)}}
.hr-page .lc{flex:0 0 auto;width:170px;height:92px;background:#fff;border:1px solid var(--hr-line);border-radius:14px;display:grid;place-items:center;padding:18px}
.hr-page .lc img{max-height:46px;max-width:126px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:.25s}
.hr-page .lc:hover img{filter:none;opacity:1}

.hr-page .hr-section{padding:82px 0}
.hr-page .hr-section--blush{background:var(--hr-blush)}
.hr-page .hr-section--berry{background:radial-gradient(120% 120% at 12% 0%,var(--hr-berry-700),var(--hr-berry) 55%,var(--hr-berry-900));color:#fff}
.hr-page .s-head{max-width:660px;margin:0 auto 44px;text-align:center}
.hr-page .s-head h2{font-size:clamp(1.9rem,3.6vw,2.7rem);color:var(--hr-berry);margin:.32em 0 .3em}
.hr-page .s-head p{color:var(--hr-muted);font-size:1.06rem}
.hr-page .hr-section--berry .s-head h2{color:#fff}
.hr-page .hr-section--berry .s-head p{color:#EAD8E1}

.hr-page .ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 10px 20px -12px rgba(60,10,35,.45)}
.hr-page .ic img{width:25px;height:25px}

.hr-page .whys{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hr-page .why{background:#fff;border:1px solid var(--hr-line);border-radius:var(--hr-r);padding:26px;text-align:left}
.hr-page .why h3{font-size:1.08rem;color:var(--hr-berry);margin:16px 0 8px;font-family:var(--hr-sans);font-weight:700}
.hr-page .why p{color:var(--hr-muted);font-size:.94rem}

.hr-page .conf{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hr-page .conf__badge{width:78px;height:78px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.12);margin-bottom:20px}
.hr-page .conf__badge svg{width:38px;height:38px;color:#fff}
.hr-page .conf h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.6rem);margin-bottom:14px}
.hr-page .conf p{color:#EAD8E1;font-size:1.08rem;margin-bottom:10px}
.hr-page .conf ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.hr-page .conf li{display:flex;gap:12px;color:#F3E4EC;font-size:1rem}
.hr-page .conf li b{color:#fff}
.hr-page .conf li::before{content:"\2713";color:#F6C463;font-weight:700}

.hr-page .areas{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hr-page .area{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--hr-line);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--hr-ink);font-weight:600;transition:.18s}
.hr-page .area .hr-area-thumb{width:44px;height:44px;border-radius:12px;flex:0 0 auto;overflow:hidden;background:var(--hr-tint)}
.hr-page .area .hr-area-thumb img{width:100%;height:100%;object-fit:cover}
.hr-page .area:hover{border-color:var(--hr-coral);transform:translateY(-2px);box-shadow:var(--hr-shadow)}
.hr-page .areas__all{text-align:center;margin-top:30px}

.hr-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hr-page .step{background:#fff;border:1px solid var(--hr-line);border-radius:var(--hr-r);padding:28px;position:relative}
.hr-page .step__n{position:absolute;top:22px;right:24px;font-family:var(--hr-display);font-size:2.2rem;color:var(--hr-tint)}
.hr-page .step h3{font-size:1.1rem;color:var(--hr-berry);margin:16px 0 8px;font-family:var(--hr-sans);font-weight:700}
.hr-page .step p{color:var(--hr-muted);font-size:.95rem}
.hr-page .steps__note{text-align:center;margin-top:26px;color:var(--hr-muted)}

.hr-page .helps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hr-page .help{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--hr-line);border-radius:14px;padding:20px;font-weight:600;color:var(--hr-berry)}
.hr-page .help svg{width:24px;height:24px;color:var(--hr-coral);flex:0 0 auto}

.hr-page .tsts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.hr-page .tst{margin:0;background:#fff;border:1px solid var(--hr-line);border-radius:var(--hr-r);padding:28px}
.hr-page .tst p{font-family:var(--hr-display);font-size:1.12rem;color:var(--hr-ink);line-height:1.5;margin-bottom:16px}
.hr-page .tst figcaption{color:var(--hr-berry);font-weight:600;font-size:.92rem}
.hr-page .tst figcaption span{color:var(--hr-muted);font-weight:400}

.hr-page .split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hr-page .promo{border-radius:22px;padding:38px;color:#fff}
.hr-page .promo--eap{background:linear-gradient(140deg,var(--hr-berry),var(--hr-berry-900))}
.hr-page .promo--join{background:linear-gradient(140deg,var(--hr-coral),var(--hr-coral-600))}
.hr-page .promo h3{font-family:var(--hr-display);font-weight:600;font-size:1.5rem;margin-bottom:10px;color:#fff}
.hr-page .promo p{opacity:.92;margin-bottom:20px;font-size:.98rem}
.hr-page .promo .btn{background:#fff;color:var(--hr-berry)}
.hr-page .promo--join .btn{color:var(--hr-coral-600)}

.hr-page .aboutcta{padding:52px 0;text-align:center}
.hr-page .aboutcta p{color:var(--hr-muted);margin-bottom:14px}
.hr-page .about__p{color:var(--hr-ink);font-size:1.04rem;margin-bottom:16px}
.hr-page .about__p b{color:var(--hr-berry)}
.hr-page .vision{background:#fff;border:1px solid var(--hr-line);border-radius:18px;padding:28px;box-shadow:var(--hr-shadow)}
.hr-page .vision h3{font-family:var(--hr-display);color:var(--hr-berry);font-size:1.3rem;margin-bottom:6px;font-weight:600}
.hr-page .vision>p{color:var(--hr-muted);margin-bottom:16px;font-size:.96rem}
.hr-page .mission{background:linear-gradient(140deg,var(--hr-berry),var(--hr-berry-900));color:#fff;border-radius:22px;padding:42px;text-align:center}
.hr-page .mission .eyebrow{color:#F0A6B0;justify-content:center;margin-bottom:12px}
.hr-page .mission__q{font-family:var(--hr-display);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.5;max-width:42ch;margin:0 auto;color:#fff}

.hr-page .modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}
.hr-page .modal.open{display:flex}
.hr-page .modal__backdrop{position:absolute;inset:0;background:rgba(59,14,38,.55);backdrop-filter:blur(3px)}
.hr-page .modal__card{position:relative;background:#fff;max-width:720px;width:100%;max-height:88vh;overflow:auto;border-radius:22px;padding:40px;box-shadow:0 40px 90px -30px rgba(20,4,14,.6);animation:hr-pop .25s ease}
.hr-page .modal__x{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:0;background:var(--hr-blush);color:var(--hr-berry);cursor:pointer;display:grid;place-items:center}
.hr-page .modal__x:hover{background:var(--hr-tint)}
.hr-page .modal__x svg{width:20px;height:20px}
.hr-page .modal__card h2{color:var(--hr-berry);font-size:clamp(1.6rem,3vw,2.1rem);margin:.3em 0 .5em}
@keyframes hr-pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.hr-page .crisis{background:var(--hr-peach);border-top:1px solid var(--hr-line);border-bottom:1px solid var(--hr-line)}
.hr-page .crisis .hr-wrap{display:flex;gap:16px;align-items:center;justify-content:center;padding:20px 24px;text-align:center;flex-wrap:wrap}
.hr-page .crisis span{color:var(--hr-ink);font-size:.95rem}
.hr-page .crisis b{color:var(--hr-berry)}
.hr-page .crisis a{color:var(--hr-coral);font-weight:700;text-decoration:none}

.hr-page .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.hr-page .reveal.in{opacity:1;transform:none}

@media (max-width:980px){
 .hr-page .whys,.hr-page .areas,.hr-page .helps{grid-template-columns:repeat(2,1fr)}
 .hr-page .steps{grid-template-columns:1fr}
 .hr-page .hero__grid,.hr-page .conf,.hr-page .tsts,.hr-page .split{grid-template-columns:1fr;gap:34px}
}
@media (max-width:600px){
 .hr-page .whys,.hr-page .areas,.hr-page .helps{grid-template-columns:1fr}
 .hr-page .hr-section{padding:58px 0}
 .hr-page .hero{padding:56px 0 64px}
}
@media (prefers-reduced-motion:reduce){
 .hr-page .reveal{opacity:1;transform:none;transition:none}
 .hr-page .mtrack{animation:none}
 .hr-page .modal__card{animation:none}
}
