/* ============================================================
   LOCALHOSTING UK — HOMEPAGE
   Complete homepage stylesheet
   ============================================================ */


/* ============================================================
   FONT
   ============================================================ */

.lhuk-home-hero,
.lhuk-purpose-section,
.lhuk-promise-section,
.lhuk-human-ai-section,
.lhuk-charity-section,
.lhuk-community-section,
.lhuk-final-cta {
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI",
        sans-serif;
}


/* ============================================================
   HOMEPAGE VARIABLES
   ============================================================ */

:root {

    --lhuk-bg: #f7f7fa;
    --lhuk-bg-soft: #f1f1f7;
    --lhuk-card: #ffffff;
    --lhuk-card-soft: #f3f2f8;

    --lhuk-text: #202341;
    --lhuk-text-secondary: #70758f;
    --lhuk-text-muted: #85899e;

    --lhuk-border: #d8d8e2;
    --lhuk-border-dark: #c9c8d7;

    --lhuk-purple: #7561d9;
    --lhuk-purple-light: #a99cff;

    --lhuk-primary: #25243c;

    --lhuk-container: 1160px;

    --lhuk-radius: 28px;
    --lhuk-radius-small: 18px;

    --lhuk-shadow: 0 20px 60px rgba(31, 32, 62, 0.06);
}


/* ============================================================
   DARK MODE
   Supports common theme selectors
   ============================================================ */

body.dark,
body.dark-mode,
body.theme-dark,
body[data-theme="dark"],
html[data-theme="dark"] {

    --lhuk-bg: #151624;
    --lhuk-bg-soft: #1b1c2b;
    --lhuk-card: #222331;
    --lhuk-card-soft: #242536;

    --lhuk-text: #f0eff7;
    --lhuk-text-secondary: #a6a8bb;
    --lhuk-text-muted: #85889e;

    --lhuk-border: #3c3d50;
    --lhuk-border-dark: #4b4c61;

    --lhuk-primary: #f2f1f8;

    --lhuk-shadow: 0 20px 70px rgba(0, 0, 0, 0.20);
}


/* ============================================================
   GLOBAL HOMEPAGE RESET
   ============================================================ */

.lhuk-home-hero *,
.lhuk-purpose-section *,
.lhuk-promise-section *,
.lhuk-human-ai-section *,
.lhuk-charity-section *,
.lhuk-community-section *,
.lhuk-final-cta * {
    box-sizing: border-box;
}


.lhuk-home-hero,
.lhuk-purpose-section,
.lhuk-promise-section,
.lhuk-human-ai-section,
.lhuk-charity-section,
.lhuk-community-section,
.lhuk-final-cta {

    width: 100%;
    position: relative;
    color: var(--lhuk-text);
}


.lhuk-home-container {

    width: min(
        calc(100% - 48px),
        var(--lhuk-container)
    );

    margin: 0 auto;
}


/* ============================================================
   HERO
   ============================================================ */

.lhuk-home-hero {

    background:
        radial-gradient(
            circle at 12% 30%,
            rgba(118, 98, 217, 0.12),
            transparent 35%
        ),
        radial-gradient(
            circle at 88% 70%,
            rgba(211, 64, 109, 0.07),
            transparent 32%
        ),
        var(--lhuk-bg);

    padding: 96px 0 90px;
}


.lhuk-hero-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    align-items: center;

    gap: 80px;
}


.lhuk-hero-content {

    min-width: 0;
}


.lhuk-eyebrow {

    display: inline-flex;
    align-items: center;
    margin: 0 0 20px;
    padding: 9px 16px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #ffffff;
    background: var(--lhuk-purple);
    border-radius: 999px;
}


.lhuk-hero-content h1 {
    margin: 0;
    max-width: 690px;
    font-size: 60px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: var(--lhuk-text);
}


.lhuk-hero-intro {
    max-width: 620px;
    margin: 32px 0 0;
    font-size: 17px;
    line-height: 1.75;
    font-weight: 400;
    color: var(--lhuk-text-secondary);
}


.lhuk-hero-actions {

    display: flex;

    align-items: center;

    gap: 30px;

    margin-top: 34px;
}


/* ============================================================
   BUTTONS
   ============================================================ */

.lhuk-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 48px;

    padding: 0 25px;

    border-radius: 999px;

    text-decoration: none !important;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.01em;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}


.lhuk-btn:hover {

    transform: translateY(-2px);

    text-decoration: none !important;
}


.lhuk-btn-primary {

    color: var(--lhuk-purple);

    background: transparent;

    border: 1px solid var(--lhuk-purple);
}


.lhuk-btn-primary:hover {

    background: var(--lhuk-purple);

    color: #ffffff !important;
}


.lhuk-text-link {

    display: inline-flex;

    align-items: center;

    color: var(--lhuk-purple) !important;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none !important;

    transition: opacity 0.2s ease;
}


.lhuk-text-link:hover {

    opacity: 0.7;

    text-decoration: none !important;
}


/* ============================================================
   HERO STATS
   ============================================================ */

.lhuk-hero-stats {

    display: grid;

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

    gap: 38px;

    margin-top: 54px;

    max-width: 620px;
}


.lhuk-stat {

    display: flex;

    flex-direction: column;

    gap: 4px;
}


.lhuk-stat strong {

    display: block;

    font-size: 18px;

    line-height: 1.2;

    font-weight: 500;

    color: var(--lhuk-text);
}


.lhuk-stat span {

    display: block;

    font-size: 12px;

    line-height: 1.5;

    color: var(--lhuk-text-muted);
}

/* ============================================================
   HERO VISUAL
   ============================================================ */

.lhuk-hero-visual {
    position: relative;
    width: 100%;
    min-height: 560px;

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

    overflow: visible;
}


/* ============================================================
   HERO IMAGE WRAPPER
   ============================================================ */

.lhuk-hero-image-wrapper {
    position: relative;

    width: 100%;
    max-width: 680px;

    display: grid;
    place-items: center;

    overflow: visible;
}


/* ============================================================
   HERO IMAGES
   ============================================================ */

.lhuk-hero-image-wrapper {
    position: relative;
    width: 100%;
    max-width: 680px;

    display: grid;
    place-items: center;

    overflow: visible;
}


/* Both images occupy exactly the same space */

.lhuk-hero-image {
    grid-area: 1 / 1;

    display: block;

    width: 100%;
    max-width: 680px;
    height: auto;

    object-fit: contain;
    object-position: center;

    user-select: none;
    -webkit-user-drag: none;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;
}


/* ============================================================
   LIGHT MODE — DEFAULT
   ============================================================ */

.lhuk-hero-image-light {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.lhuk-hero-image-dark {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


/* ============================================================
   LAGOM DARK MODE
   ============================================================ */

/*
 * Lagom applies dark mode to the page.
 *
 * These selectors intentionally target the page-level
 * theme state rather than a class that we create ourselves.
 */


/* body[data-theme="dark"] */

body[data-theme="dark"]
.lhuk-hero-image-light,

html[data-theme="dark"]
.lhuk-hero-image-light {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


body[data-theme="dark"]
.lhuk-hero-image-dark,

html[data-theme="dark"]
.lhuk-hero-image-dark {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


/* ============================================================
   COMMON LAGOM DARK MODE CLASSES
   ============================================================ */

body.dark
.lhuk-hero-image-light,

body.dark-mode
.lhuk-hero-image-light,

body.theme-dark
.lhuk-hero-image-light,

html.dark
.lhuk-hero-image-light,

html.dark-mode
.lhuk-hero-image-light,

html.theme-dark
.lhuk-hero-image-light {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


body.dark
.lhuk-hero-image-dark,

body.dark-mode
.lhuk-hero-image-dark,

body.theme-dark
.lhuk-hero-image-dark,

html.dark
.lhuk-hero-image-dark,

html.dark-mode
.lhuk-hero-image-dark,

html.theme-dark
.lhuk-hero-image-dark {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* ============================================================
   DESKTOP
   ============================================================ */

@media (min-width: 1101px) {

    .lhuk-hero-visual {
        min-height: 570px;
        margin-right: -25px;
    }

    .lhuk-hero-image-wrapper {
        max-width: 680px;
        transform: translateX(10px);
    }

    .lhuk-hero-image {
        max-width: 680px;
    }
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

    .lhuk-hero-visual {
        min-height: 460px;
        margin-top: 10px;
    }

    .lhuk-hero-image-wrapper {
        max-width: 600px;
    }

    .lhuk-hero-image {
        max-width: 600px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {

    .lhuk-hero-visual {
        min-height: auto;
        margin-top: 20px;
        overflow: hidden;
    }

    .lhuk-hero-image-wrapper {
        width: 100%;
        max-width: 580px;
    }

    .lhuk-hero-image {
        width: 100%;
        max-width: 580px;
    }

    .lhuk-human-ai-visual{
        justify-content:center;
        margin-bottom:10px;
    }

    .lhuk-human-ai-image{
        width:100%;
        max-width:520px;
    }
}


/* ============================================================
   PURPOSE SECTION
   ============================================================ */

.lhuk-purpose-section {

    padding: 110px 0;

    background: var(--lhuk-bg);
}


.lhuk-section-heading {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 40px;

    margin-bottom: 44px;
}


.lhuk-section-heading h2 {

    margin: 0;

    font-size: clamp(32px, 3.5vw, 38px);

    line-height: 1.1;

    font-weight: 500;

    letter-spacing: -0.035em;

    color: var(--lhuk-text);
}


.lhuk-section-heading > div > span {

    display: block;

    margin-top: 8px;

    font-size: 15px;

    color: var(--lhuk-text-muted);
}


.lhuk-purpose-grid {

    display: grid;

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

    gap: 14px;
}


.lhuk-purpose-card {

    min-height: 270px;

    display: flex;

    flex-direction: column;

    padding: 28px;

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

    border-radius: 25px;

    background: var(--lhuk-card);

    color: var(--lhuk-text);

    text-decoration: none !important;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}


.lhuk-purpose-card:nth-child(5) {

    grid-column: span 1;
}


.lhuk-purpose-card:hover {

    transform: translateY(-4px);

    border-color: var(--lhuk-purple);

    text-decoration: none !important;
}


.lhuk-purpose-card h3 {

    margin: 0 0 14px;

    font-size: 21px;

    line-height: 1.25;

    font-weight: 500;

    color: var(--lhuk-text);
}


.lhuk-purpose-card p {

    margin: 0;

    font-size: 13px;

    line-height: 1.7;

    color: var(--lhuk-text-secondary);
}


.lhuk-purpose-card strong {

    margin-top: auto;

    padding-top: 25px;

    font-size: 16px;

    font-weight: 600;

    color: var(--lhuk-purple);
}


.lhuk-card-link {

    display: block;

    margin-top: 8px;

    font-size: 14px;

    line-height: 1.5;

    color: var(--lhuk-text);

    text-decoration: underline;

    text-underline-offset: 3px;
}


/* ============================================================
   FAIR PRICE PROMISE
   ============================================================ */

.lhuk-promise-section {

    padding: 70px 0 110px;

    background: var(--lhuk-bg);
}


.lhuk-promise-card {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.95fr);

    gap: 70px;

    padding: 62px;

    border-radius: 38px;

    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(117, 97, 217, 0.09),
            transparent 45%
        ),
        var(--lhuk-card);

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

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


.lhuk-promise-content h2 {

    max-width: 600px;

    margin: 0 0 25px;

    font-size: clamp(34px, 4vw, 38px);

    line-height: 1.08;

    font-weight: 500;

    letter-spacing: -0.04em;

    color: var(--lhuk-text);
}


.lhuk-promise-content p {

    max-width: 570px;

    margin: 0 0 28px;

    font-size: 15px;

    line-height: 1.8;

    color: var(--lhuk-text-secondary);
}


.lhuk-promise-list {

    display: flex;

    flex-direction: column;

    gap: 12px;

    justify-content: center;
}


.lhuk-promise-item {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding: 19px 21px;

    border-radius: 20px;

    background: var(--lhuk-card-soft);
}


.lhuk-promise-dot {

    flex: 0 0 7px;

    width: 7px;

    height: 7px;

    margin-top: 7px;

    border-radius: 50%;

    background: var(--lhuk-purple-light);
}


.lhuk-promise-item p {

    margin: 0;

    font-size: 13px;

    line-height: 1.55;

    color: var(--lhuk-text-secondary);
}


/* ============================================================
   HUMAN + AI
   ============================================================ */

.lhuk-human-ai-section {

    padding: 70px 0 120px;

    background: var(--lhuk-bg);
}


.lhuk-human-ai-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    align-items: center;

    gap: 75px;
}


.lhuk-human-ai-visual{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.lhuk-human-ai-image{
    display:block;
    width:100%;
    max-width:560px;
    height:auto;
    object-fit:contain;
    object-position:center;
    user-select:none;
    -webkit-user-drag:none;
}


.lhuk-small-pill {

    display: inline-flex;
    align-items: center;
    margin: 0 0 20px;
    padding: 9px 16px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #ffffff;
    background: var(--lhuk-purple);
    border-radius: 999px;
}


.lhuk-human-ai-content h2 {

    max-width: 550px;

    margin: 0 0 25px;

    font-size: clamp(36px, 4vw, 38px);

    line-height: 1.08;

    font-weight: 500;

    letter-spacing: -0.04em;

    color: var(--lhuk-text);
}


.lhuk-human-ai-content p {

    max-width: 560px;

    margin: 0 0 28px;

    font-size: 15px;

    line-height: 1.8;

    color: var(--lhuk-text-secondary);
}


/* ============================================================
   CHARITY
   ============================================================ */

.lhuk-charity-section {

    padding: 80px 0 110px;

    background: var(--lhuk-bg);
}


.lhuk-charity-card {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.85fr);

    align-items: center;

    gap: 70px;

    padding: 58px;

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

    border-radius: 38px;

    background: var(--lhuk-card);

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


.lhuk-charity-content h2 {

    max-width: 650px;

    margin: 0 0 25px;

    font-size: clamp(34px, 4vw, 38px);

    line-height: 1.08;

    font-weight: 500;

    letter-spacing: -0.04em;

    color: var(--lhuk-text);
}


.lhuk-charity-content p {

    max-width: 590px;

    margin: 0 0 28px;

    font-size: 15px;

    line-height: 1.8;

    color: var(--lhuk-text-secondary);
}


/* ============================================================
   CHARITY VISUAL
   ============================================================ */

.lhuk-charity-visual{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:300px;
    position:relative;
}

.lhuk-charity-image{
    display:block;
    max-width:500px;
    height:auto;
    object-fit:contain;
    transition: transform 0.4s ease;
}

.lhuk-charity-card:hover .lhuk-charity-image{
    transform:scale(1.025);
}

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

@media(max-width:900px){

    .lhuk-charity-card{
        grid-template-columns:1fr;
        gap:45px;
        padding:45px;
    }

    .lhuk-charity-content{
        max-width:100%;
    }

    .lhuk-charity-visual{
        min-height:260px;
    }

    .lhuk-charity-image{
        max-width:520px;
    }

}

@media(max-width:600px){

    .lhuk-charity-section{
        padding:60px 0 80px;
    }

    .lhuk-charity-card{
        gap:30px;
        padding:32px 24px;
        border-radius:28px;
    }

    .lhuk-charity-content h2{
        font-size:32px;
        letter-spacing:-0.03em;
    }

    .lhuk-charity-content p{
        font-size:15px;
        line-height:1.7;
    }

    .lhuk-charity-visual{
        min-height:210px;
    }

    .lhuk-charity-image{
        width:100%;
        max-width:100%;
    }

}


/* ============================================================
   COMMUNITY / CAMERA ROLL
   ============================================================ */

.lhuk-community-section {

    padding: 80px 0 120px;

    background: var(--lhuk-bg);
}


.lhuk-community-section .lhuk-section-heading {

    align-items: flex-start;
}


.lhuk-community-section .lhuk-section-heading p {

    max-width: 570px;

    margin: 18px 0 0;

    font-size: 15px;

    line-height: 1.7;

    color: var(--lhuk-text-secondary);
}


.lhuk-section-note {

    padding-top: 5px;

    font-size: 12px;

    color: var(--lhuk-text-muted);

    white-space: nowrap;
}


.lhuk-camera-grid {

    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 16px;

    align-items: start;
}


.lhuk-camera-item {

    min-width: 0;
}


.lhuk-camera-image {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    border: 1px dashed var(--lhuk-border-dark);

    border-radius: 25px;

    background: var(--lhuk-card);

    color: var(--lhuk-text-muted);

    text-align: center;

    font-size: 11px;
}


.lhuk-camera-item.portrait .lhuk-camera-image {

    aspect-ratio: 0.75;
}


.lhuk-camera-item.landscape .lhuk-camera-image {

    aspect-ratio: 1.35;
}


.lhuk-camera-item.square .lhuk-camera-image {

    aspect-ratio: 1;
}


.lhuk-camera-item p {

    margin: 12px 0 4px;

    font-size: 12px;

    line-height: 1.55;

    color: var(--lhuk-text-secondary);
}


.lhuk-camera-item > span {

    font-size: 10px;

    color: var(--lhuk-text-muted);
}

/* ============================================================
   LIGHT MODE
   Explicit fallback
   ============================================================ */

body:not(.dark):not(.dark-mode):not(.theme-dark)
.lhuk-home-hero,
body:not(.dark):not(.dark-mode):not(.theme-dark)
.lhuk-purpose-section,
body:not(.dark):not(.dark-mode):not(.theme-dark)
.lhuk-promise-section,
body:not(.dark):not(.dark-mode):not(.theme-dark)
.lhuk-human-ai-section,
body:not(.dark):not(.dark-mode):not(.theme-dark)
.lhuk-charity-section,
body:not(.dark):not(.dark-mode):not(.theme-dark)
.lhuk-community-section,
body:not(.dark):not(.dark-mode):not(.theme-dark)
.lhuk-final-cta {
    color: var(--lhuk-text);
}


/* ============================================================
   RESPONSIVE — TABLET
   ============================================================ */

@media (max-width: 1100px) {

    .lhuk-home-container {
        width: min(
            calc(100% - 40px),
            920px
        );
    }


    .lhuk-hero-grid,
    .lhuk-human-ai-grid {

        gap: 45px;
    }


    .lhuk-purpose-grid {

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


    .lhuk-purpose-card:nth-child(5) {

        grid-column: auto;
    }


    .lhuk-promise-card,
    .lhuk-charity-card {

        gap: 45px;

        padding: 45px;
    }


    .lhuk-camera-grid {

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

}


/* ============================================================
   RESPONSIVE — MOBILE
   ============================================================ */

@media (max-width: 768px) {

    .lhuk-home-container {

        width: calc(100% - 32px);
    }


    .lhuk-home-hero {

        padding: 65px 0 70px;
    }


    .lhuk-hero-grid,
    .lhuk-human-ai-grid,
    .lhuk-promise-card,
    .lhuk-charity-card {

        grid-template-columns: 1fr;

    }


    .lhuk-hero-grid {

        gap: 45px;
    }


    .lhuk-hero-content h1 {

        font-size: clamp(42px, 12vw, 58px);
    }


    .lhuk-hero-intro {

        font-size: 15px;
    }


    .lhuk-hero-actions {

        align-items: flex-start;

        flex-direction: column;

        gap: 20px;
    }


    .lhuk-hero-stats {

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

        gap: 18px;

        margin-top: 40px;
    }


    .lhuk-stat strong {

        font-size: 16px;
    }


    .lhuk-stat span {

        font-size: 10px;
    }


    .lhuk-hero-visual {

        min-height: 320px;
    }


    .lhuk-purpose-section,
    .lhuk-community-section {

        padding: 75px 0;
    }


    .lhuk-section-heading {

        display: block;

        margin-bottom: 30px;
    }


    .lhuk-section-note {

        display: block;

        margin-top: 15px;
    }


    .lhuk-purpose-grid {

        grid-template-columns: 1fr;

    }


    .lhuk-purpose-card {

        min-height: 230px;
    }


    .lhuk-promise-section,
    .lhuk-human-ai-section,
    .lhuk-charity-section {

        padding: 30px 0 75px;
    }


    .lhuk-promise-card,
    .lhuk-charity-card {

        padding: 30px;

        border-radius: 28px;
    }


    .lhuk-promise-content h2,
    .lhuk-charity-content h2,
    .lhuk-human-ai-content h2 {

        font-size: 36px;
    }


    .lhuk-camera-grid {

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

    }


    .lhuk-final-cta {

        padding: 10px 0 75px;
    }


    .lhuk-final-cta-inner {

        flex-direction: column;

        align-items: flex-start;

        padding: 35px 30px;

        border-radius: 28px;
    }


    .lhuk-final-actions {

        flex-direction: column;

        align-items: flex-start;

        gap: 18px;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 480px) {

    .lhuk-hero-stats {

        grid-template-columns: 1fr;

        gap: 16px;
    }


    .lhuk-camera-grid {

        grid-template-columns: 1fr;
    }


    .lhuk-hero-content h1 {

        font-size: 42px;
    }


    .lhuk-purpose-card {

        padding: 24px;
    }


    .lhuk-promise-card,
    .lhuk-charity-card {

        padding: 25px;
    }

}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

.lhuk-purpose-card:focus-visible,
.lhuk-btn:focus-visible,
.lhuk-text-link:focus-visible {

    outline: 2px solid var(--lhuk-purple);

    outline-offset: 4px;
}


/* ============================================================
   PREVENT THEME FROM BREAKING HOMEPAGE
   ============================================================ */

.lhuk-home-hero a,
.lhuk-purpose-section a,
.lhuk-promise-section a,
.lhuk-human-ai-section a,
.lhuk-charity-section a,
.lhuk-community-section a,
.lhuk-final-cta a {

    box-shadow: none;
}


.lhuk-home-hero h1,
.lhuk-home-hero h2,
.lhuk-home-hero h3,
.lhuk-purpose-section h1,
.lhuk-purpose-section h2,
.lhuk-purpose-section h3,
.lhuk-promise-section h1,
.lhuk-promise-section h2,
.lhuk-promise-section h3,
.lhuk-human-ai-section h1,
.lhuk-human-ai-section h2,
.lhuk-human-ai-section h3,
.lhuk-charity-section h1,
.lhuk-charity-section h2,
.lhuk-charity-section h3,
.lhuk-community-section h1,
.lhuk-community-section h2,
.lhuk-community-section h3,
.lhuk-final-cta h1,
.lhuk-final-cta h2,
.lhuk-final-cta h3 {

    font-family: "Poppins", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;

    color: var(--lhuk-text);
}

/* ==========================================================
   HOMEPAGE HEADER
   Match Hosting / Pricing header alignment
   ========================================================== */

@media (min-width: 1201px) {

    .lhuk-homepage-header .lhuk-container {
        width: 100%;
        max-width: 1260px;
        height: 68px;
        margin: 0 auto;
        padding: 0;
    }

}

@media (max-width: 1200px) and (min-width: 993px) {

    .lhuk-homepage-header .lhuk-container {
        width: 100%;
        max-width: 1100px;
        padding: 0 20px;
    }

}

@media (max-width: 992px) {

    .lhuk-homepage-header .lhuk-container {
        width: 100%;
        max-width: 100%;
        padding: 0 24px;
    }

}

@media (max-width: 768px) {

    .lhuk-homepage-header .lhuk-container {
        height: 64px;
        padding: 0 20px;
    }

}

@media (max-width: 480px) {

    .lhuk-homepage-header .lhuk-container {
        padding: 0 15px;
    }

    .lhuk-human-ai-visual{
        margin-bottom:0;
    }

    .lhuk-human-ai-image{
        max-width:420px;
    }

}

/* =========================================================
   KITWICK HOMEPAGE HERO CTA
   Match the curved Register button in the header
   ========================================================= */

.lhuk-home-hero .lhuk-hero-actions a.lhuk-btn.lhuk-btn-primary,
.lhuk-home-hero .lhuk-hero-actions a.lhuk-btn.lhuk-btn-primary:visited,
.lhuk-home-hero .lhuk-hero-actions a.lhuk-btn.lhuk-btn-primary:hover,
.lhuk-home-hero .lhuk-hero-actions a.lhuk-btn.lhuk-btn-primary:focus,
.lhuk-home-hero .lhuk-hero-actions a.lhuk-btn.lhuk-btn-primary:active {

    /* Size */
    width: 172px !important;
    height: 51px !important;
    min-width: 172px !important;
    max-width: 172px !important;

    /* Alignment */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;

    /* Curved / pill shape */
    border-radius: 999px !important;

    /* Border */
    border: 1.5px solid #7959e8 !important;

    /* Background */
    background: transparent !important;
    background-image: none !important;

    /* Text */
    color: #7959e8 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;

    /* Remove inherited styling */
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Hover */
.lhuk-home-hero .lhuk-hero-actions a.lhuk-btn.lhuk-btn-primary:hover {
    background: rgba(121, 89, 232, 0.08) !important;
    background-image: none !important;
    border-color: #7959e8 !important;
    color: #7959e8 !important;
}

/* =========================================================
   HOMEPAGE — REMOVE THEME MAIN BODY TOP PADDING
   ========================================================= */

#main-body {
    padding-bottom: 0 !important;
}