.csg-product-preview{padding:90px 0;background:radial-gradient(ellipse at 0 10%,#173d5b,transparent 55%),#081c2f;color:#eaf3f9}.csg-product-preview .eyebrow{color:#9bc9e7}.product-intro{max-width:720px;margin-bottom:36px}.product-intro h2{font:clamp(38px,4.5vw,58px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:18px 0}.product-intro h2 em{color:#9acbe9;font-weight:400}.product-intro p{font-size:16px;line-height:1.8;color:#bfd2df}.product-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-example{min-width:0;border:1px solid #52748d66;border-radius:12px;overflow:hidden;background:#f3f6f8;color:#15384f;box-shadow:0 20px 35px #0002}.product-label{display:flex;justify-content:space-between;gap:10px;padding:13px 18px;background:#1b3a52;color:#c0dbea;font-size:10px;letter-spacing:.08em}.product-label span:last-child{font-size:8px;color:#9ec2db}.product-canvas{padding:24px;min-height:310px}.product-canvas .mini-brand{font:18px Georgia,serif;padding-bottom:15px;border-bottom:1px solid #d4e0e8;margin-bottom:22px}.product-canvas small{display:block;font-size:8px;letter-spacing:.14em;color:#4c7b99;margin:12px 0}.product-canvas h3{font:29px/1.12 Georgia,serif;letter-spacing:-.025em;color:#143a52;margin:12px 0}.product-canvas p{font-size:12px;line-height:1.7;color:#5e7787}.mini-navy{background:linear-gradient(130deg,#102d45,#285d7f);border-radius:9px;padding:20px;color:#f4f9fc;box-shadow:0 12px 25px #15394e18}.mini-navy h3{color:#fff;font-size:25px}.mini-navy p{color:#c1d9e8;font-size:11px}.mini-navy small{color:#a8cfe7}.mini-rule{border-top:1px solid #d4e0e8;margin-top:19px;padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#496b82}.mini-item{background:#fff;border:1px solid #dce5eb;border-radius:7px;padding:13px;margin-top:12px}.mini-item b{display:block;font-size:11px;font-weight:600}.mini-item p{font-size:10px;margin:5px 0 0}.product-caption{padding:16px 24px;margin:0;border-top:1px solid #d8e3eb;font-size:11px;line-height:1.6;color:#647d8e}.product-explanation{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #7699b23d;padding-top:24px;margin:32px 0 50px}.product-explanation h3{font-size:15px;margin:0 0 9px;color:#edf5fa}.product-explanation p{font-size:13px;line-height:1.8;color:#aac5d6;margin:0}.book-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.book-heading h3{font:34px Georgia,serif;margin:10px 0;color:#f0f6fa}.book-heading p{color:#9ebcd0;font-size:12px;max-width:310px}.sample-book{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;max-width:850px;margin:0 auto;min-height:370px;perspective:1500px;border-radius:5px 12px 12px 5px;background:#f3efe6;box-shadow:0 7px 0 #d1d1cb,0 10px 0 #edf0e9,0 13px 0 #8b9caa,0 32px 45px #0006}.book-cover{display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:radial-gradient(ellipse at 20% 0,#376d8b,transparent 70%),#102d43;border:1px solid #64869b66;border-radius:5px 0 0 5px;color:#fff;box-shadow:inset -14px 0 18px #0003}.book-cover img{width:150px;max-width:85%;height:auto;background:#fff;border-radius:2px;padding:8px}.book-cover h4{font:38px/1.1 Georgia,serif;letter-spacing:-.03em;margin:32px 0 12px;color:#eff8ff}.book-cover p{font-size:12px;line-height:1.7;color:#bad3e3}.book-cover small{font-size:8px;letter-spacing:.15em;color:#97bed8}.book-leaf{position:relative;display:flex;flex-direction:column;padding:38px 38px 28px;color:#16384b;background:linear-gradient(90deg,#d7d6d0 0,#f3f0e8 5%,#fffdf7 16%,#f7f4ec 100%);border-radius:0 10px 10px 0;transform-origin:left center;backface-visibility:hidden;min-height:370px}.book-leaf h4{font:31px/1.15 Georgia,serif;margin:24px 0 17px;color:#17384e}.book-leaf p{font-size:13px;line-height:1.85;color:#5a6f7b}.book-leaf .book-topic{font-size:9px;color:#527d96;letter-spacing:.14em}.book-leaf .book-line{padding-top:17px;margin-top:17px;border-top:1px solid #d7ddd9}.book-folio{margin-top:auto;display:flex;justify-content:space-between;padding-top:24px;font-size:9px;color:#7a8b94}.book-controls{display:flex;justify-content:center;gap:22px;align-items:center;margin-top:36px}.book-controls button{background:transparent;border:1px solid #7399b266;border-radius:30px;padding:10px 18px;color:#d8eaf5;font:12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer}.book-controls button:disabled{opacity:.35;cursor:default}.book-controls button:focus-visible{outline:3px solid #aad5f0;outline-offset:4px}.book-controls button:hover:not(:disabled){background:#2a516d}.book-controls span{font-size:11px;color:#b6cedf;min-width:85px;text-align:center}.book-leaf.turn-out{animation:turn-out .24s ease-in forwards}.book-leaf.turn-in{animation:turn-in .24s ease-out}.sample-disclosure{font-size:11px;line-height:1.8;text-align:center;color:#92afc3;max-width:760px;margin:30px auto 0}.book-controls[hidden]{display:none}@keyframes turn-out{to{transform:rotateY(-88deg);opacity:.45}}@keyframes turn-in{from{transform:rotateY(75deg);opacity:.45}to{transform:rotateY(0);opacity:1}}
@media(max-width:1050px){.product-samples{gap:14px}.product-canvas{padding:20px}.product-canvas h3{font-size:25px}.product-caption{padding:15px 20px}.book-cover,.book-leaf{padding:30px}.product-label{font-size:9px;padding:12px}}
@media(max-width:750px){.csg-product-preview{padding:55px 0}.product-samples{grid-template-columns:1fr}.product-canvas{min-height:0;padding:25px}.product-explanation{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.book-heading{display:block}.sample-book{grid-template-columns:.72fr 1fr;min-height:340px}.book-cover{padding:22px 15px}.book-cover h4{font-size:26px}.book-cover p{font-size:10px}.book-cover img{padding:5px}.book-leaf{padding:26px 20px;min-height:340px}.book-leaf h4{font-size:26px}.book-leaf p{font-size:12px}.book-cover small{font-size:7px}.book-folio{font-size:8px}.book-controls{gap:12px}.book-controls button{font-size:11px;padding:10px 14px}}
@media(max-width:400px){.book-leaf{padding:23px 15px}.book-leaf h4{font-size:23px}.book-cover h4{font-size:23px}.book-leaf p{font-size:11px}.book-folio span:first-child{max-width:60px}.book-cover p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.book-leaf.turn-out,.book-leaf.turn-in{animation:none}}