.elementor-8411 .elementor-element.elementor-element-2f70d40{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e147aee *//* =========================================
   BUSINESS DRIFT
   PREMIUM BANGLA EBOOK
   COLD-PRESSED JUICE BRAND
========================================= */

:root {
  --ink: #25231f;
  --muted: #756f67;
  --cream: #faf7ef;
  --paper: #fffefa;

  --accent: #2f7654;
  --accent-dark: #20553d;

  --orange: #d97732;
  --yellow: #d7a83d;

  --soft: #eaf2eb;
  --soft-orange: #f8eee2;

  --line: #e4ded3;
  --white: #ffffff;

  --shadow:
    0 18px 45px rgba(38, 53, 43, .09);
}


/* =========================================
   BASE
========================================= */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #e6e1d8;
  color: var(--ink);
  font-family: "Hind Siliguri", sans-serif;
  font-size: 17px;
  line-height: 1.85;
}

.ebook {
  width: 100%;
  max-width: 980px;
  margin: auto;
  background: var(--paper);
}

.page {
  position: relative;
  min-height: 1120px;
  padding: 90px 85px;
  background: var(--paper);
  overflow: hidden;
  page-break-after: always;
}

.page:nth-child(even) {
  background: var(--cream);
}

h1,
h2,
h3 {
  font-weight: 700;
  line-height: 1.35;
}

h2 {
  margin: 15px 0 30px;
  font-size: 42px;
  letter-spacing: -1px;
}

h2 span {
  color: var(--accent);
}

h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

p {
  color: #514c45;
  margin-bottom: 20px;
}

.lead {
  color: #3f3b35;
  font-size: 22px;
  line-height: 1.9;
}

.eyebrow {
  display: inline-block;
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.section-number {
  position: absolute;
  top: 45px;
  right: 65px;
  color: #a59c91;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
}


/* =========================================
   COVER
========================================= */

.cover {
  min-height: 1120px;

  display: flex;
  align-items: center;

  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(47, 118, 84, .14),
      transparent 27%
    ),
    radial-gradient(
      circle at 10% 85%,
      rgba(217, 119, 50, .10),
      transparent 30%
    ),
    var(--cream) !important;

  padding: 100px 75px;
}

.cover-content {
  position: relative;
  z-index: 3;
  width: 67%;
}

.cover h1 {
  margin: 25px 0;
  font-size: 59px;
  line-height: 1.18;
  letter-spacing: -2px;
}

.cover h1 strong {
  display: block;
  color: var(--accent);
}

.cover-subtitle {
  max-width: 650px;
  font-size: 21px;
  line-height: 1.8;
}

.cover-badge {
  display: inline-block;

  margin-top: 20px;
  padding: 10px 20px;

  border: 1px solid #cbd8cc;
  border-radius: 40px;

  color: var(--accent-dark);
  background: rgba(255, 255, 255, .65);
}

.author {
  display: flex;
  flex-direction: column;

  gap: 5px;

  margin-top: 100px;

  font-weight: 600;
}

.author small {
  color: #8d867d;
  font-weight: 400;
}


/* =========================================
   COVER VISUAL
========================================= */

.juice-visual {
  position: absolute;

  right: 25px;
  top: 310px;

  width: 310px;
  height: 430px;
}

.juice-bottle {
  position: absolute;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 135px;
  height: 210px;

  border-radius: 35px 35px 45px 45px;

  background: rgba(255, 255, 255, .82);

  border: 1px solid rgba(47, 118, 84, .15);

  box-shadow: var(--shadow);

  font-size: 58px;
}

.juice-bottle::before {
  content: "";

  position: absolute;

  top: -24px;

  width: 55px;
  height: 30px;

  border-radius: 8px 8px 3px 3px;

  background: #c8bcae;
}

.bottle-one {
  top: 0;
  right: 15px;
}

.bottle-two {
  left: 10px;
  top: 145px;
}

.bottle-three {
  right: 50px;
  bottom: 0;
}


/* =========================================
   DECORATION
========================================= */

.cover-circle {
  position: absolute;

  border-radius: 50%;

  border: 1px solid rgba(47, 118, 84, .12);
}

.circle-one {
  width: 340px;
  height: 340px;

  right: -130px;
  top: -80px;
}

.circle-two {
  width: 220px;
  height: 220px;

  left: -110px;
  bottom: -70px;
}


/* =========================================
   COMMON BOX
========================================= */

.highlight-box {
  display: flex;
  gap: 20px;

  margin-top: 35px;
  padding: 30px;

  background: var(--soft);

  border-left: 5px solid var(--accent);

  border-radius: 0 15px 15px 0;
}

.highlight-icon {
  font-size: 32px;
}

.highlight-box h3 {
  color: var(--accent-dark);
}

.small-note {
  margin-top: 18px;

  color: #928a81;

  font-size: 13px;
  font-style: italic;
}


/* =========================================
   THREE GRID
========================================= */

.three-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 22px;

  margin-top: 45px;
}

.info-card {
  padding: 30px;

  background: white;

  border: 1px solid var(--line);
  border-radius: 18px;

  box-shadow:
    0 10px 25px rgba(0, 0, 0, .035);
}

.card-icon {
  margin-bottom: 15px;

  font-size: 35px;
}


/* =========================================
   PROBLEM
========================================= */

.problem-list {
  margin-top: 40px;
}

.problem {
  display: flex;

  gap: 25px;

  padding: 25px 0;

  border-bottom: 1px solid var(--line);
}

.problem > span {
  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;

  border-radius: 50%;

  background: var(--accent);

  color: white;

  font-weight: 700;
}

.problem p {
  margin-bottom: 0;
}


/* =========================================
   CHART
========================================= */

.opportunity-chart {
  margin-top: 45px;
  padding: 35px;

  background: white;

  border: 1px solid var(--line);
  border-radius: 20px;
}

.chart-title {
  margin-bottom: 30px;

  font-size: 20px;
  font-weight: 700;
}

.bar-row {
  display: grid;

  grid-template-columns: 150px 1fr;

  align-items: center;

  gap: 20px;

  margin: 20px 0;
}

.bar {
  height: 13px;

  overflow: hidden;

  border-radius: 30px;

  background: #e8e4dd;
}

.bar i {
  display: block;

  height: 100%;

  border-radius: inherit;

  background: var(--accent);
}


/* =========================================
   PERSONA
========================================= */

.persona-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 25px;

  margin-top: 40px;
}

.persona {
  padding: 35px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 20px;
}

.persona-number {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  margin-bottom: 18px;

  border-radius: 50%;

  background: var(--soft);

  color: var(--accent);

  font-weight: 700;
}

.persona strong {
  display: inline-block;

  margin-top: 10px;

  color: var(--accent);
}


/* =========================================
   PRODUCTS
========================================= */

.product-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 20px;

  margin-top: 40px;
}

.product-card {
  min-height: 190px;

  padding: 27px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 16px;
}

.product-card > span {
  color: var(--orange);

  font-size: 13px;
  font-weight: 700;
}

.product-card h3 {
  margin-top: 10px;
}

.product-card p {
  font-size: 15px;
}


/* =========================================
   STRATEGY
========================================= */

.strategy-box {
  display: grid;

  grid-template-columns:
    1fr 70px 1.3fr;

  align-items: center;

  gap: 20px;

  margin: 45px 0;
}

.strategy-old,
.strategy-new {
  padding: 35px;

  border-radius: 20px;
}

.strategy-old {
  background: #f0ede8;
}

.strategy-new {
  background: var(--soft);

  border: 2px solid #bdd0c1;
}

.strategy-old small,
.strategy-new small {
  color: #857b71;

  font-weight: 700;
}

.strategy-old h3,
.strategy-new h3 {
  margin-top: 12px;
}

.arrow {
  color: var(--accent);

  text-align: center;

  font-size: 35px;
}


/* =========================================
   FLOW
========================================= */

.step-flow {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 15px;

  margin-top: 45px;
}

.flow-step {
  padding: 25px 20px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.flow-step b {
  display: block;

  margin-bottom: 15px;

  color: var(--accent);

  font-size: 28px;
}

.flow-step p {
  font-size: 14px;
}


/* =========================================
   CHECK GRID
========================================= */

.check-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 15px;

  margin: 35px 0;
}

.check-grid div {
  padding: 18px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 12px;
}

.warning-box {
  padding: 25px;

  background: #f8eee2;

  border: 1px solid #e1c9ac;

  border-radius: 15px;

  color: #654d38;
}


/* =========================================
   TRANSPARENCY
========================================= */

.transparency-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  margin-top: 40px;
}

.transparency-grid > div {
  padding: 30px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}


/* =========================================
   PACKAGING
========================================= */

.packaging-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 22px;

  margin-top: 45px;
}

.packaging-grid > div {
  padding: 30px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 20px;
}

.packaging-grid ul {
  padding-left: 22px;
}

.packaging-grid li {
  margin: 7px 0;
}


/* =========================================
   BRAND
========================================= */

.brand-pillars {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 18px;

  margin-top: 45px;
}

.pillar {
  padding: 28px 20px;

  text-align: center;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.pillar > div {
  margin-bottom: 15px;

  font-size: 35px;
}

.pillar p {
  font-size: 14px;
}


/* =========================================
   COST TABLE
========================================= */

.cost-table {
  margin-top: 40px;

  overflow: hidden;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.cost-table > div {
  display: flex;

  justify-content: space-between;

  padding: 18px 25px;

  border-bottom: 1px solid var(--line);
}

.cost-table .total {
  background: var(--soft);

  font-weight: 700;
}

.cost-table .selling {
  background: #edf2eb;

  font-weight: 700;
}

.profit-card {
  margin-top: 30px;

  padding: 35px;

  background: var(--accent);

  color: white;

  border-radius: 20px;
}

.profit-card small {
  display: block;

  opacity: .8;
}

.profit-card strong {
  display: block;

  margin: 5px 0;

  font-size: 48px;
}

.profit-card p {
  color: white;

  opacity: .9;
}


/* =========================================
   PRICING
========================================= */

.pricing-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 20px;

  margin-top: 45px;
}

.pricing-grid > div {
  padding: 30px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.pricing-grid span {
  color: var(--accent);

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 1px;
}


/* =========================================
   BUNDLE
========================================= */

.bundle-card {
  max-width: 550px;

  margin: 45px auto;

  padding: 40px;

  text-align: center;

  background: var(--soft);

  border: 2px solid #bfd2c2;

  border-radius: 25px;
}

.bundle-card > span {
  color: var(--accent);

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 2px;
}

.bundle-card h3 {
  margin: 12px 0 25px;

  font-size: 30px;
}

.bundle-items {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 10px;
}

.bundle-items div {
  padding: 10px;

  background: white;

  border-radius: 8px;
}

.bundle-price {
  display: block;

  margin-top: 25px;

  color: var(--accent-dark);

  font-size: 24px;
}


/* =========================================
   MARKETING
========================================= */

.marketing-card {
  display: grid;

  grid-template-columns:
    1fr 60px 1.3fr;

  align-items: center;

  gap: 15px;

  margin: 40px 0;
}

.bad-ad,
.good-ad {
  padding: 30px;

  border-radius: 18px;
}

.bad-ad {
  background: #eeeae4;
}

.good-ad {
  background: var(--soft);

  border: 1px solid #c8d9cb;
}

.bad-ad small,
.good-ad small {
  color: #887f75;
}

.marketing-arrow {
  color: var(--accent);

  text-align: center;

  font-size: 30px;
}

.content-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 14px;

  margin-top: 20px;
}

.content-grid div {
  padding: 16px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 12px;
}


/* =========================================
   FUNNEL
========================================= */

.funnel {
  margin-top: 45px;
}

.funnel-row {
  display: flex;

  align-items: center;

  gap: 20px;

  margin: 12px auto;

  padding: 20px 25px;

  border-radius: 14px;
}

.funnel-row strong {
  flex-shrink: 0;

  width: 110px;

  color: var(--accent-dark);
}

.funnel-row.one {
  width: 100%;

  background: #edf3ed;
}

.funnel-row.two {
  width: 90%;

  background: #e5eee6;
}

.funnel-row.three {
  width: 80%;

  background: #dce9df;
}

.funnel-row.four {
  width: 70%;

  background: #d2e4d6;
}

.funnel-row.five {
  width: 60%;

  background: #c5ddca;
}


/* =========================================
   CTA
========================================= */

.cta {
  min-height: 600px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  background:
    radial-gradient(
      circle at 50% 40%,
      rgba(47, 118, 84, .14),
      transparent 42%
    ),
    var(--cream) !important;
}

.cta-icon {
  margin-bottom: 20px;

  font-size: 60px;
}

.cta h2 {
  max-width: 700px;
}

.cta p {
  max-width: 600px;
}

.cta-button {
  display: inline-block;

  margin-top: 15px;

  padding: 14px 38px;

  border-radius: 50px;

  background: var(--accent);

  color: white;

  text-decoration: none;

  font-weight: 700;

  transition: .3s ease;
}

.cta-button:hover {
  background: var(--accent-dark);

  transform: translateY(-2px);
}

.cta-button.large {
  padding: 18px 55px;

  font-size: 20px;
}

.cta.compact {
  min-height: 620px;
}


/* =========================================
   CHANNEL
========================================= */

.channel-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 20px;

  margin-top: 45px;
}

.channel-grid > div {
  padding: 28px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.channel-grid span {
  color: var(--orange);

  font-weight: 700;
}


/* =========================================
   SUBSCRIPTION
========================================= */

.subscription {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 20px;

  margin: 45px 0;
}

.subscription > div {
  padding: 35px 20px;

  text-align: center;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.subscription strong,
.subscription span {
  display: block;
}

.subscription strong {
  color: var(--accent);

  font-size: 22px;
}

.subscription span {
  margin-top: 10px;
}


/* =========================================
   TRUST
========================================= */

.trust-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  margin-top: 40px;
}

.trust-grid > div {
  padding: 30px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.trust-grid b {
  color: var(--accent);

  font-size: 28px;
}


/* =========================================
   OPERATIONS
========================================= */

.operation-flow {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 9px;

  margin: 45px 0;
}

.operation-flow div {
  padding: 12px 15px;

  background: var(--soft);

  border-radius: 10px;

  font-size: 14px;

  font-weight: 600;
}

.operation-flow i {
  color: var(--accent);

  font-style: normal;
}


/* =========================================
   EQUIPMENT
========================================= */

.equipment-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 15px;

  margin: 40px 0;
}

.equipment-grid div {
  padding: 18px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 12px;
}

.tip-box {
  padding: 25px;

  background: #edf2ec;

  border-radius: 16px;
}


/* =========================================
   ROADMAP
========================================= */

.roadmap {
  margin-top: 45px;

  padding-left: 35px;

  border-left: 3px solid var(--accent);
}

.road {
  position: relative;

  padding: 10px 0 30px;
}

.road::before {
  content: "";

  position: absolute;

  top: 17px;
  left: -43px;

  width: 13px;
  height: 13px;

  border-radius: 50%;

  background: var(--accent);
}

.road span {
  display: inline-block;

  padding: 4px 12px;

  background: var(--soft);

  color: var(--accent);

  border-radius: 30px;

  font-size: 13px;

  font-weight: 700;
}

.road h3 {
  margin-top: 10px;
}


/* =========================================
   VALIDATION
========================================= */

.validation-box {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 15px;

  margin: 45px 0;
}

.validation-box > div {
  padding: 25px 15px;

  text-align: center;

  background: white;

  border: 1px solid var(--line);

  border-radius: 17px;
}

.validation-box strong {
  display: block;

  color: var(--accent);

  font-size: 35px;
}

.validation-box span {
  font-size: 14px;
}


/* =========================================
   FEEDBACK
========================================= */

.feedback-grid {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 15px;

  margin: 45px 0;
}

.feedback-grid > div {
  padding: 30px 15px;

  text-align: center;

  background: var(--soft);

  border-radius: 15px;
}

.feedback-grid span,
.feedback-grid strong {
  display: block;
}

.feedback-grid strong {
  color: var(--accent);

  font-size: 30px;
}


/* =========================================
   RISK
========================================= */

.risk-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  margin-top: 40px;
}

.risk {
  padding: 30px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.risk > span {
  display: inline-block;

  padding: 4px 12px;

  background: #edf2ec;

  color: var(--accent);

  border-radius: 30px;

  font-size: 12px;

  font-weight: 700;
}


/* =========================================
   MISTAKES
========================================= */

.mistake-list {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  margin-top: 40px;
}

.mistake-list > div {
  padding: 25px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 17px;
}

.mistake-list b {
  color: var(--accent);

  font-size: 24px;
}


/* =========================================
   KPI
========================================= */

.kpi-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 18px;

  margin: 45px 0;
}

.kpi-grid > div {
  padding: 30px 20px;

  text-align: center;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.kpi-grid strong,
.kpi-grid span {
  display: block;
}

.kpi-grid strong {
  color: var(--accent);

  font-size: 25px;
}


/* =========================================
   SCALE
========================================= */

.scale-rules {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  margin-top: 45px;
}

.scale-rules > div {
  padding: 30px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.scale-rules b {
  display: block;

  color: var(--accent);

  font-size: 30px;
}


/* =========================================
   EXPANSION
========================================= */

.expansion {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 15px;

  margin-top: 45px;
}

.expansion > div {
  padding: 28px 18px;

  text-align: center;

  background: white;

  border: 1px solid var(--line);

  border-radius: 18px;
}

.expansion span {
  color: var(--orange);

  font-size: 13px;

  font-weight: 700;
}


/* =========================================
   TIMELINE
========================================= */

.timeline {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 20px;

  margin-top: 45px;
}

.timeline-item {
  padding: 30px;

  background: white;

  border-top: 5px solid var(--accent);

  border-radius: 18px;
}

.timeline-item > span {
  color: var(--accent);

  font-weight: 700;
}

.timeline-item ul {
  margin-top: 15px;

  padding-left: 20px;
}

.timeline-item li {
  margin: 6px 0;
}


/* =========================================
   PROS CONS
========================================= */

.pros-cons {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 25px;

  margin-top: 45px;
}

.pros,
.cons {
  padding: 35px;

  border-radius: 20px;
}

.pros {
  background: #edf2ec;
}

.cons {
  background: #f6ece2;
}

.pros ul,
.cons ul {
  padding-left: 22px;
}

.pros li,
.cons li {
  margin: 8px 0;
}


/* =========================================
   CHECKLIST
========================================= */

.checklist {
  display: flex;

  flex-direction: column;

  gap: 12px;

  margin-top: 40px;
}

.checklist label {
  display: flex;

  align-items: center;

  gap: 15px;

  padding: 17px 20px;

  background: white;

  border: 1px solid var(--line);

  border-radius: 12px;
}

.checklist input {
  width: 18px;
  height: 18px;
}


/* =========================================
   FINAL INSIGHT
========================================= */

.final-insight {
  display: flex;

  flex-direction: column;

  justify-content: center;
}

.final-insight h2 {
  max-width: 780px;

  font-size: 48px;
}

.final-quote {
  margin-top: 35px;

  padding: 30px;

  background: var(--soft);

  border-left: 5px solid var(--accent);

  color: var(--accent-dark);

  font-size: 28px;

  line-height: 1.5;
}


/* =========================================
   FINAL CTA
========================================= */

.final-cta {
  min-height: 1120px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(47, 118, 84, .13),
      transparent 25%
    ),
    radial-gradient(
      circle at 80% 75%,
      rgba(217, 119, 50, .11),
      transparent 30%
    ),
    var(--cream) !important;
}

.final-cta h2 {
  max-width: 760px;

  margin: 30px 0;

  font-size: 46px;
}

.cta-footer {
  margin-top: 45px;

  color: #958d83;

  font-size: 14px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 800px) {

  body {
    font-size: 16px;
  }

  .page,
  .cover,
  .final-cta {
    min-height: auto;

    padding: 65px 30px;
  }

  h2 {
    font-size: 34px;
  }

  .cover {
    display: block;
  }

  .cover-content {
    width: 100%;
  }

  .cover h1 {
    font-size: 43px;
  }

  .cover-subtitle {
    font-size: 18px;
  }

  .cover .author {
    margin-top: 55px;
  }

  .juice-visual {
    position: relative;

    top: auto;
    right: auto;

    width: 100%;
    height: 260px;

    margin-top: 40px;
  }

  .juice-bottle {
    width: 90px;
    height: 145px;

    font-size: 40px;
  }

  .juice-bottle::before {
    width: 40px;
    height: 23px;

    top: -18px;
  }

  .bottle-one {
    right: 10%;
  }

  .bottle-two {
    left: 15%;
    top: 70px;
  }

  .bottle-three {
    right: 30%;
    bottom: 0;
  }

  .three-grid,
  .product-grid,
  .packaging-grid,
  .brand-pillars,
  .channel-grid,
  .expansion,
  .timeline,
  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .persona-grid,
  .risk-grid,
  .mistake-list,
  .pros-cons,
  .scale-rules,
  .trust-grid,
  .equipment-grid,
  .transparency-grid {
    grid-template-columns: 1fr;
  }

  .step-flow {
    grid-template-columns: 1fr 1fr;
  }

  .validation-box,
  .feedback-grid {
    grid-template-columns: 1fr 1fr;
  }

  .strategy-box,
  .marketing-card {
    grid-template-columns: 1fr;
  }

  .arrow,
  .marketing-arrow {
    transform: rotate(90deg);
  }

  .funnel-row,
  .funnel-row.one,
  .funnel-row.two,
  .funnel-row.three,
  .funnel-row.four,
  .funnel-row.five {
    width: 100%;
  }

  .subscription {
    grid-template-columns: 1fr;
  }

  .operation-flow {
    justify-content: center;
  }

  .section-number {
    right: 30px;
  }

  .final-insight h2,
  .final-cta h2 {
    font-size: 36px;
  }

}


/* =========================================
   PRINT
========================================= */

@media print {

  body {
    background: white;
  }

  .ebook {
    max-width: none;
  }

  .page {
    min-height: 100vh;

    page-break-after: always;
  }

  .cta-button {
    color: white !important;

    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

}/* End custom CSS */