@charset "UTF-8";
:root{--navy:#14233e;--navy2:#203957;--paper:#faf9f6;--warm:#f1eee7;--white:#fff;--muted:#586779;--teal:#137d81;--teallight:#e5f1ef;--gold:#eab253;--line:#e3e6e8;--shadow:0 17px 45px rgba(24,40,60,.09);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
::selection{background:#b8e3de;color:var(--navy)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:4px}
.shell{max-width:1160px;margin:0 auto;padding:0 28px}.site-header{background:rgba(250,249,246,.97);border-bottom:1px solid #eaeae7;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:15px}.wordmark{font-weight:900;font-size:28px;letter-spacing:-1.5px;line-height:1;color:var(--navy)}.wordmark span{color:var(--teal)}.identity-tag{display:block;border-left:1px solid #c6cccf;padding-left:14px;font-size:11px;letter-spacing:1.6px;font-weight:750;text-transform:uppercase;color:#647486;line-height:1.4}.nav{display:flex;gap:34px;align-items:center}.nav a{font-size:14px;color:#45536a;font-weight:720}.nav a:hover,.nav a[aria-current="page"]{color:var(--teal)}
.hero{position:relative;overflow:hidden;background:linear-gradient(116deg,#11233b 3%,#1b3550 68%,#15586c 140%);color:white}.hero:before{content:"";position:absolute;right:-250px;top:-335px;width:740px;height:740px;border-radius:50%;border:1px solid rgba(197,226,233,.16);box-shadow:0 0 0 75px rgba(197,226,233,.035),0 0 0 155px rgba(197,226,233,.025)}.hero-inner{position:relative;padding:90px 0 100px;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);align-items:center;gap:45px}.eyebrow{font-size:12px;letter-spacing:2.25px;font-weight:800;text-transform:uppercase;color:#7be0d6;margin:0 0 21px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-2.3px;margin:0 0 24px;max-width:710px;font-weight:820}.hero h1 em{font-style:normal;color:#f4c36c}.hero-copy{font-size:18px;color:#d5dfe7;max-width:570px;margin:0 0 34px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:10px;font-size:14px;line-height:1.25;font-weight:780;transition:transform .18s ease,background-color .18s ease;white-space:normal;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#192539}.btn-primary:hover{background:#f6c870}.btn-soft{border:1px solid #7794a0;color:white}.btn-soft:hover{background:rgba(255,255,255,.09)}.btn-dark{color:white;background:var(--navy)}.btn-dark:hover{background:var(--navy2)}.btn-outline{border:1px solid #ced6d8;color:var(--navy);background:white}.btn-outline:hover{background:var(--teallight)}.btn-disabled{background:#eef0f0;color:#52606e;cursor:not-allowed;border:1px dashed #afbdc1;min-width:185px}.hero-cover-stack{display:flex;align-items:center;justify-content:center;padding:22px 12px;min-height:360px}.hero-cover-stack img{display:block;width:min(50%,215px);height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:4px;box-shadow:0 20px 38px rgba(0,0,0,.33);border:1px solid rgba(255,255,255,.15)}.hero-cover-stack img:first-child{transform:rotate(-8deg) translateX(18px)}.hero-cover-stack img:last-child{transform:rotate(8deg) translateX(-18px) translateY(22px)}
.stats-ribbon{background:#e7eeeb;border-bottom:1px solid #d4e1dd}.ribbon-inner{display:flex;justify-content:center;gap:70px;padding:18px 0;flex-wrap:wrap}.ribbon-item{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:720;color:#30585c}.ribbon-check{display:grid;place-items:center;width:23px;height:23px;background:white;border-radius:50%;color:var(--teal);font-weight:900}
.section{padding:91px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:33px}.kicker{font-size:12px;letter-spacing:2px;color:var(--teal);text-transform:uppercase;font-weight:850;margin:0 0 12px}.section h2,.standard-h1{font-size:clamp(31px,3.4vw,48px);line-height:1.16;letter-spacing:-1.4px;margin:0;color:var(--navy);font-weight:820}.section-intro{margin:13px 0 0;color:var(--muted);max-width:645px;font-size:16px}
.catalog{display:grid;grid-template-columns:1fr 1fr;gap:25px}.book-card{background:white;border:1px solid #e5e8e8;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-columns:42% 58%;min-height:324px}.book-card-art{padding:25px 19px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#d6e7e4,#f4f2eb)}.book-card:nth-child(2) .book-card-art{background:linear-gradient(160deg,#d9e4e9,#f1eddf)}.book-card-art img{display:block;width:100%;max-width:210px;aspect-ratio:3/4;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.18))}.book-card-copy{padding:30px 26px;display:flex;flex-direction:column;align-items:flex-start}.book-tag{font-size:10px;letter-spacing:1.6px;color:var(--teal);font-weight:850;text-transform:uppercase}.book-card h3{font-size:24px;line-height:1.17;letter-spacing:-.7px;margin:12px 0 10px}.book-card p{font-size:13px;line-height:1.64;color:var(--muted);margin:0 0 15px}.pill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;margin-bottom:17px}.pill-list span{font-size:10px;letter-spacing:.1px;border-radius:20px;background:#eef3f3;padding:5px 10px;color:#47616c;font-weight:720}.card-bottom{display:flex;align-items:center;gap:15px;justify-content:space-between;width:100%}.price{font-size:28px;letter-spacing:-.8px;font-weight:820}.detail-link{font-size:12px;color:var(--teal);font-weight:800;border-bottom:1px solid var(--teal)}
.method{background:#f0f3f0;border-top:1px solid #e3e8e4;border-bottom:1px solid #e3e8e4}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:35px}.method-item{border-top:2px solid var(--teal);padding-top:18px}.method-num{font-size:12px;letter-spacing:2px;color:var(--teal);font-weight:900}.method-item h3{font-size:18px;margin:9px 0 7px;line-height:1.3}.method-item p{font-size:14px;color:var(--muted);margin:0}
.about-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.about-strip h2{margin-bottom:17px}.about-strip p{color:var(--muted);margin:0 0 16px}.about-mark{display:flex;align-items:center;justify-content:center;position:relative;min-height:235px;background:linear-gradient(135deg,#1a3d55,#164b55);border-radius:22px;overflow:hidden;color:white}.about-mark:before{content:"";position:absolute;width:250px;height:250px;border:1px solid #5e9ca2;border-radius:50%;right:-40px;top:-100px;box-shadow:0 0 0 40px rgba(255,255,255,.03),0 0 0 80px rgba(255,255,255,.03)}.about-mark strong{position:relative;font-size:76px;letter-spacing:-4px;line-height:1}
.footer{background:#102239;color:#cad3dc;margin-top:0}.footer-inner{padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{color:white;font-weight:850;letter-spacing:-.5px;font-size:24px}.footer small{display:block;margin-top:3px;color:#afbfcb;font-size:12px}.footer-links{display:flex;gap:26px;font-size:13px;font-weight:700}.footer-links a:hover{color:white}
.page-hero{background:linear-gradient(115deg,#edf4f0,#faf9f6 60%);padding:61px 0 54px;border-bottom:1px solid #e3e8e5}.crumb{font-size:13px;color:var(--teal);font-weight:750}.crumb:hover{text-decoration:underline}.page-hero h1{margin-top:15px}.page-hero p{color:var(--muted);font-size:17px;max-width:720px;margin:15px 0 0}
.detail{padding:68px 0 104px}.detail-grid{display:grid;grid-template-columns:minmax(270px, 380px) minmax(0,1fr);gap:75px;align-items:start}.detail-art{background:#e6efec;border:1px solid #deebe5;border-radius:22px;padding:36px;display:grid;place-items:center}.detail-art img{max-width:100%;width:278px;display:block;box-shadow:0 17px 26px rgba(20,36,52,.19)}.detail-info .kicker{margin-bottom:14px}.detail-info h1{font-size:clamp(34px,4vw,51px);line-height:1.16;letter-spacing:-1.35px;margin:0 0 18px}.detail-info .lead{color:var(--muted);font-size:18px;margin:0 0 23px}.detail-badge{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;margin:25px 0;padding:14px 0;font-size:13px;color:#526171;font-weight:750}.detail-price{font-size:36px;font-weight:850;letter-spacing:-1px;margin:0 0 15px}.purchase-row{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.purchase-hint{display:block;font-size:12px;color:var(--muted);margin-top:11px;max-width:460px}.feature-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px}.feature-col h2{font-size:17px;margin:0 0 13px}.ticks{padding:0;margin:0;list-style:none}.ticks li{margin:9px 0 0;padding-left:24px;position:relative;font-size:14px;color:#4d5b6a}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:900}.backlink{display:inline-block;font-size:13px;color:var(--teal);font-weight:750;margin-top:42px}.backlink:hover{text-decoration:underline}
.about-main{padding:70px 0 100px;max-width:790px}.about-main p{font-size:19px;line-height:1.8;color:#435467;margin:0 0 20px}.about-main h2{margin:30px 0 14px;font-size:23px}.about-main .note{font-size:14px;border-left:3px solid var(--teal);padding:12px 20px;background:#eaf1ef;color:#3f5963;margin-top:35px}.not-found{text-align:center;padding:100px 20px}
@media(max-width:1050px){.book-card{grid-template-columns:40% 60%}.book-card-copy{padding:24px 18px}.book-card h3{font-size:21px}.catalog{gap:18px}}
@media(max-width:760px){.shell{padding:0 20px}.header-inner{height:70px}.identity-tag{display:none}.nav{gap:18px}.nav a{font-size:13px}.hero-inner{padding:67px 0 72px;grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(40px,10vw,58px);letter-spacing:-1.6px}.hero-copy{font-size:16px}.hero-cover-stack{min-height:245px;padding:0}.hero-cover-stack img{width:150px}.ribbon-inner{gap:15px 35px;justify-content:flex-start;padding:15px 0}.section{padding:65px 0}.catalog{grid-template-columns:1fr}.book-card{grid-template-columns:37% 63%}.book-card-art{padding:16px}.book-card-copy{padding:24px}.method-grid{grid-template-columns:1fr;gap:20px}.method-item{padding-top:12px}.about-strip{grid-template-columns:1fr;gap:32px}.about-mark{min-height:180px}.footer-inner{align-items:flex-start;flex-direction:column}.detail{padding:43px 0 68px}.detail-grid{grid-template-columns:1fr;gap:34px}.detail-art{padding:22px}.detail-art img{width:215px}.detail-info h1{font-size:36px}.feature-col{grid-template-columns:1fr;gap:25px;margin-top:30px}}
@media(max-width:425px){.book-card{grid-template-columns:1fr}.book-card-art{padding:24px}.book-card-art img{width:160px}.book-card h3{font-size:24px}.hero-cover-stack img{width:138px}.section-heading{display:block}.price{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Version 2: three-book collection */
@media(min-width:1100px){.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.book-card{display:flex;flex-direction:column}.book-card-art{min-height:300px}.book-card-art img{max-width:170px}.book-card-copy{flex:1}.book-card h3{font-size:22px}.book-card-copy p{font-size:13px}.card-bottom{margin-top:10px}}
.hero-cover-stack{gap:0}.hero-cover-stack img{width:min(36%,155px);flex-shrink:0}.hero-cover-stack img:first-child{transform:rotate(-9deg) translateX(16px) translateY(13px)}.hero-cover-stack img:nth-child(2){transform:rotate(1deg) translateY(-20px);z-index:2}.hero-cover-stack img:last-child{transform:rotate(9deg) translateX(-16px) translateY(13px)}
@media(max-width:760px){.hero-cover-stack img{width:min(31%,140px)}}
@media(max-width:425px){.hero-cover-stack img{width:30%}}