/* Learning Rewired Lab™ — Resources page (design-system aligned) */
:root{
  --rs-ink:#07111f;--rs-ink-800:#10243d;--rs-ink-700:#0f172a;
  --rs-slate-600:#475569;--rs-slate-500:#64748b;--rs-line:#e6ebf1;
  --rs-mist:#f8fafc;--rs-cool:#f3fafb;
  --rs-cyan:#16b8d9;--rs-cyan-600:#0ea5c2;--rs-cyan-700:#0789a2;
  --rs-teal:#0f766e;--rs-mint:#6ee7d8;--rs-gold:#f4c95d;--rs-gold-500:#f5bd45;--rs-gold-700:#9a6a04;
  --rs-on-dark-muted:rgba(226,242,247,.72);
  --rs-shadow-card:0 18px 50px rgba(15,23,42,.07);
  --rs-shadow-card-sm:0 8px 20px rgba(15,23,42,.05);
  --rs-shadow-cta:0 12px 26px rgba(22,184,217,.3);
  --rs-shadow-cta-hover:0 18px 40px rgba(22,184,217,.36);
  --rs-shadow-dark:0 38px 92px rgba(7,17,31,.42);
}
.rs-page{margin:0;background:#fff;color:var(--rs-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.rs-page main a{color:var(--rs-cyan-700);text-decoration:none}
.rs-page main a:hover{color:var(--rs-cyan-600)}
.rs-shell{max-width:1220px;margin:0 auto;padding:0 26px;box-sizing:border-box}

/* Kicker + badge */
.rs-kicker,.rs-tag{margin:0;color:var(--rs-cyan-700);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.rs-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid rgba(22,184,217,.34);border-radius:999px;background:rgba(22,184,217,.08);color:var(--rs-cyan-700);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.rs-badge--gold{border-color:rgba(244,201,93,.4);background:rgba(244,201,93,.16);color:var(--rs-gold-700)}
.rs-dot{flex:none;display:block;width:6px;height:6px;border-radius:50%;background:var(--rs-cyan);animation:rsPulse 2s ease-out infinite}
.rs-badge--gold .rs-dot{background:var(--rs-gold-500);animation:none}

/* Buttons */
.rs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;box-sizing:border-box;border:1px solid transparent;border-radius:13px;font-size:15.5px;font-weight:850;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.rs-btn--sm{height:44px;padding:0 22px;font-size:14px}
.rs-btn--block{width:100%;margin-top:16px}
.rs-page main .rs-btn--primary{background:var(--rs-cyan);color:#fff;box-shadow:var(--rs-shadow-cta)}
.rs-page main .rs-btn--primary:hover{background:var(--rs-cyan-600);color:#fff;box-shadow:var(--rs-shadow-cta-hover);transform:translateY(-1px)}
.rs-page main .rs-btn--ghost{background:#fff;color:var(--rs-ink);border-color:#d8e0ea;box-shadow:var(--rs-shadow-card-sm)}
.rs-page main .rs-btn--ghost:hover{border-color:var(--rs-cyan);color:var(--rs-cyan-700)}

/* Hero */
.rs-hero{position:relative;overflow:hidden;margin-top:-66px;padding-top:66px;background:linear-gradient(180deg,#fff 0%,var(--rs-cool) 100%);border-bottom:1px solid var(--rs-line)}
.rs-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(54% 58% at 88% 2%,rgba(22,184,217,.16),transparent 60%),radial-gradient(46% 56% at 0% 100%,rgba(20,184,166,.1),transparent 58%)}
.rs-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding-top:72px;padding-bottom:80px}
.rs-hero h1{margin:22px 0 0;font-size:clamp(40px,5.2vw,62px);font-weight:900;line-height:1;letter-spacing:-.045em;color:var(--rs-ink);text-wrap:balance}
.rs-sheen{background:linear-gradient(100deg,#16b8d9 0%,#0f766e 25%,#16b8d9 50%,#0f766e 75%,#16b8d9 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:rsSheen 6s linear infinite}
.rs-lead{max-width:560px;margin:24px 0 0;font-size:18.5px;line-height:1.62;color:var(--rs-slate-600);text-wrap:pretty}
.rs-lead strong{color:var(--rs-ink-700);font-weight:700}
.rs-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.rs-principle{display:flex;flex-direction:column;gap:14px;padding:32px;border:1px solid rgba(110,231,216,.2);border-radius:28px;color:#fff;background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.14),transparent 34%),linear-gradient(135deg,var(--rs-ink),var(--rs-ink-800));box-shadow:var(--rs-shadow-dark)}
.rs-principle small{font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--rs-mint)}
.rs-principle strong{font-size:26px;font-weight:900;line-height:1.18;letter-spacing:-.035em;text-wrap:balance}
.rs-principle p{margin:0;font-size:16px;line-height:1.6;color:var(--rs-on-dark-muted);text-wrap:pretty}

/* Sections */
.rs-section{padding:86px 0}
.rs-section--mist{background:var(--rs-mist);border-block:1px solid var(--rs-line)}
.rs-section--tight-bottom{padding-bottom:42px}
.rs-section--tight-top{padding-top:42px}
.rs-title{max-width:820px;margin:13px 0 0;font-size:clamp(32px,3.6vw,42px);font-weight:900;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.rs-copy{max-width:640px;margin:18px 0 0;font-size:17px;line-height:1.6;color:var(--rs-slate-600);text-wrap:pretty}
.rs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}

/* Cards */
.rs-card{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box;padding:26px 24px;border:1px solid var(--rs-line);border-radius:22px;background:#fff;box-shadow:var(--rs-shadow-card-sm);transition:transform .24s ease,box-shadow .24s ease}
.rs-card:hover{transform:translateY(-4px);box-shadow:var(--rs-shadow-card)}
.rs-card h3{margin:0;font-size:22px;font-weight:900;line-height:1.2;letter-spacing:-.035em;text-wrap:balance}
.rs-card p{margin:0;font-size:15px;line-height:1.58;color:var(--rs-slate-600);text-wrap:pretty}
.rs-card-link{margin-top:auto;padding-top:14px;font-size:14.5px;font-weight:850}

.rs-pack{gap:0;padding:30px 26px 26px;box-shadow:var(--rs-shadow-card)}
.rs-pack::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:var(--rs-cyan)}
.rs-pack--gold::before{background:var(--rs-gold)}
.rs-pack h3{margin-top:12px}
.rs-pack p{margin-top:10px}
.rs-checks{display:flex;flex-direction:column;gap:8px;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--rs-line);list-style:none}
.rs-checks li{display:flex;gap:10px;font-size:14.5px;line-height:1.45;color:var(--rs-ink-700)}
.rs-checks li::before{content:"✓";color:var(--rs-cyan);font-weight:900}
.rs-price{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:26px}
.rs-price strong{font-size:36px;font-weight:900;line-height:1;letter-spacing:-.045em}
.rs-price span{font-size:13px;font-weight:700;color:var(--rs-slate-500)}
.rs-status{display:flex;margin-top:auto;padding-top:26px}
.rs-note{margin:22px 0 0;font-size:13px;line-height:1.55;color:var(--rs-slate-500)}

/* Callout */
.rs-callout{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;padding:48px;border-radius:28px;background:linear-gradient(135deg,var(--rs-ink),var(--rs-ink-800));box-shadow:var(--rs-shadow-dark)}
.rs-callout::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 90% at 100% 0%,rgba(22,184,217,.22),transparent 62%),radial-gradient(40% 80% at 0% 100%,rgba(110,231,216,.1),transparent 60%)}
.rs-callout>*{position:relative}
.rs-callout div{flex:1 1 480px;max-width:720px}
.rs-callout h2{margin:0;font-size:clamp(28px,3vw,38px);font-weight:900;line-height:1.1;letter-spacing:-.04em;color:#fff;text-wrap:balance}
.rs-callout p{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--rs-on-dark-muted);text-wrap:pretty}

@keyframes rsPulse{0%{box-shadow:0 0 0 0 rgba(22,184,217,.55)}70%{box-shadow:0 0 0 7px rgba(22,184,217,0)}100%{box-shadow:0 0 0 0 rgba(22,184,217,0)}}
@keyframes rsSheen{0%{background-position:0% center}100%{background-position:-200% center}}

@media (max-width:960px){.rs-hero-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.rs-grid{grid-template-columns:minmax(0,1fr)}.rs-section{padding:64px 0}.rs-callout{padding:32px 26px}}
@media (max-width:620px){.rs-shell{padding:0 14px}.rs-hero-grid{padding-top:48px;padding-bottom:56px}.rs-actions .rs-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.rs-dot,.rs-sheen{animation:none}.rs-card,.rs-btn{transition:none}.rs-card:hover{transform:none}}