:root{--w:1120px;--gut:max(24px,calc((100% - var(--w))/2));--plum:#2B1024;--plum2:#4A1C3C;--wine:#7A2346;--rose:#C7735C;--blush:#F2DDD5;--cream:#F8F1EA;--paper:#FFFCF8;--ink:#24161F;--muted:#6E5A63;--line:#DCCBC2}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65;font-size:17px}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;line-height:1.1}
.logo em{font-style:italic;color:var(--rose)}
h1{font-size:clamp(40px,5.6vw,72px);color:#fff;margin:0 0 22px}
h2{font-size:clamp(30px,3.6vw,44px);color:var(--plum);margin-bottom:18px}
h3{font-size:22px;color:var(--plum);margin-bottom:6px}
.lead{font-size:20px;color:var(--plum2);max-width:640px}
.btn{display:inline-block;border:1px solid var(--wine);cursor:pointer;font:500 16px "DM Sans",sans-serif;text-decoration:none;color:#fff;background:var(--wine);padding:15px 28px;border-radius:2px;transition:background .15s}
.btn:hover{background:var(--plum)}
.btn.big{font-size:17px;padding:17px 34px}
.btn.sm{padding:8px 16px;font-size:14px}
.btn.ghost{background:transparent;border-color:rgba(242,221,213,.5);color:var(--blush)}
.link{color:var(--wine);text-underline-offset:3px}

.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px var(--gut);background:var(--plum);color:var(--blush);border-bottom:1px solid rgba(242,221,213,.12)}
.logo{font-family:"Bodoni Moda",serif;font-size:21px;text-decoration:none;color:#fff}
.nav nav{display:flex;gap:26px;align-items:center;font-size:15px}
.nav nav a:not(.btn){text-decoration:none;color:var(--blush)}
.nav nav a:not(.btn):hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:820px){.nav{flex-wrap:wrap;row-gap:10px}.nav nav{order:3;width:100%;gap:20px;overflow-x:auto;white-space:nowrap;font-size:14px;padding-bottom:2px}.nav nav .btn{display:none}.nav .logo{font-size:19px}}

.hero{background:var(--plum);color:var(--blush);padding:72px var(--gut) 84px}
.hero-in{display:grid;grid-template-columns:1fr 340px;gap:80px;align-items:center}
.hero .lead{color:var(--blush);margin-bottom:28px}
.hero h1{font-size:clamp(44px,6vw,76px)}
.hero-book img{border-radius:3px;box-shadow:0 30px 60px -25px rgba(0,0,0,.8)}
.price-row{display:flex;align-items:baseline;gap:14px;margin-bottom:24px;flex-wrap:wrap}
.was{text-decoration:line-through;color:var(--muted);font-size:19px}
.hero .was{color:rgba(242,221,213,.5)}
.now{font-family:"Bodoni Moda",serif;font-size:42px;color:#fff}
.buybox .now{color:var(--plum)}
.tag{font-size:15px;font-style:italic;font-family:"Bodoni Moda",serif;color:var(--rose)}
.trust{margin-top:22px;font-size:14px;color:rgba(242,221,213,.7)}
@media(max-width:860px){.hero{padding-top:44px;padding-bottom:56px}.hero-in{grid-template-columns:1fr;gap:36px}.hero-book{max-width:200px}}

/*unused*/.facts{max-width:1160px;margin:0 auto;padding:34px 5vw;display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid var(--line);font-size:16px;color:var(--muted)}
.facts b{font-family:"Bodoni Moda",serif;font-size:30px;color:var(--plum);font-weight:500;margin-right:6px}

.sec{padding:88px var(--gut)}
.sec.dark{background:var(--plum);color:var(--blush)}
.sec.dark h2{color:#fff}.sec.dark .lead{color:var(--blush)}
.sec>.lead{margin-bottom:44px}

.toc{list-style:none;border-top:1px solid var(--line)}
.toc li{display:grid;grid-template-columns:70px 240px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.toc .n{font-family:"Bodoni Moda",serif;font-style:italic;font-size:26px;color:var(--rose)}
.toc h3{margin:0}
.toc p{color:var(--muted);font-size:16px}
@media(max-width:760px){.toc li{grid-template-columns:44px 1fr}.toc p{grid-column:2}}

.pages{display:flex;gap:20px;overflow-x:auto;padding:6px 0 10px;scrollbar-width:thin}
.pages img{width:280px;flex:none;border-radius:2px}

.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:34px}
.tech-grid img{aspect-ratio:1/1;object-fit:cover;object-position:center top;width:100%}
.tech-grid figcaption{font-family:"Bodoni Moda",serif;font-size:19px;padding-top:10px;color:var(--plum)}
@media(max-width:900px){.tech-grid{grid-template-columns:1fr 1fr}}
.names{color:var(--muted);font-size:16px;max-width:820px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.plain{margin:6px 0 28px;padding-left:20px}
.plain li{margin-bottom:12px}

.learn{border-top:1px solid var(--line)}
.learn a{display:grid;grid-template-columns:300px 1fr 24px;gap:24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.learn a::after{content:"→";color:var(--rose)}
.learn h3{margin:0}
.learn a:hover h3{text-decoration:underline;text-underline-offset:4px}
.learn p{font-size:15px;color:var(--muted)}
@media(max-width:860px){.learn{border-top:1px solid var(--line)}}

.buybox .card{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:48px}
@media(max-width:800px){.buybox .card{grid-template-columns:1fr;padding:28px}.buybox .card>img{max-width:220px}}
.age{display:flex;gap:10px;align-items:center;font-size:15px;margin-bottom:16px;color:var(--plum2)}
.age input{width:18px;height:18px;accent-color:var(--wine)}
.fine{font-size:13px;color:var(--muted);margin-top:14px}

.faq{max-width:780px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-family:"Bodoni Moda",serif;font-size:21px;color:var(--plum)}
.faq p{margin-top:10px;color:var(--muted)}

.foot{background:var(--plum);color:rgba(242,221,213,.7);padding:56px var(--gut);font-size:14px}
.foot-in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
.foot h4{font:500 15px "DM Sans";color:var(--blush);margin-bottom:10px}
.foot a{display:block;text-decoration:none;margin-bottom:6px}
.foot a:hover{color:#fff}
.foot .logo{font-size:22px;margin-bottom:10px}
@media(max-width:760px){.foot-in{grid-template-columns:1fr}}

/* article pages */
.article{max-width:720px;margin:0 auto;padding:64px 22px 40px}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:24px}
.crumbs a{text-underline-offset:3px}
.article h1{color:var(--plum);font-size:clamp(36px,5vw,54px)}
.article .lead{margin-bottom:30px}
.article h2{font-size:30px;margin:46px 0 12px}
.article h3{margin:26px 0 6px}
.article p,.article li{margin-bottom:14px}
.article ul,.article ol{padding-left:22px;margin-bottom:18px}
.article figure{margin:30px 0}
.article figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.meta{font-size:14px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:30px}
.note{border-left:3px solid var(--rose);padding:4px 0 4px 18px;margin:26px 0;color:var(--plum2)}
.cta{background:var(--plum);color:var(--blush);padding:34px;margin:44px 0;display:grid;grid-template-columns:120px 1fr;gap:26px;align-items:center}
.cta h3{color:#fff;font-size:24px}
.cta p{margin-bottom:14px}
@media(max-width:600px){.cta{grid-template-columns:1fr}.cta img{max-width:120px}}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:16px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;color:var(--plum)}

.gate{position:fixed;inset:0;z-index:100;background:rgba(20,6,16,.95);display:grid;place-items:center;padding:20px}
.gate[hidden]{display:none}
.gate-box{max-width:460px;text-align:center;background:var(--plum);border:1px solid rgba(242,221,213,.2);padding:44px 34px;color:var(--blush)}
.gate-box h2{color:#fff}
.gate-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}

.page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:var(--plum);color:var(--blush);text-align:center}
.page .box{max-width:560px;border:1px solid rgba(242,221,213,.25);padding:46px 34px}
.page h1{font-size:40px}
.page p{margin-bottom:16px}
.legal{max-width:760px;margin:0 auto;padding:70px 24px 80px}
.legal h1{color:var(--plum);font-size:40px}
.legal h2{font-size:24px;margin:28px 0 8px}
.legal p,.legal li{margin-bottom:10px;color:var(--ink)}

.split img{width:100%}
@media(max-width:600px){.sec{padding-top:60px;padding-bottom:60px}.buybox{padding-left:0;padding-right:0}.buybox .card{border-left:0;border-right:0}.toc li{padding:18px 0}.pages img{width:220px}.tech-grid{gap:16px}}
@media(max-width:700px){.learn a{grid-template-columns:1fr 20px;gap:4px 12px}.learn h3{grid-column:1}.learn p{grid-column:1;grid-row:2}.learn a::after{grid-row:1/3;grid-column:2;align-self:center}.toc li{grid-template-columns:40px 1fr;gap:6px 12px}.toc p{grid-column:2}}