.ten-page{--ten-ink:var(--rb-ink,#1a1e23);--ten-paper:var(--rb-paper,#f8f5ef);--ten-gold:var(--rb-tan,#ddb36e);color:var(--ten-paper);background:var(--ten-ink)}
.ten-page main{overflow:clip}.ten-page p{line-height:1.8}.ten-page :is(a,button,summary):focus-visible{outline:2px solid var(--ten-gold);outline-offset:5px}.ten-page svg{width:22px;height:22px;flex-shrink:0}
.ten-hero{padding:160px 0 82px;min-height:850px}.ten-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:70px;align-items:center}
.ten-page .ten-hero h1{font-size:clamp(50px,5.5vw,80px)!important;line-height:1.02!important;max-width:15ch;margin:0 0 25px;text-wrap:balance}
.ten-lede{font-size:17px;max-width:51ch;margin:0 0 24px;color:#d8d1c6}.ten-byline{margin:0 0 6px;font-size:14px}.ten-edition{font-size:12px;color:var(--ten-gold);margin:0 0 28px}
.ten-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.ten-text-link{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:6px;color:inherit;font-size:13px}
.ten-price-line{margin:20px 0 7px;font-size:14px;color:var(--ten-gold)}.ten-note{font-size:12px;color:#c9c0b1;max-width:48ch;margin:0}.ten-page .ten-nav-buy{font-size:12px;padding:11px 17px;min-height:44px;white-space:nowrap}
.ten-book-model{margin:0;min-width:0}.ten-book-stage{position:relative;perspective:1400px;min-height:550px;display:grid;place-items:center;padding:10px 40px 10px 0}.ten-book-cover{width:min(100%,330px);height:auto;position:relative;z-index:2;transform:rotateY(-12deg) rotateZ(-3deg);box-shadow:18px 28px 46px rgba(0,0,0,.35);transition:transform 350ms cubic-bezier(.2,.8,.2,1)}.ten-book-sheet{position:absolute;width:66%;max-width:275px;height:auto;right:0;top:9%;transform:rotateZ(9deg);box-shadow:10px 15px 35px rgba(0,0,0,.22)}.ten-book-model figcaption{max-width:37ch;margin:15px auto 0;font-size:11px;line-height:1.7;text-align:center;color:#c9c0b1}
@media(hover:hover){.ten-book-model:hover .ten-book-cover{transform:rotateY(-6deg) rotateZ(-2deg)}}
.ten-section{padding:clamp(72px,8vw,110px) 0}.ten-paper{background:var(--ten-paper);color:var(--ten-ink)}.ten-section-head{max-width:790px;margin-bottom:40px}.ten-page h2{font-size:clamp(36px,4.5vw,62px);line-height:1.06;margin:0 0 22px}.ten-section-head p{font-size:15px;color:#c9c0b1;margin:0 0 12px}.ten-paper .ten-section-head p{color:#5c6269}.ten-page .ten-caption{font-size:12px}
.ten-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ten-preview{display:block;min-width:0;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:zoom-in;font:inherit}.ten-preview>img{width:100%;height:auto;display:block;aspect-ratio:778/1100;object-fit:contain;background:#f1ebe0;box-shadow:0 12px 28px rgba(26,30,35,.1)}.ten-preview-title{display:block;margin-top:22px;font-size:14px;line-height:1.6;min-height:45px}.ten-preview-action{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:44px;margin-top:8px;border-bottom:1px solid #c6bcae;font-size:12px}.ten-preview-action svg{width:18px;height:18px;transition:transform 180ms ease}.ten-preview:hover .ten-preview-action svg{transform:scale(1.1)}
.ten-chapters{display:grid;grid-template-columns:1fr 1fr;gap:0 65px;list-style:none;padding:0;margin:0}.ten-chapters li{display:flex;gap:22px;padding:26px 0;border-top:1px solid rgba(224,205,173,.23);min-width:0}.ten-chapter-number{font:400 32px/1.1 'Bebas Neue',sans-serif;color:var(--ten-gold);width:34px;flex-shrink:0;font-variant-numeric:tabular-nums}.ten-page .ten-chapters h3{font-size:25px;line-height:1.15;margin:0 0 10px}.ten-chapters p{color:#c9c0b1;font-size:13px;margin:0;max-width:43ch}.ten-audience{margin-top:48px;padding-top:32px;border-top:1px solid rgba(224,205,173,.23);display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.ten-audience h3{font-size:32px;line-height:1.15;margin:0}.ten-audience p{font-size:15px;max-width:67ch;margin:0;color:#d8d1c6}
.ten-offer{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:start}.ten-offer h3{font-size:24px;margin:26px 0 14px}.ten-offer ul{padding-left:19px;line-height:1.8;font-size:14px;max-width:54ch}.ten-offer li+li{margin-top:13px}.ten-payment{padding-top:5px}.ten-page .ten-price{font-size:clamp(48px,6vw,72px);line-height:1.1;letter-spacing:-.03em;margin:0 0 16px;font-variant-numeric:tabular-nums}.ten-payment>p:not(.ten-price){font-size:12px;max-width:43ch;color:#5c6269;margin:0 0 26px}.ten-payment .button{width:100%;max-width:390px}.ten-guarantee{margin-top:29px;max-width:43ch}.ten-guarantee strong{font-size:15px;font-weight:500}.ten-guarantee p{font-size:12px;color:#5c6269;margin:10px 0 0}.ten-bundle{margin:42px 0 0;padding-top:24px;border-top:1px solid #c6bcae;font-size:13px;display:flex;gap:8px 18px;flex-wrap:wrap}.ten-bundle a{text-underline-offset:5px;min-height:24px}
.ten-bottom-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.ten-author>img{width:96px;height:96px;object-fit:cover;object-position:center;border-radius:50%;margin-bottom:25px}.ten-author h2{font-size:30px!important;margin:0 0 12px}.ten-author h3{font-size:40px;margin:0 0 18px;line-height:1.1}.ten-author p{font-size:14px;color:#c9c0b1;max-width:43ch}.ten-faq h2{font-size:44px}.ten-faq details{border-top:1px solid rgba(224,205,173,.23)}.ten-faq details:last-child{border-bottom:1px solid rgba(224,205,173,.23)}.ten-faq summary{cursor:pointer;min-height:64px;padding:21px 35px 21px 0;position:relative;font-size:14px;line-height:1.6;list-style:none}.ten-faq summary::-webkit-details-marker{display:none}.ten-faq summary:after{content:'+';position:absolute;right:8px;font-size:22px;top:20px}.ten-faq details[open] summary:after{content:'−'}.ten-faq details p{font-size:13px;margin:0;padding:0 20px 25px 0;color:#c9c0b1}
.ten-seller{padding-block:28px!important;border-top:1px solid rgba(224,205,173,.23);font-size:12px;line-height:1.8;color:#c9c0b1}.ten-seller h2{font-size:24px}.ten-seller p{max-width:100ch;overflow-wrap:anywhere}.ten-footer{padding-block:30px 52px;border-top:1px solid rgba(224,205,173,.23)}.ten-footer>.shell{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.ten-footer nav{display:flex;gap:12px 24px;flex-wrap:wrap}.ten-footer nav a{min-height:44px;display:inline-flex;align-items:center;font-size:12px;text-underline-offset:4px}.ten-footer p{font-size:11px;color:#c9c0b1;margin-left:auto}.ten-footer .brand img{width:100px;height:auto}
.ten-dialog{background:var(--ten-paper);color:var(--ten-ink);border:0;border-radius:16px;padding:24px;max-width:min(900px,94vw);max-height:94svh;overflow:auto}.ten-dialog::backdrop{background:rgba(0,0,0,.85)}.ten-dialog-bar{position:sticky;top:-24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ten-paper);padding:9px 0 18px;z-index:1}.ten-dialog h2{font-size:24px;line-height:1.25;margin:0}.ten-dialog-bar button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #b7aa95;border-radius:50%;background:var(--ten-paper);color:var(--ten-ink);cursor:pointer;flex-shrink:0}.ten-dialog>img{display:block;max-width:100%;height:auto;margin:auto}
@media(max-width:1050px){.ten-hero-grid{gap:40px}.ten-book-stage{min-height:480px;padding-right:25px}.ten-page .ten-hero h1{font-size:60px!important}.ten-offer{gap:55px}.ten-bottom-grid{gap:55px}.ten-chapters{gap:0 35px}}
@media(max-width:820px){.ten-hero{padding:210px 0 65px;min-height:0}.ten-hero-grid{grid-template-columns:1fr;gap:38px}.ten-hero-copy{max-width:700px}.ten-page .ten-hero h1{font-size:clamp(48px,8.5vw,70px)!important;max-width:17ch}.ten-book-model{max-width:470px;margin:auto;width:100%}.ten-book-stage{min-height:490px}.ten-previews{gap:18px}.ten-preview-title{font-size:12px}.ten-offer{grid-template-columns:1fr;gap:35px}.ten-bottom-grid{grid-template-columns:1fr;gap:55px}.ten-author{max-width:650px}.ten-author p{max-width:65ch}.ten-audience{grid-template-columns:1fr;gap:18px}.ten-footer p{margin:0}.ten-dialog{padding:16px}.ten-dialog-bar{top:-16px}}
@media(max-width:540px){.ten-page .shell{width:calc(100% - 32px)}.ten-page .ten-hero h1{font-size:clamp(44px,12vw,60px)!important}.ten-lede{font-size:16px}.ten-actions{align-items:stretch;flex-direction:column;gap:10px}.ten-actions .button{width:100%}.ten-actions .ten-text-link{justify-content:center}.ten-book-stage{min-height:400px;padding-right:25px}.ten-book-cover{width:72%}.ten-book-sheet{width:62%;top:7%}.ten-section{padding-block:65px}.ten-previews{grid-template-columns:1fr;gap:35px;max-width:370px;margin-inline:auto}.ten-preview-title{font-size:14px;min-height:0}.ten-preview img{max-height:430px}.ten-chapters{grid-template-columns:1fr}.ten-chapters li{padding-block:23px}.ten-author h3{font-size:36px}.ten-page h2{font-size:38px}.ten-page .ten-nav-buy{font-size:11px;padding:10px 14px}.ten-dialog h2{font-size:20px}.ten-footer>.shell{gap:20px}}
@media(prefers-reduced-motion:reduce){.ten-book-cover,.ten-preview-action svg{transition:none!important}.ten-book-model:hover .ten-book-cover{transform:rotateY(-12deg) rotateZ(-3deg)}.ten-preview:hover .ten-preview-action svg{transform:none}}

.ten-hero{min-height:0;padding-bottom:72px}
.ten-book-stage{min-height:0;padding:16px 0;perspective:1300px}
.ten-book-cover{width:min(84%,330px);transform:rotateY(-10deg) rotateZ(-2deg);border:1px solid #484039}
.ten-languages{margin:0 0 22px;font-size:13px;color:#d8d1c6}
.ten-languages div{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ten-languages a{min-height:44px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid #817462;border-radius:5px}
.ten-page .ten-languages a[aria-current="page"]{background:#f6d7a5;color:#1d1b2d!important;border-color:#f6d7a5;text-decoration:none;font-weight:700}
.ten-preview-action{justify-content:flex-start}
@media(max-width:820px){.ten-book-stage{min-height:0}.ten-book-cover{width:min(72%,285px)}}
@media(max-width:540px){.ten-hero{padding-top:175px}.ten-page .ten-hero h1{font-size:clamp(36px,10vw,52px)!important}.ten-languages a{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.ten-book-cover,.ten-book-model:hover .ten-book-cover{transform:none}}

.ten-page .ten-hero h1{max-width:21ch;font-size:clamp(44px,5vw,66px)!important}
.ten-hero{padding-top:128px}
.ten-lede{margin-bottom:16px}
.ten-edition{margin-bottom:16px}
.ten-languages{margin:16px 0 0}
@media(max-width:820px){
  .ten-page .ten-hero h1{font-size:clamp(39px,8.5vw,62px)!important}
  .ten-hero{padding-top:176px}
}
@media(max-width:540px){
  .ten-page .ten-hero h1{font-size:clamp(38px,10vw,51px)!important}
  .ten-hero{padding-top:181px}
}
