/* 01 / TYPE, COLORS, BASE */
@font-face {
  font-family:Inter;
  src:url('inter-latin.woff2') format('woff2');
  font-display:swap
}

@font-face {
  font-family:Inter;
  src:url('inter-latin-ext.woff2') format('woff2');
  font-display:swap;
  unicode-range:U+0100-024F,U+1E00-1EFF
}

@font-face {
  font-family:Playfair;
  src:url('playfair-latin.woff2') format('woff2');
  font-display:swap
}

@font-face {
  font-family:Playfair;
  src:url('playfair-latin-ext.woff2') format('woff2');
  font-display:swap;
  unicode-range:U+0100-024F,U+1E00-1EFF
}

:root {
  --ink:#14243c;
  --navy:#0b1e35;
  --navy2:#183451;
  --gold:#ba8741;
  --gold2:#f2d79c;
  --cream:#f9f5ed;
  --paper:#fffdf9;
  --muted:#536278;
  --line:#e9ddc8;
  --green:#6d8666
}

* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:84px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:16px/1.65 Inter,Arial,sans-serif
}
h1,h2,h3,h4,p,figure {
  margin:0
}
h1,h2,h3,h4 {
  line-height:1.18
}
h2 {
  font-size:clamp(2rem,3.5vw,3.25rem);
  letter-spacing:-.04em;
  font-weight:800
}
a {
  color:inherit
}
img {
  max-width:100%;
  height:auto;
  display:block
}
.shell {
  width:min(100% - 48px,1120px);
  margin-inline:auto
}
.section {
  padding:105px 0
}
.overline {
  display:block;
  text-transform:uppercase;
  letter-spacing:.17em;
  color:#a46d28;
  font-size:.72rem;
  font-weight:800;
  margin-bottom:15px
}
.overline.light {
  color:#e6c589
}
.gold-text {
  color:#bd8a43
}
.section-heading {
  max-width:740px;
  text-align:center;
  margin:0 auto 42px
}
.section-heading p {
  font-size:1rem;
  color:var(--muted);
  margin-top:15px
}
.preview-note {
  font-size:.78rem;
  line-height:1.5;
  color:var(--muted);
  max-width:800px;
  text-align:center;
  margin:26px auto 0
}
.btn {
  appearance:none;
  text-decoration:none;
  border:0;
  border-radius:11px;
  min-height:56px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:14px 26px;
  font:800 .94rem Inter,Arial,sans-serif;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s,background .2s
}
.btn:hover {
  transform:translateY(-2px);
  box-shadow:0 14px 28px #152e4333
}
.btn-gold {
  background:linear-gradient(125deg,#f0cf8b,#c19145);
  color:#132940;
  box-shadow:0 10px 24px #b780373a
}
.btn-outline {
  color:var(--navy);
  background:transparent;
  border:2px solid #182f4a
}
.quiet-link,.inline-link {
  font-weight:750;
  text-decoration:none;
  color:var(--navy)
}
.quiet-link:hover,.inline-link:hover {
  color:var(--gold)
}


/* 02 / HEADER */
.header {
  position:sticky;
  top:0;
  z-index:30;
  background:#fffdf9f5;
  border-bottom:1px solid #e8decc;
  backdrop-filter:blur(16px)
}
.header-inner {
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px
}
.brand {
  display:inline-flex;
  gap:10px;
  align-items:center;
  font:700 1.23rem Playfair,Georgia,serif;
  text-decoration:none;
  color:var(--navy);
  white-space:nowrap
}
.brand-symbol {
  color:var(--gold);
  font:1.35rem Inter,Arial,sans-serif
}
.nav {
  display:flex;
  gap:32px
}
.nav a {
  text-decoration:none;
  font-size:.82rem;
  font-weight:700
}
.nav a:hover {
  color:var(--gold)
}
.language {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.76rem;
  color:var(--muted)
}
.language select {
  background:#fff;
  border:1px solid var(--line);
  border-radius:9px;
  color:var(--ink);
  font:600 .8rem Inter,Arial,sans-serif;
  padding:9px 11px;
  cursor:pointer
}


/* 03 / HERO */
.hero {
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse 60% 42% at 50% 56%,#f4e5c6 0,transparent 90%),linear-gradient(180deg,#fffefa 0,#faf6ee 85%,#f7f2e9 100%)
}
.hero:before,.hero:after {
  content:"";
  position:absolute;
  width:460px;
  height:460px;
  border:1px solid #d5b67a36;
  border-radius:50%;
  top:170px;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none
}
.hero:after {
  width:620px;
  height:620px;
  top:90px
}
.hero-inner {
  position:relative;
  text-align:center;
  padding:69px 0 71px
}
.pill {
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid #e5c989;
  background:#fff9ed;
  color:#75511f;
  font-size:.72rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  font-weight:800;
  border-radius:40px;
  padding:8px 16px
}
.pill span:first-child {
  color:var(--gold);
  font-size:1rem
}
.hero h1 {
  font-size:clamp(2.45rem,5vw,4.6rem);
  line-height:1.1;
  letter-spacing:-.052em;
  max-width:1010px;
  margin:24px auto 19px;
  font-weight:850
}
.hero-lead {
  max-width:735px;
  margin:auto;
  color:#516074;
  font-size:1.03rem;
  line-height:1.7
}
.hero-stage {
  position:relative;
  margin:38px auto 0;
  height:490px;
  max-width:1020px
}
.hero-stage:before {
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:0;
  height:43px;
  background:#13294342;
  filter:blur(26px);
  border-radius:50%
}
.hero-cover {
  position:absolute;
  z-index:3;
  left:50%;
  top:16px;
  transform:translateX(-50%);
  width:min(70%,650px);
  border-radius:14px;
  border:8px solid #fffdf6;
  box-shadow:0 22px 56px #0d253742,0 0 0 1px #b18b4a66
}
.hero-page {
  position:absolute;
  top:58px;
  width:40%;
  border:6px solid white;
  border-radius:13px;
  box-shadow:0 17px 35px #23374538
}
.hero-page.left {
  left:4%;
  transform:rotate(-8deg)
}
.hero-page.right {
  right:4%;
  transform:rotate(8deg)
}
.hero-actions {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  margin:12px auto 0
}
.hero-fine {
  font-size:.76rem;
  color:#697589;
  margin-top:17px
}


/* 04 / INTRO BAND */
.overview {
  background:#f6f1e7;
  padding:78px 0 72px
}
.overview-inner {
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:90px;
  align-items:end
}
.overview h2 {
  max-width:530px
}
.overview-inner>p {
  color:#4d5c70;
  font-size:1rem;
  line-height:1.8;
  padding-bottom:5px
}
.pillars {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:52px;
  border-top:1px solid #d8c9ac
}
.pillars>div {
  padding:28px 34px 0 0
}
.pillars>div+div {
  border-left:1px solid #d8c9ac;
  padding-left:34px
}
.pillars span {
  font-size:.74rem;
  font-weight:800;
  color:#ac7c37
}
.pillars h3 {
  font-size:1.11rem;
  margin:8px 0
}
.pillars p {
  font-size:.82rem;
  color:var(--muted);
  line-height:1.6
}


/* 05 / VISUAL PREVIEWS */
.previews {
  background:#fffdf9
}
.preview-feature {
  display:grid;
  grid-template-columns:1.55fr .7fr;
  background:#f7f1e5;
  border:1px solid #eadac0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 16px 44px #14243c12
}
.feature-image {
  padding:22px;
  display:flex;
  align-items:center
}
.feature-image img {
  border-radius:8px;
  box-shadow:0 12px 27px #10233a2a;
  width:100%
}
.feature-explain {
  padding:35px 33px;
  background:#102a47;
  color:white;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.feature-explain .number-label {
  font-size:.69rem;
  letter-spacing:.12em;
  font-weight:800;
  color:#e4be79
}
.feature-explain h3 {
  font-size:1.16rem;
  margin:6px 0
}
.feature-explain p {
  font-size:.8rem;
  color:#ccdae6
}
.feature-explain hr {
  width:100%;
  border:0;
  border-top:1px solid #ffffff30;
  margin:20px 0
}
.preview-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:25px
}
.preview-grid figure {
  background:white;
  border:1px solid var(--line);
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 15px 40px #152b4010
}
.preview-grid img {
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover
}
.preview-grid figcaption {
  padding:15px 20px;
  font-size:.82rem;
  font-weight:700;
  color:#1c3550
}


/* 06 / SOURCE BAND */
.source {
  background:radial-gradient(circle at 20% 0,#264865 0,transparent 45%),var(--navy);
  color:#e4ecf4;
  padding:71px 0
}
.source-inner {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:90px;
  align-items:center
}
.source h2 {
  color:white;
  font-size:clamp(2rem,3vw,2.8rem)
}
.source p {
  font-size:.94rem;
  color:#d5dfeb;
  line-height:1.85;
  border-left:2px solid #c69e5b;
  padding-left:25px
}


/* 07 / MAIN PRODUCT AND BONUSES */
.materials {
  background:#fbf8f1
}
.core-card {
  display:grid;
  grid-template-columns:1fr .86fr;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  box-shadow:0 20px 55px #172b3c16;
  border:1px solid var(--line)
}
.core-image {
  background:radial-gradient(circle,#f5e6bb,#dec68e);
  padding:35px;
  display:flex;
  align-items:center;
  justify-content:center
}
.core-image img {
  width:min(100%,520px);
  border:6px solid white;
  border-radius:8px;
  box-shadow:0 17px 35px #172b3b3d
}
.core-copy {
  padding:55px 50px;
  align-self:center
}
.tag {
  display:inline-flex;
  border:1px solid #cfaa62;
  color:#795423;
  border-radius:30px;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.09em;
  padding:6px 13px;
  font-size:.65rem
}
.core-copy h3 {
  font-size:clamp(1.75rem,2.7vw,2.6rem);
  margin:18px 0 13px;
  letter-spacing:-.035em
}
.core-copy>p {
  color:var(--muted)
}
.check-list {
  list-style:none;
  padding:0;
  margin:21px 0 25px
}
.check-list li {
  position:relative;
  padding-left:25px;
  margin:0 0 12px;
  color:inherit
}
.check-list li:before {
  content:'✓';
  position:absolute;
  left:0;
  color:var(--green);
  font-weight:900
}
.inline-link {
  color:#9d6b2d
}
.bonus-heading {
  text-align:center;
  margin:80px auto 32px
}
.bonus-heading h3 {
  font-size:clamp(1.7rem,2.7vw,2.5rem);
  letter-spacing:-.03em
}
.bonus-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:23px
}
.bonus-card {
  display:grid;
  grid-template-columns:200px 1fr;
  min-height:405px;
  background:white;
  border:1px solid var(--line);
  border-radius:17px;
  overflow:hidden;
  box-shadow:0 12px 33px #152f4a12
}
.bonus-art {
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 50% 30%,#355772,#10243b);
  padding:20px
}
.bonus-art img {
  max-height:355px;
  width:auto;
  box-shadow:0 18px 30px #0005;
  border-radius:3px
}
.bonus-copy {
  padding:28px 25px
}
.bonus-number {
  font-size:.77rem;
  color:var(--gold);
  font-weight:800;
  letter-spacing:.1em
}
.bonus-copy h4 {
  font-size:1.22rem;
  margin:9px 0
}
.bonus-copy p,.bonus-copy li {
  font-size:.78rem;
  color:var(--muted);
  line-height:1.6
}
.bonus-copy .check-list {
  margin:17px 0 0
}
.bonus-copy .check-list li {
  margin-bottom:8px
}
.bonus-minis {
  display:flex;
  gap:9px;
  margin-top:16px
}
.bonus-minis img {
  width:45%;
  border-radius:4px;
  border:1px solid var(--line)
}


/* 08 / BENEFITS */
.benefits {
  background:white;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}
.benefits-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr)
}
.benefits-grid>div {
  padding:35px 25px 35px 0
}
.benefits-grid>div+div {
  border-left:1px solid var(--line);
  padding-left:28px
}
.benefits span {
  display:block;
  color:var(--gold);
  font-weight:800;
  font-size:.7rem;
  margin-bottom:6px
}
.benefits h3 {
  font-size:1rem
}
.benefits p {
  font-size:.78rem;
  color:var(--muted);
  margin-top:8px
}


/* 09 / PRICE CARDS */
.pricing {
  background:#f7f2e9
}
.plans-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
  align-items:stretch
}
.plan {
  display:flex;
  flex-direction:column;
  background:white;
  border:1px solid #dfd0b7;
  border-radius:18px;
  padding:31px 25px 25px;
  box-shadow:0 14px 32px #12253e10
}
.plan.featured {
  background:linear-gradient(160deg,#183955,#0c2039 80%);
  border-color:#b88b4b;
  color:#f7f9fc;
  transform:translateY(-8px);
  box-shadow:0 22px 47px #0d274544
}
.plan-type {
  align-self:flex-start;
  color:#9f702d;
  background:#f7ecd7;
  border-radius:30px;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-size:.65rem;
  font-weight:800;
  padding:6px 12px
}
.featured .plan-type {
  color:#f4d28e;
  background:#f4d28e1f
}
.plan h3 {
  font-size:1.65rem;
  margin:20px 0 8px;
  letter-spacing:-.03em
}
.plan-desc {
  font-size:.82rem;
  min-height:48px;
  color:var(--muted)
}
.featured .plan-desc,.featured .billing,.featured .plan-fine,.featured .check-list li {
  color:#d0dce7
}
.price-row {
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:17px
}
.price-row strong {
  font-size:2.85rem;
  line-height:1;
  font-weight:850;
  letter-spacing:-.055em
}
.price-row small {
  font-size:.78rem;
  color:var(--muted)
}
.featured .price-row small {
  color:#ebcf9d
}
.billing {
  font-size:.74rem;
  font-weight:700;
  min-height:50px;
  color:#766248;
  margin-top:9px
}
.plan-rule {
  height:1px;
  background:var(--line);
  margin:10px 0
}
.featured .plan-rule {
  background:#ffffff30
}
.plan .check-list {
  flex:1;
  font-size:.8rem;
  margin:20px 0 22px
}
.plan .check-list li {
  margin-bottom:13px
}
.featured .check-list li:before {
  color:#e7c47f
}
.plan .btn {
  width:100%;
  font-size:.84rem
}
.plan.featured .btn-gold {
  box-shadow:none
}
.plan-fine {
  font-size:.68rem;
  color:var(--muted);
  line-height:1.5;
  margin-top:13px;
  min-height:53px
}


/* 10 / GUARANTEE, FAQ, CLOSING */
.guarantee {
  background:#fffaf0;
  padding:84px 0;
  border-top:1px solid #ead8b7;
  border-bottom:1px solid #ead8b7
}
.guarantee-inner {
  display:grid;
  grid-template-columns:200px 1fr;
  gap:75px;
  align-items:center
}
.guarantee-badge {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:190px;
  height:190px;
  border-radius:50%;
  border:2px solid #c9a15e;
  box-shadow:inset 0 0 0 9px #fffaf0,inset 0 0 0 10px #dfc18c;
  background:#f8ebd1;
  color:var(--navy)
}
.guarantee-badge strong {
  font:700 5rem/1 Playfair,Georgia,serif
}
.guarantee-badge span {
  font-size:.7rem;
  letter-spacing:.18em;
  font-weight:800;
  color:#9f6d2b
}
.guarantee h2 {
  margin-bottom:14px
}
.guarantee p {
  color:var(--muted);
  max-width:700px
}
.guarantee a {
  display:inline-block;
  margin-top:18px;
  font-weight:800;
  color:#946225;
  text-decoration:none
}
.faq {
  background:white
}
.faq-inner {
  max-width:860px
}
.faq-list details {
  background:#fff;
  border-bottom:1px solid #d9d3c8
}
.faq-list details:first-child {
  border-top:1px solid #d9d3c8
}
.faq-list summary {
  cursor:pointer;
  list-style:none;
  padding:21px 35px 21px 2px;
  font-size:.94rem;
  font-weight:750;
  position:relative
}
.faq-list summary::-webkit-details-marker {
  display:none
}
.faq-list summary:after {
  content:'+';
  position:absolute;
  right:5px;
  color:var(--gold);
  font-size:1.3rem;
  top:15px
}
.faq-list details[open] summary:after {
  content:'−'
}
.faq-list p {
  padding:0 50px 20px 2px;
  color:var(--muted);
  font-size:.87rem
}
.closing {
  text-align:center;
  padding:82px 0;
  background:radial-gradient(circle at 50% -30%,#31506e,#0c2139 65%);
  color:white
}
.closing h2 {
  max-width:750px;
  margin:auto;
  color:white
}
.closing p {
  color:#c6d4df;
  margin:17px auto 26px
}
.closing .btn {
  min-width:230px
}


/* 11 / FOOTER */
.footer {
  background:#08192d;
  color:#d4dfeb;
  padding:56px 0 25px
}
.footer-grid {
  display:grid;
  grid-template-columns:1.8fr 1fr 1fr;
  gap:70px
}
.footer .brand {
  color:white
}
.footer h3 {
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#dfbd82;
  margin:5px 0 15px
}
.footer p {
  font-size:.78rem;
  color:#aebed0;
  line-height:1.7;
  margin-top:15px;
  max-width:420px
}
.footer a:not(.brand) {
  display:block;
  text-decoration:none;
  font-size:.79rem;
  margin-bottom:10px;
  color:#d4dfeb
}
.footer a:hover {
  color:#f0cc8c
}
.footer-bottom {
  margin-top:46px;
  padding-top:22px;
  border-top:1px solid #ffffff24;
  color:#a4b5c6;
  font-size:.74rem
}
.toast {
  position:fixed;
  bottom:25px;
  left:50%;
  transform:translateX(-50%);
  z-index:100;
  background:#142c45;
  color:white;
  padding:16px 23px;
  border:1px solid #c6a36a;
  border-radius:10px;
  box-shadow:0 15px 35px #0005;
  max-width:min(90vw,480px);
  font-size:.86rem
}


/* 12 / LEGAL PAGES SHARED WITH THE LANDING PAGE */
.wrap {
  width:min(100% - 48px,1120px);
  margin-inline:auto
}
.legal-main {
  min-height:55vh
}
.legal-head {
  background:var(--cream);
  padding:62px 0 45px
}
.legal-head h1 {
  font-size:clamp(2.4rem,4vw,3.8rem);
  line-height:1.1;
  letter-spacing:-.04em;
  margin:17px 0 9px
}
.legal-head p {
  color:var(--muted)
}
.text-link {
  font-size:.8rem;
  color:#915e20;
  font-weight:800;
  text-decoration:none
}
.legal-content {
  max-width:810px;
  margin:auto;
  padding:55px 24px 85px
}
.legal-content section {
  margin-bottom:30px
}
.legal-content h2 {
  font-size:1.16rem;
  letter-spacing:0;
  margin-bottom:8px
}
.legal-content p {
  font-size:.9rem;
  color:#4e5d6f
}
.legal-content a {
  color:#8a5e24
}
.notice {
  background:#f8edda;
  border-left:4px solid var(--gold);
  padding:18px;
  border-radius:6px;
  margin:23px 0
}


/* 13 / TABLET AND MOBILE */
@media(max-width:1000px) {
  .bonus-card {
  grid-template-columns:165px 1fr
}
.bonus-copy {
  padding:22px 18px
}
.bonus-art img {
  max-height:315px
}
.hero-stage {
  height:460px
}
.hero-cover {
  width:65%
}
.hero-page {
  width:40%
}
.source-inner,.overview-inner {
  gap:40px
}
.core-copy {
  padding:35px
}
.plans-grid {
  gap:11px
}
.plan {
  padding:26px 20px
}

}

@media(max-width:780px) {
  .shell,.wrap {
  width:min(100% - 36px,1120px)
}
.nav {
  display:none
}
.hero-inner {
  padding:58px 0 65px
}
.hero-stage {
  height:400px
}
.hero-cover {
  width:70%
}
.hero-page {
  width:43%
}
.overview-inner,.source-inner,.core-card,.guarantee-inner {
  grid-template-columns:1fr;
  gap:27px
}
.overview-inner>p {
  max-width:650px
}
.source p {
  border-left:0;
  border-top:2px solid #c69e5b;
  padding:19px 0 0
}
.preview-feature {
  grid-template-columns:1fr
}
.feature-explain {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  padding:27px
}
.feature-explain hr {
  display:none
}
.feature-explain h3 {
  font-size:.95rem
}
.core-image img {
  width:min(100%,490px)
}
.bonus-grid {
  grid-template-columns:1fr
}
.bonus-card {
  grid-template-columns:230px 1fr;
  min-height:360px
}
.plans-grid {
  grid-template-columns:1fr;
  max-width:520px;
  margin:auto;
  gap:21px
}
.plan.featured {
  transform:none
}
.plan-desc,.billing,.plan-fine {
  min-height:0
}
.footer-grid {
  gap:25px
}

}

@media(max-width:580px) {
  .header-inner {
  height:66px
}
.brand {
  font-size:.98rem;
  gap:6px
}
.language label {
  display:none
}
.language select {
  max-width:109px;
  font-size:.73rem;
  padding:7px
}
.section {
  padding:72px 0
}
.hero h1 {
  font-size:clamp(2.45rem,10vw,3.55rem);
  letter-spacing:-.05em
}
.hero-lead {
  font-size:.9rem
}
.hero-stage {
  height:auto;
  margin:33px auto 0
}
.hero-cover {
  position:relative;
  left:auto;
  top:auto;
  transform:none;
  width:100%;
  max-width:510px;
  margin:auto;
  border-width:5px
}
.hero-page {
  display:none
}
.hero-actions {
  gap:15px;
  margin-top:26px
}
.hero-actions .btn {
  width:100%
}
.hero-fine {
  font-size:.68rem
}
.overview {
  padding:66px 0
}
.pillars {
  grid-template-columns:1fr;
  margin-top:31px
}
.pillars>div,.pillars>div+div {
  padding:15px 0;
  border-left:0;
  border-bottom:1px solid #dacbb3
}
.preview-feature {
  border-radius:12px
}
.feature-image {
  padding:11px
}
.feature-explain {
  grid-template-columns:1fr;
  gap:5px
}
.feature-explain h3 {
  margin:0
}
.feature-explain p {
  margin-bottom:14px
}
.preview-grid {
  grid-template-columns:1fr
}
.bonus-heading {
  margin-top:62px
}
.bonus-card {
  display:block
}
.bonus-art {
  padding:23px
}
.bonus-art img {
  max-height:320px
}
.bonus-copy {
  padding:26px
}
.benefits-grid {
  grid-template-columns:1fr
}
.benefits-grid>div,.benefits-grid>div+div {
  border-left:0;
  border-top:1px solid var(--line);
  padding:21px 0
}
.guarantee {
  padding:70px 0
}
.guarantee-inner {
  gap:25px
}
.guarantee-badge {
  width:140px;
  height:140px
}
.guarantee-badge strong {
  font-size:3.9rem
}
.footer-grid {
  grid-template-columns:1fr 1fr
}
.footer-grid>div:first-child {
  grid-column:1/-1
}
.closing {
  padding:70px 0
}

}


@media(max-width:400px) {
  .header-inner {
  gap:10px
}
.brand {
  min-width:0;
  font-size:.84rem
}
.brand span:last-child {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.language {
  flex-shrink:0
}
.language select {
  max-width:96px
}

}

/* Companion reading: a balanced second card and practical study path. */
.psalms-points{margin:17px 0 0}
.bonus-minis{align-items:start;margin-top:18px}
.bonus-minis figure{width:calc(50% - 5px);margin:0}
.bonus-minis img{width:100%;display:block;aspect-ratio:1.36;object-fit:cover;object-position:top}
.bonus-minis figcaption{font-size:.69rem;color:var(--muted);font-weight:700;letter-spacing:.02em;margin-top:7px}
.study-path{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,2fr);gap:24px;align-items:center;background:#f4eee3;border:1px solid #e6d8c2;border-radius:18px;margin-top:25px;padding:24px 28px}
.study-path h4{font-family:Georgia,serif;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.15;margin:7px 0 0;color:var(--navy)}
.study-path ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.study-path li{display:flex;gap:10px;padding:12px 14px;background:#fffdf8;border:1px solid #e8ddcc;border-radius:12px}
.study-path li>span{font-family:Georgia,serif;color:#a46b17;font-size:1.06rem;line-height:1.3}
.study-path strong{font-size:.82rem;color:var(--navy)}
.study-path p{font-size:.74rem;line-height:1.5;color:var(--muted);margin:4px 0 0}
@media(max-width:1000px){.study-path{grid-template-columns:1fr}.study-path ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.study-path{padding:22px}.study-path ol{grid-template-columns:1fr;gap:9px}}