:root{--a-green:#016236;--a-green2:#1b9d61;--a-ink:#0d2b1d;--a-muted:#60756a;--a-bg:#f7faf8;--a-card:#fff;--a-soft:#eef6f1;--a-line:#dbe7df;--a-gold:#d9ad18;--a-shadow:0 14px 34px -20px rgba(13,43,29,.24);--a-glow:0 20px 42px -22px rgba(1,98,54,.52)}
html[data-theme=dark]{--a-green:#31c77b;--a-green2:#168b56;--a-ink:#eef8f2;--a-muted:#a9c0b4;--a-bg:#071710;--a-card:#0d241a;--a-soft:#143226;--a-line:#29483a;--a-gold:#f0c94d;--a-shadow:0 16px 38px -20px rgba(0,0,0,.64);--a-glow:0 22px 46px -22px rgba(49,199,123,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.alive-page{margin:0;color:var(--a-ink);background:var(--a-bg);font-family:"Plus Jakarta Sans",Inter,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.alive-container{width:min(calc(100% - 32px),1120px);margin-inline:auto}.alive-skip{position:fixed;left:12px;top:-60px;z-index:9999;padding:10px 14px;color:#fff;background:var(--a-green);border-radius:8px}.alive-skip:focus{top:12px}.alive-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--a-bg) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--a-line) 65%,transparent);backdrop-filter:blur(18px)}.alive-nav nav{height:68px;display:flex;align-items:center;gap:28px}.alive-brand{display:inline-flex;align-items:center;gap:10px;color:var(--a-ink);text-decoration:none}.alive-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.alive-brand span,.alive-brand strong,.alive-brand small{display:block}.alive-brand strong{font-size:.96rem;line-height:1.1}.alive-brand small{margin-top:3px;color:var(--a-green);font-size:.61rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.alive-nav__links{display:flex;align-items:center;gap:25px}.alive-nav__links a,.alive-text-link{color:var(--a-muted);font-size:.8rem;font-weight:650;text-decoration:none}.alive-nav__links a:hover,.alive-text-link:hover{color:var(--a-green)}.alive-nav__actions{margin-left:auto;display:flex;align-items:center;gap:13px}.alive-icon-btn,.alive-menu{width:40px;height:40px;display:grid;place-items:center;color:var(--a-ink);background:var(--a-card);border:1px solid var(--a-line);border-radius:11px}.alive-menu{display:none}.alive-mobile-menu{display:none}.alive-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border:1px solid var(--a-green);border-radius:12px;box-shadow:var(--a-glow);font-weight:750;text-decoration:none;transition:.2s ease}.alive-btn--small{min-height:40px;padding:8px 15px;font-size:.78rem}.alive-btn:hover{transform:translateY(-2px)}.alive-btn i{transition:transform .2s}.alive-btn:hover i{transform:translateX(4px)}.alive-btn--outline{color:var(--a-ink);background:var(--a-card);border-color:var(--a-line);box-shadow:none}.alive-hero{position:relative;overflow:hidden;padding:clamp(64px,8vw,105px) 0;background:radial-gradient(circle at 9% 18%,color-mix(in srgb,var(--a-green) 15%,transparent),transparent 32rem),radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--a-gold) 16%,transparent),transparent 29rem),var(--a-bg)}.alive-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--a-ink) 3.4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--a-ink) 3.4%,transparent) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000,transparent 92%)}.alive-orb{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(90px);opacity:.18}.alive-orb--one{left:-120px;top:40px;background:var(--a-green)}.alive-orb--two{right:-100px;top:130px;background:var(--a-gold)}.alive-hero__grid{position:relative;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:70px}.alive-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;color:var(--a-green);background:var(--a-card);border:1px solid color-mix(in srgb,var(--a-green) 22%,var(--a-line));border-radius:999px;box-shadow:var(--a-shadow);font-size:.7rem;font-weight:750}.alive-badge img{width:18px;height:18px;border-radius:50%}.alive-hero h1{margin:24px 0 0;font-size:clamp(2.8rem,5vw,4.35rem);font-weight:850;line-height:1.05;letter-spacing:-.05em}.alive-hero h1 span{background:linear-gradient(135deg,var(--a-green),var(--a-green2));-webkit-background-clip:text;background-clip:text;color:transparent}.alive-hero__copy>p{max-width:56ch;margin:22px 0 0;color:var(--a-muted);font-size:1.06rem}.alive-hero__actions,.alive-hero__facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.alive-hero__facts{gap:24px;color:var(--a-muted);font-size:.78rem}.alive-hero__facts span{display:flex;gap:7px;align-items:center}.alive-hero__facts i{color:var(--a-green)}.alive-hero__visual{position:relative;min-height:520px;display:grid;place-items:center}.alive-hero__photo{width:100%;aspect-ratio:4/3;overflow:hidden;border:1px solid color-mix(in srgb,var(--a-green) 22%,var(--a-line));border-radius:32px;box-shadow:var(--a-glow);animation:a-photo 6s ease-in-out infinite}.alive-hero__photo img{width:100%;height:100%;object-fit:cover}.alive-float-job{position:absolute;width:178px;padding:12px;color:var(--a-ink);background:color-mix(in srgb,var(--a-card) 90%,transparent);border:1px solid var(--a-line);border-radius:16px;box-shadow:var(--a-shadow);backdrop-filter:blur(12px);text-decoration:none;animation:a-float 4.8s ease-in-out infinite}.alive-float-job>span{display:flex;justify-content:space-between;color:#9b6700;font-size:.6rem;font-weight:800;text-transform:uppercase}.alive-float-job span i{width:8px;height:8px;border-radius:50%;background:var(--a-green);box-shadow:0 0 0 5px color-mix(in srgb,var(--a-green) 12%,transparent)}.alive-float-job strong,.alive-float-job small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alive-float-job strong{margin-top:8px;font-size:.8rem}.alive-float-job small{color:var(--a-muted);font-size:.66rem}.alive-float-job--1{left:-8%;top:10%}.alive-float-job--2{right:-8%;top:5%;animation-delay:-1s}.alive-float-job--3{right:-9%;bottom:13%;animation-delay:-2s}.alive-float-job--4{left:-7%;bottom:17%;animation-delay:-3s}@keyframes a-photo{50%{transform:translateY(-10px) scale(1.015)}}@keyframes a-float{50%{transform:translateY(-11px)}}.alive-statband{border-block:1px solid var(--a-line);background:color-mix(in srgb,var(--a-card) 55%,transparent)}.alive-stats{display:grid;grid-template-columns:repeat(4,1fr);padding-block:40px}.alive-stats article{text-align:center}.alive-stats article+article{border-left:1px solid var(--a-line)}.alive-stats strong{display:block;color:var(--a-green);font-size:clamp(1.8rem,3vw,2.45rem);font-weight:850;line-height:1}.alive-stats span{display:block;margin-top:7px;color:var(--a-muted);font-size:.76rem}.alive-section{padding:clamp(70px,8vw,100px) 0}.alive-section--soft{background:color-mix(in srgb,var(--a-soft) 60%,transparent)}.alive-heading{max-width:650px;margin:0 auto 48px;text-align:center}.alive-heading>span,.alive-kicker{color:var(--a-green);font-size:.72rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.alive-heading h2,.alive-service-grid h2{margin:10px 0 0;font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.12;letter-spacing:-.04em}.alive-heading p,.alive-service-grid>div>p{margin:12px 0 0;color:var(--a-muted)}.alive-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.alive-step-grid article,.alive-category-grid>a,.alive-update-grid article{position:relative;padding:28px;background:var(--a-card);border:1px solid var(--a-line);border-radius:18px;box-shadow:var(--a-shadow);transition:.2s ease}.alive-step-grid article:hover,.alive-category-grid>a:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--a-green) 42%,var(--a-line))}.alive-step-grid b{position:absolute;right:22px;top:18px;color:var(--a-soft);font-size:3rem}.alive-step-grid>article>i,.alive-category-grid>a>i{width:50px;height:50px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-radius:13px;box-shadow:var(--a-glow);font-size:1.2rem}.alive-step-grid h3,.alive-category-grid h3{margin:20px 0 0;font-size:1.05rem}.alive-step-grid p,.alive-category-grid p,.alive-update-grid p{margin:8px 0 0;color:var(--a-muted);font-size:.82rem}.alive-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.alive-category-grid>a{color:var(--a-ink);text-decoration:none}.alive-category-grid>a>span{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:var(--a-green);font-size:.75rem;font-weight:750}.alive-category-grid>a>span i{transition:transform .2s}.alive-category-grid>a:hover>span i{transform:translateX(4px)}.alive-service-grid{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:70px}.alive-perks{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}.alive-perks article{display:flex;gap:12px}.alive-perks article>i{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-radius:11px}.alive-perks h3,.alive-perks p{margin:0}.alive-perks h3{font-size:.82rem}.alive-perks p{margin-top:3px;color:var(--a-muted);font-size:.74rem}.alive-preview{position:relative;overflow:hidden;padding:32px;color:#fff;background:linear-gradient(145deg,var(--a-green),#014326);border-radius:26px;box-shadow:var(--a-glow)}.alive-preview>small{opacity:.72;font-weight:750;letter-spacing:.09em}.alive-preview h3{margin:8px 0 20px;font-size:1.35rem}.alive-preview>a{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:13px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:12px;text-decoration:none}.alive-preview>a span,.alive-preview>a strong,.alive-preview>a small{display:block}.alive-preview>a small{opacity:.7;font-size:.68rem}.alive-preview>div{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.alive-preview>div strong{font-size:2rem}.alive-preview>div span{max-width:20ch;font-size:.72rem;opacity:.75}.alive-update-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.alive-update-grid time{color:var(--a-green);font-size:.7rem;font-weight:750}.alive-update-grid h3{margin:10px 0 0;font-size:1rem}.alive-cta{position:relative;overflow:hidden;padding:clamp(42px,7vw,70px);color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-radius:28px;box-shadow:var(--a-glow);text-align:center}.alive-cta:before{content:"";position:absolute;width:300px;height:300px;right:-100px;bottom:-160px;background:rgba(217,173,24,.24);border-radius:50%;filter:blur(40px)}.alive-cta>*{position:relative}.alive-cta h2{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.045em}.alive-cta p{max-width:560px;margin:14px auto 26px;opacity:.86}.alive-cta>div{display:flex;justify-content:center;gap:12px}.alive-btn--light{color:#016236;background:#fff;border-color:#fff;box-shadow:var(--a-shadow)}.alive-btn--ghost{background:transparent;border-color:rgba(255,255,255,.45);box-shadow:none}.alive-footer{padding:34px 0;color:var(--a-muted);border-top:1px solid var(--a-line)}.alive-footer>.alive-container{display:flex;align-items:center;justify-content:space-between}.alive-footer p{font-size:.72rem}[data-alive-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}[data-alive-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1050px){.alive-nav__links{display:none}.alive-menu{display:grid}.alive-mobile-menu.is-open{display:grid;gap:12px;padding:16px 24px;border-top:1px solid var(--a-line);background:var(--a-card)}.alive-mobile-menu a{color:var(--a-ink);text-decoration:none}.alive-hero__grid,.alive-service-grid{grid-template-columns:1fr}.alive-hero__copy{text-align:center}.alive-hero__copy>p{margin-inline:auto}.alive-hero__actions,.alive-hero__facts{justify-content:center}.alive-hero__visual{width:min(100%,620px);margin-inline:auto}.alive-float-job{display:none}}
@media(max-width:760px){.alive-nav__actions>.alive-text-link,.alive-nav__actions>.alive-btn{display:none}.alive-stats{grid-template-columns:1fr 1fr;gap:24px}.alive-stats article+article{border-left:0}.alive-stats article:nth-child(even){border-left:1px solid var(--a-line)}.alive-step-grid,.alive-category-grid,.alive-update-grid{grid-template-columns:1fr}.alive-perks{grid-template-columns:1fr}.alive-hero__visual{min-height:380px}.alive-hero h1{font-size:clamp(2.35rem,12vw,3.25rem)}.alive-cta>div,.alive-footer>.alive-container{align-items:center;flex-direction:column}.alive-footer{text-align:center}}
@media(max-width:440px){.alive-brand small:not(.alive-brand__role){display:none}.alive-hero__photo{border-radius:22px}.alive-section{padding:58px 0}.alive-step-grid article,.alive-category-grid>a{padding:22px}.alive-preview{padding:24px 18px}}
/* Jobseeker vs. employer landing look near-identical (same logo, same
   "PESO Dasmariñas" brand text) — on mobile the header hamburger hides the
   only other clue (the "Employers"/"Job Seekers" portal-switch link, and the
   plain subtitle above was hidden here too), so a visitor had no way to
   tell which site they were on without opening the menu. This role label
   stays visible at every width, including under 440px where the generic
   subtitle above still hides for other pages. */
.alive-brand__role{padding:2px 7px;background:color-mix(in srgb,var(--a-green) 12%,transparent);border-radius:999px}
@media(max-width:440px){
    /* .alive-brand carries min-width:0 (elsewhere) specifically so it's the
       first thing to give ground when the header is tight — fine when its
       only content was the short bold name, but the role badge is
       load-bearing now, not decorative, so it needs to actually survive
       being squeezed instead of collapsing to ~0 alongside it. */
    /* .alive-nav .alive-brand elsewhere sets justify-self:start, so as a
       grid item it shrink-wraps to content instead of filling its own
       column — which is what left its internal img+span flex row with no
       real box to distribute between them in the first place. Filling the
       column gives that row actual pixels to work with. */
    body.alive-page .alive-nav .alive-brand{width:100%;justify-self:stretch}
    body.alive-page .alive-brand>span{flex:1 1 auto;min-width:0}
    /* Text is allowed to wrap onto a 2nd line rather than being forced onto
       one — on a 320px phone there simply isn't room for "PESO Dasmariñas"
       AND a role label on single lines next to a 36px logo, and wrapping
       reads fine at this size. Only the SPAN gets a floor; the words inside
       it stay free to break normally. */
    body.alive-page .alive-brand strong,body.alive-page .alive-brand__role{white-space:normal;overflow-wrap:break-word}
    body.alive-page .alive-brand{align-items:flex-start}
    /* The grid track itself (.alive-nav>nav, set at the 1320px breakpoint)
       is minmax(0,1fr) — with 0 as the floor, the actions column (an "auto"
       track sized to the language picker + theme toggle + hamburger) was
       free to claim the entire row, leaving literally nothing for the
       brand. A real floor here is what actually fixed the collapse; the
       wrapping above just keeps that floor from being too cramped. */
    body.alive-page .alive-nav>nav{grid-template-columns:minmax(94px,1fr) auto!important}
    /* The injected language <select> (~100px) plus theme toggle plus
       hamburger were already consuming most of a 320px header, which is
       exactly why the brand had room to collapse in the first place —
       give the role text room by shrinking the pieces that can afford it. */
    body.alive-page .alive-nav__actions .peso-language-picker select{min-width:60px!important;max-width:60px!important;padding:6px 20px 6px 7px!important;font-size:11px!important}
    body.alive-page .alive-nav__actions{gap:5px!important}
    body.alive-page .alive-brand{gap:6px!important}
    body.alive-page .alive-brand img{width:32px!important;height:32px!important}
    body.alive-page .alive-brand strong{font-size:.78rem!important;line-height:1.15!important}
    body.alive-page .alive-brand__role{font-size:.54rem!important;letter-spacing:.03em!important;padding:1px 5px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-alive-reveal]{opacity:1;transform:none;transition:none}.alive-hero__photo,.alive-float-job{animation:none}.alive-btn,.alive-step-grid article,.alive-category-grid>a{transition:none}}

/* Living funnel motion layer */
.alive-nav{transition:background-color .28s ease,box-shadow .28s ease,border-color .28s ease}
.alive-nav.is-scrolled{background:color-mix(in srgb,var(--a-bg) 94%,transparent);box-shadow:0 10px 30px -25px rgba(8,42,25,.65)}
[data-alive-reveal]{transition-delay:var(--alive-delay,0ms)}
.alive-orb--one{animation:alive-orbit-one 11s ease-in-out infinite alternate}
.alive-orb--two{animation:alive-orbit-two 13s ease-in-out infinite alternate}
.alive-hero__photo{position:relative;isolation:isolate}
.alive-hero__photo:after{content:"";position:absolute;z-index:2;inset:-35% auto -35% -55%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:skewX(-18deg);animation:alive-sheen 7.5s ease-in-out 1.2s infinite;pointer-events:none}
.alive-float-job{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .25s ease}
.alive-float-job:hover{border-color:color-mix(in srgb,var(--a-green) 48%,var(--a-line));box-shadow:0 20px 42px -22px rgba(1,98,54,.5)}
.alive-float-job span i{animation:alive-status 2.1s ease-out infinite,alive-dot-pulse 1.8s ease-in-out infinite}
@keyframes alive-dot-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}
.alive-float-job--1{animation-duration:5.2s}.alive-float-job--2{animation-duration:6.1s}.alive-float-job--3{animation-duration:5.6s}.alive-float-job--4{animation-duration:6.5s}
.alive-hero__visual,.alive-js-visual{--alive-x:0px;--alive-y:0px;perspective:900px}
.alive-hero__photo,.alive-js-visual>img{translate:var(--alive-x) var(--alive-y);transition:translate .45s cubic-bezier(.22,1,.36,1)}
.alive-step-grid article>i,.alive-category-grid>a>i,.alive-benefit-grid i{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.alive-step-grid article:hover>i,.alive-category-grid>a:hover>i,.alive-benefit-grid article:hover i{transform:translateY(-3px) rotate(-3deg) scale(1.07);box-shadow:0 15px 30px -16px rgba(1,98,54,.75)}
.alive-preview:before,.alive-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.08) 46%,transparent 68%);transform:translateX(-120%);animation:alive-panel-shine 8s ease-in-out infinite;pointer-events:none}
.alive-preview>*{position:relative;z-index:1}
@keyframes alive-orbit-one{to{transform:translate(72px,35px) scale(1.18);opacity:.28}}
@keyframes alive-orbit-two{to{transform:translate(-58px,-28px) scale(.86);opacity:.25}}
@keyframes alive-sheen{0%,68%{left:-55%;opacity:0}73%{opacity:1}88%,100%{left:130%;opacity:0}}
@keyframes alive-status{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--a-green) 42%,transparent)}70%,100%{box-shadow:0 0 0 9px transparent}}
@keyframes alive-panel-shine{0%,68%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.alive-orb,.alive-hero__photo:after,.alive-float-job span i,.alive-preview:before,.alive-cta:after{animation:none}.alive-hero__photo,.alive-js-visual>img{translate:none}}

/* AI-funnel parity: typography, layered hero motion, ticker, filtering and help */
.alive-hero h1,.alive-heading h2,.alive-service-grid h2,.alive-benefits h2,.alive-stats strong{font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif}
.alive-headline-word{display:inline-block;background:none!important;color:var(--a-ink)!important;opacity:0;filter:blur(8px);transform:translateY(24px);animation:alive-word-in .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(150ms + var(--word-delay,0ms))}
.alive-headline-word--gradient{background:linear-gradient(135deg,var(--a-green),var(--a-green2))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.alive-hero__photo{transform:perspective(1200px) rotateX(2deg) rotateY(-3deg);animation:alive-frame-bob 7s ease-in-out infinite}
.alive-hero__photo img{animation:alive-ken-burns 12s ease-in-out infinite}
.alive-js-visual{transform:perspective(1200px) rotateX(2deg) rotateY(-3deg);animation:alive-js-frame-bob 7s ease-in-out infinite}
.alive-js-visual>img{animation:alive-ken-burns 12s ease-in-out infinite}
.alive-float-job{opacity:0;animation:alive-card-float 5.6s ease-in-out infinite;animation-fill-mode:both}
.alive-float-job--1{animation-delay:.7s}.alive-float-job--2{animation-delay:1s}.alive-float-job--3{animation-delay:1.3s}.alive-float-job--4{animation-delay:1.6s}
.alive-ticker{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;margin:0 0 36px;padding:11px 14px;overflow:hidden;color:var(--a-muted);background:var(--a-card);border:1px solid var(--a-line);border-radius:14px;box-shadow:var(--a-shadow);font-size:.7rem}
.alive-ticker>strong{color:var(--a-ink);white-space:nowrap}.alive-ticker>div{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.alive-ticker>div>div{width:max-content;display:flex;gap:34px;animation:alive-marquee 32s linear infinite}.alive-ticker span{white-space:nowrap}.alive-ticker span i{margin-right:5px;color:var(--a-gold);animation:alive-flame 1.5s ease-in-out infinite}.alive-ticker span b{color:var(--a-green)}
.alive-live-dot{width:9px;height:9px;border-radius:50%;background:var(--a-green);animation:alive-status 1.8s ease-out infinite}
.alive-filter-row a{transition:transform .22s ease,box-shadow .22s ease,color .22s ease,background .22s ease,border-color .22s ease}.alive-filter-row a.is-active{color:#fff;background:var(--a-green);border-color:var(--a-green);box-shadow:var(--a-glow);transform:scale(1.05)}.alive-filter-row a.is-active small{color:var(--a-green);background:#fff}
.alive-job-grid article{position:relative;overflow:hidden;transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1),border-color .2s ease;transition-delay:var(--filter-delay,0ms)}.alive-job-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--a-green),var(--a-green2));opacity:0;transform:scaleX(.35);transition:.25s ease}.alive-job-grid article:hover:before{opacity:1;transform:scaleX(1)}.alive-job-grid article.is-filtered-out{display:none;opacity:0;transform:scale(.94) translateY(8px)}
.alive-empty-state{display:none;margin-top:16px;padding:38px;color:var(--a-muted);background:var(--a-card);border:1px dashed var(--a-line);border-radius:18px;text-align:center}.alive-empty-state.is-visible{display:grid;justify-items:center;gap:8px}.alive-empty-state>i{font-size:1.5rem;color:var(--a-green)}.alive-empty-state strong{color:var(--a-ink)}.alive-empty-state button{margin-top:8px;padding:9px 14px;color:#fff;background:var(--a-green);border:0;border-radius:9px;font:inherit;font-weight:750;cursor:pointer}
.alive-help{position:fixed;z-index:300;right:22px;bottom:22px}.alive-help__button{position:relative;width:58px;height:58px;display:grid;place-items:center;margin-left:auto;color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border:3px solid var(--a-card);border-radius:50%;box-shadow:0 18px 38px -14px rgba(1,98,54,.7);font-size:1.2rem;cursor:pointer;animation:alive-help-in .65s cubic-bezier(.34,1.56,.64,1) both}.alive-help__button>span{position:absolute;right:1px;top:1px;width:11px;height:11px;background:#43dc8c;border:2px solid var(--a-card);border-radius:50%;animation:alive-status 1.8s ease-out infinite}
.alive-help__panel{width:min(350px,calc(100vw - 32px));margin-bottom:12px;overflow:hidden;background:var(--a-card);border:1px solid var(--a-line);border-radius:20px;box-shadow:0 28px 60px -22px rgba(8,42,25,.46);opacity:0;visibility:hidden;transform:translateY(16px) scale(.96);transform-origin:bottom right;transition:.28s cubic-bezier(.22,1,.36,1)}.alive-help.is-open .alive-help__panel{opacity:1;visibility:visible;transform:none}.alive-help__panel header{padding:16px;color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2))}.alive-help__panel header>span{display:grid;grid-template-columns:38px 1fr;column-gap:10px}.alive-help__panel img{grid-row:1/3;width:38px;height:38px;border-radius:50%}.alive-help__panel b,.alive-help__panel small{display:block}.alive-help__panel small{font-size:.65rem;opacity:.82}.alive-help__panel small i{display:inline-block;width:7px;height:7px;margin-right:4px;background:#75efaa;border-radius:50%}.alive-help__messages{padding:18px 18px 8px}.alive-help__messages p{margin:0;padding:11px 13px;color:var(--a-ink);background:var(--a-soft);border-radius:5px 14px 14px;font-size:.76rem}.alive-typing{display:flex;gap:4px;margin:10px 0 0 8px}.alive-typing i{width:5px;height:5px;background:var(--a-green);border-radius:50%;animation:alive-typing 1.2s ease-in-out infinite}.alive-typing i:nth-child(2){animation-delay:.15s}.alive-typing i:nth-child(3){animation-delay:.3s}.alive-help__replies{display:flex;flex-wrap:wrap;gap:7px;padding:10px 18px 18px}.alive-help__replies a{padding:7px 10px;color:var(--a-green);background:var(--a-card);border:1px solid color-mix(in srgb,var(--a-green) 25%,var(--a-line));border-radius:999px;font-size:.66rem;font-weight:700;text-decoration:none}.alive-help__replies a:hover{color:#fff;background:var(--a-green)}
@keyframes alive-word-in{to{opacity:1;filter:blur(0);transform:none}}@keyframes alive-frame-bob{0%,100%{transform:perspective(1200px) rotateX(2deg) rotateY(-3deg) translateY(0)}50%{transform:perspective(1200px) rotateX(2deg) rotateY(-3deg) translateY(-14px)}}@keyframes alive-js-frame-bob{0%,100%{transform:perspective(1200px) rotateX(2deg) rotateY(-3deg) translateY(0)}50%{transform:perspective(1200px) rotateX(2deg) rotateY(-3deg) translateY(-14px)}}@keyframes alive-ken-burns{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes alive-card-float{0%{opacity:0;transform:translateY(18px) scale(.92)}12%{opacity:1;transform:translateY(0) scale(1)}55%{opacity:1;transform:translateY(-12px) scale(1)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes alive-marquee{to{transform:translateX(-50%)}}@keyframes alive-flame{50%{transform:translateY(-3px) scale(1.08)}}@keyframes alive-help-in{from{opacity:0;transform:scale(.5) rotate(-12deg)}}@keyframes alive-typing{50%{transform:translateY(-4px);opacity:.45}}
@media(max-width:700px){.alive-ticker{grid-template-columns:auto 1fr}.alive-ticker>strong{display:none}.alive-help{right:14px;bottom:14px}.alive-help__button{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.alive-headline-word{opacity:1;filter:none;transform:none;animation:none}.alive-hero__photo,.alive-hero__photo img,.alive-js-visual,.alive-js-visual>img,.alive-float-job,.alive-ticker>div>div,.alive-ticker span i,.alive-live-dot,.alive-help__button,.alive-help__button>span,.alive-typing i{animation:none}}

/* Matched public navbar geometry */
body.alive-page .alive-nav>nav{width:min(calc(100% - 32px),1180px);height:72px;gap:clamp(18px,2vw,32px)}
body.alive-page .alive-nav__links{margin-inline:auto;gap:clamp(16px,1.7vw,25px)}
body.alive-page .alive-nav__actions{margin-left:0;flex:0 0 auto;gap:11px}
body.alive-page .alive-nav__actions>.alive-text-link{white-space:nowrap}
body.alive-page .alive-language-picker{position:static!important;inset:auto!important;margin:0!important;transform:none!important;z-index:auto!important}
body.alive-page .alive-language-picker select{width:auto!important;min-width:84px!important;height:40px!important;padding:0 28px 0 10px!important;color:var(--a-ink)!important;background-color:var(--a-card)!important;border:1px solid var(--a-line)!important;border-radius:11px!important;font-size:.7rem!important}
body.alive-page .alive-mobile-menu__cta{justify-content:center;padding:11px 14px;color:#fff!important;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-radius:10px;font-weight:800;text-align:center}
@media(max-width:1180px){body.alive-page .alive-nav__links{display:none}body.alive-page .alive-menu{display:grid}}
@media(max-width:760px){body.alive-page .alive-language-picker{display:none!important}body.alive-page .alive-nav>nav{width:min(calc(100% - 24px),1180px);height:66px}body.alive-page .alive-brand img{width:38px;height:38px}}

/* Navbar fit correction: preserve readable one-line labels */
body.alive-page .alive-nav>nav{width:min(calc(100% - 40px),1360px);gap:clamp(14px,1.55vw,26px)}
body.alive-page .alive-nav .alive-brand{flex:0 0 auto;min-width:270px}
body.alive-page .alive-nav__links{flex:1 1 auto;justify-content:center;gap:clamp(18px,2vw,34px)}
body.alive-page .alive-nav__links a{display:inline-flex;align-items:center;white-space:nowrap;word-break:normal}
body.alive-page .alive-nav__actions{white-space:nowrap}
body.alive-page .alive-nav__actions .alive-btn--small{padding-inline:16px}
@media(max-width:1320px){body.alive-page .alive-nav__links{display:none}body.alive-page .alive-menu{display:grid}}
@media(max-width:900px){body.alive-page .alive-nav .alive-brand{min-width:0}body.alive-page .alive-nav__actions>.alive-text-link{display:none}}
@media(max-width:760px){body.alive-page .alive-nav>nav{width:min(calc(100% - 24px),1360px)}body.alive-page .alive-nav__actions>.alive-btn{display:none}}

/* Three-zone navigation flow: brand | primary navigation | account tools */
body.alive-page .alive-nav>nav{width:100%;max-width:none;padding-inline:clamp(18px,3vw,52px);display:grid;grid-template-columns:minmax(270px,1fr) auto minmax(270px,1fr);align-items:center}
body.alive-page .alive-nav .alive-brand{min-width:0;justify-self:start}
body.alive-page .alive-nav__links{justify-self:center;margin:0}
body.alive-page .alive-nav__actions{justify-self:end;margin:0}
body.alive-page .alive-nav__links a{position:relative}
body.alive-page .alive-nav__links a:after{content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:2px;background:var(--a-green);border-radius:999px;transition:left .2s ease,right .2s ease}
body.alive-page .alive-nav__links a:hover:after,body.alive-page .alive-nav__links a:focus-visible:after{left:0;right:0}
@media(max-width:1080px){body.alive-page .alive-nav>nav{grid-template-columns:minmax(0,1fr) auto}body.alive-page .alive-nav__actions{grid-column:2}body.alive-page .alive-nav__links{display:none}body.alive-page .alive-menu{display:grid}}
@media(min-width:1081px){body.alive-page .alive-nav__links{display:flex}}
@media(max-width:760px){body.alive-page .alive-nav>nav{padding-inline:12px}}

/* ============================================================
   ALIVE FUNNEL — 2026 "come alive" layer (aurora, pulse pills,
   chatbot, segmented nav, choreographed reveals, richer hovers).
   ============================================================ */
.alive-stats strong,[data-alive-count]{font-family:"JetBrains Mono","Space Grotesk",ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* Float job cards: entrance once, then gentle bob (no opacity flicker loop) */
.alive-float-job{opacity:0;animation:alive-card-in .5s cubic-bezier(.22,1,.36,1) .6s both,alive-card-bob 4s ease-in-out 1s infinite!important}
.alive-float-job--2{animation-delay:.9s,1.6s!important}
.alive-float-job--3{animation-delay:1.1s,1.8s!important}
.alive-float-job--4{animation-delay:1.3s,2s!important}
@keyframes alive-card-in{from{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:none}}
@keyframes alive-card-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* Page-wide ambient aurora (fixed, behind everything) */
body.alive-page{background:transparent}
.alive-aura{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--a-bg)}
.alive-aura__mesh{position:absolute;inset:0;background-image:radial-gradient(at 10% 14%,color-mix(in srgb,var(--a-green) 11%,transparent) 0,transparent 46%),radial-gradient(at 90% 10%,color-mix(in srgb,var(--a-gold) 12%,transparent) 0,transparent 42%),radial-gradient(at 74% 90%,color-mix(in srgb,var(--a-green2) 10%,transparent) 0,transparent 46%)}
.alive-aura__grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--a-ink) 3.2%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--a-ink) 3.2%,transparent) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(125% 85% at 50% -4%,#000 6%,transparent 60%);mask-image:radial-gradient(125% 85% at 50% -4%,#000 6%,transparent 60%)}
.alive-aura__blob{position:absolute;border-radius:50%;filter:blur(110px);opacity:.72;animation:alive-aurora 22s ease-in-out infinite}
.alive-aura__blob--1{left:2%;top:-12%;width:46rem;height:46rem;background:radial-gradient(circle,color-mix(in srgb,var(--a-green) 34%,transparent),transparent 66%)}
.alive-aura__blob--2{right:-2%;top:26%;width:36rem;height:36rem;background:radial-gradient(circle,color-mix(in srgb,var(--a-gold) 30%,transparent),transparent 66%);animation-delay:-8s}
.alive-aura__blob--3{left:26%;bottom:-16%;width:35rem;height:35rem;background:radial-gradient(circle,color-mix(in srgb,var(--a-green2) 28%,transparent),transparent 66%);animation-delay:-14s}
html[data-theme=dark] .alive-aura__blob{opacity:.4}
.alive-aura__vignette{position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 0%,transparent 58%,color-mix(in srgb,var(--a-bg) 60%,transparent) 100%)}
@keyframes alive-aurora{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.4}50%{transform:translate3d(4%,-3%,0) scale(1.1);opacity:.72}}
.alive-hero{background:transparent}

/* Eyebrow -> live pulse pill on every section marker */
.alive-heading>span,.alive-kicker,.alive-employers>span,.alive-preview>small{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:999px;color:var(--a-green);background:color-mix(in srgb,var(--a-green) 9%,var(--a-card));border:1px solid color-mix(in srgb,var(--a-green) 20%,transparent);font-size:.64rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.alive-heading>span::before,.alive-kicker::before,.alive-employers>span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--a-green);animation:alive-status 2s ease-out infinite;flex:0 0 7px}
.alive-preview>small{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}
.alive-preview>small::before{content:"";width:7px;height:7px;border-radius:50%;background:#7cf0ac;flex:0 0 7px;animation:alive-status 2s ease-out infinite}

/* Segmented nav toggle (first item in the account-tools cluster) */
body.alive-page .alive-nav__actions{gap:9px;min-width:0}
body.alive-page .alive-nav__toggle{display:inline-flex;align-items:center;gap:0;padding:3px;border-radius:999px;background:var(--a-card);border:1px solid var(--a-line);flex:0 0 auto}
body.alive-page .alive-nav__toggle a{padding:6px 11px;border-radius:999px;font-size:.68rem;font-weight:800;color:var(--a-muted);text-decoration:none;white-space:nowrap;transition:color .2s ease,background .2s ease,box-shadow .2s ease}
body.alive-page .alive-nav__toggle a.is-active{color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));box-shadow:0 10px 22px -14px rgba(1,98,54,.6)}
body.alive-page .alive-nav__toggle a:not(.is-active):hover{color:var(--a-ink)}
body.alive-page .alive-nav__toggle a:after{display:none!important}
body.alive-page .alive-nav__links .alive-nav__toggle{margin-left:6px}
@media(max-width:1200px){body.alive-page .alive-nav__toggle{display:none}}
@media(max-width:1180px){body.alive-page .alive-nav__actions>.alive-text-link{display:none}}

/* Choreographed child cascade inside grids */
.alive-explore-head[data-alive-stagger]>*,.alive-step-grid[data-alive-stagger]>*,.alive-category-grid[data-alive-stagger]>*,.alive-update-grid[data-alive-stagger]>*,.alive-job-grid[data-alive-stagger]>*,.alive-benefit-grid[data-alive-stagger]>*,.alive-perks[data-alive-stagger]>*{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}
[data-alive-stagger].is-visible>*{opacity:1;transform:none}
[data-alive-stagger].is-visible>*:nth-child(1){transition-delay:.03s}
[data-alive-stagger].is-visible>*:nth-child(2){transition-delay:.10s}
[data-alive-stagger].is-visible>*:nth-child(3){transition-delay:.17s}
[data-alive-stagger].is-visible>*:nth-child(4){transition-delay:.24s}
[data-alive-stagger].is-visible>*:nth-child(5){transition-delay:.31s}
[data-alive-stagger].is-visible>*:nth-child(6){transition-delay:.38s}
[data-alive-stagger].is-visible>*:nth-child(n+7){transition-delay:.44s}

/* Richer card hovers */
.alive-category-grid>a{transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s ease,box-shadow .22s ease}
.alive-category-grid>a:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 26px 46px -26px rgba(1,98,54,.4)}
.alive-step-grid article:hover{box-shadow:0 26px 46px -26px rgba(1,98,54,.34)}
.alive-btn:hover{transform:translateY(-2px) scale(1.02)}

/* Animated mini-bars for preview panels (beat legacy .alive-preview>div) */
.alive-preview>.alive-preview__bars{display:grid;grid-template-columns:1fr 1fr;gap:11px;width:100%;margin-top:20px;padding:0;border:0}
.alive-preview__bar{display:block;width:100%;min-width:0;padding:13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;text-decoration:none;transition:background .2s ease,transform .2s ease}
@media(max-width:1050px){.alive-preview>.alive-preview__bars{grid-template-columns:1fr}}
a.alive-preview__bar:hover{background:rgba(255,255,255,.2);transform:translateX(3px)}
.alive-preview__bar>span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.74rem;font-weight:750;min-width:0}
.alive-preview__bar>span b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alive-preview__bar>span small{flex:0 0 auto;white-space:nowrap;opacity:.8;font-weight:650}
.alive-preview__bar>span small{opacity:.85;font-weight:650}
.alive-preview__bar>i{display:block;height:7px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.24);overflow:hidden}
.alive-preview__bar>i::after{content:"";display:block;height:100%;width:var(--bar,0%);border-radius:999px;background:#fff;transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.22,1,.36,1) .15s}
.alive-preview.is-visible .alive-preview__bar>i::after,[data-alive-reveal].is-visible .alive-preview__bar>i::after{transform:scaleX(1)}

/* Chatbot bubbles */
.alive-help__messages{display:flex;flex-direction:column;max-height:230px;overflow-y:auto}
.alive-help__messages p+p{margin-top:8px}
.alive-help__messages p.is-user{margin-left:auto;color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-radius:14px 5px 14px 14px}

@media(prefers-reduced-motion:reduce){
    .alive-aura__blob{animation:none!important}
    .alive-heading>span::before,.alive-kicker::before,.alive-employers>span::before,.alive-preview>small::before{animation:none!important}
    [data-alive-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}
    .alive-preview__bar>i::after{transition:none!important;transform:scaleX(1)!important}
    .alive-category-grid>a:hover,.alive-btn:hover{transform:none}
    .alive-float-job,.alive-float-job--2,.alive-float-job--3,.alive-float-job--4{animation:none!important;opacity:1!important}
    .alive-help__panel,.alive-typing i{transition:none!important;animation:none!important}
}

/* Final nav layout override — content-sized zones, no overflow */
body.alive-page .alive-nav>nav{grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(12px,1.8vw,26px);max-width:none;padding-inline:clamp(16px,3vw,48px)}
body.alive-page .alive-nav .alive-brand{min-width:0;justify-self:start}
body.alive-page .alive-nav__links{justify-self:center;min-width:0}
body.alive-page .alive-nav__actions{justify-self:end;gap:9px;flex-wrap:nowrap}
@media(max-width:1160px){body.alive-page .alive-nav__actions>.alive-text-link{display:none}}
@media(max-width:1080px){body.alive-page .alive-nav>nav{grid-template-columns:1fr auto}body.alive-page .alive-nav__links{display:none}body.alive-page .alive-menu{display:grid}}
@media(min-width:1081px){body.alive-page .alive-nav__links{display:flex}body.alive-page .alive-menu{display:none}}

/* ============================================================
   Explore section header — verified-opportunities hub
   (matches the AI theme: activity feed, pill, search, filters)
   ============================================================ */
.alive-explore-head{max-width:820px;margin:0 auto 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}
.alive-explore-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;color:var(--a-green);background:color-mix(in srgb,var(--a-green) 10%,var(--a-card));border:1px solid color-mix(in srgb,var(--a-green) 24%,transparent);font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.alive-explore-pill i{color:var(--a-gold)}
.alive-explore-head h2{margin:18px 0 0;font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif;font-size:clamp(2.1rem,4vw,3.05rem);line-height:1.1;letter-spacing:-.04em;color:var(--a-ink)}
.alive-explore-head h2 span{background:linear-gradient(135deg,var(--a-green),var(--a-green2));-webkit-background-clip:text;background-clip:text;color:transparent}
.alive-explore-head>p{margin:14px 0 0;max-width:60ch;color:var(--a-muted);font-size:.96rem}
.alive-explore-search{width:min(100%,620px);margin:26px 0 0;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;background:var(--a-card);border:1px solid var(--a-line);border-radius:999px;box-shadow:var(--a-shadow);transition:border-color .2s ease,box-shadow .2s ease}
.alive-explore-search:focus-within{border-color:color-mix(in srgb,var(--a-green) 45%,transparent);box-shadow:var(--a-glow)}
.alive-explore-search>i{color:var(--a-muted);font-size:.9rem}
.alive-explore-search input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--a-ink);font:inherit;font-size:.86rem}
.alive-explore-search .alive-btn{flex:0 0 auto;min-height:44px;padding:10px 22px;box-shadow:none}
.alive-quickfilters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px}
.alive-quickfilters a{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;font-size:.76rem;font-weight:750;text-decoration:none;color:var(--a-ink);background:var(--a-card);border:1px solid var(--a-line);transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}
.alive-quickfilters a i{font-size:.82em;color:#806000}
html[data-theme="dark"] .alive-quickfilters a i{color:#f4ca55}
.alive-quickfilters a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--a-green) 40%,transparent)}
.alive-quickfilters a.is-active{color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-color:var(--a-green);box-shadow:var(--a-glow)}
.alive-quickfilters a.is-active i{color:#fff}
.alive-cat-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.alive-cat-tabs a{padding:8px 15px;border-radius:999px;font-size:.74rem;font-weight:750;text-decoration:none;color:var(--a-muted);background:var(--a-card);border:1px solid var(--a-line);transition:color .18s ease,background .18s ease,border-color .18s ease}
.alive-cat-tabs a:hover{color:var(--a-ink);border-color:color-mix(in srgb,var(--a-green) 34%,transparent)}
.alive-cat-tabs a.is-active{color:#fff;background:var(--a-ink);border-color:var(--a-ink)}
/* activity feed ticker — feed label styled like the reference */
.alive-ticker>strong{display:inline-flex;align-items:center;color:var(--a-green);font-size:.66rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.alive-ticker span i{color:var(--a-green)}
@media(max-width:760px){
    .alive-explore-search{flex-wrap:wrap;border-radius:20px;padding:10px}
    .alive-explore-search input{width:100%;flex-basis:100%}
    .alive-explore-search .alive-btn{width:100%}
    .alive-quickfilters,.alive-cat-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 8px;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
    .alive-quickfilters::-webkit-scrollbar,.alive-cat-tabs::-webkit-scrollbar{display:none}
    .alive-quickfilters a,.alive-cat-tabs a{flex:0 0 auto}
}

/* Contain the fixed aura + any wide row so mobile never scrolls sideways.
   Also pin the root font-size: an injected responsive sheet shrinks it on
   small screens, which was collapsing every rem-based heading clamp. */
html:has(body.alive-page){overflow-x:clip;font-size:16px}
body.alive-page{overflow-x:clip;max-width:100vw}
.alive-aura{overflow:clip;max-width:100vw}
.alive-ticker,.alive-ticker>div{max-width:100%}

/* ============================================================
   Standardized section intros (PESO Updates / How It Works /
   Built for Jobseekers) — same design family as .alive-explore-head.
   Consistency without repetition: shared type + eyebrow + emerald
   phrase + motion; subtle per-section ambient variation.
   ============================================================ */
.alive-explore-head--sub{position:relative;margin:0 auto 44px}
.alive-explore-head--sub>p{max-width:52ch}
.alive-explore-head--sub::before{content:"";position:absolute;z-index:-1;left:50%;top:-14%;width:min(560px,94%);height:230px;transform:translateX(-50%);border-radius:50%;filter:blur(72px);pointer-events:none;opacity:.9}
.alive-explore-head--updates::before{background:radial-gradient(circle,color-mix(in srgb,var(--a-gold) 14%,transparent),color-mix(in srgb,var(--a-green) 6%,transparent) 55%,transparent 72%)}
.alive-explore-head--how::before{background:radial-gradient(circle,color-mix(in srgb,var(--a-green) 15%,transparent),transparent 70%)}
.alive-explore-head--how::after{content:"";position:absolute;z-index:-1;inset:-30% -10% auto;height:180px;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--a-ink) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--a-ink) 3%,transparent) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(60% 100% at 50% 0,#000,transparent 75%);mask-image:radial-gradient(60% 100% at 50% 0,#000,transparent 75%)}
.alive-explore-head--benefits::before{background:radial-gradient(circle,color-mix(in srgb,var(--a-green2) 16%,transparent),transparent 70%)}
.alive-explore-head--sectors::before{background:radial-gradient(circle,color-mix(in srgb,var(--a-green2) 14%,transparent),color-mix(in srgb,var(--a-gold) 6%,transparent) 55%,transparent 74%)}
.alive-explore-head--services::before{background:radial-gradient(circle,color-mix(in srgb,var(--a-green) 16%,transparent),transparent 70%)}
/* Built-for-jobseekers / employer-tools keep their 2-col body below the centered intro */
#benefits .alive-benefits,#services .alive-service-grid{margin-top:4px}

/* restrained per-child stagger already themed by [data-alive-stagger];
   the emerald phrase settles a beat after the headline */
.alive-explore-head[data-alive-stagger] h2>span{opacity:0;transform:translateY(6px);transition:opacity .5s ease .12s,transform .5s cubic-bezier(.22,1,.36,1) .12s}
.alive-explore-head[data-alive-stagger].is-visible h2>span{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
    .alive-explore-head[data-alive-stagger] h2>span{opacity:1!important;transform:none!important;transition:none!important}
    .alive-explore-head--how::after{display:none}
}

/* ============================================================
   PESO Updates — image-backed activity cards (job fairs +
   admin announcements). Featured item + secondary grid.
   ============================================================ */
.alive-updates{display:grid;gap:18px}
.alive-update-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:hidden;background:var(--a-card);border:1px solid var(--a-line);border-radius:20px;box-shadow:var(--a-shadow);transition:border-color .2s ease,box-shadow .2s ease}
.alive-update-feature:hover{border-color:color-mix(in srgb,var(--a-green) 32%,var(--a-line))}
.alive-update-media{position:relative;overflow:hidden;background:var(--a-soft)}
.alive-update-feature>.alive-update-media{min-height:290px}
.alive-update-media img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.alive-update-feature>.alive-update-media img{object-position:center}
.alive-update-feature:hover .alive-update-media img,.alive-update-card:hover .alive-update-media img{transform:scale(1.05)}
.alive-update-media--brand{display:grid;place-items:center;background:linear-gradient(150deg,var(--a-green),#013f24)}
.alive-update-media--brand span{display:grid;justify-items:center;gap:9px;color:#fff;text-align:center}
.alive-update-media--brand img{width:48px;height:48px;border-radius:50%;object-fit:contain;transform:none!important}
.alive-update-media--brand b{font-size:.64rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;opacity:.82}
.alive-update-body{display:flex;flex-direction:column;gap:8px;padding:22px}
.alive-update-feature>.alive-update-body{justify-content:center;padding:28px clamp(22px,3vw,34px)}
.alive-update-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.alive-update-badge{padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--a-green) 12%,var(--a-card));border:1px solid color-mix(in srgb,var(--a-green) 22%,transparent);color:var(--a-green);font-size:.6rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.alive-update-meta time{color:var(--a-muted);font-size:.72rem;font-weight:700}
.alive-updates .alive-update-body h3{margin:2px 0 0;color:var(--a-ink);font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif;font-size:1.02rem;line-height:1.28;letter-spacing:-.01em}
.alive-update-feature>.alive-update-body h3{font-size:clamp(1.2rem,2vw,1.5rem)}
.alive-update-line{display:flex;align-items:center;gap:7px;margin:0;color:var(--a-muted);font-size:.76rem}
.alive-update-line i{color:var(--a-green);width:14px}
.alive-update-desc{margin:6px 0 0;color:var(--a-muted);font-size:.82rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.alive-update-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:16px}
.alive-update-grid .alive-update-card{padding:0!important}
.alive-update-card{display:flex;flex-direction:column;overflow:hidden;background:var(--a-card);border:1px solid var(--a-line);border-radius:18px;box-shadow:var(--a-shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.alive-update-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--a-green) 38%,var(--a-line));box-shadow:0 22px 44px -24px rgba(1,98,54,.32)}
.alive-update-card>.alive-update-media{aspect-ratio:16/9}
.alive-update-card>.alive-update-body{gap:6px;padding:15px 17px 17px}
.alive-updates .alive-update-card .alive-update-body h3{font-size:.92rem}
@media(max-width:860px){
    .alive-update-feature{grid-template-columns:1fr}
    .alive-update-feature>.alive-update-media{min-height:0;aspect-ratio:16/9}
    .alive-update-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.alive-update-media img{transition:none}.alive-update-card:hover,.alive-update-feature:hover .alive-update-media img,.alive-update-card:hover .alive-update-media img{transform:none}}

/* ---- PESO Updates: compact cards + collapsible "See more" -------------- */
.alive-updates{display:grid;gap:22px;justify-items:center}
.alive-update-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px;width:100%}
.alive-update-card[hidden]{display:none!important}
.alive-update-card>.alive-update-media{aspect-ratio:16/10}
.alive-update-card>.alive-update-body{gap:5px;padding:12px 14px 14px}
.alive-updates .alive-update-card .alive-update-body h3{font-size:.86rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.alive-update-card .alive-update-line{font-size:.7rem}
.alive-update-card .alive-update-meta time{font-size:.68rem}
.alive-update-media--brand span b{font-size:.58rem}
.alive-update-media--brand img{width:40px;height:40px}
@keyframes alive-fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.alive-update-card--more:not([hidden]){animation:alive-fade-up .4s cubic-bezier(.22,1,.36,1) both}

.alive-updates__more{display:inline-flex;align-items:center;gap:9px;margin-top:2px;padding:10px 22px;border-radius:999px;border:1px solid var(--a-line);background:var(--a-card);color:var(--a-green);font:inherit;font-weight:800;font-size:.8rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.alive-updates__more:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--a-green) 42%,transparent);box-shadow:0 12px 26px -16px rgba(1,98,54,.5)}
.alive-updates__more:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--a-green) 32%,transparent)}
.alive-updates__more-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--a-green) 14%,var(--a-card));font-size:.66rem;font-weight:850}
.alive-updates__more i{transition:transform .22s ease}
.alive-updates__more.is-open i{transform:rotate(180deg)}
.alive-updates__more.is-open .alive-updates__more-count{display:none}

@media(max-width:900px){.alive-update-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.alive-update-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.alive-update-card--more:not([hidden]){animation:none}.alive-updates__more:hover{transform:none}}

/* ---- Jobseeker hero: 5 rotating float jobs, kept clear of the people image
       (people fill the lower ~65% of the visual; floats live in the top band
       and hang off the left/right edges) --------------------------------- */
.alive-js-visual .alive-float-job{width:170px}
.alive-js-visual .alive-float-job--1{left:-14%;right:auto;top:2%;bottom:auto}
.alive-js-visual .alive-float-job--2{left:auto;right:-14%;top:0;bottom:auto}
.alive-js-visual .alive-float-job--3{left:-16%;right:auto;top:24%;bottom:auto}
.alive-js-visual .alive-float-job--4{left:auto;right:-16%;top:21%;bottom:auto}
.alive-js-visual .alive-float-job--5{left:23%;right:auto;top:-7%;bottom:auto}
.alive-float-job__type{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.alive-float-job{transition:opacity .28s ease}
.alive-float-job.is-swapping{opacity:0}
@media(max-width:1280px){.alive-js-visual .alive-float-job--5{display:none}}
@media(max-width:1150px){.alive-js-visual .alive-float-job--3,.alive-js-visual .alive-float-job--4{display:none}}
@media(max-width:1050px){.alive-js-visual .alive-float-job{display:none}}

/* ============================================================
   Jobs listing page (peso_alive_jobs.php) — same alive vibe
   as index.php: aura, Space Grotesk header, chip filters,
   card grid, custom job modal.
   ============================================================ */
.alive-explore-head--jobs{margin-bottom:32px}
.alive-explore-head--jobs::before{background:radial-gradient(circle,color-mix(in srgb,var(--a-green) 15%,transparent),transparent 70%)}
.alive-jobs-back{align-self:center;display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;color:var(--a-muted);font-size:.74rem;font-weight:750;text-decoration:none}
.alive-jobs-back:hover{color:var(--a-green)}
.alive-explore-head--jobs h2 [data-alive-count]{font-family:"JetBrains Mono","Space Grotesk",monospace}
.alive-explore-search__loc{max-width:150px;border-left:1px solid var(--a-line);padding-left:12px!important}
@media(max-width:760px){.alive-explore-search__loc{max-width:none;border-left:0;border-top:1px solid var(--a-line);padding-left:0!important;padding-top:8px!important}}

.alive-jobs-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:6px 0 14px}
.alive-jobs-toolbar__count{color:var(--a-muted);font-size:.8rem}
.alive-jobs-toolbar__count strong{color:var(--a-ink)}
.alive-jobs-toolbar__controls{display:flex;gap:10px;flex-wrap:wrap}
.alive-jobs-select{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:var(--a-card);border:1px solid var(--a-line);border-radius:11px;font-size:.74rem;color:var(--a-muted)}
.alive-jobs-select label{font-weight:700}
.alive-jobs-select label i{color:var(--a-green)}
.alive-jobs-select select{border:0;outline:0;background:transparent;color:var(--a-ink);font:inherit;font-size:.76rem;font-weight:650;cursor:pointer}

.alive-jobs-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;font-size:.72rem}
.alive-jobs-active>span{color:var(--a-muted);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.64rem}
.alive-jobs-active a{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;color:var(--a-green);background:color-mix(in srgb,var(--a-green) 10%,var(--a-card));border:1px solid color-mix(in srgb,var(--a-green) 22%,transparent);font-weight:750;text-decoration:none}
.alive-jobs-active a:hover{background:color-mix(in srgb,var(--a-green) 18%,var(--a-card))}
.alive-jobs-active a i{font-size:.82em}
.alive-jobs-active__clear{color:var(--a-muted)!important;background:transparent!important;border-color:var(--a-line)!important}

.alive-job-grid--page{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}
.alive-job-grid--page>article{cursor:pointer}
.alive-job-grid--page>article:focus-visible{outline:none;border-color:var(--a-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--a-green) 28%,transparent)}
.alive-job-view{display:inline-flex;align-items:center;gap:5px;color:var(--a-green);font-weight:800}
.alive-job-view i{transition:transform .18s ease}
.alive-job-grid--page>article:hover .alive-job-view i{transform:translateX(3px)}
@media(max-width:560px){.alive-job-grid--page{grid-template-columns:1fr!important}}

.alive-jobs-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:34px}
.alive-jobs-pager a{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-radius:11px;color:var(--a-ink);background:var(--a-card);border:1px solid var(--a-line);font-size:.78rem;font-weight:750;text-decoration:none;transition:transform .16s ease,border-color .16s ease}
.alive-jobs-pager a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--a-green) 40%,transparent)}
.alive-jobs-pager a.is-active{color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-color:var(--a-green);box-shadow:var(--a-glow)}
.alive-jobs-pager__nav{color:var(--a-green)}

/* ---- custom job modal ---- */
.alive-jobmodal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:20px}
.alive-jobmodal[hidden]{display:none!important}
.alive-jobmodal__backdrop{position:absolute;inset:0;background:rgba(6,24,16,.55);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease}
.alive-jobmodal.is-open .alive-jobmodal__backdrop{opacity:1}
.alive-jobmodal__panel{position:relative;width:min(680px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--a-bg);border:1px solid var(--a-line);border-radius:22px;box-shadow:0 40px 90px -30px rgba(6,24,16,.6);opacity:0;transform:translateY(16px) scale(.97);transition:opacity .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}
.alive-jobmodal.is-open .alive-jobmodal__panel{opacity:1;transform:none}
.alive-jobmodal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;color:var(--a-ink);background:var(--a-card);border:1px solid var(--a-line);border-radius:10px;cursor:pointer;z-index:2}
.alive-jobmodal__close:hover{color:#fff;background:var(--a-green);border-color:var(--a-green)}
.alive-jobmodal__panel>header{display:flex;gap:14px;padding:24px 24px 16px;border-bottom:1px solid var(--a-line)}
.alive-jobmodal__logo{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;overflow:hidden;color:var(--a-green);background:var(--a-soft);border:1px solid var(--a-line);border-radius:13px;font-size:1.3rem}
.alive-jobmodal__logo img{width:100%;height:100%;object-fit:contain}
.alive-jobmodal__eyebrow{color:var(--a-green);font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.alive-jobmodal__panel h2{margin:4px 0 3px;font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif;font-size:1.35rem;line-height:1.2;color:var(--a-ink);letter-spacing:-.02em}
.alive-jobmodal__panel>header p{margin:0;color:var(--a-muted);font-size:.82rem;font-weight:650}
.alive-jobmodal__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--a-line);border-bottom:1px solid var(--a-line)}
.alive-jobmodal__facts>div{padding:14px 18px;background:var(--a-bg)}
.alive-jobmodal__facts small{display:block;color:var(--a-muted);font-size:.62rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.alive-jobmodal__facts strong{display:block;margin-top:3px;color:var(--a-ink);font-size:.86rem}
.alive-jobmodal__facts>div:first-child strong{color:var(--a-green)}
.alive-jobmodal__body{padding:20px 24px}
.alive-jobmodal__body section+section{margin-top:18px}
.alive-jobmodal__body h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:.82rem;font-weight:800;color:var(--a-green);text-transform:uppercase;letter-spacing:.04em}
.alive-jobmodal__body p{margin:0;color:var(--a-muted);font-size:.85rem;line-height:1.6;white-space:pre-line}
.alive-jobmodal__panel>footer{position:sticky;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;background:var(--a-card);border-top:1px solid var(--a-line)}
.alive-jobmodal__panel>footer>div{flex:1;min-width:180px}
.alive-jobmodal__panel>footer strong{display:block;color:var(--a-ink);font-size:.88rem}
.alive-jobmodal__panel>footer small{color:var(--a-muted);font-size:.74rem}
.alive-jobmodal__panel>footer .alive-btn{min-height:42px;padding:10px 18px}
@media(max-width:560px){.alive-jobmodal{padding:0}.alive-jobmodal__panel{max-height:100vh;border-radius:0;width:100%}}
@media(prefers-reduced-motion:reduce){.alive-jobmodal__backdrop,.alive-jobmodal__panel{transition:none}}

/* Public job preview — keep the controls and facts readable at every width. */
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    overflow: hidden;
}
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > header {
    min-width: 0;
    padding-right: 76px;
}
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > header > div {
    min-width: 0;
}
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__close {
    position: absolute !important;
    inset: 14px 14px auto auto !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    z-index: 12 !important;
}
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__facts {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__facts > div {
    min-width: 0;
}
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__facts strong,
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel h2 {
    overflow-wrap: anywhere;
}
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__body {
    min-height: 0;
    height: 100%;
    max-height: 100%;
    align-self: stretch;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}
body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > footer {
    position: relative;
    bottom: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

@media (max-width: 760px) {
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal {
        padding: 10px !important;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel {
        width: 100% !important;
        max-width: 680px !important;
        max-height: calc(100dvh - 20px) !important;
        border-radius: 18px !important;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__facts > div:first-child {
        grid-column: 1 / -1;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > footer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > footer > div {
        grid-column: 1 / -1;
        min-width: 0;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > footer .alive-btn {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }
}

@media (max-width: 520px) {
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal {
        padding: 0 !important;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel {
        height: 100dvh !important;
        max-height: 100dvh !important;
        border-width: 0 !important;
        border-radius: 0 !important;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > header {
        gap: 12px;
        padding: max(14px, env(safe-area-inset-top)) 68px 14px 16px;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__logo {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel h2 {
        font-size: clamp(1.25rem, 6vw, 1.55rem);
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__facts > div {
        padding: 12px 16px;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__body {
        padding: 18px 20px;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > footer {
        padding: 13px 16px max(13px, env(safe-area-inset-bottom));
        gap: 9px;
    }
}

@media (max-width: 360px) {
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__facts {
        grid-template-columns: 1fr;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__facts > div:first-child {
        grid-column: auto;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > footer {
        grid-template-columns: 1fr;
    }
    body:is([data-peso-page='jobs'],[data-peso-page='alive-jobs']) .alive-jobmodal__panel > footer > div {
        grid-column: auto;
    }
}

/* The global narrow-dialog guard also targets a dialog's first child.  Here
   that child is the close control, so explicitly keep it icon-sized. */
html body[data-peso-page='alive-jobs'] .alive-jobmodal .alive-jobmodal__panel[role='dialog'] > button.alive-jobmodal__close {
    position: absolute !important;
    inset: 14px 14px auto auto !important;
    box-sizing: border-box !important;
    width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Landing navigation hierarchy: secondary actions move into the menu before
   the header becomes crowded. All functions remain available. */
body.alive-page .alive-nav__actions > [data-alive-theme] { order: 1; }
body.alive-page .alive-nav__actions > .peso-language-picker { order: 2; }
body.alive-page .alive-nav__actions > .alive-menu { order: 3; }
body.alive-page .alive-portal-switch {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 14px;
    color: var(--a-green);
    background: var(--a-card);
    border: 1px solid color-mix(in srgb, var(--a-green) 34%, var(--a-line));
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}
body.alive-page .alive-portal-switch:hover {
    color: #fff;
    background: var(--a-green);
    border-color: var(--a-green);
}

@media (max-width: 1320px) {
    body.alive-page .alive-nav > nav {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 14px !important;
    }
    body.alive-page .alive-nav__links,
    body.alive-page .alive-nav__toggle,
    body.alive-page .alive-portal-switch,
    body.alive-page .alive-nav__actions > .alive-text-link,
    body.alive-page .alive-nav__actions > .alive-btn {
        display: none !important;
    }
    body.alive-page .alive-nav__actions {
        display: flex !important;
        gap: 8px !important;
    }
    body.alive-page .alive-menu {
        display: grid !important;
    }
    body.alive-page .alive-nav__actions .peso-language-picker--inline select {
        min-width: 96px;
        min-height: 40px;
        padding: 7px 28px 7px 10px;
        box-shadow: none;
    }
    body.alive-page .alive-nav__actions > .alive-language-picker.peso-language-picker--inline {
        display: inline-flex !important;
        position: static !important;
    }
}

@media (max-width: 560px) {
    body.alive-page .alive-nav .alive-brand > span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }
    /* The jobseeker/employer landing headers need this span VISIBLE — it's
       the only place on the page that says which portal you're on
       ("Jobseeker Portal"/"Employer Portal"), so the screen-reader-only
       treatment above (clipped to 1x1px) can't apply there. :has() scopes
       the exception to only brands that actually carry the role badge, so
       every other alive-page header keeps the original sr-only behavior. */
    body.alive-page .alive-nav .alive-brand:has(.alive-brand__role) > span {
        position: static !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        clip-path: none !important;
        white-space: normal !important;
    }
    body.alive-page .alive-nav__actions .peso-language-picker--inline select {
        width: 92px;
        min-width: 92px;
    }
}

@media (max-width: 360px) {
    body.alive-page .alive-nav > nav {
        width: calc(100% - 16px) !important;
        gap: 8px !important;
    }
    body.alive-page .alive-nav__actions {
        gap: 6px !important;
    }
    body.alive-page .alive-nav__actions .peso-language-picker--inline select {
        width: 86px;
        min-width: 86px;
        padding-inline: 8px 24px;
    }
}

/* --- targeted fixes: nav button spacing, dark-mode "All jobs" tab, ticker --- */
body.alive-page .alive-nav__actions{gap:16px!important}
body.alive-page .alive-nav__actions>[data-alive-theme]{margin-right:2px}
body.alive-page .alive-nav__actions>.alive-text-link{margin-right:6px}
body.alive-page .alive-nav__actions .alive-btn--small{padding-inline:18px!important}

/* the active category tab used background:var(--a-ink) which is near-white in
   dark mode -> white-on-white. Use the same green treatment as the quick
   filters so "All jobs" stays readable in both themes. */
body.alive-page .alive-cat-tabs a.is-active{
    color:#fff!important;
    background:linear-gradient(135deg,var(--a-green),var(--a-green2))!important;
    border-color:var(--a-green)!important;
    box-shadow:var(--a-glow)!important;
}
body.alive-page .alive-cat-tabs a:not(.is-active){
    color:var(--a-muted)!important;
    background:var(--a-card)!important;
    border-color:var(--a-line)!important;
}
body.alive-page .alive-cat-tabs a:not(.is-active):hover{
    color:var(--a-green)!important;
    border-color:color-mix(in srgb,var(--a-green) 40%,var(--a-line))!important;
}

/* ===== Live jobs & activity ticker — pure-CSS marquee, always sliding =====
   Structure built in peso-alive-funnel.js:
   .alive-ticker > i.alive-live-dot + strong + div(window) > div(track) > div.alive-ticker__seq x2
   The track animates translateX(0 -> -50%); two identical sequences make the
   loop seamless with no JS timing involved. */
body.alive-page .alive-ticker{
    display:flex;align-items:center;gap:11px;
    margin:0 0 34px;padding:11px 15px;overflow:hidden;
    color:var(--a-muted);background:var(--a-card);border:1px solid var(--a-line);
    border-radius:14px;box-shadow:var(--a-shadow);font-size:.72rem;
}
body.alive-page .alive-ticker>i.alive-live-dot{
    flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--a-green);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--a-green) 16%,transparent);
}
body.alive-page .alive-ticker>strong{
    flex:0 0 auto;white-space:nowrap;color:var(--a-green);
    font-size:.64rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;
}
body.alive-page .alive-ticker>div{
    flex:1 1 auto;min-width:0;overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
body.alive-page .alive-ticker>div>div{
    display:flex;width:max-content;gap:0;will-change:transform;
    animation:alive-ticker-run 44s linear infinite;
}
body.alive-page .alive-ticker__seq{display:flex;flex:none;gap:34px;padding-right:34px}
body.alive-page .alive-ticker span{display:inline-flex;align-items:center;white-space:nowrap}
body.alive-page .alive-ticker span i{margin-right:6px;color:var(--a-green)}
body.alive-page .alive-ticker span b{color:var(--a-ink);font-weight:800}
body.alive-page .alive-ticker:hover>div>div,
body.alive-page .alive-ticker:focus-within>div>div{animation-play-state:paused}
@keyframes alive-ticker-run{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (max-width:560px){
    body.alive-page .alive-ticker>strong{display:none}
    body.alive-page .alive-ticker>div>div{animation-duration:32s}
}
@media (prefers-reduced-motion:reduce){
    /* explicitly-requested live feed: slow it right down rather than stop it */
    body.alive-page .alive-ticker>div>div{animation:alive-ticker-run 150s linear infinite!important}
}

/* ===== #explore — keep the search + filter rows inside a phone viewport ===== */
@media (max-width:760px){
    body.alive-page #explore .alive-explore-search,
    body.alive-page #explore .alive-quickfilters,
    body.alive-page #explore .alive-cat-tabs{align-self:stretch;width:100%;max-width:100%}
    body.alive-page #explore .alive-quickfilters,
    body.alive-page #explore .alive-cat-tabs{
        margin-inline:0;padding:2px 0 8px;justify-content:flex-start;
        -webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);
        mask-image:linear-gradient(90deg,#000 86%,transparent);
    }
}

/* Restore the alive heading scale that the global mobile
   :where(h1,h2){font-size:...!important} rule in peso-responsive.css squashes. */
body.alive-page .alive-hero h1{font-size:clamp(2.4rem,7vw,4.35rem)!important}
body.alive-page .alive-explore-head h2{font-size:clamp(1.8rem,6vw,3.05rem)!important}
body.alive-page :is(.alive-heading,.alive-service-grid,.alive-benefits) h2{font-size:clamp(1.7rem,5.4vw,2.8rem)!important}
body.alive-page .alive-cta h2{font-size:clamp(1.9rem,6vw,3.3rem)!important}

/* ===== Proper site footer (index.php + employer_index.php alive funnels) ===== */
body.alive-page .alive-footer{padding:0;color:var(--a-muted);background:var(--a-card);border-top:1px solid var(--a-line)}
body.alive-page .alive-footer__grid{
    display:grid;grid-template-columns:1.7fr 1fr 1fr 1.5fr;gap:40px;align-items:start;
    /* match the navbar's edge alignment, not the 1120px content container */
    width:100%;max-width:none;margin-inline:0;
    padding:clamp(44px,6vw,64px) clamp(16px,3vw,48px) 40px;
}
body.alive-page .alive-footer__grid>*{min-width:0}
body.alive-page .alive-footer__brand .alive-brand{margin-bottom:15px}
body.alive-page .alive-footer__brand p{margin:0;max-width:44ch;font-size:.8rem;line-height:1.65}
body.alive-page .alive-footer__col h3{
    margin:0 0 15px;color:var(--a-ink);font-size:.68rem;font-weight:850;
    letter-spacing:.13em;text-transform:uppercase;
}
body.alive-page .alive-footer__col a{
    display:block;width:fit-content;margin:0 0 10px;color:var(--a-muted);
    font-size:.82rem;text-decoration:none;transition:color .15s ease;
}
body.alive-page .alive-footer__col a:hover{color:var(--a-green)}
body.alive-page .alive-footer__contact p{
    display:flex;gap:9px;margin:0 0 11px;font-size:.8rem;line-height:1.5;
}
body.alive-page .alive-footer__contact i{margin-top:3px;flex:0 0 15px;color:var(--a-green);font-size:.8rem}
body.alive-page .alive-footer__contact a{color:var(--a-muted);text-decoration:none}
body.alive-page .alive-footer__contact a:hover{color:var(--a-green)}
body.alive-page .alive-footer__bar{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 20px;
    width:100%;max-width:none;margin-inline:0;text-align:center;
    padding:18px clamp(16px,3vw,48px) 28px;border-top:1px solid var(--a-line);font-size:.74rem;
}
body.alive-page .alive-footer__bar p{margin:0}
body.alive-page a.alive-footer__office{
    color:inherit;text-decoration:none;
    border-bottom:1px dotted color-mix(in srgb,var(--a-muted) 60%,transparent);
    transition:color .15s ease,border-color .15s ease;
}
body.alive-page a.alive-footer__office:hover,
body.alive-page a.alive-footer__office:focus-visible{color:var(--a-green);border-bottom-color:var(--a-green)}
@media (max-width:900px){
    body.alive-page .alive-footer__grid{grid-template-columns:1fr 1fr;gap:30px 26px}
    body.alive-page .alive-footer__brand{grid-column:1 / -1}
}
@media (max-width:520px){
    body.alive-page .alive-footer__grid{grid-template-columns:1fr;gap:26px}
}
/* The floating "Ask PESO" launcher (peso-virtual-assistant.css) is
   position:fixed at bottom-right and, below 700px, sits ~64px tall from the
   viewport's bottom edge — the same zone the footer's centered copyright
   line lands in once the page is scrolled all the way down, so the button
   visually covered the tail of "…Dasmariñas · Public Employment Service
   Office". Reserve enough bottom padding on the LAST scrollable element (the
   bar, not just the button's own fixed position) so the text always clears
   it, matching the assistant's own 700px breakpoint. */
@media (max-width:700px){
    body.alive-page.peso-has-assistant .alive-footer__bar{padding-bottom:92px}
}

/* ---------------------------------------------------------------------------
   Floating hero job cards were unclickable: the transparent hero PNG
   (.alive-js-visual>img / .alive-hero__photo, z-index:2) sits on top of the
   cards (z-index:auto) and swallowed every click. Lift the cards above the
   image + the proof caption, and stop the decorative layers eating pointers.
   --------------------------------------------------------------------------- */
body.alive-page .alive-float-job{z-index:6}
body.alive-page :is(.alive-js-visual>img,.alive-js-visual>span,.alive-js-proof,.alive-hero__photo,.alive-hero__photo>img){pointer-events:none}
body.alive-page .alive-float-job{pointer-events:auto}

/* ===========================================================================
   #how — interactive "Three steps" stepper (replaces the 3 static cards).
   Horizontal numbered stepper + one detail panel that swaps per step, with a
   filling progress rail and gentle auto-advance.
   =========================================================================== */
body.alive-page .alive-steps{margin-top:34px;display:grid;gap:24px}
body.alive-page .alive-steps__nav{position:relative;display:flex;justify-content:space-between;gap:12px;padding:4px 0}
body.alive-page .alive-steps__track{position:absolute;left:23px;right:23px;top:27px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--a-green) 15%,var(--a-line));overflow:hidden}
body.alive-page .alive-steps__fill{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--a-green),var(--a-green2));transition:width .55s cubic-bezier(.22,1,.36,1)}
body.alive-page .alive-steps__node{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;padding:0;background:none;border:0;font:inherit;color:var(--a-muted);cursor:pointer}
body.alive-page .alive-steps__dot{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--a-card);border:2px solid color-mix(in srgb,var(--a-green) 22%,var(--a-line));font-weight:850;font-size:.85rem;color:var(--a-muted);transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}
body.alive-page .alive-steps__dot>span,body.alive-page .alive-steps__dot>i{position:absolute;transition:opacity .2s ease}
body.alive-page .alive-steps__dot>i{opacity:0;font-size:.95rem}
body.alive-page .alive-steps__name{max-width:16ch;font-size:.79rem;font-weight:750;line-height:1.25;text-align:center;transition:color .2s ease}
body.alive-page .alive-steps__node:hover .alive-steps__dot{border-color:var(--a-green);transform:translateY(-2px)}
body.alive-page .alive-steps__node.is-active .alive-steps__dot{background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-color:var(--a-green);color:#fff;box-shadow:var(--a-glow);transform:scale(1.07)}
body.alive-page .alive-steps__node.is-active .alive-steps__name{color:var(--a-ink)}
body.alive-page .alive-steps__node.is-done .alive-steps__dot{background:color-mix(in srgb,var(--a-green) 13%,var(--a-card));border-color:var(--a-green);color:var(--a-green)}
body.alive-page .alive-steps__node.is-done .alive-steps__dot>span{opacity:0}
body.alive-page .alive-steps__node.is-done .alive-steps__dot>i{opacity:1}
body.alive-page .alive-steps__node:focus-visible{outline:none}
body.alive-page .alive-steps__node:focus-visible .alive-steps__dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--a-green) 30%,transparent)}

body.alive-page .alive-steps__stage{position:relative;min-height:clamp(318px,40vw,364px)}
body.alive-page .alive-steps__panel{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;padding:clamp(22px,3vw,32px);background:var(--a-card);border:1px solid var(--a-line);border-radius:20px;box-shadow:var(--a-shadow);opacity:0;visibility:hidden;transform:translateY(14px) scale(.985);transition:opacity .38s ease,transform .45s cubic-bezier(.22,1,.36,1)}
body.alive-page .alive-steps__panel.is-active{position:relative;opacity:1;visibility:visible;transform:none}
body.alive-page .alive-steps__panel-head{display:flex;align-items:center;gap:14px}
body.alive-page .alive-steps__icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-radius:14px;box-shadow:var(--a-glow);font-size:1.15rem}
body.alive-page .alive-steps__eyebrow{display:block;color:var(--a-green);font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
body.alive-page .alive-steps__panel h3{margin:3px 0 0;font-size:clamp(1.22rem,2.2vw,1.5rem);line-height:1.15}
body.alive-page .alive-steps__lead{margin:0;color:var(--a-muted);font-size:.88rem;line-height:1.62}
body.alive-page .alive-steps__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
body.alive-page .alive-steps__list li{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;color:var(--a-ink);line-height:1.45}
body.alive-page .alive-steps__list li i{margin-top:2px;flex:0 0 auto;color:var(--a-green);font-size:.8rem}
body.alive-page .alive-steps__foot{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding-top:14px;border-top:1px solid var(--a-line)}
body.alive-page .alive-steps__hint{display:inline-flex;align-items:flex-start;gap:8px;max-width:46ch;color:var(--a-muted);font-size:.72rem;line-height:1.5}
body.alive-page .alive-steps__hint i{margin-top:2px;color:var(--a-green)}
body.alive-page .alive-steps__foot .alive-btn{flex:0 0 auto}

@media(max-width:820px){
    body.alive-page .alive-steps__nav{gap:4px}
    body.alive-page .alive-steps__track{left:17px;right:17px;top:24px}
    body.alive-page .alive-steps__dot{width:40px;height:40px;font-size:.76rem}
    body.alive-page .alive-steps__name{font-size:.66rem}
    body.alive-page .alive-steps__list{grid-template-columns:1fr}
    body.alive-page .alive-steps__stage{min-height:0}
    body.alive-page .alive-steps__panel{position:static;opacity:1;visibility:visible;transform:none;transition:none}
    body.alive-page .alive-steps__panel:not(.is-active){display:none}
    body.alive-page .alive-steps__foot{flex-direction:column;align-items:stretch}
    body.alive-page .alive-steps__foot .alive-btn{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
    body.alive-page .alive-steps__panel,body.alive-page .alive-steps__fill,body.alive-page .alive-steps__dot{transition:none}
}

/* ===== #benefits — interactive tool cards + walkthrough modal ===== */
body.alive-page .alive-benefits--tools{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch;gap:clamp(22px,3vw,52px)}
body.alive-page .alive-tools__panel{align-self:start;display:flex;flex-direction:column;gap:0}
body.alive-page .alive-tools__bar{display:flex;align-items:center;gap:7px;margin-bottom:16px}
body.alive-page .alive-tools__bar span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.28)}
body.alive-page .alive-tools__bar span:first-child{background:#ff8f7a}
body.alive-page .alive-tools__bar span:nth-child(2){background:#ffd479}
body.alive-page .alive-tools__bar span:nth-child(3){background:#7cf0ac}
body.alive-page .alive-tools__bar em{margin-left:6px;font-style:normal;font-family:"JetBrains Mono","SFMono-Regular",monospace;font-size:.62rem;letter-spacing:.06em;color:rgba(255,255,255,.62)}
body.alive-page .alive-tools__panel>h3{margin:8px 0 0;font-size:1.4rem}
body.alive-page .alive-tools__blurb{margin:12px 0 0;font-size:.82rem;line-height:1.55;color:rgba(255,255,255,.82)}
body.alive-page .alive-tools__facts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}
body.alive-page .alive-tools__facts li{display:flex;align-items:center;gap:10px;font-size:.76rem;font-weight:650;color:rgba(255,255,255,.9)}
body.alive-page .alive-tools__facts i{width:16px;text-align:center;color:#9ff0c2}
body.alive-page .alive-tools__metric{display:flex;align-items:baseline;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
body.alive-page .alive-tools__metric strong{font-size:2rem;font-family:"Space Grotesk",sans-serif;line-height:1}
body.alive-page .alive-tools__metric span{font-size:.72rem;opacity:.78;max-width:20ch}
body.alive-page .alive-tools__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.alive-page .alive-tool{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;gap:2px 13px;align-content:center;padding:16px 16px 17px;text-align:left;color:var(--a-ink);background:var(--a-card);border:1px solid var(--a-line);border-radius:16px;box-shadow:var(--a-shadow);cursor:pointer;font:inherit;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s ease,box-shadow .24s ease}
body.alive-page .alive-tool::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120px 120px at 85% 0%,color-mix(in srgb,var(--a-green) 12%,transparent),transparent 70%);opacity:0;transition:opacity .24s ease}
body.alive-page .alive-tool::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--a-green),var(--a-green2));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}
body.alive-page .alive-tool__ic{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--a-green),var(--a-green2));border-radius:13px;box-shadow:var(--a-glow);font-size:1.05rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}
body.alive-page .alive-tool__idx{position:absolute;top:11px;right:13px;font-family:"JetBrains Mono","SFMono-Regular",monospace;font-size:.58rem;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--a-green) 45%,var(--a-muted));opacity:.75}
body.alive-page .alive-tool__name{align-self:end;font-size:.9rem;font-weight:750;line-height:1.2}
body.alive-page .alive-tool__tag{align-self:start;font-family:"JetBrains Mono","SFMono-Regular",monospace;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--a-muted)}
body.alive-page .alive-tool__cue{grid-column:2;display:inline-flex;align-items:center;gap:6px;margin-top:9px;color:var(--a-green);font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease}
body.alive-page .alive-tool__cue i{transition:transform .22s ease}
body.alive-page .alive-tool:hover,body.alive-page .alive-tool:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--a-green) 45%,var(--a-line));box-shadow:0 22px 42px -24px rgba(1,98,54,.55);outline:none}
body.alive-page .alive-tool:hover::before,body.alive-page .alive-tool:focus-visible::before{opacity:1}
body.alive-page .alive-tool:hover::after,body.alive-page .alive-tool:focus-visible::after{transform:scaleX(1)}
body.alive-page .alive-tool:hover .alive-tool__ic,body.alive-page .alive-tool:focus-visible .alive-tool__ic{transform:translateY(-2px) rotate(-4deg) scale(1.05)}
body.alive-page .alive-tool:hover .alive-tool__cue,body.alive-page .alive-tool:focus-visible .alive-tool__cue{opacity:1;transform:none}
body.alive-page .alive-tool:hover .alive-tool__cue i{transform:translateX(3px)}
body.alive-page .alive-tool:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--a-green) 32%,transparent),0 22px 42px -24px rgba(1,98,54,.55)}
body.alive-page .alive-tool:active{transform:translateY(-1px)}

body.alive-page.alive-modal-open,html.alive-modal-open{overflow:hidden}
body.alive-page .alive-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}
body.alive-page .alive-modal[hidden]{display:none}
body.alive-page .alive-modal__scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--a-ink) 62%,rgba(3,18,11,.72));backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease}
body.alive-page .alive-modal.is-open .alive-modal__scrim{opacity:1}
body.alive-page .alive-modal__panel{position:relative;width:min(560px,100%);max-height:min(88vh,780px);overflow:auto;background:var(--a-card);border:1px solid var(--a-line);border-radius:24px;box-shadow:0 44px 96px -32px rgba(3,25,15,.62);opacity:0;transform:translateY(18px) scale(.965);transition:opacity .32s ease,transform .42s cubic-bezier(.22,1,.36,1)}
body.alive-page .alive-modal.is-open .alive-modal__panel{opacity:1;transform:none}
body.alive-page .alive-modal__head{position:relative;overflow:hidden;padding:32px 72px 24px 32px;color:#fff;background:linear-gradient(150deg,var(--a-green),#014326)}
body.alive-page .alive-modal__head::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:15px 15px;mask-image:linear-gradient(#000,transparent);pointer-events:none}
body.alive-page .alive-modal__eyebrow{position:relative;display:inline-block;font-family:"JetBrains Mono","SFMono-Regular",monospace;font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.82)}
body.alive-page .alive-modal__head h3{position:relative;margin:11px 0 0;font-size:1.42rem;font-family:"Space Grotesk",sans-serif;line-height:1.2}
body.alive-page .alive-modal__head p{position:relative;margin:9px 0 0;font-size:.83rem;line-height:1.55;color:rgba(255,255,255,.9)}
body.alive-page .alive-modal__x{position:absolute!important;inset:14px 14px auto auto!important;z-index:2;width:44px!important;max-width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);border-radius:12px;cursor:pointer;transition:background .2s ease}
body.alive-page .alive-modal__x:hover{background:rgba(255,255,255,.28)}
body.alive-page .alive-modal__steps{list-style:none;margin:0;padding:24px 32px 4px;display:grid;gap:17px}
body.alive-page .alive-modal__steps li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
body.alive-page .alive-modal__steps li>i{width:40px;height:40px;display:grid;place-items:center;color:var(--a-green);background:color-mix(in srgb,var(--a-green) 10%,var(--a-card));border:1px solid color-mix(in srgb,var(--a-green) 22%,var(--a-line));border-radius:11px;font-size:.95rem}
body.alive-page .alive-modal__steps li b{display:block;font-size:.87rem;font-weight:750}
body.alive-page .alive-modal__steps li span{display:block;margin-top:3px;color:var(--a-muted);font-size:.79rem;line-height:1.5}
body.alive-page .alive-modal__tip{display:flex;gap:10px;align-items:flex-start;margin:18px 32px 0;padding:13px 15px;background:color-mix(in srgb,var(--a-gold) 13%,var(--a-card));border:1px solid color-mix(in srgb,var(--a-gold) 30%,var(--a-line));border-radius:13px;font-size:.77rem;line-height:1.5;color:var(--a-ink)}
body.alive-page .alive-modal__tip[hidden]{display:none}
body.alive-page .alive-modal__tip::before{content:"\f0eb";font-family:"Font Awesome 6 Free";font-weight:900;color:#a9791b;flex:0 0 auto;margin-top:1px}
body.alive-page .alive-modal__foot{display:flex;flex-wrap:wrap;gap:10px;padding:20px 32px 30px}
body.alive-page .alive-modal__foot .alive-btn{flex:0 0 auto}
body.alive-page .alive-modal__foot .alive-btn[hidden]{display:none}
body.alive-page .alive-modal__foot .alive-btn--outline{color:var(--a-ink);background:var(--a-card);border-color:var(--a-line);box-shadow:none}

@media(max-width:1050px){
    body.alive-page .alive-benefits--tools{grid-template-columns:1fr}
    body.alive-page .alive-tools__panel{align-self:stretch}
}
@media(max-width:620px){
    body.alive-page .alive-tools__grid{grid-template-columns:1fr}
    body.alive-page .alive-modal{padding:0;align-items:flex-end}
    body.alive-page .alive-modal__panel{width:100%;max-height:92vh;border-radius:22px 22px 0 0;transform:translateY(24px) scale(1)}
    body.alive-page .alive-modal__head,body.alive-page .alive-modal__steps,body.alive-page .alive-modal__foot{padding-left:22px;padding-right:22px}
    body.alive-page .alive-modal__tip{margin-left:22px;margin-right:22px}
    body.alive-page .alive-modal.is-open .alive-modal__panel{transform:none}
}
@media(prefers-reduced-motion:reduce){
    body.alive-page .alive-tool,body.alive-page .alive-tool__ic,body.alive-page .alive-tool__cue,body.alive-page .alive-tool::after,
    body.alive-page .alive-modal__scrim,body.alive-page .alive-modal__panel{transition:none!important}
    body.alive-page .alive-modal__panel{transform:none!important}
}

/* ===========================================================================
   REVEAL FAIL-SAFE (production hardening)
   Every "hidden until JS" hook starts at opacity:0 and is normally revealed by
   js/peso-alive-funnel.js or js/peso-motion.js adding .is-visible. If neither
   script runs on a live host (a blocked / 404'd / wrong-MIME static asset, a
   strict CSP, or a motion-layer failure in a non-reduced-motion browser) the
   hero H1 and section content would stay invisible. This pure-CSS timed
   animation reveals every hook ~1.6s after load with no JS at all. A working
   reveal adds .is-visible within a few hundred ms — well before this fires —
   and .is-visible cancels the animation, so there is no visual change when JS
   works normally.
   =========================================================================== */
@keyframes alive-reveal-failsafe{to{opacity:1;transform:none;filter:none}}
[data-alive-reveal],
[data-alive-stagger] > *,
.alive-explore-head[data-alive-stagger] h2 > span{
    animation:alive-reveal-failsafe .5s ease 1.6s both;
}
[data-alive-reveal].is-visible,
[data-alive-stagger].is-visible > *,
.alive-explore-head[data-alive-stagger].is-visible h2 > span{
    animation:none;
}
@media (prefers-reduced-motion:reduce){
    [data-alive-reveal],
    [data-alive-stagger] > *,
    .alive-explore-head[data-alive-stagger] h2 > span{ animation:none; }
}

/* Declare the colour scheme so mobile browsers with system dark mode
   (Chrome / Brave "Force Dark", Samsung Internet) don't auto-invert the
   funnel. The funnel manages its own light/dark via html[data-theme]. */
html{ color-scheme: light; }
html[data-theme="dark"]{ color-scheme: dark; }

/* Live-host hero title guard: keep the employer landing headline visible even
   when a production host delays/blocks the motion script. */
body.alive-page[data-peso-page="employer-landing"] .alive-hero h1,
body.alive-page[data-peso-page="employer-landing"] .alive-hero h1 .alive-headline-word {
    visibility: visible !important;
    filter: none !important;
}
body.alive-page[data-peso-page="employer-landing"] .alive-hero h1 .alive-headline-word:not(.alive-headline-word--gradient) {
    color: var(--a-ink, #10291d) !important;
    -webkit-text-fill-color: currentColor !important;
}
html[data-theme="dark"] body.alive-page[data-peso-page="employer-landing"] .alive-hero h1 .alive-headline-word:not(.alive-headline-word--gradient) {
    color: #f5fff9 !important;
}

/* Landing stat strip (jobs/employers/hires counts) — user wants these white
   in dark mode instead of the default --a-green fill (too dark to read
   against the dark stat band). Was scoped to jobseeker-landing only, but
   employer_index.php's funnel renders the identical .alive-stats component
   and was missing this same fix — widened to cover both. */
html[data-theme="dark"] body.alive-page:is([data-peso-page="jobseeker-landing"],[data-peso-page="employer-landing"]) .alive-stats strong {
    color: #fff !important; -webkit-text-fill-color: #fff !important;
}