.elementor-7879 .elementor-element.elementor-element-a4af98b{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3afb401 */:root { --ink: #172033; --muted: #667085; --paper: #ffffff; --soft: #f6f8fa; --cream: #fbf8f2; --dark: #0f1c2e; --dark-2: #16263b; --accent: #087f8c; --accent-light: #38b2ac; --orange: #f28c28; --gold: #d7a743; --green: #2f855a; --red: #c53030; --line: #e5e7eb; --shadow: 0 20px 55px rgba(15, 28, 46, .10); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: #dfe5e9; color: var(--ink); font-family: "Hind Siliguri", "Noto Serif Bengali", sans-serif; line-height: 1.75; } .ebook { width: 100%; max-width: 1000px; margin: 40px auto; } .page { position: relative; width: 100%; min-height: 1414px; padding: 90px 85px; margin-bottom: 30px; background: var(--paper); overflow: hidden; box-shadow: var(--shadow); page-break-after: always; } .page::after { content: ""; position: absolute; width: 300px; height: 300px; right: -160px; bottom: -160px; border-radius: 50%; background: rgba(8, 127, 140, .035); } /* TYPOGRAPHY */ h1, h2, h3, strong { font-family: "Noto Serif Bengali", "Hind Siliguri", serif; } h1 { margin: 20px 0; font-size: 64px; line-height: 1.15; letter-spacing: -2px; } h2 { margin: 15px 0 25px; font-size: 42px; line-height: 1.25; letter-spacing: -1px; } h3 { line-height: 1.35; } p { font-size: 18px; color: #475467; } .lead { max-width: 850px; font-size: 21px; line-height: 1.75; } .sub-heading { margin-top: 50px; font-size: 27px; } .section-label { display: inline-block; padding-left: 12px; border-left: 4px solid var(--accent); color: var(--accent); font-size: 13px; font-weight: 800; letter-spacing: 2px; } .section-label.light { color: #70d4d0; border-color: #70d4d0; } .page-number { position: absolute; top: 40px; right: 55px; color: #98a2b3; font-size: 13px; font-weight: 700; } /* COVER */ .cover { min-height: 1414px; display: flex; align-items: center; color: white; background: radial-gradient( circle at 80% 15%, rgba(56,178,172,.22), transparent 25% ), radial-gradient( circle at 10% 85%, rgba(242,140,40,.17), transparent 28% ), var(--dark); } .cover::after { display: none; } .cover-content { position: relative; z-index: 5; width: 100%; } .eyebrow { display: inline-block; padding: 8px 15px; border: 1px solid rgba(255,255,255,.22); border-radius: 50px; color: #9ee5e1; font-size: 12px; letter-spacing: 2px; } .cover h1 { color: white; } .cover-subtitle { max-width: 680px; color: #cbd5e1; font-size: 21px; } .cover-visual { position: relative; height: 430px; margin-top: 45px; overflow: hidden; border-radius: 30px; background: linear-gradient( 180deg, #21445a, #102c3c ); } /* mountains */ .mountain { position: absolute; bottom: 0; width: 0; height: 0; border-left: 220px solid transparent; border-right: 220px solid transparent; border-bottom: 260px solid #173d4e; } .mountain-back { left: 0; } .mountain-front { right: -50px; border-bottom-color: #102f3e; transform: scale(1.25); } /* traveler */ .traveler { position: absolute; left: 47%; bottom: 65px; width: 80px; height: 180px; } .head { width: 52px; height: 52px; margin: auto; border-radius: 50%; background: #d89a78; } .body { width: 65px; height: 105px; margin: 5px auto 0; border-radius: 30px 30px 10px 10px; background: #087f8c; } .backpack { position: absolute; top: 65px; left: -12px; width: 38px; height: 70px; border-radius: 10px; background: #f28c28; } /* route */ .route { position: absolute; border: 2px dashed rgba(255,255,255,.45); border-radius: 50%; } .route-one { left: 90px; top: 90px; width: 350px; height: 220px; transform: rotate(-12deg); } .route-two { right: 70px; top: 40px; width: 220px; height: 300px; transform: rotate(22deg); } .location-card { position: absolute; display: flex; align-items: center; gap: 12px; padding: 15px 18px; border-radius: 15px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.15); backdrop-filter: blur(10px); } .location-card span { font-size: 24px; } .location-card strong { display: block; color: white; font-size: 14px; } .location-card small { display: block; color: #aebdca; font-size: 10px; } .location-top { left: 30px; top: 60px; } .location-bottom { right: 30px; bottom: 45px; } .cover-footer { display: flex; gap: 15px; margin-top: 30px; color: #8fa1b1; font-size: 12px; } /* STORY */ .story-box { display: grid; grid-template-columns: 75px 1fr; gap: 25px; margin-top: 40px; padding: 35px; border: 1px solid #d5ecec; border-radius: 22px; background: #f0fbfb; } .story-icon { width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; border-radius: 20px; background: var(--accent); color: white; font-size: 28px; } /* PROBLEMS */ .problem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .problem-card { padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: white; } .problem-card span { color: var(--accent); font-size: 12px; font-weight: 800; } .problem-card h3 { margin: 8px 0; font-size: 21px; } .problem-card p { font-size: 15px; } /* DARK */ .dark-page { color: white; background: radial-gradient( circle at 90% 10%, rgba(56,178,172,.14), transparent 25% ), var(--dark); } .dark-page::after { display: none; } .dark-page h2 { color: white; } .light-text { color: #b9c4cf !important; } /* OPPORTUNITY */ .opportunity-flow { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 60px 0; } .opportunity-card { min-width: 180px; padding: 25px 18px; text-align: center; border-radius: 20px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); } .opportunity-card.featured { background: rgba(56,178,172,.14); border-color: rgba(56,178,172,.3); } .opportunity-card span { display: block; color: #70d4d0; font-size: 12px; font-weight: 800; } .opportunity-card strong { display: block; margin-top: 8px; color: white; font-size: 18px; } .opportunity-card small { color: #94a3b8; font-size: 11px; } .flow-arrow { color: #f2a65a; font-size: 28px; } .opportunity-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .opportunity-grid div { padding: 22px; border-radius: 17px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); } .opportunity-grid strong { display: block; color: white; } .opportunity-grid span { color: #94a3b8; font-size: 13px; } .insight-dark { margin-top: 35px; padding: 28px; border-radius: 20px; background: rgba(242,140,40,.09); border: 1px solid rgba(242,140,40,.18); } .insight-dark strong { color: #f7b66d; } /* PERSONAS */ .persona-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 45px; } .persona-card { position: relative; padding: 28px; border: 1px solid var(--line); border-radius: 20px; } .persona-icon { font-size: 32px; } .persona-card h3 { margin: 8px 0; } .persona-card p { font-size: 14px; } .persona-card span { display: inline-block; padding: 5px 10px; border-radius: 30px; background: #e8f7f7; color: var(--accent); font-size: 11px; font-weight: 700; } .niche-box { margin-top: 35px; padding: 30px; border-radius: 22px; background: linear-gradient( 135deg, #f0fbfb, #fff8ef ); border: 1px solid #d9eeee; } .niche-box strong { display: block; margin: 12px 0; color: var(--accent); font-size: 25px; } /* SERVICE */ .service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 45px; } .service-card { padding: 24px; border-radius: 18px; border: 1px solid var(--line); background: #fbfcfd; } .service-card span { color: var(--accent); font-size: 12px; font-weight: 800; } .service-card h3 { margin: 7px 0; font-size: 19px; } .service-card p { margin: 0; font-size: 14px; } .service-note { margin-top: 30px; padding: 22px; border-left: 4px solid var(--orange); background: #fff8ef; font-size: 14px; } /* NETWORK */ .network-circle { position: relative; width: 520px; height: 520px; margin: 45px auto; } .network-center { position: absolute; left: 50%; top: 50%; width: 145px; height: 145px; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translate(-50%, -50%); border-radius: 50%; background: linear-gradient( 135deg, var(--accent), #2b9ca2 ); box-shadow: 0 20px 50px rgba(0,0,0,.25); } .network-center strong { color: white; } .network-center small { color: #c8eeee; font-size: 11px; } .network-node { position: absolute; width: 105px; height: 105px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13); color: white; text-align: center; } .network-node strong { margin-top: 3px; font-size: 11px; } .node-one { left: 20px; top: 80px; } .node-two { right: 20px; top: 80px; } .node-three { left: 0; bottom: 65px; } .node-four { right: 0; bottom: 65px; } .node-five { left: 50%; bottom: -5px; transform: translateX(-50%); } .light-heading { color: white; margin-top: 35px; } .safety-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; } .safety-list div { padding: 13px; border-radius: 9px; background: rgba(255,255,255,.06); color: #cbd5e1; font-size: 13px; } /* VERIFICATION */ .verification-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 45px; } .verification-card { padding: 25px; border: 1px solid var(--line); border-radius: 20px; } .check { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #eaf8ef; color: var(--green); font-weight: 800; } .verification-card h3 { margin: 15px 0; } .verification-card li { margin: 7px 0; color: #667085; font-size: 13px; } .warning-box { margin-top: 30px; padding: 25px; border-radius: 18px; background: #fff7f7; border: 1px solid #fecaca; } .warning-box strong { color: var(--red); } /* ITINERARY */ .itinerary { margin-top: 45px; } .day { display: grid; grid-template-columns: 130px 1fr; margin-bottom: 18px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; } .day-number { display: flex; align-items: flex-start; justify-content: center; padding: 30px 10px; background: #e9f7f7; color: var(--accent); font-size: 14px; font-weight: 800; } .day-content { padding: 25px; } .day-content h3 { margin-top: 0; } .schedule { display: grid; grid-template-columns: 80px 1fr; padding: 8px 0; border-bottom: 1px dashed #e5e7eb; } .schedule span { color: var(--accent); font-size: 12px; font-weight: 800; } .schedule p { margin: 0; font-size: 13px; } .itinerary-rule { display: grid; grid-template-columns: 130px 1fr; gap: 20px; margin-top: 30px; padding: 25px; border-radius: 18px; background: #101c2c; color: white; } .itinerary-rule strong { color: #70d4d0; } /* SAFETY */ .safety-flow { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 50px 0; } .safety-step { width: 150px; padding: 22px 12px; text-align: center; border: 1px solid var(--line); border-radius: 18px; } .safety-step span { color: var(--accent); font-size: 12px; font-weight: 800; } .safety-step strong { display: block; margin: 7px 0; font-size: 16px; } .safety-step small { color: #98a2b3; font-size: 10px; } .safety-arrow { color: var(--accent); font-size: 22px; } .emergency-card { padding: 30px; border-radius: 22px; background: #101c2c; color: white; } .emergency-card h3 { color: white; } .emergency-card li { margin: 10px 0; color: #cbd5e1; font-size: 14px; } .important-box { margin-top: 30px; padding: 25px; border-radius: 20px; background: #fff8ef; border: 1px solid #f8dfc0; } /* PRICING */ .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 45px; } .price-card { position: relative; padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: white; } .price-card.popular { border: 2px solid var(--accent); transform: translateY(-8px); box-shadow: 0 20px 45px rgba(8,127,140,.13); } .popular-tag { position: absolute; top: -13px; right: 20px; padding: 5px 12px; border-radius: 30px; background: var(--accent); color: white; font-size: 10px; font-weight: 800; } .package-label { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: 2px; } .price { margin: 15px 0; font-family: "Noto Serif Bengali", serif; color: var(--ink); font-size: 31px; font-weight: 800; } .price-card li { margin: 8px 0; color: #667085; font-size: 13px; } .pricing-note { margin-top: 30px; padding: 23px; border-left: 4px solid var(--accent); background: #f0fbfb; } /* DARK REVENUE */ .revenue-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 45px; } .revenue-card.dark { padding: 27px; border-radius: 20px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.09); } .revenue-card.dark span { color: #70d4d0; font-size: 12px; font-weight: 800; } .revenue-card.dark h3 { color: white; font-size: 20px; } .revenue-card.dark p { color: #aebbc7; font-size: 14px; } .revenue-equation { margin-top: 40px; padding: 30px; border-radius: 22px; background: rgba(242,140,40,.08); border: 1px solid rgba(242,140,40,.18); text-align: center; } .revenue-equation > span { display: block; color: #94a3b8; font-size: 12px; } .equation-row { display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 15px; } .equation-row strong { color: white; font-size: 22px; } .equation-row b { color: #f2a65a; } .highlight-text { color: #70d4d0 !important; } .small-note { color: #7f8c99 !important; font-size: 11px; } /* ACQUISITION */ .acquisition-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 45px; } .acquisition-grid > div { padding: 23px; border: 1px solid var(--line); border-radius: 18px; } .acquisition-grid span { color: var(--accent); font-weight: 800; } .acquisition-grid h3 { margin: 5px 0; font-size: 19px; } .acquisition-grid p { margin: 0; font-size: 14px; } .content-funnel { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 45px; } .content-funnel div { padding: 15px; border-radius: 12px; background: #f0fbfb; color: var(--accent); text-align: center; font-size: 12px; } .content-funnel span { display: block; color: #98a2b3; font-size: 18px; } /* DESTINATION */ .destination-roadmap { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 50px; } .destination { padding: 20px 10px; text-align: center; border-radius: 18px; background: #f7f8fa; border: 1px solid var(--line); } .destination.active { background: #e9f7f7; border-color: #9bd8d5; } .destination span { display: block; color: var(--accent); font-size: 11px; font-weight: 800; } .destination strong { display: block; margin-top: 7px; font-size: 16px; } .destination small { color: #98a2b3; font-size: 10px; } .destination-box { margin-top: 45px; padding: 30px; border-radius: 22px; background: #101c2c; color: white; } .destination-box h3 { color: white; } .master-file { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; } .master-file span { padding: 11px; border-radius: 8px; background: rgba(255,255,255,.06); color: #cbd5e1; text-align: center; font-size: 11px; } /* TIMELINE */ .timeline { position: relative; margin-top: 45px; } .timeline::before { content: ""; position: absolute; left: 25px; top: 0; bottom: 0; width: 2px; background: #bfe2e1; } .timeline-item { position: relative; display: grid; grid-template-columns: 60px 1fr; gap: 20px; margin-bottom: 22px; } .timeline-number { position: relative; z-index: 2; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--accent); color: white; font-weight: 800; } .timeline-item h3 { margin: 5px 0; font-size: 20px; } .timeline-item p { margin: 0; font-size: 14px; } /* COST */ .cost-table { margin-top: 45px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; } .cost-row { display: grid; grid-template-columns: 1fr 180px; padding: 20px 25px; border-top: 1px solid var(--line); } .cost-row.header { border-top: 0; background: #101c2c; color: white; font-weight: 800; } .cost-row strong { text-align: right; } .cost-highlight { margin-top: 30px; padding: 28px; border-radius: 22px; background: linear-gradient( 135deg, #e9f7f7, #fff8ef ); border: 1px solid #d7eeee; } .cost-highlight strong { color: var(--accent); font-size: 20px; } /* PROS CONS */ .pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 45px; } .pros, .cons { padding: 30px; border-radius: 22px; } .pros { background: #effaf3; border: 1px solid #c7ecd4; } .cons { background: #fff7f7; border: 1px solid #fecaca; } .pros h3 { color: var(--green); } .cons h3 { color: var(--red); } .pros li, .cons li { margin: 9px 0; font-size: 14px; } .bottom-insight { margin-top: 35px; padding: 25px; border-radius: 18px; background: #101c2c; color: white; } .bottom-insight strong { color: #70d4d0; } /* CHALLENGES */ .challenge-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 45px; } .challenge { padding: 25px; border-radius: 19px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); } .challenge > span { color: #f2a65a; font-size: 12px; font-weight: 800; } .challenge h3 { color: white; font-size: 18px; } .challenge p { color: #aebbc7; font-size: 13px; } /* KPI */ .kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 45px; } .kpi-grid div { padding: 22px; border-radius: 18px; background: #f8fafc; border: 1px solid var(--line); } .kpi-grid strong { display: block; color: var(--accent); font-size: 20px; } .kpi-grid span { display: block; color: #667085; font-size: 12px; } .kpi-highlight { margin-top: 35px; padding: 30px; border-radius: 22px; background: #101c2c; color: white; text-align: center; } .kpi-highlight h3 { color: #70d4d0; } .big-equation { margin: 20px 0; font-family: "Noto Serif Bengali", serif; font-size: 25px; font-weight: 700; } /* SCALE */ .scale-ladder { margin-top: 45px; } .scale-step { display: grid; grid-template-columns: 60px 1fr 220px; align-items: center; padding: 21px 25px; margin: 10px 0; border-radius: 16px; background: #f8fafc; border: 1px solid var(--line); } .scale-step span { color: var(--accent); font-weight: 800; } .scale-step strong { font-size: 19px; } .scale-step small { color: #98a2b3; text-align: right; font-size: 12px; } .future-box { margin-top: 35px; padding: 30px; border-radius: 22px; background: linear-gradient( 135deg, #f0fbfb, #fff8ef ); border: 1px solid #d7eeee; } /* ROADMAP */ .roadmap { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 45px; } .roadmap-week { padding: 27px; border-radius: 20px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); } .roadmap-week > span { color: #70d4d0; font-size: 11px; font-weight: 800; letter-spacing: 2px; } .roadmap-week h3 { color: white; } .roadmap-week li { margin: 7px 0; color: #cbd5e1; font-size: 13px; } .thirty-day-target { margin-top: 35px; padding: 25px; border-radius: 20px; background: rgba(242,140,40,.08); border: 1px solid rgba(242,140,40,.18); } .thirty-day-target strong { display: block; color: #f2a65a; } .thirty-day-target span { color: white; } /* CHECKLIST */ .checklist { display: grid; gap: 11px; margin-top: 45px; } .checklist label { display: flex; align-items: center; gap: 15px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 13px; background: #f8fafc; font-size: 14px; } .checklist input { width: 18px; height: 18px; accent-color: var(--accent); } .final-insight { display: grid; grid-template-columns: 60px 1fr; gap: 20px; margin-top: 35px; padding: 30px; border-radius: 22px; background: #f0fbfb; border: 1px solid #d4eeee; } .final-insight > span { font-size: 35px; } .final-insight p { margin: 5px 0; font-size: 15px; } .final-insight strong { color: var(--accent); } /* CTA */ .cta-page { min-height: 1414px; display: flex; align-items: center; justify-content: center; text-align: center; color: white; background: radial-gradient( circle at 15% 15%, rgba(56,178,172,.20), transparent 25% ), radial-gradient( circle at 90% 85%, rgba(242,140,40,.18), transparent 28% ), var(--dark); } .cta-page::after { display: none; } .cta-content { width: 100%; max-width: 760px; } .cta-page h2 { color: white; font-size: 47px; } .cta-text { color: #cbd5e1; font-size: 18px; line-height: 1.8; } .cta-card { margin-top: 45px; padding: 45px; border-radius: 30px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13); backdrop-filter: blur(10px); } .cta-icon { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; border-radius: 24px; background: linear-gradient( 135deg, var(--accent), var(--orange) ); color: white; font-size: 22px; font-weight: 800; } .cta-card h3 { color: white; font-size: 24px; line-height: 1.55; } .cta-card p { color: #aebbc7; font-size: 14px; } .cta-button { display: inline-flex; align-items: center; justify-content: center; min-width: 210px; margin-top: 20px; padding: 16px 30px; border-radius: 50px; background: linear-gradient( 135deg, var(--accent), var(--orange) ); color: white; text-decoration: none; font-size: 18px; font-weight: 800; box-shadow: 0 15px 35px rgba(8,127,140,.25); transition: .2s ease; } .cta-button:hover { transform: translateY(-3px); } .cta-footer { margin-top: 35px; color: #718096; font-size: 10px; letter-spacing: 2px; } /* BACK COVER */ .back-cover { min-height: 1414px; display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient( 135deg, #0f1c2e, #193047 ); color: white; } .back-cover::after { display: none; } .back-content { max-width: 650px; } .brand-mark { color: #70d4d0; font-size: 20px; font-weight: 800; letter-spacing: 4px; } .back-cover h2 { margin-top: 40px; color: white; font-size: 45px; } .back-cover p { color: #aebbc7; font-size: 18px; } .back-line { width: 80px; height: 3px; margin: 35px auto; background: var(--orange); border-radius: 10px; } .back-cover small { color: #718096; font-size: 10px; letter-spacing: 1px; } /* RESPONSIVE */ @media (max-width: 800px) { .ebook { margin: 0; } .page { min-height: auto; padding: 60px 25px; margin-bottom: 0; } h1 { font-size: 43px; } h2 { font-size: 32px; } .lead { font-size: 18px; } .cover, .cta-page, .back-cover { min-height: 900px; } .cover-visual { height: 380px; } .traveler { left: 45%; } .mountain { transform: scale(.75); transform-origin: bottom; } .location-card { transform: scale(.8); } .location-top { left: 5px; } .location-bottom { right: 5px; } .problem-grid, .persona-grid, .service-grid, .opportunity-grid, .verification-grid, .acquisition-grid, .challenge-grid, .pros-cons, .roadmap, .revenue-grid { grid-template-columns: 1fr; } .opportunity-flow, .safety-flow, .content-funnel { flex-direction: column; } .flow-arrow, .safety-arrow { transform: rotate(90deg); } .network-circle { transform: scale(.75); transform-origin: center; margin-left: -10%; margin-right: -10%; } .pricing-grid { grid-template-columns: 1fr; } .price-card.popular { transform: none; } .day { grid-template-columns: 1fr; } .day-number { padding: 15px; } .itinerary-rule { grid-template-columns: 1fr; } .destination-roadmap { grid-template-columns: 1fr 1fr; } .master-file { grid-template-columns: 1fr 1fr; } .kpi-grid { grid-template-columns: 1fr 1fr; } .scale-step { grid-template-columns: 50px 1fr; } .scale-step small { grid-column: 2; text-align: left; } .safety-flow { gap: 5px; } .equation-row { flex-wrap: wrap; } .cta-page h2 { font-size: 34px; } .cta-card { padding: 30px 20px; } } /* PRINT */ @media print { body { background: white; } .ebook { max-width: none; margin: 0; } .page { min-height: 100vh; margin: 0; box-shadow: none; page-break-after: always; } }/* End custom CSS */