@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#fbfaf8;color:#242323;font-family:DM Sans,sans-serif}button{font:inherit}.app-banner{display:flex;align-items:center;gap:10px;background:#fff;padding:9px 14px;position:sticky;top:0;z-index:4;border-bottom:1px solid #eee}.mini-logo,.logo i{width:31px;height:31px;border-radius:7px;background:#d7664c;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700}.app-banner>div:nth-child(2){display:grid;gap:2px;flex:1}.app-banner strong{font-size:11px}.app-banner span{font-size:9px;color:#999}.app-banner button{border:0;background:#d7664c;color:#fff;border-radius:5px;padding:7px 12px;font-size:10px;font-weight:700}.app-banner .close{background:none;color:#999;padding:4px}.hero{min-height:520px;background:#2b2228;color:#fff;display:flex;align-items:center;justify-content:center;gap:65px;padding:55px 30px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -55% 40%;height:500px;background:#b85c4b22;transform:rotate(-12deg)}.cover{width:230px;aspect-ratio:3/4;background:linear-gradient(145deg,#c16a5d,#512b42);box-shadow:0 25px 50px #0006;padding:24px 20px;display:flex;flex-direction:column;position:relative;z-index:1;border-radius:4px}.cover span{font-size:7px;letter-spacing:2px}.cover h2{font:700 31px/1.05 Playfair Display,serif;margin-top:62px}.cover small{margin-top:auto}.cover b{position:absolute;bottom:21px;right:20px}.hero-copy{max-width:390px;z-index:1}.logo{display:flex;gap:8px;align-items:center;font-weight:700;margin-bottom:45px}.tag,.preview>span{color:#e4967f;font-size:9px;letter-spacing:1.6px;font-weight:700}.hero h1{font:700 48px/1.05 Playfair Display,serif;margin:10px 0 15px}.hero p{color:#d4c9ce;line-height:1.6;font-size:14px}.rating{display:flex;align-items:center;gap:6px;color:#e6b96b;font-size:12px;margin:20px 0}.rating span{color:#777}.read,.benefits>button,.fade button{border:0;background:#d7664c;color:#fff;border-radius:7px;padding:13px 17px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:12px}.preview{max-width:650px;margin:auto;padding:65px 25px;position:relative}.preview h2{font:700 32px Playfair Display,serif;margin:10px 0 30px}.preview p{font:19px/1.9 Georgia,serif;color:#4c4846}.fade{margin-top:-25px;padding-top:80px;background:linear-gradient(transparent,#fbfaf8 32%);position:relative;display:grid;place-items:center;gap:10px}.fade small{color:#999;font-size:10px}.benefits{background:#f0ebe7;text-align:center;padding:45px 20px}.benefits h2{font:700 26px Playfair Display,serif}.benefits>div{display:flex;max-width:600px;margin:30px auto;justify-content:center}.benefits article{flex:1;display:grid;gap:5px;border-right:1px solid #d9d1cb}.benefits article:last-child{border:0}.benefits article b{font:700 25px Playfair Display,serif}.benefits article span{font-size:10px;color:#888}.benefits>button{margin:auto}footer{text-align:center;padding:28px;font-size:9px;color:#aaa;line-height:2}@media(max-width:650px){.hero{min-height:520px;gap:22px;padding:35px 20px;align-items:flex-start}.cover{width:135px;margin-top:55px;padding:14px 12px}.cover h2{font-size:18px;margin-top:35px}.hero-copy{flex:1}.logo{margin-bottom:28px}.hero h1{font-size:31px}.hero p{font-size:12px}.read{width:100%;padding:12px 7px}.preview h2{font-size:27px}.preview p{font-size:17px}}