@font-face{font-family:'Source Serif 4';src:url('/source-serif-4-latin.woff2') format('woff2');font-style:normal;font-weight:300 500;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('/source-serif-4-italic-latin.woff2') format('woff2');font-style:italic;font-weight:300 500;font-display:swap}
.sales-page.reference-page{--ink:#1f1e1c;--muted:#55514c;--cream:#faf8f4;--line:#e4ded6;--serif:'Source Serif 4',Georgia,serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;background:var(--cream);color:var(--ink);font:16px/1.65 var(--sans)}
.reference-page .wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}
.reference-page .demo-bar{background:#262522;color:#f1ece6;padding:9px 24px;font:600 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.reference-page .demo-bar span{color:inherit}
.reference-page .sales-header{height:auto;min-height:84px;border:0;gap:24px}
.reference-page .book-wordmark{font:500 14px/1.4 var(--serif);letter-spacing:.28em;color:#1f1e1c}
.reference-page .header nav{display:flex;gap:32px;margin-left:auto}
.reference-page .header nav a,.reference-page .header-link{font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.reference-page .sales-header .header-link{border-radius:2px;background:#b8312a;color:white;padding:12px 18px}
.reference-page .sales-header .header-link:hover,.reference-page .button-dark:hover{background:#8f2520;color:#fff}
.reference-page .eyebrow{display:flex;gap:14px;align-items:center;margin:0;color:#55514c;font:600 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.reference-page .eyebrow span{width:32px;height:1px;background:#b8312a;flex:none}
.reference-page .sales-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:56px 0 120px}
.reference-page .sales-hero-copy{max-width:none;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.reference-page .sales-hero h1{max-width:none;margin:0;font:300 clamp(64px,7vw,120px)/.9 var(--serif);letter-spacing:-.035em;overflow-wrap:anywhere}
.reference-page .sales-hero h1 em{display:block;color:#b8312a;font-weight:300}
.reference-page .sales-hero-line{margin:0;max-width:440px;color:#3a3835;font:italic 400 clamp(22px,2vw,26px)/1.3 var(--serif)}
.reference-page .sales-hero-description{margin:0;max-width:420px;color:#55514c;font:400 16px/1.65 var(--sans)}
.reference-page .sales-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:4px 0 0}
.reference-page .button-dark{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:18px 28px;border:0;border-radius:2px;background:#b8312a;color:white;font:600 14px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.reference-page .hero-price{display:flex;flex-direction:column;gap:3px;color:#7a756e;font-size:13px;line-height:1.4}
.reference-page .hero-price strong{color:#1f1e1c;font:300 30px/1 var(--serif)}
.reference-page .hero-price .promo-hero{margin:0}
.reference-page .hero-price .promo-hero p{margin:0;color:#7a756e;font:13px/1.4 var(--sans)}
.reference-page .sales-art{position:relative;overflow:visible;justify-self:center;width:min(100%,480px);min-height:0;aspect-ratio:4/5;padding:0;background:#eee8e1 url('/carta-ereader-v2.jpg') center/100% 100% no-repeat}
.reference-page .sales-art .promo-image-badge{top:-20px;right:-20px;width:104px;height:104px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#b8312a;color:white;transform:rotate(-10deg);font:300 32px/1 var(--serif);box-shadow:0 14px 30px -12px #781e1480}
.reference-page .sales-panorama{position:relative;height:clamp(420px,65vh,760px);background:linear-gradient(180deg,transparent 35%,rgba(20,18,16,.72)),url('/carta-paesaggio-v1.jpg') center 40%/cover no-repeat}
.reference-page .sales-panorama .wrap{height:100%;display:flex;align-items:end;padding-bottom:64px}
.reference-page .sales-panorama p{max-width:820px;margin:0;color:#faf8f4;font:italic 300 clamp(30px,3.8vw,54px)/1.15 var(--serif);letter-spacing:-.015em}
.reference-page .sales-story{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;padding:140px 0;border:0}
.reference-page .sales-story .eyebrow{margin-bottom:20px}
.reference-page .sales-story h2,.reference-page .sales-faq h2{margin:0;max-width:600px;font:300 clamp(42px,5vw,72px)/1 var(--serif);letter-spacing:-.03em;overflow-wrap:normal}
.reference-page .sales-story h2 em,.reference-page .sales-faq h2 em{font-weight:300;color:#b8312a}
.reference-page .sales-story-copy{max-width:none;padding:40px 0 0;color:#3a3835}
.reference-page .sales-story-copy>p:first-child{margin:0;font:400 22px/1.55 var(--serif);color:#3a3835}
.reference-page .sales-story-copy>p:first-child::first-letter{float:left;padding:8px 12px 0 0;color:#b8312a;font:300 86px/.8 var(--serif)}
.reference-page .sales-audience-note{margin-top:28px;padding-top:24px;border-top:1px solid #e4ded6;color:#55514c;font:16px/1.6 var(--sans)}
.reference-page .sales-audience-note strong{color:#7a756e;font:600 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.reference-page .sales-themes{background:#f1ece6;padding:120px 0;color:#1f1e1c}
.reference-page .sales-themes .eyebrow{margin:0 0 48px}
.reference-page .sales-themes h2,.reference-page .sales-themes-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reference-page .sales-theme-grid{display:block;margin:0}
.reference-page .sales-theme-grid article{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;align-items:end;padding:36px 0;border-top:1px solid #d9d1c6}
.reference-page .sales-theme-grid article::before{content:none}
.reference-page .sales-theme-grid h3{margin:0;color:#1f1e1c;font:300 clamp(60px,7vw,120px)/.95 var(--serif);letter-spacing:-.04em;overflow-wrap:anywhere}
.reference-page .sales-theme-grid h3::after{content:'.';color:#b8312a}
.reference-page .sales-theme-grid p{max-width:440px;margin:0;padding-bottom:12px;color:#3a3835;font:18px/1.55 var(--sans)}
.reference-page .sales-offer{padding:128px 0;background:#262522;color:#faf8f4}
.reference-page .sales-offer-bar{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.reference-page .offer-visual{width:min(100%,460px);justify-self:center}
.reference-page .offer-visual figcaption{color:#b9b2a8}
.reference-page .offer-intro{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.reference-page .offer-intro .eyebrow{color:#b9b2a8}
.reference-page .sales-offer-bar .offer-intro h2{margin:0;color:#faf8f4;font:300 clamp(40px,4.6vw,64px)/1.02 var(--serif);letter-spacing:-.03em}
.reference-page .offer-intro h2 em{color:inherit;font-weight:300}
.reference-page .sales-offer-bar .offer-intro .offer-label{margin:0;color:#b9b2a8;font:600 11px/1.4 var(--sans);letter-spacing:.12em}
.reference-page .offer-price-line{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.reference-page .sales-offer-bar .offer-intro .offer-price{margin:0;color:#faf8f4;font:300 clamp(64px,7vw,104px)/.95 var(--serif);letter-spacing:-.03em}
.reference-page .offer-price-line .promo-offer{margin:0;color:#b9b2a8}
.reference-page .offer-price-line .promo-offer p{color:#b9b2a8;font:13px/1.5 var(--sans);max-width:200px}
.reference-page .offer-price-line .promo-badge{background:#b8312a;color:white}
.reference-page .format-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.reference-page .format-pills li{padding:6px 12px;border:1px solid #4a4743;border-radius:999px;color:#b9b2a8;background:transparent;font:600 11px/1.2 var(--sans);letter-spacing:.08em}
.sales-page.reference-page .format-pills li:first-child{border-color:#b8312a;background:transparent;color:#faf8f4}
.reference-page .sales-offer-bar .offer-intro .offer-detail,.reference-page .sales-offer-bar .offer-intro .payment-status{margin:0;color:#b9b2a8;font:14px/1.5 var(--sans)}
.reference-page .offer-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.reference-page .offer-controls .payment-icons{padding:6px 10px;border-radius:2px;background:#faf8f4}
.reference-page .sales-faq{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:140px 0}
.reference-page .sales-faq .eyebrow{margin-bottom:20px}
.reference-page .faq-list{border-bottom:1px solid #e4ded6}
.reference-page .faq-list details{border:0;border-top:1px solid #e4ded6}
.reference-page .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;color:#1f1e1c;font:400 22px/1.3 var(--serif);cursor:pointer;list-style:none}
.reference-page .faq-list summary::-webkit-details-marker{display:none}
.sales-page.reference-page .sales-faq details[open] summary{color:#1f1e1c}
.reference-page .faq-list summary span{color:#b8312a;font:300 0/1 var(--sans)}
.reference-page .faq-list summary span::after{content:'+';font-size:26px}
.reference-page .faq-list details[open] summary span{transform:none}
.reference-page .faq-list details[open] summary span::after{content:'−'}
.reference-page .faq-list details p{margin:0;padding:0 48px 28px 0;color:#55514c;font:16px/1.65 var(--sans)}
.reference-page .footer{min-height:0;padding:40px 0;border-top:1px solid #e4ded6}
.reference-page .footer p{color:#7a756e;font:italic 16px/1.4 var(--serif)}
.reference-page .footer>a:last-child{font:600 11px/1.4 var(--sans);letter-spacing:.14em}
@media(max-width:850px){
  .reference-page .wrap{width:calc(100% - 48px)}
  .reference-page .header nav{display:flex;gap:18px}
  .reference-page .sales-hero{grid-template-columns:1fr;gap:45px;padding:50px 0 80px}
  .reference-page .sales-art{width:min(100% - 28px,480px)}
  .reference-page .sales-story,.reference-page .sales-faq{grid-template-columns:1fr;gap:32px;padding:80px 0}
  .reference-page .sales-story-copy{padding-top:0}
  .reference-page .sales-themes{padding:80px 0}
  .reference-page .sales-offer{padding:80px 0}
  .reference-page .sales-offer-bar{grid-template-columns:1fr;gap:48px}
}
@media(max-width:560px){
  .reference-page .wrap{width:calc(100% - 40px)}
  .reference-page .sales-header{flex-wrap:wrap;padding:20px 0;gap:15px}
  .reference-page .header nav{order:3;width:100%;margin:0}
  .reference-page .header-link{margin-left:auto}
  .reference-page .sales-hero h1{font-size:clamp(52px,12vw,72px);overflow-wrap:anywhere}
  .reference-page .sales-hero-copy{gap:24px}
  .reference-page .sales-actions{align-items:flex-start;flex-direction:column}
  .reference-page .sales-panorama{height:420px}
  .reference-page .sales-panorama .wrap{padding-bottom:36px}
  .reference-page .sales-theme-grid article{grid-template-columns:1fr;gap:15px;padding:30px 0}
  .reference-page .sales-theme-grid h3{font-size:clamp(52px,12vw,78px)}
  .reference-page .sales-theme-grid p{padding:0}
  .reference-page .sales-art .promo-image-badge{width:80px;height:80px;right:-12px;top:-12px;font-size:26px}
  .reference-page .footer{align-items:flex-start;flex-direction:column}
}