/* VARIABLES & RESET */

:root {

    --bg-dark: #052e16;

    --primary-green: #16a34a;

    --light-green: #86efac;

    --off-white: #f0fdf4;

    --cyan-glow: #00ffff;

    --cyan-glow-hover: #00cccc;

    --transition-speed: 0.3s;

}



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



html {

    scroll-behavior: smooth;

    font-size: 16px;

}



body.RidekikaHub_BodyMainContainer {

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    background-color: var(--bg-dark);

    color: var(--off-white);

    line-height: 1.6;

    overflow-x: hidden;

}



img {

    max-width: 100%;

    height: auto;

    display: block;

}



/* HEADER & NAV */

.RidekikaHub_HeaderWrapperSection {

    background: rgba(5, 46, 22, 0.95);

    padding: 1.5rem 2rem;

    position: sticky;

    top: 0;

    z-index: 1000;

    border-bottom: 1px solid rgba(134, 239, 172, 0.2);

}



.RidekikaHub_HeaderInnerContainer {

    max-width: 1200px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.RidekikaHub_LogoTextElement {

    font-size: 1.8rem;

    font-weight: 800;

    color: var(--light-green);

    letter-spacing: -1px;

    text-transform: uppercase;

}



.RidekikaHub_NavigationMainList {

    display: flex;

    gap: 2rem;

}



.RidekikaHub_NavLinkItem {

    text-decoration: none;

    color: var(--off-white);

    font-weight: 500;

    transition: color var(--transition-speed);

    font-size: 0.95rem;

}



.RidekikaHub_NavLinkItem:hover {

    color: var(--cyan-glow);

}



/* BURGER MENU (No JS) */

.RidekikaHub_MenuTriggerCheckbox {

    display: none;

}



.RidekikaHub_BurgerButtonIcon {

    display: none;

    cursor: pointer;

    flex-direction: column;

    gap: 5px;

}



.RidekikaHub_BurgerButtonIcon span {

    width: 25px;

    height: 3px;

    background-color: var(--light-green);

    border-radius: 2px;

}



/* PATTERN STRIP */

.RidekikaHub_PatternDividerStrip {

    height: 20px;

    width: 100%;

    background-image: radial-gradient(var(--primary-green) 1px, transparent 1px);

    background-size: 10px 10px;

    opacity: 0.3;

}



/* MAIN CONTENT */

.RidekikaHub_MainContentArea {

    width: 100%;

}



/* HERO SECTION */

.RidekikaHub_HeroSectionBlock {

    padding: 6rem 2rem;

    max-width: 1200px;

    margin: 0 auto;

}



.RidekikaHub_HeroGridWrapper {

    display: flex;

    align-items: center;

    gap: 4rem;

    flex-wrap: wrap;

}



.RidekikaHub_HeroVisualColumn {

    flex: 1;

    min-width: 300px;

}



.RidekikaHub_HeroImageWrapper {

    position: relative;

    border-radius: 20px;

    overflow: hidden;

    box-shadow: 0 20px 40px rgba(0,0,0,0.4);

}



.RidekikaHub_HeroBadgeLabel {

    position: absolute;

    top: 20px;

    left: 20px;

    background: var(--cyan-glow);

    color: var(--bg-dark);

    padding: 0.4rem 1rem;

    border-radius: 50px;

    font-weight: bold;

    font-size: 0.8rem;

    text-transform: uppercase;

}



.RidekikaHub_HeroTextColumn {

    flex: 1.2;

    min-width: 300px;

}



.RidekikaHub_HeroPrimaryHeading {

    font-size: 3.5rem;

    line-height: 1.1;

    margin-bottom: 1.5rem;

    color: var(--off-white);

}



.RidekikaHub_HeroIntroParagraph {

    margin-bottom: 1.2rem;

    font-size: 1.1rem;

    color: rgba(240, 253, 244, 0.8);

}



.RidekikaHub_HeroCtaButton {

    display: inline-block;

    background: var(--bg-dark);

    color: var(--cyan-glow);

    border: 2px solid var(--cyan-glow);

    padding: 1rem 2.5rem;

    text-decoration: none;

    font-weight: bold;

    border-radius: 50px;

    margin-top: 1rem;

    transition: all var(--transition-speed);

    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);

}



.RidekikaHub_HeroCtaButton:hover {

    background: var(--cyan-glow);

    color: var(--bg-dark);

    box-shadow: 0 0 30px rgba(0, 255, 255, 0.6);

}



/* INSIGHT SECTIONS */

.RidekikaHub_DetailedInsightSection {

    background-color: rgba(22, 163, 74, 0.05);

    padding: 5rem 2rem;

}



.RidekikaHub_SectionContentContainer {

    max-width: 1000px;

    margin: 0 auto;

}



.RidekikaHub_SectionTitleCenter {

    text-align: center;

    font-size: 2.5rem;

    margin-bottom: 3rem;

    color: var(--light-green);

}



.RidekikaHub_AdviceCardGrid {

    display: flex;

    gap: 1.5rem;

    margin-bottom: 4rem;

    flex-wrap: wrap;

}



.RidekikaHub_AdviceMiniCard {

    flex: 1;

    min-width: 250px;

    background: rgba(255,255,255,0.03);

    padding: 2rem;

    border-radius: 15px;

    border: 1px solid rgba(134, 239, 172, 0.1);

}



.RidekikaHub_CardTitleSmall {

    margin-bottom: 1rem;

    color: var(--cyan-glow);

}



.RidekikaHub_LongTextContent {

    border-top: 1px solid rgba(134, 239, 172, 0.2);

    padding-top: 3rem;

}



.RidekikaHub_SubHeadingText {

    font-size: 1.8rem;

    margin: 2rem 0 1rem;

    color: var(--light-green);

}



.RidekikaHub_ParagraphStandard {

    margin-bottom: 1.5rem;

    color: rgba(240, 253, 244, 0.85);

    font-size: 1.05rem;

}



/* BENEFITS SECTION */

.RidekikaHub_BenefitsOverviewSection {

    padding: 6rem 2rem;

    max-width: 1200px;

    margin: 0 auto;

}



.RidekikaHub_BenefitsGridContent {

    display: flex;

    gap: 4rem;

    align-items: center;

    flex-wrap: wrap;

}



.RidekikaHub_BenefitsTextColumn {

    flex: 1.2;

    min-width: 300px;

}



.RidekikaHub_BenefitsHeading {

    font-size: 2.8rem;

    margin-bottom: 2.5rem;

}



.RidekikaHub_BenefitListItem {

    padding: 1.5rem 0;

    border-bottom: 1px solid rgba(134, 239, 172, 0.2);

}



.RidekikaHub_BenefitListItem:last-child {

    border-bottom: none;

}



.RidekikaHub_BenefitItemTitle {

    color: var(--light-green);

    font-size: 1.2rem;

    margin-bottom: 0.5rem;

}



.RidekikaHub_BenefitItemDesc {

    color: rgba(240, 253, 244, 0.7);

}



.RidekikaHub_BenefitsVisualColumn {

    flex: 0.8;

    min-width: 300px;

}



.RidekikaHub_BenefitsImage {

    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.3);

}



/* QUOTE SECTION */

.RidekikaHub_PractitionerQuoteSection {

    padding: 6rem 2rem;

    background: var(--primary-green);

    color: var(--bg-dark);

}



.RidekikaHub_QuoteContainerBox {

    max-width: 800px;

    margin: 0 auto;

    text-align: center;

}



.RidekikaHub_BlockQuoteElement {

    font-size: 2.2rem;

    font-weight: 700;

    font-style: italic;

    line-height: 1.3;

    margin-bottom: 2rem;

    position: relative;

}



.RidekikaHub_QuoteAuthorName {

    font-size: 1.4rem;

    font-weight: 800;

}



.RidekikaHub_QuoteAuthorRole {

    font-weight: 500;

    text-transform: uppercase;

    font-size: 0.9rem;

    opacity: 0.8;

}



/* FAQ SECTION */

.RidekikaHub_FaqAccordionSection {

    padding: 6rem 2rem;

    max-width: 900px;

    margin: 0 auto;

}



.RidekikaHub_FaqHeadingCenter {

    text-align: center;

    font-size: 2.5rem;

    margin-bottom: 3.5rem;

}



.RidekikaHub_FaqDetailsItem {

    margin-bottom: 1rem;

    background: rgba(22, 163, 74, 0.1);

    border-radius: 10px;

    overflow: hidden;

}



.RidekikaHub_FaqSummaryHeader {

    padding: 1.5rem;

    cursor: pointer;

    font-weight: 600;

    list-style: none;

    position: relative;

    padding-right: 3rem;

    color: var(--light-green);

}



.RidekikaHub_FaqSummaryHeader::-webkit-details-marker {

    display: none;

}



.RidekikaHub_FaqSummaryHeader::after {

    content: '↓';

    position: absolute;

    right: 1.5rem;

    top: 50%;

    transform: translateY(-50%);

    transition: transform 0.3s;

    font-size: 1.2rem;

}



.RidekikaHub_FaqDetailsItem[open] .RidekikaHub_FaqSummaryHeader::after {

    transform: translateY(-50%) rotate(180deg);

}



.RidekikaHub_FaqContentText {

    padding: 0 1.5rem 1.5rem;

    color: rgba(240, 253, 244, 0.8);

}



/* PRICING SECTION */

.RidekikaHub_ServicePricingSection {

    padding: 6rem 2rem;

    background: rgba(0,0,0,0.2);

}



.RidekikaHub_PricingContainerWrap {

    max-width: 1200px;

    margin: 0 auto;

}



.RidekikaHub_PricingTitle {

    text-align: center;

    font-size: 2.5rem;

    margin-bottom: 4rem;

}



.RidekikaHub_PricingCardsGrid {

    display: flex;

    gap: 2rem;

    flex-wrap: wrap;

    justify-content: center;

}



.RidekikaHub_PriceCardItem {

    flex: 1;

    min-width: 300px;

    max-width: 380px;

    background: rgba(255,255,255,0.02);

    border: 1px solid rgba(134, 239, 172, 0.1);

    border-radius: 20px;

    padding: 3rem 2rem;

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

}



.RidekikaHub_PriceCardFeatured {

    border: 2px solid var(--cyan-glow);

    transform: scale(1.05);

    background: rgba(0, 255, 255, 0.03);

}



.RidekikaHub_PriceCardAccent {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 8px;

}



.RidekikaHub_AccentOne { background: var(--primary-green); }

.RidekikaHub_AccentTwo { background: var(--cyan-glow); }

.RidekikaHub_AccentThree { background: var(--light-green); }



.RidekikaHub_PriceTierName {

    font-size: 1.5rem;

    margin-bottom: 1rem;

}



.RidekikaHub_PriceValue {

    font-size: 3rem;

    font-weight: 800;

    margin-bottom: 2rem;

    color: var(--off-white);

}



.RidekikaHub_PriceFeaturesList {

    list-style: none;

    margin-bottom: 2.5rem;

    flex-grow: 1;

}



.RidekikaHub_PriceFeaturesList li {

    margin-bottom: 1rem;

    padding-left: 1.5rem;

    position: relative;

}



.RidekikaHub_PriceFeaturesList li::before {

    content: '✓';

    position: absolute;

    left: 0;

    color: var(--light-green);

}



.RidekikaHub_PriceOrderBtn {

    display: block;

    text-align: center;

    background: transparent;

    border: 1px solid var(--off-white);

    color: var(--off-white);

    padding: 1rem;

    text-decoration: none;

    border-radius: 50px;

    font-weight: bold;

    transition: all 0.3s;

}



.RidekikaHub_PriceCardFeatured .RidekikaHub_PriceOrderBtn {

    background: var(--cyan-glow);

    border-color: var(--cyan-glow);

    color: var(--bg-dark);

}



.RidekikaHub_PriceOrderBtn:hover {

    background: var(--off-white);

    color: var(--bg-dark);

}



/* WHO IT IS FOR */

.RidekikaHub_WhoIsItForSection {

    padding: 6rem 2rem;

    max-width: 1200px;

    margin: 0 auto;

}



.RidekikaHub_WhoHeading {

    text-align: center;

    font-size: 2.5rem;

    margin-bottom: 1rem;

}



.RidekikaHub_WhoIntroSub {

    text-align: center;

    max-width: 700px;

    margin: 0 auto 4rem;

    opacity: 0.7;

}



.RidekikaHub_WhoIconsGrid {

    display: flex;

    gap: 2rem;

    flex-wrap: wrap;

}



.RidekikaHub_WhoGridCard {

    flex: 1;

    min-width: 300px;

    background: rgba(255,255,255,0.03);

    padding: 2.5rem;

    border-radius: 15px;

    text-align: center;

}



.RidekikaHub_WhoIconImg {

    margin: 0 auto 1.5rem;

    border-radius: 50%;

}



.RidekikaHub_WhoCardTitle {

    font-size: 1.3rem;

    font-weight: bold;

    margin-bottom: 1rem;

    color: var(--light-green);

}



.RidekikaHub_WhoCardDesc {

    font-size: 0.95rem;

    color: rgba(240, 253, 244, 0.7);

}



/* FORM SECTION */

.RidekikaHub_FormSubmissionSection {

    padding: 6rem 2rem;

    background: linear-gradient(180deg, var(--bg-dark) 0%, #02140a 100%);

}



.RidekikaHub_FormWrapperInner {

    max-width: 600px;

    margin: 0 auto;

}



.RidekikaHub_FormHeading {

    text-align: center;

    font-size: 2.5rem;

    margin-bottom: 1rem;

}



.RidekikaHub_FormSubText {

    text-align: center;

    margin-bottom: 3rem;

    opacity: 0.7;

}



.RidekikaHub_FormFieldGroup {

    margin-bottom: 1.5rem;

}



.RidekikaHub_FormLabel {

    display: block;

    margin-bottom: 0.5rem;

    font-weight: 600;

    color: var(--light-green);

}



.RidekikaHub_FormInput, .RidekikaHub_FormTextarea {

    width: 100%;

    background: rgba(255,255,255,0.05);

    border: 1px solid rgba(134, 239, 172, 0.2);

    padding: 1rem;

    color: var(--off-white);

    border-radius: 8px;

    font-size: 1rem;

}



.RidekikaHub_FormInput:focus, .RidekikaHub_FormTextarea:focus {

    outline: none;

    border-color: var(--cyan-glow);

    box-shadow: 0 0 10px rgba(0, 255, 255, 0.1);

}



.RidekikaHub_FormCheckboxGroup {

    display: flex;

    align-items: center;

    gap: 0.8rem;

    margin-bottom: 2rem;

}



.RidekikaHub_CheckboxLabel {

    font-size: 0.9rem;

    opacity: 0.8;

}



.RidekikaHub_CheckboxLabel a {

    color: var(--cyan-glow);

}



.RidekikaHub_FormSubmitBtn {

    width: 100%;

    background: var(--cyan-glow);

    color: var(--bg-dark);

    border: none;

    padding: 1.2rem;

    font-size: 1.1rem;

    font-weight: 800;

    border-radius: 50px;

    cursor: pointer;

    transition: all 0.3s;

    box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);

}



.RidekikaHub_FormSubmitBtn:hover {

    box-shadow: 0 0 40px rgba(0, 255, 255, 0.5);

    transform: translateY(-2px);

}



/* FOOTER */

.RidekikaHub_FooterMainContainer {

    padding: 4rem 2rem 8rem;

    background: #020d06;

    border-top: 1px solid rgba(134, 239, 172, 0.1);

}



.RidekikaHub_FooterContent {

    max-width: 1200px;

    margin: 0 auto;

    text-align: center;

}



.RidekikaHub_FooterBrand {

    font-size: 1.2rem;

    font-weight: bold;

    margin-bottom: 1rem;

    color: var(--light-green);

}



.RidekikaHub_FooterContactInfo {

    margin-bottom: 2rem;

    font-size: 0.9rem;

    opacity: 0.6;

}



.RidekikaHub_FooterContactInfo a {

    color: inherit;

    text-decoration: none;

}



.RidekikaHub_FooterLegalLinks {

    display: flex;

    justify-content: center;

    gap: 2rem;

    flex-wrap: wrap;

}



.RidekikaHub_FooterLegalLinks a {

    color: rgba(240, 253, 244, 0.5);

    text-decoration: none;

    font-size: 0.85rem;

    transition: color 0.3s;

}



.RidekikaHub_FooterLegalLinks a:hover {

    color: var(--cyan-glow);

}



/* DOCK PANEL */

.RidekikaHub_FixedDockPanel {

    position: fixed;

    bottom: 2rem;

    left: 50%;

    transform: translateX(-50%);

    background: rgba(5, 46, 22, 0.8);

    backdrop-filter: blur(10px);

    padding: 0.8rem 1.5rem;

    border-radius: 100px;

    display: flex;

    gap: 1.5rem;

    box-shadow: 0 10px 30px rgba(0,0,0,0.5);

    border: 1px solid rgba(134, 239, 172, 0.2);

    z-index: 2000;

}



.RidekikaHub_DockCircle {

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background: var(--primary-green);

    color: var(--bg-dark);

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 900;

    font-size: 1.2rem;

    transition: all 0.3s;

    text-decoration: none;

}



.RidekikaHub_DockItem a {

    text-decoration: none;

}



.RidekikaHub_DockCircle:hover {

    background: var(--cyan-glow);

    transform: scale(1.1) translateY(-5px);

    box-shadow: 0 0 15px var(--cyan-glow);

}



/* RESPONSIVE */

@media (max-width: 992px) {

    .RidekikaHub_HeroPrimaryHeading {

        font-size: 2.8rem;

    }

    .RidekikaHub_HeroGridWrapper, .RidekikaHub_BenefitsGridContent {

        flex-direction: column;

        text-align: center;

    }

    .RidekikaHub_HeroVisualColumn, .RidekikaHub_BenefitsVisualColumn {

        order: 2;

    }

    .RidekikaHub_PricingCardsGrid {

        flex-direction: column;

        align-items: center;

    }

    .RidekikaHub_PriceCardFeatured {

        transform: scale(1);

    }

}



@media (max-width: 768px) {

    .RidekikaHub_NavigationMainList {

        display: none;

        flex-direction: column;

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        background: var(--bg-dark);

        padding: 2rem;

        border-bottom: 1px solid var(--primary-green);

    }



    .RidekikaHub_BurgerButtonIcon {

        display: flex;

    }



    .RidekikaHub_MenuTriggerCheckbox:checked ~ .RidekikaHub_NavigationMainList {

        display: flex;

    }



    .RidekikaHub_HeroPrimaryHeading {

        font-size: 2.2rem;

    }



    .RidekikaHub_FixedDockPanel {

        bottom: 1rem;

        padding: 0.5rem 1rem;

        gap: 1rem;

    }

}
/* Unique footer theme 202: ridekika.world */
.RidekikaHub_FooterMainContainer,
.RidekikaHub_FooterMainSection {
    margin-top: 0;
    padding: 34px 20px;
    color: hsl(66, 36%, 94%);
    background: linear-gradient(236deg, hsl(66, 47%, 15%), hsl(144, 48%, 23%) 52%, hsl(287, 44%, 18%));
    border-top: 4px solid hsl(144, 76%, 58%);
    box-shadow: inset 0 1px 0 hsla(287, 90%, 80%, .22);
}
.RidekikaHub_FooterContent,
.RidekikaHub_FooterLinksContainer {
    width: min(1140px, 92vw);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.RidekikaHub_FooterBrand {
    font-weight: 800;
    letter-spacing: .02em;
    color: hsl(144, 84%, 82%);
}
.RidekikaHub_FooterDomain {
    display: inline-block;
    margin-left: .45rem;
    padding: .16rem .52rem;
    border-radius: 22px;
    color: hsl(287, 90%, 94%);
    background: hsla(287, 78%, 38%, .34);
    border: 1px solid hsla(144, 92%, 74%, .36);
}
.RidekikaHub_FooterContactInfo {
    color: hsla(66, 38%, 93%, .82);
}
.RidekikaHub_FooterContactInfo a,
.RidekikaHub_FooterLegalLinks a,
.RidekikaHub_FooterLinksContainer a {
    color: hsl(144, 86%, 82%) !important;
    text-decoration: none !important;
    font-weight: 650;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}
.RidekikaHub_FooterContactInfo a:hover,
.RidekikaHub_FooterLegalLinks a:hover,
.RidekikaHub_FooterLinksContainer a:hover {
    color: hsl(287, 88%, 86%) !important;
    transform: translateY(-1px);
}
.RidekikaHub_FooterLegalLinks {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}
@media (max-width: 720px) {
    .RidekikaHub_FooterContent,
    .RidekikaHub_FooterLinksContainer {
        justify-content: center;
        text-align: center;
    }
    .RidekikaHub_FooterLegalLinks {
        justify-content: center;
    }
}
.RidekikaHub_FooterContent, .RidekikaHub_FooterLinksContainer { padding: 18px; border: 1px solid hsla(144, 80%, 72%, .28); border-radius: 22px; background: hsla(66, 30%, 8%, .26); }