/* Site-wide mobile polish loaded after the main theme styles. */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

img,
video,
iframe {
    max-width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    section,
    .section,
    .knowledge-layout-section,
    .growth-cta-section,
    .insights-strip {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }

    .knowledge-layout,
    .growth-cta-box,
    .insights-strip-box {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 24px !important;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 16px;
        line-height: 1.6;
    }

    .container,
    .insights-hero-shell {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    section,
    .section,
    .knowledge-layout-section,
    .growth-cta-section,
    .insights-strip {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }

    p,
    li,
    .section-desc,
    .insights-hero-head p,
    .knowledge-card-content p,
    .growth-cta-content p,
    .filter-btn,
    .knowledge-read-more {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    h1,
    .insights-hero-head h1 {
        font-size: clamp(2rem, 9vw, 2.8rem) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.02em !important;
    }

    h2,
    .growth-cta-content h2,
    .insights-strip-content h3 {
        font-size: clamp(1.75rem, 7.5vw, 2.2rem) !important;
        line-height: 1.2 !important;
        letter-spacing: -0.01em !important;
    }

    h3,
    .knowledge-sidebar-box h3,
    .knowledge-card-content h3 {
        font-size: 1.35rem !important;
        line-height: 1.3 !important;
    }

    .insights-hero {
        padding-top: 88px !important;
        padding-bottom: 38px !important;
    }

    .insights-hero-kicker,
    .knowledge-tag {
        font-size: 12px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    .insights-search input,
    .filter-btn,
    .growth-cta-form input,
    .growth-cta-form button {
        min-height: 48px !important;
        font-size: 16px !important;
    }

    .knowledge-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .knowledge-sidebar {
        position: static !important;
    }

    .knowledge-sidebar-box,
    .knowledge-card,
    .growth-cta-box {
        border-radius: 16px !important;
    }

    .knowledge-sidebar-box,
    .knowledge-card-content,
    .growth-cta-box {
        padding: 18px 16px !important;
    }

    .knowledge-grid,
    .insights-strip-stats {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .insights-strip-box {
        align-items: stretch !important;
    }

    .insights-strip-content {
        max-width: 100% !important;
    }

    .insights-strip-stats {
        display: grid !important;
    }

    .strip-stat {
        align-items: flex-start !important;
    }

    .knowledge-image {
        height: 210px !important;
    }

    .growth-cta-form,
    .growth-cta-form button {
        width: 100% !important;
    }
}

@media (max-width: 420px) {
    .knowledge-image {
        height: 190px !important;
    }
}

/* Consistent type scale and section rhythm. */
:root {
    --site-section-space: 72px;
    --site-section-space-tablet: 56px;
    --site-section-space-mobile: 42px;
    --site-body-size: 17px;
    --site-body-size-mobile: 18px;
    --site-small-size: 14px;
}

body {
    font-size: var(--site-body-size);
    line-height: 1.65;
}

p,
li,
.section-desc,
.hero-text,
.about-modern-copy p,
.pharma-framework-head p,
.process-subtitle,
.process-item p,
.why-card p,
.transform-card p,
.ready-header p,
.r-card p,
.r-card span,
.insights-hero-head p,
.knowledge-card-content p,
.growth-cta-content p {
    font-size: var(--site-body-size) !important;
    line-height: 1.7 !important;
}

small,
.hero-kicker,
.about-mission-tag,
.pharma-step4-pill,
.knowledge-tag,
.insights-hero-kicker,
.strip-stat span {
    font-size: var(--site-small-size) !important;
    line-height: 1.35 !important;
}

h1,
.hero-title,
.insights-hero-head h1 {
    line-height: 1.08 !important;
}

h2,
.section-title,
.about-modern-title,
.pharma-framework-head h2,
.pharma-framework-head h3,
.process-main-title,
.why-header h2,
.transform-header h2,
.ready-header h2,
.growth-cta-content h2,
.insights-strip-content h3 {
    line-height: 1.18 !important;
}

h3,
h4,
.knowledge-card-content h3,
.process-item h4,
.why-card h4,
.transform-card h4,
.r-card h4 {
    line-height: 1.3 !important;
}

section,
.section,
.about-modern-section,
.pharma-framework-section,
.pharma-process-section,
.pharma-why-section,
.how-we-transform-section,
.pharma-ready-section,
.knowledge-layout-section,
.growth-cta-section {
    padding-top: var(--site-section-space) !important;
    padding-bottom: var(--site-section-space) !important;
}

.insights-strip {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

.hero-section,
.insights-hero {
    padding-top: 112px !important;
    padding-bottom: 64px !important;
}

.process-wrapper,
.ready-cards,
.why-grid,
.transform-grid,
.knowledge-layout {
    gap: 28px !important;
}

.process-wrapper {
    margin-top: 56px !important;
}

@media (min-width: 992px) {
    .process-wrapper {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 24px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .process-wrapper > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        flex: initial !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

@media (max-width: 991px) {
    section,
    .section,
    .about-modern-section,
    .pharma-framework-section,
    .pharma-process-section,
    .pharma-why-section,
    .how-we-transform-section,
    .pharma-ready-section,
    .knowledge-layout-section,
    .growth-cta-section {
        padding-top: var(--site-section-space-tablet) !important;
        padding-bottom: var(--site-section-space-tablet) !important;
    }

    .hero-section,
    .insights-hero {
        padding-top: 96px !important;
        padding-bottom: 52px !important;
    }

    .process-wrapper {
        margin-top: 42px !important;
    }
}

@media (max-width: 767px) {
    body {
        font-size: var(--site-body-size-mobile);
    }

    p,
    li,
    .section-desc,
    .hero-text,
    .about-modern-copy p,
    .pharma-framework-head p,
    .process-subtitle,
    .process-item p,
    .why-card p,
    .transform-card p,
    .ready-header p,
    .r-card p,
    .r-card span,
    .insights-hero-head p,
    .knowledge-card-content p,
    .growth-cta-content p,
    .filter-btn,
    .knowledge-read-more {
        font-size: var(--site-body-size-mobile) !important;
        line-height: 1.68 !important;
    }

    section,
    .section,
    .about-modern-section,
    .pharma-framework-section,
    .pharma-process-section,
    .pharma-why-section,
    .how-we-transform-section,
    .pharma-ready-section,
    .knowledge-layout-section,
    .growth-cta-section {
        padding-top: var(--site-section-space-mobile) !important;
        padding-bottom: var(--site-section-space-mobile) !important;
    }

    .insights-strip {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .hero-section,
    .insights-hero {
        padding-top: 86px !important;
        padding-bottom: 42px !important;
    }

    h1,
    .hero-title,
    .insights-hero-head h1 {
        font-size: clamp(2.2rem, 9vw, 3rem) !important;
    }

    h2,
    .section-title,
    .about-modern-title,
    .pharma-framework-head h2,
    .pharma-framework-head h3,
    .process-main-title,
    .why-header h2,
    .transform-header h2,
    .ready-header h2,
    .growth-cta-content h2,
    .insights-strip-content h3 {
        font-size: clamp(1.95rem, 7.5vw, 2.35rem) !important;
    }

    h3,
    .knowledge-sidebar-box h3,
    .knowledge-card-content h3 {
        font-size: 20px !important;
    }

    h4,
    .process-item h4,
    .why-card h4,
    .transform-card h4,
    .r-card h4 {
        font-size: 20px !important;
    }

    .process-wrapper,
    .ready-cards,
    .why-grid,
    .transform-grid,
    .knowledge-layout {
        gap: 24px !important;
    }

    .hero-stats {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin: 26px 0 24px !important;
        padding-top: 20px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
    }

    .hero-stat {
        position: relative !important;
        display: grid !important;
        gap: 6px !important;
        min-height: 96px !important;
        padding: 20px 18px 18px 22px !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, 0.075) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-shadow: 0 12px 28px rgba(2, 8, 23, 0.18) !important;
        text-align: left !important;
        overflow: hidden !important;
    }

    .hero-stat::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 18px !important;
        bottom: 18px !important;
        width: 4px !important;
        border-radius: 0 999px 999px 0 !important;
        background: linear-gradient(180deg, #27e0df, #2b7fff) !important;
    }

    .hero-stat strong {
        font-size: 2rem !important;
        line-height: 1.05 !important;
        margin: 0 !important;
        color: #ffffff !important;
        letter-spacing: 0 !important;
    }

    .hero-stat span {
        font-size: 15px !important;
        line-height: 1.35 !important;
        color: rgba(232, 240, 255, 0.9) !important;
        font-weight: 700 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
    }
}

/* Website Development and Clinical Platform responsive pass. */
body:has(.nhs-ready-section),
body:has(.clinical-page) {
    font-size: var(--site-body-size) !important;
    line-height: 1.65 !important;
}

body:has(.nhs-ready-section) p,
body:has(.nhs-ready-section) li,
body:has(.nhs-ready-section) .hero-text,
body:has(.nhs-ready-section) .success-review,
body:has(.nhs-ready-section) .custom-cta-content p,
body:has(.nhs-ready-section) .faq-answer,
body:has(.clinical-page) p,
body:has(.clinical-page) li,
.clinical-page p,
.clinical-page .clinical-check-list li,
.clinical-page .feature-card p,
.clinical-page .stage-card p,
.clinical-page .testimonial-card blockquote,
.clinical-page .faq-answer,
.clinical-page .directory-row {
    font-size: var(--site-body-size) !important;
    line-height: 1.72 !important;
}

body:has(.nhs-ready-section) .hero-kicker,
body:has(.nhs-ready-section) .section-mini-badge,
body:has(.nhs-ready-section) .custom-cta-tag,
body:has(.clinical-page) .clinical-badge,
body:has(.clinical-page) .clinical-step-pill,
body:has(.clinical-page) .status,
body:has(.clinical-page) .live-pill {
    font-size: var(--site-small-size) !important;
    line-height: 1.35 !important;
}

body:has(.nhs-ready-section) .hero-title,
.clinical-page .clinical-hero h1 {
    line-height: 1.08 !important;
}

body:has(.nhs-ready-section) .titles,
body:has(.nhs-ready-section) .success-title,
body:has(.nhs-ready-section) .faq-title,
body:has(.nhs-ready-section) .custom-cta-content h2,
.clinical-page .clinical-heading {
    line-height: 1.18 !important;
}

body:has(.nhs-ready-section) .nhs-ready-section,
body:has(.nhs-ready-section) .features-different,
body:has(.nhs-ready-section) .pharma-pricing-section,
body:has(.nhs-ready-section) .website-package-section,
body:has(.nhs-ready-section) .transformation-section,
body:has(.nhs-ready-section) .success-stories-section,
body:has(.nhs-ready-section) .custom-cta-section,
body:has(.nhs-ready-section) .website-faq-section,
.clinical-page .clinical-section,
.clinical-page .clinical-cta {
    padding-top: var(--site-section-space) !important;
    padding-bottom: var(--site-section-space) !important;
}

body:has(.nhs-ready-section) .hero-section,
.clinical-page .clinical-hero {
    min-height: auto !important;
    padding-top: 112px !important;
    padding-bottom: 64px !important;
}

body:has(.nhs-ready-section) .trust-strip {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

body:has(.nhs-ready-section) .hero-shell,
body:has(.nhs-ready-section) .pricing-grid,
body:has(.nhs-ready-section) .package-grid,
body:has(.nhs-ready-section) .transform-grid,
body:has(.nhs-ready-section) .success-grid,
body:has(.nhs-ready-section) .custom-cta-box,
.clinical-page .clinical-hero-grid,
.clinical-page .intro-grid,
.clinical-page .features-grid,
.clinical-page .revenue-grid,
.clinical-page .stages-grid,
.clinical-page .testimonials-grid,
.clinical-page .metrics-grid,
.clinical-page .dashboard-stats {
    gap: 28px !important;
}

@media (max-width: 1199px) {
    .clinical-page .features-grid,
    .clinical-page .stages-grid,
    .clinical-page .metrics-grid,
    body:has(.nhs-ready-section) .package-grid,
    body:has(.nhs-ready-section) .transform-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991px) {
    body:has(.nhs-ready-section) .nhs-ready-section,
    body:has(.nhs-ready-section) .features-different,
    body:has(.nhs-ready-section) .pharma-pricing-section,
    body:has(.nhs-ready-section) .website-package-section,
    body:has(.nhs-ready-section) .transformation-section,
    body:has(.nhs-ready-section) .success-stories-section,
    body:has(.nhs-ready-section) .custom-cta-section,
    body:has(.nhs-ready-section) .website-faq-section,
    .clinical-page .clinical-section,
    .clinical-page .clinical-cta {
        padding-top: var(--site-section-space-tablet) !important;
        padding-bottom: var(--site-section-space-tablet) !important;
    }

    body:has(.nhs-ready-section) .hero-section,
    .clinical-page .clinical-hero {
        padding-top: 96px !important;
        padding-bottom: 52px !important;
    }

    body:has(.nhs-ready-section) .hero-shell,
    body:has(.nhs-ready-section) .nhs-ready-grid,
    body:has(.nhs-ready-section) .different-grid,
    body:has(.nhs-ready-section) .pricing-grid,
    body:has(.nhs-ready-section) .transform-grid,
    body:has(.nhs-ready-section) .custom-cta-box,
    .clinical-page .clinical-hero-grid,
    .clinical-page .intro-grid,
    .clinical-page .revenue-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    body:has(.nhs-ready-section) .hero-copy,
    body:has(.nhs-ready-section) .hero-text,
    .clinical-page .clinical-hero h1,
    .clinical-page .clinical-hero p,
    .clinical-page .clinical-center {
        max-width: 100% !important;
    }

    body:has(.nhs-ready-section) .hero-visual {
        height: auto !important;
        min-height: auto !important;
        justify-content: center !important;
    }

    body:has(.nhs-ready-section) .hero-ui-card,
    .clinical-page .clinical-dashboard {
        width: 100% !important;
        max-width: 620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body:has(.nhs-ready-section) .success-grid,
    .clinical-page .testimonials-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767px) {
    body:has(.nhs-ready-section),
    body:has(.clinical-page) {
        font-size: var(--site-body-size-mobile) !important;
    }

    body:has(.nhs-ready-section) p,
    body:has(.nhs-ready-section) li,
    body:has(.nhs-ready-section) .hero-text,
    body:has(.nhs-ready-section) .success-review,
    body:has(.nhs-ready-section) .custom-cta-content p,
    body:has(.nhs-ready-section) .faq-answer,
    body:has(.nhs-ready-section) .faq-question,
    body:has(.clinical-page) p,
    body:has(.clinical-page) li,
    .clinical-page p,
    .clinical-page .clinical-check-list li,
    .clinical-page .feature-card p,
    .clinical-page .stage-card p,
    .clinical-page .testimonial-card blockquote,
    .clinical-page .faq-answer,
    .clinical-page .faq-question,
    .clinical-page .directory-row,
    .clinical-page .service-row strong,
    .clinical-page .service-row small {
        font-size: var(--site-body-size-mobile) !important;
        line-height: 1.68 !important;
    }

    body:has(.nhs-ready-section) .nhs-ready-section,
    body:has(.nhs-ready-section) .features-different,
    body:has(.nhs-ready-section) .pharma-pricing-section,
    body:has(.nhs-ready-section) .website-package-section,
    body:has(.nhs-ready-section) .transformation-section,
    body:has(.nhs-ready-section) .success-stories-section,
    body:has(.nhs-ready-section) .custom-cta-section,
    body:has(.nhs-ready-section) .website-faq-section,
    .clinical-page .clinical-section,
    .clinical-page .clinical-cta {
        padding-top: var(--site-section-space-mobile) !important;
        padding-bottom: var(--site-section-space-mobile) !important;
    }

    body:has(.nhs-ready-section) .hero-section,
    .clinical-page .clinical-hero {
        padding-top: 86px !important;
        padding-bottom: 42px !important;
    }

    body:has(.nhs-ready-section) .hero-title,
    .clinical-page .clinical-hero h1 {
        font-size: clamp(2.2rem, 9vw, 3rem) !important;
        line-height: 1.08 !important;
    }

    body:has(.nhs-ready-section) .titles,
    body:has(.nhs-ready-section) .success-title,
    body:has(.nhs-ready-section) .faq-title,
    body:has(.nhs-ready-section) .custom-cta-content h2,
    .clinical-page .clinical-heading {
        font-size: clamp(1.95rem, 7.5vw, 2.35rem) !important;
        line-height: 1.18 !important;
    }

    body:has(.nhs-ready-section) h3,
    body:has(.nhs-ready-section) h4,
    .clinical-page h3,
    .clinical-page h4,
    .clinical-page .feature-card h3,
    .clinical-page .stage-card h3 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    body:has(.nhs-ready-section) .hero-actions,
    .clinical-page .clinical-hero-actions,
    .clinical-page .cta-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 12px !important;
    }

    body:has(.nhs-ready-section) .btn-modern,
    body:has(.nhs-ready-section) .custom-cta-btn,
    .clinical-page .clinical-btn,
    .clinical-page .cta-form input,
    .clinical-page .cta-form button {
        width: 100% !important;
        min-height: 52px !important;
        padding: 12px 16px !important;
        font-size: 17px !important;
        line-height: 1.25 !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
    }
    
    body:has(.nhs-ready-section) .transform-stats{
        display: grid !important;
        gap: 16px !important;
    }

    body:has(.nhs-ready-section) .trust-strip-list,
    body:has(.nhs-ready-section) .hero-bottom-cards,
    body:has(.nhs-ready-section) .package-grid,
    .clinical-page .features-grid,
    .clinical-page .stages-grid,
    .clinical-page .testimonials-grid,
    .clinical-page .metrics-grid,
    .clinical-page .dashboard-stats {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    body:has(.nhs-ready-section) .trust-strip-list li {
        justify-content: flex-start !important;
        white-space: normal !important;
        font-size: 16px !important;
        gap: 8px !important;
    }

    body:has(.nhs-ready-section) .faq-item{
          border-radius: 16px !important;
        padding: 2px 1px !important;

    }

    body:has(.nhs-ready-section) .hero-ui-card,
    body:has(.nhs-ready-section) .pricing-card,
    body:has(.nhs-ready-section) .package-card,
    body:has(.nhs-ready-section) .success-card,
    body:has(.nhs-ready-section) .custom-cta-box,
    .clinical-page .clinical-dashboard,
    .clinical-page .feature-card,
    .clinical-page .stage-card,
    .clinical-page .testimonial-card,
    .clinical-page .service-directory{
        border-radius: 16px !important;
        padding: 22px 16px !important;
    }
    .clinical-page .faq-item {
        border-radius: 16px !important;
        padding: 2px 1px !important;
    }

    body:has(.nhs-ready-section) .hero-ui-top,
    body:has(.nhs-ready-section) .hero-ui-main,
    .clinical-page .service-row {
        padding: 14px !important;
    }

    body:has(.nhs-ready-section) .hero-ui-right,
    body:has(.nhs-ready-section) .hero-tags,
    .clinical-page .clinical-steps,
    .clinical-page .clinical-trust {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    body:has(.nhs-ready-section) .hero-ui-top,
    .clinical-page .dashboard-top,
    .clinical-page .service-row,
    .clinical-page .directory-head,
    .clinical-page .directory-row {
        grid-template-columns: 1fr !important;
    }

    body:has(.nhs-ready-section) .hero-ui-top,
    .clinical-page .dashboard-top {
        display: grid !important;
        gap: 12px !important;
    }

    .clinical-page .service-row {
        grid-template-columns: 42px 1fr !important;
    }

    .clinical-page .service-row .status {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
        font-size: 14px !important;
    }

    .clinical-page .intro-media img {
        height: auto !important;
        min-height: 240px !important;
        max-height: 360px !important;
    }

    .clinical-page .revenue-float {
        position: static !important;
        width: 100% !important;
        margin-top: 16px !important;
    }

    body:has(.nhs-ready-section) .faq-question,
    .clinical-page .faq-question {
        align-items: flex-start !important;
        gap: 14px !important;
        padding: 2px 2px !important;
    }

    body:has(.nhs-ready-section) .faq-answer,
    .clinical-page .faq-answer {
        max-height: 0 !important;
        overflow: hidden !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body:has(.nhs-ready-section) .faq-item.active .faq-answer,
    .clinical-page .faq-item.active .faq-answer {
        max-height: 600px !important;
        padding-bottom: 20px !important;
    }
}

@media (max-width: 420px) {
    body:has(.nhs-ready-section) .hero-ui-card,
    .clinical-page .clinical-dashboard {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* Policy/legal page banner. */
.policy-hero {
    position: relative;
    overflow: hidden;
    padding: 128px 0 72px !important;
    background:
        radial-gradient(circle at 18% 22%, rgba(1, 199, 200, 0.16) 0%, rgba(1, 199, 200, 0) 26%),
        radial-gradient(circle at 78% 12%, rgba(43, 127, 255, 0.2) 0%, rgba(43, 127, 255, 0) 24%),
        linear-gradient(135deg, #0b1222 0%, #0e1930 46%, #0b1e35 70%, #061423 100%);
    color: #fff;
}

.policy-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
}

.policy-hero::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -190px;
    top: -70px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(24, 120, 255, 0.24) 0%, rgba(24, 120, 255, 0) 72%);
    filter: blur(8px);
    pointer-events: none;
}

.policy-hero .container {
    position: relative;
    z-index: 1;
}

.policy-hero-shell {
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
}

.policy-hero-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(1, 199, 200, 0.08);
    border: 1px solid rgba(1, 199, 200, 0.28);
    color: #27e0df;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.policy-hero-title {
    margin: 0;
    color: #fff;
    font-size: clamp(2.35rem, 5vw, 4.35rem);
    line-height: 1.06;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.policy-hero-text {
    max-width: 720px;
    margin: 18px auto 0;
    color: rgba(232, 240, 255, 0.86);
    font-size: 18px;
    line-height: 1.7;
}

.policy-content-section {
    background: #f7fafc;
}

.policy-content-section .col-lg-10,
.gdpr-section .col-lg-10 {
    background: #fff;
    border: 1px solid #e6edf5;
    border-radius: 18px;
    padding: 42px;
    box-shadow: 0 18px 45px rgba(11, 45, 80, 0.06);
}

@media (max-width: 767px) {
    .policy-hero {
        padding: 92px 0 44px !important;
    }

    .policy-hero-shell {
        text-align: left;
    }

    .policy-hero-kicker {
        font-size: 12px;
        padding: 7px 12px;
    }

    .policy-hero-title {
        font-size: clamp(2.15rem, 10vw, 3rem);
    }

    .policy-hero-text {
        font-size: 18px;
        line-height: 1.68;
    }

    .policy-content-section .col-lg-10,
    .gdpr-section .col-lg-10 {
        padding: 24px 16px;
        border-radius: 16px;
    }
}