@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800;900&display=swap');

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

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

html{
    scroll-behavior:smooth;
    background:#000;
}

body{
    font-family:'Manrope', Arial, sans-serif;
    background:#000;
    color:#fff;
    overflow-x:hidden;
}

/* ================= GLOBAL ================= */

:root{
    --gold:#c8a348;
    --gold-light:#fff3b0;
    --gold-mid:#e6c45d;
    --gold-deep:#c99723;
    --gold-dark:#8f620c;
    --gold-soft:rgba(200,163,72,.24);
    --gold-gradient:linear-gradient(
        180deg,
        #fff3b0 0%,
        #e6c45d 25%,
        #c99723 55%,
        #8f620c 75%,
        #f0d37a 100%
    );
    --black:#000;
    --deep-black:#050505;
    --white:#fff;
}

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

.hero{
    min-height:125vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background-image:url("Assets/Images/hero.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        radial-gradient(circle at 58% 32%, rgba(255,214,105,.30), transparent 23%),
        radial-gradient(circle at 75% 48%, rgba(200,163,72,.18), transparent 32%),
        linear-gradient(
            90deg,
            rgba(0,0,0,.94) 0%,
            rgba(0,0,0,.78) 34%,
            rgba(0,0,0,.48) 62%,
            rgba(0,0,0,.22) 100%
        );
    animation:sunPulse 8s ease-in-out infinite;
}

.hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.50) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.24) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.14) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.45;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.light-rays{
    position:absolute;
    inset:-10%;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(115deg, transparent 0%, transparent 38%, rgba(255,211,101,.10) 44%, transparent 52%, transparent 100%),
        linear-gradient(105deg, transparent 0%, transparent 46%, rgba(255,184,55,.08) 51%, transparent 58%, transparent 100%);
    mix-blend-mode:screen;
    opacity:.62;
    animation:rayDrift 13s ease-in-out infinite;
}

.vignette{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:radial-gradient(circle at center, transparent 42%, rgba(0,0,0,.52) 100%);
}

/* ================= NAV ================= */

.hero-nav{
    position:absolute;
    top:22px;
    left:50%;
    transform:translateX(-50%);
    z-index:10;
    width:calc(100% - 90px);
    max-width:1420px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 18px 12px 24px;
    border:1px solid rgba(200,163,72,.24);
    background:rgba(0,0,0,.36);
    backdrop-filter:blur(20px);
    border-radius:999px;
    box-shadow:
        0 20px 70px rgba(0,0,0,.42),
        inset 0 0 30px rgba(255,215,100,.04);
}

.hero-nav.scrolled{
    background:rgba(0,0,0,.75);
    border-color:rgba(200,163,72,.38);
}

.nav-brand{

    color:#e2c36a;

    font-weight:700;

    text-decoration:none;

    transition:all .3s ease;

    text-shadow:
        0 0 6px rgba(226,195,106,.15);

}

.nav-brand:hover{

    color:#f6dd8a;

    text-shadow:
        0 0 12px rgba(226,195,106,.45);

}

.nav-links{
    display:flex;
    gap:22px;
    align-items:center;
}

.nav-links a{
    color:rgba(255,255,255,.78);
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    transition:.25s ease;
}

.nav-links a:hover{
    color:var(--gold);
}

.nav-button{
    color:#111;
    background:var(--gold);
    text-decoration:none;
    padding:12px 22px;
    border-radius:999px;
    font-weight:900;
    font-size:14px;
    box-shadow:0 0 28px rgba(200,163,72,.30);
}

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

.hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:80px;
    padding:90px 80px 40px;
}

.hero-text{
    max-width:680px;
}

.eyebrow{

    display:inline-block;

    padding:14px 28px;
    margin-bottom:34px;

    border:1px solid rgba(200,163,72,.35);
    border-radius:999px;

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

    color:var(--gold);

    font-size:18px;
    font-weight:900;
    letter-spacing:6px;
    text-transform:uppercase;

    box-shadow:
        0 0 30px rgba(200,163,72,.08),
        inset 0 0 18px rgba(255,255,255,.02);
}

.hero h1{
    font-size:70px;
    line-height:.98;
    letter-spacing:-3.2px;
    margin-bottom:28px;
    font-weight:900;
    max-width:700px;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.intro{
    font-size:22px;
    line-height:1.55;
    color:rgba(255,255,255,.84);
    margin-bottom:38px;
    max-width:560px;
    opacity:0;
    animation:fadeUp .9s ease .25s forwards;
}

.hero-buttons{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    opacity:0;
    animation:fadeUp .9s ease .38s forwards;
}

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

.btn{
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:17px 32px;
    min-width:200px;
    border-radius:999px;
    text-decoration:none;
    font-weight:900;
    transition:.35s ease;
}

.btn::after{
    content:"";
    position:absolute;
    top:0;
    left:-130%;
    width:85%;
    height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
    transform:skewX(-18deg);
    transition:.8s ease;
}

.btn:hover::after{
    left:135%;
}

.gold{
    background:var(--gold);
    color:#111;
    box-shadow:
        0 0 30px rgba(200,163,72,.38),
        0 15px 45px rgba(0,0,0,.35);
    animation:buttonPulse 7s ease-in-out infinite;
}

.gold:hover{
    background:#e4bc59;
    transform:translateY(-5px);
}

.outline{
    color:#fff;
    border:1px solid rgba(200,163,72,.6);
    background:rgba(0,0,0,.20);
    backdrop-filter:blur(8px);
}

.outline:hover{
    background:rgba(200,163,72,.12);
    transform:translateY(-5px);
}

/* ================= LOGO ================= */

.hero-logo{
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    animation:fadeIn 1.2s ease .5s forwards;
    position:relative;
    top:-120px;
    left:70px;
}

.hero-logo img{
    width:510px;
    max-width:100%;
    filter:
        drop-shadow(0 0 22px rgba(255,223,120,.72))
        drop-shadow(0 0 55px rgba(255,190,45,.42))
        drop-shadow(0 0 105px rgba(255,170,0,.20));
}

/* ================= SCROLL ================= */

.scroll-indicator{
    position:absolute;
    bottom:25px;
    left:50%;
    transform:translateX(-50%);
    z-index:6;
    color:var(--gold);
    font-size:11px;
    letter-spacing:5px;
    text-transform:uppercase;
    opacity:.65;
    animation:scrollBounce 2.5s ease-in-out infinite;
}

/* ================= DIFFERENCE SECTION ================= */

.difference{
    position:relative;
    overflow:hidden;
    padding:95px 24px 150px;
    margin-top:-24px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.45) 18%,
            rgba(0,0,0,.82) 42%,
            #050505 100%
        );
    border-top:none;
}

.difference-container{
    max-width:1150px;
    margin:0 auto;
    text-align:center;
}

.difference-title{
    font-size:clamp(58px,7vw,92px);
    line-height:.92;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:45px;
}

.difference-gold{
    font-size:clamp(48px,6vw,82px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:90px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

/* ================= DIFFERENCE CARDS ================= */

.difference-hook,
.difference-final-card{
    max-width:980px;
    margin-left:auto;
    margin-right:auto;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.difference-hook{
    margin-bottom:40px;
}

.difference-final-card{
    margin-top:90px;
}

.difference-hook h3,
.difference-final-card h3{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.difference-hook .hook-gold,
.difference-final-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

/* ================= DIFFERENCE BODY COPY ================= */

.difference-intro{
    max-width:760px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    font-weight:400;
    text-align:left;
}

.difference-intro strong{
    color:#fff;
    font-weight:800;
}

/* ================= ANIMATIONS ================= */

@keyframes forestBreath{
    0%{
        background-size:100%;
        background-position:center center;
        filter:brightness(.82) contrast(1.08);
    }

    25%{
        background-size:102%;
        background-position:49% 49%;
        filter:brightness(1) contrast(1.12);
    }

    50%{
        background-size:105%;
        background-position:51% 48%;
        filter:brightness(1.16) contrast(1.16);
    }

    75%{
        background-size:102%;
        background-position:50% 51%;
        filter:brightness(.94) contrast(1.1);
    }

    100%{
        background-size:100%;
        background-position:center center;
        filter:brightness(.82) contrast(1.08);
    }
}

@keyframes sunPulse{
    0%,100%{
        opacity:.75;
        filter:brightness(.8);
    }

    50%{
        opacity:1;
        filter:brightness(1.35);
    }
}

@keyframes dustFloat{
    from{
        transform:translate3d(0,0,0);
    }

    to{
        transform:translate3d(-140px,-180px,0);
    }
}

@keyframes rayDrift{
    0%,100%{
        transform:translateX(-15px);
        opacity:.45;
    }

    50%{
        transform:translateX(15px);
        opacity:.82;
    }
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(35px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:scale(.96);
    }

    to{
        opacity:1;
        transform:scale(1);
    }
}

@keyframes floatLogo{
    0%,100%{
        transform:translateY(0) scale(1);
    }

    50%{
        transform:translateY(-12px) scale(1.01);
    }
}

@keyframes scrollBounce{
    0%,100%{
        transform:translate(-50%,0);
    }

    50%{
        transform:translate(-50%,-10px);
    }
}

@keyframes buttonPulse{
    0%,100%{
        box-shadow:
            0 0 30px rgba(200,163,72,.38),
            0 15px 45px rgba(0,0,0,.35);
    }

    50%{
        box-shadow:
            0 0 48px rgba(232,189,87,.58),
            0 18px 55px rgba(0,0,0,.38);
    }
}
/* ================= JOURNEY SECTION ================= */

.journey{
    position:relative;
    padding:95px 24px 0;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.10), transparent 34%),
        #050505;
    overflow:hidden;
}

.journey-container{
    max-width:1180px;
    margin:0 auto;
    text-align:center;
}

.journey-main-title{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:18px 44px;
    margin:0 auto 34px;

    border:1px solid rgba(200,163,72,.30);
    border-radius:999px;

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

    box-shadow:
        0 0 60px rgba(200,163,72,.10),
        inset 0 0 28px rgba(255,255,255,.018);

    color:var(--gold);
    font-size:clamp(18px,2vw,28px);
    font-weight:900;
    letter-spacing:5px;
    line-height:1;
    text-transform:uppercase;
}

.journey-title{
    font-size:clamp(52px,5.8vw,84px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.journey-gold{
    max-width:980px;
    margin:0 auto 105px;

    font-size:clamp(50px,6vw,88px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;

    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.journey-timeline{
    position:relative;
    display:grid;
    gap:50px;
}

.journey-timeline::before{
    content:"";
    position:absolute;
    top:12px;
    bottom:12px;
    left:50%;
    width:1px;
    transform:translateX(-50%);
    background:linear-gradient(
        to bottom,
        transparent,
        rgba(200,163,72,.70),
        transparent
    );
}

.journey-card{
    position:relative;
    width:calc(50% - 32px);
    padding:48px 52px;

    border:1px solid rgba(200,163,72,.26);
    border-radius:30px;

    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));

    box-shadow:
        0 0 90px rgba(200,163,72,.075),
        inset 0 0 42px rgba(255,255,255,.018);

    text-align:left;
}

.journey-card:nth-child(odd){
    justify-self:start;
}

.journey-card:nth-child(even){
    justify-self:end;
}

.journey-card::before{
    content:"";
    position:absolute;
    top:48px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:
        0 0 18px rgba(200,163,72,.90),
        0 0 45px rgba(200,163,72,.45);
}

.journey-card:nth-child(odd)::before{
    right:-42px;
}

.journey-card:nth-child(even)::before{
    left:-42px;
}

.journey-card span{
    display:inline-flex;
    margin-bottom:24px;

    color:var(--gold);
    font-size:15px;
    letter-spacing:5px;
    font-weight:900;
}

.journey-card h3{
    font-size:clamp(34px,3vw,48px);
    line-height:1.02;
    letter-spacing:-1.7px;
    font-weight:900;
    color:#fff;
    margin-bottom:16px;
}

.journey-card h4{
    font-size:20px;
    line-height:1.35;
    color:var(--gold);
    font-weight:900;
    margin-bottom:18px;
}

.journey-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}
/* ================= ABOUT CRAIG ================= */

.about-craig{
    position:relative;
    padding:70px 20px 80px;
    margin-top:0;
    background:
        linear-gradient(
            to bottom,
            #050505 0%,
            #000 100%
        );
    overflow:hidden;
}

.about-container{
    max-width:1280px;
    margin:0 auto;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:80px;
    align-items:center;
}

.about-badge{

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

    padding:16px 36px;
    margin-bottom:38px;

    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);

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

    font-size:20px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;

    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;

    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.about-text h2{
    font-size:clamp(46px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.about-text h3{
    font-size:clamp(42px,4.5vw,68px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;

    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.about-text p{
    max-width:660px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.about-points{
    display:grid;
    gap:16px;
    margin:42px 0;
}

.about-points div{
    display:flex;
    align-items:center;
    gap:18px;

    padding:18px 22px;

    border:1px solid rgba(200,163,72,.22);
    border-radius:18px;

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

.about-points span{
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:3px;
}

.about-points strong{
    font-size:18px;
    font-weight:900;
    color:#fff;
}

.about-button{
    min-width:260px;
}

.about-image{
    position:relative;
    border-radius:34px;
    overflow:hidden;

    border:1px solid rgba(200,163,72,.24);

    box-shadow:
        0 0 90px rgba(200,163,72,.10),
        0 40px 120px rgba(0,0,0,.65);
}

.about-image::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.05),
            rgba(0,0,0,.45)
        );
}

.about-image img{
    display:block;
    width:100%;
    height:820px;
    object-fit:cover;
    object-position:center;
}


/* ================= BEHAVIOUR HELP ================= */

.behaviour-help{
    position:relative;
    padding:90px 24px 170px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.09), transparent 38%),
        linear-gradient(to bottom, #000 0%, #050505 100%);
    overflow:hidden;
}

.help-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.help-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:16px 36px;
    margin-bottom:38px;

    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);

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

    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;

    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;

    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.help-title{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.help-gold{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:90px;

    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.help-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
}

.help-card{
    position:relative;
    min-height:390px;
    padding:44px 36px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;

    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));

    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);

    text-align:left;
    text-decoration:none;
    color:#fff;

    overflow:hidden;
    transition:.35s ease;
}

.help-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);

    opacity:.65;
    transition:.35s ease;
}

.help-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.45);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.help-card:hover::before{
    opacity:1;
}

.help-card span,
.help-card h4,
.help-card p,
.help-card strong{
    position:relative;
    z-index:1;
}

.help-card span{
    display:inline-flex;
    margin-bottom:28px;

    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
}

.help-card h4{
    font-size:clamp(32px,2.5vw,38px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.help-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
    margin-bottom:34px;
}

.help-card strong{
    display:inline-flex;
    align-items:center;
    gap:10px;

    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
}

.help-card strong::after{
    content:"→";
    font-size:18px;
    line-height:1;
    transition:.25s ease;
}

.help-card:hover strong::after{
    transform:translateX(6px);
}

/* ================= REVIEWS ================= */

.reviews{
    position:relative;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.reviews-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.reviews-badge{
    display:inline-flex;
    padding:16px 36px;
    border:1px solid rgba(200,163,72,.35);
    border-radius:999px;
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    margin-bottom:36px;
}

.reviews-title{
    font-size:clamp(52px,6vw,88px);
    font-weight:900;
    line-height:.95;
    letter-spacing:-3px;
    margin-bottom:24px;
}

.reviews-gold{
    font-size:clamp(42px,5vw,72px);
    font-weight:900;
    line-height:.96;
    letter-spacing:-3px;
    margin-bottom:80px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.reviews-score{
    margin-bottom:95px;
}

.reviews-score span{
    display:block;
    font-size:24px;
    font-weight:900;
    margin-bottom:16px;
    color:#fff;
}

.stars,
.review-stars{
    color:var(--gold);
    font-size:24px;
    letter-spacing:4px;
}

.reviews-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:34px;
    margin-bottom:95px;
}

.review-card{
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    padding:56px 48px;
    background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
}

.review-card p{
    max-width:920px;
    margin:18px auto 12px;
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.88);
}

.review-card strong{
    display:block;
    font-size:18px;
    font-weight:900;
    color:#fff;
}

.reviews-cta{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
    margin-top:10px;
}

/* ================= ASSESSMENT PROCESS ================= */

.assessment-process{
    position:relative;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#000,#050505);
}

.process-container{
    max-width:1180px;
    margin:0 auto;
    text-align:center;
}

.process-badge{
    display:inline-flex;
    padding:16px 36px;
    border:1px solid rgba(200,163,72,.35);
    border-radius:999px;
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    margin-bottom:36px;
}

.process-title{
    font-size:clamp(52px,6vw,88px);
    font-weight:900;
    line-height:.95;
    letter-spacing:-3px;
    margin-bottom:24px;
}

.process-gold{
    font-size:clamp(42px,5vw,72px);
    font-weight:900;
    line-height:.96;
    letter-spacing:-3px;
    margin-bottom:90px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.process-timeline{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    margin-bottom:80px;
}

.process-step{
    position:relative;
    padding:46px 34px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
    text-align:left;
}

.process-step span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.process-step h4{
    font-size:clamp(28px,2.5vw,38px);
    line-height:1.05;
    letter-spacing:-1.4px;
    font-weight:900;
    margin-bottom:20px;
}

.process-step p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

.process-note{
    max-width:900px;
    margin:0 auto;
    padding:46px 52px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:30px;
    background:rgba(255,255,255,.035);
}

.process-note h4{
    font-size:clamp(32px,3vw,48px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:18px;
}

.process-note p{
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
}

/* ================= FAQ ================= */

.faq{
    position:relative;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
    overflow:hidden;
}

.faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.faq-badge{
    display:inline-flex;
    padding:16px 36px;
    border:1px solid rgba(200,163,72,.35);
    border-radius:999px;
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    margin-bottom:36px;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.faq-title{
    font-size:clamp(52px,6vw,88px);
    font-weight:900;
    line-height:.95;
    letter-spacing:-3px;
    margin-bottom:24px;
}

.faq-gold{
    font-size:clamp(42px,5vw,72px);
    font-weight:900;
    line-height:.96;
    letter-spacing:-3px;
    margin-bottom:90px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.faq-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.faq-item{
    position:relative;
    padding:42px 42px 46px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.faq-item::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.faq-item:hover{
    transform:translateY(-6px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.faq-item:hover::before{
    opacity:1;
}

.faq-item span,
.faq-item h4,
.faq-item p{
    position:relative;
    z-index:1;
}

.faq-item span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:26px;
}

.faq-item h4{
    font-size:clamp(28px,2.5vw,38px);
    line-height:1.05;
    letter-spacing:-1.4px;
    font-weight:900;
    margin-bottom:18px;
}

.faq-item p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

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

.final-cta{
    position:relative;
    padding:120px 24px 150px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.14), transparent 42%),
        radial-gradient(circle at 50% 55%, rgba(200,163,72,.08), transparent 38%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.final-cta-container{
    max-width:1040px;
    margin:0 auto;
    padding:76px 70px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 60px rgba(255,255,255,.02);
    text-align:center;
    overflow:hidden;
}

.final-cta-badge{
    display:inline-flex;
    padding:16px 36px;
    border:1px solid rgba(200,163,72,.35);
    border-radius:999px;
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    margin-bottom:36px;
}

.final-cta h2{
    font-size:clamp(54px,6vw,92px);
    line-height:.92;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.final-cta h3{
    font-size:clamp(46px,5vw,78px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:36px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.final-cta p{
    max-width:760px;
    margin:0 auto 44px;
    font-size:21px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
}

.final-cta-buttons{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
}

/* ================= FOOTER ================= */

.footer{
    position:relative;
    padding:80px 24px 34px;
    background:#000;
    border-top:1px solid rgba(200,163,72,.18);
}

.footer-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:80px;
    padding-bottom:64px;
}

.footer-brand h2{
    font-size:clamp(36px,4vw,58px);
    line-height:.95;
    letter-spacing:-2px;
    font-weight:900;
    margin-bottom:22px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.footer-brand p{
    max-width:520px;
    font-size:18px;
    line-height:1.75;
    color:rgba(255,255,255,.72);
}

.footer-links{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:34px;
}

.footer-links h4{
    color:#fff;
    font-size:16px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:22px;
}

.footer-links a{
    display:block;
    color:rgba(255,255,255,.64);
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    margin-bottom:14px;
    transition:.25s ease;
}

.footer-links a:hover{
    color:var(--gold);
    transform:translateX(4px);
}

.footer-bottom{
    max-width:1240px;
    margin:0 auto;
    padding-top:28px;
    border-top:1px solid rgba(200,163,72,.16);
    display:flex;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.footer-bottom p{
    color:rgba(255,255,255,.52);
    font-size:14px;
    font-weight:700;
}

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

@media(max-width:1000px){

    .hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
        animation:none;
        background-size:cover;
    }

    .hero-nav{
        width:calc(100% - 30px);
        top:15px;
        padding:12px 18px;
    }

    .nav-links{
        display:none;
    }

    .hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:100px 25px 60px;
        gap:22px;
    }

   .hero-logo{
    position:relative;
    top:0;
    left:0;
    order:-1;
    margin:0 0 8px;
}

.hero-logo img{
    width:185px;
    max-width:185px;
}

    .hero h1{
        font-size:46px;
        letter-spacing:-2px;
    }

    .intro{
        font-size:18px;
        max-width:100%;
    }

    .hero-buttons{
        justify-content:center;
    }

    .btn{
        width:100%;
        max-width:320px;
    }

    .scroll-indicator{
        display:none;
    }

    .difference{
        padding:60px 20px;
        margin-top:0;
    }

    .difference-title,
    .difference-gold{
        font-size:clamp(40px,12vw,58px);
        letter-spacing:-2px;
    }

    .difference-hook,
    .difference-final-card{
        padding:32px 26px;
        border-radius:22px;
    }

    .difference-hook h3,
    .difference-final-card h3{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .difference-intro{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .journey{
        position:relative;
        padding:60px 20px 10px;
        background:
            radial-gradient(circle at 50% 0%, rgba(200,163,72,.10), transparent 34%),
            #050505;
        overflow:hidden;
    }

    .journey-main-title{
        font-size:16px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:30px;
    }

    .journey-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
        margin-bottom:24px;
    }

    .journey-gold{
        font-size:clamp(38px,11vw,56px);
        letter-spacing:-2px;
        margin-bottom:40px;
    }

    .journey-timeline{
        gap:28px;
    }

    .journey-timeline::before{
        left:12px;
    }

    .journey-card,
    .journey-card:nth-child(odd),
    .journey-card:nth-child(even){
        width:100%;
        justify-self:stretch;
        padding:34px 26px 34px 40px;
    }

    .journey-card::before,
    .journey-card:nth-child(odd)::before,
    .journey-card:nth-child(even)::before{
        left:-19px;
        right:auto;
        top:38px;
    }

    .journey-card h3{
        font-size:30px;
    }

    .journey-card h4{
        font-size:18px;
    }

    .journey-card p{
        font-size:16px;
    }

    .about-craig{
        position:relative;
        padding:70px 20px 80px;
        margin-top:0;
        background:
            linear-gradient(
                to bottom,
                #050505 0%,
                #000 100%
            );
        overflow:hidden;
    }

    .about-container{
        grid-template-columns:1fr;
        gap:22px;
    }

    .about-text{
        text-align:center;
    }

    .about-badge{
        margin-left:auto;
        margin-right:auto;
    }

    .about-text h2{
        font-size:clamp(38px,11vw,56px);
        letter-spacing:-2px;
    }

    .about-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .about-text p{
        max-width:100%;
        font-size:18px;
    }

    .about-points div{
        justify-content:center;
        text-align:left;
    }

    .about-image{
        border-radius:26px;
    }

    .about-image img{
        height:620px;
    }

    .behaviour-help{
        padding:60px 20px 70px;
    }

    .help-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .help-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .help-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .help-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .help-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
        transition:.35s ease;
        cursor:pointer;
    }

    .help-card h4{
        font-size:32px;
    }

    .help-card p{
        font-size:16px;
    }

    .reviews{
        padding:60px 20px 70px;
    }

    .reviews-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .reviews-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .reviews-score{
        margin-bottom:40px;
    }

    .reviews-grid{
        gap:24px;
        margin-bottom:65px;
    }

    .review-card{
        padding:38px 26px;
    }

    .review-card p{
        font-size:17px;
    }

    .assessment-process{
        padding:60px 20px 70px;
    }

    .process-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .process-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .process-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .process-timeline{
        grid-template-columns:1fr;
        gap:22px;
        margin-bottom:36px;
    }

    .process-step{
        padding:32px 26px;
        border-radius:24px;
    }

    .process-note{
        padding:34px 26px;
        border-radius:24px;
    }

    .process-note p{
        font-size:17px;
    }

    .faq{
        padding:60px 20px 70px;
    }

    .faq-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .faq-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .faq-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .faq-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .faq-item{
        padding:32px 26px;
        border-radius:24px;
    }

    .faq-item h4{
        font-size:30px;
    }

    .faq-item p{
        font-size:16px;
    }

    .final-cta{
        padding:60px 20px 70px;
    }

    .final-cta-container{
        padding:44px 26px;
        border-radius:28px;
    }

    .final-cta-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .final-cta h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .final-cta h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .final-cta p{
        font-size:18px;
    }

    .footer{
        padding:64px 24px 30px;
    }

    .footer-container{
        grid-template-columns:1fr;
        gap:22px;
        text-align:center;
        padding-bottom:48px;
    }

    .footer-brand p{
        max-width:100%;
    }

    .footer-links{
        grid-template-columns:1fr;
        gap:34px;
    }

    .footer-bottom{
        justify-content:center;
        text-align:center;
    }
/* Mobile hero badge */
.hero .eyebrow{
    color:#f2d57a;
    border:1px solid rgba(231,201,107,.45);
    background:rgba(0,0,0,.28);
    backdrop-filter:blur(10px);

    text-shadow:0 0 8px rgba(242,213,122,.4);

    font-size:8px;
    letter-spacing:0.5px;
    padding:10px 16px;
}

}

/* ================= BEHAVIOUR ASSESSMENT PAGE ================= */

.assessment-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 72% 38%, rgba(200,163,72,.18), transparent 32%),
        radial-gradient(circle at 35% 18%, rgba(255,243,176,.10), transparent 28%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
    flex-direction:column;
    justify-content:flex-start;
}

.assessment-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.assessment-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.assessment-hero-image{
    position:relative;
    z-index:4;
    width:calc(100% - 160px);
    max-width:1240px;
    height:320px;
    margin:120px auto 45px;
    border-radius:30px;

    background:
    linear-gradient(
        to bottom,
        rgba(0,0,0,0.02) 0%,
        rgba(0,0,0,0.08) 25%,
        rgba(0,0,0,0.20) 50%,
        rgba(0,0,0,0.55) 80%,
        rgba(0,0,0,0.75) 100%
    ),
    url("Assets/Images/hero-behaviour.png");

    background-size:cover;
    background-position: center 20%;
    background-repeat:no-repeat;

    border:1px solid rgba(200,163,72,.22);
    box-shadow:
        0 25px 80px rgba(0,0,0,.45),
        0 0 60px rgba(200,163,72,.10);
}

.assessment-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:60px 80px 70px;
}

.assessment-hero-text{
    max-width:760px;
}

.assessment-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.assessment-hero .intro{
    max-width:640px;
}

.assessment-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.assessment-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}
.assessment-hero-card span{
    display:block;
    margin-bottom:20px;

    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;

    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}


.assessment-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.assessment-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.assessment-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.assessment-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.assessment-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

/* ================= ASSESSMENT SHARED SECTIONS ================= */

.assessment-start,
.assessment-what-happens,
.assessment-leave-with,
.assessment-right,
.assessment-pricing,
.assessment-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.assessment-start{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.assessment-container,
.assessment-start-container,
.assessment-pricing-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.assessment-start-container{
    max-width:1120px;
}

.assessment-start-title,
.assessment-title{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.assessment-start-gold,
.assessment-gold{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.assessment-start-intro{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.assessment-start-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.assessment-start-card h3{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.assessment-start-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.assessment-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.assessment-grid,
.assessment-leave-grid,
.assessment-right-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.assessment-right-grid{
    grid-template-columns:repeat(3, 1fr);
}

.assessment-card,
.assessment-leave-card,
.assessment-right-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.assessment-card::before,
.assessment-leave-card::before,
.assessment-right-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.assessment-card:hover,
.assessment-leave-card:hover,
.assessment-right-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.assessment-card:hover::before,
.assessment-leave-card:hover::before,
.assessment-right-card:hover::before{
    opacity:1;
}

.assessment-card span,
.assessment-card h4,
.assessment-card p,
.assessment-leave-card span,
.assessment-leave-card h4,
.assessment-leave-card p,
.assessment-right-card span,
.assessment-right-card h4,
.assessment-right-card p{
    position:relative;
    z-index:1;
}

.assessment-card span,
.assessment-leave-card span,
.assessment-right-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.assessment-card h4,
.assessment-leave-card h4,
.assessment-right-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.assessment-card p,
.assessment-leave-card p,
.assessment-right-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

/* ================= ASSESSMENT MATTER ================= */

.assessment-matter{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.assessment-matter-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.assessment-matter-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.assessment-matter-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.assessment-matter-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.assessment-matter-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.assessment-matter-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.assessment-matter-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.assessment-matter-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

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

.assessment-pricing{
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.14), transparent 42%),
        linear-gradient(to bottom,#000,#050505);
}

.assessment-pricing-header .assessment-gold{
    font-size:clamp(76px,8vw,132px);
    line-height:.85;
    margin-bottom:40px;
}

.assessment-pricing-card{
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:0;
    overflow:hidden;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 60px rgba(255,255,255,.02);
    text-align:left;
}

.assessment-price-main{
    padding:58px 50px;
    background:
        radial-gradient(circle at 25% 0%, rgba(200,163,72,.20), transparent 38%),
        rgba(0,0,0,.26);
    border-right:1px solid rgba(200,163,72,.18);
}

.assessment-price-main span{
    display:block;
    margin-bottom:22px;
    font-size:clamp(68px,7vw,118px);
    line-height:.85;
    letter-spacing:-5px;
    font-weight:900;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.assessment-price-main h4{
    font-size:clamp(34px,3vw,48px);
    line-height:1.04;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.assessment-price-main p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
    margin-bottom:36px;
}

.assessment-price-includes{
    padding:58px 50px;
    display:grid;
    gap:20px;
}

.assessment-price-includes h4{
    font-size:clamp(34px,3vw,48px);
    line-height:1.04;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:8px;
}

.assessment-price-includes div{
    display:grid;
    grid-template-columns:58px 1fr;
    gap:18px;
    align-items:start;
    padding:20px 0;
    border-top:1px solid rgba(200,163,72,.16);
}

.assessment-price-includes span{
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:4px;
}

.assessment-price-includes p{
    font-size:18px;
    line-height:1.55;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

/* ================= ASSESSMENT FAQ ALIAS ================= */

.assessment-faq .faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

/* ================= BEHAVIOUR ASSESSMENT MOBILE ================= */

@media(max-width:1000px){

    .assessment-hero{
        margin:0;
        border-radius:0;
        min-height:auto;
        padding-bottom:0;
    }

    .assessment-hero-image{
        width:calc(100% - 40px);
        max-width:none;
        height:240px;
        margin:25px auto 18px;
        border-radius:24px;
        background-size:cover;
        background-position:center 20%;
        background-repeat:no-repeat;
    }

    .assessment-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:30px 20px 30px;
        gap:26px;
    }

    .assessment-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .assessment-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .assessment-hero-card span{
        font-size:20px;
        letter-spacing:3px;
    }

    .assessment-start,
    .assessment-what-happens,
    .assessment-leave-with,
    .assessment-right,
    .assessment-pricing,
    .assessment-faq{
        padding:70px 24px 100px;
    }

    .assessment-start{
        margin-top:0;
        padding-top:38px;
    }

    .assessment-start-title,
    .assessment-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .assessment-start-gold,
    .assessment-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:56px;
    }

    .assessment-start-intro{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .assessment-start-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:50px;
    }

    .assessment-start-card h3{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .assessment-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .assessment-grid,
    .assessment-leave-grid,
    .assessment-right-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .assessment-card,
    .assessment-leave-card,
    .assessment-right-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .assessment-card h4,
    .assessment-leave-card h4,
    .assessment-right-card h4{
        font-size:30px;
    }

    .assessment-card p,
    .assessment-leave-card p,
    .assessment-right-card p{
        font-size:16px;
    }

    .assessment-matter{
        padding:70px 24px 100px;
    }

    .assessment-matter-container{
        grid-template-columns:1fr;
        gap:46px;
        text-align:center;
    }

    .assessment-matter-text h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .assessment-matter-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .assessment-matter-text p{
        max-width:100%;
        font-size:18px;
    }

    .assessment-matter-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .assessment-matter-card h4{
        font-size:34px;
    }

    .assessment-matter-card p{
        font-size:17px;
    }

    .assessment-pricing-header .assessment-gold{
        font-size:clamp(68px,18vw,96px);
        margin-bottom:54px;
    }

    .assessment-pricing-card{
        grid-template-columns:1fr;
        border-radius:28px;
    }

    .assessment-price-main{
        padding:40px 28px;
        border-right:none;
        border-bottom:1px solid rgba(200,163,72,.18);
    }

    .assessment-price-main span{
        font-size:72px;
        letter-spacing:-3px;
    }

    .assessment-price-main h4,
    .assessment-price-includes h4{
        font-size:34px;
    }

    .assessment-price-main p{
        font-size:17px;
    }

    .assessment-price-includes{
        padding:40px 28px;
        gap:12px;
    }

    .assessment-price-includes div{
        grid-template-columns:1fr;
        gap:10px;
        padding:18px 0;
    }

    .assessment-price-includes p{
        font-size:16px;
    }

}

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

.reactivity-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 74% 34%, rgba(200,163,72,.20), transparent 32%),
        radial-gradient(circle at 30% 20%, rgba(255,243,176,.10), transparent 30%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.reactivity-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.reactivity-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.reactivity-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.reactivity-hero-text{
    max-width:790px;
}

.reactivity-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.reactivity-hero .intro{
    max-width:660px;
}

.reactivity-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.reactivity-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.reactivity-hero-card span{
    display:block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.reactivity-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.reactivity-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.reactivity-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.reactivity-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.reactivity-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

/* ================= REACTIVITY SHARED SECTIONS ================= */

.reactivity-meaning,
.reactivity-familiar,
.reactivity-approach,
.reactivity-progress,
.reactivity-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.reactivity-meaning{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.reactivity-container,
.reactivity-meaning-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.reactivity-meaning-container{
    max-width:1120px;
}

.reactivity-meaning-title,
.reactivity-title{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.reactivity-meaning-gold,
.reactivity-gold{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.reactivity-meaning-intro{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.reactivity-meaning-card,
.reactivity-help-time-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.reactivity-meaning-card h3,
.reactivity-help-time-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.reactivity-meaning-card .final-gold,
.reactivity-help-time-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.reactivity-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

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

.reactivity-approach-grid,
.reactivity-progress-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.reactivity-card,
.reactivity-approach-card,
.reactivity-progress-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:300px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.reactivity-card::before,
.reactivity-approach-card::before,
.reactivity-progress-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.reactivity-card:hover,
.reactivity-approach-card:hover,
.reactivity-progress-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.reactivity-card:hover::before,
.reactivity-approach-card:hover::before,
.reactivity-progress-card:hover::before{
    opacity:1;
}

.reactivity-card span,
.reactivity-card h4,
.reactivity-card p,
.reactivity-approach-card span,
.reactivity-approach-card h4,
.reactivity-approach-card p,
.reactivity-progress-card span,
.reactivity-progress-card h4,
.reactivity-progress-card p{
    position:relative;
    z-index:1;
}

.reactivity-card span,
.reactivity-approach-card span,
.reactivity-progress-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.reactivity-card h4,
.reactivity-approach-card h4,
.reactivity-progress-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.reactivity-card p,
.reactivity-approach-card p,
.reactivity-progress-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

/* ================= REACTIVITY TRAINING ================= */

.reactivity-training{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.reactivity-training-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.reactivity-training-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.reactivity-training-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.reactivity-training-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.reactivity-training-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.reactivity-training-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.reactivity-training-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.reactivity-training-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

/* ================= REACTIVITY HELP TIME ================= */

.reactivity-help-time{
    position:relative;
    padding:120px 24px 150px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.14), transparent 42%),
        radial-gradient(circle at 50% 55%, rgba(200,163,72,.08), transparent 38%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.reactivity-help-time-container{
    max-width:1040px;
    margin:0 auto;
    padding:76px 70px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 60px rgba(255,255,255,.02);
    text-align:center;
    overflow:hidden;
}

.reactivity-help-time h2{
    font-size:clamp(54px,6vw,92px);
    line-height:.92;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.reactivity-help-time h3{
    font-size:clamp(46px,5vw,78px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:36px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.reactivity-help-time-container > p:not(.reactivity-badge){
    max-width:760px;
    margin:0 auto 44px;
    font-size:21px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
}

.reactivity-help-time-card{
    margin-top:54px;
}

.reactivity-faq .faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

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

@media(max-width:1000px){

    .reactivity-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .reactivity-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .reactivity-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .reactivity-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .reactivity-hero-card span,
    .assessment-hero-card span{
        font-size:18px;
        letter-spacing:3px;
    }

    .reactivity-meaning,
    .reactivity-familiar,
    .reactivity-approach,
    .reactivity-progress,
    .reactivity-faq{
        padding:60px 20px 70px;
    }

    .reactivity-meaning{
        margin-top:0;
        padding-top:90px;
    }

    .reactivity-meaning-title,
    .reactivity-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .reactivity-meaning-gold,
    .reactivity-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .reactivity-meaning-intro{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .reactivity-meaning-card,
    .reactivity-help-time-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .reactivity-meaning-card h3,
    .reactivity-help-time-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .reactivity-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .reactivity-grid,
    .reactivity-approach-grid,
    .reactivity-progress-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .reactivity-card,
    .reactivity-approach-card,
    .reactivity-progress-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .reactivity-card h4,
    .reactivity-approach-card h4,
    .reactivity-progress-card h4{
        font-size:30px;
    }

    .reactivity-card p,
    .reactivity-approach-card p,
    .reactivity-progress-card p{
        font-size:16px;
    }

    .reactivity-training{
        padding:60px 20px 70px;
    }

    .reactivity-training-container{
        grid-template-columns:1fr;
        gap:46px;
        text-align:center;
    }

    .reactivity-training-text h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .reactivity-training-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .reactivity-training-text p{
        max-width:100%;
        font-size:18px;
    }

    .reactivity-training-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .reactivity-training-card h4{
        font-size:34px;
    }

    .reactivity-training-card p{
        font-size:17px;
    }

    .reactivity-help-time{
        padding:60px 20px 70px;
    }

    .reactivity-help-time-container{
        padding:44px 26px;
        border-radius:28px;
    }

    .reactivity-help-time h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .reactivity-help-time h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .reactivity-help-time-container > p:not(.reactivity-badge){
        font-size:18px;
    }

}

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

.aggression-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 74% 34%, rgba(200,163,72,.20), transparent 32%),
        radial-gradient(circle at 30% 20%, rgba(255,243,176,.10), transparent 30%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.aggression-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.aggression-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.aggression-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.aggression-hero-text{
    max-width:790px;
}

.aggression-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.aggression-hero .intro{
    max-width:660px;
}

.aggression-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.aggression-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.aggression-hero-card span{
    display:block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.aggression-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.aggression-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.aggression-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.aggression-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.aggression-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

/* ================= AGGRESSION SHARED SECTIONS ================= */

.aggression-understanding,
.aggression-signs,
.aggression-approach,
.aggression-progress,
.aggression-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.aggression-understanding{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.aggression-container,
.aggression-understanding-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.aggression-understanding-container{
    max-width:1120px;
}

.aggression-understanding-title,
.aggression-title{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.aggression-understanding-gold,
.aggression-gold{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.aggression-understanding-intro{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.aggression-understanding-card,
.aggression-help-time-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.aggression-understanding-card h3,
.aggression-help-time-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.aggression-understanding-card .final-gold,
.aggression-help-time-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.aggression-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

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

.aggression-approach-grid,
.aggression-progress-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.aggression-card,
.aggression-approach-card,
.aggression-progress-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:300px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.aggression-card::before,
.aggression-approach-card::before,
.aggression-progress-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.aggression-card:hover,
.aggression-approach-card:hover,
.aggression-progress-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.aggression-card:hover::before,
.aggression-approach-card:hover::before,
.aggression-progress-card:hover::before{
    opacity:1;
}

.aggression-card span,
.aggression-card h4,
.aggression-card p,
.aggression-approach-card span,
.aggression-approach-card h4,
.aggression-approach-card p,
.aggression-progress-card span,
.aggression-progress-card h4,
.aggression-progress-card p{
    position:relative;
    z-index:1;
}

.aggression-card span,
.aggression-approach-card span,
.aggression-progress-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.aggression-card h4,
.aggression-approach-card h4,
.aggression-progress-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.aggression-card p,
.aggression-approach-card p,
.aggression-progress-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

/* ================= AGGRESSION SAFETY ================= */

.aggression-safety{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.aggression-safety-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.aggression-safety-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.aggression-safety-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.aggression-safety-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.aggression-safety-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.aggression-safety-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.aggression-safety-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.aggression-safety-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

/* ================= AGGRESSION HELP TIME ================= */

.aggression-help-time{
    position:relative;
    padding:120px 24px 150px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.14), transparent 42%),
        radial-gradient(circle at 50% 55%, rgba(200,163,72,.08), transparent 38%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.aggression-help-time-container{
    max-width:1040px;
    margin:0 auto;
    padding:76px 70px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 60px rgba(255,255,255,.02);
    text-align:center;
    overflow:hidden;
}

.aggression-help-time h2{
    font-size:clamp(54px,6vw,92px);
    line-height:.92;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.aggression-help-time h3{
    font-size:clamp(46px,5vw,78px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:36px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.aggression-help-time-container > p:not(.aggression-badge){
    max-width:760px;
    margin:0 auto 44px;
    font-size:21px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
}

.aggression-help-time-card{
    margin-top:54px;
}

.aggression-faq .faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

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

@media(max-width:1000px){

    .aggression-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .aggression-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .aggression-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .aggression-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .aggression-hero-card span,
    .assessment-hero-card span{
        font-size:18px;
        letter-spacing:3px;
    }

    .aggression-understanding,
    .aggression-signs,
    .aggression-approach,
    .aggression-progress,
    .aggression-faq{
        padding:60px 20px 70px;
    }

    .aggression-understanding{
        margin-top:0;
        padding-top:90px;
    }

    .aggression-understanding-title,
    .aggression-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .aggression-understanding-gold,
    .aggression-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .aggression-understanding-intro{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .aggression-understanding-card,
    .aggression-help-time-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .aggression-understanding-card h3,
    .aggression-help-time-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .aggression-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .aggression-grid,
    .aggression-approach-grid,
    .aggression-progress-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .aggression-card,
    .aggression-approach-card,
    .aggression-progress-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .aggression-card h4,
    .aggression-approach-card h4,
    .aggression-progress-card h4{
        font-size:30px;
    }

    .aggression-card p,
    .aggression-approach-card p,
    .aggression-progress-card p{
        font-size:16px;
    }

    .aggression-safety{
        padding:60px 20px 70px;
    }

    .aggression-safety-container{
        grid-template-columns:1fr;
        gap:46px;
        text-align:center;
    }

    .aggression-safety-text h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .aggression-safety-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .aggression-safety-text p{
        max-width:100%;
        font-size:18px;
    }

    .aggression-safety-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .aggression-safety-card h4{
        font-size:34px;
    }

    .aggression-safety-card p{
        font-size:17px;
    }

    .aggression-help-time{
        padding:60px 20px 70px;
    }

    .aggression-help-time-container{
        padding:44px 26px;
        border-radius:28px;
    }

    .aggression-help-time h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .aggression-help-time h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .aggression-help-time-container > p:not(.aggression-badge){
        font-size:18px;
    }

}


/* ================= AGGRESSION CAUSES SECTION ================= */

.aggression-causes{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.aggression-causes-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
}

.aggression-causes-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.aggression-causes-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.aggression-causes-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.aggression-causes-card:hover::before{
    opacity:1;
}

.aggression-causes-card span,
.aggression-causes-card h4,
.aggression-causes-card p{
    position:relative;
    z-index:1;
}

.aggression-causes-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.aggression-causes-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.aggression-causes-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

/* ================= MOBILE CLEANUP OVERRIDES ================= */

@media(max-width:1000px){
    .assessment-hero-card span{
        font-size:16px;
        letter-spacing:3px;
    }

    .aggression-causes{
        padding:60px 20px 70px;
    }

    .aggression-causes-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .aggression-causes-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .aggression-causes-card h4{
        font-size:30px;
    }

    .aggression-causes-card p{
        font-size:16px;
    }
}

/* ================= ANXIETY & FEAR PAGE ================= */

.anxiety-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 72% 38%, rgba(200,163,72,.16), transparent 32%),
        radial-gradient(circle at 25% 20%, rgba(255,243,176,.09), transparent 30%),
        linear-gradient(135deg, #040404 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.anxiety-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.anxiety-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.36) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.18) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.10) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.anxiety-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.anxiety-hero-text{
    max-width:760px;
}

.anxiety-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.anxiety-hero .intro{
    max-width:640px;
}

.anxiety-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.anxiety-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.anxiety-hero-card span{
    display:block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.anxiety-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.anxiety-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.anxiety-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.anxiety-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.anxiety-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

/* ================= ANXIETY SHARED SECTIONS ================= */

.anxiety-understanding,
.anxiety-signs,
.anxiety-home-outside,
.anxiety-approach,
.anxiety-progress,
.anxiety-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.anxiety-understanding{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.anxiety-container,
.anxiety-understanding-container,
.anxiety-help-time-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.anxiety-understanding-container,
.anxiety-help-time-container{
    max-width:1120px;
}

.anxiety-understanding-title,
.anxiety-title{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.anxiety-understanding-gold,
.anxiety-gold{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.anxiety-understanding-intro{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.anxiety-understanding-card,
.anxiety-pressure-card,
.anxiety-help-time-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.anxiety-understanding-card h3,
.anxiety-pressure-card h4,
.anxiety-help-time-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.anxiety-understanding-card .final-gold,
.anxiety-pressure-card .final-gold,
.anxiety-help-time-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.anxiety-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.anxiety-grid,
.anxiety-home-grid,
.anxiety-approach-grid,
.anxiety-progress-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.anxiety-grid{
    grid-template-columns:repeat(3, 1fr);
}

.anxiety-card,
.anxiety-home-card,
.anxiety-approach-card,
.anxiety-progress-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.anxiety-card::before,
.anxiety-home-card::before,
.anxiety-approach-card::before,
.anxiety-progress-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.anxiety-card:hover,
.anxiety-home-card:hover,
.anxiety-approach-card:hover,
.anxiety-progress-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.anxiety-card:hover::before,
.anxiety-home-card:hover::before,
.anxiety-approach-card:hover::before,
.anxiety-progress-card:hover::before{
    opacity:1;
}

.anxiety-card span,
.anxiety-card h4,
.anxiety-card p,
.anxiety-home-card span,
.anxiety-home-card h4,
.anxiety-home-card p,
.anxiety-approach-card span,
.anxiety-approach-card h4,
.anxiety-approach-card p,
.anxiety-progress-card span,
.anxiety-progress-card h4,
.anxiety-progress-card p{
    position:relative;
    z-index:1;
}

.anxiety-card span,
.anxiety-home-card span,
.anxiety-approach-card span,
.anxiety-progress-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.anxiety-card h4,
.anxiety-home-card h4,
.anxiety-approach-card h4,
.anxiety-progress-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.anxiety-card p,
.anxiety-home-card p,
.anxiety-approach-card p,
.anxiety-progress-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

/* ================= ANXIETY CAUSES / PRESSURE ================= */

.anxiety-causes,
.anxiety-pressure{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.anxiety-causes-container,
.anxiety-pressure-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.anxiety-pressure-container{
    display:block;
    max-width:1120px;
    text-align:center;
}

.anxiety-causes-text h2,
.anxiety-pressure h2,
.anxiety-help-time h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.anxiety-causes-text h3,
.anxiety-pressure h3,
.anxiety-help-time h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.anxiety-causes-text p,
.anxiety-pressure p,
.anxiety-help-time p{
    max-width:760px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.anxiety-pressure p,
.anxiety-help-time p{
    margin-left:auto;
    margin-right:auto;
}

.anxiety-causes-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.anxiety-causes-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.anxiety-causes-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.anxiety-causes-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

/* ================= ANXIETY HELP TIME ================= */

.anxiety-help-time{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.12), transparent 40%),
        linear-gradient(to bottom,#050505,#000);
    overflow:hidden;
}

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

@media(max-width:1000px){

    .anxiety-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .anxiety-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .anxiety-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .anxiety-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .anxiety-hero-card span{
        font-size:16px;
        letter-spacing:3px;
    }

    .anxiety-understanding,
    .anxiety-signs,
    .anxiety-home-outside,
    .anxiety-causes,
    .anxiety-pressure,
    .anxiety-approach,
    .anxiety-progress,
    .anxiety-help-time,
    .anxiety-faq{
        padding:60px 20px 70px;
    }

    .anxiety-understanding{
        margin-top:0;
        padding-top:90px;
    }

    .anxiety-understanding-title,
    .anxiety-title,
    .anxiety-causes-text h2,
    .anxiety-pressure h2,
    .anxiety-help-time h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .anxiety-understanding-gold,
    .anxiety-gold,
    .anxiety-causes-text h3,
    .anxiety-pressure h3,
    .anxiety-help-time h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .anxiety-understanding-intro,
    .anxiety-causes-text p,
    .anxiety-pressure p,
    .anxiety-help-time p{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .anxiety-understanding-card,
    .anxiety-pressure-card,
    .anxiety-help-time-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .anxiety-understanding-card h3,
    .anxiety-pressure-card h4,
    .anxiety-help-time-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .anxiety-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .anxiety-grid,
    .anxiety-home-grid,
    .anxiety-approach-grid,
    .anxiety-progress-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .anxiety-card,
    .anxiety-home-card,
    .anxiety-approach-card,
    .anxiety-progress-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .anxiety-card h4,
    .anxiety-home-card h4,
    .anxiety-approach-card h4,
    .anxiety-progress-card h4{
        font-size:30px;
    }

    .anxiety-card p,
    .anxiety-home-card p,
    .anxiety-approach-card p,
    .anxiety-progress-card p{
        font-size:16px;
    }

    .anxiety-causes-container{
        grid-template-columns:1fr;
        gap:22px;
    }

    .anxiety-causes-card{
        padding:38px 28px;
        border-radius:28px;
    }

    .anxiety-causes-card h4{
        font-size:30px;
    }

    .anxiety-causes-card p{
        font-size:16px;
    }
}

/* ================= RECALL & ENGAGEMENT PAGE ================= */

.recall-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 72% 38%, rgba(200,163,72,.20), transparent 32%),
        radial-gradient(circle at 28% 20%, rgba(255,243,176,.10), transparent 30%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.recall-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.recall-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.recall-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.recall-hero-text{
    max-width:760px;
}

.recall-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.recall-hero .intro{
    max-width:650px;
}

.recall-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.recall-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.recall-hero-card span{
    display:block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.recall-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.recall-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.recall-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.recall-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.recall-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

.recall-understanding,
.recall-signs,
.recall-engagement,
.recall-approach,
.recall-progress,
.recall-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.recall-understanding{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.recall-container,
.recall-understanding-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.recall-understanding-container{
    max-width:1120px;
}

.recall-understanding-title,
.recall-title{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.recall-understanding-gold,
.recall-gold{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.recall-understanding-intro{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.recall-understanding-card,
.recall-value-card,
.recall-help-time-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.recall-understanding-card h3,
.recall-value-card h4,
.recall-help-time-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.recall-understanding-card .final-gold,
.recall-value-card .final-gold,
.recall-help-time-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.recall-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.recall-grid,
.recall-engagement-grid,
.recall-approach-grid,
.recall-progress-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.recall-grid{
    grid-template-columns:repeat(3, 1fr);
}

.recall-card,
.recall-engagement-card,
.recall-approach-card,
.recall-progress-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.recall-card::before,
.recall-engagement-card::before,
.recall-approach-card::before,
.recall-progress-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.recall-card:hover,
.recall-engagement-card:hover,
.recall-approach-card:hover,
.recall-progress-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.recall-card:hover::before,
.recall-engagement-card:hover::before,
.recall-approach-card:hover::before,
.recall-progress-card:hover::before{
    opacity:1;
}

.recall-card span,
.recall-card h4,
.recall-card p,
.recall-engagement-card span,
.recall-engagement-card h4,
.recall-engagement-card p,
.recall-approach-card span,
.recall-approach-card h4,
.recall-approach-card p,
.recall-progress-card span,
.recall-progress-card h4,
.recall-progress-card p{
    position:relative;
    z-index:1;
}

.recall-card span,
.recall-engagement-card span,
.recall-approach-card span,
.recall-progress-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.recall-card h4,
.recall-engagement-card h4,
.recall-approach-card h4,
.recall-progress-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.recall-card p,
.recall-engagement-card p,
.recall-approach-card p,
.recall-progress-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

.recall-mistakes{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.recall-mistakes-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.recall-mistakes-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.recall-mistakes-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.recall-mistakes-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.recall-mistakes-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.recall-mistakes-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.recall-mistakes-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.recall-mistakes-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

.recall-value,
.recall-help-time{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.10), transparent 38%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.recall-value-container,
.recall-help-time-container{
    max-width:1120px;
    margin:0 auto;
    text-align:center;
}

.recall-value h2,
.recall-help-time h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.recall-value h3,
.recall-help-time h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.recall-value p,
.recall-help-time p{
    max-width:820px;
    margin:0 auto;
    font-size:22px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
    text-align:left;
}

.recall-faq .faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

/* ================= RECALL & ENGAGEMENT MOBILE ================= */

@media(max-width:1000px){

    .recall-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .recall-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .recall-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .recall-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .recall-hero-card span{
        font-size:20px;
        letter-spacing:4px;
    }

    .recall-understanding,
    .recall-signs,
    .recall-engagement,
    .recall-approach,
    .recall-progress,
    .recall-faq{
        padding:60px 20px 70px;
    }

    .recall-understanding{
        margin-top:0;
        padding-top:90px;
    }

    .recall-understanding-title,
    .recall-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .recall-understanding-gold,
    .recall-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .recall-understanding-intro,
    .recall-mistakes-text p,
    .recall-value p,
    .recall-help-time p{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .recall-understanding-card,
    .recall-value-card,
    .recall-help-time-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .recall-understanding-card h3,
    .recall-value-card h4,
    .recall-help-time-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .recall-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .recall-grid,
    .recall-engagement-grid,
    .recall-approach-grid,
    .recall-progress-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .recall-card,
    .recall-engagement-card,
    .recall-approach-card,
    .recall-progress-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .recall-card h4,
    .recall-engagement-card h4,
    .recall-approach-card h4,
    .recall-progress-card h4{
        font-size:30px;
    }

    .recall-card p,
    .recall-engagement-card p,
    .recall-approach-card p,
    .recall-progress-card p{
        font-size:16px;
    }

    .recall-mistakes,
    .recall-value,
    .recall-help-time{
        padding:60px 20px 70px;
    }

    .recall-mistakes-container{
        grid-template-columns:1fr;
        gap:22px;
    }

    .recall-mistakes-text h2,
    .recall-value h2,
    .recall-help-time h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .recall-mistakes-text h3,
    .recall-value h3,
    .recall-help-time h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .recall-mistakes-card{
        padding:38px 28px;
        border-radius:28px;
    }

    .recall-mistakes-card h4{
        font-size:30px;
    }

    .recall-mistakes-card p{
        font-size:16px;
    }
}

/* ================= LEAD PULLING PAGE ================= */

.lead-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 72% 38%, rgba(200,163,72,.20), transparent 32%),
        radial-gradient(circle at 28% 20%, rgba(255,243,176,.10), transparent 30%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.lead-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.lead-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.lead-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.lead-hero-text{
    max-width:760px;
}

.lead-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.lead-hero .intro{
    max-width:650px;
}

.lead-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.lead-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.lead-hero-card span{
    display:block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.lead-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.lead-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.lead-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.lead-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.lead-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

.lead-understanding,
.lead-signs,
.lead-engagement,
.lead-approach,
.lead-progress,
.lead-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.lead-understanding{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.lead-container,
.lead-understanding-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.lead-understanding-container{
    max-width:1120px;
}

.lead-understanding-title,
.lead-title{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.lead-understanding-gold,
.lead-gold{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.lead-understanding-intro{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.lead-understanding-card,
.lead-value-card,
.lead-help-time-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.lead-understanding-card h3,
.lead-value-card h4,
.lead-help-time-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.lead-understanding-card .final-gold,
.lead-value-card .final-gold,
.lead-help-time-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.lead-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.lead-grid,
.lead-engagement-grid,
.lead-approach-grid,
.lead-progress-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.lead-grid{
    grid-template-columns:repeat(3, 1fr);
}

.lead-card,
.lead-engagement-card,
.lead-approach-card,
.lead-progress-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.lead-card::before,
.lead-engagement-card::before,
.lead-approach-card::before,
.lead-progress-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.lead-card:hover,
.lead-engagement-card:hover,
.lead-approach-card:hover,
.lead-progress-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.lead-card:hover::before,
.lead-engagement-card:hover::before,
.lead-approach-card:hover::before,
.lead-progress-card:hover::before{
    opacity:1;
}

.lead-card span,
.lead-card h4,
.lead-card p,
.lead-engagement-card span,
.lead-engagement-card h4,
.lead-engagement-card p,
.lead-approach-card span,
.lead-approach-card h4,
.lead-approach-card p,
.lead-progress-card span,
.lead-progress-card h4,
.lead-progress-card p{
    position:relative;
    z-index:1;
}

.lead-card span,
.lead-engagement-card span,
.lead-approach-card span,
.lead-progress-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.lead-card h4,
.lead-engagement-card h4,
.lead-approach-card h4,
.lead-progress-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.lead-card p,
.lead-engagement-card p,
.lead-approach-card p,
.lead-progress-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

.lead-mistakes{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.lead-mistakes-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.lead-mistakes-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.lead-mistakes-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.lead-mistakes-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.lead-mistakes-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.lead-mistakes-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.lead-mistakes-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.lead-mistakes-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

.lead-value,
.lead-help-time{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.10), transparent 38%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.lead-value-container,
.lead-help-time-container{
    max-width:1120px;
    margin:0 auto;
    text-align:center;
}

.lead-value h2,
.lead-help-time h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.lead-value h3,
.lead-help-time h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.lead-value p,
.lead-help-time p{
    max-width:820px;
    margin:0 auto;
    font-size:22px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
    text-align:left;
}

.lead-faq .faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

/* ================= RECALL & ENGAGEMENT MOBILE ================= */

@media(max-width:1000px){

    .lead-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .lead-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .lead-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .lead-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .lead-hero-card span{
        font-size:20px;
        letter-spacing:4px;
    }

    .lead-understanding,
    .lead-signs,
    .lead-engagement,
    .lead-approach,
    .lead-progress,
    .lead-faq{
        padding:60px 20px 70px;
    }

    .lead-understanding{
        margin-top:0;
        padding-top:90px;
    }

    .lead-understanding-title,
    .lead-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .lead-understanding-gold,
    .lead-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .lead-understanding-intro,
    .lead-mistakes-text p,
    .lead-value p,
    .lead-help-time p{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .lead-understanding-card,
    .lead-value-card,
    .lead-help-time-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .lead-understanding-card h3,
    .lead-value-card h4,
    .lead-help-time-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .lead-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .lead-grid,
    .lead-engagement-grid,
    .lead-approach-grid,
    .lead-progress-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .lead-card,
    .lead-engagement-card,
    .lead-approach-card,
    .lead-progress-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .lead-card h4,
    .lead-engagement-card h4,
    .lead-approach-card h4,
    .lead-progress-card h4{
        font-size:30px;
    }

    .lead-card p,
    .lead-engagement-card p,
    .lead-approach-card p,
    .lead-progress-card p{
        font-size:16px;
    }

    .lead-mistakes,
    .lead-value,
    .lead-help-time{
        padding:60px 20px 70px;
    }

    .lead-mistakes-container{
        grid-template-columns:1fr;
        gap:22px;
    }

    .lead-mistakes-text h2,
    .lead-value h2,
    .lead-help-time h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .lead-mistakes-text h3,
    .lead-value h3,
    .lead-help-time h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .lead-mistakes-card{
        padding:38px 28px;
        border-radius:28px;
    }

    .lead-mistakes-card h4{
        font-size:30px;
    }

    .lead-mistakes-card p{
        font-size:16px;
    }
}


/* ================= LEAD PULLING CUSTOM SECTIONS ================= */

.lead-why{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.lead-why-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.lead-why-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.lead-why-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.lead-why-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.lead-why-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.lead-why-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.lead-why-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.lead-why-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

.lead-mistakes-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
}

.lead-mistakes-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.lead-mistakes-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.lead-mistakes-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.lead-mistakes-card:hover::before{
    opacity:1;
}

.lead-mistakes-card span,
.lead-mistakes-card h4,
.lead-mistakes-card p{
    position:relative;
    z-index:1;
}

.lead-mistakes-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.lead-mistakes-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.lead-mistakes-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

@media(max-width:1000px){
    .lead-why{
        padding:60px 20px 70px;
    }

    .lead-why-container{
        grid-template-columns:1fr;
        gap:44px;
        text-align:center;
    }

    .lead-why-text h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .lead-why-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .lead-why-text p{
        max-width:100%;
        font-size:18px;
    }

    .lead-why-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .lead-why-card h4{
        font-size:30px;
    }

    .lead-why-card p{
        font-size:16px;
    }

    .lead-mistakes-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .lead-mistakes-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .lead-mistakes-card h4{
        font-size:30px;
    }

    .lead-mistakes-card p{
        font-size:16px;
    }
}


/* ================= RESOURCE GUARDING PAGE ================= */

.guarding-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 72% 38%, rgba(200,163,72,.20), transparent 32%),
        radial-gradient(circle at 28% 20%, rgba(255,243,176,.10), transparent 30%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.guarding-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.guarding-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.guarding-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.guarding-hero-text{
    max-width:760px;
}

.guarding-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.guarding-hero .intro{
    max-width:650px;
}

.guarding-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.guarding-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.guarding-hero-card span{
    display:block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.guarding-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.guarding-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.guarding-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.guarding-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.guarding-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

.guarding-understanding,
.guarding-signs,
.guarding-engagement,
.guarding-approach,
.guarding-progress,
.guarding-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.guarding-understanding{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.guarding-container,
.guarding-understanding-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.guarding-understanding-container{
    max-width:1120px;
}

.guarding-understanding-title,
.guarding-title{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.guarding-understanding-gold,
.guarding-gold{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.guarding-understanding-intro{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.guarding-understanding-card,
.guarding-value-card,
.guarding-help-time-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.guarding-understanding-card h3,
.guarding-value-card h4,
.guarding-help-time-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.guarding-understanding-card .final-gold,
.guarding-value-card .final-gold,
.guarding-help-time-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.guarding-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.guarding-grid,
.guarding-engagement-grid,
.guarding-approach-grid,
.guarding-progress-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.guarding-grid{
    grid-template-columns:repeat(3, 1fr);
}

.guarding-card,
.guarding-engagement-card,
.guarding-approach-card,
.guarding-progress-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.guarding-card::before,
.guarding-engagement-card::before,
.guarding-approach-card::before,
.guarding-progress-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.guarding-card:hover,
.guarding-engagement-card:hover,
.guarding-approach-card:hover,
.guarding-progress-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.guarding-card:hover::before,
.guarding-engagement-card:hover::before,
.guarding-approach-card:hover::before,
.guarding-progress-card:hover::before{
    opacity:1;
}

.guarding-card span,
.guarding-card h4,
.guarding-card p,
.guarding-engagement-card span,
.guarding-engagement-card h4,
.guarding-engagement-card p,
.guarding-approach-card span,
.guarding-approach-card h4,
.guarding-approach-card p,
.guarding-progress-card span,
.guarding-progress-card h4,
.guarding-progress-card p{
    position:relative;
    z-index:1;
}

.guarding-card span,
.guarding-engagement-card span,
.guarding-approach-card span,
.guarding-progress-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.guarding-card h4,
.guarding-engagement-card h4,
.guarding-approach-card h4,
.guarding-progress-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.guarding-card p,
.guarding-engagement-card p,
.guarding-approach-card p,
.guarding-progress-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

.guarding-worse{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.guarding-worse-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.guarding-worse-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.guarding-worse-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.guarding-worse-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.guarding-worse-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.guarding-worse-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.guarding-worse-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.guarding-worse-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

.guarding-value,
.guarding-help-time{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.10), transparent 38%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.guarding-value-container,
.guarding-help-time-container{
    max-width:1120px;
    margin:0 auto;
    text-align:center;
}

.guarding-value h2,
.guarding-help-time h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.guarding-value h3,
.guarding-help-time h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.guarding-value p,
.guarding-help-time p{
    max-width:820px;
    margin:0 auto;
    font-size:22px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
    text-align:left;
}

.guarding-faq .faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

/* ================= RECALL & ENGAGEMENT MOBILE ================= */

@media(max-width:1000px){

    .guarding-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .guarding-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .guarding-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .guarding-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .guarding-hero-card span{
        font-size:20px;
        letter-spacing:4px;
    }

    .guarding-understanding,
    .guarding-signs,
    .guarding-engagement,
    .guarding-approach,
    .guarding-progress,
    .guarding-faq{
        padding:60px 20px 70px;
    }

    .guarding-understanding{
        margin-top:0;
        padding-top:90px;
    }

    .guarding-understanding-title,
    .guarding-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .guarding-understanding-gold,
    .guarding-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .guarding-understanding-intro,
    .guarding-worse-text p,
    .guarding-value p,
    .guarding-help-time p{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .guarding-understanding-card,
    .guarding-value-card,
    .guarding-help-time-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .guarding-understanding-card h3,
    .guarding-value-card h4,
    .guarding-help-time-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .guarding-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .guarding-grid,
    .guarding-engagement-grid,
    .guarding-approach-grid,
    .guarding-progress-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .guarding-card,
    .guarding-engagement-card,
    .guarding-approach-card,
    .guarding-progress-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .guarding-card h4,
    .guarding-engagement-card h4,
    .guarding-approach-card h4,
    .guarding-progress-card h4{
        font-size:30px;
    }

    .guarding-card p,
    .guarding-engagement-card p,
    .guarding-approach-card p,
    .guarding-progress-card p{
        font-size:16px;
    }

    .guarding-worse,
    .guarding-value,
    .guarding-help-time{
        padding:60px 20px 70px;
    }

    .guarding-worse-container{
        grid-template-columns:1fr;
        gap:22px;
    }

    .guarding-worse-text h2,
    .guarding-value h2,
    .guarding-help-time h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .guarding-worse-text h3,
    .guarding-value h3,
    .guarding-help-time h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .guarding-worse-card{
        padding:38px 28px;
        border-radius:28px;
    }

    .guarding-worse-card h4{
        font-size:30px;
    }

    .guarding-worse-card p{
        font-size:16px;
    }
}


/* ================= LEAD PULLING CUSTOM SECTIONS ================= */

.guarding-why{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.guarding-why-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.guarding-why-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.guarding-why-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.guarding-why-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.guarding-why-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.guarding-why-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.guarding-why-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.guarding-why-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

.guarding-worse-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
}

.guarding-worse-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.guarding-worse-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.guarding-worse-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.guarding-worse-card:hover::before{
    opacity:1;
}

.guarding-worse-card span,
.guarding-worse-card h4,
.guarding-worse-card p{
    position:relative;
    z-index:1;
}

.guarding-worse-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.guarding-worse-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.guarding-worse-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

@media(max-width:1000px){
    .guarding-why{
        padding:60px 20px 70px;
    }

    .guarding-why-container{
        grid-template-columns:1fr;
        gap:44px;
        text-align:center;
    }

    .guarding-why-text h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .guarding-why-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .guarding-why-text p{
        max-width:100%;
        font-size:18px;
    }

    .guarding-why-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .guarding-why-card h4{
        font-size:30px;
    }

    .guarding-why-card p{
        font-size:16px;
    }

    .guarding-worse-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .guarding-worse-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .guarding-worse-card h4{
        font-size:30px;
    }

    .guarding-worse-card p{
        font-size:16px;
    }
}

/* ================= RESCUE DOGS PAGE ================= */

.rescue-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 72% 38%, rgba(200,163,72,.16), transparent 32%),
        radial-gradient(circle at 25% 18%, rgba(255,243,176,.09), transparent 28%),
        linear-gradient(135deg, #050505 0%, #000 58%, #070502 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.rescue-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.rescue-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.rescue-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.rescue-hero-text{
    max-width:760px;
}

.rescue-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.rescue-hero .intro{
    max-width:640px;
}

.rescue-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.rescue-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.rescue-hero-card span{
    display:block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.rescue-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.rescue-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.rescue-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.rescue-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.rescue-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

.rescue-understanding,
.rescue-first-weeks,
.rescue-challenges,
.rescue-time,
.rescue-approach,
.rescue-progress,
.rescue-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.rescue-understanding{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.rescue-container,
.rescue-understanding-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.rescue-understanding-container{
    max-width:1120px;
}

.rescue-understanding-title,
.rescue-title{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.rescue-understanding-gold,
.rescue-gold{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.rescue-understanding-intro{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.rescue-understanding-card,
.rescue-help-time-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.rescue-understanding-card h3,
.rescue-help-time-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.rescue-understanding-card .final-gold,
.rescue-help-time-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.rescue-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.rescue-grid,
.rescue-challenges-grid,
.rescue-time-grid,
.rescue-approach-grid,
.rescue-progress-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.rescue-card,
.rescue-challenges-card,
.rescue-time-card,
.rescue-approach-card,
.rescue-progress-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.rescue-card::before,
.rescue-challenges-card::before,
.rescue-time-card::before,
.rescue-approach-card::before,
.rescue-progress-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.rescue-card:hover,
.rescue-challenges-card:hover,
.rescue-time-card:hover,
.rescue-approach-card:hover,
.rescue-progress-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.rescue-card:hover::before,
.rescue-challenges-card:hover::before,
.rescue-time-card:hover::before,
.rescue-approach-card:hover::before,
.rescue-progress-card:hover::before{
    opacity:1;
}

.rescue-card span,
.rescue-card h4,
.rescue-card p,
.rescue-challenges-card span,
.rescue-challenges-card h4,
.rescue-challenges-card p,
.rescue-time-card span,
.rescue-time-card h4,
.rescue-time-card p,
.rescue-approach-card span,
.rescue-approach-card h4,
.rescue-approach-card p,
.rescue-progress-card span,
.rescue-progress-card h4,
.rescue-progress-card p{
    position:relative;
    z-index:1;
}

.rescue-card span,
.rescue-challenges-card span,
.rescue-time-card span,
.rescue-approach-card span,
.rescue-progress-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.rescue-card h4,
.rescue-challenges-card h4,
.rescue-time-card h4,
.rescue-approach-card h4,
.rescue-progress-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.rescue-card p,
.rescue-challenges-card p,
.rescue-time-card p,
.rescue-approach-card p,
.rescue-progress-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

.rescue-personality{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.rescue-personality-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.rescue-personality-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.rescue-personality-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.rescue-personality-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.rescue-personality-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.rescue-personality-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.rescue-personality-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.rescue-personality-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

.rescue-help-time{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.12), transparent 40%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.rescue-help-time-container{
    max-width:980px;
    margin:0 auto;
    text-align:center;
}

.rescue-help-time h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.rescue-help-time h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.rescue-help-time p{
    max-width:780px;
    margin:0 auto;
    font-size:21px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
}

.rescue-faq .faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

/* ================= RESCUE DOGS MOBILE ================= */

@media(max-width:1000px){

    .rescue-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .rescue-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .rescue-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .rescue-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .rescue-hero-card span{
        font-size:20px;
        letter-spacing:4px;
    }

    .rescue-understanding,
    .rescue-first-weeks,
    .rescue-challenges,
    .rescue-time,
    .rescue-approach,
    .rescue-progress,
    .rescue-faq{
        padding:60px 20px 70px;
    }

    .rescue-understanding{
        margin-top:0;
        padding-top:90px;
    }

    .rescue-understanding-title,
    .rescue-title{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .rescue-understanding-gold,
    .rescue-gold{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .rescue-understanding-intro{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .rescue-understanding-card,
    .rescue-help-time-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .rescue-understanding-card h3,
    .rescue-help-time-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .rescue-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .rescue-grid,
    .rescue-challenges-grid,
    .rescue-time-grid,
    .rescue-approach-grid,
    .rescue-progress-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .rescue-card,
    .rescue-challenges-card,
    .rescue-time-card,
    .rescue-approach-card,
    .rescue-progress-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .rescue-card h4,
    .rescue-challenges-card h4,
    .rescue-time-card h4,
    .rescue-approach-card h4,
    .rescue-progress-card h4{
        font-size:30px;
    }

    .rescue-card p,
    .rescue-challenges-card p,
    .rescue-time-card p,
    .rescue-approach-card p,
    .rescue-progress-card p{
        font-size:16px;
    }

    .rescue-personality,
    .rescue-help-time{
        padding:60px 20px 70px;
    }

    .rescue-personality-container{
        grid-template-columns:1fr;
        gap:22px;
    }

    .rescue-personality-text h2,
    .rescue-help-time h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .rescue-personality-text h3,
    .rescue-help-time h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .rescue-personality-text p,
    .rescue-help-time p{
        max-width:100%;
        font-size:18px;
    }

    .rescue-personality-card{
        padding:38px 28px;
        border-radius:28px;
    }

    .rescue-personality-card h4{
        font-size:30px;
    }

    .rescue-personality-card p{
        font-size:16px;
    }
}


/* ================= SEPARATION ANXIETY PAGE ================= */

.separation-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 74% 36%, rgba(200,163,72,.18), transparent 32%),
        radial-gradient(circle at 28% 16%, rgba(255,243,176,.10), transparent 30%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.separation-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.separation-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.separation-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.separation-hero-text{
    max-width:780px;
}

.separation-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.separation-hero .intro{
    max-width:650px;
}

.separation-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.separation-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.separation-hero-card span{
    display:block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.separation-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.separation-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.separation-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.separation-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.separation-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

/* ================= SEPARATION SHARED ================= */

.separation-understanding,
.separation-signs,
.separation-why,
.separation-mistakes,
.separation-approach,
.separation-progress,
.separation-help-time,
.separation-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.separation-understanding{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.separation-container,
.separation-understanding-container,
.separation-help-time-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.separation-understanding-container,
.separation-help-time-container{
    max-width:1120px;
}

.separation-understanding-title,
.separation-title,
.separation-help-time h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.separation-understanding-gold,
.separation-gold,
.separation-help-time h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.separation-understanding-intro,
.separation-help-time p{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.separation-understanding-card,
.separation-help-time-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.separation-understanding-card h3,
.separation-help-time-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.separation-understanding-card .final-gold,
.separation-help-time-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.separation-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.separation-grid,
.separation-mistakes-grid,
.separation-approach-grid,
.separation-progress-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.separation-card,
.separation-mistakes-card,
.separation-approach-card,
.separation-progress-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.separation-card::before,
.separation-mistakes-card::before,
.separation-approach-card::before,
.separation-progress-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.separation-card:hover,
.separation-mistakes-card:hover,
.separation-approach-card:hover,
.separation-progress-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.separation-card:hover::before,
.separation-mistakes-card:hover::before,
.separation-approach-card:hover::before,
.separation-progress-card:hover::before{
    opacity:1;
}

.separation-card span,
.separation-card h4,
.separation-card p,
.separation-mistakes-card span,
.separation-mistakes-card h4,
.separation-mistakes-card p,
.separation-approach-card span,
.separation-approach-card h4,
.separation-approach-card p,
.separation-progress-card span,
.separation-progress-card h4,
.separation-progress-card p{
    position:relative;
    z-index:1;
}

.separation-card span,
.separation-mistakes-card span,
.separation-approach-card span,
.separation-progress-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.separation-card h4,
.separation-mistakes-card h4,
.separation-approach-card h4,
.separation-progress-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.separation-card p,
.separation-mistakes-card p,
.separation-approach-card p,
.separation-progress-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

/* ================= SEPARATION WHY ================= */

.separation-why{
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
}

.separation-why-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.separation-why-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.separation-why-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.separation-why-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.separation-why-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.separation-why-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.separation-why-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.separation-why-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

/* ================= SEPARATION FAQ ALIAS ================= */

.separation-faq .faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

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

@media(max-width:1000px){

    .separation-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .separation-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .separation-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .separation-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .separation-hero-card span{
        font-size:18px;
        letter-spacing:3px;
    }

    .separation-understanding,
    .separation-signs,
    .separation-why,
    .separation-mistakes,
    .separation-approach,
    .separation-progress,
    .separation-help-time,
    .separation-faq{
        padding:60px 20px 70px;
    }

    .separation-understanding{
        margin-top:0;
        padding-top:90px;
    }

    .separation-understanding-title,
    .separation-title,
    .separation-help-time h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .separation-understanding-gold,
    .separation-gold,
    .separation-help-time h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .separation-understanding-intro,
    .separation-help-time p{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .separation-understanding-card,
    .separation-help-time-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .separation-understanding-card h3,
    .separation-help-time-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .separation-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .separation-grid,
    .separation-mistakes-grid,
    .separation-approach-grid,
    .separation-progress-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .separation-card,
    .separation-mistakes-card,
    .separation-approach-card,
    .separation-progress-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .separation-card h4,
    .separation-mistakes-card h4,
    .separation-approach-card h4,
    .separation-progress-card h4{
        font-size:30px;
    }

    .separation-card p,
    .separation-mistakes-card p,
    .separation-approach-card p,
    .separation-progress-card p{
        font-size:16px;
    }

    .separation-why-container{
        grid-template-columns:1fr;
        gap:42px;
    }

    .separation-why-text{
        text-align:center;
    }

    .separation-why-text h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .separation-why-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .separation-why-text p{
        max-width:100%;
        font-size:18px;
    }

    .separation-why-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }
}


/* ================= OVER AROUSAL PAGE ================= */

.arousal-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 74% 36%, rgba(200,163,72,.18), transparent 32%),
        radial-gradient(circle at 28% 16%, rgba(255,243,176,.10), transparent 30%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.arousal-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 45%,
            rgba(0,0,0,.48) 100%
        );
}

.arousal-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.arousal-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.arousal-hero-text{
    max-width:780px;
}

.arousal-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.arousal-hero .intro{
    max-width:650px;
}

.arousal-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.arousal-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.arousal-hero-card span{
    display:block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.arousal-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.arousal-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.arousal-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.arousal-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.arousal-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

/* ================= OVER AROUSAL SHARED ================= */

.arousal-understanding,
.arousal-signs,
.arousal-why,
.arousal-mistakes,
.arousal-approach,
.arousal-progress,
.arousal-help-time,
.arousal-faq{
    position:relative;
    overflow:hidden;
    padding:100px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.arousal-understanding{
    margin-top:-24px;
    padding-top:120px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.arousal-container,
.arousal-understanding-container,
.arousal-help-time-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.arousal-understanding-container,
.arousal-help-time-container{
    max-width:1120px;
}

.arousal-understanding-title,
.arousal-title,
.arousal-help-time h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.arousal-understanding-gold,
.arousal-gold,
.arousal-help-time h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.arousal-understanding-intro,
.arousal-help-time p{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.arousal-understanding-card,
.arousal-help-time-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.arousal-understanding-card h3,
.arousal-help-time-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.arousal-understanding-card .final-gold,
.arousal-help-time-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.arousal-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.arousal-grid,
.arousal-mistakes-grid,
.arousal-approach-grid,
.arousal-progress-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.arousal-card,
.arousal-mistakes-card,
.arousal-approach-card,
.arousal-progress-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.arousal-card::before,
.arousal-mistakes-card::before,
.arousal-approach-card::before,
.arousal-progress-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.arousal-card:hover,
.arousal-mistakes-card:hover,
.arousal-approach-card:hover,
.arousal-progress-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.arousal-card:hover::before,
.arousal-mistakes-card:hover::before,
.arousal-approach-card:hover::before,
.arousal-progress-card:hover::before{
    opacity:1;
}

.arousal-card span,
.arousal-card h4,
.arousal-card p,
.arousal-mistakes-card span,
.arousal-mistakes-card h4,
.arousal-mistakes-card p,
.arousal-approach-card span,
.arousal-approach-card h4,
.arousal-approach-card p,
.arousal-progress-card span,
.arousal-progress-card h4,
.arousal-progress-card p{
    position:relative;
    z-index:1;
}

.arousal-card span,
.arousal-mistakes-card span,
.arousal-approach-card span,
.arousal-progress-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.arousal-card h4,
.arousal-mistakes-card h4,
.arousal-approach-card h4,
.arousal-progress-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.arousal-card p,
.arousal-mistakes-card p,
.arousal-approach-card p,
.arousal-progress-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

/* ================= OVER AROUSAL WHY ================= */

.arousal-why{
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
}

.arousal-why-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.arousal-why-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.arousal-why-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.arousal-why-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.arousal-why-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.arousal-why-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.arousal-why-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.arousal-why-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

/* ================= OVER AROUSAL FAQ ALIAS ================= */

.arousal-faq .faq-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

/* ================= OVER AROUSAL MOBILE ================= */

@media(max-width:1000px){

    .arousal-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .arousal-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .arousal-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .arousal-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .arousal-hero-card span{
        font-size:18px;
        letter-spacing:3px;
    }

    .arousal-understanding,
    .arousal-signs,
    .arousal-why,
    .arousal-mistakes,
    .arousal-approach,
    .arousal-progress,
    .arousal-help-time,
    .arousal-faq{
        padding:60px 20px 70px;
    }

    .arousal-understanding{
        margin-top:0;
        padding-top:90px;
    }

    .arousal-understanding-title,
    .arousal-title,
    .arousal-help-time h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .arousal-understanding-gold,
    .arousal-gold,
    .arousal-help-time h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .arousal-understanding-intro,
    .arousal-help-time p{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .arousal-understanding-card,
    .arousal-help-time-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .arousal-understanding-card h3,
    .arousal-help-time-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .arousal-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .arousal-grid,
    .arousal-mistakes-grid,
    .arousal-approach-grid,
    .arousal-progress-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .arousal-card,
    .arousal-mistakes-card,
    .arousal-approach-card,
    .arousal-progress-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }

    .arousal-card h4,
    .arousal-mistakes-card h4,
    .arousal-approach-card h4,
    .arousal-progress-card h4{
        font-size:30px;
    }

    .arousal-card p,
    .arousal-mistakes-card p,
    .arousal-approach-card p,
    .arousal-progress-card p{
        font-size:16px;
    }

    .arousal-why-container{
        grid-template-columns:1fr;
        gap:42px;
    }

    .arousal-why-text{
        text-align:center;
    }

    .arousal-why-text h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .arousal-why-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .arousal-why-text p{
        max-width:100%;
        font-size:18px;
    }

    .arousal-why-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }
}


/* ================= ABOUT CRAIG FLAGSHIP PAGE ================= */

.craig-hero{
    min-height:118vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 75% 34%, rgba(200,163,72,.22), transparent 30%),
        radial-gradient(circle at 30% 18%, rgba(255,243,176,.10), transparent 28%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.craig-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.94) 0%,
            rgba(0,0,0,.75) 44%,
            rgba(0,0,0,.48) 100%
        );
}

.craig-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.15;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.craig-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .82fr;
    align-items:center;
    gap:80px;
    padding:125px 80px 70px;
}

.craig-hero-text{
    max-width:780px;
}

.craig-hero h1{
    font-size:clamp(62px,7vw,108px);
    line-height:.9;
    letter-spacing:-4.5px;
    margin-bottom:32px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.craig-hero .intro{
    max-width:650px;
}

.craig-portrait-wrap{
    position:relative;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.craig-portrait-glow{
    position:absolute;
    inset:8%;
    border-radius:40px;
    background:radial-gradient(circle at center, rgba(200,163,72,.26), transparent 62%);
    filter:blur(34px);
    opacity:.9;
}

.craig-portrait-card{
    position:relative;
    overflow:hidden;
    border-radius:38px;
    border:1px solid rgba(200,163,72,.30);
    background:
        radial-gradient(circle at 22% 0%, rgba(200,163,72,.18), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.13),
        0 45px 120px rgba(0,0,0,.68),
        inset 0 0 58px rgba(255,255,255,.02);
}

.craig-portrait-card::before{
    content:"";
    position:absolute;
    top:0;
    left:48px;
    right:48px;
    height:1px;
    z-index:2;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.craig-portrait-card img{
    display:block;
    width:100%;
    height:720px;
    object-fit:cover;
    object-position:center;
    filter:contrast(1.04) brightness(.98);
}

.craig-portrait-caption{
    position:absolute;
    left:28px;
    right:28px;
    bottom:28px;
    padding:22px 24px;
    border:1px solid rgba(200,163,72,.25);
    border-radius:22px;
    background:rgba(0,0,0,.52);
    backdrop-filter:blur(18px);
}

.craig-portrait-caption span{
    display:block;
    font-size:22px;
    font-weight:900;
    color:#fff;
    margin-bottom:6px;
}

.craig-portrait-caption p{
    font-size:14px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--gold);
}

/* ================= ABOUT SHARED ================= */

.craig-story,
.craig-belief,
.craig-moments,
.craig-promise,
.craig-trust{
    position:relative;
    overflow:hidden;
    padding:105px 24px 165px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.craig-story{
    margin-top:-24px;
    padding-top:125px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.craig-story-container,
.craig-belief-container,
.craig-moments-container,
.craig-promise-container,
.craig-trust-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.craig-story-container,
.craig-promise-container{
    max-width:1120px;
}

.craig-story-title,
.craig-promise h2,
.craig-trust h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.craig-story-gold,
.craig-promise h3,
.craig-trust h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.craig-story-intro,
.craig-promise p{
    max-width:790px;
    margin:0 auto;
    font-size:25px;
    line-height:1.75;
    color:rgba(255,255,255,.84);
    text-align:left;
}

.craig-story-card,
.craig-promise-card{
    max-width:980px;
    margin:90px auto 0;
    padding:46px 54px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:rgba(255,255,255,.035);
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 40px rgba(255,255,255,.015);
    text-align:left;
}

.craig-story-card h3,
.craig-promise-card h4{
    margin:0;
    font-size:clamp(36px,3.2vw,54px);
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:900;
    color:#fff;
}

.craig-story-card .final-gold,
.craig-promise-card .final-gold{
    margin-top:14px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.craig-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:36px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

/* ================= TURNING POINT ================= */

.craig-turning-point{
    position:relative;
    padding:125px 24px 165px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.craig-turning-container{
    max-width:1120px;
    margin:0 auto;
    text-align:center;
}

.craig-turning-container h2{
    font-size:clamp(52px,6vw,92px);
    line-height:.92;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.craig-turning-container h3{
    font-size:clamp(46px,5.4vw,82px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:55px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.craig-turning-container p{
    max-width:820px;
    margin:0 auto 24px;
    font-size:21px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
    text-align:left;
}

/* ================= BELIEF / TRUST CARDS ================= */

.craig-belief h2,
.craig-moments h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    color:#fff;
    margin-bottom:26px;
}

.craig-belief h3,
.craig-moments h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:78px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.craig-belief-grid,
.craig-trust-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.craig-belief-card,
.craig-trust-card,
.craig-moment-card{
    position:relative;
    padding:44px 42px 48px;
    min-height:320px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.craig-belief-card::before,
.craig-trust-card::before,
.craig-moment-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.craig-belief-card:hover,
.craig-trust-card:hover,
.craig-moment-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.craig-belief-card:hover::before,
.craig-trust-card:hover::before,
.craig-moment-card:hover::before{
    opacity:1;
}

.craig-belief-card span,
.craig-belief-card h4,
.craig-belief-card p,
.craig-trust-card span,
.craig-trust-card h4,
.craig-trust-card p,
.craig-moment-card span,
.craig-moment-card h4,
.craig-moment-card p{
    position:relative;
    z-index:1;
}

.craig-belief-card span,
.craig-trust-card span,
.craig-moment-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.craig-belief-card h4,
.craig-trust-card h4,
.craig-moment-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.craig-belief-card p,
.craig-trust-card p,
.craig-moment-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

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

.craig-moments-timeline{
    position:relative;
    display:grid;
    gap:34px;
    max-width:980px;
    margin:0 auto;
}

.craig-moments-timeline::before{
    content:"";
    position:absolute;
    top:20px;
    bottom:20px;
    left:50%;
    width:1px;
    transform:translateX(-50%);
    background:linear-gradient(to bottom, transparent, rgba(200,163,72,.58), transparent);
}

.craig-moment-card{
    width:calc(50% - 32px);
    min-height:auto;
}

.craig-moment-card:nth-child(odd){
    justify-self:start;
}

.craig-moment-card:nth-child(even){
    justify-self:end;
}

/* ================= DIFFERENT APPROACH ================= */

.craig-different{
    position:relative;
    padding:125px 24px 165px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.craig-different-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:center;
}

.craig-different-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.craig-different-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.craig-different-text p{
    max-width:680px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.craig-different-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.craig-different-card span{
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.craig-different-card h4{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.craig-different-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

/* ================= ABOUT CRAIG FLAGSHIP MOBILE ================= */

@media(max-width:1000px){

    .craig-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .craig-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:44px;
    }

    .craig-hero h1{
        font-size:clamp(44px,12vw,64px);
        letter-spacing:-2.5px;
    }

    .craig-portrait-card{
        border-radius:30px;
    }

    .craig-portrait-card img{
        height:560px;
    }

    .craig-portrait-caption{
        left:18px;
        right:18px;
        bottom:18px;
        padding:18px 20px;
    }

    .craig-story,
    .craig-belief,
    .craig-moments,
    .craig-promise,
    .craig-trust,
    .craig-turning-point,
    .craig-different{
        padding:60px 20px 70px;
    }

    .craig-story{
        margin-top:0;
        padding-top:90px;
    }

    .craig-story-title,
    .craig-promise h2,
    .craig-trust h2,
    .craig-belief h2,
    .craig-moments h2,
    .craig-turning-container h2,
    .craig-different-text h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .craig-story-gold,
    .craig-promise h3,
    .craig-trust h3,
    .craig-belief h3,
    .craig-moments h3,
    .craig-turning-container h3,
    .craig-different-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .craig-story-intro,
    .craig-promise p,
    .craig-turning-container p,
    .craig-different-text p{
        max-width:100%;
        font-size:18px;
        line-height:1.7;
    }

    .craig-story-card,
    .craig-promise-card{
        padding:32px 26px;
        border-radius:22px;
        margin-top:60px;
    }

    .craig-story-card h3,
    .craig-promise-card h4{
        font-size:clamp(28px,8vw,38px);
        letter-spacing:-1px;
    }

    .craig-badge{
        font-size:15px;
        letter-spacing:3px;
        padding:15px 24px;
        margin-bottom:32px;
    }

    .craig-belief-grid,
    .craig-trust-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .craig-belief-card,
    .craig-trust-card,
    .craig-moment-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
        width:100%;
        justify-self:stretch;
    }

    .craig-belief-card h4,
    .craig-trust-card h4,
    .craig-moment-card h4{
        font-size:30px;
    }

    .craig-belief-card p,
    .craig-trust-card p,
    .craig-moment-card p{
        font-size:16px;
    }

    .craig-moments-timeline{
        gap:22px;
    }

    .craig-moments-timeline::before{
        display:none;
    }

    .craig-different-container{
        grid-template-columns:1fr;
        gap:42px;
    }

    .craig-different-text{
        text-align:center;
    }

    .craig-different-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }
}


/* ================= BEHAVIOUR TRANSFORMATIONS PAGE ================= */

.bt-hero{
    min-height:118vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 72% 32%, rgba(200,163,72,.20), transparent 32%),
        radial-gradient(circle at 28% 18%, rgba(255,243,176,.10), transparent 26%),
        linear-gradient(135deg, #050505 0%, #000 55%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.bt-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.76) 48%, rgba(0,0,0,.50) 100%);
}

.bt-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.bt-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1280px;
    padding:128px 80px 80px;
    text-align:left;
}

.bt-hero h1{
    max-width:980px;
    font-size:clamp(66px,8vw,126px);
    line-height:.86;
    letter-spacing:-5px;
    font-weight:900;
    margin-bottom:32px;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.bt-hero h2{
    max-width:940px;
    font-size:clamp(48px,5.6vw,86px);
    line-height:.93;
    letter-spacing:-3.5px;
    font-weight:900;
    margin-bottom:36px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    opacity:0;
    animation:fadeUp .9s ease .24s forwards;
}

.bt-hero .intro{
    max-width:720px;
}

.bt-opening,
.bt-method{
    position:relative;
    padding:115px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.10), transparent 38%),
        linear-gradient(to bottom,#050505,#000);
    overflow:hidden;
}

.bt-opening{
    margin-top:-24px;
    padding-top:140px;
    background:
        linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.66) 18%, rgba(0,0,0,.90) 42%, #050505 100%);
}

.bt-opening-container,
.bt-method-container,
.bt-divider-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.bt-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    margin-bottom:38px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:18px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
    box-shadow:
        0 0 30px rgba(200,163,72,.10),
        inset 0 0 18px rgba(255,255,255,.02);
}

.bt-opening h2,
.bt-method h2,
.bt-divider h2{
    font-size:clamp(52px,6vw,92px);
    line-height:.92;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.bt-opening h3,
.bt-method h3,
.bt-divider h3{
    font-size:clamp(44px,5vw,78px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:42px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.bt-opening-container > p:not(.bt-badge){
    max-width:820px;
    margin:0 auto 82px;
    font-size:22px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
}

.bt-proof-grid,
.bt-method-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.bt-method-grid{
    grid-template-columns:repeat(4,1fr);
    margin-top:88px;
}

.bt-proof-card,
.bt-method-card{
    position:relative;
    padding:46px 38px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
}

.bt-proof-card::before,
.bt-method-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.13), transparent 38%);
    opacity:.70;
}

.bt-proof-card span,
.bt-method-card span,
.bt-proof-card h4,
.bt-method-card h4,
.bt-proof-card p,
.bt-method-card p{
    position:relative;
    z-index:1;
}

.bt-proof-card span{
    display:block;
    font-size:clamp(56px,5vw,82px);
    line-height:.85;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.bt-method-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:26px;
}

.bt-proof-card h4,
.bt-method-card h4{
    font-size:clamp(28px,2.6vw,40px);
    line-height:1.04;
    letter-spacing:-1.4px;
    font-weight:900;
    margin-bottom:18px;
}

.bt-proof-card p,
.bt-method-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

.bt-divider,
.bt-transition-quote{
    position:relative;
    padding:120px 24px 130px;
    background:
        radial-gradient(circle at 50% 50%, rgba(200,163,72,.12), transparent 44%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.bt-divider-container{
    max-width:1050px;
}

.bt-divider h3{
    margin-bottom:0;
}

.bt-case{
    position:relative;
    padding:125px 24px 150px;
    background:
        radial-gradient(circle at 72% 18%, rgba(200,163,72,.09), transparent 34%),
        linear-gradient(to bottom,#050505,#000);
    overflow:hidden;
}

.bt-case:nth-of-type(even){
    background:
        radial-gradient(circle at 28% 20%, rgba(200,163,72,.09), transparent 34%),
        linear-gradient(to bottom,#000,#050505);
}

.bt-case-container{
    max-width:1320px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 380px;
    gap:70px;
    align-items:start;
}

.bt-case.reverse .bt-case-container{
    grid-template-columns:380px 1fr;
}

.bt-case.reverse .bt-case-main{
    grid-column:2;
}

.bt-case.reverse .bt-glance-card{
    grid-column:1;
    grid-row:1;
}

.bt-case-main{
    max-width:840px;
}

.bt-case-main h2{
    font-size:clamp(76px,8vw,132px);
    line-height:.82;
    letter-spacing:-5px;
    font-weight:900;
    margin-bottom:22px;
}

.bt-case-main h3{
    font-size:clamp(42px,4.8vw,76px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:24px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.bt-dog-meta{
    display:inline-flex;
    padding:14px 24px;
    margin-bottom:58px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.22);
    background:rgba(255,255,255,.035);
    color:rgba(255,255,255,.78);
    font-size:14px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
}

.bt-story-block{
    margin-bottom:42px;
    padding-bottom:42px;
    border-bottom:1px solid rgba(200,163,72,.14);
}

.bt-story-block span,
.bt-breakthrough span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.bt-story-block p{
    max-width:780px;
    font-size:20px;
    line-height:1.8;
    color:rgba(255,255,255,.82);
    margin-bottom:18px;
}

.bt-breakthrough{
    position:relative;
    margin:58px 0;
    padding:46px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:30px;
    background:
        radial-gradient(circle at 15% 0%, rgba(200,163,72,.16), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 90px rgba(200,163,72,.09),
        inset 0 0 46px rgba(255,255,255,.015);
}

.bt-breakthrough h4{
    font-size:clamp(32px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.7px;
    font-weight:900;
    margin-bottom:20px;
}

.bt-breakthrough p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

.bt-case-main blockquote{
    position:relative;
    margin:0;
    padding:50px 54px;
    border-left:4px solid var(--gold);
    border-radius:0 28px 28px 0;
    background:rgba(255,255,255,.035);
    box-shadow:inset 0 0 42px rgba(255,255,255,.012);
    font-size:clamp(30px,3vw,48px);
    line-height:1.18;
    letter-spacing:-1.2px;
    font-weight:900;
    color:#fff;
}

.bt-glance-card{
    position:sticky;
    top:105px;
    padding:34px 32px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.18), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.bt-silhouette{
    width:138px;
    height:138px;
    margin:0 auto 28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(200,163,72,.36);
    background:
        radial-gradient(circle at 50% 38%, rgba(255,243,176,.18), transparent 36%),
        rgba(0,0,0,.36);
    color:var(--gold);
    font-size:34px;
    font-weight:900;
    letter-spacing:2px;
    box-shadow:
        0 0 55px rgba(200,163,72,.16),
        inset 0 0 35px rgba(255,255,255,.025);
}

.bt-glance-card > p{
    margin-bottom:28px;
    text-align:center;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.bt-glance-card div:not(.bt-silhouette){
    padding:18px 0;
    border-top:1px solid rgba(200,163,72,.16);
}

.bt-glance-card span{
    display:block;
    margin-bottom:7px;
    color:rgba(255,255,255,.48);
    font-size:12px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

.bt-glance-card strong{
    display:block;
    color:#fff;
    font-size:17px;
    line-height:1.35;
    font-weight:900;
}

.bt-transition-quote{
    padding:105px 24px 115px;
    text-align:center;
}

.bt-transition-quote div{
    max-width:980px;
    margin:0 auto;
}

.bt-transition-quote p{
    margin-bottom:24px;
    color:rgba(255,255,255,.78);
    font-size:23px;
    line-height:1.6;
}

.bt-transition-quote h2{
    font-size:clamp(46px,5.4vw,86px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

@media(max-width:1000px){

    .bt-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .bt-hero-content{
        padding:115px 25px 70px;
        text-align:center;
    }

    .bt-hero h1{
        font-size:clamp(48px,13vw,70px);
        letter-spacing:-2.8px;
    }

    .bt-hero h2{
        font-size:clamp(38px,10vw,58px);
        letter-spacing:-2.2px;
    }

    .bt-opening,
    .bt-method,
    .bt-divider,
    .bt-transition-quote,
    .bt-case{
        padding:60px 20px 70px;
    }

    .bt-opening{
        margin-top:0;
        padding-top:95px;
    }

    .bt-badge{
        font-size:14px;
        letter-spacing:3px;
        padding:15px 22px;
        margin-bottom:32px;
    }

    .bt-opening h2,
    .bt-method h2,
    .bt-divider h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .bt-opening h3,
    .bt-method h3,
    .bt-divider h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .bt-opening-container > p:not(.bt-badge){
        font-size:18px;
        margin-bottom:36px;
    }

    .bt-proof-grid,
    .bt-method-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .bt-proof-card,
    .bt-method-card{
        padding:34px 28px;
        border-radius:24px;
    }

    .bt-case-container,
    .bt-case.reverse .bt-case-container{
        grid-template-columns:1fr;
        gap:44px;
    }

    .bt-case.reverse .bt-case-main,
    .bt-case.reverse .bt-glance-card{
        grid-column:auto;
        grid-row:auto;
    }

    .bt-case-main{
        max-width:100%;
        text-align:center;
    }

    .bt-case-main h2{
        font-size:clamp(58px,16vw,86px);
        letter-spacing:-3px;
    }

    .bt-case-main h3{
        font-size:clamp(34px,10vw,52px);
        letter-spacing:-2px;
    }

    .bt-dog-meta{
        font-size:12px;
        line-height:1.5;
        justify-content:center;
        text-align:center;
    }

    .bt-story-block{
        text-align:left;
    }

    .bt-story-block p{
        font-size:17px;
        line-height:1.75;
    }

    .bt-breakthrough{
        padding:34px 28px;
        border-radius:24px;
        text-align:left;
    }

    .bt-breakthrough h4{
        font-size:clamp(28px,8vw,38px);
    }

    .bt-case-main blockquote{
        padding:34px 28px;
        font-size:clamp(26px,8vw,38px);
        text-align:left;
    }

    .bt-glance-card{
        position:relative;
        top:auto;
        padding:32px 28px;
        border-radius:28px;
    }

    .bt-transition-quote p{
        font-size:18px;
    }

    .bt-transition-quote h2{
        font-size:clamp(36px,10vw,54px);
        letter-spacing:-2px;
    }
}


/* ================= BEHAVIOUR ASSESSMENT CHECKER ================= */

.checker-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 72% 38%, rgba(200,163,72,.18), transparent 32%),
        radial-gradient(circle at 35% 18%, rgba(255,243,176,.10), transparent 28%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.checker-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.94) 0%,
            rgba(0,0,0,.76) 45%,
            rgba(0,0,0,.50) 100%
        );
}

.checker-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.checker-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.checker-hero-text{
    max-width:780px;
}

.checker-hero h1{
    font-size:clamp(58px,6.7vw,104px);
    line-height:.92;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.checker-hero .intro{
    max-width:670px;
}

.checker-hero-card{
    position:relative;
    padding:54px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.checker-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.checker-hero-card span{
    display:block;
    margin-bottom:22px;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.checker-hero-card h3{
    font-size:clamp(32px,3vw,46px);
    line-height:1.02;
    letter-spacing:-1.6px;
    font-weight:900;
    margin-bottom:20px;
}

.checker-hero-card p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:32px;
}

.checker-hero-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.checker-hero-card li{
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    font-weight:800;
}

.checker-hero-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

.checker-section{
    position:relative;
    padding:120px 24px 160px;
    margin-top:-24px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
    overflow:hidden;
}

.checker-container{
    max-width:1180px;
    margin:0 auto;
}

.checker-intro{
    max-width:1000px;
    margin:0 auto 90px;
    text-align:center;
}

.checker-intro h2{
    font-size:clamp(54px,6vw,92px);
    line-height:.92;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.checker-intro h3{
    font-size:clamp(46px,5vw,78px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.checker-intro p{
    max-width:760px;
    margin:0 auto;
    font-size:21px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
}

.checker-app{
    position:relative;
    max-width:980px;
    margin:0 auto;
    padding:54px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 110px rgba(200,163,72,.11),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 60px rgba(255,255,255,.02);
    overflow:hidden;
}

.checker-app::before{
    content:"";
    position:absolute;
    top:0;
    left:54px;
    right:54px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.70), transparent);
}

.checker-progress-wrap{
    margin-bottom:48px;
}

.checker-progress-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
    color:rgba(255,255,255,.68);
    font-size:13px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

.checker-progress-bar{
    width:100%;
    height:8px;
    border-radius:999px;
    background:rgba(255,255,255,.07);
    overflow:hidden;
    border:1px solid rgba(200,163,72,.14);
}

#checkerProgressFill{
    width:11%;
    height:100%;
    border-radius:999px;
    background:var(--gold-gradient);
    box-shadow:0 0 24px rgba(200,163,72,.48);
    transition:.35s ease;
}

.checker-step{
    display:none;
    animation:fadeUp .45s ease forwards;
}

.checker-step.active{
    display:block;
}

.checker-step-label{
    display:inline-flex;
    margin-bottom:22px;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.checker-step h4{
    font-size:clamp(36px,4vw,62px);
    line-height:1;
    letter-spacing:-2px;
    font-weight:900;
    margin-bottom:20px;
}

.checker-step p{
    max-width:760px;
    font-size:19px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
    margin-bottom:34px;
}

.checker-input-label{
    display:block;
    margin-bottom:12px;
    color:var(--gold);
    font-size:13px;
    letter-spacing:3px;
    font-weight:900;
    text-transform:uppercase;
}

.checker-step input[type="text"],
.checker-step textarea{
    width:100%;
    padding:20px 22px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:18px;
    background:rgba(0,0,0,.34);
    color:#fff;
    font-family:inherit;
    font-size:17px;
    line-height:1.5;
    outline:none;
    box-shadow:inset 0 0 24px rgba(255,255,255,.018);
    transition:.25s ease;
}

.checker-step input[type="text"]:focus,
.checker-step textarea:focus{
    border-color:rgba(200,163,72,.58);
    box-shadow:
        0 0 35px rgba(200,163,72,.11),
        inset 0 0 24px rgba(255,255,255,.018);
}

.checker-step textarea{
    resize:vertical;
    min-height:150px;
}

.checker-options{
    display:grid;
    gap:16px;
}

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

.checker-options.three{
    grid-template-columns:repeat(3,1fr);
}

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

.checker-option{
    position:relative;
    min-height:92px;
    display:flex;
    align-items:center;
    padding:24px 24px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:22px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
    cursor:pointer;
    overflow:hidden;
    transition:.3s ease;
}

.checker-option::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.13), transparent 38%);
    opacity:.55;
    transition:.3s ease;
}

.checker-option:hover,
.checker-option.selected{
    transform:translateY(-4px);
    border-color:rgba(200,163,72,.52);
    box-shadow:
        0 0 55px rgba(200,163,72,.11),
        0 24px 70px rgba(0,0,0,.45);
}

.checker-option.selected::before{
    opacity:1;
}

.checker-option input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.checker-option span{
    position:relative;
    z-index:1;
    color:#fff;
    font-size:17px;
    font-weight:900;
    line-height:1.3;
}

.checker-option span::before{
    content:"";
    display:inline-block;
    width:12px;
    height:12px;
    margin-right:12px;
    border-radius:50%;
    border:1px solid rgba(200,163,72,.62);
    box-shadow:0 0 18px rgba(200,163,72,.16);
}

.checker-option.selected span::before{
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

.checker-message{
    display:none;
    margin-top:18px;
    padding:18px 20px;
    border-radius:16px;
    font-size:15px;
    line-height:1.5;
    font-weight:800;
}

.checker-message.success,
.checker-message.warning{
    display:block;
}

.checker-message.success{
    border:1px solid rgba(200,163,72,.24);
    background:rgba(200,163,72,.08);
    color:rgba(255,255,255,.86);
}

.checker-message.warning{
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.045);
    color:rgba(255,255,255,.82);
}

.checker-availability-note{
    display:grid;
    gap:8px;
    margin-bottom:26px;
    padding:22px 24px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:20px;
    background:rgba(0,0,0,.26);
}

.checker-availability-note strong{
    color:#fff;
    font-size:18px;
    font-weight:900;
}

.checker-availability-note span{
    color:var(--gold);
    font-size:16px;
    font-weight:900;
    letter-spacing:1px;
}

.checker-actions{
    display:flex;
    justify-content:space-between;
    gap:16px;
    margin-top:48px;
}

.checker-back,
.checker-next{
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:170px;
    padding:16px 28px;
    border-radius:999px;
    font-family:inherit;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
    transition:.3s ease;
}

.checker-back{
    color:#fff;
    border:1px solid rgba(200,163,72,.48);
    background:rgba(0,0,0,.18);
}

.checker-next{
    color:#111;
    border:1px solid transparent;
    background:var(--gold);
    box-shadow:0 0 30px rgba(200,163,72,.32);
}

.checker-back:hover,
.checker-next:hover{
    transform:translateY(-4px);
}

.checker-results h4{
    margin-bottom:28px;
}

.checker-result-card{
    padding:34px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:28px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.14), transparent 34%),
        rgba(255,255,255,.035);
}

.checker-result-card.muted{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.03);
}

.checker-result-card h5{
    font-size:clamp(28px,3vw,42px);
    line-height:1.05;
    letter-spacing:-1.4px;
    font-weight:900;
    margin-bottom:18px;
}

.checker-summary-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin:32px 0;
}

.checker-summary-grid div{
    padding:20px;
    border:1px solid rgba(200,163,72,.18);
    border-radius:18px;
    background:rgba(0,0,0,.22);
}

.checker-summary-grid span,
.checker-owner-goal span{
    display:block;
    margin-bottom:8px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

.checker-summary-grid strong{
    color:#fff;
    font-size:16px;
    font-weight:900;
}

.checker-result-list{
    list-style:none;
    display:grid;
    gap:12px;
    margin:30px 0;
}

.checker-result-list li{
    position:relative;
    padding-left:26px;
    color:rgba(255,255,255,.82);
    font-size:16px;
    line-height:1.55;
    font-weight:800;
}

.checker-result-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.75);
}

.checker-owner-goal{
    margin:30px 0;
    padding:24px;
    border-left:1px solid rgba(200,163,72,.55);
    background:rgba(0,0,0,.18);
    border-radius:0 18px 18px 0;
}

.checker-owner-goal p{
    margin:0;
    color:rgba(255,255,255,.86);
    font-size:18px;
}

.checker-confirm{
    display:grid;
    grid-template-columns:22px 1fr;
    gap:14px;
    align-items:start;
    margin:30px 0;
    padding:20px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(0,0,0,.18);
    cursor:pointer;
}

.checker-confirm input{
    margin-top:4px;
    accent-color:var(--gold);
}

.checker-confirm span{
    color:rgba(255,255,255,.78);
    font-size:15px;
    line-height:1.55;
    font-weight:800;
}

.checker-result-buttons{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    margin-top:28px;
}

.checker-result-buttons .btn{
    border:none;
    font-family:inherit;
    cursor:pointer;
}

.checker-why{
    position:relative;
    padding:110px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
    overflow:hidden;
}

.checker-why-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.checker-why h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.checker-why h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:88px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.checker-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.checker-why-card{
    position:relative;
    min-height:320px;
    padding:44px 42px 48px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.checker-why-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.checker-why-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.checker-why-card span,
.checker-why-card h4,
.checker-why-card p{
    position:relative;
    z-index:1;
}

.checker-why-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.checker-why-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.checker-why-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

@media(max-width:1000px){

    .checker-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .checker-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .checker-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .checker-hero-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .checker-section{
        margin-top:0;
        padding:60px 20px 70px;
    }

    .checker-intro{
        margin-bottom:36px;
    }

    .checker-intro h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .checker-intro h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .checker-intro p{
        font-size:18px;
    }

    .checker-app{
        padding:34px 24px;
        border-radius:28px;
    }

    .checker-app::before{
        left:24px;
        right:24px;
    }

    .checker-step h4{
        font-size:clamp(32px,9vw,46px);
        letter-spacing:-1.5px;
    }

    .checker-step p{
        font-size:17px;
    }

    .checker-options.two,
    .checker-options.three,
    .checker-options.grid,
    .checker-summary-grid,
    .checker-why-grid{
        grid-template-columns:1fr;
    }

    .checker-option{
        min-height:auto;
        padding:22px;
        border-radius:20px;
    }

    .checker-actions{
        flex-direction:column-reverse;
    }

    .checker-back,
    .checker-next{
        width:100%;
    }

    .checker-result-card{
        padding:26px 22px;
        border-radius:24px;
    }

    .checker-result-buttons{
        flex-direction:column;
    }

    .checker-result-buttons .btn{
        width:100%;
        max-width:none;
    }

    .checker-why{
        padding:60px 20px 70px;
    }

    .checker-why h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .checker-why h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .checker-why-card{
        min-height:auto;
        padding:32px 26px;
        border-radius:24px;
    }
}

/* ================= ASSESSMENT BOOKED PAGE ================= */

.booked-hero{
    min-height:115vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 76% 34%, rgba(200,163,72,.18), transparent 32%),
        radial-gradient(circle at 25% 18%, rgba(255,243,176,.10), transparent 28%),
        linear-gradient(135deg, #050505 0%, #000 58%, #080602 100%);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
}

.booked-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.70) 46%,
            rgba(0,0,0,.44) 100%
        );
}

.booked-hero::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    background-position:0 0, 40px 80px, 110px 30px;
    opacity:.14;
    filter:blur(.2px);
    animation:dustFloat 48s linear infinite;
}

.booked-hero-content{
    position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .78fr;
    align-items:center;
    gap:78px;
    padding:120px 80px 70px;
}

.booked-hero-text{
    max-width:780px;
}

.booked-hero h1{
    font-size:clamp(58px,6.5vw,96px);
    line-height:.94;
    letter-spacing:-4px;
    margin-bottom:30px;
    font-weight:900;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.booked-hero .intro{
    max-width:650px;
}

.booked-confirmation-card{
    position:relative;
    padding:56px 50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.17), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .42s forwards;
}

.booked-confirmation-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.65), transparent);
}

.booked-confirmation-card span,
.booked-hours-card span,
.booked-emergency-text span{
    display:inline-flex;
    margin-bottom:24px;
    color:var(--gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.booked-confirmation-card h3{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:22px;
}

.booked-confirmation-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

.booked-tick-list{
    display:grid;
    gap:14px;
    margin-top:32px;
}

.booked-tick-list p{
    position:relative;
    padding-left:34px;
    margin:0;
    font-size:17px;
    line-height:1.5;
    color:rgba(255,255,255,.86);
    font-weight:900;
}

.booked-tick-list p::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:var(--gold);
    text-shadow:0 0 18px rgba(200,163,72,.75);
}

.booked-next,
.booked-reassurance,
.booked-prepare,
.booked-summary{
    position:relative;
    padding:110px 24px 160px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
    overflow:hidden;
}

.booked-next{
    margin-top:-24px;
    padding-top:130px;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.62) 18%,
            rgba(0,0,0,.86) 42%,
            #050505 100%
        );
}

.booked-next-container,
.booked-reassurance-container,
.booked-prepare-container,
.booked-summary-container{
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.booked-next h2,
.booked-reassurance h2,
.booked-prepare-card.main h2,
.booked-summary h2{
    font-size:clamp(52px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:26px;
}

.booked-next h3,
.booked-reassurance h3{
    font-size:clamp(44px,5vw,76px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:90px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.booked-timeline{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.booked-step,
.booked-reassurance-card,
.booked-prepare-card{
    position:relative;
    padding:44px 38px 48px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.booked-step::before,
.booked-reassurance-card::before,
.booked-prepare-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%);
    opacity:.65;
    transition:.35s ease;
}

.booked-step:hover,
.booked-reassurance-card:hover,
.booked-prepare-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.42);
    box-shadow:
        0 0 95px rgba(200,163,72,.12),
        0 35px 90px rgba(0,0,0,.55),
        inset 0 0 42px rgba(255,255,255,.018);
}

.booked-step:hover::before,
.booked-reassurance-card:hover::before,
.booked-prepare-card:hover::before{
    opacity:1;
}

.booked-step span,
.booked-step h4,
.booked-step p,
.booked-reassurance-card span,
.booked-reassurance-card h4,
.booked-reassurance-card p,
.booked-prepare-card span,
.booked-prepare-card h4,
.booked-prepare-card p,
.booked-prepare-card h2{
    position:relative;
    z-index:1;
}

.booked-step span,
.booked-reassurance-card span,
.booked-prepare-card span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:5px;
    margin-bottom:28px;
}

.booked-step h4,
.booked-reassurance-card h4,
.booked-prepare-card h4{
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.05;
    letter-spacing:-1.5px;
    font-weight:900;
    margin-bottom:20px;
}

.booked-step p,
.booked-reassurance-card p,
.booked-prepare-card p{
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

.booked-hours{
    position:relative;
    padding:120px 24px 160px;
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.booked-hours-container{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .78fr;
    gap:70px;
    align-items:center;
}

.booked-hours-text h2{
    font-size:clamp(48px,5.2vw,78px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.booked-hours-text h3{
    font-size:clamp(40px,4.5vw,66px);
    line-height:.96;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:38px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.booked-hours-text p,
.booked-reassurance-container > p{
    max-width:720px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
    margin-bottom:24px;
}

.booked-reassurance-container > p{
    margin:0 auto 80px;
    text-align:left;
}

.booked-hours-card{
    position:relative;
    padding:58px 52px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.18), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.booked-hours-card h4{
    font-size:clamp(42px,4.5vw,70px);
    line-height:.95;
    letter-spacing:-2.5px;
    font-weight:900;
    margin-bottom:20px;
}

.booked-hours-card strong{
    display:block;
    margin-bottom:30px;
    font-size:clamp(36px,4vw,62px);
    line-height:.95;
    letter-spacing:-2px;
    font-weight:900;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.booked-hours-card p{
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
}

.booked-reassurance-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.booked-prepare{
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.10), transparent 38%),
        linear-gradient(to bottom,#000,#050505);
}

.booked-prepare-card.main{
    max-width:980px;
    margin:0 auto 70px;
    padding:56px 58px;
    text-align:center;
}

.booked-prepare-card.main p{
    max-width:760px;
    margin:0 auto;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
}

.booked-prepare-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.booked-summary{
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 36%),
        linear-gradient(to bottom,#050505,#000);
}

.booked-summary-card{
    max-width:920px;
    margin:70px auto 0;
    padding:46px 50px;
    border:1px solid rgba(200,163,72,.26);
    border-radius:30px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 90px rgba(200,163,72,.075),
        inset 0 0 42px rgba(255,255,255,.018);
    text-align:left;
}

.booked-summary-row{
    display:grid;
    grid-template-columns:230px 1fr;
    gap:24px;
    padding:20px 0;
    border-bottom:1px solid rgba(200,163,72,.14);
}

.booked-summary-row:last-child{
    border-bottom:none;
}

.booked-summary-row span{
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

.booked-summary-row p{
    color:rgba(255,255,255,.82);
    font-size:17px;
    line-height:1.6;
    font-weight:700;
}

.booked-emergency{
    position:relative;
    padding:60px 20px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.12), transparent 42%),
        linear-gradient(to bottom,#000,#050505);
    overflow:hidden;
}

.booked-emergency-container{
    max-width:1040px;
    margin:0 auto;
    padding:54px 58px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:42px;
    align-items:center;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 90px rgba(200,163,72,.10),
        0 40px 110px rgba(0,0,0,.60),
        inset 0 0 58px rgba(255,255,255,.018);
}

.booked-emergency-text h2{
    font-size:clamp(38px,4vw,60px);
    line-height:.98;
    letter-spacing:-2px;
    font-weight:900;
    margin-bottom:18px;
}

.booked-emergency-text p{
    max-width:620px;
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
}

.booked-emergency-actions{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.booked-final-cta{
    padding-top:110px;
}

/* ================= ASSESSMENT BOOKED MOBILE ================= */

@media(max-width:1000px){

    .booked-hero{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .booked-hero-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 70px;
        gap:36px;
    }

    .booked-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .booked-confirmation-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .booked-next,
    .booked-reassurance,
    .booked-prepare,
    .booked-summary{
        padding:60px 20px 70px;
    }

    .booked-next{
        margin-top:0;
        padding-top:90px;
    }

    .booked-next h2,
    .booked-reassurance h2,
    .booked-prepare-card.main h2,
    .booked-summary h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .booked-next h3,
    .booked-reassurance h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
        margin-bottom:36px;
    }

    .booked-timeline,
    .booked-reassurance-grid,
    .booked-prepare-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .booked-step,
    .booked-reassurance-card,
    .booked-prepare-card,
    .booked-prepare-card.main{
        padding:32px 26px;
        border-radius:24px;
    }

    .booked-step h4,
    .booked-reassurance-card h4,
    .booked-prepare-card h4{
        font-size:30px;
    }

    .booked-step p,
    .booked-reassurance-card p,
    .booked-prepare-card p{
        font-size:16px;
    }

    .booked-hours{
        padding:60px 20px 70px;
    }

    .booked-hours-container{
        grid-template-columns:1fr;
        gap:44px;
        text-align:center;
    }

    .booked-hours-text h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .booked-hours-text h3{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .booked-hours-text p,
    .booked-reassurance-container > p{
        max-width:100%;
        font-size:18px;
        text-align:left;
    }

    .booked-hours-card{
        padding:38px 28px;
        border-radius:28px;
        text-align:left;
    }

    .booked-hours-card h4{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .booked-hours-card strong{
        font-size:clamp(34px,9vw,48px);
        letter-spacing:-2px;
    }

    .booked-summary-card{
        margin-top:50px;
        padding:32px 26px;
        border-radius:24px;
    }

    .booked-summary-row{
        grid-template-columns:1fr;
        gap:8px;
    }

    .booked-emergency{
        padding:70px 24px;
    }

    .booked-emergency-container{
        grid-template-columns:1fr;
        padding:38px 28px;
        border-radius:28px;
        text-align:center;
    }

    .booked-emergency-actions{
        justify-content:center;
    }

}

/* ================= ONLINE CANINE TRAINING ACADEMY ================= */

.academy-body{
    background:#000;
    color:#fff;
}

.academy-shell{
    min-height:100vh;
    background:#000;
}

.academy-login{
    min-height:125vh;
    max-width:1600px;
    margin:24px auto 0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:34px;
    border:1px solid rgba(200,163,72,.18);
    box-shadow:
        0 0 80px rgba(0,0,0,.85),
        0 0 140px rgba(200,163,72,.08);
    transition:opacity .7s ease, transform .7s ease, max-height .7s ease;
}

.academy-hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
    background-image:url("Assets/Images/hero-academy.png");
    background-size:cover;
    background-position:center;
    animation:forestBreath 28s ease-in-out infinite;
}

.academy-login::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        radial-gradient(circle at 58% 32%, rgba(255,214,105,.30), transparent 23%),
        radial-gradient(circle at 75% 48%, rgba(200,163,72,.18), transparent 32%),
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.82) 34%,
            rgba(0,0,0,.58) 62%,
            rgba(0,0,0,.30) 100%
        );
}

.academy-login::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:1;
    pointer-events:none;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.45) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,190,60,.22) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 2px);
    background-size:90px 90px, 140px 140px, 210px 210px;
    opacity:.16;
    animation:dustFloat 48s linear infinite;
}

.academy-public-nav{
    z-index:12;
}

.academy-login-content{
    position:relative;
    z-index:5;
    width:100%;
    max-width:1380px;
    display:grid;
    grid-template-columns:1fr .82fr;
    gap:76px;
    align-items:center;
    padding:120px 80px 90px;
}

.academy-login-copy h1{
    font-size:clamp(58px,6.6vw,100px);
    line-height:.92;
    letter-spacing:-4px;
    font-weight:900;
    margin-bottom:30px;
    max-width:760px;
    opacity:0;
    animation:fadeUp .9s ease .12s forwards;
}

.academy-login-copy .intro{
    max-width:660px;
}

.academy-login-card{
    position:relative;
    padding:50px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.18), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018));
    backdrop-filter:blur(18px);
    box-shadow:
        0 0 110px rgba(200,163,72,.12),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.02);
    overflow:hidden;
    opacity:0;
    animation:fadeUp .9s ease .34s forwards;
}

.academy-login-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50px;
    right:50px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.70), transparent);
}

.academy-card-kicker,
.academy-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 24px;
    margin-bottom:24px;
    border-radius:999px;
    border:1px solid rgba(200,163,72,.35);
    background:rgba(255,255,255,.03);
    font-size:13px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    background-image:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.academy-login-card h2{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.02;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:18px;
}

.academy-login-card p{
    font-size:18px;
    line-height:1.75;
    color:rgba(255,255,255,.78);
    margin-bottom:28px;
}

.academy-upgrade-list{
    display:grid;
    gap:12px;
    margin:28px 0 34px;
}

.academy-upgrade-list div{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:16px;
    align-items:center;
    padding:14px 16px;
    border:1px solid rgba(200,163,72,.18);
    border-radius:16px;
    background:rgba(255,255,255,.035);
}

.academy-upgrade-list span{
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:3px;
}

.academy-upgrade-list strong{
    font-size:15px;
    color:#fff;
    line-height:1.4;
}

.academy-login-form{
    display:grid;
    gap:14px;
    margin-top:20px;
}

.academy-login-form label{
    font-size:13px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
    color:var(--gold);
}

.academy-password-wrap{
    display:flex;
    gap:10px;
    padding:8px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:999px;
    background:rgba(0,0,0,.36);
}

.academy-password-wrap input{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-size:16px;
    font-weight:800;
    padding:14px 18px;
}

.academy-password-wrap input::placeholder{
    color:rgba(255,255,255,.46);
}

.academy-toggle-password{
    border:1px solid rgba(200,163,72,.24);
    border-radius:999px;
    padding:0 18px;
    background:rgba(255,255,255,.05);
    color:var(--gold);
    font-weight:900;
    cursor:pointer;
}

.academy-login-button{
    width:100%;
    border:0;
    cursor:pointer;
    margin-top:8px;
}

.academy-login-message{
    min-height:24px;
    font-size:14px;
    font-weight:800;
    color:rgba(255,255,255,.68);
}

.academy-login-message.error{
    color:#ff8f8f;
}

.academy-login-message.success{
    color:var(--gold-light);
}

.academy-help-link{
    display:inline-flex;
    margin-top:20px;
    color:rgba(255,255,255,.66);
    font-weight:800;
    text-decoration:none;
    transition:.25s ease;
}

.academy-help-link:hover{
    color:var(--gold);
}

.academy-login-quote{
    position:absolute;
    left:50%;
    bottom:28px;
    z-index:6;
    transform:translateX(-50%);
    color:var(--gold);
    font-size:11px;
    letter-spacing:4px;
    font-weight:900;
    text-transform:uppercase;
    text-align:center;
    opacity:.72;
}

.academy-login.academy-hidden{
    opacity:0;
    transform:translateY(-30px);
    max-height:0;
    min-height:0;
    margin:0 auto;
    pointer-events:none;
}

.academy-login-card.shake{
    animation:academyShake .45s ease;
}

.academy-login-card.access-granted{
    border-color:rgba(255,243,176,.55);
    box-shadow:
        0 0 130px rgba(200,163,72,.20),
        0 45px 120px rgba(0,0,0,.65),
        inset 0 0 58px rgba(255,255,255,.03);
}

.academy-app{
    display:grid;
    grid-template-columns:300px 1fr;
    min-height:100vh;
    opacity:0;
    transform:translateY(30px);
    pointer-events:none;
    transition:.7s ease;
    background:
        radial-gradient(circle at 62% 0%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(to bottom,#050505,#000);
}

.academy-app.academy-visible{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}

.academy-sidebar{
    position:sticky;
    top:0;
    height:100vh;
    padding:34px 24px;
    border-right:1px solid rgba(200,163,72,.18);
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(18px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.academy-sidebar-brand span{
    color:var(--gold);
    font-size:12px;
    letter-spacing:4px;
    font-weight:900;
    text-transform:uppercase;
}

.academy-sidebar-brand h2{
    font-size:42px;
    line-height:.95;
    letter-spacing:-2px;
    font-weight:900;
    margin:12px 0 8px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.academy-sidebar-brand p{
    color:rgba(255,255,255,.64);
    font-size:15px;
    font-weight:800;
}

.academy-menu{
    display:grid;
    gap:12px;
    margin:45px 0;
}

.academy-menu-link{
    display:block;
    padding:16px 18px;
    border:1px solid rgba(200,163,72,.16);
    border-radius:16px;
    color:rgba(255,255,255,.70);
    text-decoration:none;
    font-weight:900;
    transition:.25s ease;
}

.academy-menu-link:hover,
.academy-menu-link.active{
    color:var(--gold);
    border-color:rgba(200,163,72,.38);
    background:rgba(200,163,72,.08);
    transform:translateX(4px);
}

.academy-logout{
    border:1px solid rgba(200,163,72,.28);
    border-radius:999px;
    padding:14px 20px;
    background:rgba(255,255,255,.04);
    color:#fff;
    font-weight:900;
    cursor:pointer;
    transition:.25s ease;
}

.academy-logout:hover{
    color:#111;
    background:var(--gold);
}

.academy-main{
    min-width:0;
    padding:28px 38px 80px;
}

.academy-topbar{
    position:sticky;
    top:22px;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 20px;
    margin-bottom:40px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:999px;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(18px);
}

.academy-topbar span{
    display:block;
    color:var(--gold);
    font-size:11px;
    letter-spacing:3px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:4px;
}

.academy-topbar strong{
    font-size:15px;
    font-weight:900;
}

.academy-topbar-cta{
    color:#111;
    background:var(--gold);
    text-decoration:none;
    padding:12px 20px;
    border-radius:999px;
    font-size:13px;
    font-weight:900;
}

.academy-dashboard,
.academy-modules,
.academy-downloads,
.academy-support{
    max-width:1180px;
    margin:0 auto 90px;
}

.academy-dashboard-hero{
    padding:72px 66px;
    border:1px solid rgba(200,163,72,.26);
    border-radius:34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 110px rgba(200,163,72,.09),
        inset 0 0 60px rgba(255,255,255,.018);
}

.academy-dashboard-hero h1{
    font-size:clamp(58px,7vw,105px);
    line-height:.9;
    letter-spacing:-4px;
    font-weight:900;
    margin-bottom:22px;
}

.academy-dashboard-hero h2{
    font-size:clamp(42px,5vw,72px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:32px;
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.academy-dashboard-hero p{
    max-width:760px;
    font-size:21px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
}

.academy-progress-grid{
    display:grid;
    grid-template-columns:1.4fr .8fr .8fr;
    gap:24px;
    margin:28px 0;
}

.academy-progress-card,
.academy-evolved-card,
.academy-module,
.academy-download-card,
.academy-support-card{
    border:1px solid rgba(200,163,72,.24);
    border-radius:28px;
    background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 42px rgba(255,255,255,.015);
}

.academy-progress-card{
    padding:34px;
}

.academy-progress-card span,
.academy-evolved-card span,
.academy-download-card span{
    display:inline-flex;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.academy-progress-card h3{
    font-size:clamp(32px,3vw,52px);
    line-height:.95;
    letter-spacing:-2px;
    font-weight:900;
    margin-bottom:18px;
}

.academy-progress-card p,
.academy-evolved-card p,
.academy-download-card p{
    font-size:17px;
    line-height:1.7;
    color:rgba(255,255,255,.74);
}

.academy-progress-line{
    width:100%;
    height:12px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    overflow:hidden;
    margin:24px 0 12px;
}

.academy-progress-line span{
    display:block;
    height:100%;
    border-radius:999px;
    background:var(--gold-gradient);
    box-shadow:0 0 28px rgba(200,163,72,.42);
}

.academy-progress-card small{
    color:rgba(255,255,255,.62);
    font-weight:800;
}

.academy-evolved-card{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:34px;
    align-items:center;
    padding:42px;
}

.academy-evolved-card h3{
    font-size:clamp(30px,3vw,46px);
    line-height:1;
    letter-spacing:-1.8px;
    font-weight:900;
}

.academy-section-header{
    text-align:center;
    max-width:820px;
    margin:0 auto 54px;
}

.academy-section-header h2{
    font-size:clamp(48px,5.5vw,82px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:22px;
}

.academy-section-header p{
    font-size:20px;
    line-height:1.7;
    color:rgba(255,255,255,.76);
}

.academy-module-list{
    display:grid;
    gap:20px;
}

.academy-module{
    overflow:hidden;
}

.academy-module-head{
    width:100%;
    display:grid;
    grid-template-columns:140px 1fr auto;
    gap:20px;
    align-items:center;
    padding:30px 34px;
    border:0;
    background:transparent;
    color:#fff;
    text-align:left;
    cursor:pointer;
}

.academy-module-head span{
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.academy-module-head strong{
    font-size:clamp(26px,2.7vw,40px);
    line-height:1;
    letter-spacing:-1.5px;
    font-weight:900;
}

.academy-module-head em{
    font-style:normal;
    padding:12px 18px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:999px;
    color:rgba(255,255,255,.70);
    font-size:12px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
}

.academy-module-content{
    display:none;
    padding:0 34px 34px;
}

.academy-module.open .academy-module-content{
    display:block;
    animation:fadeUp .45s ease forwards;
}

.academy-module.open .academy-module-head em{
    color:#111;
    background:var(--gold);
}

.academy-module-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:28px;
    padding-top:18px;
    border-top:1px solid rgba(200,163,72,.16);
}

.academy-module-grid h3{
    font-size:clamp(34px,3.2vw,52px);
    line-height:1.02;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:22px;
}

.academy-module-grid p{
    font-size:18px;
    line-height:1.8;
    color:rgba(255,255,255,.78);
}

.academy-lesson-card,
.academy-insight,
.academy-takeaways{
    border:1px solid rgba(200,163,72,.20);
    border-radius:24px;
    padding:30px;
    background:rgba(0,0,0,.28);
}

.academy-lesson-card span,
.academy-insight span{
    display:inline-flex;
    margin-bottom:20px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.academy-lesson-card ul{
    list-style:none;
    display:grid;
    gap:14px;
}

.academy-lesson-card li{
    position:relative;
    padding-left:24px;
    color:rgba(255,255,255,.80);
    font-weight:800;
    line-height:1.5;
}

.academy-lesson-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 18px rgba(200,163,72,.70);
}

.academy-insight{
    margin-top:28px;
    background:rgba(200,163,72,.065);
}

.academy-insight p,
.academy-takeaways p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.82);
}

.academy-takeaways{
    margin-top:28px;
}

.academy-takeaways h4{
    font-size:26px;
    font-weight:900;
    margin-bottom:12px;
}

.academy-download-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.academy-download-card{
    padding:34px;
}

.academy-download-card h3{
    font-size:28px;
    line-height:1.05;
    letter-spacing:-1px;
    margin-bottom:16px;
}

.academy-support-card{
    padding:64px 60px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.16), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
}

.academy-support-card h2{
    font-size:clamp(44px,5vw,76px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:28px;
}

.academy-support-card p{
    max-width:760px;
    margin:0 auto 36px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.80);
}

.academy-support-actions{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
}

.academy-footer-note{
    max-width:950px;
    margin:0 auto;
    padding:42px;
    border-top:1px solid rgba(200,163,72,.18);
    text-align:center;
}

.academy-footer-note p{
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.68);
    margin-bottom:18px;
}

.academy-footer-note strong{
    color:var(--gold);
    font-size:14px;
    letter-spacing:4px;
    text-transform:uppercase;
}

@keyframes academyShake{
    0%,100%{transform:translateX(0)}
    20%{transform:translateX(-8px)}
    40%{transform:translateX(8px)}
    60%{transform:translateX(-6px)}
    80%{transform:translateX(6px)}
}

@media(max-width:1000px){

    .academy-login{
        margin:0;
        border-radius:0;
        min-height:100vh;
    }

    .academy-login-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:110px 25px 80px;
        gap:36px;
    }

    .academy-login-copy h1{
        font-size:clamp(42px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .academy-login-card{
        padding:34px 24px;
        border-radius:28px;
        text-align:left;
    }

    .academy-login-card h2{
        font-size:34px;
    }

    .academy-login-card p{
        font-size:16px;
    }

    .academy-login-quote{
        display:none;
    }

    .academy-app{
        grid-template-columns:1fr;
    }

    .academy-sidebar{
        position:relative;
        height:auto;
        padding:28px 24px;
        border-right:0;
        border-bottom:1px solid rgba(200,163,72,.18);
    }

    .academy-menu{
        grid-template-columns:repeat(2,1fr);
        margin:28px 0;
    }

    .academy-menu-link{
        text-align:center;
        padding:14px;
    }

    .academy-logout{
        width:100%;
    }

    .academy-main{
        padding:24px 20px 70px;
    }

    .academy-topbar{
        position:relative;
        top:auto;
        border-radius:24px;
        flex-direction:column;
        text-align:center;
    }

    .academy-dashboard-hero{
        padding:44px 26px;
        border-radius:28px;
        text-align:center;
    }

    .academy-dashboard-hero h1{
        font-size:clamp(44px,12vw,62px);
        letter-spacing:-2.5px;
    }

    .academy-dashboard-hero h2{
        font-size:clamp(36px,10vw,52px);
        letter-spacing:-2px;
    }

    .academy-dashboard-hero p{
        font-size:18px;
    }

    .academy-progress-grid,
    .academy-evolved-card,
    .academy-module-grid,
    .academy-download-grid{
        grid-template-columns:1fr;
    }

    .academy-progress-card,
    .academy-evolved-card,
    .academy-download-card{
        padding:28px 24px;
        border-radius:24px;
    }

    .academy-section-header h2{
        font-size:clamp(40px,11vw,58px);
        letter-spacing:-2px;
    }

    .academy-section-header p{
        font-size:18px;
    }

    .academy-module-head{
        grid-template-columns:1fr;
        gap:14px;
        padding:28px 24px;
        text-align:center;
    }

    .academy-module-content{
        padding:0 24px 28px;
    }

    .academy-module-grid h3{
        font-size:32px;
    }

    .academy-module-grid p{
        font-size:16px;
    }

    .academy-lesson-card,
    .academy-insight,
    .academy-takeaways{
        padding:24px;
        border-radius:22px;
    }

    .academy-support-card{
        padding:44px 26px;
        border-radius:28px;
    }

    .academy-support-card h2{
        font-size:clamp(38px,10vw,54px);
        letter-spacing:-2px;
    }

    .academy-support-card p{
        font-size:18px;
    }
}


/* ================= ACADEMY V1.1 MODULE CONTENT ================= */

.academy-module-content p + p{
    margin-top:18px;
}

.academy-callout-row{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:20px;
    margin-top:30px;
}

.academy-callout{
    position:relative;
    padding:30px 30px 34px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:24px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.13), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 70px rgba(200,163,72,.06),
        inset 0 0 38px rgba(255,255,255,.015);
    overflow:hidden;
}

.academy-callout.soft{
    background:
        radial-gradient(circle at 18% 0%, rgba(255,243,176,.12), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.academy-callout.warning{
    border-color:rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 18% 0%, rgba(200,163,72,.08), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
}

.academy-callout span,
.academy-reflection h4,
.academy-knowledge h4{
    display:inline-flex;
    margin-bottom:14px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.academy-callout h4{
    font-size:clamp(23px,2vw,31px);
    line-height:1.08;
    letter-spacing:-1px;
    margin-bottom:14px;
    font-weight:900;
    color:#fff;
}

.academy-callout p{
    font-size:16px;
    line-height:1.72;
    color:rgba(255,255,255,.76);
}

.academy-reflection{
    margin-top:26px;
    padding:34px 36px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:26px;
    background:
        linear-gradient(145deg, rgba(200,163,72,.09), rgba(255,255,255,.018));
}

.academy-reflection p{
    font-size:18px;
    line-height:1.78;
    color:rgba(255,255,255,.82);
}

.academy-reflection strong{
    color:#fff;
    font-weight:900;
}

.academy-knowledge{
    margin-top:26px;
    padding:34px 36px;
    border:1px solid rgba(200,163,72,.18);
    border-radius:26px;
    background:rgba(255,255,255,.028);
}

.academy-knowledge details{
    border-top:1px solid rgba(200,163,72,.14);
    padding:18px 0;
}

.academy-knowledge details:first-of-type{
    border-top:none;
}

.academy-knowledge summary{
    cursor:pointer;
    color:#fff;
    font-weight:900;
    font-size:17px;
    line-height:1.5;
}

.academy-knowledge details[open] summary{
    color:var(--gold);
}

.academy-knowledge details p{
    margin-top:12px;
    font-size:16px;
    line-height:1.7;
    color:rgba(255,255,255,.76);
}

.academy-module-content .academy-takeaways{
    margin-top:28px;
}

.academy-module-content .academy-takeaways p{
    font-size:18px;
}

@media(max-width:1000px){
    .academy-callout-row{
        grid-template-columns:1fr;
        gap:18px;
    }

    .academy-callout,
    .academy-reflection,
    .academy-knowledge{
        padding:26px 22px;
        border-radius:22px;
    }

    .academy-callout h4{
        font-size:24px;
    }

    .academy-reflection p,
    .academy-module-content .academy-takeaways p{
        font-size:16px;
    }
}
/* ================= ACADEMY MODULE 1 · BEHAVIOUR FOUNDATIONS ================= */

.foundation-module-one .academy-module-content{
    padding:0;
    overflow:hidden;
}

.foundation-lesson-hero{
    position:relative;
    padding:58px 54px 64px;
    border-bottom:1px solid rgba(200,163,72,.18);
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.18), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
}

.foundation-lesson-hero h3{
    font-size:clamp(44px,5vw,78px);
    line-height:.93;
    letter-spacing:-3px;
    font-weight:900;
    margin-bottom:14px;
}

.foundation-lesson-hero h4{
    font-size:clamp(38px,4.5vw,68px);
    line-height:.95;
    letter-spacing:-2.5px;
    font-weight:900;
    margin-bottom:28px;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.foundation-lesson-hero p{
    max-width:820px;
    font-size:20px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
}

.foundation-lesson-layout{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:0;
}

.foundation-lesson-map{
    position:sticky;
    top:0;
    align-self:start;
    min-height:100vh;
    padding:42px 28px;
    border-right:1px solid rgba(200,163,72,.16);
    background:rgba(0,0,0,.25);
}

.foundation-lesson-map span{
    display:block;
    margin-bottom:22px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.foundation-lesson-map a{
    display:block;
    padding:14px 0;
    border-bottom:1px solid rgba(200,163,72,.10);
    color:rgba(255,255,255,.68);
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    line-height:1.35;
    transition:.25s ease;
}

.foundation-lesson-map a:hover{
    color:var(--gold);
    transform:translateX(4px);
}

.foundation-lesson-content{
    padding:54px;
    display:grid;
    gap:34px;
}

.foundation-panel{
    position:relative;
    padding:48px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:30px;
    background:
        radial-gradient(circle at 15% 0%, rgba(200,163,72,.10), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
    box-shadow:
        0 0 80px rgba(200,163,72,.055),
        inset 0 0 40px rgba(255,255,255,.014);
    overflow:hidden;
}

.foundation-kicker{
    display:inline-flex;
    margin-bottom:22px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.foundation-panel h3{
    max-width:920px;
    font-size:clamp(32px,3vw,50px);
    line-height:1.02;
    letter-spacing:-1.8px;
    font-weight:900;
    margin-bottom:24px;
}

.foundation-panel p{
    max-width:900px;
    font-size:18px;
    line-height:1.82;
    color:rgba(255,255,255,.78);
    margin-bottom:18px;
}

.foundation-quote{
    margin-top:34px;
    padding:38px 42px;
    border:1px solid rgba(200,163,72,.32);
    border-radius:26px;
    background:rgba(200,163,72,.07);
    box-shadow:0 0 70px rgba(200,163,72,.08);
}

.foundation-quote p{
    margin:0;
    max-width:820px;
    font-size:clamp(28px,3vw,44px);
    line-height:1.12;
    letter-spacing:-1.3px;
    font-weight:900;
    background:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

.foundation-insight-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:34px;
}

.foundation-insight-card{
    padding:30px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:24px;
    background:rgba(255,255,255,.035);
}

.foundation-insight-card span{
    display:block;
    margin-bottom:14px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.foundation-insight-card p{
    margin:0;
    font-size:17px;
    line-height:1.7;
    color:rgba(255,255,255,.80);
}

.foundation-comparison{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin-top:34px;
}

.foundation-comparison div{
    padding:34px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:24px;
    background:rgba(255,255,255,.035);
}

.foundation-comparison span{
    display:block;
    margin-bottom:14px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.foundation-comparison strong{
    display:block;
    font-size:24px;
    line-height:1.2;
    letter-spacing:-.8px;
    color:#fff;
}

.foundation-method-steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(160px,1fr));
    gap:18px;
    margin-top:34px;
    overflow-x:auto;
    padding-bottom:8px;
}

.foundation-method-steps div{
    padding:30px 24px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:24px;
    background:rgba(255,255,255,.035);
}

.foundation-method-steps span{
    display:block;
    margin-bottom:18px;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:4px;
}

.foundation-method-steps h4{
    font-size:24px;
    line-height:1.05;
    letter-spacing:-.8px;
    margin-bottom:14px;
}

.foundation-method-steps p{
    margin:0;
    font-size:15px;
    line-height:1.65;
}

.foundation-mistake-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:30px;
}

.foundation-mistake-list div{
    padding:30px;
    border:1px solid rgba(200,163,72,.20);
    border-radius:24px;
    background:rgba(255,255,255,.03);
}

.foundation-mistake-list strong{
    display:block;
    margin-bottom:12px;
    color:#fff;
    font-size:22px;
    line-height:1.15;
    letter-spacing:-.7px;
}

.foundation-mistake-list p{
    margin:0;
    font-size:16px;
    line-height:1.7;
}

.foundation-reflection{
    background:
        radial-gradient(circle at 70% 0%, rgba(200,163,72,.16), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
}

.foundation-reflection-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:30px;
}

.foundation-reflection-grid div{
    padding:30px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:24px;
    background:rgba(0,0,0,.22);
}

.foundation-reflection-grid span{
    display:block;
    margin-bottom:14px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.foundation-reflection-grid p{
    margin:0;
    font-size:17px;
    line-height:1.7;
}

.foundation-check{
    display:grid;
    gap:18px;
    margin-top:30px;
}

.foundation-check div{
    padding:28px 30px;
    border:1px solid rgba(200,163,72,.18);
    border-radius:22px;
    background:rgba(255,255,255,.03);
}

.foundation-check strong{
    display:block;
    margin-bottom:10px;
    color:#fff;
    font-size:20px;
    line-height:1.25;
}

.foundation-check p{
    margin:0;
    font-size:16px;
    line-height:1.65;
}

.foundation-complete-card{
    margin-top:38px;
    padding:42px;
    border:1px solid rgba(200,163,72,.32);
    border-radius:28px;
    background:
        radial-gradient(circle at 30% 0%, rgba(200,163,72,.18), transparent 36%),
        rgba(200,163,72,.06);
    text-align:center;
}

.foundation-complete-card span{
    display:inline-flex;
    margin-bottom:18px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:5px;
    text-transform:uppercase;
}

.foundation-complete-card h3{
    margin-left:auto;
    margin-right:auto;
}

.foundation-complete-card p{
    margin-left:auto;
    margin-right:auto;
}

@media(max-width:1100px){
    .foundation-lesson-layout{
        grid-template-columns:1fr;
    }

    .foundation-lesson-map{
        position:relative;
        min-height:auto;
        border-right:none;
        border-bottom:1px solid rgba(200,163,72,.16);
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:0 18px;
    }

    .foundation-lesson-map span{
        grid-column:1/-1;
    }

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

    .foundation-insight-grid,
    .foundation-comparison,
    .foundation-mistake-list,
    .foundation-reflection-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){
    .foundation-lesson-hero,
    .foundation-lesson-content,
    .foundation-panel{
        padding:34px 24px;
    }

    .foundation-lesson-map{
        padding:28px 24px;
        grid-template-columns:1fr;
    }

    .foundation-lesson-hero h3{
        font-size:40px;
        letter-spacing:-2px;
    }

    .foundation-lesson-hero h4{
        font-size:34px;
        letter-spacing:-1.5px;
    }

    .foundation-panel h3{
        font-size:30px;
    }

    .foundation-panel p{
        font-size:16px;
    }

    .foundation-method-steps{
        grid-template-columns:1fr;
    }

    .foundation-quote,
    .foundation-complete-card{
        padding:30px 24px;
    }
}
/* ================= ACADEMY MODULE 2 ADDITIONS ================= */

.foundation-lesson-hero-alt{
    background:
        radial-gradient(circle at 78% 18%, rgba(200,163,72,.18), transparent 34%),
        radial-gradient(circle at 18% 78%, rgba(255,243,176,.08), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018));
}

.threshold-ladder{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:34px;
}

.threshold-step{
    position:relative;
    padding:28px 24px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:24px;
    background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    overflow:hidden;
}

.threshold-step::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.22;
    pointer-events:none;
}

.threshold-step.calm::before{
    background:radial-gradient(circle at 20% 0%, rgba(107,255,153,.45), transparent 45%);
}

.threshold-step.rising::before{
    background:radial-gradient(circle at 20% 0%, rgba(255,199,77,.45), transparent 45%);
}

.threshold-step.over::before{
    background:radial-gradient(circle at 20% 0%, rgba(255,96,96,.45), transparent 45%);
}

.threshold-step span,
.threshold-step strong,
.threshold-step p{
    position:relative;
    z-index:1;
}

.threshold-step span{
    display:block;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:16px;
}

.threshold-step strong{
    display:block;
    color:#fff;
    font-size:22px;
    line-height:1.1;
    letter-spacing:-.7px;
    font-weight:900;
    margin-bottom:12px;
}

.threshold-step p{
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.65;
}

.body-language-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:34px;
}

.body-language-grid div{
    padding:26px 24px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:22px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 38%),
        rgba(255,255,255,.035);
}

.body-language-grid span{
    display:block;
    margin-bottom:12px;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

.body-language-grid p{
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:16px;
    line-height:1.7;
}

.foundation-warning{
    margin-top:34px;
    padding:30px 32px;
    border:1px solid rgba(255,116,116,.30);
    border-radius:24px;
    background:
        radial-gradient(circle at 0% 0%, rgba(255,116,116,.12), transparent 42%),
        rgba(255,255,255,.028);
}

.foundation-warning span{
    display:block;
    margin-bottom:12px;
    color:#ffb3b3;
    font-size:13px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

.foundation-warning p{
    margin:0;
    color:rgba(255,255,255,.82);
    font-size:18px;
    line-height:1.7;
    font-weight:800;
}

.stacking-timeline{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    margin:34px 0;
    overflow:hidden;
    border:1px solid rgba(200,163,72,.22);
    border-radius:24px;
    background:rgba(255,255,255,.025);
}

.stacking-timeline div{
    position:relative;
    padding:28px 24px;
    border-right:1px solid rgba(200,163,72,.16);
}

.stacking-timeline div:last-child{
    border-right:none;
}

.stacking-timeline div::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg, transparent, rgba(200,163,72,.75), transparent);
}

.stacking-timeline span{
    display:block;
    margin-bottom:12px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

.stacking-timeline p{
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:15px;
    line-height:1.65;
}

.foundation-insight-card.wide{
    margin-top:28px;
}

.foundation-reflection-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:34px;
}

.foundation-reflection-grid div{
    padding:26px 24px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:22px;
    background:linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
}

.foundation-reflection-grid span{
    display:block;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:4px;
    margin-bottom:14px;
}

.foundation-reflection-grid p{
    margin:0;
    color:rgba(255,255,255,.80);
    font-size:17px;
    line-height:1.7;
    font-weight:800;
}

@media(max-width:1000px){
    .threshold-ladder,
    .body-language-grid,
    .stacking-timeline,
    .foundation-reflection-grid{
        grid-template-columns:1fr;
    }

    .stacking-timeline div{
        border-right:none;
        border-bottom:1px solid rgba(200,163,72,.16);
    }

    .stacking-timeline div:last-child{
        border-bottom:none;
    }
}
/* ================= ACADEMY MODULE 3 ADDITIONS - EXPANDED ================= */

.foundation-lesson-hero-engagement{
    background:
        radial-gradient(circle at 18% 0%, rgba(200,163,72,.18), transparent 34%),
        radial-gradient(circle at 82% 34%, rgba(200,163,72,.10), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
}

.foundation-module-three .foundation-quote p::before{
    content:"“";
}

.foundation-module-three .foundation-quote p::after{
    content:"”";
}

.foundation-module-three .foundation-exercise-card{
    min-height:260px;
}

.foundation-module-three .foundation-method-steps div::before,
.foundation-module-three .foundation-exercise-card::before{
    opacity:.75;
}

.foundation-module-three .foundation-reflection-grid div{
    min-height:170px;
}

.foundation-module-three .academy-insight.wide,
.foundation-module-three .foundation-insight-card.wide{
    margin-top:32px;
}

.foundation-module-three .foundation-checklist label input{
    accent-color:var(--gold);
}

@media(max-width:1000px){
    .foundation-module-three .foundation-exercise-card{
        min-height:auto;
    }

    .foundation-module-three .foundation-reflection-grid div{
        min-height:auto;
    }
}
/* ================= ACADEMY MODULE 4 ADDITIONS ================= */

.foundation-lesson-hero-walking{
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.20), transparent 34%),
        radial-gradient(circle at 80% 35%, rgba(255,243,176,.08), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
}

.foundation-module-four .foundation-quote{
    position:relative;
}

.foundation-module-four .foundation-quote p::before{
    content:"“";
}

.foundation-module-four .foundation-quote p::after{
    content:"”";
}

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

.foundation-split-cards div{
    padding:34px 30px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:24px;
    background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:inset 0 0 36px rgba(255,255,255,.015);
}

.foundation-split-cards span{
    display:inline-flex;
    margin-bottom:18px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.foundation-split-cards h4{
    font-size:clamp(26px,2.4vw,36px);
    line-height:1.05;
    letter-spacing:-1.3px;
    font-weight:900;
    margin-bottom:14px;
}

.foundation-split-cards p{
    font-size:16px;
    line-height:1.7;
    color:rgba(255,255,255,.76);
}

.foundation-tip-card{
    margin-top:34px;
    padding:34px 36px;
    border:1px solid rgba(200,163,72,.30);
    border-radius:26px;
    background:
        radial-gradient(circle at 12% 0%, rgba(200,163,72,.16), transparent 34%),
        rgba(255,255,255,.035);
    box-shadow:
        0 0 70px rgba(200,163,72,.06),
        inset 0 0 42px rgba(255,255,255,.015);
}

.foundation-tip-card span{
    display:inline-flex;
    margin-bottom:14px;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.foundation-tip-card p{
    font-size:18px;
    line-height:1.75;
    color:rgba(255,255,255,.82);
    margin:0;
}

@media(max-width:1000px){
    .foundation-split-cards{
        grid-template-columns:1fr;
    }

    .foundation-tip-card{
        padding:28px 24px;
        border-radius:22px;
    }
}
/* ================= ACADEMY MODULES 5-8 ADDITIONS ================= */

.module-five-hero,
.module-six-hero,
.module-seven-hero,
.module-eight-hero{
    position:relative;
    overflow:hidden;
}

.module-five-hero::after,
.module-six-hero::after,
.module-seven-hero::after,
.module-eight-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 80% 10%, rgba(200,163,72,.16), transparent 28%),
        radial-gradient(circle at 15% 85%, rgba(255,243,176,.08), transparent 26%);
    opacity:.8;
}

.academy-foundation-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-top:34px;
}

.academy-foundation-list div,
.academy-process-row div,
.academy-choice-grid div,
.academy-check-grid div{
    position:relative;
    padding:24px 24px;
    border:1px solid rgba(200,163,72,.22);
    border-radius:22px;
    background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 50px rgba(200,163,72,.045),
        inset 0 0 30px rgba(255,255,255,.012);
}

.academy-foundation-list span,
.academy-process-row span,
.academy-choice-grid span,
.academy-check-grid span,
.academy-exercise-card span,
.academy-completion-card span{
    display:block;
    margin-bottom:14px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.academy-foundation-list strong,
.academy-process-row strong,
.academy-choice-grid strong,
.academy-check-grid strong{
    display:block;
    color:#fff;
    font-size:18px;
    line-height:1.35;
    font-weight:900;
}

.academy-choice-grid,
.academy-check-grid,
.academy-exercise-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:34px;
}

.academy-process-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-top:34px;
}

.academy-choice-grid p,
.academy-check-grid p,
.academy-exercise-card p{
    margin:12px 0 0;
    color:rgba(255,255,255,.74);
    font-size:15px;
    line-height:1.65;
}

.academy-exercise-card{
    position:relative;
    min-height:230px;
    padding:30px 28px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:26px;
    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.12), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 70px rgba(200,163,72,.055),
        inset 0 0 38px rgba(255,255,255,.014);
}

.academy-exercise-card h4{
    margin:0;
    color:#fff;
    font-size:clamp(24px,2vw,32px);
    line-height:1.05;
    letter-spacing:-1.2px;
    font-weight:900;
}

.academy-next-card,
.academy-completion-card{
    margin-top:44px;
    padding:38px 40px;
    border:1px solid rgba(200,163,72,.32);
    border-radius:30px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.16), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 0 90px rgba(200,163,72,.09),
        0 35px 90px rgba(0,0,0,.50),
        inset 0 0 48px rgba(255,255,255,.016);
    text-align:center;
}

.academy-next-card h3,
.academy-completion-card h3{
    margin:0 0 16px;
    font-size:clamp(32px,3vw,48px);
    line-height:1.02;
    letter-spacing:-1.8px;
    font-weight:900;
    color:#fff;
}

.academy-next-card p,
.academy-completion-card p{
    max-width:760px;
    margin:0 auto 28px;
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.78);
}

.academy-completion-card h3{
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

/* ================= ACADEMY MODULES 5-8 MOBILE ================= */

@media(max-width:1000px){
    .academy-foundation-list,
    .academy-choice-grid,
    .academy-check-grid,
    .academy-exercise-grid,
    .academy-process-row{
        grid-template-columns:1fr;
    }

    .academy-exercise-card{
        min-height:auto;
        padding:26px 22px;
        border-radius:22px;
    }

    .academy-next-card,
    .academy-completion-card{
        padding:30px 22px;
        border-radius:24px;
    }
}
/* =========================================================
   ACADEMY POLISH PASS · IT'S PAW CHOICE
   Paste at the very bottom of style.css
   ========================================================= */

:root{
    --academy-glow:0 0 90px rgba(200,163,72,.16);
    --academy-card:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018));
    --academy-gold-line:linear-gradient(90deg, transparent, rgba(255,243,176,.78), rgba(200,163,72,.75), transparent);
}

/* ================= ACADEMY ATMOSPHERE ================= */

.academy-body{
    background:
        radial-gradient(circle at 18% 8%, rgba(200,163,72,.10), transparent 30%),
        radial-gradient(circle at 82% 18%, rgba(255,243,176,.055), transparent 28%),
        #000;
}

.academy-login::after,
.academy-app::after{
    content:"";
    position:fixed;
    inset:-40%;
    pointer-events:none;
    z-index:0;
    opacity:.13;
    background-image:
        radial-gradient(circle, rgba(255,226,145,.42) 1px, transparent 2px),
        radial-gradient(circle, rgba(255,255,255,.10) 1px, transparent 2px);
    background-size:120px 120px, 210px 210px;
    animation:academyDust 70s linear infinite;
}

@keyframes academyDust{
    from{ transform:translate3d(0,0,0); }
    to{ transform:translate3d(-180px,-220px,0); }
}

/* ================= LOGIN POLISH ================= */

.academy-login-card{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    box-shadow:
        0 0 120px rgba(200,163,72,.16),
        0 45px 140px rgba(0,0,0,.72),
        inset 0 0 60px rgba(255,255,255,.025);
    transform:translateZ(0);
}

.academy-login-card::before{
    content:"";
    position:absolute;
    top:0;
    left:44px;
    right:44px;
    height:1px;
    background:var(--academy-gold-line);
    opacity:.95;
}

.academy-login-card::after{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;
    border-radius:inherit;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,243,176,.16), transparent 32%),
        radial-gradient(circle at 90% 28%, rgba(200,163,72,.12), transparent 34%);
    opacity:.82;
}

.academy-login-card:hover{
    border-color:rgba(200,163,72,.46);
    box-shadow:
        0 0 135px rgba(200,163,72,.22),
        0 55px 150px rgba(0,0,0,.75),
        inset 0 0 60px rgba(255,255,255,.028);
}

.academy-login-button,
.academy-topbar-cta,
.academy-open-next{
    position:relative;
    overflow:hidden;
}

.academy-login-button::before,
.academy-topbar-cta::before,
.academy-open-next::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:70%;
    height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
    transform:skewX(-18deg);
    transition:.9s ease;
}

.academy-login-button:hover::before,
.academy-topbar-cta:hover::before,
.academy-open-next:hover::before{
    left:135%;
}

.academy-password-wrap input:focus{
    border-color:rgba(255,243,176,.70);
    box-shadow:
        0 0 0 3px rgba(200,163,72,.14),
        0 0 42px rgba(200,163,72,.18);
    outline:none;
}

/* ================= APP LAYOUT POLISH ================= */

.academy-app{
    background:
        radial-gradient(circle at 72% 0%, rgba(200,163,72,.10), transparent 34%),
        radial-gradient(circle at 24% 28%, rgba(255,243,176,.045), transparent 32%),
        linear-gradient(135deg,#020202 0%, #050505 55%, #000 100%);
}

.academy-sidebar{
    box-shadow:
        24px 0 90px rgba(0,0,0,.58),
        inset -1px 0 0 rgba(200,163,72,.16);
}

.academy-sidebar-brand h2,
.academy-dashboard-hero h1,
.academy-section-header h2,
.academy-support-card h2{
    text-shadow:0 0 45px rgba(200,163,72,.10);
}

.academy-menu-link{
    position:relative;
    overflow:hidden;
}

.academy-menu-link::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:0;
    border-radius:999px;
    background:var(--gold-gradient);
    transform:translateY(-50%);
    transition:.3s ease;
}

.academy-menu-link:hover::before,
.academy-menu-link.active::before{
    height:58%;
}

.academy-menu-link:hover,
.academy-menu-link.active{
    background:rgba(200,163,72,.105);
    color:#fff;
    transform:translateX(4px);
}

.academy-topbar{
    backdrop-filter:blur(18px);
    background:
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    box-shadow:
        0 24px 80px rgba(0,0,0,.35),
        inset 0 0 34px rgba(255,255,255,.018);
}

/* ================= DASHBOARD CARDS ================= */

.academy-dashboard-hero,
.academy-progress-card,
.academy-evolved-card,
.academy-support-card,
.academy-download-card,
.academy-module{
    position:relative;
    isolation:isolate;
}

.academy-dashboard-hero::before,
.academy-progress-card::before,
.academy-evolved-card::before,
.academy-support-card::before,
.academy-download-card::before,
.academy-module::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,243,176,.12), transparent 34%),
        radial-gradient(circle at 90% 20%, rgba(200,163,72,.08), transparent 30%);
    opacity:.65;
    transition:.35s ease;
    z-index:-1;
}

.academy-progress-card:hover,
.academy-download-card:hover,
.academy-module:hover{
    transform:translateY(-6px);
    border-color:rgba(200,163,72,.44);
    box-shadow:
        0 0 95px rgba(200,163,72,.13),
        0 34px 90px rgba(0,0,0,.48),
        inset 0 0 42px rgba(255,255,255,.018);
}

.academy-progress-card:hover::before,
.academy-download-card:hover::before,
.academy-module:hover::before{
    opacity:1;
}

.academy-progress-line{
    overflow:hidden;
    position:relative;
}

.academy-progress-line::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
    transform:translateX(-100%);
    animation:academyProgressShine 4s ease-in-out infinite;
}

@keyframes academyProgressShine{
    0%,35%{ transform:translateX(-100%); }
    75%,100%{ transform:translateX(100%); }
}

.academy-progress-line span{
    box-shadow:
        0 0 20px rgba(200,163,72,.65),
        0 0 44px rgba(200,163,72,.28);
}

/* ================= MODULE POLISH ================= */

.academy-module{
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.academy-module-head{
    position:relative;
    cursor:pointer;
}

.academy-module-head::after{
    content:"+";
    position:absolute;
    right:30px;
    top:50%;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid rgba(200,163,72,.38);
    color:var(--gold);
    background:rgba(0,0,0,.24);
    transform:translateY(-50%) rotate(0deg);
    transition:.3s ease;
    box-shadow:0 0 22px rgba(200,163,72,.08);
}

.academy-module.open .academy-module-head::after{
    content:"–";
    transform:translateY(-50%) rotate(180deg);
    border-color:rgba(255,243,176,.62);
    background:rgba(200,163,72,.12);
    box-shadow:0 0 32px rgba(200,163,72,.18);
}

.academy-module-head span{
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.academy-module-head em{
    border:1px solid rgba(200,163,72,.28);
    background:rgba(200,163,72,.075);
    box-shadow:inset 0 0 18px rgba(255,255,255,.015);
}

.academy-module-content{
    animation:academyReveal .45s ease both;
}

@keyframes academyReveal{
    from{ opacity:0; transform:translateY(18px); }
    to{ opacity:1; transform:translateY(0); }
}

.foundation-lesson-hero,
.foundation-lesson-hero-alt,
.foundation-lesson-hero-engagement,
.foundation-lesson-hero-walking,
.module-five-hero,
.module-six-hero,
.module-seven-hero,
.module-eight-hero{
    position:relative;
    overflow:hidden;
}

.foundation-lesson-hero::after,
.foundation-lesson-hero-alt::after,
.foundation-lesson-hero-engagement::after,
.foundation-lesson-hero-walking::after,
.module-five-hero::after,
.module-six-hero::after,
.module-seven-hero::after,
.module-eight-hero::after{
    content:"";
    position:absolute;
    left:42px;
    right:42px;
    bottom:0;
    height:1px;
    background:var(--academy-gold-line);
    opacity:.85;
}

.foundation-lesson-content h3,
.academy-module-content h3{
    text-wrap:balance;
}

/* ================= CALLOUT BOXES ================= */

.academy-insight,
.academy-exercise-card,
.academy-completion-card,
.academy-next-card,
.academy-process-row,
.academy-foundation-list,
.academy-choice-grid > *,
.academy-check-grid > *{
    position:relative;
    overflow:hidden;
    box-shadow:
        0 0 70px rgba(200,163,72,.06),
        inset 0 0 38px rgba(255,255,255,.016);
}

.academy-insight::before{
    content:"“";
    position:absolute;
    top:-34px;
    right:28px;
    font-size:150px;
    line-height:1;
    font-weight:900;
    color:rgba(200,163,72,.10);
    pointer-events:none;
}

.academy-insight span,
.academy-exercise-card span,
.academy-download-card span{
    letter-spacing:4px;
}

.academy-exercise-card:hover,
.academy-choice-grid > *:hover,
.academy-check-grid > *:hover{
    transform:translateY(-4px);
    border-color:rgba(200,163,72,.40);
}

/* ================= DOWNLOADS ================= */

.academy-download-card{
    cursor:pointer;
}

.academy-download-card::after{
    content:"Coming Soon →";
    display:inline-flex;
    margin-top:22px;
    color:var(--gold);
    font-size:12px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:.25s ease;
}

.academy-download-card:hover::after{
    transform:translateX(6px);
}

/* ================= ACCESSIBILITY & STATES ================= */

.academy-module-head:focus-visible,
.academy-menu-link:focus-visible,
.academy-logout:focus-visible,
.academy-topbar-cta:focus-visible,
.academy-toggle-password:focus-visible,
.academy-help-link:focus-visible,
.academy-login-button:focus-visible{
    outline:2px solid rgba(255,243,176,.85);
    outline-offset:4px;
}

.academy-logout:hover{
    border-color:rgba(255,120,120,.45);
    color:#fff;
    background:rgba(255,90,90,.10);
    transform:translateY(-2px);
}

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

@media(max-width:1000px){
    .academy-login-card::before{
        left:24px;
        right:24px;
    }

    .academy-module-head{
        padding-right:78px;
    }

    .academy-module-head::after{
        right:22px;
        width:30px;
        height:30px;
    }

    .academy-progress-card:hover,
    .academy-download-card:hover,
    .academy-module:hover,
    .academy-exercise-card:hover,
    .academy-choice-grid > *:hover,
    .academy-check-grid > *:hover{
        transform:none;
    }
}

@media(max-width:620px){
    .academy-module-head::after{
        position:relative;
        right:auto;
        top:auto;
        margin-top:18px;
        transform:none;
    }

    .academy-module.open .academy-module-head::after{
        transform:rotate(180deg);
    }
}

@media(prefers-reduced-motion:reduce){
    .academy-login::after,
    .academy-app::after,
    .academy-progress-line::after,
    .academy-module-content{
        animation:none !important;
    }

    .academy-module,
    .academy-progress-card,
    .academy-download-card,
    .academy-exercise-card,
    .academy-choice-grid > *,
    .academy-check-grid > *,
    .academy-menu-link,
    .academy-module-head::after{
        transition:none !important;
    }
}
/* ================= ACADEMY DOWNLOADS PREMIUM ================= */

.academy-downloads-premium{
    position:relative;
}

.academy-downloads-header{
    max-width:940px;
    margin-left:auto;
    margin-right:auto;
}

.academy-toolkit-intro{
    max-width:1180px;
    margin:0 auto 52px;
    display:grid;
    grid-template-columns:1.35fr .65fr;
    gap:24px;
    align-items:stretch;
}

.academy-toolkit-intro > div{
    position:relative;
    overflow:hidden;
    padding:38px 40px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:30px;
    background:
        radial-gradient(circle at 12% 0%, rgba(200,163,72,.14), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow:
        0 0 80px rgba(200,163,72,.06),
        inset 0 0 44px rgba(255,255,255,.016);
}

.academy-toolkit-intro span,
.academy-toolkit-note strong{
    display:inline-flex;
    margin-bottom:16px;
    color:var(--gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}

.academy-toolkit-intro h3{
    font-size:clamp(34px,3.4vw,54px);
    line-height:1;
    letter-spacing:-2px;
    font-weight:900;
    margin-bottom:18px;
}

.academy-toolkit-intro p{
    font-size:18px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

.academy-toolkit-note{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.academy-download-grid-premium{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
}

.academy-resource-card{
    min-height:430px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:34px 30px 32px;
    border-radius:30px;
}

.academy-resource-card.featured,
.academy-resource-card.workbook{
    grid-column:span 2;
}

.academy-resource-card::after{
    content:"";
    position:absolute;
    left:30px;
    right:30px;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,243,176,.52), transparent);
    opacity:.45;
}

.academy-resource-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
    border-radius:18px;
    border:1px solid rgba(200,163,72,.28);
    background:rgba(200,163,72,.08);
    box-shadow:0 0 30px rgba(200,163,72,.08);
    font-size:26px;
}

.academy-resource-card h3{
    font-size:clamp(25px,2vw,34px);
    line-height:1.04;
    letter-spacing:-1.2px;
    margin-bottom:16px;
}

.academy-resource-card p{
    font-size:16px;
    line-height:1.7;
    color:rgba(255,255,255,.74);
    margin-bottom:22px;
}

.academy-resource-card ul{
    list-style:none;
    display:grid;
    gap:10px;
    margin:0 0 28px;
    padding:0;
}

.academy-resource-card li{
    position:relative;
    padding-left:24px;
    font-size:14px;
    line-height:1.5;
    color:rgba(255,255,255,.72);
    font-weight:800;
}

.academy-resource-card li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:var(--gold);
    font-weight:900;
}

.academy-resource-link{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    width:max-content;
    color:var(--gold);
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

.academy-resource-link.coming-soon{
    opacity:.92;
    cursor:default;
}

.academy-download-future-card{
    max-width:980px;
    margin:70px auto 0;
    padding:56px 54px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:34px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.14), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow:
        0 0 100px rgba(200,163,72,.10),
        inset 0 0 54px rgba(255,255,255,.018);
    text-align:center;
}

.academy-download-future-card h3{
    font-size:clamp(36px,4vw,62px);
    line-height:.98;
    letter-spacing:-2px;
    font-weight:900;
    margin-bottom:24px;
}

.academy-download-future-card p:last-child{
    max-width:760px;
    margin:0 auto;
    font-size:19px;
    line-height:1.75;
    color:rgba(255,255,255,.76);
}

@media(max-width:1200px){
    .academy-download-grid-premium{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media(max-width:800px){
    .academy-toolkit-intro{
        grid-template-columns:1fr;
    }

    .academy-download-grid-premium{
        grid-template-columns:1fr;
    }

    .academy-resource-card.featured,
    .academy-resource-card.workbook{
        grid-column:span 1;
    }

    .academy-resource-card{
        min-height:auto;
        padding:30px 26px;
    }

    .academy-toolkit-intro > div,
    .academy-download-future-card{
        padding:34px 26px;
        border-radius:26px;
    }
}

/* =========================================================
   REACTIVITY ACADEMY POLISH PASS
   Adds premium styling without changing the core Academy build
========================================================= */

.reactivity-academy-body .academy-module {
    position: relative;
    overflow: hidden;
}

.reactivity-academy-body .academy-module::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 0%, rgba(200,163,72,.12), transparent 30%),
        radial-gradient(circle at 100% 40%, rgba(255,255,255,.04), transparent 28%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease;
}

.reactivity-academy-body .academy-module:hover::before,
.reactivity-academy-body .academy-module.open::before {
    opacity: 1;
}

.reactivity-academy-body .foundation-lesson-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(200,163,72,.28);
    box-shadow:
        0 30px 80px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.reactivity-academy-body .foundation-lesson-hero::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -140px;
    top: -140px;
    background: radial-gradient(circle, rgba(200,163,72,.20), transparent 66%);
    pointer-events: none;
}

.reactivity-academy-body .foundation-panel {
    position: relative;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow:
        0 24px 70px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.reactivity-academy-body .foundation-panel::before {
    content: "";
    position: absolute;
    left: 0;
    top: 24px;
    bottom: 24px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(to bottom, transparent, rgba(200,163,72,.7), transparent);
    opacity: .55;
}

.reactivity-academy-body .foundation-insight-card.wide,
.reactivity-academy-body .foundation-warning,
.reactivity-academy-body .foundation-quote {
    box-shadow:
        0 20px 50px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.reactivity-academy-body .foundation-insight-card.wide {
    border-color: rgba(200,163,72,.30);
    background:
        radial-gradient(circle at top left, rgba(200,163,72,.12), transparent 40%),
        rgba(255,255,255,.035);
}

.reactivity-academy-body .threshold-ladder {
    gap: 18px;
}

.reactivity-academy-body .threshold-step {
    position: relative;
    overflow: hidden;
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.reactivity-academy-body .threshold-step:hover {
    transform: translateY(-4px);
    border-color: rgba(200,163,72,.38);
    box-shadow: 0 22px 55px rgba(0,0,0,.38);
}

.reactivity-academy-body .threshold-step span {
    letter-spacing: .08em;
    text-transform: uppercase;
}

.reactivity-academy-body .foundation-exercise-grid,
.reactivity-academy-body .body-language-grid,
.reactivity-academy-body .foundation-reflection-grid,
.reactivity-academy-body .foundation-mistake-list {
    gap: 18px;
}

.reactivity-academy-body .foundation-exercise-card,
.reactivity-academy-body .body-language-grid > div,
.reactivity-academy-body .foundation-reflection-grid > div,
.reactivity-academy-body .foundation-mistake-list > div {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    box-shadow:
        0 18px 45px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.045);
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.reactivity-academy-body .foundation-exercise-card:hover,
.reactivity-academy-body .body-language-grid > div:hover,
.reactivity-academy-body .foundation-reflection-grid > div:hover,
.reactivity-academy-body .foundation-mistake-list > div:hover {
    transform: translateY(-4px);
    border-color: rgba(200,163,72,.35);
    box-shadow: 0 24px 60px rgba(0,0,0,.40);
}

.reactivity-academy-body .foundation-checklist label {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.035);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
    cursor: pointer;
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.reactivity-academy-body .foundation-checklist label:hover {
    transform: translateX(4px);
    border-color: rgba(200,163,72,.35);
    background: rgba(200,163,72,.06);
}

.reactivity-academy-body .foundation-checklist input {
    margin-top: 3px;
    accent-color: #c8a348;
}

.reactivity-academy-body .foundation-next-card,
.reactivity-academy-body .foundation-complete-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(200,163,72,.35);
    box-shadow:
        0 28px 80px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.reactivity-academy-body .foundation-next-card::after,
.reactivity-academy-body .foundation-complete-card::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -100px;
    bottom: -120px;
    background: radial-gradient(circle, rgba(200,163,72,.22), transparent 65%);
    pointer-events: none;
}

.reactivity-academy-body .academy-module-head {
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.reactivity-academy-body .academy-module-head:hover {
    transform: translateY(-2px);
}

@media (max-width: 760px) {
    .reactivity-academy-body .foundation-panel::before {
        top: 18px;
        bottom: 18px;
    }

    .reactivity-academy-body .foundation-checklist label {
        padding: 16px;
    }
}
/* ==========================
   REACTIVITY DOWNLOADS
========================== */

.academy-download-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:32px;
    margin-top:60px;
}

.academy-download-card{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:38px;
    min-height:280px;
    text-decoration:none;
    color:var(--text-light);
    border:1px solid rgba(200,163,72,.22);
    border-radius:28px;
    overflow:hidden;
    background:
        radial-gradient(circle at top right,rgba(200,163,72,.10),transparent 38%),
        rgba(255,255,255,.025);
    transition:.35s ease;
    box-shadow:0 18px 45px rgba(0,0,0,.28);
}

.academy-download-card:hover{
    transform:translateY(-8px);
    border-color:rgba(200,163,72,.5);
    box-shadow:
        0 28px 70px rgba(0,0,0,.45),
        0 0 40px rgba(200,163,72,.12);
}

.academy-download-card span{
    font-size:.78rem;
    font-weight:800;
    letter-spacing:4px;
    color:var(--gold);
}

.academy-download-card h3{
    margin:0;
    font-size:2rem;
    line-height:1.1;
    font-weight:800;
    color:#fff;
    text-decoration:none;
}

.academy-download-card p{
    margin:0;
    color:rgba(255,255,255,.78);
    line-height:1.8;
    flex:1;
}

.academy-download-card::after{
    content:"Coming Soon →";
    font-size:.82rem;
    letter-spacing:3px;
    text-transform:uppercase;
    font-weight:700;
    color:var(--gold);
}

.academy-download-card *{
    text-decoration:none;
}

.academy-download-card:hover h3{
    color:var(--gold);
}
/* ================= DIGITAL ACADEMIES SALES PAGE ================= */

.digital-academies-body{
    background:#000;
}

.digital-sales-hero{
    min-height:100vh;
}

.digital-hero-content{
    align-items:center;
}

.digital-hero-actions,
.digital-final-actions{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:34px;
}

.digital-hero-card h2,
.digital-academy-card h3,
.digital-price-card h3{
    font-size:34px;
    line-height:1.05;
}

.digital-price-strip{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:28px;
}

.digital-price-strip div{
    padding:18px;
    border:1px solid rgba(200,163,72,.25);
    border-radius:18px;
    background:rgba(255,255,255,.04);
}

.digital-price-strip span{
    display:block;
    color:rgba(255,255,255,.55);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:6px;
}

.digital-price-strip strong{
    font-size:26px;
    background-image:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
}

.digital-trust-strip{
    padding:34px 24px;
    background:#000;
    border-top:1px solid rgba(200,163,72,.18);
    border-bottom:1px solid rgba(200,163,72,.18);
}

.digital-trust-inner{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.digital-trust-inner div{
    padding:20px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    background:rgba(255,255,255,.03);
    text-align:center;
}

.digital-trust-inner span{
    display:block;
    color:#c8a348;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.digital-trust-inner strong{
    color:#fff;
    font-size:15px;
}

.digital-section{
    position:relative;
    padding:110px 24px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.08), transparent 38%),
        linear-gradient(to bottom,#050505,#000);
}

.digital-section-header{
    max-width:920px;
    margin:0 auto 54px;
    text-align:center;
}

.digital-story-grid,
.digital-academy-grid,
.digital-preview-grid,
.digital-pricing-grid{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:26px;
}

.digital-story-panel,
.digital-choice-card,
.digital-value-panel,
.digital-final-panel{
    max-width:1180px;
    margin:0 auto;
}

.digital-wide-quote{
    max-width:980px;
    margin:34px auto 0;
}

.digital-academy-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.digital-academy-card .btn{
    width:max-content;
    margin-top:26px;
}

.digital-preview-card{
    overflow:hidden;
}

.digital-module-preview-list{
    display:grid;
    gap:14px;
    margin-top:28px;
    position:relative;
}

.digital-module-preview{
    padding:20px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(0,0,0,.35);
    transition:.3s ease;
}

.digital-module-preview:hover{
    transform:translateY(-4px);
    border-color:rgba(200,163,72,.35);
    background:rgba(200,163,72,.06);
}

.digital-module-preview span{
    display:block;
    color:#c8a348;
    font-size:12px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.digital-module-preview strong{
    display:block;
    color:#fff;
    font-size:19px;
    line-height:1.25;
}

.digital-module-preview p{
    margin-top:10px;
    color:rgba(255,255,255,.68);
}

.digital-module-preview.muted{
    opacity:.72;
    background:linear-gradient(to bottom,rgba(255,255,255,.04),rgba(0,0,0,.45));
}

.digital-preview-quote{
    margin-top:28px;
}

.digital-choice-grid{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.digital-choice-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.digital-choice-card .btn{
    width:max-content;
    margin-top:24px;
}

.digital-choice-featured,
.digital-price-featured{
    border-color:rgba(200,163,72,.55)!important;
    box-shadow:0 0 50px rgba(200,163,72,.12);
}

.digital-check-list{
    margin:24px 0;
    display:grid;
    gap:10px;
}

.digital-check-list p{
    margin:0;
    color:rgba(255,255,255,.78);
}

.digital-included-grid{
    max-width:1180px;
    margin:0 auto;
}

.digital-value-panel{
    text-align:center;
    padding:52px;
}

.digital-value-panel h2,
.digital-final-panel h2{
    font-size:48px;
    line-height:1.05;
    margin:12px 0 20px;
}

.digital-value-panel p,
.digital-final-panel p{
    max-width:760px;
    margin:0 auto 30px;
}

.digital-pricing-grid{
    grid-template-columns:repeat(3,1fr);
    align-items:start;
}

.digital-price-card{
    position:relative;
    min-height:100%;
}

.digital-price-featured{
    transform:translateY(-18px);
}

.digital-best-badge{
    position:absolute;
    top:22px;
    right:22px;
    padding:9px 14px;
    border-radius:999px;
    background:linear-gradient(135deg,#c8a348,#f5df9b);
    color:#050505;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1.5px;
}

.digital-price{
    margin:26px 0 18px;
    font-size:78px;
    line-height:1;
    font-weight:900;
    background-image:var(--gold-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
}

.digital-price span{
    font-size:34px;
    vertical-align:super;
    margin-right:4px;
}

.digital-faq-list{
    max-width:920px;
    margin:0 auto;
    display:grid;
    gap:16px;
}

.digital-faq-item{
    padding:0;
    overflow:hidden;
}

.digital-faq-item summary{
    cursor:pointer;
    padding:24px 28px;
    color:#fff;
    font-size:20px;
    font-weight:900;
    list-style:none;
}

.digital-faq-item summary::-webkit-details-marker{
    display:none;
}

.digital-faq-item summary::after{
    content:"+";
    float:right;
    color:#c8a348;
}

.digital-faq-item[open] summary::after{
    content:"–";
}

.digital-faq-item p{
    padding:0 28px 26px;
    margin:0;
    color:rgba(255,255,255,.72);
}

.digital-final-panel{
    text-align:center;
    padding:64px 42px;
}

.digital-final-actions{
    justify-content:center;
}

@media(max-width:980px){
    .digital-trust-inner,
    .digital-story-grid,
    .digital-academy-grid,
    .digital-preview-grid,
    .digital-pricing-grid,
    .digital-choice-grid{
        grid-template-columns:1fr;
    }

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

    .digital-value-panel h2,
    .digital-final-panel h2{
        font-size:36px;
    }
}

@media(max-width:620px){
    .digital-section{
        padding:76px 18px;
    }

    .digital-hero-actions,
    .digital-final-actions{
        flex-direction:column;
    }

    .digital-hero-actions .btn,
    .digital-final-actions .btn{
        width:100%;
        text-align:center;
    }

    .digital-price-strip{
        grid-template-columns:1fr;
    }

    .digital-price{
        font-size:62px;
    }

    .digital-value-panel,
    .digital-final-panel{
        padding:34px 22px;
    }
}
/* ================= ACADEMY ACCESS PAGES ================= */

.academy-access-box{
    margin:32px 0;
    padding:30px;
    border:1px solid rgba(200,163,72,.35);
    border-radius:24px;
    background:
        radial-gradient(circle at 50% 0%, rgba(200,163,72,.14), transparent 42%),
        rgba(255,255,255,.04);
    text-align:center;
}

.academy-access-box span{
    display:block;
    margin-bottom:12px;
    color:rgba(255,255,255,.62);
    font-size:13px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

.academy-access-box strong{
    display:block;
    margin-bottom:12px;
    color:#c8a348;
    font-size:38px;
    font-weight:900;
    letter-spacing:2px;
}

.academy-access-box small{
    display:block;
    color:rgba(255,255,255,.68);
    line-height:1.6;
}
/* ================= CONTACT PAGE ================= */

.contact-form-panel{
    max-width:980px;
    margin:0 auto;
    padding:46px;
}

.contact-form{
    display:grid;
    gap:22px;
}

.contact-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.contact-form label{
    display:block;
    margin-bottom:10px;
    color:#c8a348;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
}

.contact-form input,
.contact-form textarea{
    width:100%;
    padding:18px 20px;
    border:1px solid rgba(200,163,72,.24);
    border-radius:18px;
    background:rgba(0,0,0,.35);
    color:#fff;
    font-family:inherit;
    font-size:16px;
    outline:none;
}

.contact-form textarea{
    resize:vertical;
}

.contact-form input:focus,
.contact-form textarea:focus{
    border-color:rgba(200,163,72,.65);
    box-shadow:0 0 28px rgba(200,163,72,.12);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
    color:rgba(255,255,255,.38);
}

.contact-options-grid .btn{
    margin-top:24px;
}

@media(max-width:760px){
    .contact-form-grid{
        grid-template-columns:1fr;
    }

    .contact-form-panel{
        padding:30px 22px;
    }
}
/* ==========================================
   LEGAL PAGES
========================================== */

.legal-content-wrap{
    max-width:1100px;
    margin:0 auto;
    display:grid;
    gap:32px;
}

.legal-panel{
    padding:42px;
}

.legal-panel h3{
    margin:12px 0 20px;
    font-size:30px;
    line-height:1.2;
}

.legal-panel p{
    margin-bottom:18px;
    line-height:1.9;
    color:rgba(255,255,255,.78);
}

.legal-info-list{
    margin:24px 0;
    display:grid;
    gap:12px;
}

.legal-info-list p{
    margin:0;
}

.legal-info-list strong{
    color:#c8a348;
}

.legal-panel .digital-check-list{
    margin:24px 0;
}

.legal-panel .digital-check-list p{
    margin:10px 0;
}

@media (max-width:768px){

    .legal-panel{
        padding:30px 24px;
    }

    .legal-panel h3{
        font-size:24px;
    }

}
/* ==========================================
   COOKIE BANNER
========================================== */

.cookie-banner{
    position:fixed;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:9999;
    max-width:1200px;
    margin:0 auto;
    padding:24px 28px;
    display:none;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    border:1px solid rgba(200,163,72,.35);
    border-radius:24px;
    background:rgba(8,8,8,.94);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}

.cookie-banner.show{
    display:flex;
}

.cookie-banner-text{
    flex:1;
}

.cookie-banner-text strong{
    display:block;
    margin-bottom:10px;
    color:#c8a348;
    font-size:20px;
    font-weight:900;
    letter-spacing:1px;
}

.cookie-banner-text p{
    margin:0 0 12px;
    color:rgba(255,255,255,.78);
    line-height:1.7;
}

.cookie-banner-text a{
    color:#c8a348;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.cookie-banner-text a:hover{
    opacity:.8;
}

.cookie-banner-actions{
    display:flex;
    align-items:center;
    gap:16px;
    flex-shrink:0;
}

.cookie-banner-actions .btn{
    min-width:150px;
}

@media (max-width:768px){

    .cookie-banner{
        left:16px;
        right:16px;
        bottom:16px;
        padding:22px;
        flex-direction:column;
        align-items:flex-start;
    }

    .cookie-banner-actions{
        width:100%;
        flex-direction:column;
    }

    .cookie-banner-actions .btn{
        width:100%;
    }

}
.hero-nav{z-index:9999;pointer-events:auto}.hero-nav *{pointer-events:auto}.light-rays,.vignette,.reviews-hero::before,.reviews-hero::after{pointer-events:none}
.reviews-hero .eyebrow,
.reviews-proof .craig-badge,
.featured-reviews .craig-badge,
.review-themes .craig-badge,
.reviews-wall .craig-badge,
.reviews-philosophy .craig-badge{
    color:#c8a348 !important;
    -webkit-text-fill-color:#c8a348 !important;
    background:none !important;
    background-image:none !important;
}
.final-cta .final-cta-badge{
    color:#c8a348 !important;
    -webkit-text-fill-color:#c8a348 !important;
    background:none !important;
    background-image:none !important;
    opacity:1 !important;
}
/* Reviews Hero Desktop Refinement */
@media (min-width:1001px){

    .reviews-hero{
        min-height:105vh;
    }

    .reviews-hero-content{
        max-width:760px;
        padding:140px 0 80px 90px;
        margin:0;
    }

    .reviews-hero h1{
        font-size:58px;
        line-height:.98;
        letter-spacing:-2.5px;
        max-width:720px;
    }

    .reviews-hero .intro{
        max-width:620px;
        font-size:21px;
        line-height:1.6;
    }
}
/* Reviews page outer border */
.reviews-hero {
    border-left: 1px solid rgba(201, 167, 74, 0.25);
    border-right: 1px solid rgba(201, 167, 74, 0.25);
}


/* ================= MOBILE HOMEPAGE HERO + NAV FINAL ================= */
/* Desktop remains untouched. This only controls the homepage hero/nav on phone widths. */

.nav-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.mobile-menu{
    display:none;
}

@media(max-width:1000px){

    .hero{
        min-height:100svh;
        margin:0;
        border-radius:0;
        background-size:cover;
        background-position:center center;
        display:flex;
        align-items:flex-start;
        justify-content:center;
    }

    .hero-nav{
        width:calc(100% - 28px);
        top:14px;
        padding:11px 14px;
        border-radius:999px;
        gap:10px;
    }

    .nav-brand{
        font-size:14px;
        line-height:1;
        white-space:nowrap;
    }

    .nav-links{
        display:none !important;
    }

    .nav-actions{
        margin-left:auto;
        gap:9px;
    }

    .nav-button{
        font-size:12px;
        padding:10px 14px;
        white-space:nowrap;
    }

    .mobile-menu{
        display:block;
        position:relative;
    }

    .mobile-menu summary{
        list-style:none;
        cursor:pointer;
        user-select:none;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:42px;
        min-height:38px;
        padding:0 12px;
        border-radius:999px;
        border:1px solid rgba(200,163,72,.38);
        background:rgba(0,0,0,.32);
        color:var(--gold);
        font-size:0;
        font-weight:900;
        box-shadow:inset 0 0 18px rgba(255,255,255,.025);
    }

    .mobile-menu summary::-webkit-details-marker{
        display:none;
    }

    .mobile-menu summary::before{
        content:"☰";
        font-size:20px;
        line-height:1;
    }

    .mobile-menu[open] summary::before{
        content:"×";
        font-size:24px;
        line-height:1;
    }

    .mobile-menu-links{
        position:absolute;
        right:0;
        top:calc(100% + 12px);
        width:260px;
        padding:14px;
        border:1px solid rgba(200,163,72,.30);
        border-radius:22px;
        background:rgba(0,0,0,.88);
        backdrop-filter:blur(18px);
        box-shadow:0 28px 80px rgba(0,0,0,.60);
    }

    .mobile-menu-links a{
        display:block;
        padding:13px 14px;
        border-radius:14px;
        color:rgba(255,255,255,.86);
        text-decoration:none;
        font-size:14px;
        font-weight:850;
    }

    .mobile-menu-links a:hover{
        background:rgba(200,163,72,.12);
        color:var(--gold);
    }

    .hero-content{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        text-align:center;
        width:100%;
        max-width:430px;
        padding:145px 22px 34px;
        gap:14px;
    }

    .hero-text{
        max-width:100%;
    }

    .hero-logo{
        order:-1;
        margin:0 0 8px;
    }

    .hero-logo img{
        width:185px;
        max-width:185px;
    }

    .eyebrow{
        font-size:12px;
        letter-spacing:3.4px;
        padding:12px 20px;
        margin-bottom:18px;
        max-width:100%;
    }

    .hero h1{
        font-size:38px;
        line-height:1;
        letter-spacing:-1.8px;
        margin:0 auto 18px;
        max-width:365px;
    }

    .intro{
        font-size:16px;
        line-height:1.5;
        margin:0 auto 24px;
        max-width:355px;
    }

    .hero-buttons{
        width:100%;
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        gap:14px;
        justify-content:center;
    }

    .hero-buttons .btn{
        width:calc(50% - 7px);
        min-width:0;
        max-width:none;
        padding:15px 10px;
        font-size:13px;
        line-height:1.15;
    }

    .scroll-indicator{
        display:none;
    }
}

@media(max-width:380px){

    .nav-brand{
        font-size:13px;
    }

    .nav-button{
        font-size:11px;
        padding:9px 11px;
    }

    .mobile-menu summary{
        min-width:38px;
        min-height:36px;
        padding:0 10px;
    }

    .hero-content{
        padding-top:132px;
    }

    .hero-logo img{
        width:165px;
        max-width:165px;
    }

    .hero h1{
        font-size:34px;
    }

    .eyebrow{
        font-size:10.5px;
        letter-spacing:2.6px;
        padding:11px 15px;
    }
}
@media(max-width:1000px){
    .about-hero-image img,
    .about-image img{
        object-position:center top;
    }
}

/* ================= ABOUT CRAIG MOBILE PORTRAIT FIX ================= */

@media(max-width:1000px){

    .craig-portrait-wrap{
        width:100%;
        max-width:430px;
        margin:0 auto;
    }

    .craig-portrait-card{
        border-radius:30px;
        overflow:hidden;
    }

    .craig-portrait-card img{
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center top !important;
        display:block;
    }

    .craig-portrait-caption{
        left:18px;
        right:18px;
        bottom:18px;
    }
}

/* ================= CLEAN MOBILE HOME PAGE PASS ================= */
/* Desktop remains controlled by the original rules above. */

@media(max-width:1000px){

    /* ----- Home hero: tuned for 375px x 812px mobile view ----- */

    section.hero{
        min-height:100svh;
        margin:0;
        border-radius:0;
        background-size:cover;
        background-position:center center;
    }

    section.hero .hero-nav{
        width:calc(100% - 24px);
        top:10px;
        padding:10px 12px 10px 16px;
    }

    section.hero .nav-brand{
        font-size:14px;
        white-space:nowrap;
    }

    section.hero .nav-button{
        padding:11px 16px;
        font-size:12px;
        white-space:nowrap;
    }

    section.hero .hero-content{
        grid-template-columns:1fr;
        max-width:375px;
        margin:0 auto;
        padding:92px 18px 24px;
        gap:14px;
        text-align:center;
    }

    section.hero .hero-logo{
        order:-1;
        width:min(76vw, 260px);
        max-width:260px;
        margin:0 auto 12px;
        display:flex;
        justify-content:center;
        align-items:center;
    }

    section.hero .hero-logo img{
        width:100%;
        max-width:100%;
        height:auto;
        display:block;
    }

    section.hero .hero-text{
        max-width:335px;
        margin:0 auto;
        text-align:center;
    }

    section.hero .eyebrow{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:auto;
        max-width:calc(100vw - 52px);
        margin:0 auto 20px;
        padding:10px 14px;
        box-sizing:border-box;
        font-size:8.5px;
        line-height:1.2;
        letter-spacing:.7px;
        text-transform:uppercase;
        white-space:nowrap;
    }

    section.hero h1{
        max-width:285px;
        margin:0 auto 18px;
        font-size:clamp(39px, 11.5vw, 46px);
        line-height:.95;
        letter-spacing:-2px;
        text-align:center;
    }

    section.hero .intro{
        max-width:315px;
        margin:0 auto 24px;
        font-size:16px;
        line-height:1.55;
        text-align:center;
    }

    section.hero .hero-buttons{
        display:grid;
        grid-template-columns:1.15fr 1fr;
        gap:12px;
        max-width:335px;
        margin:0 auto;
        justify-content:normal;
    }

    section.hero .hero-buttons .btn{
        width:100%;
        max-width:none;
        min-width:0;
        padding:15px 10px;
        font-size:12.5px;
        line-height:1.15;
        text-align:center;
        white-space:normal;
    }

    section.hero .scroll-indicator{
        display:none;
    }

    /* ----- Home page mobile section rhythm ----- */

    .difference,
    .journey,
    .about-craig,
    .behaviour-help,
    .reviews,
    .assessment-process,
    .faq,
    .final-cta{
        padding-top:58px;
        padding-bottom:68px;
    }

    .difference{
        margin-top:0;
    }

    .journey{
        padding-bottom:40px;
    }

    .difference-gold,
    .journey-gold,
    .help-gold,
    .reviews-gold,
    .process-gold,
    .faq-gold{
        margin-bottom:38px;
    }

    .difference-hook{
        margin-bottom:38px;
    }

    .difference-final-card{
        margin-top:38px;
    }

    .journey-timeline,
    .help-grid,
    .reviews-grid,
    .process-timeline,
    .faq-grid{
        gap:22px;
        margin-bottom:40px;
    }

    .reviews-score{
        margin-bottom:40px;
    }

    .about-container{
        gap:38px;
    }

    .review-card,
    .process-step,
    .process-note,
    .faq-item{
        padding:32px 26px;
    }

    .final-cta-container{
        padding:42px 26px;
    }
}


/* ================= FINAL DESKTOP HOME HERO FIXES ================= */
/* Desktop only: keeps the approved mobile hero untouched. */

@media(min-width:1001px){

    .hero .mobile-menu{
        display:none !important;
    }

    .hero-content{
        grid-template-columns:1.05fr .95fr;
        align-items:start;
    }

    .hero-logo{
        align-self:start;
        justify-content:flex-start;
        transform:none !important;
        margin-top:155px;
        margin-left:120px;
        position:relative;
        z-index:5;
    }

    .hero-logo img{
        width:510px;
        max-width:510px;
    }
}

@media(max-width:1000px){

    .hero .mobile-menu{
        display:block !important;
    }

    .hero-logo{
        transform:none !important;
    }
}


/* Mobile polish */
@media(max-width:1000px){
.help-card,.review-card,.process-step,.faq-item,.assessment-card,.assessment-leave-card,.assessment-right-card{
box-shadow:0 0 28px rgba(200,163,72,.08), inset 0 0 20px rgba(255,255,255,.02);
}
}


/* =========================================================
   FINAL BEHAVIOUR LANDING PAGE OPTIMISATION
   Purpose: tighter ad-landing flow, cleaner mobile spacing,
   premium card feel, stronger readable body copy.
   ========================================================= */

/* ---------- Behaviour page desktop rhythm ---------- */

@media(min-width:1001px){

    .assessment-hero{
        min-height:auto;
        padding-bottom:34px;
    }

    .assessment-hero-image{
        height:320px;
        margin:118px auto 26px;
        box-shadow:
            0 25px 80px rgba(0,0,0,.45),
            0 0 84px rgba(200,163,72,.16);
    }

    .assessment-hero-content{
        padding:34px 80px 58px;
        gap:64px;
    }

    .assessment-hero h1{
        margin-bottom:24px;
    }

    .assessment-hero .intro{
        margin-bottom:28px;
        color:rgba(255,255,255,.88);
        line-height:1.7;
    }

    .assessment-hero-card{
        padding:46px 46px;
    }

    .assessment-start,
    .assessment-what-happens,
    .assessment-leave-with,
    .assessment-right,
    .assessment-pricing,
    .assessment-faq{
        padding:76px 24px 96px;
    }

    .assessment-start{
        margin-top:0;
        padding-top:70px;
    }

    .assessment-matter{
        padding:78px 24px 96px;
    }

    .assessment-start-title,
    .assessment-title{
        margin-bottom:20px;
    }

    .assessment-start-gold,
    .assessment-gold{
        margin-bottom:44px;
    }

    .assessment-badge{
        margin-bottom:26px;
    }

    .assessment-start-intro{
        max-width:880px;
        margin:28px auto 0;
        font-size:22px;
        line-height:1.85;
        color:rgba(255,255,255,.88);
        text-align:center;
        font-weight:500;
    }

    .assessment-start-card{
        margin:50px auto 0;
        padding:46px 54px;
    }

    .assessment-start-card p{
        max-width:860px;
        margin-top:24px;
        font-size:21px;
        line-height:1.85;
        color:rgba(255,255,255,.86);
        font-weight:500;
    }

    .assessment-grid,
    .assessment-leave-grid,
    .assessment-right-grid{
        gap:22px;
    }

    .assessment-card,
    .assessment-leave-card,
    .assessment-right-card{
        padding:42px 40px 44px;
        min-height:280px;
        box-shadow:
            0 0 78px rgba(200,163,72,.065),
            inset 0 0 42px rgba(255,255,255,.018);
    }

    .assessment-card:hover,
    .assessment-leave-card:hover,
    .assessment-right-card:hover,
    .assessment-hero-card:hover,
    .assessment-start-card:hover,
    .assessment-matter-card:hover,
    .assessment-pricing-card:hover{
        border-color:rgba(200,163,72,.42);
        box-shadow:
            0 0 100px rgba(200,163,72,.14),
            0 35px 95px rgba(0,0,0,.58),
            inset 0 0 46px rgba(255,255,255,.02);
    }

    .assessment-card p,
    .assessment-leave-card p,
    .assessment-right-card p,
    .assessment-matter-text p,
    .assessment-matter-card p,
    .assessment-price-main p,
    .assessment-price-includes p{
        font-size:18px;
        line-height:1.75;
        color:rgba(255,255,255,.82);
    }

    .assessment-matter-container{
        gap:54px;
    }

    .assessment-matter-text h2,
    .assessment-matter-text h3{
        margin-bottom:24px;
    }

    .assessment-matter-card{
        padding:48px 46px;
    }

    .assessment-pricing-header .assessment-gold{
        margin-bottom:38px;
    }

    .assessment-price-main,
    .assessment-price-includes{
        padding:48px 46px;
    }

    .assessment-price-includes{
        gap:14px;
    }

    .assessment-price-includes div{
        padding:16px 0;
    }
}


/* ---------- Behaviour page mobile rhythm ---------- */

@media(max-width:1000px){

    .assessment-hero{
        min-height:auto;
        padding-bottom:0;
        border-radius:0;
    }

    .assessment-hero-image{
        width:calc(100% - 34px);
        height:220px;
        margin:22px auto 12px;
        border-radius:22px;
        background-position:center 20%;
        box-shadow:
            0 18px 55px rgba(0,0,0,.45),
            0 0 44px rgba(200,163,72,.12);
    }

    .assessment-hero-content{
        padding:22px 20px 24px;
        gap:22px;
    }

    .assessment-hero h1{
        font-size:clamp(40px,11vw,56px);
        line-height:.96;
        letter-spacing:-2.4px;
        margin-bottom:18px;
    }

    .assessment-hero .intro{
        font-size:18px;
        line-height:1.62;
        margin-bottom:22px;
        color:rgba(255,255,255,.88);
    }

    .assessment-hero-card{
        padding:28px 24px;
        border-radius:24px;
    }

    .assessment-hero-card span{
        font-size:14px;
        letter-spacing:3px;
        margin-bottom:14px;
    }

    .assessment-hero-card h3{
        font-size:30px;
        line-height:1.05;
        margin-bottom:14px;
    }

    .assessment-hero-card p{
        font-size:17px;
        line-height:1.65;
        margin-bottom:22px;
    }

    .assessment-hero-card ul{
        gap:12px;
    }

    .assessment-hero-card li{
        font-size:16px;
        line-height:1.48;
    }

    .assessment-start,
    .assessment-what-happens,
    .assessment-leave-with,
    .assessment-right,
    .assessment-pricing,
    .assessment-faq{
        padding:44px 20px 50px;
    }

    .assessment-start{
        margin-top:0;
        padding-top:34px;
    }

    .assessment-matter{
        padding:46px 20px 52px;
    }

    .assessment-badge{
        font-size:14px;
        letter-spacing:2.5px;
        padding:13px 20px;
        margin-bottom:20px;
    }

    .assessment-start-title,
    .assessment-title{
        font-size:clamp(38px,10.5vw,54px);
        line-height:.96;
        letter-spacing:-2px;
        margin-bottom:16px;
    }

    .assessment-start-gold,
    .assessment-gold{
        font-size:clamp(34px,9.5vw,48px);
        line-height:.98;
        letter-spacing:-1.8px;
        margin-bottom:28px;
    }

    .assessment-start-intro{
        max-width:100%;
        margin:18px auto 0;
        font-size:18px;
        line-height:1.68;
        color:rgba(255,255,255,.88);
        text-align:center;
        font-weight:500;
    }

    .assessment-start-card{
        margin:34px auto 0;
        padding:30px 24px;
        border-radius:22px;
    }

    .assessment-start-card h3{
        font-size:clamp(28px,8vw,38px);
        line-height:1.08;
        letter-spacing:-1px;
    }

    .assessment-start-card p{
        max-width:100%;
        margin-top:20px;
        font-size:18px;
        line-height:1.72;
        color:rgba(255,255,255,.88);
        font-weight:500;
    }

    .assessment-grid,
    .assessment-leave-grid,
    .assessment-right-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .assessment-card,
    .assessment-leave-card,
    .assessment-right-card{
        min-height:auto;
        padding:28px 24px;
        border-radius:22px;
        box-shadow:
            0 0 34px rgba(200,163,72,.09),
            inset 0 0 24px rgba(255,255,255,.02);
    }

    .assessment-card span,
    .assessment-leave-card span,
    .assessment-right-card span{
        font-size:12px;
        letter-spacing:3.5px;
        margin-bottom:18px;
    }

    .assessment-card h4,
    .assessment-leave-card h4,
    .assessment-right-card h4{
        font-size:clamp(28px,8vw,36px);
        line-height:1.06;
        margin-bottom:14px;
    }

    .assessment-card p,
    .assessment-leave-card p,
    .assessment-right-card p{
        font-size:16.5px;
        line-height:1.65;
        color:rgba(255,255,255,.82);
    }

    .assessment-matter-container{
        grid-template-columns:1fr;
        gap:24px;
        text-align:center;
    }

    .assessment-matter-text h2{
        font-size:clamp(38px,10.5vw,54px);
        margin-bottom:16px;
    }

    .assessment-matter-text h3{
        font-size:clamp(34px,9.5vw,48px);
        margin-bottom:20px;
    }

    .assessment-matter-text p{
        max-width:100%;
        font-size:17px;
        line-height:1.68;
        margin-bottom:16px;
    }

    .assessment-matter-card{
        padding:30px 24px;
        border-radius:24px;
        text-align:left;
    }

    .assessment-matter-card span{
        font-size:12px;
        letter-spacing:3px;
        margin-bottom:18px;
    }

    .assessment-matter-card h4{
        font-size:clamp(30px,8.5vw,40px);
        margin-bottom:16px;
    }

    .assessment-matter-card p{
        font-size:17px;
        line-height:1.68;
    }

    .assessment-pricing-header .assessment-gold{
        margin-bottom:28px;
    }

    .assessment-pricing-card{
        grid-template-columns:1fr;
        border-radius:26px;
    }

    .assessment-price-main,
    .assessment-price-includes{
        padding:32px 24px;
    }

    .assessment-price-main{
        border-right:none;
        border-bottom:1px solid rgba(200,163,72,.18);
    }

    .assessment-price-main span{
        font-size:clamp(64px,18vw,94px);
        margin-bottom:18px;
    }

    .assessment-price-main h4,
    .assessment-price-includes h4{
        font-size:clamp(30px,8vw,40px);
        margin-bottom:16px;
    }

    .assessment-price-main p,
    .assessment-price-includes p{
        font-size:17px;
        line-height:1.65;
    }

    .assessment-price-includes{
        gap:10px;
    }

    .assessment-price-includes div{
        grid-template-columns:48px 1fr;
        gap:14px;
        padding:14px 0;
    }

    .assessment-faq .faq-container{
        max-width:100%;
    }

    .assessment-faq .faq-grid{
        gap:18px;
    }

    .assessment-faq .faq-item{
        padding:28px 24px;
        border-radius:22px;
    }

    .assessment-faq .faq-item h4{
        font-size:28px;
        margin-bottom:14px;
    }

    .assessment-faq .faq-item p{
        font-size:16.5px;
        line-height:1.65;
    }

    .assessment-card:hover,
    .assessment-leave-card:hover,
    .assessment-right-card:hover,
    .assessment-hero-card:hover,
    .assessment-start-card:hover,
    .assessment-matter-card:hover,
    .assessment-pricing-card:hover{
        transform:none;
        border-color:rgba(200,163,72,.36);
        box-shadow:
            0 0 42px rgba(200,163,72,.13),
            inset 0 0 28px rgba(255,255,255,.025);
    }
}


/* ---------- General ad-landing readability polish ---------- */

.assessment-start-card p,
.assessment-start-intro,
.assessment-card p,
.assessment-leave-card p,
.assessment-right-card p,
.assessment-matter-text p,
.assessment-matter-card p,
.assessment-price-main p,
.assessment-price-includes p,
.assessment-faq .faq-item p{
    text-wrap:pretty;
}

.assessment-hero-card,
.assessment-start-card,
.assessment-card,
.assessment-leave-card,
.assessment-right-card,
.assessment-matter-card,
.assessment-pricing-card,
.assessment-faq .faq-item{
    backdrop-filter:blur(12px);
}

.assessment-hero-card::after,
.assessment-start-card::after,
.assessment-card::after,
.assessment-leave-card::after,
.assessment-right-card::after,
.assessment-matter-card::after,
.assessment-pricing-card::after,
.assessment-faq .faq-item::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(
            135deg,
            rgba(255,243,176,.08),
            transparent 32%,
            rgba(200,163,72,.055) 100%
        );
    opacity:.55;
}

.assessment-hero-card > *,
.assessment-start-card > *,
.assessment-card > *,
.assessment-leave-card > *,
.assessment-right-card > *,
.assessment-matter-card > *,
.assessment-pricing-card > *,
.assessment-faq .faq-item > *{
    position:relative;
    z-index:1;
}

/* ================= BEHAVIOUR HELP NAV DROPDOWN ================= */

.nav-actions{
    display:flex;
    align-items:center;
    gap:14px;
}

.nav-dropdown{
    position:relative;
    display:flex;
    align-items:center;
}

.nav-dropdown-trigger{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}

.nav-dropdown-trigger::after{
    content:"▾";
    color:var(--gold);
    font-size:10px;
    line-height:1;
    transform:translateY(1px);
    transition:.25s ease;
}

.nav-dropdown:hover .nav-dropdown-trigger::after,
.nav-dropdown:focus-within .nav-dropdown-trigger::after{
    transform:translateY(1px) rotate(180deg);
}

.nav-dropdown-menu{
    position:absolute;
    top:calc(100% + 18px);
    left:50%;
    transform:translateX(-34%) translateY(8px);
    z-index:50;

    width:min(720px, calc(100vw - 60px));
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;

    padding:18px;
    border:1px solid rgba(200,163,72,.28);
    border-radius:26px;

    background:
        radial-gradient(circle at 20% 0%, rgba(200,163,72,.16), transparent 36%),
        rgba(5,5,5,.92);
    backdrop-filter:blur(22px);

    box-shadow:
        0 30px 90px rgba(0,0,0,.62),
        0 0 70px rgba(200,163,72,.12),
        inset 0 0 34px rgba(255,255,255,.025);

    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.22s ease;
}

.nav-dropdown-menu::before{
    content:"";
    position:absolute;
    top:-18px;
    left:0;
    right:0;
    height:18px;
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-34%) translateY(0);
}

.nav-dropdown-menu a{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:11px 14px;
    border:1px solid rgba(200,163,72,.12);
    border-radius:16px;
    background:rgba(255,255,255,.025);
    color:rgba(255,255,255,.82);
    font-size:13px;
    font-weight:850;
    line-height:1.2;
    text-decoration:none;
    white-space:normal;
}

.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus{
    color:#111;
    background:var(--gold);
    border-color:rgba(255,243,176,.58);
    transform:none;
}

.nav-dropdown-menu .nav-dropdown-feature{
    grid-column:1 / -1;
    justify-content:center;
    color:#111;
    background:linear-gradient(135deg, #d7b95f, #c8a348);
    border-color:rgba(255,243,176,.50);
    box-shadow:0 0 28px rgba(200,163,72,.22);
}

.mobile-menu{
    display:none;
}

@media(max-width:1180px){
    .hero-nav{
        width:calc(100% - 44px);
        padding:12px 16px 12px 20px;
    }

    .nav-links{
        gap:14px;
    }

    .nav-links a{
        font-size:13px;
    }

    .nav-button{
        padding:12px 18px;
        font-size:13px;
    }
}

@media(max-width:1000px){
    .mobile-menu{
        display:block;
        position:relative;
    }

    .mobile-menu summary{
        list-style:none;
        cursor:pointer;
        width:48px;
        height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border:1px solid rgba(200,163,72,.34);
        border-radius:999px;
        color:transparent;
        font-size:0;
        background:rgba(0,0,0,.24);
        box-shadow:inset 0 0 22px rgba(255,255,255,.03);
    }

    .mobile-menu summary::-webkit-details-marker{
        display:none;
    }

    .mobile-menu summary::before{
        content:"☰";
        color:var(--gold);
        font-size:25px;
        line-height:1;
        transform:translateY(-1px);
    }

    .mobile-menu[open] summary::before{
        content:"×";
        font-size:30px;
    }

    .mobile-menu-links{
        position:absolute;
        top:calc(100% + 14px);
        right:0;
        width:min(345px, calc(100vw - 30px));
        max-height:calc(100vh - 115px);
        overflow:auto;
        padding:18px;
        border:1px solid rgba(200,163,72,.28);
        border-radius:24px;
        background:
            radial-gradient(circle at 25% 0%, rgba(200,163,72,.16), transparent 38%),
            rgba(5,5,5,.96);
        backdrop-filter:blur(24px);
        box-shadow:
            0 28px 85px rgba(0,0,0,.72),
            0 0 70px rgba(200,163,72,.13),
            inset 0 0 34px rgba(255,255,255,.025);
    }

    .mobile-menu-section{
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
    }

    .mobile-menu-section + .mobile-menu-section{
        margin-top:18px;
        padding-top:18px;
        border-top:1px solid rgba(200,163,72,.18);
    }

    .mobile-menu-section span{
        display:block;
        margin-bottom:3px;
        color:var(--gold);
        font-size:12px;
        font-weight:900;
        letter-spacing:3px;
        text-transform:uppercase;
    }

    .mobile-menu-links a{
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-height:42px;
        padding:11px 13px;
        border:1px solid rgba(200,163,72,.14);
        border-radius:15px;
        background:rgba(255,255,255,.025);
        color:rgba(255,255,255,.84);
        text-decoration:none;
        font-size:14px;
        font-weight:850;
        line-height:1.25;
    }

    .mobile-menu-links a::after{
        content:"→";
        color:var(--gold);
        margin-left:12px;
        font-size:14px;
    }

    .mobile-menu-links a:hover,
    .mobile-menu-links a:focus{
        color:#111;
        background:var(--gold);
        border-color:rgba(255,243,176,.55);
    }

    .mobile-menu-links a:hover::after,
    .mobile-menu-links a:focus::after{
        color:#111;
    }
}


/* ================= INDIVIDUAL BEHAVIOUR PAGE HERO IMAGE SYSTEM ================= */
/* Shared premium woodland hero for individual behaviour support pages */

.reactivity-hero,
.aggression-hero,
.anxiety-hero,
.recall-hero,
.lead-hero,
.guarding-hero,
.rescue-hero,
.separation-hero,
.arousal-hero,
.puppy-hero{
    background:
        radial-gradient(circle at 62% 28%, rgba(255,214,105,.22), transparent 24%),
        radial-gradient(circle at 74% 48%, rgba(200,163,72,.16), transparent 34%),
        linear-gradient(
            90deg,
            rgba(0,0,0,.94) 0%,
            rgba(0,0,0,.82) 34%,
            rgba(0,0,0,.58) 62%,
            rgba(0,0,0,.36) 100%
        ),
        url("Assets/Images/hero-behaviour.png");
    background-size:cover;
    background-position:center 20%;
    background-repeat:no-repeat;
    background-blend-mode:normal;
}

/* Keeps text readable while allowing the woodland image to show through */
.reactivity-hero::before,
.aggression-hero::before,
.anxiety-hero::before,
.recall-hero::before,
.lead-hero::before,
.guarding-hero::before,
.rescue-hero::before,
.separation-hero::before,
.arousal-hero::before,
.puppy-hero::before{
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.90) 0%,
            rgba(0,0,0,.76) 42%,
            rgba(0,0,0,.54) 72%,
            rgba(0,0,0,.42) 100%
        );
}

/* Adds a consistent premium finish across all behaviour-page hero panels */
.reactivity-hero,
.aggression-hero,
.anxiety-hero,
.recall-hero,
.lead-hero,
.guarding-hero,
.rescue-hero,
.separation-hero,
.arousal-hero,
.puppy-hero{
    box-shadow:
        0 0 80px rgba(0,0,0,.86),
        0 0 140px rgba(200,163,72,.10);
}

@media(max-width:1000px){
    .reactivity-hero,
    .aggression-hero,
    .anxiety-hero,
    .recall-hero,
    .lead-hero,
    .guarding-hero,
    .rescue-hero,
    .separation-hero,
    .arousal-hero,
    .puppy-hero{
        background:
            radial-gradient(circle at 50% 18%, rgba(255,214,105,.20), transparent 25%),
            linear-gradient(
                to bottom,
                rgba(0,0,0,.70) 0%,
                rgba(0,0,0,.82) 42%,
                rgba(0,0,0,.94) 100%
            ),
            url("Assets/Images/hero-behaviour.png");
        background-size:cover;
        background-position:center 18%;
        background-repeat:no-repeat;
    }

    .reactivity-hero::before,
    .aggression-hero::before,
    .anxiety-hero::before,
    .recall-hero::before,
    .lead-hero::before,
    .guarding-hero::before,
    .rescue-hero::before,
    .separation-hero::before,
    .arousal-hero::before,
    .puppy-hero::before{
        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,.50) 0%,
                rgba(0,0,0,.78) 45%,
                rgba(0,0,0,.94) 100%
            );
    }
}