.elementor-8603 .elementor-element.elementor-element-e5d8f8f{--display:flex;}/* Start custom CSS for html, class: .elementor-element-56a3cd4 *//* =========================================================
   BUSINESS DRIFT — PREMIUM BANGLA EBOOK
   Personal Styling & Wardrobe Consultancy
========================================================= */

:root {
    --ink: #17151b;
    --muted: #68636e;
    --paper: #fffdf9;
    --cream: #f6f0e8;
    --purple: #6d42d9;
    --purple-dark: #43238e;
    --pink: #d94b87;
    --gold: #c49a55;
    --green: #3d9276;
    --blue: #4777b7;
    --line: #e8e0d7;
    --white: #ffffff;

    --shadow:
        0 20px 60px rgba(34, 23, 51, .10);

    --radius: 24px;
}


/* =========================================================
   RESET
========================================================= */

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

html {
    scroll-behavior: smooth;
}

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

a {
    text-decoration: none;
}


/* =========================================================
   PAGE
========================================================= */

.page {
    width: min(1100px, 94vw);
    min-height: 1000px;

    margin: 35px auto;

    padding: 90px 90px;

    background: var(--paper);

    position: relative;
    overflow: hidden;

    box-shadow: var(--shadow);

    page-break-after: always;
}

.page::after {
    content: "";
    position: absolute;

    width: 180px;
    height: 180px;

    border-radius: 50%;

    right: -90px;
    bottom: -90px;

    background: rgba(109, 66, 217, .05);
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

h1,
h2,
h3 {
    font-family: "Noto Serif Bengali", serif;
    line-height: 1.3;
}

h2 {
    font-size: clamp(34px, 4vw, 52px);
    margin-bottom: 28px;
    letter-spacing: -.5px;
}

h3 {
    font-size: 23px;
}

p {
    margin-bottom: 22px;
}

.lead {
    font-size: 23px;
    line-height: 1.8;
    color: #3e3944;
}

.small-note {
    font-size: 13px;
    color: #87808b;
    margin-top: 25px;
}

.chapter-label,
.eyebrow {
    display: inline-block;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: var(--purple);

    margin-bottom: 22px;
}


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

.cover {
    min-height: 1000px;

    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(217, 75, 135, .30),
            transparent 25%
        ),
        radial-gradient(
            circle at 10% 90%,
            rgba(109, 66, 217, .25),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #17121e,
            #35205e 55%,
            #211329
        );

    color: var(--white);

    display: flex;
    align-items: center;

    isolation: isolate;
}

.cover::after {
    display: none;
}

.cover-content {
    max-width: 760px;
    position: relative;
    z-index: 5;
}

.cover .eyebrow {
    color: #d8c5ff;
}

.cover h1 {
    font-size: clamp(50px, 7vw, 86px);
    line-height: 1.18;
    margin-bottom: 30px;
}

.cover h1 span {
    color: #f1bfda;
}

.cover-subtitle {
    font-size: 22px;
    max-width: 690px;
    color: #e9dfef;
}

.cover-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 30px 0;
}

.cover-tags span {
    padding: 8px 16px;

    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;

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

    font-size: 14px;
}

.cover-author {
    margin-top: 100px;

    display: flex;
    flex-direction: column;

    color: #e9deef;
}

.cover-author strong {
    font-size: 18px;
}

.cover-author small {
    font-size: 13px;
    opacity: .7;
}


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

.cover-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(1px);
    z-index: 1;
}

.orb-one {
    width: 420px;
    height: 420px;

    right: -100px;
    top: 70px;

    background:
        radial-gradient(
            circle,
            rgba(217,75,135,.55),
            rgba(217,75,135,0)
        );
}

.orb-two {
    width: 360px;
    height: 360px;

    left: -160px;
    bottom: -80px;

    background:
        radial-gradient(
            circle,
            rgba(109,66,217,.50),
            rgba(109,66,217,0)
        );
}

.orb-three {
    width: 160px;
    height: 160px;

    right: 18%;
    bottom: 14%;

    border: 1px solid rgba(255,255,255,.20);
}


/* =========================================================
   QUOTE
========================================================= */

.quote-box {
    margin: 40px 0;

    padding: 35px 45px;

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

    background:
        linear-gradient(
            135deg,
            #f7f1ff,
            #fff6fa
        );

    border-radius: 0 20px 20px 0;

    font-size: 22px;
    line-height: 1.7;
}

.quote-box span {
    font-size: 55px;
    color: var(--purple);
    vertical-align: middle;
}


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

.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
    margin-top: 45px;
}

.card {
    padding: 30px;

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

    background: #fff;

    transition: .3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
}

.card-number {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    margin-bottom: 18px;

    border-radius: 12px;

    color: white;
    background: var(--purple);

    font-weight: 700;
}


/* =========================================================
   DARK PAGE
========================================================= */

.dark-page {
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(109,66,217,.28),
            transparent 28%
        ),
        #17131d;

    color: #f8f4fb;
}

.dark-page p {
    color: #d9d1df;
}

.dark-page .chapter-label {
    color: #d8bfff;
}

.dark-page h2 {
    color: #fff;
}


/* =========================================================
   BIG NUMBER
========================================================= */

.big-number {
    font-family: "Noto Serif Bengali", serif;

    font-size: 150px;
    font-weight: 700;

    color: #cdb7ff;

    line-height: 1;

    margin: 50px 0 25px;
}

.big-number small {
    display: block;

    font-family: "Hind Siliguri", sans-serif;

    font-size: 18px;
    font-weight: 400;

    color: #bcb1c5;
}


/* =========================================================
   HIGHLIGHT GRID
========================================================= */

.highlight-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;

    margin-top: 50px;
}

.highlight-grid div {
    padding: 25px;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;

    background: rgba(255,255,255,.04);
}

.highlight-grid strong {
    display: block;

    color: white;
    font-size: 20px;
}

.highlight-grid span {
    display: block;

    color: #bcb1c5;
    font-size: 14px;
}


/* =========================================================
   MARKET STATS
========================================================= */

.market-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;

    margin: 45px 0;
}

.stat {
    padding: 25px;

    background: #f8f4ff;
    border-radius: 20px;

    border: 1px solid #e7dcfb;
}

.stat strong {
    display: block;

    color: var(--purple);

    font-size: 32px;
    font-family: "Noto Serif Bengali", serif;
}

.stat span {
    font-size: 14px;
    color: var(--muted);
}


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

.chart {
    margin-top: 50px;
    padding: 35px;

    background: #f7f3ee;

    border-radius: 25px;
}

.chart-title {
    font-family: "Noto Serif Bengali", serif;
    font-size: 25px;
    margin-bottom: 30px;
}

.chart-row {
    display: grid;
    grid-template-columns: 180px 1fr;
    align-items: center;

    gap: 20px;

    margin-bottom: 20px;
}

.chart-row span {
    font-size: 14px;
}

.chart-row > div {
    height: 15px;

    background: #e4ddd6;
    border-radius: 20px;

    overflow: hidden;
}

.chart-row i {
    display: block;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            var(--purple),
            var(--pink)
        );

    border-radius: 20px;
}


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

.persona-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.persona-grid article {
    padding: 30px;

    border-radius: 24px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f5f0fb
        );

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

.persona-grid span {
    color: var(--purple);
    font-weight: 700;
}


/* =========================================================
   SERVICES
========================================================= */

.service-stack {
    margin-top: 40px;
}

.service-stack > div {
    display: grid;
    grid-template-columns: 60px 240px 1fr;
    gap: 20px;

    align-items: center;

    padding: 22px 0;

    border-bottom: 1px solid rgba(255,255,255,.10);
}

.service-stack b {
    color: #bfa7f7;
}

.service-stack strong {
    color: white;
}

.service-stack span {
    color: #b9b0bf;
}


/* =========================================================
   SKILLS
========================================================= */

.skill-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 0 45px;

    margin-top: 35px;
}

.skill-list > div {
    padding: 25px 0;

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

.skill-list strong {
    font-size: 20px;
    color: var(--purple);
}


/* =========================================================
   COLOR
========================================================= */

.color-wheel {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;

    margin: 45px 0;
}

.color-box {
    min-height: 170px;

    padding: 25px;

    border-radius: 25px;

    display: flex;
    flex-direction: column;
    justify-content: end;

    color: white;
}

.color-box strong {
    font-family: "Noto Serif Bengali", serif;
    font-size: 24px;
}

.color-box span {
    font-size: 13px;
}

.warm {
    background: linear-gradient(145deg, #8c4b36, #d98b50);
}

.cool {
    background: linear-gradient(145deg, #334c83, #6f8fcf);
}

.neutral {
    background: linear-gradient(145deg, #70675d, #b8a999);
}

.contrast {
    background: linear-gradient(145deg, #1c1720, #806b91);
}

.tip-box {
    padding: 30px;

    border-radius: 20px;

    background: #f4f0ff;

    border-left: 4px solid var(--purple);
}


/* =========================================================
   PROPORTION
========================================================= */

.proportion-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;

    margin-top: 45px;
}

.proportion-grid div {
    padding: 25px;

    background: #faf6f0;
    border-radius: 20px;
}


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

.audit-flow {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-top: 70px;
}

.flow-step {
    width: 150px;
    min-height: 170px;

    padding: 20px;

    border-radius: 22px;

    background: #f7f1ff;

    display: flex;
    flex-direction: column;

    justify-content: center;
}

.flow-step b {
    color: var(--purple);
    font-size: 28px;
}

.flow-step strong {
    font-size: 18px;
}

.flow-step span {
    color: var(--muted);
    font-size: 13px;
}

.arrow {
    font-size: 25px;
    color: var(--purple);
}


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

.cta-page {
    display: flex;
    align-items: center;
    justify-content: center;

    background:
        radial-gradient(
            circle at 20% 30%,
            rgba(217,75,135,.15),
            transparent 30%
        ),
        radial-gradient(
            circle at 80% 70%,
            rgba(109,66,217,.15),
            transparent 30%
        ),
        #fbf7ff;
}

.cta-card {
    max-width: 780px;

    padding: 70px;

    text-align: center;

    background: white;

    border-radius: 35px;

    box-shadow: var(--shadow);

    border: 1px solid #eadff7;
}

.cta-card h2 {
    font-size: 42px;
}

.cta-button {
    display: inline-flex;

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

    margin-top: 25px;

    padding: 15px 38px;

    border-radius: 999px;

    color: white;

    background:
        linear-gradient(
            135deg,
            var(--purple),
            var(--pink)
        );

    font-size: 18px;
    font-weight: 700;

    box-shadow:
        0 12px 30px rgba(109,66,217,.28);

    transition: .25s ease;
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow:
        0 18px 38px rgba(109,66,217,.35);
}

.cta-button.huge {
    font-size: 21px;
    padding: 18px 55px;
}


/* =========================================================
   STYLE BOOK
========================================================= */

.stylebook {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;

    margin-top: 45px;
}

.stylebook div {
    min-height: 180px;

    padding: 30px;

    border-radius: 24px;

    background: #f7f2ff;

    display: flex;
    flex-direction: column;
}

.stylebook span {
    color: var(--purple);
    font-size: 14px;
}

.stylebook strong {
    margin-top: auto;

    font-family: "Noto Serif Bengali", serif;
    font-size: 24px;
}

.stylebook small {
    color: var(--muted);
}


/* =========================================================
   FORMULA
========================================================= */

.formula-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;

    margin-top: 40px;
}

.formula-grid div {
    padding: 35px;

    border-radius: 25px;

    background: #f8f4ee;

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

.formula-grid span {
    color: var(--purple);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}


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

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

    margin-top: 45px;
}

.price-card {
    padding: 35px;

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

    background: white;
}

.price-card.featured {
    transform: translateY(-10px);

    border: 2px solid var(--purple);

    box-shadow: var(--shadow);
}

.price-card > span {
    color: var(--purple);

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.price-card h3 {
    margin: 15px 0;
}

.price-card > strong {
    display: block;

    font-size: 27px;
    color: var(--purple);

    margin-bottom: 25px;
}

.price-card ul {
    list-style: none;
}

.price-card li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}


/* =========================================================
   REVENUE TABLE
========================================================= */

.revenue-table {
    margin-top: 45px;

    border: 1px solid rgba(255,255,255,.10);

    border-radius: 20px;

    overflow: hidden;
}

.revenue-row {
    display: grid;

    grid-template-columns: 1.5fr .7fr 1fr 1fr;

    gap: 10px;

    padding: 18px 20px;

    border-bottom: 1px solid rgba(255,255,255,.08);
}

.revenue-row.header {
    color: #cbbbe0;
    font-size: 13px;
}

.revenue-row.total {
    background: rgba(109,66,217,.20);
    border-bottom: none;
}

.revenue-row strong {
    color: #fff;
}


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

.marketing-grid,
.challenge-grid,
.digital-grid {
    display: grid;

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

    gap: 20px;

    margin-top: 45px;
}

.marketing-grid article,
.digital-grid div {
    padding: 30px;

    border-radius: 22px;

    background: #faf7f2;

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

.marketing-grid b {
    color: var(--purple);
}


/* =========================================================
   CONTENT PILLARS
========================================================= */

.content-pillars {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

    margin-top: 40px;
}

.content-pillars > div {
    padding: 35px;

    background: #f7f2ff;

    border-radius: 25px;
}

.content-pillars span {
    color: var(--purple);
    font-weight: 700;
}


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

.timeline {
    position: relative;

    margin-top: 45px;
}

.timeline::before {
    content: "";

    position: absolute;

    left: 25px;
    top: 0;
    bottom: 0;

    width: 2px;

    background: #e4d8f7;
}

.timeline > div {
    position: relative;

    padding: 0 0 35px 70px;
}

.timeline b {
    position: absolute;

    left: 0;
    top: 0;

    width: 52px;
    height: 52px;

    display: grid;
    place-items: center;

    background: var(--purple);

    color: white;

    border-radius: 50%;
}


/* =========================================================
   QUESTION LIST
========================================================= */

.question-list {
    display: grid;

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

    gap: 0 30px;

    margin-top: 35px;
}

.question-list p {
    padding: 20px 0;

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

    font-weight: 600;
}


/* =========================================================
   BIG QUOTE
========================================================= */

.big-quote {
    padding: 50px;

    margin: 45px 0;

    font-family: "Noto Serif Bengali", serif;

    font-size: 31px;

    line-height: 1.6;

    color: #eadfff;

    border-left: 4px solid #9f7ae9;
}

.premium-points {
    display: flex;

    flex-wrap: wrap;

    gap: 10px;
}

.premium-points span {
    padding: 9px 18px;

    border: 1px solid rgba(255,255,255,.15);

    border-radius: 999px;

    color: #d7c8e4;
}


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

.numbered-strategy {
    list-style: none;

    counter-reset: strategy;

    margin-top: 40px;
}

.numbered-strategy li {
    counter-increment: strategy;

    position: relative;

    padding: 25px 25px 25px 80px;

    margin-bottom: 15px;

    background: #faf7f2;

    border-radius: 20px;
}

.numbered-strategy li::before {
    content: counter(strategy);

    position: absolute;

    left: 25px;
    top: 22px;

    color: var(--purple);

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


/* =========================================================
   SHOPPING
========================================================= */

.shopping-framework {
    display: grid;

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

    gap: 12px;

    margin-top: 50px;
}

.shopping-framework > div {
    padding: 25px 20px;

    background: #f8f3ed;

    border-radius: 20px;
}

.shopping-framework b {
    color: var(--purple);

    font-size: 26px;
}


/* =========================================================
   CORPORATE
========================================================= */

.corporate-box {
    padding: 40px;

    margin: 40px 0;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #f3edff,
            #fff1f6
        );
}

.corporate-box li {
    padding: 7px 0;
}


/* =========================================================
   EVENTS
========================================================= */

.event-grid {
    display: grid;

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

    gap: 15px;

    margin: 40px 0;
}

.event-grid div {
    padding: 30px;

    text-align: center;

    background: #f7f2ff;

    border-radius: 20px;

    font-family: "Noto Serif Bengali", serif;

    font-size: 22px;

    color: var(--purple);
}


/* =========================================================
   TOOLS
========================================================= */

.tools-grid {
    display: grid;

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

    gap: 20px;

    margin-top: 45px;
}

.tools-grid div {
    padding: 30px;

    background: #f8f4ee;

    border-radius: 22px;
}

.tools-grid strong {
    display: block;

    color: var(--purple);

    font-size: 20px;
}

.tools-grid span {
    color: var(--muted);

    font-size: 14px;
}


/* =========================================================
   CHALLENGES
========================================================= */

.challenge-grid {
    grid-template-columns: repeat(2, 1fr);
}

.challenge-grid > div {
    padding: 35px;

    border-radius: 25px;
}

.positive {
    background: #edf8f3;
}

.negative {
    background: #fff2f3;
}

.challenge-grid h3 {
    margin-bottom: 20px;
}

.challenge-grid li {
    padding: 7px 0;
}


/* =========================================================
   ETHICS
========================================================= */

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

.ethics-list > div {
    padding: 25px 0;

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

.ethics-list strong {
    color: var(--purple);
    font-size: 21px;
}


/* =========================================================
   LAUNCH PLAN
========================================================= */

.launch-plan {
    display: grid;

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

    gap: 20px;

    margin-top: 45px;
}

.launch-plan > div {
    padding: 30px;

    border: 1px solid rgba(255,255,255,.10);

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

    border-radius: 22px;
}

.launch-plan span {
    color: #bca4e9;
    font-size: 13px;
}

.launch-plan h3 {
    margin: 10px 0;
}


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

.kpi-grid {
    display: grid;

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

    gap: 20px;

    margin-top: 45px;
}

.kpi-grid div {
    padding: 30px;

    border-radius: 22px;

    background: #f7f1ff;
}

.kpi-grid strong {
    display: block;

    color: var(--purple);

    font-family: "Noto Serif Bengali", serif;

    font-size: 25px;
}


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

.scale-stages {
    display: grid;

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

    gap: 10px;

    margin-top: 50px;
}

.scale-stages > div {
    padding: 25px;

    border-radius: 20px;

    background: #f8f3ed;
}

.scale-stages b {
    display: block;

    color: var(--purple);

    font-size: 12px;
}

.scale-stages strong {
    display: block;

    margin: 12px 0;
}

.scale-stages span {
    color: var(--muted);

    font-size: 13px;
}


/* =========================================================
   FORMULA BIG
========================================================= */

.formula-big {
    display: flex;

    flex-wrap: wrap;

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

    gap: 15px;

    margin: 70px 0;

    font-weight: 700;
}

.formula-big span,
.formula-big strong {
    padding: 15px 20px;

    border: 1px solid rgba(255,255,255,.12);

    border-radius: 15px;

    background: rgba(255,255,255,.04);
}

.formula-big b {
    color: #b99ee7;
}


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

.mini-cta {
    min-height: 650px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            135deg,
            #f5efff,
            #fff4f7
        );
}

.mini-cta > div {
    max-width: 800px;
}

.mini-cta h2 {
    font-size: 42px;
}


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

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

    display: flex;

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

    text-align: center;

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(217,75,135,.25),
            transparent 30%
        ),
        radial-gradient(
            circle at 20% 80%,
            rgba(109,66,217,.25),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #19121f,
            #30204b
        );

    color: white;
}

.final-cta::after {
    display: none;
}

.final-cta-inner {
    max-width: 820px;
}

.final-cta .eyebrow {
    color: #d7c0fa;
}

.final-cta h2 {
    font-size: clamp(40px, 5vw, 65px);
}

.final-cta p {
    color: #d7cbdc;
    font-size: 20px;
}

.final-cta small {
    display: block;

    margin-top: 70px;

    color: #aaa0b1;
}


/* =========================================================
   DARK QUOTE
========================================================= */

.dark-quote {
    color: #eee4f6;

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

    border-left-color: #9d76df;
}


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

@media print {

    body {
        background: white;
    }

    .page {
        width: 100%;
        min-height: 100vh;

        margin: 0;

        box-shadow: none;

        page-break-after: always;
    }

    .cta-button {
        color: white !important;
    }
}


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

@media (max-width: 900px) {

    .page {
        padding: 60px 45px;
    }

    .grid-2,
    .persona-grid,
    .marketing-grid,
    .digital-grid,
    .tools-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .highlight-grid,
    .market-stat-grid,
    .proportion-grid,
    .color-wheel,
    .kpi-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .price-card.featured {
        transform: none;
    }

    .shopping-framework,
    .scale-stages {
        grid-template-columns: repeat(2, 1fr);
    }

    .audit-flow {
        flex-wrap: wrap;
    }

    .arrow {
        display: none;
    }

}


@media (max-width: 600px) {

    body {
        font-size: 16px;
    }

    .page {
        width: 100%;
        min-height: 100vh;

        margin: 0;

        padding: 45px 25px;
    }

    .cover {
        min-height: 100vh;
    }

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

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

    h2 {
        font-size: 34px;
    }

    .lead {
        font-size: 19px;
    }

    .grid-2,
    .persona-grid,
    .marketing-grid,
    .digital-grid,
    .tools-grid,
    .skill-list,
    .content-pillars,
    .question-list,
    .launch-plan,
    .challenge-grid {
        grid-template-columns: 1fr;
    }

    .highlight-grid,
    .market-stat-grid,
    .proportion-grid,
    .color-wheel,
    .kpi-grid,
    .stylebook,
    .formula-grid,
    .event-grid {
        grid-template-columns: 1fr;
    }

    .shopping-framework,
    .scale-stages {
        grid-template-columns: 1fr;
    }

    .chart-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .service-stack > div {
        grid-template-columns: 45px 1fr;
    }

    .service-stack span {
        grid-column: 2;
    }

    .big-number {
        font-size: 100px;
    }

    .cta-card {
        padding: 35px 25px;
    }

    .cta-card h2,
    .mini-cta h2 {
        font-size: 32px;
    }

    .big-quote {
        padding: 25px;
        font-size: 23px;
    }

    .formula-big {
        flex-direction: column;
    }

    .revenue-row {
        grid-template-columns: 1fr 1fr;
    }

}/* End custom CSS */