body {
    margin: 0;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 18px;
    color: var(--dark-color);
    background-color: #010000;
}

:root {
	--primary-color: linear-gradient(to right, #FF4D1F, #FFA53F);
	--secondary-color: #FEB159;
	--dark-color: #000000;
	--light-color: #ffffff
}

.hykr-site-header_right .build-page-menu{display:none;}
.page-id-228 .hykr-site-header_right a{display: none;}
.page-id-228 .hykr-site-header_right .build-page-menu {display:block;}

/* common css */
.hykr-description{ font-family: Stack Sans Text; font-weight: 250; font-size: 18px; line-height: 1.3; letter-spacing: 0%; vertical-align: middle; color: #B2B2B2; }
.hykr-gray-content-text, .hykr-build-loop_small { font-family: IBM Plex Mono; font-weight: 500; font-size: 22px; line-height: 1.2; letter-spacing: -2%; vertical-align: middle; text-transform: uppercase; color: #939393; margin-bottom: 15px; }
.hykr-white-title-text { font-family: Stack Sans Headline; font-weight: 300; font-size: 50px; line-height: 1.1; letter-spacing: -2%; vertical-align: middle; color: #F5F2F2; }
.hykr-founder-content-wrapper .hykr-white-title-text{ margin-bottom: 30px; }
.hykr-founder .hykr-white-title-text strong, section.hykr-entry_points.hykr-section .hykr-white-title-text strong{ font-family: Stack Sans Headline; font-weight: 600; font-size: 50px; line-height: 1.1; letter-spacing: -2%; vertical-align: middle; } 
.hykr-founder .hykr-white-title-text strong{ background: conic-gradient(from 90deg at 50% 50%, #FEB159 -197.31deg, #FF4211 95.19deg, #FEB159 162.69deg, #FF4211 455.19deg); background-clip: text; color: transparent; } 
section.hykr-entry_points.hykr-section .hykr-white-title-text strong{ background: linear-gradient(90deg, #FF4D1F 0%, #FEB159 50%); background-clip: text; color: transparent; } 
.hykr-founder-content-wrapper{ width: 68%; } .builder-empty-space{ height: 180px; } 

/* entry point */ 
.hykr-entry_points{ background-color: #010000; } 
.hykr-entry_points_cards{ display: flex; gap: 20px; padding-top: 60px; } 
.hykr-entry_points_card{ background: linear-gradient(96.38deg, #014148 -11.32%, #010000 117.84%); padding: 40px 30px 80px 30px; border-radius: 10px; } 
.hykr-entry_points_card_small_text{ font-family: IBM Plex Mono; font-weight: 500; font-size: 16px; line-height: 120%; letter-spacing: -2%; vertical-align: middle; text-transform: uppercase; color: #FFFFFF; padding-bottom: 10px; } 
.hykr-entry_points_card_title{ font-family: Stack Sans Headline; font-weight: 600; font-size: 36px; line-height: 120%; letter-spacing: -2%; vertical-align: middle; color: #F5F2F2; margin-bottom: 20px; } 
.hykr-entry-desc-text{ font-family: Stack Sans Text; font-weight: 250; font-size: 16px; line-height: 130%; letter-spacing: 0%; vertical-align: middle; color: #B2B2B2; margin-bottom: 20px; } 
.hykr-entry-info-text{ background: linear-gradient(90deg, #00636E 0%, rgba(2, 32, 35, 0) 100%); font-family: Stack Sans Text; font-weight: 250; font-size: 14px; line-height: 130%; letter-spacing: 0%; vertical-align: middle; color: #FFFFFF; padding: 10px; border-radius: 10px; margin-bottom: 30px; } 
.hykr-entry-border{ padding: 10px; border: 1px solid #FFA53F; font-family: IBM Plex Mono; font-weight: 500; font-size: 14px; line-height: 120%; letter-spacing: -2%; vertical-align: middle; text-transform: uppercase; color: #FFA53F; padding-bottom: 10px; text-decoration: none; }

/* ------------------------------------------------------------
 * Where we invest (tailwinds) section
 * ------------------------------------------------------------ */
 .hykr-invest { background-color: #010000; } 
/* .hykr-invest::after { content: ""; position: absolute; inset: 0; background-image: url('assets/images/side-blur.png'); background-size: cover; background-position: bottom; background-repeat: no-repeat; } */ 
.hykr-invest .hykr-invest_head strong{ font-family: Stack Sans Headline; font-weight: 600; font-size: 68px; line-height: 1.2; letter-spacing: -2%; vertical-align: middle; background: linear-gradient(90deg, #FF4D1F 0%, #FEB159 50%); background-clip: text; color: transparent; } 
section.hykr-invest.hykr-section { padding: 80px 0;}
.hykr-invest_cards { display: flex; align-items: flex-start; justify-content: flex-end; gap: 30px; } 
.hykr-invest_card { border-radius: 16px; overflow: hidden; height: 100%; min-height: 500px; position:relative;} 
.hykr-invest_card_img_wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(1, 32, 36, 0) 0%, #00383E 46.19% ); top: 50px;} 
/* .hykr-build-loop{display: none;} */ /* .hykr-features { position: relative; } */ /* .hykr-features::before { content: ""; position: absolute; left: 735px; top: -320px; width: 100%; height: 100%; background:url("assets/images/side-blur.png"); pointer-events: none; z-index: 1; background-repeat: no-repeat; } */ 
.hykr-invest_card[data-card-index="1"] { margin-top: 110px; } 
.hykr-invest_card[data-card-index="3"] { margin-top: -120px; } 
.hykr-invest_card_img_wrap { width: 100%; aspect-ratio: 4 / 3; } 
.hykr-invest_card_img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.hykr-invest_card_body { padding: 24px 24px 24px 36px; position: relative; } 
.hykr-invest_card_btn { display: inline-block; border: 1px solid #FFA53F; border-radius: 2px; padding: 6px 10px; font-family: IBM Plex Mono; font-weight: 500; font-size: 12px; line-height: 120%; letter-spacing: -2%; text-transform: uppercase; color: #FFA53F; margin-bottom: 14px; text-decoration: none; z-index: 999; position: absolute; top: -30px; left: 25px; } 
.hykr-invest_card_btn:hover { background: #FFA53F; color: #010000; } 
.hykr-invest_list { margin: 0; padding: 0; list-style: none; } 
.hykr-invest_list li { position: relative; padding-left: 14px; padding-top: 8px; padding-bottom: 8px; font-family: Stack Sans Text; font-weight: 250; font-size: 16px; line-height: 1.3; letter-spacing: 0%; vertical-align: middle; color: #B2B2B2; } 
.hykr-invest_list li:last-child { border-bottom: none; } 
.hykr-invest_list li::before { content: "•"; position: absolute; left: 0; top: 8px; color: rgba(255, 255, 255, 0.6); }

.hykr-entry-price-text{
    font-family: Stack Sans Headline;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 2%;
    vertical-align: middle;
    color: #B2B2B2;
    padding-top: 15px;
    height: 110px;
}

.hykr-entry-btn a{
    background: linear-gradient(90deg, #741800 0%, #9F2100 100%);
    padding: 10px;
    font-family: IBM Plex Mono;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 10px;
    text-decoration: none;
}
.hykr-entry-btn .hero_btn_arrow img{
    width: 10px;
    height: 10px;
    filter: brightness(0) invert(1);
}
.hykr-entry-btn .hero_btn_arrow{
    padding-left: 10px;
}
.title-gradiant{
    font-family: Stack Sans Headline;
    background: radial-gradient(50% 50% at 50% 28%, #FF1A00 30.77%, #FFB159 100%);
    background-clip: text;
    font-weight: 600;
    color: transparent;
}

.gray-content-text{
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 22px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #939393;
}

/* ------------------------------------------------------------
 * Hykr header (top bar)
 * ------------------------------------------------------------ */
 .hykr-container {
    width: 100%;
}
section.hykr-features.hykr-section:before { content: ''; background-image: url(https://hykr.studio/wp-content/uploads/2026/04/shape-icon01.png); width: 325px; height: 710px; position: absolute; background-repeat: no-repeat; right: 0; background-size: contain; top: -100px; }
.hykr-site-header { padding: 30px 0; background-color: #010000; } 
.hykr-site-header::before { content: ""; position: absolute; inset: 0; background-image: url(assets/images/header-bg.png); background-size: 734px 450px; background-position: center -50px; background-repeat: no-repeat; z-index: 2; }

.hykr-site-header_inner {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: auto;
}

footer .hykr-brand_img {
    display: block; 
    object-fit: contain;
    margin-bottom: 100px;
}

.hykr-header_menu {
    display: block;
}

.hykr-header_menu_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 24px;
}

.hykr-header_menu_item {
    white-space: nowrap;
}

.hykr-header_menu_link {
    color: #cfd7da;
    text-decoration: none;
    font-family: "Stack Sans Text", "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hykr-header_menu_link:hover,
.hykr-header_menu_link:focus-visible {
    color: #ffffff;
}

.hykr-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #ffffff;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
}

.hykr-site-header_right {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

.hykr-hamburger {
    width: 46px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #FF4D1F;
    background: transparent;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 0;
}

.hykr-hamburger_line {
    display: block;
    width: 18px;
    height: 2px;
    background: #f3f3f3;
    border-radius: 2px;
}

.home section.hero.hykr-section h1.hero_title {
    max-width: 436px;
}


/* Home Hero Section */
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}
.home section.hero.hykr-section .hykr-description { max-width: 535px; } 
.home section.hero.hykr-section { padding: 100px 0 80px; }

/* ------------------------------------------------------------
 * Hykr footer
 * ------------------------------------------------------------ */
 .hykr-site-footer {
    padding: 0px 5vw 40px;
    position: relative;
}

.hykr-site-footer a{
    text-decoration: none;
}

/* INNER */
.hykr-footer_inner {
    background-color: #010000;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    z-index: 2;
    margin-top: -200px;
}

/* TOP BAR */
.hykr-footer_bar {
    display: flex;
    justify-content: space-between;
}

/* LEFT SIDE */
.hykr-footer_top_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

/* BRAND */
.hykr-footer_brand {
    display: flex;
    align-items: center;
    gap: 10px;
}



/* BUILD CHALLENGE */
.hykr-footer_build_challenge {
    font-size: 12px;
    letter-spacing: 0.08em;
    color: #bfbfbf;
    text-transform: none;
}

/* SOCIAL */
.hykr-footer_social_list {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    margin-bottom: 0;
}

.hykr-footer_social_link img {
    width: 16px;
    height: 16px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.hykr-footer_social_link:hover img {
    opacity: 1;
}

/* DIVIDER */
.hykr-footer_divider {
    height: 1px;
    background: rgba(255,255,255,0.12);
    margin: 6px 0 6px;
}

/* BOTTOM */
.hykr-footer_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* POLICY LINKS */
.hykr-footer_policies {
    display: flex;
    gap: 28px;
}

.hykr-footer_policy_link {
    font-size: 12px;
    color: #8a8a8a;
    text-decoration: none;
}

.hykr-footer_policy_link:hover {
    color: #fff;
}

/* TAGLINE */
.hykr-footer_tagline {
    font-size: 12px;
    color: #6f6f6f;
    white-space: nowrap;
}

.hykr-site-footer * {
    font-family: Stack Sans Text;
    font-weight: 200;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #959595;
    list-style: none;
}



/* Hero section */
.hero {
    position: relative;
    overflow: hidden;
    min-height: 78vh;
    display: flex;
    align-items: center;
    background-color: #010000;
}

.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('assets/images/hero-banner-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
    top: -100px;
}

.hero.hykr-hero-has-bg {
    min-height: 100vh;
}

.hero.hykr-hero-has-bg::after,
.hero.hykr-hero-has-bg::before {
    display: none;
}

.hero.hykr-hero-has-bg .hero_layout {
    align-items: center;
    gap: 84px;
}

.hero.hykr-hero-has-bg .hero_right {
    padding-top: 0;
}

section.hykr-entry_points.hykr-section {
    margin-top: -100px;
	padding-bottom:80px;
}

/* When using Bootstrap rows for Hero, reset flex-related styles */
.hykr-hero-grid_row {
    padding-bottom: 100px;
    position: relative;
    z-index: 3;
    top: 0px;
}

.hykr-intro-section { padding-top: 200px; padding-bottom: 0; }


.hykr-hero-grid_row .hero_left,
.hykr-hero-grid_row .hero_right {
    min-width: 0;
}

.hero_title {
    margin: 0;
    max-width: 500px;
    color: #f3f3f3;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 110%;
    letter-spacing: 0;
    vertical-align: middle;
    padding-bottom: 30px;
}

.hero_highlight {
    display: inline;
    font-family: Stack Sans Headline;
    background: radial-gradient(50% 50% at 50% 28%, #FF1A00 30.77%, #FFB159 100%);
    background-clip: text;
    font-weight: 600;
    color: transparent;
}

.hero_description {
    margin-top: 18px;
    color: #cfd7da;
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    max-width: 64ch;
}

.hero_buttons {
    margin-top: 26px;
    display: flex;
    flex-direction: row;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}

.hero_buttons .hero_btn {
    margin-top: 0;
}

/* Keep old selector for safety if markup changes */
.hero_btn {
    margin-top: 0;
}

.hykr-border-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #FF4D1F;
    border-radius: 10px;
    padding: 10px 14px;
    color: #f3f3f3;
    text-decoration: none;
    font-family: IBM Plex Mono;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -2%;
    text-transform: uppercase;
    cursor: pointer;
}

.hero_btn_arrow img{
    width: 10px;
    height: 10px;
}

.hykr-border-btn:hover {
    background-color: #FF4D1F;
    color: #ffffff;
}


.hykr-border-btn:hover .hero_btn_arrow img{
    filter: brightness(0) invert(1);
}

.hykr-intro-section p{
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    margin-bottom: 10px;
}


/* Intro section */
.intro {
    position: relative;
    overflow: hidden;
    background:
    radial-gradient(620px 300px at 82% 100%, rgba(0, 142, 157, 0.28) 0%, rgba(0, 0, 0, 0) 62%),
    linear-gradient(180deg, #040506 0%, #010203 100%);
    min-height: 76vh;
    display: flex;
    align-items: center;
}

.intro::before {
    content: "";
    position: absolute;
    left: -5vw;
    top: -9vw;
    width: 42vw;
    height: 16vw;
    min-width: 320px;
    min-height: 120px;
    border-radius: 60% 40% 66% 34% / 70% 42% 58% 30%;
    transform: rotate(-10deg);
    background:
    linear-gradient(132deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0) 45%),
    linear-gradient(140deg, rgba(255, 140, 43, 0.95), rgba(255, 140, 43, 0) 38%),
    linear-gradient(160deg, rgba(9, 60, 74, 0.7), rgba(0, 0, 0, 0));
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.45) inset, 0 0 26px rgba(0, 0, 0, 0.4);
    opacity: 0.7;
    pointer-events: none;
    z-index: 2;
}

.intro_container {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 92px 5vw;
}

.intro_content {
    margin-left: 0;
    width: min(100%, 760px);
}

.intro_tag {
    margin-bottom: 18px;
    color: #9da4a7;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.intro_title {
    margin: 0;
    color: #efefef;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(46px, 5.4vw, 72px);
    line-height: 1.05;
    letter-spacing: 0;
}

.intro_highlight {
    display: inline;
    color: #ff8a3b;
}


/* ------------------------------------------------------------
 * Hykr Home template additions
 * ------------------------------------------------------------ */

 .hykr-section {
    position: relative;
}

.hykr-section-bg {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.95;
    z-index: 1;
    pointer-events: none;
}

.hykr-section-bg-hero {
    opacity: 1;
}

.hykr-section-bg-builder {
    background-position: center;
    background-size: contain;
    opacity: 1;
}

/* ------------------------------------------------------------
 * Co-founder + Stats section
 * ------------------------------------------------------------ */
 .hykr-founder { background: url(assets/images/co-founder-bg.png); position: relative; background-size: 100% 100%; background-repeat: no-repeat; padding: 300px 0 150px; background-color: #010000;}
.hykr-founder-content-wrapper { max-width: 640px; }

.hykr-founder_line1 {
    font-family: Stack Sans Headline;
    font-weight: 200;
    font-size: 60px;
    line-height: 130%;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #B2B2B2;
}

.hykr-founder_stats {
    padding-top: 60px;
}

.hykr-founder_stat {
    padding: 0 12px;
    margin-bottom: 20px;
}

.hykr-founder_stat_value {
    font-family: Stack Sans Headline;
    font-weight: 700;
    font-size: 55px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #F5F2F2;
    margin-bottom: 10px;
}

.hykr-founder_stat_label {
    display: inline-block;
    color: #FFA53F;
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    border: 1px solid #9C9C9C;
    background:transparent;
    padding: 6px 10px;
}


@media (max-width: 991px) {
    .hykr-header_menu {
        display: none;
    }
    .hykr-invest_layout { gap: 28px; } .hykr-invest_head, .hykr-invest_cards { width: 100%; } 
    .hykr-invest_cards { justify-content: flex-start; } .hykr-invest_card[data-card-index="1"], .hykr-invest_card[data-card-index="2"], .hykr-invest_card[data-card-index="3"] { transform: none; }
    .hykr-footer_bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }
    .hero {
        min-height: 62vh;
    }

    .hero_title {
        font-size: 52px;
    }

    .hero::after {
        right: -28vw;
        width: 74vw;
        height: 74vw;
        transform: translateY(-38%) rotate(-11deg);
        opacity: 0.7;
    }

    .hero::before {
        width: 30vw;
        right: 10%;
        opacity: 0.55;
    }

    .intro {
        min-height: 62vh;
    }

    .intro::before {
        left: -12vw;
        top: -15vw;
        width: 60vw;
        height: 22vw;
        opacity: 0.55;
    }

    .intro_content {
        width: min(100%, 420px);
    }
}

@media (max-width: 991px) {

    .hykr-founder_line1 {
        font-size: 34px;
    }

    .hykr-founder_stats {
        margin-top: 36px;
    }

    .hykr-founder_stat_value {
        font-size: 36px;
        margin-bottom: 14px;
    }
}

/* ------------------------------------------------------------
 * Founder Quote / Built by builder section
 * ------------------------------------------------------------ */
/* .hykr-builder {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #000 0%, #020304 100%);
    min-height: 70vh;
    display: block;
} */
.hykr-builder { position: relative; background-color: #010000; background-image: url(assets/images/founder-round-bg.png); background-size: contain; background-position: center; background-repeat: no-repeat; z-index: 1; padding: 100px 0; margin-bottom: -200px;}

.hykr-builder::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(assets/images/founder-gradiant-bg.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: -1;
    bottom: 0px;
}

.hykr-builder::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('assets/images/founder.png');
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: -1;
    top: 0px;
}
.hykr-diff-content-wrapper {
    margin-top: 40px;
}

.hykr-builder-has-bg {
    background: #000;
}

.hykr-builder_left {
    display: flex;
    flex-direction: column;
    min-height: 56vh;
    padding-right: 24px;
}

.hykr-builder_name {
    font-family: Stack Sans Headline;
    font-weight: 500;
    font-style: Medium;
    font-size: 58px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #F5F2F2;
}

.hykr-builder_role {
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #959595;
}

.hykr-builder_pills {
    margin:40px 0px;
}

.hykr-pill-wrapper { display: flex; gap: 20px; flex-wrap: wrap; row-gap: 30px; max-width: 315px; }

.hykr-builder_pill {
    display: inline-block;
    border: 1px solid #3A3A3A;
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #959595;
    padding: 10px;
    margin-bottom: 10px;
}

.hykr-builder .hykr-builder_pill_desc{
    font-family: Stack Sans Text;
    font-weight: 250;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #ffffff;
}

.hykr-builder_pill_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hykr-builder_pill_item .hykr-builder_pill {
    margin-bottom: 10px;
}

.hykr-builder-content-wrapper{
    display: flex;
}
.builder-content-left{
    width: 50%;
}

.builder-content-right{
    width: 50%;
}

.hykr-builder_quote {
    margin-top: 0;
}

.hykr-quote-white {
    color: #f3f3f3;
}

.hykr-quote-gray {
    color: #cfd7da;
}

.hykr-builder_quote_mark {
    color: #f3f3f3;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 64px;
    line-height: 1;
    margin-bottom: 10px;
}

img.hykr-builder_quote_mark {
    margin-bottom: 0;
}

.hykr-builder_right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hykr-builder_portrait {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    filter: saturate(0.95) contrast(1.05);
    position: relative;
    z-index: 2;
}

.hykr-builder_built_by {
    position: static;
    z-index: 2;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 600;
    font-size: 78px;
    line-height: 0.92;
    text-align: center;
    margin-left: 55px;
    margin-top: 14px;
}

.hykr-builder_built_by_pre,
.hykr-builder_built_by_highlight {
    display: block;
}

.hykr-builder_built_by_pre {
    font-family: Stack Sans Headline;
    font-weight: 200;
    font-size: 80px;
    line-height: 1.2;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #F5F2F2;
}

.hykr-builder_built_by_highlight {
    font-family: Stack Sans Headline;
    font-weight: 700;
    font-size: 80px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
    background: radial-gradient(50% 50% at 50% 30%, #FF481C 19.71%, #EA9738 70.67%);
    background-clip: text;
    color: transparent;
}

.hykr-builder_quote_mark{
    padding-bottom: 15px;
}
.hykr-quote-img{
    padding-top: 20px;
}


@media (max-width: 991px) {

    .hykr-builder_left {
        padding-right: 0;
        min-height: auto;
    }

    .hykr-builder_name {
        font-size: 34px;
    }

    .hykr-builder_quote_text {
        font-size: 16px;
    }

    .hykr-builder_built_by {
        font-size: 56px;
    }
}

/* New layout for Founder Quote section */
.hykr-builder_top {
    align-items: stretch;
}

.hykr-builder_col-info {
    padding-top: 18px;
}

.hykr-builder_col-portrait {
    position: relative;
    display: flex;
    align-items: center;
}

.hykr-builder_col-built {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-left: 18px;
}

.hykr-builder_quote_row {
    margin-top: 34px;
}

.hykr-builder_quote_row {
    margin-top: 0px;
}

.hykr-builder-quote-gray{
    font-family: Stack Sans Headline;
    font-weight: 300;
    font-size: 32px;
    line-height: 1.3;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #9C9C9C;
}

.builder-quote-wrapper{
    padding-left: 80px;
}

.hykr-builder-quote-white{
    font-family: Stack Sans Headline;
    font-weight: 300;
    font-size: 32px;
    line-height: 1.3;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #F5F2F2;
}
.hykr-problem {
    position: relative;
    background-color: #010000;
    display: block;
	margin-top: -220px;
}

.hykr-image-blur-section { background-color: #010000; padding: 0 0 600px; margin-top: -200px; }

.hykr-image-blur-section.hykr-section:before {
    content: '';
    background-image: url(assets/images/first-fold-blur.png);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    background-position: center;
    background-size: 100% 100%;
}

.hykr-image-blur-section img{
    width: 100%;
}

/* .hykr-problem::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('assets/images/intr-bg.png');
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
    top: -600px;
} */

.hykr-problem-has-bg {
    background: #000;
}

.hykr-problem_heading {
    text-align: left;
}

.hykr-problem_tag {
    color: #9da4a7;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.hykr-problem_row-heading {
    margin-bottom: 56px;
}

.hykr-problem_title {
    font-family: Stack Sans Headline;
    font-weight: 300;
    font-style: Light;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #F5F2F2;

}

.hykr-problem_highlight {
    display: inline;
    font-family: Stack Sans Headline;
    background: conic-gradient(from 90deg at 50% 50%, #FEB159 -197.31deg, #FF4211 95.19deg, #FEB159 162.69deg, #FF4211 455.19deg);
    background-clip: text;
    font-weight: 600;
    color: transparent;
}

.hykr-problem_cards {
    margin: 0;
}

.hykr-problem_card {
    position: relative;
}

.hykr-problem_card:nth-child(2)::before {
    position: absolute;
    width: 10px;
    height: 100%;
    content: "";
    left: -60px;
    background: url(assets/images/line-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.hykr-problem_card:nth-child(3)::before {
    position: absolute;
    width: 10px;
    height: 100%;
    content: "";
    left: -60px;
    background: url(assets/images/line-icon1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.hykr-problem_card_title {
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #F5F2F2;
    max-width:242px;
}

.hykr-problem_card_body{
    padding-top: 50px;
    max-width:242px;
}

.hykr-problem_card_body p{
    font-family: Stack Sans Text;
    font-weight: 250;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #B2B2B2;
}

/* ------------------------------------------------------------
 * Difference cards section
 * ------------------------------------------------------------ */
 .hykr-section-bg-diff {
    opacity: 1;
    background-position: center;
}

.hykr-diff { position: relative; background-color: #010000; background-repeat: no-repeat; background-image: url(https://hykr.studio/wp-content/uploads/2026/04/challenge-section-bg.png); background-size: 100% 100%; padding: 300px 0; }

.hykr-diff_tag {
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #939393;    
    text-align: center;
    margin-bottom: 40px;
}

.hykr-diff-card-section{
    display: flex;
    gap: 30px;
}

.hykr-diff-card-one{
    width: 50%;
    border: 2px solid #037E8C;
    padding: 40px;
    border-radius: 10px;
}

.hykr-diff-card-two{
    width: 50%;
    border: 2px solid #023036;
    background: #023036;
    padding: 40px;
    border-radius: 10px;
}

.hykr-diff_title{
    margin-bottom: 30px;
}
h2.hykr-diff_title p {margin:0;}

.hykr-diff_title_highlight {
    font-family: Stack Sans Headline;
    font-weight: 600;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -2%;
    text-align: center;
    vertical-align: middle;
    background: linear-gradient(90deg, #FF4D1F 0%, #FEB159 100%);
    background-clip: text;
    color: transparent;
}

.hykr-diff_cards {
    margin-top: 60px;
    align-items: stretch;
}

.hykr-diff_card {
    height: 100%;
    padding: 40px 32px;
    border: 1px solid rgba(12, 176, 192, 0.55);
    background: rgba(0, 0, 0, 0.22);
}

.hykr-diff_card_title {
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.hykr-diff_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hykr-diff_list li {
    position: relative;
    padding: 15px 0px;
    font-family: Stack Sans Text;
    font-weight: 250;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #B2B2B2;
    
}
.hykr-diff-card-one .hykr-diff_list li{
    border-bottom: 1px solid #037E8C;
}
.hykr-diff-card-two .hykr-diff_list li{
    border-bottom: 1px solid #FFA53F;
}

.hykr-diff_list li {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.hykr-diff-card-one .hykr-diff_list li::before {
    content: "";
    width: 8px;
    height: 8px;
    background-image: url('assets/images/blue-pointer.png');
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    padding-bottom: 15px;
}

.hykr-diff-card-two .hykr-diff_list li::before {
    content: "";
    width:  8px;
    height: 8px;
    background-image: url('assets/images/yellow-pointer.png');
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    padding-bottom: 15px;
}

.hykr-diff_card-hykr .hykr-diff_list li::before {
    border-left-color: #ff7f3b;
}

@media (max-width: 991px) {
    .hykr-diff_cards {
        margin-top: 32px;
    }

    .hykr-diff_card {
        padding: 28px 20px;
    }
}

/* ------------------------------------------------------------
 * Build challenge (prize podium) section
 * ------------------------------------------------------------ */
 .hykr-section-bg-challenge {
    opacity: 0.55;
    background-position: center;
}

.hykr-challenge {
    position: relative;
    overflow: hidden;
    background: #000000;
    display: none;
}

.hykr-challenge.hykr-challenge-has-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.88) 100%);
}

.hykr-challenge_container {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 80px 5vw 96px;
}

.hykr-challenge_heading {
    margin: 0;
    text-align: center;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
}

.hykr-challenge_heading_line1 {
    font-family: Stack Sans Headline;
    font-weight: 300;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    vertical-align: middle;
    color: #B2B2B2;
}

.hykr-challenge_heading_line2 {
    font-family: Stack Sans Headline;
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}

.hykr-challenge_description {
    font-family: Stack Sans Headline;
    font-weight: 200;
    font-size: 40px;
    line-height: 130%;
    letter-spacing: -2%;
    text-align: center;
    vertical-align: middle;
    color: #B2B2B2;
    padding-top: 60px;
}

.hykr-challenge_description p {
    margin: 0;
}

.hykr-challenge_podium {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: clamp(14px, 3vw, 28px);
    padding-top: 80px;
    flex-wrap: wrap;
}

.hykr-challenge_card {
    flex: 1 1 200px;
    max-width: 280px;
    min-width: min(100%, 200px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    background: linear-gradient(135.83deg, #012024 3.27%, #025E69 96.73%);
}

.hykr-challenge_card-first {
    min-height: 250px;
    padding: 80px 30px;
}

.hykr-challenge_card-second {
    min-height: 200px;
    padding: 60px 30px;
}

.hykr-challenge_card-third {
    min-height: 150px;
    padding: 40px 30px;
}

.hykr-challenge_prize_label {
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 19.44px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #FFA53F;
}

.hykr-challenge_prize_amount {
    font-family: Stack Sans Headline;
    font-weight: 600;
    font-size: 80px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #FEB159;
}

@media (max-width: 767px) {
    .hykr-challenge_container {
        padding-top: 64px;
        padding-bottom: 72px;
    }

    .hykr-challenge_podium {
        flex-direction: column;
        align-items: stretch;
        margin-top: 40px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .hykr-challenge_card {
        max-width: none;
        min-height: auto;
        min-width: 0;
    }

    .hykr-challenge_card-first {
        order: 1;
    }

    .hykr-challenge_card-second {
        order: 2;
    }

    .hykr-challenge_card-third {
        order: 3;
    }
}

/* ------------------------------------------------------------
 * What builders get (features hub)
 * ------------------------------------------------------------ */
 .hykr-features{
    background-color: #010000;
	 padding:80px 0;
}

.hykr-features_layout{
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 100px;
}
.hykr-features_col.hykr-left{
    width: 40%;
    text-align: right;
}
.hykr-features_col.hykr-right{
    width: 40%;
    text-align: left;
}
.hykr-feature-centre-col{
    width: 15%;
}
.hykr-features_center{
    text-align: center;
}
.hykr-features_center img{
    width: 669px;
}
.hykr-features_block.first-left-blk{
    display: flex;
    justify-content: end;
    padding-right: 40px;
    padding-bottom: 80px;
}
.hykr-features_block.first-right-blk{
    padding-bottom: 80px;
}



.hykr-features_block_title {
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 27px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.hykr-features_block_text{
    font-family: Stack Sans Text;
    font-weight: 250;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #B2B2B2;
}

.hykr-features_tag{    
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -2%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #939393;
}

.hykr-features_grad{
    font-family: Stack Sans Headline;
    font-weight: 600;
    font-size: 62px;
    line-height: 1.2;
    background: radial-gradient(50% 50% at 50% 80%, #FF4D1F 29.81%, #FEB159 100%);
    background-clip: text;
    color: transparent;
    display: block;
}

.hykr-features_title_line2{
    color: #EEEEEE;
    font-family: Stack Sans Headline;
    font-weight: 600;
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: -2%;
    vertical-align: middle;
}

.first-left-blk, .second-left-blk, .first-right-blk, .second-right-blk{
    position: relative;
}
.first-left-blk::after {
    content: "";
    position: absolute;
    right: -75px;
    top: 30px;
    width: 130px;
    height: 550px;
    background: url('assets/images/Vector-33-1.png') no-repeat;
    background-size: contain;
    transform: scaleX(-1);
}
.first-left-blk::before {
    content: "";
    position: absolute;
    right: 26px;
    top: 25px;
    width: 10px;
    height: 10px;
    background: url('assets/images/rectangle.png') no-repeat;
    background-size: contain;
}
.hykr-features-text-wrap{
    width: 310px;
}
.hykr-features_block.first-right-blk .hykr-features-text-wrap{
    padding-left: 30px;
}

.second-left-blk::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 30px;
    width: 130px;
    height: 295px;
    background: url('assets/images/Vector-33-1.png') no-repeat;
    background-size: contain;
    transform: scaleX(-1);
}
.second-left-blk::before {
    content: "";
    position: absolute;
    right: 70px;
    top: 25px;
    width: 10px;
    height: 10px;
    background: url('assets/images/rectangle.png') no-repeat;
    background-size: contain;
}

.first-right-blk::after {
    content: "";
    position: absolute;
    left: -100px;
    top: 30px;
    width: 130px;
    height: 550px;
    background: url('assets/images/Vector-33-1.png') no-repeat;
    background-size: contain;
}
.first-right-blk::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 25px;
    width: 10px;
    height: 10px;
    background: url('assets/images/rectangle.png') no-repeat;
    background-size: contain;
}
.hykr-features_block.first-left-blk .hykr-features-text-wrap{
    padding-right: 30px;
}


.second-right-blk::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 30px;
    width: 130px;
    height: 260px;
    background: url('assets/images/Vector-33-1.png') no-repeat;
    background-size: contain;
}
.second-right-blk::before {
    content: "";
    position: absolute;
    left: 50px;
    top: 25px;
    width: 10px;
    height: 10px;
    background: url('assets/images/rectangle.png') no-repeat;
    background-size: contain;
}
.hykr-features_block.second-right-blk {
    padding-left: 80px;
}





/* SECTION BASE */
/* ===================================== */
/* MAIN LAYOUT FIX (CRITICAL) */
/* ===================================== */

/*

.hykr-features_layout {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    height: 620px; /* controls full design */
/* } */

/* REMOVE COLUMN BEHAVIOR */
/* .hykr-features_col {
    width: auto;
}  */

/* ===================================== */
/* CENTER RING */
/* ===================================== */

/* .hykr-features_center {
   position: absolute;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 574px;
    z-index: 2;
}

.hykr-features_center img {
    width: 100%;
    display: block;
} */

/* ===================================== */
/* BLOCK BASE */
/* ===================================== */

/* .hykr-features_block {
    position: absolute;
    width: 260px;
} */

/* ------------------------------------------------------------
 * Build loop animated section (premium dark / timeline UI)
 * ------------------------------------------------------------ */
/* .hykr-build-loop {
    position: relative;
    background: #030208;
    overflow: hidden;
}

.hykr-build-loop::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 70% 55% at 28% 44%, rgba(0, 90, 140, 0.16) 0%, transparent 52%),
        radial-gradient(ellipse 45% 40% at 32% 50%, rgba(0, 212, 255, 0.07) 0%, transparent 48%);
    pointer-events: none;
    z-index: 0;
}

.hykr-build-loop_container {
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0 auto;
    padding: 96px 5vw 118px;
}

.hykr-build-loop_stage {
    position: relative;
    min-height: 880px;
    padding-bottom: 48px;
}

.hykr-build-loop_title {
    position: absolute;
    top: 40px;
    left: 0;
    transform: none;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 62px;
    line-height: 1.06;
    font-weight: 700;
    color: #ffffff;
    text-align: left;
    max-width: min(560px, 90vw);
    z-index: 4;
}

.hykr-build-loop_title strong {
    color: #ffffff;
    font-weight: 700;
}

.hykr-build-loop_orbit {
    position: absolute;
    width: 500px;
    height: 500px;
    left: 26%;
    top: 300px;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 1;
    border: 1px solid rgba(0, 212, 255, 0.45);
    background: transparent;
    box-shadow:
        0 0 0 1px rgba(0, 212, 255, 0.08),
        0 0 32px rgba(0, 212, 255, 0.28),
        0 0 80px rgba(0, 180, 255, 0.14),
        inset 0 0 28px rgba(0, 212, 255, 0.06);
}

.hykr-build-loop_orbit::before {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: conic-gradient(
        from 200deg,
        rgba(0, 212, 255, 0.55) 0deg,
        rgba(0, 140, 220, 0.15) 90deg,
        rgba(0, 212, 255, 0.35) 180deg,
        rgba(0, 100, 200, 0.12) 270deg,
        rgba(0, 212, 255, 0.5) 360deg
    );
    opacity: 0.35;
    z-index: -1;
    filter: blur(2px);
    pointer-events: none;
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));
}

.hykr-build-loop_dot {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #00b8e8;
    transform-origin: center center;
}

.hykr-build-loop_dot-cycle {
    opacity: 0.38;
    transform: scale(0.72);
    filter: blur(1px);
    box-shadow:
        0 0 0 2px rgba(0, 212, 255, 0.12),
        0 0 10px rgba(0, 212, 255, 0.15);
}

.hykr-build-loop_dot-1 {
    top: calc(50% - 6px);
    right: -6px;
}

.hykr-build-loop_dot-2 {
    top: 64%;
    right: 5%;
}

.hykr-build-loop_dot-3 {
    bottom: 7%;
    left: calc(50% - 6px);
}

.hykr-build-loop_dot-4 {
    bottom: 22%;
    right: 10%;
}

.hykr-build-loop_cube-wrap {
    position: absolute;
    width: 260px;
    height: 260px;
    left: 26%;
    top: 420px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    animation: hykr-build-loop-cube-float 5.2s ease-in-out infinite;
}

.hykr-build-loop_cube-wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 55%;
    width: 140%;
    height: 90%;
    transform: translate(-50%, -50%);
    background: radial-gradient(ellipse at center, rgba(0, 212, 255, 0.22) 0%, rgba(0, 100, 180, 0.08) 40%, transparent 72%);
    pointer-events: none;
    z-index: -1;
    filter: blur(8px);
}

.hykr-build-loop_cube-wrap::after {
    content: "";
    position: absolute;
    inset: -8%;
    border-radius: 24%;
    background: radial-gradient(circle at 50% 40%, rgba(0, 212, 255, 0.18) 0%, transparent 62%);
    pointer-events: none;
    z-index: -1;
    opacity: 0.85;
} */

@keyframes hykr-build-loop-cube-float {
    0%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-50%) translateY(-10px);
    }
}

/* .hykr-build-loop_cube {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 260px;
    height: auto;
    display: block;
    filter: saturate(1.08) contrast(1.06) drop-shadow(0 12px 28px rgba(0, 0, 0, 0.45));
}

.hykr-build-loop_cube-frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
}

.hykr-build-loop_cube-wrap > img.hykr-build-loop_cube:not(.hykr-build-loop_cube-frame) {
    opacity: 0;
}

.hykr-build-loop_node {
    position: absolute;
    width: min(320px, 36vw);
    color: #f3f3f3;
    opacity: 0.38;
    filter: blur(1.25px);
    transform: scale(0.98);
    transform-origin: center top;
    z-index: 2;
    text-align: left;
    isolation: isolate;
    box-sizing: border-box;
}

.hykr-build-loop_node-right-stack-1 {
    top: 220px;
    right: 2.5%;
}

.hykr-build-loop_node-right-stack-2 {
    top: 372px;
    right: 5.25%;
}

.hykr-build-loop_node-right-stack-3 {
    top: 524px;
    right: 8.25%;
}

.hykr-build-loop_node-right-stack-4 {
    top: 676px;
    right: 11.5%;
}

.hykr-build-loop_node-title {
    margin: 0 0 10px;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: clamp(26px, 2.4vw, 32px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffffff;
}

.hykr-build-loop_node-badge {
    display: inline-block;
    margin-bottom: 12px;
    border: 1px solid rgba(0, 212, 255, 0.55);
    border-radius: 2px;
    padding: 6px 10px;
    font-family: "IBM Plex Mono", ui-monospace, monospace;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #5ee0ff;
}

.hykr-build-loop_node-desc {
    margin: 0;
    font-family: "Stack Sans Text", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #c4c9cf;
} */

/* @media (max-width: 991px) {
    .hykr-build-loop_stage {
        min-height: 920px;
        padding-bottom: 40px;
    }

    .hykr-build-loop_orbit {
        width: 400px;
        height: 400px;
        left: 30%;
        top: 280px;
    }

    .hykr-build-loop_cube-wrap {
        left: 30%;
        top: 400px;
        width: 210px;
        height: 210px;
    }

    .hykr-build-loop_title {
        font-size: 48px;
        max-width: 480px;
    }

    .hykr-build-loop_node-right-stack-1 { top: 228px; right: 1%; }
    .hykr-build-loop_node-right-stack-2 { top: 368px; right: 3.5%; }
    .hykr-build-loop_node-right-stack-3 { top: 508px; right: 6.5%; }
    .hykr-build-loop_node-right-stack-4 { top: 648px; right: 90.5%; }

    .hykr-build-loop_node {
        width: min(280px, 42vw);
    }
} */

/* CONNECTOR LINE IMAGES */
/* ===================================== */

/* LEFT TOP */
.block-tl::after {
    content: "";
    position: absolute;
    right: -170px;
    top: 10px;
    width: 150px;
    height: 120px;
    background: url('assets/images/Vector-32.png') no-repeat;
    background-size: contain;
}

/* LEFT BOTTOM */
.block-bl::after {
    content: "";
    position: absolute;
    right: -170px;
    top: 10px;
    width: 150px;
    height: 160px;
    background: url('assets/images/Vector-33-1.png') no-repeat;
    background-size: contain;
}

/* RIGHT TOP */
.block-tr::after {
    content: "";
    position: absolute;
    left: -170px;
    top: 10px;
    width: 150px;
    height: 120px;
    background: url('assets/images/Vector-34.png') no-repeat;
    background-size: contain;
}

/* RIGHT BOTTOM */
.block-br::after {
    content: "";
    position: absolute;
    left: -170px;
    top: 10px;
    width: 150px;
    height: 160px;
    background: url('assets/images/Vector-35.png') no-repeat;
    background-size: contain;
}



/* ------------------------------------------------------------
 * Closing CTA (full-bleed headline)
 * ------------------------------------------------------------ */
 .hykr-section-bg-cta {
    opacity: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hykr-cta {
    position: relative;
    min-height: 78vh;
    display: flex;
    padding-top: 100px;
    background: url('assets/images/sunset-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
    height: 1074px;
}

.hykr-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('assets/images/sunset-top-grad.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.hykr-cta::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('assets/images/sun-botton-grad.png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: -125px;
}

.hykr-cta_inner {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    text-align: center;
}

.hykr-cta_heading {
    margin: 0;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    text-align: center;
}

.hykr-cta_line1 {
    font-family: Stack Sans Headline;
    font-weight: 300;
    font-size: 64px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    text-align: center;
    vertical-align: middle;
    color: #F5F2F2;
}

.hykr-cta_highlight {
    font-family: Stack Sans Headline;
    font-weight: 600;
    font-size: 90px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    text-align: center;
    vertical-align: middle;
    background: radial-gradient(50% 50% at 50% 30%, #FF4D1F 25.48%, #FEB159 80.77%);
    background-clip: text;
    color: transparent;
}

.hero_layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 64px;
}

.hero_left {
    flex: 1;
    min-width: 280px;
}

.hero_right {
    width: min(100%, 450px);
}

.hero_tag {
    margin-bottom: 18px;
    color: #9da4a7;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.hero.hykr-hero-has-bg .hero_tag {
    margin-bottom: 26px;
}

.hero_side_title h2{
    color: #efefef;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height:120%;
    letter-spacing: 0;
}

.hero_side_label {
    color: #939393;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.hero_side_highlight {
    display: inline;
    font-family: Stack Sans Headline;
    background: radial-gradient(100.87% 4085.56% at 95.23% -73.12%, #FF4D1F 19.39%, #FFA53F 62.02%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    background-clip: text;
    font-weight: 600;
    color: transparent;
}

.hykr-intro-layout {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.intro_description {
    margin-top: 18px;
    color: #cfd7da;
    font-size: 18px;
    line-height: 1.6;
    max-width: 64ch;
}

.hykr-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
    margin-top: 18px;
}

.hykr-stat_value {
    color: #f3f3f3;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.1;
}

.hykr-stat_label {
    margin-top: 10px;
    color: #9da4a7;
    font-family: "Stack Sans Headline", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .hero_layout {
        flex-direction: column;
        align-items: flex-start;
        gap: 26px;
    }

    .hero_right {
        width: 100%;
        padding-top: 0;
    }

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

    .hykr-problem_cards {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .hykr-problem_heading {
        margin-bottom: 36px;
    }
}



@media (max-width: 767px) {
    .hykr-site-header::before { background-image: url(assets/images/mb-menu-bg.png); background-position: center 40px; }
    .home section.hero.hykr-section { padding: 50px 0 0; }
    .home section.hero.hykr-section h1.hero_title{max-width: 299px;}
    .home section.hero.hykr-section .hykr-description { max-width: 210px; }
    .hero::after{
        background-image: url('assets/images/hero-banner-mb.png');
        background-size: 100% auto;
        right: 0;
        width: 100%;
        height: auto;
        transform: translateY(0%) rotate(0deg);
        opacity: 1;
    }
    .hero_title{
        max-width: 276px;
        font-size: 38px;
        padding-bottom: 10px;
    }

    .hykr-description{
        font-size: 12px;
    }
    .hykr-border-btn{
        font-size: 10px;
    }
    .hykr-intro-section{
        top: 120px;
        padding-top: 0px;
    }
    .hero_side_title h2{
        font-size: 38px;
    }
    .hykr-intro-section p{
        font-size: 10px;
    }

    .hykr-sec-fold-sec{display: none;}
    .hykr-problem::before{
        content: "";
        background-image: url(assets/images/blur-prblm-bg.png);
        inset: 0;
        background-position: top;
        transform: translateY(-80%) rotate(0deg);
        background-size: cover;
        position: absolute;
        z-index: 1;

    }

    .hykr-problem{margin-top: -5px; z-index: 1;}
    .gray-content-text{font-size: 14px;}
    .hykr-problem_tag{margin-bottom: 8px;}
    .gray-content-text{margin: 0;font-size: 14px;}
    .hykr-problem_title{line-height: 1.3;}
    .hykr-problem_title{font-size: 24px;}
    .hykr-problem_highlight{font-size: 32px;}
    .hykr-problem_row-heading{margin: 0;}
    .hykr-problem_heading{margin-bottom: 40px;}
    .hykr-problem_tag{margin-bottom: 8px;}
    .gray-content-text{margin: 0;}
    .hykr-problem_title{line-height: 1.3;}
    .hykr-problem_cards{position: relative;}
    .hykr-problem_cards::before {position: absolute; content: "";
        top: 5px; border-left: 1px solid #009DAFCC;width: 1px;height: 236px;}
        .hykr-problem_card{padding: 0 0 0 20px;}
        .hykr-problem_card_title{font-size: 14px;}
        .hykr-problem_card_body{padding-top: 20px;}
        .hykr-problem_card_body p{font-size: 12px;}
        .hykr-problem_card:nth-child(1)::before, .hykr-problem_card:nth-child(2)::before, .hykr-problem_card:nth-child(3)::before{position: absolute;
            content: "";
            top: 3px;
            left: -3px;
            background: url(assets/images/rectangle.png);
            width: 6px;
            height: 6px;}
            .hykr-problem_card:nth-child(2), .hykr-problem_card:nth-child(3){border: unset;}
            .hykr-gray-content-text, .hykr-build-loop_small{ font-size: 14px;}
            .hykr-white-title-text, .hykr-white-title-text strong{font-size: 29px !important;}
            .hykr-founder-content-wrapper{width: 100%;}
            .hykr-founder_stats{margin: 0;}
            .hykr-founder_stat{    margin-bottom: 60px;}
            .hykr-founder_stat_value{font-size: 40px;margin-bottom: 6px;}
            .hykr-founder_stat_label{    font-size: 9px;}
            .hykr-builder_pill_item .hykr-builder_pill{    color: #fff;
                font-size: 11px;}
                .hykr-builder .hykr-builder_pill_desc{ font-size: 11px; color: #959595;}
                .hykr-builder{background-size: 100% auto;background-position: inherit;    background-repeat: no-repeat;}
                .hykr-builder::before{background-image: unset;}
                .hykr-builder {
                    position: relative;
                    min-height: 100vh;
                    display: flex;
                    align-items: center;
                    background-color: #010000;
                    background-image: url(assets/images/ceo-mb.png);
                    background-size: 100%;
                    background-position: center;
                    background-repeat: no-repeat;
                    opacity: 1;
                    z-index: 1; 
                    margin-top: -5px;
                }
                img.hykr-builder_quote_mark{width: 20px;}
                .hykr-diff::before{
                    background-image: url(assets/images/blue-bg-blur.png);
                    background-size: 100% auto;
                    top: -150px;
                }
                .hykr-diff::after{
                    background-image: url(assets/images/red-bg-blur.png);
                    transform: translateY(35%);
                }
                .hykr-diff_card_title{font-size: 19px;}
                .hykr-diff_list li{font-size: 12px;}
                .hykr-diff-card-one .hykr-diff_list li::before{padding-bottom: 11px;}
                .builder-content-right{    width: 100%;}
                .hykr-builder_built_by{    text-align: left;
                    display: flex;}
                    .hykr-builder_built_by_pre{font-size: 32px;}
                    .hykr-builder_built_by_highlight{font-size: 32px;margin-left: 8px;}
                    .builder-quote-wrapper{padding-left: 54px;}
                    .hykr-builder-content-wrapper{flex-direction: column;}
                    .builder-content-left{width: 100%;}
                    .builder-empty-space{display: none;}
                    .hykr-builder-quote-gray, .hykr-builder-quote-white{font-size: 16px;}
                    .hykr-diff_title_highlight{font-size: 32px;}
                    .hykr-diff-card-section{display: flex; flex-direction: column;}
                    .hykr-diff-card-one, .hykr-diff-card-two{width: 100%;}
                    .hykr-cta_line1{font-size: 24px;}
                    .hykr-cta_highlight {font-size: 32px;}
                    .hykr-entry_points_cards{display: flex; flex-direction: column;}
                    .hykr-cta{height: 700px;}
                    .hykr-footer_inner{margin-top: -165px;}
                    .hykr-site-footer{background-color: #010000;}
                    .hykr-features_tag {
                        font-size: 10px;
                    }
                    .hykr-features_grad{font-size: 32px;}
                    .hykr-features_title_line2{font-size: 24px;}
                    .hykr-features_block_title{font-size: 14px; margin-bottom: 10px;}
                    .hykr-features_block_text{font-size: 11px;}

                    .hykr-image-blur-section {
                        margin-top: 0px;
                        padding: 0 0 300px;
                    }
    /* .hykr-invest_card_img_wrap::after{
        background: none;
    }
    .hykr-invest_card_body{
        top: 50px;
    } */
    .hykr-founder{margin-top: -5px; }
    .hykr-footer_tagline{display: none;}
    .hykr-footer_bottom {
        align-items: center;
    }

    .hykr-features_center img{
        width: 100%;
    }
    .hykr-features_layout{
        gap: 0;
    }
    .hykr-features-text-wrap{
        width: 100%;
    }
    .hykr-features_block.first-left-blk .hykr-features-text-wrap{
        padding-right: 0px;
    }
    .hykr-features_block.second-right-blk{
        padding-left: 40px;
    }

    .first-left-blk::after {
        content: "";
        position: absolute;
        right: -75px;
        top: 30px;
        width: 130px;
        height: 450px;
        background: url('assets/images/mb-two-arrow.png') no-repeat;
        background-size: contain;
    }

    .first-left-blk::before {
        background: unset;
    }

    .second-left-blk::after {
        background: unset;
    }
    .second-left-blk::before {
        background: unset;
    }

    .first-right-blk::after {
        content: "";
        position: absolute;
        left: -100px;
        top: 30px;
        width: 130px;
        height: 450px;
        background: url('assets/images/mb-two-arrow.png') no-repeat;
        background-size: contain;
    }
    .first-right-blk::before {
        background: unset;
    }

    .second-right-blk::after {
        background: unset;
    }
    .second-right-blk::before {
        background: unset;
    }

    .hykr-features_block.second-left-blk .hykr-features-text-wrap{
        padding-right: 55px;
    }
    .hykr-features_block.first-right-blk .hykr-features-text-wrap{
        padding-left: 30px;
    }
    .hykr-features{
        margin-top: -5px;
    }

    .hykr-entry_points{
        z-index: 3;
        margin-top: -5px;
    }

}
/* TOGGLE */
.hykr-entry_points_toggle {
    display: none;
}

.hykr-toggle-pill {
    display: inline-flex;
    background: #1a1a1a;
    padding: 4px;
    border-radius: 999px;
}

.hykr-toggle-btn {
    padding: 8px 14px;
    border: none;
    background: transparent;
    color: #888;
    font-size: 12px;
    border-radius: 999px;
    cursor: pointer;
}

.hykr-toggle-btn.active {
    background: linear-gradient(90deg, #00c2c7, #004f52);
    color: #fff;
}

/* MOBILE */
@media (max-width: 767px) {

    .hykr-entry_points_toggle {
        display: block;
        margin-top: 20px;
    }

    .hykr-entry_points_cards {
        display: block;
        padding-top: 20px;
    }

    .hykr-tab-content {
        display: none;
    }

    .hykr-tab-content.active {
        display: block;
    }
    .hykr-card-arrow {
        visibility: visible !important;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 42px;
        height: 42px;
        border: 1px solid #00c2c7;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #00c2c7;
        background: #000;
        cursor: pointer;
    }
}

/* ARROW */
.hykr-card-arrow {
    visibility: hidden;
}


/* MOBILE SLIDER */
@media (max-width: 768px) {

    .hykr-invest_cards {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding: 20px 0;
        -webkit-overflow-scrolling: touch;
    }

    .hykr-invest_cards::-webkit-scrollbar {
        display: none;
    }

    .hykr-invest_card {
        flex: 0 0 80%;
        scroll-snap-align: center;
        border-radius: 20px;
        overflow: hidden;
        position: relative;
    }

    /* IMAGE */
    .hykr-invest_card_img_wrap {
        height: 220px;
        overflow: hidden;
    }

    .hykr-invest_card_img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* GRADIENT OVERLAY */
    .hykr-invest_card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0,0,0,0) 40%, #022023 100%);
        z-index: 1;
    }

    /* CONTENT */
    .hykr-invest_card_body {
        position: absolute;
        bottom: 0;
        z-index: 2;
        padding: 20px;
        width: 100%;
    }

    .hykr-invest_card_btn {
        display: inline-block;
        border: 1px solid #FFA53F;
        color: #FFA53F;
        padding: 6px 10px;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .hykr-invest_list {
        color: #cfcfcf;
        font-size: 14px;
        padding-left: 16px;
    }

    .hykr-invest_list li {
        margin-bottom: 6px;
    }
}