:root{--ink:#eef4ff;--green:#22bff3;--accent:#efb95b;--cream:#070e1c;--line:#24334d;--muted:#adbbd3}
body{background:radial-gradient(ellipse at 80% 7%,#123b5f55,transparent 33%),#070e1c;color:var(--ink)}
.notice{background:linear-gradient(90deg,#103650,#0a2037);color:#cdefff;border-bottom:1px solid #245374}
header{padding-top:25px;padding-bottom:25px}.mark{background:linear-gradient(135deg,#37d6ff,#146bdd);color:#fff;box-shadow:0 0 25px #1cc0f333}.brand-sub{color:#99b3d0}
h1,h2{font-family:Segoe UI,Arial,sans-serif;font-weight:750;letter-spacing:-.055em}h1{font-size:clamp(44px,4.8vw,68px);line-height:1.07}h1>span{background:linear-gradient(100deg,#62ddff,#f4c56f);color:transparent;background-clip:text}.eyebrow{color:#69d7ff}.hero{min-height:680px;padding-top:70px;padding-bottom:80px;gap:30px}.lead{color:#b8c8dd;font-size:19px;line-height:1.7}.button{background:linear-gradient(110deg,#27c9f5,#3385f1);color:#04172b;border-radius:10px;box-shadow:0 8px 35px #1996e329;font-weight:750;transition:transform .2s,box-shadow .2s}.button:hover{background:linear-gradient(110deg,#76e1ff,#70aaff);transform:translateY(-2px);box-shadow:0 10px 38px #1996e34a}.hero-foot{color:#b9c8dc;letter-spacing:.06em}
.book-scene{height:480px;isolation:isolate}.scene-glow{position:absolute;inset:20px -15px;background:radial-gradient(ellipse,#168bd848,transparent 68%);filter:blur(18px);z-index:-1}.real-book{position:absolute;width:40%;height:330px;object-fit:cover;border-radius:7px;border:1px solid #5d88a5;box-shadow:0 25px 65px #0009;transition:transform .3s}.real-book-0{left:0;top:73px;transform:rotate(-12deg);z-index:2}.real-book-1{left:30%;top:14px;transform:rotate(2deg);z-index:3}.real-book-2{right:-3%;top:92px;transform:rotate(12deg);z-index:1}.real-book:hover{transform:rotate(0) translateY(-12px);z-index:4}.scene-caption{position:absolute;bottom:0;left:10%;right:0;text-align:center}.scene-caption span{display:block;color:#e9b75f;font-size:10px;font-weight:700;letter-spacing:.2em}.scene-caption strong{font-size:17px;font-weight:500;display:block;margin-top:7px}
.featured{background:linear-gradient(125deg,#122b46,#0c162a 60%,#282619);border:1px solid #425a71;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 20px 65px #0003}.featured:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#3ecfff,#eeb45a)}.featured p:not(.eyebrow){color:#b9cbe0}.featured li{margin:7px 0}.pack-price{border-color:#3b506c}.pack-price>span{color:#e7bc75}.pack-price>strong{font-family:Segoe UI,Arial,sans-serif;font-weight:750;letter-spacing:-.06em;color:#ffce7c}.pack-price small{color:#b9cbe0}.light{background:linear-gradient(110deg,#f6ce85,#e6ac46);color:#211608}.light:hover{background:#ffda99}.section-title>p{color:#b7c5d8}.section-title>p strong{color:#f5c679}.search-wrap{max-width:none}.search-wrap input{background:#101d31;border:1px solid #334b68;color:#f0f7ff;border-radius:12px;padding:17px 20px}.search-wrap input::placeholder{color:#9aaec8}.filters{gap:10px}.filter{border-color:#344763;background:#111d2f;color:#bacce2;padding:9px 17px}.filter:hover{border-color:#66d9ff;color:white}.filter[aria-pressed=true]{background:#163e59;color:#89e3ff;border-color:#2caad2}.books-grid{gap:28px}.card{background:linear-gradient(145deg,#142239,#0c1627);border:1px solid #2b3d56;border-radius:17px;box-shadow:0 12px 35px #0003;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:#4093bc}.cover{height:320px;padding:22px;background:radial-gradient(ellipse at center,#214468,#0e1a2c);display:flex;align-items:center;justify-content:center}.cover:after{display:none}.cover img{height:100%;max-width:100%;object-fit:contain;border-radius:4px;box-shadow:8px 12px 22px #0009}.card-body{padding:23px}.card-body .eyebrow{color:#75d8f5}.card h3{font-size:17px;font-weight:650;color:#eef4ff}.card-bottom strong{color:#ffce82;font-size:22px}.details-button{color:#7edbff;text-decoration:none;border:1px solid #315d7d;border-radius:8px;padding:8px 12px}.details-button:hover{background:#183a55}.outline{color:#7edbff;border-color:#397190;background:none;box-shadow:none}.outline:hover{background:#15374b}.how{background:linear-gradient(120deg,#0d1e33,#0b1526);border-color:#263b54}.steps article{background:#142239;padding:25px;border-radius:14px;border:1px solid #2a405b}.steps article>span{font-family:Segoe UI,sans-serif;font-weight:700;color:#5bd5ff}.steps p,.reading-note{color:#aebfd5}.faq details{border-color:#293b54}.faq summary{color:#e1edff}footer{border-color:#293b54}dialog{background:#102038;color:#eef4ff;border:1px solid #426789;box-shadow:0 20px 100px #000b;border-radius:18px}dialog::backdrop{background:#020914b8;backdrop-filter:blur(6px)}.close{color:#c8e4ff}.availability{background:#1b3550;color:#c3e3f5}.dialog-price{color:#ffcb78}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#f5c879}
@media(max-width:1000px){.hero{gap:10px}.book-scene{transform:none}.real-book{height:285px}.scene-caption{bottom:30px}.hero{min-height:610px}.cover{height:340px}}
@media(max-width:700px){.hero{min-height:auto;padding-top:38px;padding-bottom:35px}.hero h1{font-size:45px}.book-scene{height:390px;margin:20px 0 0;transform:none}.real-book{height:265px;width:39%}.real-book-0{top:55px;left:3%}.real-book-1{top:15px;left:31%}.real-book-2{top:65px;right:0}.scene-caption{bottom:5px;left:0}.featured{border-radius:17px}.pack-price{border-color:#38516e}.cover{height:360px}.steps{gap:15px}.steps article{padding:22px}.section-title h2{font-size:38px}.scene-caption strong{font-size:15px}}
.book-scene{overflow:clip}header,main,footer{max-width:100%}.brand{max-width:100%}.hero-copy{min-width:0}
@media(max-width:380px){.hero h1{font-size:36px}.brand{font-size:17px}.real-book{height:230px}.book-scene{height:355px}.button{gap:12px;padding:14px 17px}.featured{padding:25px 20px}.section-title h2{font-size:34px}}
/* Complete covers, without overlapping titles or cropping at narrow widths. */
.book-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;padding:25px 5px 70px;height:440px;overflow:visible}
.real-book{position:relative;inset:auto;width:100%;height:auto;max-height:340px;object-fit:contain;transform:none;border-radius:6px;align-self:center}
.real-book-1{transform:translateY(-22px)}
.real-book:hover{transform:translateY(-8px)}
.scene-caption{left:0;right:0;bottom:8px;color:#eef4ff}
.cover img{width:100%;height:100%;object-fit:contain}
body,h1,h2,h3,.featured,.featured h2,.featured ul,.featured li,.steps h3,.search-wrap label{color:#eef4ff}
.featured p:not(.eyebrow),.steps p,.reading-note,.lead,.card-meta,.meta,.result-count,footer{color:#c5d3e6}
.featured .eyebrow,.eyebrow{color:#80dfff}
@media(max-width:1000px){.book-scene{height:370px;gap:9px}.real-book{max-height:270px}}
@media(max-width:700px){.book-scene{height:auto;min-height:280px;padding:30px 0 75px;margin:15px 0 0;gap:10px}.real-book{width:100%;height:auto;max-height:none}.scene-caption{bottom:8px}.real-book-1{transform:translateY(-12px)}}
@media(max-width:380px){.book-scene{min-height:235px;gap:7px}.scene-caption strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.button,.card,.real-book{transition:none}.button:hover,.card:hover{transform:none}}