.elementor-3335 .elementor-element.elementor-element-3140f19{--display:flex;}.elementor-3335 .elementor-element.elementor-element-13563a4{--display:flex;}.elementor-3335 .elementor-element.elementor-element-29f3c4a{--display:flex;}.elementor-3335 .elementor-element.elementor-element-51570b9{--display:flex;}.elementor-3335 .elementor-element.elementor-element-cd64f4e{--display:flex;}.elementor-3335 .elementor-element.elementor-element-e52b7bd{--display:flex;}body.elementor-page-3335:not(.elementor-motion-effects-element-type-background), body.elementor-page-3335 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0F14;}/* Start custom CSS for html, class: .elementor-element-416386c */<style>

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

html,
body{
    margin:0;
    padding:0;

    background:#0B0F14;

    color:#C7CDD4;

    font-family:Arial, Helvetica, sans-serif;

    line-height:1.8;

    overflow-x:hidden;
}

.start-here{
    background:#0B0F14;
    color:#C7CDD4;
}

/* ================================
   MAIN CONTAINER
================================ */

.start-here .container{
    max-width:1400px;

    margin:auto;

    padding:140px 40px;
}

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

.start-here h1,
.start-here h2,
.start-here h3{
    color:#FFFFFF;

    margin-top:0;
}

.start-here h1{
    font-size:86px;

    line-height:0.95;

    font-weight:800;

    letter-spacing:-3px;

    margin-bottom:35px;
}

.start-here h2{
    font-size:64px;

    line-height:1;

    font-weight:800;

    letter-spacing:-2px;

    margin-bottom:30px;
}

.start-here h3{
    font-size:34px;

    line-height:1.2;

    font-weight:700;

    margin-bottom:18px;
}

.start-here p{
    font-size:22px;

    line-height:2;

    color:#C1CAD4;

    margin-bottom:30px;

    max-width:1000px;
}

/* ================================
   HIGHLIGHT TEXT
================================ */

.start-here .highlight,
.start-here .accent{
    color:#C89B3C;

    font-weight:700;
}

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

.start-here .btn{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:20px 38px;

    margin-top:25px;

    border-radius:14px;

    background:
    linear-gradient(
        135deg,
        #8B5E3C 0%,
        #C89B3C 100%
    );

    color:#FFFFFF;

    text-decoration:none;

    font-size:17px;

    font-weight:700;

    letter-spacing:.3px;

    transition:
    transform .3s ease,
    box-shadow .3s ease,
    opacity .3s ease;

    box-shadow:
    0 14px 35px rgba(200,155,60,.18);
}

.start-here .btn:hover{
    transform:translateY(-5px);

    box-shadow:
    0 20px 45px rgba(200,155,60,.28);
}

/* ================================
   SECTIONS
================================ */

.start-here .section{
    margin-bottom:140px;
}

/* ================================
   PATH SECTION
================================ */

.path-wrapper{
    position:relative;

    width:100%;

    padding:160px 40px;

    background:
    linear-gradient(
        180deg,
        #0B0F14 0%,
        #121820 100%
    );

    overflow:hidden;
}

/* cinematic glow */

.path-wrapper::before{
    content:"";

    position:absolute;

    top:-220px;
    right:-160px;

    width:700px;
    height:700px;

    background:
    radial-gradient(
        circle,
        rgba(200,155,60,.10) 0%,
        transparent 72%
    );

    pointer-events:none;
}

/* ================================
   CONTAINER
================================ */

.path-section{
    position:relative;

    max-width:1500px;

    margin:auto;

    text-align:center;

    z-index:2;
}

/* ================================
   HEADER
================================ */

.path-section h2{
    font-size:84px;

    line-height:0.95;

    font-weight:800;

    letter-spacing:-3px;

    color:#FFFFFF;

    margin-bottom:35px;
}

.path-intro{
    max-width:980px;

    margin:0 auto 100px auto;

    font-size:28px;

    line-height:2;

    color:#B8C1CC;
}

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

.path-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(360px,1fr));

    gap:40px;
}

/* ================================
   CARD
================================ */

.path-card{
    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:420px;

    padding:54px 46px;

    text-align:left;

    border-radius:32px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        rgba(22,28,36,.98) 0%,
        rgba(14,19,25,.98) 100%
    );

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

    box-shadow:
    0 20px 55px rgba(0,0,0,.34);

    transition:
    transform .4s ease,
    border-color .4s ease,
    box-shadow .4s ease;
}

/* accent line */

.path-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:6px;

    background:
    linear-gradient(
        90deg,
        #8B5E3C 0%,
        #C89B3C 100%
    );
}

/* hover */

.path-card:hover{
    transform:translateY(-14px);

    border-color:
    rgba(200,155,60,.38);

    box-shadow:
    0 30px 70px rgba(0,0,0,.48);
}

/* ================================
   STEP NUMBER
================================ */

.step-number{
    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#C89B3C;

    margin-bottom:24px;
}

/* ================================
   CARD TITLE
================================ */

.path-card h3{
    font-size:38px;

    line-height:1.2;

    font-weight:700;

    color:#FFFFFF;

    margin-bottom:24px;
}

/* ================================
   CARD TEXT
================================ */

.path-card p{
    font-size:20px;

    line-height:2;

    color:#B8C1CC;

    margin-bottom:36px;
}

/* ================================
   LINK
================================ */

.path-link{
    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:auto;

    color:#C89B3C;

    text-decoration:none;

    font-size:17px;

    font-weight:700;

    transition:
    color .3s ease,
    transform .3s ease;
}

.path-link:hover{
    color:#E0B84D;

    transform:translateX(6px);
}

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

@media(max-width:768px){

    .start-here .container{
        padding:90px 24px;
    }

    .start-here h1{
        font-size:52px;
    }

    .start-here h2{
        font-size:42px;
    }

    .start-here h3{
        font-size:28px;
    }

    .start-here p{
        font-size:18px;
    }

    .path-wrapper{
        padding:100px 20px;
    }

    .path-section h2{
        font-size:48px;
    }

    .path-intro{
        font-size:20px;
    }

    .path-grid{
        gap:24px;
    }

    .path-card{
        min-height:auto;

        padding:36px 28px;

        border-radius:24px;
    }

    .path-card h3{
        font-size:28px;
    }

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

</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0575f8f */.what-is-hoc::before{
    content:"";

    position:absolute;

    top:-200px;
    right:-150px;

    width:500px;
    height:500px;

    background:
    radial-gradient(
        circle,
        rgba(139,94,60,.12) 0%,
        transparent 70%
    );

    pointer-events:none;
}

/* ================================
   CONTENT WIDTH
================================ */

.what-is-hoc .container{
    max-width:1150px;
    margin:auto;
}

/* ================================
   HEADER
================================ */

.what-is-hoc .intro{
    max-width:820px;
    margin-bottom:60px;
}

.what-is-hoc h2{
    font-size:52px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-1.5px;

    color:#FFFFFF;

    margin-bottom:28px;
}

.what-is-hoc p{
    font-size:19px;
    line-height:1.9;

    color:#B8C1CC;

    margin-bottom:22px;
}

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

.hoc-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:26px;
}

/* ================================
   CARD
================================ */

.hoc-card{
    position:relative;

    background:
    linear-gradient(
        180deg,
        #161C24 0%,
        #10151B 100%
    );

    padding:36px 30px;

    border-radius:22px;

    border:1px solid rgba(255,255,255,0.06);

    box-shadow:
    0 12px 40px rgba(0,0,0,.28);

    overflow:hidden;

    transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

/* top accent line */

.hoc-card::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #8B5E3C,
        #C89B3C
    );
}

/* hover */

.hoc-card:hover{
    transform:translateY(-10px);

    border-color:
    rgba(200,155,60,.35);

    box-shadow:
    0 18px 50px rgba(0,0,0,.42);
}

/* ================================
   CARD TEXT
================================ */

.hoc-card h3{
    font-size:30px;
    font-weight:700;

    color:#FFFFFF;

    margin-bottom:18px;
}

.hoc-card p{
    font-size:17px;
    line-height:1.8;

    color:#C1CAD4;

    margin:0;
}

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

@media(max-width:768px){

    .what-is-hoc{
        padding:80px 20px;
    }

    .what-is-hoc h2{
        font-size:38px;
    }

    .what-is-hoc p{
        font-size:17px;
    }

    .hoc-card{
        padding:30px 24px;
        border-radius:18px;
    }

    .hoc-card h3{
        font-size:24px;
    }

    .hoc-card p{
        font-size:16px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fd22de *//* ================================
   STORY SECTION
================================ */

.story-wrapper{
    width:100%;

    padding:120px 20px;

    background:
    linear-gradient(
        180deg,
        #0F141A 0%,
        #121820 100%
    );
}

/* ================================
   STORY CARD
================================ */

.story-section{
    position:relative;

    max-width:1200px;

    margin:auto;

    padding:70px 70px 70px 85px;

    background:
    linear-gradient(
        180deg,
        rgba(22,28,36,.96) 0%,
        rgba(15,20,26,.98) 100%
    );

    border-radius:28px;

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

    box-shadow:
    0 20px 60px rgba(0,0,0,.35);

    overflow:hidden;
}

/* ================================
   ACCENT BAR
================================ */

.story-section::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:8px;
    height:100%;

    background:
    linear-gradient(
        180deg,
        #C89B3C 0%,
        #8B5E3C 100%
    );
}

/* ================================
   SUBTLE GLOW
================================ */

.story-section::after{
    content:"";

    position:absolute;

    top:-180px;
    right:-120px;

    width:420px;
    height:420px;

    background:
    radial-gradient(
        circle,
        rgba(200,155,60,.10) 0%,
        transparent 70%
    );

    pointer-events:none;
}

/* ================================
   HEADING
================================ */

.story-section h2{
    font-size:68px;

    line-height:1;

    font-weight:800;

    letter-spacing:-2px;

    color:#FFFFFF;

    margin-bottom:45px;
}

/* ================================
   LEAD TEXT
================================ */

.story-lead{
    font-size:30px;

    line-height:1.6;

    font-weight:700;

    letter-spacing:-0.5px;

    color:#FFFFFF;

    margin-bottom:40px;
}

/* ================================
   BODY TEXT
================================ */

.story-section p{
    font-size:22px;

    line-height:2;

    color:#C1CAD4;

    margin-bottom:34px;

    max-width:980px;
}

/* ================================
   CLOSING LINE
================================ */

.story-close{
    margin-top:55px;

    font-size:26px;

    line-height:1.7;

    font-weight:700;

    color:#C89B3C;
}

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

@media(max-width:768px){

    .story-wrapper{
        padding:80px 20px;
    }

    .story-section{
        padding:40px 28px 40px 34px;

        border-radius:22px;
    }

    .story-section h2{
        font-size:42px;

        line-height:1.1;

        margin-bottom:30px;
    }

    .story-lead{
        font-size:24px;

        margin-bottom:28px;
    }

    .story-section p{
        font-size:18px;

        line-height:1.9;

        margin-bottom:26px;
    }

    .story-close{
        font-size:21px;

        margin-top:40px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01a3793 *//* ================================
   PATH SECTION
================================ */

.path-wrapper{
    width:100%;

    padding:120px 20px;

    background:
    linear-gradient(
        180deg,
        #0B0F14 0%,
        #121820 100%
    );

    position:relative;

    overflow:hidden;
}

/* subtle glow */

.path-wrapper::before{
    content:"";

    position:absolute;

    top:-250px;
    right:-180px;

    width:550px;
    height:550px;

    background:
    radial-gradient(
        circle,
        rgba(200,155,60,.08) 0%,
        transparent 70%
    );

    pointer-events:none;
}

/* ================================
   CONTAINER
================================ */

.path-section{
    max-width:1250px;

    margin:auto;

    text-align:center;
}

/* ================================
   HEADER
================================ */

.path-section h2{
    font-size:64px;

    line-height:1;

    font-weight:800;

    letter-spacing:-2px;

    color:#FFFFFF;

    margin-bottom:28px;
}

.path-intro{
    max-width:820px;

    margin:0 auto 70px auto;

    font-size:24px;

    line-height:1.9;

    color:#B8C1CC;
}

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

.path-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:30px;
}

/* ================================
   CARD
================================ */

.path-card{
    position:relative;

    background:
    linear-gradient(
        180deg,
        #161C24 0%,
        #10151B 100%
    );

    padding:42px 36px;

    border-radius:24px;

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

    text-align:left;

    overflow:hidden;

    box-shadow:
    0 16px 45px rgba(0,0,0,.30);

    transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

/* accent top line */

.path-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #8B5E3C,
        #C89B3C
    );
}

/* hover */

.path-card:hover{
    transform:translateY(-10px);

    border-color:
    rgba(200,155,60,.35);

    box-shadow:
    0 24px 55px rgba(0,0,0,.45);
}

/* ================================
   STEP NUMBER
================================ */

.step-number{
    display:inline-block;

    font-size:23px;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#C89B3C;

    font-weight:700;

    margin-bottom:18px;
}

/* ================================
   TITLE
================================ */

.path-card h3{
    font-size:30px;

    line-height:1.3;

    font-weight:700;

    color:#FFFFFF;

    margin-bottom:18px;
}

/* ================================
   TEXT
================================ */

.path-card p{
    font-size:18px;

    line-height:1.9;

    color:#B8C1CC;

    margin-bottom:28px;
}

/* ================================
   LINK
================================ */

.path-link{
    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#C89B3C;

    text-decoration:none;

    font-size:26px;

    font-weight:700;

    transition:
    color .3s ease,
    transform .3s ease;
}

.path-link:hover{
    color:#E0B84D;

    transform:translateX(4px);
}

/* arrow */

.path-link::after{
    content:"→";

    transition:transform .3s ease;
}

.path-link:hover::after{
    transform:translateX(3px);
}

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

@media(max-width:768px){

    .path-wrapper{
        padding:80px 20px;
    }

    .path-section h2{
        font-size:42px;

        line-height:1.1;
    }

    .path-intro{
        font-size:19px;

        margin-bottom:50px;
    }

    .path-grid{
        gap:22px;
    }

    .path-card{
        padding:32px 26px;

        border-radius:20px;
    }

    .path-card h3{
        font-size:24px;
    }

    .path-card p{
        font-size:17px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15dfb28 *//* ================================
   FINAL CTA SECTION
================================ */

.final-cta{
    position:relative;

    max-width:1200px;

    margin:140px auto 0 auto;

    padding:100px 60px;

    text-align:center;

    border-radius:32px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        rgba(20,26,34,.98) 0%,
        rgba(12,16,22,.98) 100%
    );

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

    box-shadow:
    0 25px 70px rgba(0,0,0,.38);
}

/* top accent */

.final-cta::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:
    linear-gradient(
        90deg,
        #8B5E3C 0%,
        #C89B3C 100%
    );
}

/* glow */

.final-cta::after{
    content:"";

    position:absolute;

    top:-180px;
    right:-120px;

    width:420px;
    height:420px;

    background:
    radial-gradient(
        circle,
        rgba(200,155,60,.10) 0%,
        transparent 70%
    );

    pointer-events:none;
}

/* ================================
   HEADING
================================ */

.final-cta h2{
    font-size:64px;

    line-height:1;

    font-weight:800;

    letter-spacing:-2px;

    color:#FFFFFF;

    margin-bottom:24px;
}

/* ================================
   LEAD
================================ */

.cta-lead{
    max-width:760px;

    margin:0 auto 20px auto;

    font-size:26px;

    line-height:1.8;

    font-weight:700;

    color:#FFFFFF;
}

/* ================================
   BODY TEXT
================================ */

.final-cta p{
    max-width:760px;

    margin:0 auto;

    font-size:20px;

    line-height:1.9;

    color:#B8C1CC;
}

/* ================================
   BUTTON GROUP
================================ */

.cta-buttons{
    margin-top:50px;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:20px;
}

/* ================================
   BASE BUTTON
================================ */

.final-cta .btn{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    border-radius:14px;

    text-decoration:none;

    font-size:16px;

    font-weight:700;

    letter-spacing:.3px;

    transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

/* primary */

.final-cta .btn-primary{
    background:
    linear-gradient(
        135deg,
        #8B5E3C 0%,
        #C89B3C 100%
    );

    color:#0B0F14;

    border:none;

    box-shadow:
    0 12px 30px rgba(200,155,60,.20);
}

.final-cta .btn-primary:hover{
    transform:translateY(-4px);

    box-shadow:
    0 18px 40px rgba(200,155,60,.30);
}

/* outline */

.btn-outline{
    background:transparent;

    color:#C89B3C;

    border:1px solid rgba(200,155,60,.45);

    backdrop-filter:blur(10px);
}

.btn-outline:hover{
    background:#C89B3C;

    color:#0B0F14;

    transform:translateY(-4px);

    border-color:#C89B3C;
}

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

@media(max-width:768px){

    .final-cta{
        margin-top:90px;

        padding:70px 28px;

        border-radius:24px;
    }

    .final-cta h2{
        font-size:42px;

        line-height:1.05;
    }

    .cta-lead{
        font-size:22px;

        line-height:1.7;
    }

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

        line-height:1.8;
    }

    .cta-buttons{
        margin-top:40px;

        gap:16px;
    }

    .final-cta .btn{
        width:100%;

        padding:16px 24px;
    }
}/* End custom CSS */