.resource-library{padding:clamp(34px,5vw,64px) 0 clamp(44px,7vw,88px);border-bottom:1px solid #203039;background:#0a0a0a;color:#f5f8fa}
.resource-library-inner{width:min(1020px,calc(100% - 36px));margin-inline:auto}
.resource-library-head{max-width:830px;margin:0 auto clamp(23px,3.5vw,40px);text-align:center}
.resource-library-kicker{margin:0 0 12px;color:#59d6ff;font:700 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.resource-library h1{margin:0;color:#f5f8fa;font-family:Oswald,Arial,sans-serif;font-size:clamp(34px,6vw,60px);font-weight:700;line-height:1.05;text-transform:uppercase}
.resource-library-intro{max-width:610px;margin:14px auto 0;color:#bac7ce;font-size:clamp(14px,2vw,16px);line-height:1.55}
.resource-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.resource-library-grid>li{min-width:0;display:flex}
.resource-library .resource-tile{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 18px 16px;text-align:left;border:1px solid #25323a;border-radius:14px;background:linear-gradient(150deg,#161f25,#101518 74%);color:#f5f8fa;text-decoration:none;cursor:pointer;transition:border-color .18s,background .18s}
.resource-library .resource-tile:hover{border-color:#58c6e8;background:#142028}
.resource-library .resource-tile:focus-visible{outline:3px solid #59d6ff;outline-offset:3px}
.resource-book-stage{--book-width:clamp(114px,10.6vw,144px);--book-base:#175078;--book-deep:#0b2134;--book-ink:#9fe5ff;--book-glow:#206a9455;--book-edge:#0d344c;width:100%;position:relative;display:grid;place-items:center;isolation:isolate;padding:15px 13px 22px 0;background:radial-gradient(ellipse 61% 63% at 50% 47%,var(--book-glow),transparent 100%);pointer-events:none}
.resource-book-stage--roi{--book-base:#205d48;--book-deep:#0b2c25;--book-ink:#acf0cb;--book-glow:#3a956253;--book-edge:#174638}
.resource-book-stage--target{--book-base:#364b90;--book-deep:#161f45;--book-ink:#c2d3ff;--book-glow:#6269c657;--book-edge:#232e61}
.resource-book-stage--templates{--book-base:#863b31;--book-deep:#421c20;--book-ink:#ffdb9c;--book-glow:#b7523b55;--book-edge:#612622}
.resource-book-stage--pages{--book-base:#614480;--book-deep:#291e44;--book-ink:#e6c9ff;--book-glow:#8b55af56;--book-edge:#46325d}
.resource-book-stage--results{--book-base:#645632;--book-deep:#2d2718;--book-ink:#ffe2a0;--book-glow:#9a783a51;--book-edge:#4d4223}
.resource-book-stage:before{content:'';position:absolute;z-index:-1;left:50%;bottom:11px;width:calc(var(--book-width) + 54px);height:29px;border-radius:50%;background:#020407cc;filter:blur(12px);transform:translateX(-45%)}
.resource-book{position:relative;width:var(--book-width);aspect-ratio:0.75;display:block;transform:rotate(-8deg) skewY(2deg);transition:transform .22s ease;filter:drop-shadow(7px 12px 11px #0009)}
.resource-tile:hover .resource-book{transform:translateY(-3px) rotate(-5deg) skewY(2deg)}
.resource-book:before,.resource-book:after{content:'';position:absolute;display:block;z-index:-1;background:repeating-linear-gradient(0deg,#f4eee0 0 2px,#d9d2c1 2px 3px,#f8f1e5 3px 5px)}
.resource-book:before{left:calc(100% - 1px);top:2px;bottom:2px;width:12px;transform:skewY(27deg);transform-origin:left top;border-right:2px solid var(--book-edge);border-radius:0 1px 2px 0;box-shadow:inset 4px 0 6px #5b49395e}
.resource-book:after{left:3px;right:-10px;bottom:-4px;height:5px;transform:skewX(48deg);transform-origin:left top;border-bottom:1px solid var(--book-edge);border-radius:0 0 2px 2px}
.resource-book-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding:10px 9px 8px 12px;border:1px solid #ffffff32;border-radius:5px 2px 2px 5px;background:linear-gradient(90deg,#ffffff1f 0 1%,#070a1354 2% 4%,#ffffff14 5%,transparent 8%),linear-gradient(144deg,var(--book-base),var(--book-deep) 92%);color:#fff;box-shadow:inset 0 0 0 2px #ffffff0a,2px 1px 0 var(--book-edge)}
.resource-book-cover:before{content:'';position:absolute;inset:5px 4px 5px 6px;border:1px solid #ffffff24;border-radius:2px;pointer-events:none}
.resource-book-imprint{display:flex;justify-content:space-between;gap:3px;padding-bottom:4px;border-bottom:1px solid #ffffff57;color:var(--book-ink);font:750 7px/1.1 Inter,Arial,sans-serif;letter-spacing:.09em}
.resource-book-title{display:block;z-index:1;margin-top:7px;color:#fff;font:700 clamp(13px,1.35vw,18px)/1.03 Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.005em}
.resource-book-title>span{display:block}
.resource-book-art{width:100%;flex:1;min-height:0;margin-top:4px;color:var(--book-ink)}
.resource-book-edition{padding-top:4px;border-top:1px solid #ffffff3d;color:var(--book-ink);font:700 6px/1 Inter,Arial,sans-serif;letter-spacing:.07em}
.resource-tile-type{color:#79dfff;font-size:10px;line-height:1.3;font-weight:750;text-transform:uppercase;letter-spacing:.1em}
.resource-library .resource-tile-title{color:#f5f8fa;font-family:Oswald,Arial,sans-serif;font-size:clamp(21px,2.05vw,28px);line-height:1.1;font-weight:650}
.resource-tile-description{margin:0;color:#bac7ce;font-size:13px;line-height:1.45}
.resource-tile-action{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:auto;padding-top:8px;color:#84e4ff;font-size:13px;line-height:1.3;font-weight:750}
.resource-shell #roi-calculator{scroll-margin-top:100px}
@media(max-width:900px){.resource-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:500px){.resource-library-inner{width:calc(100% - 28px)}.resource-library .resource-tile{padding:8px 12px 12px;gap:5px}.resource-book-stage{--book-width:102px;padding:11px 10px 18px 0}.resource-book-cover{padding:8px 7px 7px 9px}.resource-book-title{font-size:13px}.resource-library .resource-tile-title{font-size:19px}.resource-tile-description,.resource-tile-action{font-size:12px}}
@media(max-width:355px){.resource-library-grid{grid-template-columns:1fr}.resource-book-stage{--book-width:120px}}
@media(prefers-reduced-motion:reduce){.resource-library .resource-tile,.resource-book{transition:none}.resource-tile:hover .resource-book{transform:rotate(-8deg) skewY(2deg)}}
