:root{--blue:#2563FF;--coral:#FF4F6D;--ink:#081220;--gray:#64748B;--paper:#F8FAFC}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.resources-page{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:var(--paper);overflow-x:clip}a{color:inherit}.resources-shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.resource-skip{position:absolute;transform:translateY(-160%);background:var(--paper);padding:.6rem}.resource-skip:focus{transform:none}
.resources-header{position:sticky;top:0;z-index:30;background:rgba(248,250,252,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(100,116,139,.15)}
.resources-header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.resource-brand{line-height:0;flex:none;width:142px}.resource-brand img{display:block;max-width:100%;height:auto;max-height:62px}.resources-header nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.3rem)}.resources-header nav a{font-weight:700;font-size:.88rem;text-decoration:none}.resources-header-cta{display:inline-flex;align-items:center;min-height:44px;padding:.74rem 1.2rem;border-radius:99px;background:var(--blue);color:white;text-decoration:none;font-size:.8rem;font-weight:800;white-space:nowrap}
.resources-hero{position:relative;isolation:isolate;padding:clamp(4rem,8vw,8rem) 0 clamp(4rem,7vw,7rem);overflow:hidden;background:#f8fafc}.resources-hero:before{content:"";position:absolute;inset:-8% -9%;z-index:-1;background:url("../brands/visual-search-waves.svg") center / cover no-repeat;opacity:.72;pointer-events:none}.resources-hero-content{max-width:840px}.resources-eyebrow{display:block;font:700 .72rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.11em;color:#2454d8;margin-bottom:1rem}.resources-eyebrow i{display:inline-block;width:9px;height:9px;background:var(--coral);border-radius:50%;margin-right:8px}
.resources-hero h1{font-weight:800;font-size:clamp(2.55rem,6.2vw,6.2rem);letter-spacing:-.068em;line-height:1.02;margin:0;max-width:15ch}.resources-hero h1 em,.resources-intro h2 em{font-family:"Instrument Serif",Georgia,serif;color:var(--blue);font-weight:400;letter-spacing:-.025em}.resources-hero p{font-size:clamp(.98rem,1.8vw,1.15rem);line-height:1.7;max-width:61ch;margin:1.5rem 0 1.4rem;color:#334155}.resources-meta{display:flex;flex-wrap:wrap;gap:.55rem}.resources-meta span{font-size:.74rem;font-weight:750;background:rgba(255,255,255,.86);border:1px solid #dae6fa;border-radius:99px;padding:.55rem .9rem}
.resources-list{background:#fff;padding:clamp(3rem,6vw,6rem) 0}.resources-intro{display:grid;grid-template-columns:1.2fr .7fr;gap:2rem;align-items:end}.resources-intro h2{font-size:clamp(1.9rem,3.8vw,3.7rem);letter-spacing:-.055em;line-height:1.1;margin:0}.resources-intro>p{color:#475569;line-height:1.7}.resource-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 1.4rem}.resource-filters button{border:1px solid #d8e1ed;border-radius:99px;background:#f8fafc;min-height:44px;padding:.7rem 1rem;font:750 .82rem/1.3 Manrope,Arial,sans-serif;color:#334155;cursor:pointer}.resource-filters button.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.resource-filters button small{opacity:.7;margin-left:.4rem}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.resource-card{display:flex;flex-direction:column;min-width:0;min-height:310px;background:#f8fafc;border:1px solid #e3eaf3;border-radius:18px;padding:1.45rem;text-decoration:none;box-shadow:0 8px 25px rgba(8,18,32,.035);transition:transform .18s,border-color .18s,box-shadow .18s}.resource-card:nth-child(3n + 2){background:#f0f6ff}.resource-card:nth-child(4n + 3){background:#fff4f5}.resource-card:hover{transform:translateY(-3px);border-color:#a4bdff;box-shadow:0 18px 34px rgba(8,18,32,.08)}.resource-card[hidden]{display:none}.resource-card-top{display:flex;align-items:center;gap:.5rem}.resource-card-top>span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e3ecff;color:#2454d8;font-size:.76rem;font-weight:800}.resource-card-top small{font-size:.67rem;font-weight:800;letter-spacing:.06em;color:#64748b}.resource-glyph{margin-left:auto;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:white;font-size:1.9rem;color:#2563ff;box-shadow:0 4px 16px rgba(8,18,32,.06)}.resource-card h2{margin:1.45rem 0 .7rem;max-width:22ch;font-size:clamp(1.04rem,1.7vw,1.4rem);line-height:1.27;letter-spacing:-.025em}.resource-card p{font-size:.86rem;line-height:1.65;color:#475569;margin:0 0 1.2rem}.resource-read{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:auto;border-top:1px solid rgba(100,116,139,.16);padding-top:1rem;color:#2454d8;font-size:.82rem;font-weight:800}.resource-status{font-size:.75rem;color:#64748b;margin-top:1.2rem}
.resources-difference{background:var(--ink);color:#fff;padding:clamp(3.5rem,6vw,6rem) 0;position:relative;overflow:hidden}.resources-difference:before{content:"";position:absolute;right:-10%;top:-28%;width:62%;height:130%;background:radial-gradient(ellipse,#2563ff38,transparent 70%);pointer-events:none}.resources-difference-grid{position:relative;display:grid;grid-template-columns:1.1fr .8fr;gap:3rem}.resources-difference h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;line-height:1.12;margin:0}.resources-difference p{line-height:1.75;color:#cfdbec;font-size:1rem}.resources-difference a{display:inline-flex;min-height:44px;align-items:center;gap:.5rem;color:#bcd1ff;font-weight:800}
.resources-cta{text-align:center;padding:clamp(4rem,6vw,7rem) 0;background:linear-gradient(140deg,#f8fafc,#e6f3ff 65%,#fff5f7)}.resources-cta h2{max-width:19ch;margin:0 auto 1rem;font-size:clamp(2rem,4.2vw,4rem);letter-spacing:-.06em;line-height:1.1}.resources-cta p{max-width:56ch;color:#475569;margin:0 auto 1.6rem;line-height:1.7}.resources-cta>a,.resources-cta .resources-shell>a{display:inline-flex;min-height:52px;align-items:center;gap:.8rem;background:#2563ff;border-radius:99px;color:#fff;padding:.95rem 1.5rem;font-size:.9rem;font-weight:800;text-decoration:none}.resources-cta small{display:block;margin-top:1rem;color:#64748b}
.resources-footer{background:var(--ink);color:#cfdbec;padding:2rem 0}.resources-footer>.resources-shell{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.resources-footer img{width:175px;height:auto;display:block}.resources-footer p{margin-right:auto}.resources-footer a:not(:first-child){font-size:.78rem}
a:focus-visible,button:focus-visible{outline:3px solid #FF4F6D;outline-offset:3px}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-intro,.resources-difference-grid{grid-template-columns:1fr}.resources-header nav{gap:.85rem}}
@media(max-width:640px){.resources-shell{width:calc(100% - 36px)}.resources-header-inner{min-height:68px}.resource-brand{width:110px}.resources-header nav{display:none}.resources-header-cta{font-size:.72rem;padding:.7rem .85rem}.resources-hero{padding:3.2rem 0 3rem}.resources-hero h1{font-size:clamp(2.2rem,10vw,3.35rem)}.resources-meta{gap:.4rem}.resources-meta span{font-size:.68rem;padding:.4rem .6rem}.resources-intro h2{font-size:2rem}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:248px}.resource-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.resource-filters button{white-space:nowrap;flex-shrink:0}.resources-footer .resources-shell{align-items:flex-start;flex-direction:column;gap:.8rem}.resources-footer p{margin:0}.resources-cta .resources-shell>a{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.resource-card{transition:none}.resource-card:hover{transform:none}}