/* ==================================================================
   Rev 312d · The resource hub, back to the live solicia.ai layout.
   Rules lifted verbatim and scoped to the route.
   ================================================================== */
#page-resources .wrap{max-width:1640px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}
#page-resources .lede{font-size:clamp(17px,1.25vw,20px);color:var(--ink-soft);line-height:1.65}
#page-resources .lg{position:relative;isolation:isolate;
    background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.28)),rgba(252,252,250,.44);
    -webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
    border:1px solid rgba(255,255,255,.6);outline:1px solid rgba(20,19,16,.06);outline-offset:-2px;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.8),0 24px 60px -28px rgba(56,44,32,.38)}
@media (prefers-reduced-transparency:reduce){
#page-resources .lg{background:rgba(253,253,252,.98);-webkit-backdrop-filter:none;backdrop-filter:none}
}
#page-resources .hero-core .lede{margin:26px auto 38px;max-width:46ch}
#page-resources .sec{padding:clamp(90px,9vw,150px) 0}
#page-resources .sec-dark .lede{color:var(--ivory-soft)}
#page-resources .sechead .lede{margin-top:16px}
#page-resources .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
#page-resources .rv.in{opacity:1;transform:none}
#page-resources .bc .go{margin-top:22px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:560}
#page-resources .bc .go svg{transition:transform .25s var(--ease)}
#page-resources .bc:hover .go svg{transform:translateX(3px)}
#page-resources .access .lede{color:var(--ivory-soft);margin-top:18px}
#page-resources .phero{padding:clamp(150px,15vh,210px) 0 clamp(50px,5vw,80px)}
#page-resources .phero h1{font-size:clamp(42px,4.6vw,84px);letter-spacing:-.022em;line-height:1.05;max-width:17ch;padding-bottom:6px}
#page-resources .phero .lede{margin-top:24px;max-width:56ch}
#page-resources .crumb{font-size:12.5px;font-weight:560;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-mut);margin-bottom:26px;display:block}
#page-resources .exc .go{margin-top:24px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:560}
#page-resources .rfeat{border-radius:30px;padding:clamp(36px,4.5vw,72px);min-height:380px;display:flex;flex-direction:column;
    justify-content:flex-end;gap:16px;position:relative;overflow:hidden;color:var(--ivory);
    background:linear-gradient(155deg,#7a2940 0%,var(--burg2) 55%,#30101a 100%);
    box-shadow:0 40px 90px -30px rgba(87,26,42,.55);transition:transform .4s var(--ease)}
#page-resources .rfeat::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.4;mix-blend-mode:overlay;pointer-events:none}
#page-resources .rfeat:hover{transform:translateY(-4px)}
#page-resources .rmeta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--ivory-soft);position:relative;z-index:2}
#page-resources .rtag{padding:6px 14px;border-radius:999px;border:1px solid var(--lined);background:rgba(244,241,235,.08);
    font-weight:560;letter-spacing:.05em;font-size:11.5px;text-transform:uppercase}
#page-resources .rfeat h3{font-size:clamp(30px,3.4vw,58px);letter-spacing:-.02em;line-height:1.08;max-width:20ch;position:relative;z-index:2}
#page-resources .rfeat p{max-width:62ch;color:var(--ivory-soft);font-size:15.5px;line-height:1.65;position:relative;z-index:2}
#page-resources .rfeat .go{position:relative;z-index:2;margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-weight:560;font-size:14.5px}
#page-resources .rgrid{display:grid;grid-template-columns:7fr 5fr;gap:14px;margin-top:14px}
#page-resources .rcard{border-radius:26px;padding:clamp(30px,3vw,48px);display:flex;flex-direction:column;justify-content:flex-end;
    gap:14px;min-height:320px;background:linear-gradient(160deg,var(--dark2),var(--dark));color:var(--ivory);
    box-shadow:var(--shadow-dark);transition:transform .4s var(--ease)}
#page-resources .rcard:hover{transform:translateY(-4px)}
#page-resources .rcard h3{font-size:clamp(24px,2.2vw,36px);letter-spacing:-.018em;line-height:1.15;max-width:22ch}
#page-resources .rcard p{color:var(--ivory-soft);font-size:14.5px;line-height:1.65;max-width:56ch}
#page-resources .roiprom{border-radius:26px;padding:clamp(30px,3vw,48px);display:flex;flex-direction:column;justify-content:space-between;
    gap:20px;min-height:320px;transition:transform .4s var(--ease)}
#page-resources .roiprom:hover{transform:translateY(-4px)}
#page-resources .roiprom h3{font-size:clamp(24px,2.2vw,36px);letter-spacing:-.018em}
#page-resources .roiprom p{color:var(--ink-soft);font-size:14.5px}
#page-resources .roiprom .bignum{font-family:var(--display);font-weight:560;font-size:clamp(40px,3.6vw,64px);letter-spacing:-.02em;line-height:1}
#page-resources .roiprom .bignum span{display:block;font-family:var(--sans);font-size:13px;color:var(--ink-soft);font-weight:480;letter-spacing:0;margin-top:10px}
#page-resources .lcopy .lede{margin:24px 0 36px;max-width:44ch}
#page-resources .hero-core .lede{margin:26px 0 38px;max-width:42ch}
#page-resources .axcopy .lede{margin-top:22px;max-width:44ch}
#page-resources #sec-demo .wrap{position:relative;z-index:2}
#page-resources .phero{position:relative}
#page-resources .phero .wrap{position:relative;z-index:2}
#page-resources .morning .wrap{position:relative;z-index:2}
@media (max-width:980px){
#page-resources .rgrid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
#page-resources .rv{opacity:1;transform:none}
}
#page-resources .sec-dark .crumb{color:var(--ivory-mut)}
#page-resources .sec-dark>.wrap{position:relative;z-index:2}
#page-resources .rv{transition-delay:var(--rvd,0s)}
#page-resources .prom,
#page-resources .capc,
#page-resources .reg,
#page-resources .surf,
#page-resources .fchip,
#page-resources .tri,
#page-resources .exc,
#page-resources .qc,
#page-resources .kx,
#page-resources .rcard,
#page-resources .roiprom,
#page-resources .gate{transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
#page-resources .sechead h2,
#page-resources .statement h2,
#page-resources .phero h1{text-wrap:balance}
#page-resources #hero .xc.lg{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05)),rgba(52,38,40,.5);
    border-color:rgba(255,255,255,.22);outline-color:transparent;color:rgba(244,241,235,.78);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 24px 60px -28px rgba(0,0,0,.65)}
#page-resources #hero .hero-core .lede{color:rgba(244,241,235,.7)}
#page-resources .crumb,
#page-resources .ask-kicker,
#page-resources .hero-eyebrow,
#page-resources .c5-num,
#page-resources .cap-returns-lbl,
#page-resources .ix-top span,
#page-resources .fcol b,
#page-resources .rtag,
#page-resources .gcap{
    font-family:var(--display);font-weight:620;letter-spacing:.2em}
#page-resources #hero .hero-core .lede{margin-top:16px}
#page-resources .stm .crumb{margin-bottom:22px}
#page-resources .askband .wrap{position:relative;z-index:2}
#page-resources .reg-rail .lede{font-size:15px}
#page-resources .fifty .crumb{color:var(--goldlt)}
#page-resources .bc-film>div,
#page-resources .bc-film .go{position:relative;z-index:2}
#page-resources .bc-film .go{color:var(--ivory)}
#page-resources #sec-demo .wrap{position:relative;z-index:2}
#page-resources #register .wrap{position:relative;z-index:2}
#page-resources .sechead .lede{max-width:66ch}
#page-resources #register>.wrap{padding-top:clamp(6px,1vw,18px)}
#page-resources .fifty .crumb{color:var(--ivory)}
@media (max-width:900px){
#page-resources .sec:not(#register){content-visibility:auto;contain-intrinsic-size:auto 900px}
}
@media (max-width:720px){
#page-resources .sec:has(.appcol){display:none}
#page-resources .split .rv:has(#ctrl-art){display:none}
}
#page-resources .arthead .crumb{margin:26px 0 14px}
#page-resources .arthead .lede{margin-top:20px;font-size:clamp(15.5px,1.25vw,18px);line-height:1.65;color:var(--ink-soft)}
#page-resources .lgcard .crumb{margin-bottom:16px}
#page-resources .lgcard .lede{margin-top:14px;font-size:14.5px;line-height:1.65;color:var(--ink-soft)}
#page-resources .leghead .crumb{margin:0 0 14px}
#page-resources .leghead .lede{margin-top:16px;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.6;color:var(--ink-soft)}
#page-resources .leghero .lede{margin-top:16px;max-width:56ch}
@media print{
#page-resources .topbar,
#page-resources .nav,
#page-resources .mmenu,
#page-resources .mscrim,
#page-resources #progress,
#page-resources .lumen,
#page-resources .grainlay,
#page-resources footer,
#page-resources .legtoc,
#page-resources .artback,
#page-resources .leghead .crumb{display:none !important}
}

/* the hub now carries three briefings rather than two, so the promo takes
   the full width of the second row instead of sitting beside a gap */
#page-resources .rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
#page-resources .roiprom{grid-column:1/-1}
@media(max-width:760px){#page-resources .rgrid{grid-template-columns:1fr}}