/* GENERATED by _src/css_system.py: stack page. Edit _src/css/ (system) or _src/css/legacy/ (legacy, being retired), then rebuild. */
.ap-hero{position:relative;overflow:hidden;background:linear-gradient(150deg,#c9b6ff,#8fc7ff 55%,#7be0b4);margin-top:-72px;padding:110px 0 70px}
.ap-hero .blob.b1{background:#ffd23f;opacity:.45}
.ap-grid{position:relative;display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:center;margin-top:26px}
.ap-icon{display:grid;place-items:center;width:96px;height:96px;border-radius:var(--r-xl);background:#fff;box-shadow:var(--sh2);margin-bottom:22px;overflow:hidden}
.ap-icon.ini{font-family:var(--font-display);font-weight:800;font-size:44px}
.ap-q{font-family:var(--font-accent);font-style:italic;font-size:clamp(21px,2.4vw,30px);line-height:1.25;max-width:720px;margin:0}
.ap-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.bigbtn{display:inline-block;background:var(--ink);color:#fff;font-weight:700;font-size:var(--fs-body);text-decoration:none;border-radius:var(--r-pill);padding:16px 26px;box-shadow:inset 0 -3px 0 rgba(255,255,255,.12);transition:transform .2s}
.bigbtn:hover{transform:translateY(-2px) rotate(-1deg)}
.ap-cta .aff-label{font-size:var(--fs-caption);font-weight:600;opacity:.75}
.stat-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-2xl);padding:30px;box-shadow:var(--sh2);transform:rotate(2deg)}
.st-n{font-family:var(--font-display);font-weight:800;font-size:clamp(110px,12vw,170px);line-height:.85;letter-spacing:-.06em}
.st-l{font-family:var(--font-accent);font-style:italic;font-size:var(--fs-lead);line-height:1.2;margin-top:8px}
.st-s{font-size:var(--fs-small);font-weight:600;color:var(--muted);margin-top:10px}
.ap-two{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.ap-card{background:var(--butter);border-radius:var(--r);padding:30px;box-shadow:var(--sh)}
.ap-card.take{background:var(--ink);color:#fff}
.sec-h .lbl{font-size:var(--fs-small);color:var(--muted)}
.spots2{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.spot2{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff;border-radius:var(--r-lg);padding:12px 14px;text-decoration:none;color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.04)}
.spot2:hover{background:#fffdf8}
.spot2 .bi{grid-row:span 2}
.s2-n{font-weight:700;font-size:var(--fs-small)}
.s2-c{font-size:var(--fs-eyebrow);color:var(--muted);grid-column:2}
.bi{display:grid;place-items:center;border-radius:var(--r-sm);background:#f4efe9;overflow:hidden;font-size:var(--fs-eyebrow-m);font-weight:800;flex:none}
@media(max-width:899.98px){
.ap-grid, .ap-two{grid-template-columns:1fr}
.stat-card{max-width:360px}
}
@media(max-width:599.98px){
.ap-hero{padding-top:96px}
.ap-icon{width:76px;height:76px;border-radius:var(--r-lg)}
}
.v2 .aff-label{font-family:var(--font-body);letter-spacing:0;text-transform:none}
.pc-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.appcard{position:relative;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);border-radius:var(--r-xl);padding:22px;background:#fff;box-shadow:var(--sh);border:1px solid var(--line);transition:transform .3s}
.appcard.r0{background:#fff4d6}
.appcard.r1{background:#ffe6ee}
.appcard.r2{background:#e6fbef}
.appcard.r3{background:#e7f2ff}
.appcard.r4{background:#efe9ff}
.appcard:hover{transform:translateY(-5px) rotate(-.6deg)}
.apc-ic{width:56px;height:56px;border-radius:var(--r-md);background:#fff;display:grid;place-items:center;box-shadow:var(--sh);overflow:hidden}
.apc-cat{font-size:var(--fs-eyebrow);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.apc-n{font-size:var(--fs-small);font-weight:700}
.apc-p{position:absolute;top:18px;right:18px;background:var(--ink);color:#fff;font-size:var(--fs-eyebrow-m);font-weight:800;border-radius:var(--r-pill);padding:4px 10px;transform:rotate(4deg)}
.jobnav-band{padding-top:0!important;padding-bottom:0!important}
.jobnav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-28px;position:relative;z-index:2}
.jn{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:var(--r-lg);padding:14px 18px;box-shadow:4px 4px 0 var(--ink);transition:transform .2s}
.jn:hover{transform:translate(-2px,-2px)}
.job-h{display:flex;gap:22px;align-items:flex-end;margin-bottom:22px}
.job-n{font-family:var(--font-display);font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.8;letter-spacing:-.06em;color:var(--ink)}
.lanes3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lane3{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:22px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:14px;min-width:0}
.lane3 header h4{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lead);letter-spacing:-.02em;margin:0 0 4px}
.lp-bars{display:flex;flex-direction:column;gap:8px}
.lp-b{display:grid;grid-template-columns:110px 1fr 46px;align-items:center;gap:10px;font-size:var(--fs-eyebrow);font-weight:700}
.lp-b.top i b{background:var(--ink)}
.lp-pick{display:flex;gap:12px;align-items:center;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:12px 14px;text-decoration:none}
.lp-pick:hover{background:#2a221d}
.lp-ic{flex:none;width:44px;height:44px;border-radius:var(--r-sm);background:#fff;display:grid;place-items:center;overflow:hidden}
.lp-t{display:flex;flex-direction:column;min-width:0}
.lp-k{display:block;font-size:var(--fs-eyebrow-m);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ams, .tbs{display:flex;flex-wrap:wrap;gap:6px}
.am{display:inline-flex;align-items:center;gap:6px;background:#faf6f0;border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 10px 4px 4px;font-size:var(--fs-eyebrow);font-weight:700;color:var(--ink);text-decoration:none}
a.am:hover{border-color:var(--ink)}
.am-ic{width:22px;height:22px;border-radius:var(--r-sm);background:#fff;display:grid;place-items:center;overflow:hidden}
.am-ic .ac-ini{font-size:var(--fs-eyebrow-m)}
.am-c{font-size:var(--fs-eyebrow-m);font-weight:800;color:var(--muted)}
.tb{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 4px 3px 4px;font-size:var(--fs-eyebrow);font-weight:700;color:var(--ink);text-decoration:none}
.tb .li{border-radius:6px}
.tb:hover{border-color:var(--ink)}
.cmp{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;background:var(--ink);color:#fff;border-radius:var(--r-2xl);padding:34px}
.cmp .kick{color:var(--ink)}
.cmp-f, .cmp-pick{display:flex;gap:8px;background:#fff;border-radius:var(--r-pill);padding:6px;margin-top:14px}
.cmp-r{align-self:end}
.cmp-r .lp-k{color:#d9cfc6}
.cmp .fine{color:#b8aca2}
.apg{margin-top:26px}
.apg-h{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em;margin:0 0 12px}
.ap-nums{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px}
@media(max-width:899.98px){
.jobnav{grid-template-columns:repeat(2,1fr)}
.lanes3{grid-template-columns:1fr}
.cmp{grid-template-columns:1fr;padding:24px}
}
@media(max-width:599.98px){
.jn{padding:10px 12px}
.lp-b{grid-template-columns:92px 1fr 40px}
.lane3{padding:18px}
.job-h{gap:14px}
.cmp-f, .cmp-pick{flex-direction:column;border-radius:var(--r-lg)}
}
.lp-ic .ac-ini, .am-ic .ac-ini{color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:var(--fs-h4-m);background:none}
.lp-pick.weak{background:#f4eee7;color:var(--ink)}
.lp-stat{margin:10px 0 2px;font-size:var(--fs-caption);line-height:1.45;color:var(--t,var(--ink));opacity:.82}
.tools-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.tool-c{display:block;background:#fff;border:2px solid var(--ink);border-radius:var(--r-lg);padding:22px;text-decoration:none;color:var(--ink);box-shadow:0 6px 0 rgba(22,18,15,.9)}
.gap-band{padding:10px 0 40px}

/* ---- system ---- */