:root{--ink:#183b3d;--paper:#f8f5ee;--accent:#c5dc81;--muted:#667574}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}header{max-width:1220px;margin:auto;padding:27px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #183b3d20}.brand{text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-1px}.brand-note{display:block;font-size:9px;letter-spacing:2.3px;margin-left:32px}.mark{font-size:28px}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:13px}.nav-login{border:1px solid #183b3d40;padding:10px 17px;border-radius:30px}.wrap{max-width:1150px;margin:auto;padding:80px 24px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-top:65px;padding-bottom:75px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2.4px;line-height:1.08}h1{font-size:clamp(46px,5.6vw,75px);margin:24px 0}h2{font-size:clamp(34px,4vw,51px);margin:22px 0 35px}h3{line-height:1.35}em{font-weight:400;color:#66805f}.lead{max-width:490px;font-size:17px;color:#596b68;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;border:0;border-radius:7px;background:var(--ink);color:#fff;padding:16px 24px;text-decoration:none;font:600 14px/1.5 system-ui;cursor:pointer;min-height:52px}.button:hover{background:#2b5658}.text-link{font-size:13px;font-weight:650;text-underline-offset:5px}.micro,.fine{font-size:12px;color:var(--muted)}.micro{margin-top:20px}.hero-art{height:500px;position:relative;background:#e8e9df;border-radius:48% 48% 9px 9px;overflow:hidden}.art-label{position:absolute;top:35px;width:100%;text-align:center;font-size:9px;letter-spacing:2px}.orbit{position:absolute;border:1px solid #afbfb280;border-radius:50%;width:480px;height:480px;left:-10px;top:50px}.orbit-two{width:370px;height:370px;top:105px;left:45px}.book{position:absolute;width:205px;height:300px;box-shadow:13px 20px 25px #173c3d25;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-radius:3px 9px 9px 3px;border-left:6px solid #ffffff25}.book small{font-size:8px;letter-spacing:1.5px}.book b{font:37px/1.04 Georgia,serif;font-weight:400;z-index:1}.book span{font-size:7px;letter-spacing:1.2px}.book-back{background:#b8c59f;left:34px;top:112px;transform:rotate(-13deg);color:#294540}.book-front{background:#214c50;right:38px;top:102px;transform:rotate(9deg);color:#f5edd7}.book-front i{color:#d7df9e}.sun{position:absolute;width:150px;height:150px;background:#cfdd8c;border-radius:50%;bottom:38px;left:30px;opacity:.16}.audio-card{position:absolute;bottom:36px;left:24px;right:24px;background:#fffef6e8;backdrop-filter:blur(10px);border:1px solid white;border-radius:12px;box-shadow:0 15px 40px #183b3d15;padding:18px;display:flex;gap:15px;align-items:center}.play-icon{border-radius:50%;background:var(--ink);color:#fff;padding:11px 16px}.audio-card strong{font-size:12px}.wave{color:#719071;font-size:19px;letter-spacing:2px;line-height:1.3}.audio-card>small{margin-left:auto;font-size:7px;letter-spacing:1px}.ribbon{background:var(--ink);color:#e4e9cc;display:flex;justify-content:center;gap:65px;padding:22px;font-size:12px}.intro{text-align:center}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;text-align:left;margin-top:48px}.features p{font-size:14px;color:var(--muted)}.features h3{font-size:18px}.feature-icon{font-size:32px}.collection-section{background:#eeeee4}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.section-heading>p{max-width:300px;font-size:14px;color:var(--muted)}.book-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 22px}.mini-book{aspect-ratio:2/2.9;padding:22px 17px;border-radius:2px 7px 7px 2px;box-shadow:5px 8px 12px #183b3d15;border-left:5px solid #ffffff20;display:flex;flex-direction:column;justify-content:space-between}.mini-book small{font-size:9px}.mini-book h3{font:26px/1.12 Georgia,serif;font-weight:400;margin:16px 0}.mini-book>span{font-size:6px;letter-spacing:1px}.tone-0{background:#264c50;color:#f3eddb}.tone-1{background:#b8c7a5;color:#284539}.tone-2{background:#ddc9ac;color:#594730}.tone-3{background:#665d70;color:#f5e9d9}.tone-4{background:#b7694d;color:#fff1da}.title-meta{display:flex;flex-direction:column;gap:4px;padding-top:12px;font-size:10px}.status{color:#6f7868;font-size:9px}.sample-note{background:#f8f5ee;border:1px solid #183b3d20;border-radius:8px;padding:23px 28px;margin-top:40px}.sample-note p{font-size:13px;color:var(--muted);max-width:850px}.steps{text-align:center}.step{font:34px Georgia,serif;color:#92a47d}.offer-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;border-top:1px solid #183b3d20}.offer-copy ul{padding-left:20px;line-height:2.4;font-size:14px}.offer{padding:39px;border:1px solid #9daa8d;border-radius:12px;background:#e9eddf;box-shadow:10px 15px 0 #183b3d06}.offer h3{font:31px Georgia,serif;line-height:1.2}.price{font:58px Georgia,serif;letter-spacing:-2px}.price small{font:11px system-ui;letter-spacing:1px}.offer>p{font-size:12px}.offer .button{width:100%;margin-top:12px}.offer-foot{text-align:center;font-size:10px;color:var(--muted);padding-top:20px}.availability{font-size:13px;font-weight:700;margin-top:24px}.faq{max-width:820px;padding-top:35px}details{border-bottom:1px solid #183b3d25;padding:22px 0}summary{cursor:pointer;font-weight:600;font-size:14px}details p{font-size:14px;color:var(--muted)}footer{text-align:center;background:#e8e9df;padding:42px 24px;font-size:12px}footer p{color:var(--muted)}footer small{display:block;margin-top:20px;font-size:10px}.account-shell{max-width:640px;margin:50px auto 80px;padding:0 20px;min-height:55vh}.panel{background:#fffdf7;padding:38px;border:1px solid #183b3d25;border-radius:12px}.panel h1{font-size:43px;letter-spacing:-1.5px}.panel p{font-size:14px}.panel label{display:block;font-size:13px;margin:20px 0 8px}.panel input:not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #adbbb0;border-radius:5px;background:#fff;font:16px system-ui;color:var(--ink)}.panel button{width:100%;margin-top:22px}.panel .check{font-size:12px}.check input{margin-right:6px}.alert,.notice{border-radius:6px;padding:14px 18px;font-size:13px;margin-bottom:20px}.alert{background:#f6e3db;color:#853e2f}.notice{background:#e7eedc;color:#355938}.credentials{background:#eef0e5;border-radius:8px;padding:10px 20px;margin:25px 0}:focus-visible{outline:3px solid #a7bb65;outline-offset:4px}@media(max-width:850px){header{padding:22px}.brand{font-size:20px}nav>a:first-child{display:none}.hero{gap:22px}.hero-art{height:420px}.book{width:165px;height:250px;padding:19px}.book b{font-size:31px}.book-front{right:25px}.book-back{left:25px}.book-grid{grid-template-columns:repeat(3,1fr)}.mini-book h3{font-size:30px}.features{gap:25px}.offer-section{gap:30px}.ribbon{gap:25px;font-size:10px}}@media(max-width:600px){header{padding:18px}.brand-note{font-size:7px}.nav-login{font-size:11px;padding:9px 12px}.wrap{padding:55px 22px}.hero{grid-template-columns:1fr;padding-top:37px;gap:35px}.hero h1{font-size:56px}.lead{font-size:16px}.hero-art{height:435px;max-width:390px;width:100%;margin:auto}.book{width:180px;height:270px}.book-front{right:35px;top:80px}.book-back{top:100px}.audio-card{bottom:30px}.ribbon{flex-direction:column;align-items:center;gap:9px;padding:22px}.features{grid-template-columns:1fr;gap:18px;margin-top:28px}.features article{padding-bottom:15px}.intro,.steps{text-align:left}.section-heading{display:block}.book-grid{grid-template-columns:repeat(2,1fr);gap:23px 17px}.mini-book{padding:18px 13px}.mini-book h3{font-size:27px}.mini-book small{font-size:8px}.mini-book>span{font-size:5px}.section-heading h2{margin-bottom:25px}.section-heading>p{margin-bottom:30px}.offer-section{grid-template-columns:1fr;gap:20px}.offer{padding:28px}.panel{padding:26px}.panel h1{font-size:38px}.sample-note{padding:20px}.hero-actions{gap:20px}.hero-actions .button{padding:15px 20px}}
