/* Strategy → Design → Develop → Grow interactive hero books */
.hero-art{position:relative}
.book-life{position:absolute;inset:0;pointer-events:none;z-index:6}
.book-glow{position:absolute;left:20.2%;width:22.8%;height:5.4%;border-radius:999px;opacity:0;transform:scale(.92);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 18px rgba(87,99,255,.38),0 0 38px rgba(255,37,180,.18);border:1px solid rgba(255,255,255,.7);background:linear-gradient(90deg,rgba(105,85,255,.08),rgba(255,255,255,.32),rgba(255,47,181,.10));backdrop-filter:brightness(1.12)}
.book-glow-strategy{top:77.2%;transform:rotate(4deg) scale(.92)}
.book-glow-design{top:82.0%;transform:rotate(2deg) scale(.92)}
.book-glow-develop{top:86.6%;transform:rotate(1deg) scale(.92)}
.book-glow-grow{top:91.2%;transform:rotate(-1deg) scale(.92)}
.book-glow.active{opacity:1;transform:rotate(0deg) scale(1.04);animation:bookPulse 1.8s ease-in-out infinite}
@keyframes bookPulse{50%{filter:brightness(1.18);box-shadow:0 0 24px rgba(69,121,255,.5),0 0 50px rgba(255,38,180,.24)}}
.book-story{position:absolute;left:47.5%;top:50%;width:34%;min-height:29%;padding:14px 16px 12px;border-radius:16px;background:rgba(7,17,59,.90);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 45px rgba(7,17,59,.26),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(10px);pointer-events:auto;transform-origin:bottom left;transition:opacity .28s ease,transform .35s ease}
.book-story.switching{opacity:.18;transform:translateY(8px) scale(.97)}
.book-story-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}.book-step{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,#ff25b5,#198cff);font-size:10px;font-weight:900}.book-kicker{font-size:8px;letter-spacing:.18em;font-weight:800;color:#b9c8ff}
.book-story h3{margin:0 0 5px;font-size:20px;line-height:1;color:#fff}.book-story p{margin:0 0 7px;font-size:9.5px;line-height:1.42;color:#e7ebff}.book-story ul{display:grid;grid-template-columns:1fr;gap:3px;margin:0;padding:0;list-style:none}.book-story li{font-size:8.5px;color:#fff}.book-story li:before{content:'✓';display:inline-grid;place-items:center;width:13px;height:13px;margin-right:5px;border-radius:50%;background:#168cff;font-size:8px;font-weight:900}
.book-progress{display:flex;gap:5px;margin-top:8px}.book-progress button{width:24px;height:5px;border:0;padding:0;border-radius:99px;background:rgba(255,255,255,.22);cursor:pointer;pointer-events:auto;overflow:hidden}.book-progress button span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff25b5,#198cff)}.book-progress button.active span{animation:bookTimer var(--book-interval,4800ms) linear forwards}.book-progress button.visited span{width:100%}@keyframes bookTimer{from{width:0}to{width:100%}}
@media(max-width:900px){.book-story{left:43%;top:48%;width:42%;padding:10px 11px}.book-story h3{font-size:15px}.book-story p{font-size:8px}.book-story li{font-size:7px}}
@media(max-width:640px){.book-story{left:45%;top:47%;width:45%;min-height:0;padding:8px 9px;border-radius:10px}.book-story-top{margin-bottom:3px}.book-kicker,.book-story ul{display:none}.book-story h3{font-size:12px;margin-bottom:3px}.book-story p{font-size:6.8px;line-height:1.3;margin-bottom:4px}.book-step{width:18px;height:18px;font-size:7px}.book-progress{margin-top:4px}.book-progress button{width:16px;height:3px}}
@media(prefers-reduced-motion:reduce){.book-glow.active{animation:none}.book-progress button.active span{animation:none;width:100%}}

/* v2 consolidated: guarantee visibility above the approved hero artwork */
.hero-art{overflow:visible!important}
.book-life{display:block!important;visibility:visible!important;opacity:1!important;z-index:20!important}
.book-story{z-index:24;animation:bookCardEnter .55s cubic-bezier(.2,.8,.2,1) both}
.book-glow{z-index:22}
@keyframes bookCardEnter{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.book-story:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ff25b5,#6c5cff,#198cff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.book-story h3{background:linear-gradient(90deg,#fff,#b8d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}