/* palette: sapphire-amber */
:root {
  --primary-color: #0A2B5C;
  --secondary-color: #1A3E80;
  --accent-color: #E8A020;
  --background-color: #F0F6FF;
  --dark-color: #111111;
  --text-color: #2A2A2A;
  --border-color: rgba(0,0,0,0.12);
  --shadow-md: 0 12px 40px rgba(0,0,0,0.12);
  --shadow-lg: 0 30px 80px rgba(0,0,0,0.22);
  --radius-sm: 8px; --radius-md: 16px; --radius-lg: 28px;
  --main-font: 'Nunito', serif;
  --alt-font: 'Noto Sans', sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--alt-font),sans-serif;background:#FDFAF5;color:#2C2416;overflow-x:hidden;font-size:clamp(19px,2vw,23px);line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit}
.container{max-width:1240px;margin:0 auto}

h1,h2,h3{font-family:var(--main-font),serif;color:var(--primary-color);margin:0 0 32px}
h1{font-size:clamp(44px,7.5vw,96px);font-weight:700;line-height:1.02}
h2{font-size:clamp(34px,5.5vw,64px);font-weight:700;line-height:1.08}
h3{font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.2}
p,li{font-size:clamp(19px,2vw,23px);line-height:1.65}
p{margin:0 0 24px}
.lead{font-size:clamp(22px,2.6vw,30px);line-height:1.5}
.kicker{font-size:14px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent-color);font-weight:700;margin-bottom:24px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:60px;font-size:clamp(18px,2vw,21px);font-weight:600;padding:20px 44px;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s;border-radius:12px}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--accent-color);color:#0A2B5C}

.no-photo{background:#F6EFE3;color:#2C2416}
.no-photo .lead,.no-photo p{color:#4A3D2E}

/* hero */
.hero{min-height:83vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:88px 20px;background:radial-gradient(circle at 50% 30%,rgba(232,160,32,0.15),#FDFAF5 70%)}
.hero-inner{display:flex;flex-direction:column;align-items:center}
.hero-cover{width:100%;max-width:300px;height:auto;margin-bottom:40px;box-shadow:var(--shadow-lg)}
.hero .author{font-weight:600;letter-spacing:0.05em;margin-bottom:40px}
@media(min-width:900px){
  .hero{padding:160px 32px}
  .hero-cover{max-width:400px}
}

/* split blocks */
section:nth-of-type(even):not(.no-photo){background:#F6EFE3}
.split{padding:88px 20px}
.split-grid{display:grid;gap:48px;align-items:center}
.split-media img{display:block;width:100%;height:auto;aspect-ratio:5/6;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform .6s}
.split-media:hover img{transform:scale(1.02)}
.split-text{max-width:560px}
@media(min-width:900px){
  .split{padding:160px 32px}
  .split-grid{grid-template-columns:1.1fr 1fr;gap:120px}
  .split--reverse .split-grid{grid-template-columns:1fr 1.1fr}
  .split--reverse .split-media{order:2}
}

.checks{list-style:none;padding:0;margin:0 0 48px}
.checks li{position:relative;padding-left:40px;margin-bottom:16px}
.checks li::before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:700}

.chapters{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}
.chapters > div{display:flex;gap:20px;align-items:baseline}
.chapters .num{font-size:clamp(28px,3vw,40px);color:var(--accent-color);font-weight:700;min-width:64px}
.chapters p{margin:0}

/* offer */
.section-offer{min-height:80vh;display:flex;align-items:center;padding:88px 20px;background:#FDFAF5}
.offer-grid{display:grid;gap:48px;align-items:center}
.offer-cover{width:100%;max-width:420px;height:auto;justify-self:center;box-shadow:var(--shadow-lg);border-radius:var(--radius-md)}
@media(min-width:900px){
  .section-offer{padding:160px 32px}
  .offer-grid{grid-template-columns:1fr 1fr;gap:120px}
}

/* faq */
.faq{padding:88px 20px;background:#F6EFE3}
.faq-inner{display:grid;gap:24px}
.faq-item{margin-bottom:32px}
.faq-item p{margin:0}
@media(min-width:900px){
  .faq{padding:160px 32px}
  .faq-inner{grid-template-columns:1fr 1fr;column-gap:120px}
  .faq-inner > .kicker,.faq-inner > h2{grid-column:1 / -1}
}

/* order form */
.order{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:88px 20px;background:#FDFAF5}
.order-inner{width:100%;max-width:560px;text-align:center}
.order-form{display:flex;flex-direction:column;gap:16px;text-align:left}
.order-form label{font-weight:600}
.order-form input{width:100%;min-height:60px;font-size:clamp(18px,2vw,21px);padding:14px 18px;border:1px solid var(--border-color);border-radius:12px;font-family:inherit}
.order-form .btn{width:100%;margin-top:16px}
.form-note{font-size:16px;margin-top:24px}
@media(min-width:900px){ .order{padding:160px 32px} }

/* footer */
.site-footer{background:var(--primary-color);color:#F2ECDF;padding:64px 20px;text-align:center}
.site-footer p,.site-footer a{color:#F2ECDF;font-size:16px}
.footer-nav{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.footer-nav a{text-decoration:none}
@media(min-width:900px){ .footer-nav{flex-direction:row;justify-content:center;gap:40px} }

/* legal + thanks */
.legal-page{background:#FDFAF5;color:#2C2416}
.legal-page main{max-width:760px;margin:0 auto;padding:72px 20px 96px}
.legal-page h1{font-size:clamp(40px,6vw,64px);margin-bottom:16px}
.legal-page h2{font-size:clamp(26px,3vw,36px);margin:48px 0 16px}
.legal-page p,.legal-page li{font-size:clamp(17px,1.8vw,19px)}
.legal-page ul{padding-left:24px;margin:0 0 24px}
.legal-meta{color:#6B5D4A;font-size:16px}

.thanks{background:#FDFAF5;color:#2C2416;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;padding:40px 20px}
.thanks h1{font-size:clamp(32px,5vw,48px);margin-bottom:16px}

/* reveal */
@keyframes reveal-up{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.reveal{animation:reveal-up linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
/* onepage3: гарантовані правила .legal-page/.thanks (програмний допис) */
.legal-page{background:#FDFAF5;color:#2C2416}
.thanks{background:#FDFAF5;color:#2C2416}
.legal-page main{max-width:760px;margin:0 auto;padding:72px 20px 96px}
.legal-page h1{font-size:clamp(40px,6vw,64px);margin-bottom:16px}
.legal-page h2{font-size:clamp(26px,3vw,36px);margin:48px 0 16px}
.legal-page p,.legal-page li{font-size:clamp(17px,1.8vw,19px)}
.legal-page ul{padding-left:24px;margin:0 0 24px}
.thanks{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;padding:40px 20px}
.thanks h1{font-size:clamp(32px,5vw,48px);margin-bottom:16px}
.legal-page main>a:first-child{display:inline-block;color:inherit;text-decoration:underline;margin-bottom:32px}
.legal-page main>a:first-child::before{content:"\2190  "}