/* Berlin Storage Network - Modern Investment Website */
/* CSS Variables */
:root {
    /* Primary Colors */
    --primary-green: #54FF8F;
    --primary-green-hover: #42E87A;
    --primary-green-dark: #30D666;
    --primary-green-light: #77FF9F;
    
    /* Background Colors */
    --bg-dark: #253638;
    --bg-darker: #1a2a2c;
    --bg-overlay-dark: rgba(37, 54, 56, 0.4);
    --bg-overlay-darker: rgba(37, 54, 56, 0.95);
    --bg-black-light: rgba(0, 0, 0, 0.45);
    --bg-black-medium: rgba(0, 0, 0, 0.5);
    --bg-black-dark: rgba(0, 0, 0, 0.6);
    
    /* White Overlay Backgrounds */
    --bg-white-ultra-light: rgba(255, 255, 255, 0.02);
    --bg-white-very-light: rgba(255, 255, 255, 0.03);
    --bg-white-light: rgba(255, 255, 255, 0.05);
    --bg-white-medium-light: rgba(255, 255, 255, 0.08);
    --bg-white-medium: rgba(255, 255, 255, 0.1);
    --bg-white-semi: rgba(255, 255, 255, 0.12);
    
    /* Green Overlay Backgrounds */
    --bg-green-ultra-light: rgba(84, 255, 143, 0.05);
    --bg-green-very-light: rgba(84, 255, 143, 0.1);
    --bg-green-light: rgba(84, 255, 143, 0.15);
    --bg-green-medium: rgba(84, 255, 143, 0.2);
    --bg-green-semi: rgba(84, 255, 143, 0.3);
    --bg-green-strong: rgba(84, 255, 143, 0.4);
    --bg-green-dark: rgba(84, 255, 143, 0.6);
    
    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: #E1E8EA;
    --text-muted: #B8C5C7;
    --text-light-blue: #E8F4F8;
    --text-green: #54FF8F;
    --text-dark: #253638;
    
    /* Border Colors */
    --border-primary: #54FF8F;
    --border-green-light: rgba(84, 255, 143, 0.15);
    --border-green-medium: rgba(84, 255, 143, 0.2);
    --border-green-semi: rgba(84, 255, 143, 0.3);
    --border-green-hover: rgba(84, 255, 143, 0.5);
    --border-green-strong: rgba(84, 255, 143, 0.6);
    --border-white-light: rgba(255, 255, 255, 0.1);
    --border-gray: #475B5E;
    
    /* Purple Colors (Founders) */
    --shadow-purple-medium: rgba(156, 39, 176, 0.15);
    --border-purple-medium: rgba(156, 39, 176, 0.3);
    
    /* Blue Colors (2nd Round Investors) */
    --shadow-blue-medium: rgba(33, 150, 243, 0.15);
    --border-blue-medium: rgba(33, 150, 243, 0.3);
    
    /* Orange Colors (3rd Round Investors) */
    --shadow-orange-medium: rgba(255, 152, 0, 0.15);
    --border-orange-medium: rgba(255, 152, 0, 0.3);
    
    /* Red Colors (Loading Risk) */
    --shadow-red-medium: rgba(244, 67, 54, 0.15);
    --border-red-medium: rgba(244, 67, 54, 0.3);
    
    /* Light Border Colors for Normal State */
    --border-purple-light: rgba(156, 39, 176, 0.15);
    --border-blue-light: rgba(33, 150, 243, 0.15);
    --border-orange-light: rgba(255, 152, 0, 0.15);
    --border-red-light: rgba(244, 67, 54, 0.15);
    
    /* Status Colors */
    --success: #54FF8F;
    --success-hover: #42E87A;
    --success-bg: rgba(84, 255, 143, 0.2);
    --error: #FF5454;
    --error-hover: #FF7777;
    --error-dark: #E64242;
    --error-bg: rgba(255, 84, 84, 0.2);
    --warning: #FFB054;
    --warning-dark: #FF9A42;
    --warning-bg: rgba(255, 176, 84, 0.2);
    
    /* Shadow Colors */
    --shadow-light: rgba(0, 0, 0, 0.1);
    --shadow-medium: rgba(0, 0, 0, 0.2);
    --shadow-dark: rgba(0, 0, 0, 0.3);
    --shadow-text: rgba(0, 0, 0, 0.8);
    --shadow-green-light: rgba(84, 255, 143, 0.1);
    --shadow-green-medium: rgba(84, 255, 143, 0.15);
    --shadow-green-strong: rgba(84, 255, 143, 0.2);
    --shadow-green-dark: rgba(84, 255, 143, 0.3);
    --shadow-green-intense: rgba(84, 255, 143, 0.4);
    --shadow-green-very-strong: rgba(84, 255, 143, 0.6);
    --shadow-white: rgba(255, 255, 255, 0.1);
    --shadow-warning: rgba(255, 176, 84, 0.2);
    --shadow-error: rgba(255, 84, 84, 0.2);
    
    /* Gradient Colors (for easy reference) */
    --gradient-primary: linear-gradient(135deg, #54FF8F, #42E87A);
    --gradient-primary-extended: linear-gradient(135deg, #54FF8F 0%, #42E87A 50%, #30D866 100%);
    --gradient-primary-hover: linear-gradient(135deg, #42E87A, #30D666);
    --gradient-bg-dark: linear-gradient(135deg, #1a2a2c 0%, #253638 100%);
    --gradient-bg-mobile: linear-gradient(135deg, #253638 0%, #1a2a2c 100%);
    --gradient-orange: linear-gradient(90deg, #FFB054, #FF9A42);
    --gradient-red: linear-gradient(90deg, #FF5454, #E64242);
    --gradient-green-bar: linear-gradient(90deg, #54FF8F, #42E87A);
    --gradient-timeline: linear-gradient(180deg, transparent 0%, rgba(84, 255, 143, 0.3) 10%, rgba(84, 255, 143, 0.6) 50%, rgba(84, 255, 143, 0.3) 90%, transparent 100%);
}
/* Base Styles */
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}
a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
}
body {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.6;
    background-color: var(--bg-dark);
    color: var(--text-primary);
    margin: 0;
    overflow-x: hidden;
}
body.menu-open {
    overflow: hidden;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* Main Content */
main {
    position: relative;
    z-index: 1;
}
/* Header Styles */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--bg-overlay-darker);
    backdrop-filter: blur(15px);
    z-index: 1000;
    transition: all 0.3s ease;
}
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}
.logo__img {
    width: 120px;
    height: auto;
}
.menu {
    display: flex;
    align-items: center;
    gap: 30px;
}
nav .menu__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 30px;
}
nav .menu__list li {
    margin: 0;
}
.menu__list-item {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
}
.menu__list-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--primary-green);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
.menu__list-item:hover::after {
    width: 100%;
}
.menu__contacts {
    padding: 12px 24px;
    background: var(--gradient-primary);
    color: var(--bg-dark);
    border: none;
    border-radius: 25px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.menu__contacts:hover {
    background: var(--gradient-primary-hover);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--shadow-green-dark);
}
/* Hero Section */
main .hero {
    padding: 120px 0 80px;
    position: relative;
    overflow: hidden;
    background-image: url(../images/hero-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-overlay-dark);
    z-index: 1;
}
.hero__content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}
.hero__badge {
    display: inline-block;
    background: var(--bg-green-light);
    border: 1px solid var(--primary-green);
    border-radius: 25px;
    padding: 8px 20px;
    margin-bottom: 30px;
}
.hero__badge-text {
    color: var(--primary-green);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.hero__title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 30px;
    margin-bottom: 30px;
    color: var(--text-primary);
    text-align: center;
}
.hero__highlight {
    color: var(--primary-green);
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    gap: 30px;
}
.hero__stat {
    text-align: center;
    padding: 20px;
    background: var(--bg-black-light);
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border: 1px solid var(--primary-green);
    transition: all 0.3s ease;
    min-width: 180px;
    overflow: visible;
}
.hero__stat:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--shadow-green-strong);
}
.hero__stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-green);
    display: block;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    min-height: 3rem;
    line-height: 1.2;
}
.hero__stat-text {
    font-size: 0.9rem;
    color: var(--text-primary);
}
.hero__text{
    font-size: 24px;
    color: var(--text-primary);
    font-weight: 800;
}
.hero__investment{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 15px;
}
.hero__investment-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: var(--bg-white-medium);
    border-radius: 10px;
    transition: all 0.3s ease;
}
.hero__investment-item img{
    width: 30px;
    height: 30px;
}
.hero__investment-item span {
    font-size: 1.2rem;
    font-weight: 600;
}

.hero__cta-btn {
    background: var(--gradient-primary-extended);
    color: var(--bg-dark);
    border: none;
    padding: 18px 40px;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.4s ease;
}
.hero__cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--shadow-green-dark);
}

/* Section Titles */
.section-title {
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
    color: var(--text-primary);
    position: relative;
}
.section-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: var(--primary-green);
    border-radius: 2px;
}
/* Market Opportunity Section - Card Design Variant */
.market-opportunity {
    padding: 100px 0;
    background: var(--gradient-bg-dark);
    position: relative;
    overflow: hidden;
}
.market-opportunity::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 50%, var(--bg-green-light) 0%, transparent 50%);
    pointer-events: none;
}
.market__content {
    display: flex;
    gap: 60px;
    position: relative;
    z-index: 1;
}
.market__shortage {
    background: var(--bg-white-light);
    padding: 40px;
    border-radius: 24px;
    border: 1px solid var(--border-green-light);
    backdrop-filter: blur(10px);
}
.market__subtitle {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--primary-green);
    text-align: center;
    position: relative;
}
.market__subtitle::after {
    content: '';
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-green), transparent);
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}
.market__comparison {
    display: grid;
    gap: 20px;
}
.market__country {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: var(--bg-white-light);
    border-radius: 15px;
    transition: all 0.3s ease;
}
.market__country:hover {
    background: var(--bg-white-light);
    transform: translateX(5px);
}
.market__country-name {
    min-width: 200px;
    font-weight: 500;
    font-size: clamp(0.95rem, 2.5vw, 1.1rem);
}
.market__bar {
    flex: 1;
    height: 45px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    background: var(--bg-white-medium-light);
    box-shadow: inset 0 2px 8px var(--shadow-medium);
}
.market__bar--denmark {
    background: var(--gradient-green-bar);
    box-shadow: 0 4px 20px var(--shadow-green-dark);
}
.market__bar--europe {
    background: var(--gradient-orange);
    width: 20%;
    box-shadow: 0 4px 20px var(--shadow-warning);
}
.market__bar--germany {
    background: var(--gradient-red);
    width: 5%;
    box-shadow: 0 4px 20px var(--shadow-error);
}
.market__value {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    font-size: clamp(0.8rem, 2vw, 0.9rem);
    color: var(--bg-dark);
    text-shadow: 0 1px 2px var(--shadow-dark);
}
.market__drivers {
    background: var(--bg-white-light);
    padding: 40px;
    border-radius: 24px;
    border: 1px solid var(--border-green-light);
    backdrop-filter: blur(10px);
}
.market__drivers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 30px;
}
.market__driver {
    background: linear-gradient(145deg, var(--bg-white-medium-light), var(--bg-white-light));
    padding: 30px 25px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid var(--border-green-medium);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}
.market__driver::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--bg-green-light), transparent);
    transition: left 0.5s ease;
}
.market__driver:hover::before {
    left: 100%;
}
.market__driver:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 15px 40px var(--shadow-green-medium);
    border-color: var(--border-green-strong);
}
.market__driver-icon {
    font-size: clamp(2.5rem, 5vw, 3rem);
    margin-bottom: 20px;
    filter: drop-shadow(0 2px 8px var(--shadow-green-dark));
}
.market__driver h4 {
    font-size: clamp(1.1rem, 3vw, 1.3rem);
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--primary-green);
    line-height: 1.3;
}
.market__driver p {
    color: var(--text-muted);
    line-height: 1.6;
    font-size: clamp(0.9rem, 2vw, 1rem);
}
.market__driver-stat {
    font-size: clamp(1.3rem, 3vw, 1.8rem);
    font-weight: 700;
    color: var(--primary-green);
    margin: 10px 0 15px;
    text-shadow: 0 2px 4px var(--shadow-green-medium);
}
.market__highlight {
    background: linear-gradient(135deg, var(--bg-green-light) 0%, var(--bg-green-very-light) 100%);
    border-radius: 16px;
    padding: 25px;
    margin: 30px 0;
    border-left: 4px solid var(--primary-green);
    box-shadow: 0 4px 20px var(--shadow-green-light);
    backdrop-filter: blur(10px);
}
.market__highlight-title {
    font-size: clamp(1.1rem, 3vw, 1.4rem);
    font-weight: 600;
    color: var(--primary-green);
    margin-bottom: 10px;
}
.market__highlight-content {
    font-size: clamp(0.9rem, 2.5vw, 1rem);
    color: var(--text-secondary);
    line-height: 1.6;
}
.market__key-stat {
    display: flex;
    align-items: center;
    margin: 20px 0;
    padding: 20px;
    background: var(--bg-white-very-light);
    border-radius: 12px;
    border: 1px solid var(--border-green-light);
}
.market__stat-number {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 700;
    color: var(--primary-green);
    margin-right: 20px;
    min-width: 80px;
    text-align: center;
    text-shadow: 0 2px 4px var(--shadow-green-medium);
    flex-shrink: 0;
}
.market__stat-desc {
    font-size: clamp(0.9rem, 2.5vw, 1rem);
    color: var(--text-secondary);
    flex-grow: 1;
    line-height: 1.5;
}

/* New Two-Column Market Layout */
.market__left-column {
    width: 50%;
    padding-right: 30px;
}

.market__right-column {
    width: 50%;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
}

.market__section-title {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--primary-green);
    display: flex;
    align-items: center;
}

.market__section-icon {
    margin-right: 10px;
    font-size: 1.5rem;
    filter: drop-shadow(0 2px 4px var(--shadow-green-medium));
}

.market__chart-container {
    height: 300px;
    margin-bottom: 20px;
    background: var(--bg-white-light);
    border-radius: 15px;
    padding: 20px;
    border: 1px solid var(--border-green-light);
}

.market__data-point {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 20px;
    background: var(--bg-white-light);
    border-radius: 15px;
    border: 1px solid var(--border-green-light);
    transition: all 0.3s ease;
}

.market__data-point:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px var(--shadow-green-medium);
    border-color: var(--border-green-strong);
}

.market__data-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--bg-green-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    border: 2px solid var(--border-green-semi);
}

.market__icon {
    font-size: 24px;
    filter: drop-shadow(0 2px 4px var(--shadow-green-medium));
}

.market__data-content {
    flex-grow: 1;
}

.market__data-title {
    font-size: clamp(1.1rem, 3vw, 1.2rem);
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--text-primary);
}

.market__data-value {
    font-size: clamp(1.3rem, 4vw, 1.6rem);
    font-weight: 700;
    color: var(--primary-green);
    margin-bottom: 8px;
    text-shadow: 0 2px 4px var(--shadow-green-medium);
}

.market__data-desc {
    font-size: clamp(0.9rem, 2.5vw, 1rem);
    color: var(--text-secondary);
    line-height: 1.5;
}

.market__highlight-box {
    background: linear-gradient(135deg, var(--bg-green-light) 0%, var(--bg-green-very-light) 100%);
    border-radius: 16px;
    padding: 25px;
    margin: 20px 0;
    border-left: 4px solid var(--primary-green);
    box-shadow: 0 4px 20px var(--shadow-green-light);
    backdrop-filter: blur(10px);
}

/* Market Imbalance Section */
.market-imbalance {
    padding: 100px 0;
    background: var(--bg-dark);
}
/* Market Comparison Structure */
.market-comparison {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}

.market-column {
    flex: 1;
    padding: 30px;
    border-radius: 20px;
    border: 2px solid transparent;
    background: var(--bg-white-light);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.large-warehouses {
    border-color: var(--error);
}

.large-warehouses:hover {
    border-color: var(--error-hover);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--shadow-error);
}

.small-spaces {
    border-color: var(--primary-green);
}

.small-spaces:hover {
    border-color: var(--primary-green-light);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--shadow-green-strong);
}

.column-title {
    font-size: clamp(1.3rem, 3vw, 1.6rem);
    font-weight: 600;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    color: var(--text-primary);
}

.column-icon {
    margin-right: 12px;
    font-size: 1.8rem;
    filter: drop-shadow(0 2px 4px var(--shadow-medium));
}

.large-warehouses .column-title {
    color: var(--error);
}

.small-spaces .column-title {
    color: var(--primary-green);
}

.stat-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px;
    background: var(--bg-white-very-light);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.stat-item:hover {
    background: var(--bg-white-medium);
    transform: translateX(5px);
}

.stat-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.large-warehouses .stat-icon {
    background: var(--error-bg);
    border: 2px solid var(--error);
}

.small-spaces .stat-icon {
    background: var(--bg-green-medium);
    border: 2px solid var(--primary-green);
}

.stat-emoji {
    font-size: 20px;
    filter: drop-shadow(0 2px 4px var(--shadow-medium));
}

.stat-content {
    flex-grow: 1;
}

.stat-value {
    font-size: clamp(1.2rem, 3vw, 1.5rem);
    font-weight: 700;
    margin-bottom: 5px;
}

.large-warehouses .stat-value {
    color: var(--error);
}

.small-spaces .stat-value {
    color: var(--primary-green);
}

.stat-desc {
    font-size: clamp(0.9rem, 2.5vw, 1rem);
    color: var(--text-secondary);
    line-height: 1.4;
}

/* Reasons Section */
.reasons-section {
    background: var(--bg-white-light);
    border-radius: 20px;
    padding: 30px;
    border-left: 5px solid var(--warning);
    backdrop-filter: blur(10px);
}

.reasons-title {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 600;
    color: var(--warning);
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.reasons-icon {
    margin-right: 12px;
    font-size: 1.8rem;
    filter: drop-shadow(0 2px 4px var(--shadow-warning));
}

.reasons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.reason-item {
    padding: 25px 20px;
    background: var(--bg-white-medium);
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid var(--border-white-light);
}

.reason-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px var(--shadow-warning);
    border-color: var(--warning);
}

.reason-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--warning-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    border: 2px solid var(--warning);
    transition: all 0.3s ease;
}

.reason-emoji {
    font-size: 22px;
    filter: drop-shadow(0 2px 4px var(--shadow-warning));
}

.reason-text {
    font-size: clamp(0.9rem, 2.5vw, 1rem);
    color: var(--text-secondary);
    line-height: 1.5;
}

.highlight {
    font-weight: 700;
    color: var(--warning);
}
/* Competition Section */
.competition {
    padding: 100px 0;
    background: var(--bg-darker);
}
.competition__subtitle{
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--text-muted);
    text-align: center;
    margin-bottom: 40px;
}
.chart-container {
    height: 400px;
    margin-bottom: 40px;
    background: var(--bg-white);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 30px var(--shadow-white);
}

.competition__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}
.competitor {
    background: var(--bg-white-light);
    padding: 15px;
    border-radius: 15px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}
.competitor:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--shadow-white);
}
.competitor--shurgard {
    border-top: 5px solid #1976d2;
    background: linear-gradient(135deg, rgba(25, 118, 210, 0.05) 0%, var(--bg-white) 100%);
}
.competitor--myplace {
    border-top: 5px solid #9c27b0;
    background: linear-gradient(135deg, rgba(156, 39, 176, 0.05) 0%, var(--bg-white) 100%);
}
.competitor--xxlager {
    border-top: 5px solid #ff9800;
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.05) 0%, var(--bg-white) 100%);
}
.competitor--our {
    border: 2px solid var(--primary-green);
    background: var(--bg-green-light);
    border-top: 5px solid var(--primary-green);
}
.competitor--our:hover {
    box-shadow: 0 10px 30px var(--shadow-green-strong);
}
.competitor__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.competitor__name {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}
.competitor__name i {
    margin-right: 8px;
    font-size: 0.9rem;
}
.competitor--shurgard .competitor__name {
    color: #1976d2;
}
.competitor--myplace .competitor__name {
    color: #9c27b0;
}
.competitor--xxlager .competitor__name {
    color: #ff9800;
}
.competitor--our .competitor__name {
    color: var(--primary-green);
}
.competitor__segment {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 20px;
    white-space: nowrap;
}
.competitor--shurgard .competitor__segment {
    background-color: rgba(25, 118, 210, 0.1);
    color: #1976d2;
}
.competitor--myplace .competitor__segment {
    background-color: rgba(156, 39, 176, 0.1);
    color: #9c27b0;
}
.competitor--xxlager .competitor__segment {
    background-color: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}
.competitor--our .competitor__segment {
    background-color: rgba(84, 255, 143, 0.1);
    color: var(--primary-green);
}
.competitor__prices {
    display: grid;
    gap: 12px;
}
.price-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background: var(--bg-white-light);
    border-radius: 8px;
}
.price-item--best {
    background: var(--bg-green-medium);
    color: var(--primary-green);
    font-weight: 600;
}
.size {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.advantage-box {
    background: var(--bg-green-light);
    border-radius: 15px;
    padding: 25px;
    border-left: 5px solid var(--primary-green);
    box-shadow: 0 10px 30px var(--shadow-green);
}
.advantage-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--primary-green);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.advantage-title i {
    margin-right: 10px;
}
.advantage-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.advantage-item {
    display: flex;
    align-items: center;
    background: var(--bg-white);
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.advantage-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(84, 255, 143, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}
.advantage-icon i {
    color: var(--primary-green);
    font-size: 1rem;
}
.advantage-text {
    font-size: 0.9rem;
    color: var(--text-muted);
    font-weight: 500;
}
.highlight {
    color: var(--primary-green);
    font-weight: 700;
}
.price-item--best .size,
.price-item--best .price {
    color: var(--primary-green);
}
/* Properties Section */
.properties {
    padding: 100px 0;
    background: var(--bg-dark);
}
.properties__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}
.property {
    background: var(--bg-white-light);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid var(--border-green-medium);
}
.property:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px var(--shadow-green-light);
}
.property__header {
    background: var(--gradient-primary);
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.property__location {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--bg-dark);
    margin: 0;
}
.property__price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--bg-dark);
}
.property__details {
    padding: 30px 25px;
}
.property__size {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-green);
    margin-bottom: 20px;
}
.property__features {
    display: grid;
    gap: 10px;
}
.property__feature {
    padding: 8px 0;
    font-size: 0.95rem;
    color: var(--text-muted);
}
/* Development Plan - Timeline */
.development-plan {
    padding: 100px 0;
    background: var(--bg-darker);
}
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--gradient-timeline);
    transform: translateX(-50%);
    z-index: 0;
    border-radius: 2px;
}
.timeline__item {
    position: relative;
    margin-bottom: 80px;
    display: flex;
    align-items: flex-start;
    transition: all 0.3s ease;
}
.timeline__item:nth-child(odd) {
    flex-direction: row;
}
.timeline__item:nth-child(even) {
    flex-direction: row-reverse;
}
.timeline__year {
    min-width: 120px;
    width: 120px;
    height: 120px;
    background: var(--gradient-primary);
    color: var(--bg-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 3;
    box-shadow: 0 10px 30px var(--shadow-green-intense);
    border: 4px solid var(--text-primary);
    transition: all 0.3s ease;
    flex-shrink: 0;
}
.timeline__year::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: var(--primary-green);
    border: 3px solid var(--bg-dark);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}
.timeline__item:nth-child(odd) .timeline__year::after {
    right: -10px;
    left: auto;
    transform: translateY(-50%);
}
.timeline__item:nth-child(even) .timeline__year::after {
    left: -10px;
    transform: translateY(-50%);
}
.timeline__content {
    flex: 1;
    background: linear-gradient(135deg, var(--bg-white-medium-light) 0%, var(--bg-white-light) 100%);
    padding: 35px;
    border-radius: 20px;
    margin: 0 50px;
    border: 2px solid var(--border-green-semi);
    position: relative;
    z-index: 5;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    box-shadow: 0 5px 25px var(--shadow-light);
}
.timeline__content h3 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--primary-green);
    position: relative;
    padding-bottom: 10px;
}
.timeline__content h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--gradient-green-bar);
    border-radius: 2px;
}
.timeline__content ul {
    list-style: none;
    padding: 0;
}
.timeline__content li {
    padding: 12px 0;
    padding-left: 30px;
    position: relative;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.5;
    transition: color 0.2s ease;
}
.timeline__content li::before {
    content: '▶';
    position: absolute;
    left: 8px;
    top: 12px;
    color: var(--primary-green);
    font-size: 0.8rem;
    transition: transform 0.2s ease;
}
.timeline__content li:hover {
    color: var(--text-primary);
}
.timeline__content li:hover::before {
    transform: translateX(3px);
}
/* Timeline hover effects */
.timeline__item:hover .timeline__year {
    transform: scale(1.1);
    box-shadow: 0 15px 40px var(--shadow-green-very-strong);
}
.timeline__item:hover .timeline__content {
    border-color: var(--primary-green);
    box-shadow: 0 10px 35px var(--shadow-green-strong);
    background: linear-gradient(135deg, var(--bg-white-strong) 0%, var(--bg-white-medium-light) 100%);
}
.timeline__content::before {
    content: '';
    position: absolute;
    top: 30px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
}
.timeline__item:nth-child(odd) .timeline__content::before {
        left: -30px;
        border-right-color: var(--border-green-semi);
}
.timeline__item:nth-child(even) .timeline__content::before {
        right: -30px;
    
    border-left-color: var(--border-green-semi);
}
    
    /* Financial Model Section */
.financial-model {
    padding: 100px 0;
    background: var(--bg-dark);
}
.financial__overview {
    display: grid;
    gap: 50px;
}
.financial__params h3,
.financial__structure h3,
.financial__projections h3,
.financial__expenses h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--primary-green);
}
.financial__params h4,
.financial__structure h4,
.financial__expenses h4,
.financial__projections h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 25px;
    color: var(--primary-green);
}
.param {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid var(--border-white-light);
}
.param__label {
    color: var(--text-muted);
}
.param__value {
    font-weight: 600;
    color: var(--primary-green);
}
.param--highlight {
    background: var(--bg-green-light);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--border-green-semi);
    margin: 10px 0;
}
.param--highlight .param__value {
    font-size: 1.1rem;
}
.price-structure {
    display: grid;
    gap: 20px;
}
.price-tier {
    background: var(--bg-white-light);
    padding: 25px;
    border-radius: 15px;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 20px;
    align-items: center;
}
.price-tier__size {
    font-weight: 600;
}
.price-tier__price {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--primary-green);
}
.price-tier__share {
    color: var(--text-muted);
    font-size: 0.9rem;
}
.projections__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}
.projection {
    background: linear-gradient(135deg, var(--bg-green-light), var(--bg-green-light));
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid var(--border-green-semi);
}
.projection__period {
    font-size: 1rem;
    color: var(--text-muted);
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}
.projection__value {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--primary-green);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

/* Enhanced Financial Model Styles */
.financial__two-column {
    display: flex;
    gap: 30px;
}
.financial__left-column {
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.financial__right-column {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.financial__card {
    background: var(--bg-white-light);
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 10px 30px var(--shadow-white);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.financial__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px var(--shadow-white);
}
.financial__card-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--primary-green);
    display: flex;
    align-items: center;
}
.financial__card-title i {
    margin-right: 12px;
    color: var(--primary-green);
    font-size: 1.2rem;
}
.financial__parameter-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.parameter-item {
    display: flex;
    flex-direction: column;
}
.parameter-label {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.parameter-value {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--primary-green);
    line-height: 1;
}
.parameter-unit {
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-muted);
    margin-left: 4px;
}
.financial__price-structure {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.financial__price-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px dashed var(--border-white-light);
}
.financial__price-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.box-type {
    display: flex;
    align-items: center;
}
.box-size {
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-primary);
}
.box-percentage {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-left: 8px;
    background: var(--bg-green-light);
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 600;
}
.price-value {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--primary-green);
}
.financial__total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 2px solid var(--border-green-semi);
}
.total-label {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
}
.total-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--primary-green);
}
.financial__chart-container {
    height: 320px;
    position: relative;
    background: var(--bg-white);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
}
.financial__scenarios-container {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
}
.scenario-card {
    flex: 1;
    background: var(--bg-white-light);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 5px 15px var(--shadow-white);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-top: 5px solid;
}
.scenario-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px var(--shadow-white);
}
.scenario-card--conservative {
    border-top-color: #ef4444;
}
.scenario-card--base {
    border-top-color: var(--primary-green);
}
.scenario-card--target {
    border-top-color: #3b82f6;
}
.scenario-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 12px;
}
.scenario-card--conservative .scenario-title {
    color: #ef4444;
}
.scenario-card--base .scenario-title {
    color: var(--primary-green);
}
.scenario-card--target .scenario-title {
    color: #3b82f6;
}
.scenario-value {
    font-size: 2.2rem;
    font-weight: 900;
    margin-bottom: 8px;
    line-height: 1;
}
.scenario-card--conservative .scenario-value {
    color: #ef4444;
}
.scenario-card--base .scenario-value {
    color: var(--primary-green);
}
.scenario-card--target .scenario-value {
    color: #3b82f6;
}
.scenario-desc {
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.3;
}
.scenario-desc .highlight {
    color: var(--primary-green);
    font-weight: 700;
}
.financial__metrics-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.key-metric {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, var(--bg-green-light) 0%, var(--bg-white-light) 100%);
    border-radius: 12px;
    padding: 20px;
    border-left: 4px solid var(--primary-green);
}
.key-metric-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--primary-green);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
    font-size: 1.2rem;
}
.key-metric-content {
    flex-grow: 1;
}
.key-metric-label {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.key-metric-value {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--primary-green);
    line-height: 1;
    margin-bottom: 4px;
}
.key-metric-desc {
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.2;
}
/* Mobile Menu Elements - Hidden on Desktop */
.menu-btn,
.mobile-menu,
.mobile-menu-overlay {
    display: none;
}
/* Mobile Menu Button */
.menu-btn {
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    position: relative;
    cursor: pointer;
    z-index: 1001;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.btn-line {
    display: block;
    width: 25px;
    height: 3px;
    background: var(--primary-green);
    margin: 3px 0;
    transition: all 0.3s ease;
    transform-origin: center;
}
/* Hamburger animation */
.menu-open .btn-line:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}
.menu-open .btn-line:nth-child(2) {
    opacity: 0;
}
.menu-open .btn-line:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

/* Investment Details Section */
.investment-details {
    padding: 100px 0;
    background: var(--bg-darker);
}
.investment__overview {
    display: grid;
    gap: 50px;
}
.investment__structure h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--primary-green);
}
.investment__category {
    background: var(--bg-white-light);
    padding: 30px;
    border-radius: 15px;
    border: 1px solid var(--border-green-medium);
    margin-bottom: 30px;
}
.investment__category h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--primary-green);
}
.investment__list {
    list-style: none;
    padding: 0;
    display: grid;
    gap: 10px;
}
.investment__list li {
    padding: 10px 0;
    padding-left: 25px;
    position: relative;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.5;
    transition: color 0.2s ease;
}
.investment__list li::before {
    content: '•';
    position: absolute;
    left: 8px;
    top: 10px;
    color: var(--primary-green);
    font-size: 1.2rem;
    font-weight: 700;
}
.investment__list li:hover {
    color: var(--text-primary);
}
/* Additional sections styling continues... */
.franchise {
    padding: 100px 0;
    background: var(--bg-dark);
}
.franchise__content {
    display: grid;
    gap: 60px;
}
.franchise__parameters h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--primary-green);
}
.franchise__category {
    background: var(--bg-white-light);
    padding: 30px;
    border-radius: 15px;
    border: 1px solid var(--border-green-medium);
    margin-bottom: 30px;
}
.franchise__category h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--primary-green);
}
.franchise__list {
    list-style: none;
    padding: 0;
    display: grid;
    gap: 10px;
}
.franchise__list li {
    padding: 10px 0;
    padding-left: 25px;
    position: relative;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.5;
    transition: color 0.2s ease;
}
.franchise__list li::before {
    content: '•';
    position: absolute;
    left: 8px;
    top: 10px;
    color: var(--primary-green);
    font-size: 1.2rem;
    font-weight: 700;
}
.franchise__list li:hover {
    color: var(--text-primary);
}
.technology {
    padding: 100px 0;
    background: var(--bg-dark);
}
.technology__subtitle {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--primary-green);
}
/* Technology Container - Modern Layout */
.technology__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.technology__box {
    background: var(--bg-white-light);
    border-radius: 20px;
    padding: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-green-light);
    flex-grow: 1;
}

.technology__box:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

/* Technology Box Colored Borders */
.technology__box--client {
    border: 1px solid rgba(25, 118, 210, 0.15);
}

.technology__box--client:hover {
    border-color: rgba(25, 118, 210, 0.3);
    box-shadow: 0 8px 30px rgba(25, 118, 210, 0.15);
}

.technology__box--management {
    border: 1px solid rgba(84, 255, 143, 0.15);
}

.technology__box--management:hover {
    border-color: rgba(84, 255, 143, 0.3);
    box-shadow: 0 8px 30px rgba(84, 255, 143, 0.15);
}

.technology__box--security {
    border: 1px solid rgba(123, 31, 162, 0.15);
}

.technology__box--security:hover {
    border-color: rgba(123, 31, 162, 0.3);
    box-shadow: 0 8px 30px rgba(123, 31, 162, 0.15);
}

.technology__box-header {
    display: flex;
    align-items: center;
    padding: 25px 30px;
    color: white;
    border-radius: 20px 20px 0 0;
    position: relative;
    z-index: 1;
}

.technology__box-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
    font-size: 1.5rem;
}

.technology__box-title {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    font-weight: 700;
    margin: 0;
}

.technology__highlight {
    font-weight: 700;
}

/* Client (Portal) - Blue Theme */
.technology__box--client .technology__box-header {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
}

.technology__box--client .technology__box-icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.technology__box--client .technology__highlight {
    color: #1976d2;
}

/* Management - Green Theme */
.technology__box--management .technology__box-header {
    background: linear-gradient(135deg, var(--primary-green) 0%, var(--primary-green-dark) 100%);
}

.technology__box--management .technology__box-icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.technology__box--management .technology__highlight {
    color: var(--primary-green);
}

/* Security - Purple Theme */
.technology__box--security .technology__box-header {
    background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
}

.technology__box--security .technology__box-icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.technology__box--security .technology__highlight {
    color: #7b1fa2;
}

.technology__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    flex-grow: 1;
}

.technology__item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.technology__item-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.technology__box--client .technology__item-icon {
    background: linear-gradient(135deg, rgba(33, 150, 243, 0.15) 0%, rgba(33, 150, 243, 0.1) 100%);
    border: 2px solid rgba(33, 150, 243, 0.3);
}

.technology__box--client .technology__item-icon i {
    color: #2196F3;
}

.technology__box--management .technology__item-icon {
    background: linear-gradient(135deg, var(--bg-green-light) 0%, var(--bg-green-very-light) 100%);
    border: 2px solid var(--primary-green-light);
}

.technology__box--management .technology__item-icon i {
    color: var(--primary-green);
}

.technology__box--security .technology__item-icon {
    background: linear-gradient(135deg, rgba(156, 39, 176, 0.15) 0%, rgba(156, 39, 176, 0.1) 100%);
    border: 2px solid rgba(156, 39, 176, 0.3);
}

.technology__box--security .technology__item-icon i {
    color: #9C27B0;
}

.technology__item-text {
    font-size: clamp(0.95rem, 2.8vw, 1.1rem);
    color: var(--text-secondary);
    flex-grow: 1;
}
.tech-feature {
    background: var(--bg-white-light);
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid var(--border-green-medium);
    transition: all 0.3s ease;
}
.tech-feature:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px var(--shadow-green-light);
    border-color: var(--border-green-hover);
}
.tech-feature__icon {
    font-size: 3rem;
    margin-bottom: 20px;
}
.tech-feature h3 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--primary-green);
}
.tech-feature ul {
    list-style: none;
    padding: 0;
    text-align: left;
}
.tech-feature li {
    padding: 8px 0;
    padding-left: 20px;
    position: relative;
    color: var(--text-muted);
}
.tech-feature li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 700;
}
/* Marketing Section - Enhanced with Color Themes */
.marketing {
    padding: 100px 0;
    background: var(--bg-darker);
}

.marketing__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.marketing__card {
  background: var(--bg-white-light);
  border-radius: 20px;
  padding: 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-green-light);
}

.marketing__card:hover {
  transform: translateY(-8px);
  border-color: var(--border-green-medium);
  box-shadow: 0 8px 30px var(--shadow-green-medium);
}



.marketing__pattern {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 120px;
    opacity: 0.03;
    background-image: linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 50%, currentColor 50%, currentColor 75%, transparent 75%, transparent);
    background-size: 10px 10px;
}

.marketing__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 30px;
    color: white;
    border-radius: 20px 20px 0 0;
    position: relative;
    z-index: 1;
}

.marketing__icon {
    width: 55px;
    height: 55px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.marketing__title {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    font-weight: 700;
    margin: 0 15px;
    flex-grow: 1;
}

.marketing__budget {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    padding: 6px 15px;
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
}

.marketing__list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 30px;
    flex-grow: 1;
}

.marketing__item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.marketing__item-icon {
    margin-top: 2px;
    flex-shrink: 0;
    font-size: 1.1rem;
}

.marketing__item-text {
    font-size: clamp(0.95rem, 2.8vw, 1.05rem);
    line-height: 1.5;
    color: var(--text-secondary);
}

.marketing__highlight {
    font-weight: 700;
}

/* Digital Marketing - Blue Theme */
.marketing__card--digital .marketing__header {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.marketing__card--digital .marketing__icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.marketing__card--digital .marketing__pattern {
    color: #3b82f6;
}

.marketing__card--digital .marketing__item-icon {
    color: #3b82f6;
}

.marketing__card--digital .marketing__highlight {
    color: #3b82f6;
}

/* /* Partnership - Green Theme */
.marketing__card--partnership {
    border-color: var(--border-green-light);
}

.marketing__card--partnership .marketing__header {
    background: linear-gradient(135deg, var(--primary-green) 0%, var(--primary-green-dark) 100%);
}

.marketing__card--partnership .marketing__icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.marketing__card--partnership .marketing__pattern {
    color: var(--primary-green);
}

.marketing__card--partnership .marketing__item-icon {
    color: var(--primary-green);
}

.marketing__card--partnership .marketing__highlight {
    color: var(--primary-green);
}

.marketing__card--partnership:hover {
    border-color: var(--border-green-medium);
    box-shadow: 0 8px 30px var(--shadow-green-medium);
}

/* Local Marketing - Purple Theme */
.marketing__card--local .marketing__header {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.marketing__card--local .marketing__icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.marketing__card--local .marketing__pattern {
    color: #8b5cf6;
}

.marketing__card--local .marketing__item-icon {
    color: #8b5cf6;
}

.marketing__card--local .marketing__highlight {
    color: #8b5cf6;
}

/* Promo Strategy - Orange Theme */
.marketing__card--promo .marketing__header {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.marketing__card--promo .marketing__icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.marketing__card--promo .marketing__pattern {
    color: #f59e0b;
}

.marketing__card--promo .marketing__item-icon {
    color: #f59e0b;
}

.marketing__card--promo .marketing__highlight {
  color: #f59e0b;
}





/* Marketing Responsive Design */
@media (max-width: 768px) {
    .marketing__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .marketing__header {
        padding: 20px 25px;
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .marketing__title {
        margin: 0;
        font-size: clamp(1.1rem, 4vw, 1.3rem);
    }
    
    .marketing__icon {
        width: 50px;
        height: 50px;
    }
    
    .marketing__list {
        padding: 25px 20px;
        gap: 15px;
    }
    
    .marketing__item {
        gap: 12px;
    }
    
    .marketing__item-text {
        font-size: clamp(0.9rem, 3.5vw, 1rem);
    }
    
    .marketing__pattern {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 480px) {
    .marketing {
        padding: 80px 0;
    }
    
    .marketing__header {
        padding: 18px 20px;
    }
    
    .marketing__list {
        padding: 20px 15px;
    }
    
    .marketing__budget {
        font-size: 0.8rem;
        padding: 5px 12px;
    }
}
/* Operational Efficiency Section - Enhanced with Color Themes */
.operational-efficiency {
    padding: 100px 0;
    background: var(--bg-dark);
}

.efficiency__section-title {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.efficiency__section-title i {
    color: #4fc3f7;
    font-size: clamp(1.6rem, 4.5vw, 2rem);
}

.efficiency__container {
    display: flex;
    gap: 40px;
    margin-top: 40px;
}

.efficiency__left-column,
.efficiency__right-column {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.efficiency__box {
    background: var(--bg-white-light);
    border-radius: 20px;
    padding: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-green-light);
    flex-grow: 1;
}

.efficiency__box:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

/* Efficiency Box Colored Borders - matching project design patterns */
.efficiency__box--centralized {
    border: 1px solid rgba(25, 118, 210, 0.15);
}

.efficiency__box--centralized:hover {
    border-color: rgba(25, 118, 210, 0.3);
    box-shadow: 0 8px 30px rgba(25, 118, 210, 0.15);
}

.efficiency__box--savings {
    border: 1px solid rgba(255, 152, 0, 0.15);
}

.efficiency__box--savings:hover {
    border-color: rgba(255, 152, 0, 0.3);
    box-shadow: 0 8px 30px rgba(255, 152, 0, 0.15);
}

.efficiency__box--revenue {
    border: 1px solid rgba(84, 255, 143, 0.15);
}

.efficiency__box--revenue:hover {
    border-color: rgba(84, 255, 143, 0.3);
    box-shadow: 0 8px 30px rgba(84, 255, 143, 0.15);
}

.efficiency__box-header {
    display: flex;
    align-items: center;
    padding: 25px 30px;
    color: white;
    border-radius: 20px 20px 0 0;
    position: relative;
    z-index: 1;
}

.efficiency__box-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
    font-size: 1.5rem;
}

.efficiency__box-title {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    font-weight: 700;
    margin: 0;
}

.efficiency__highlight {
    font-weight: 700;
}

/* Centralized Functions - Blue Theme */
.efficiency__box--centralized .efficiency__box-header {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
}

.efficiency__box--centralized .efficiency__box-icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.efficiency__box--centralized .efficiency__highlight {
    color: #1976d2;
}

.efficiency__functions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 30px;
    flex-grow: 1;
}

.efficiency__function-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.efficiency__function-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(25, 118, 210, 0.15) 0%, rgba(25, 118, 210, 0.1) 100%);
    border: 2px solid rgba(25, 118, 210, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.efficiency__function-icon i {
    color: #1976d2;
    font-size: 1rem;
}

.efficiency__function-text {
    font-size: clamp(0.95rem, 2.8vw, 1.1rem);
    color: var(--text-secondary);
    line-height: 1.4;
    flex-grow: 1;
}

/* Savings - Green Theme */
.efficiency__box--savings .efficiency__box-header {
    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
}

.efficiency__box--savings .efficiency__box-icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.efficiency__box--savings .efficiency__highlight {
    color: #ff9800;
}

.efficiency__savings-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    flex-grow: 1;
}

.efficiency__savings-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.efficiency__savings-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.15) 0%, rgba(255, 152, 0, 0.1) 100%);
    border: 2px solid rgba(255, 152, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.efficiency__savings-icon i {
    color: #ff9800;
    font-size: 1.1rem;
}

.efficiency__savings-content {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.efficiency__savings-text {
    font-size: clamp(0.95rem, 2.8vw, 1.1rem);
    color: var(--text-secondary);
}

.efficiency__savings-value {
    font-size: clamp(1.1rem, 3vw, 1.4rem);
    font-weight: 700;
    color: #ff9800;
}

/* Revenue - Green Theme */
.efficiency__box--revenue .efficiency__box-header {
    background: linear-gradient(135deg, var(--primary-green) 0%, var(--primary-green-dark) 100%);
}

.efficiency__box--revenue .efficiency__box-icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.efficiency__box--revenue .efficiency__highlight {
    color: var(--primary-green);
}

.efficiency__revenue-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 30px;
    flex-grow: 1;
}

.efficiency__revenue-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.efficiency__revenue-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.15) 0%, rgba(76, 175, 80, 0.1) 100%);
    border: 2px solid rgba(76, 175, 80, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.efficiency__revenue-icon i {
    color: var(--primary-green);
    font-size: 1rem;
}

.efficiency__revenue-text {
    font-size: clamp(0.95rem, 2.8vw, 1.1rem);
    color: var(--text-secondary);
    line-height: 1.4;
    flex-grow: 1;
}

/* Summary Box */
.efficiency__summary-box {
    background: linear-gradient(135deg, rgba(65, 147, 229, 0.1) 0%, rgba(65, 147, 229, 0.05) 100%);
    border-radius: 20px;
    padding: 30px;
    margin-top: 40px;
    border-left: 5px solid #0288d1;
    display: flex;
    align-items: center;
    gap: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.efficiency__summary-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg, #b3e5fc 0%, #81d4fa 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.efficiency__summary-icon i {
    color: #0288d1;
    font-size: 2rem;
}

.efficiency__summary-content {
    flex-grow: 1;
}

.efficiency__summary-title {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    font-weight: 600;
    color: #0288d1;
    margin-bottom: 10px;
}

.efficiency__summary-desc {
    font-size: clamp(0.95rem, 2.8vw, 1.1rem);
    color: var(--text-secondary);
    line-height: 1.5;
}

/* Operational Efficiency Responsive Design */
@media (max-width: 768px) {
    .efficiency__container {
        flex-direction: column;
        gap: 25px;
    }
    
    .efficiency__left-column,
    .efficiency__right-column {
        width: 100%;
        gap: 20px;
    }
    
    .efficiency__box-header {
        padding: 20px 25px;
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .efficiency__box-icon {
        width: 50px;
        height: 50px;
        margin-right: 0;
    }
    
    .efficiency__box-title {
        margin: 0;
        font-size: clamp(1.1rem, 4vw, 1.3rem);
    }
    
    .efficiency__functions-grid {
        grid-template-columns: 1fr;
        padding: 25px 20px;
        gap: 15px;
    }
    
    .efficiency__function-icon {
        width: 35px;
        height: 35px;
    }
    
    .efficiency__savings-list {
        padding: 25px 20px;
        gap: 15px;
    }
    
    .efficiency__savings-icon {
        width: 40px;
        height: 40px;
    }
    
    .efficiency__revenue-grid {
        grid-template-columns: 1fr;
        padding: 25px 20px;
        gap: 15px;
    }
    
    .efficiency__revenue-icon {
        width: 35px;
        height: 35px;
    }
    
    .efficiency__summary-box {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 25px 20px;
    }
    
    .efficiency__summary-icon {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    .operational-efficiency {
        padding: 80px 0;
    }
    
    .efficiency__section-title {
        flex-direction: column;
        gap: 10px;
    }
    
    .efficiency__box-header {
        padding: 18px 20px;
    }
    
    .efficiency__functions-grid,
    .efficiency__savings-list,
    .efficiency__revenue-grid {
        padding: 20px 15px;
    }
    
    .efficiency__summary-box {
        padding: 20px 15px;
    }
    
    .efficiency__summary-icon {
        width: 55px;
        height: 55px;
    }
}
/* Risk Analysis Section - Enhanced with Color Themes */
.risks {
    padding: 100px 0;
    background: var(--bg-darker);
}

.risks__section-title {
    font-size: 3rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.risks__section-title i {
    color: #4fc3f7;
    font-size: clamp(1.6rem, 4.5vw, 2rem);
}

.risks__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.risk__card {
    background: var(--bg-white-light);
    border-radius: 20px;
    padding: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-green-light);
}

.risk__card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.risk__header {
    display: flex;
    align-items: center;
    padding: 25px 30px;
    color: white;
    border-radius: 20px 20px 0 0;
    position: relative;
    z-index: 1;
}

.risk__icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
    font-size: 1.5rem;
}

.risk__title {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    font-weight: 700;
    margin: 0;
}

.risk__content {
    display: flex;
    flex-direction: column;
    padding: 30px;
    flex-grow: 1;
}

.risk__mitigation-title {
    font-size: clamp(1rem, 3vw, 1.1rem);
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.risk__strategy-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.risk__strategy-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.risk__strategy-icon {
    margin-top: 2px;
    flex-shrink: 0;
    font-size: 1.1rem;
}

.risk__strategy-text {
    font-size: clamp(0.95rem, 2.8vw, 1.05rem);
    line-height: 1.5;
    color: var(--text-secondary);
}

.risk__highlight {
    font-weight: 700;
}

/* Loading Risk - Red Theme */
.risk__card--loading {
    border-color: var(--border-red-light);
}

.risk__card--loading .risk__header {
    background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
}

.risk__card--loading .risk__icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.risk__card--loading .risk__mitigation-title i {
    color: #f44336;
}

.risk__card--loading .risk__strategy-icon {
    color: #f44336;
}

.risk__card--loading .risk__highlight {
    color: #f44336;
}

/* Competition Risk - Orange Theme */
.risk__card--competition {
    border-color: var(--border-orange-light);
}

.risk__card--competition .risk__header {
    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
}

.risk__card--competition .risk__icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.risk__card--competition .risk__mitigation-title i {
    color: #ff9800;
}

.risk__card--competition .risk__strategy-icon {
    color: #ff9800;
}

.risk__card--competition .risk__highlight {
    color: #ff9800;
}

/* Economic Risk - Blue Theme */
.risk__card--economic {
    border-color: var(--border-blue-light);
}

.risk__card--economic .risk__header {
    background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
}

.risk__card--economic .risk__icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.risk__card--economic .risk__mitigation-title i {
    color: #2196f3;
}

.risk__card--economic .risk__strategy-icon {
    color: #2196f3;
}

.risk__card--economic .risk__highlight {
    color: #2196f3;
}

/* Development Risk - Purple Theme */
.risk__card--development {
    border-color: var(--border-purple-light);
}

.risk__card--development .risk__header {
    background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
}

.risk__card--development .risk__icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.risk__card--development .risk__mitigation-title i {
    color: #9c27b0;
}

.risk__card--development .risk__strategy-icon {
    color: #9c27b0;
}

.risk__card--development .risk__highlight {
    color: #9c27b0;
}

/* Risk Card Hover Effects */
.risk__card--loading:hover {
    border-color: var(--border-red-medium);
    box-shadow: 0 8px 30px var(--shadow-red-medium);
}

.risk__card--competition:hover {
    border-color: var(--border-orange-medium);
    box-shadow: 0 8px 30px var(--shadow-orange-medium);
}

.risk__card--economic:hover {
    border-color: var(--border-blue-medium);
    box-shadow: 0 8px 30px var(--shadow-blue-medium);
}

.risk__card--development:hover {
    border-color: var(--border-purple-medium);
    box-shadow: 0 8px 30px var(--shadow-purple-medium);
}

/* Summary Box */
.risks__summary-box {
    background: linear-gradient(135deg, rgba(65, 147, 229, 0.1) 0%, rgba(65, 147, 229, 0.05) 100%);
    border-radius: 20px;
    padding: 30px;
    margin-top: 40px;
    border-left: 5px solid #0288d1;
    display: flex;
    align-items: center;
    gap: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.risks__summary-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg, #b3e5fc 0%, #81d4fa 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.risks__summary-icon i {
    color: #0288d1;
    font-size: 2rem;
}

.risks__summary-content {
    flex-grow: 1;
}

.risks__summary-title {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    font-weight: 600;
    color: #0288d1;
    margin-bottom: 10px;
}

.risks__summary-desc {
    font-size: clamp(0.95rem, 2.8vw, 1.1rem);
    color: var(--text-secondary);
    line-height: 1.5;
}

/* Risk Analysis Responsive Design */
@media (max-width: 768px) {
    .risks__container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .risk__header {
        padding: 20px 25px;
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .risk__icon {
        width: 50px;
        height: 50px;
        margin-right: 0;
    }
    
    .risk__title {
        margin: 0;
        font-size: clamp(1.1rem, 4vw, 1.3rem);
    }
    
    .risk__content {
        padding: 25px 20px;
    }
    
    .risk__strategy-list {
        gap: 15px;
    }
    
    .risk__strategy-item {
        gap: 12px;
    }
    
    .risk__strategy-text {
        font-size: clamp(0.9rem, 3.5vw, 1rem);
    }
    
    .risks__summary-box {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 25px 20px;
    }
    
    .risks__summary-icon {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    .risks {
        padding: 80px 0;
    }
    
    .risks__section-title {
        flex-direction: column;
        gap: 10px;
    }
    
    .risk__header {
        padding: 18px 20px;
    }
    
    .risk__content {
        padding: 20px 15px;
    }
    
    .risks__summary-box {
        padding: 20px 15px;
    }
    
    .risks__summary-icon {
        width: 55px;
        height: 55px;
    }
}
/* Structure Section */
.structure {
    padding: 100px 0;
    background: var(--bg-dark);
}
.structure__overview {
    display: grid;
    gap: 50px;
}
.structure__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}
.structure__role {
    background: var(--bg-white-light);
    padding: 30px;
    border-radius: 15px;
    border: 1px solid var(--border-green-medium);
    transition: all 0.3s ease;
}
.structure__role:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--shadow-green-light);
    border-color: var(--border-green-hover);
}
.structure__title {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--primary-green);
}
.structure__list {
    list-style: none;
    padding: 0;
    display: grid;
    gap: 12px;
}
.structure__list li {
    padding: 10px 0;
    padding-left: 25px;
    position: relative;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.5;
    transition: color 0.2s ease;
}
.structure__list li::before {
    content: '▶';
    position: absolute;
    left: 8px;
    top: 10px;
    color: var(--primary-green);
    font-size: 0.8rem;
    transition: transform 0.2s ease;
}
.structure__list li:hover {
    color: var(--text-primary);
}
.structure__list li:hover::before {
    transform: translateX(3px);
}
.investment-rounds {
    padding: 100px 0;
    background: var(--bg-dark);
}
/* Investment-specific styles for timeline content */
.timeline__content .investment__dividends {
    background: var(--bg-green-light);
    padding: 20px;
    border-radius: 15px;
    border: 1px solid var(--border-green-semi);
    margin-top: 20px;
}
.timeline__content .dividend-item {
    padding: 8px 0;
    color: var(--primary-green);
    font-weight: 600;
    font-size: 1.1rem;
}
.timeline__content .investment__exit {
    background: var(--bg-green-light);
    padding: 20px;
    border-radius: 15px;
    border: 2px solid var(--primary-green);
    margin-top: 20px;
    text-align: center;
}
.timeline__content .exit-valuation {
    color: var(--primary-green);
    font-weight: 700;
    font-size: 1.3rem;
}
/* Investment terms section */
.investment__terms {
    margin-top: 80px;
    background: var(--bg-white-light);
    padding: 40px;
    border-radius: 20px;
    border: 2px solid var(--primary-green);
}
.investment__terms h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--primary-green);
    text-align: center;
}
.terms__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}
.term__item {
    background: var(--bg-green-light);
    padding: 20px;
    border-radius: 15px;
    border: 1px solid var(--border-green-semi);
    text-align: center;
    transition: all 0.3s ease;
}
.term__item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px var(--shadow-green-medium);
    border-color: var(--border-green-strong);
}
.term__item strong {
    color: var(--primary-green);
    font-size: 1.1rem;
}
/* Timing Section */
.timing {
    padding: 100px 0;
    background: var(--bg-darker);
}

.timing__overview {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.timing__overview h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 40px;
    color: var(--primary-green);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timing__reasons {
    display: flex;
    gap: 30px;
    flex-grow: 1;
}

.timing__reason {
    flex: 1;
    background: var(--bg-white-light);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease;
    border: 1px solid var(--border-green-medium);
}

.timing__reason:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px var(--shadow-green-light);
    border-color: var(--border-green-hover);
}

.timing__card-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.timing__card-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    background: var(--bg-green-light);
}

.timing__card-icon .timing__icon {
    font-size: 32px;
}

.timing__card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--primary-green);
}

.timing__driver-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-grow: 1;
}

.timing__driver-item {
    display: flex;
    align-items: flex-start;
}

.timing__driver-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.2) 0%, rgba(56, 142, 60, 0.15) 100%);
    border: 2px solid rgba(76, 175, 80, 0.4);
    transition: all 0.3s ease;
}

.timing__driver-icon span {
    font-size: 20px;
}

.timing__driver-content {
    flex-grow: 1;
}

.timing__driver-title {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 5px;
    color: var(--primary-green);
}

.timing__driver-value {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 5px;
    color: var(--primary-green);
}

.timing__driver-desc {
    font-size: 0.9rem;
    color: var(--text-secondary);
    line-height: 1.4;
}

.timing__conclusion-box {
    background: var(--bg-green-light);
    border-radius: 20px;
    padding: 20px;
    margin-top: 30px;
    border: 1px solid var(--border-green-medium);
    display: flex;
    align-items: center;
}

.timing__conclusion-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--bg-green-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
}

.timing__conclusion-icon span {
    font-size: 32px;
}

.timing__conclusion-content {
    flex-grow: 1;
}

.timing__conclusion-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--primary-green);
    margin-bottom: 8px;
}

.timing__conclusion-desc {
    font-size: 1rem;
    color: var(--text-secondary);
    line-height: 1.4;
}
.success-stories {
    padding: 100px 0;
}
.success__overview {
    display: grid;
    gap: 50px;
}
.success__overview h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 40px;
    color: var(--primary-green);
    text-align: center;
}
.stories__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}
.story {
    background: var(--bg-white-light);
    padding: 30px;
    border-radius: 15px;
    border: 1px solid var(--border-green-medium);
    transition: all 0.3s ease;
}
.story:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--shadow-green-light);
    border-color: var(--border-green-hover);
}
.story__number {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--primary-green);
}
.story__details {
    display: grid;
    gap: 12px;
}
.story__detail {
    padding: 10px 15px;
    background: var(--bg-white-light);
    border-radius: 8px;
    font-size: 0.95rem;
    color: var(--text-secondary);
    transition: all 0.2s ease;
}
.story__detail:hover {
    background: var(--bg-white-medium);
    color: var(--text-primary);
}
.story__multiple {
    color: var(--primary-green);
    font-weight: 600;
    background: var(--bg-green-light);
    border: 1px solid var(--border-green-semi);
}
.stories__potential {
    text-align: center;
    background: var(--bg-green-light);
    padding: 40px;
    border-radius: 20px;
    border: 2px solid var(--primary-green);
}
.stories__potential h4 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-green);
    margin: 0;
}

/* Stories Table */
.stories__table-container {
    overflow-x: auto;
    margin-bottom: 40px;
    border-radius: 15px;
    background: var(--bg-white-light);
    border: 1px solid var(--border-green-medium);
}

.stories__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.stories__table thead {
    background: var(--bg-green-light);
    border-bottom: 2px solid var(--border-green-medium);
}

.stories__table th {
    padding: 20px 15px;
    text-align: left;
    font-weight: 600;
    color: var(--primary-green);
    font-size: 1rem;
    border-right: 1px solid var(--border-green-light);
}

.stories__table th:last-child {
    border-right: none;
}

.stories__table td {
    padding: 15px;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-green-light);
    border-right: 1px solid var(--border-green-light);
    transition: all 0.2s ease;
}

.stories__table td:last-child {
    border-right: none;
}

.stories__table tbody tr:hover {
    background: var(--bg-white-medium);
}

.stories__table tbody tr:hover td {
    color: var(--text-primary);
}

.stories__table td:first-child {
    font-weight: 600;
    color: var(--primary-green);
    text-align: center;
    width: 50px;
}

.stories__table .price {
    font-weight: 600;
    color: var(--primary-green);
    text-align: right;
}

.stories__table .multiplier {
    font-weight: 700;
    color: var(--primary-green);
    text-align: center;
    background: var(--bg-green-ultra-light);
    border-radius: 6px;
    padding: 8px 12px;
}

/* Mobile responsiveness for table */
@media (max-width: 768px) {
    .stories__table-container {
        border-radius: 10px;
    }
    
    .stories__table {
        font-size: 0.85rem;
    }
    
    .stories__table th,
    .stories__table td {
        padding: 12px 8px;
    }
    
    .stories__table th {
        font-size: 0.9rem;
    }
    
    .stories__table td:first-child {
        width: 35px;
    }
}

@media (max-width: 480px) {
    .stories__table {
        font-size: 0.8rem;
    }
    
    .stories__table th,
    .stories__table td {
        padding: 10px 6px;
    }
    
    .stories__table th {
        font-size: 0.85rem;
    }
}

/* Target Audience Section */
.target-audience {
    padding: 100px 0;
    background: var(--bg-darker);
}
.audience__overview {
    display: grid;
    gap: 60px;
}
.audience__overview h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 40px;
    color: var(--primary-green);
    text-align: center;
}
.audience__main h4,
.audience__additional h4 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--primary-green);
}
.segments__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}
.segment {
    background: var(--bg-white-light);
    padding: 30px;
    border-radius: 15px;
    border: 1px solid var(--border-green-medium);
    display: flex;
    gap: 20px;
    transition: all 0.3s ease;
}
.segment:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--shadow-green-light);
    border-color: var(--border-green-hover);
}
.segment__number {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-green);
    width: 40px;
    flex-shrink: 0;
}
.segment__content {
    flex: 1;
}
.segment__title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--primary-green);
}
.segment__details {
    list-style: none;
    padding: 0;
}
.segment__details li {
    padding: 8px 0;
    padding-left: 20px;
    position: relative;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.5;
    transition: color 0.2s ease;
}
.segment__details li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 700;
}
.segment__details li:hover {
    color: var(--text-primary);
}
.audience__additional {
    background: var(--bg-white-light);
    padding: 40px;
    border-radius: 20px;
    border: 1px solid var(--border-green-medium);
}
.additional__segments {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}
.additional__segment {
    background: var(--bg-green-light);
    padding: 20px;
    border-radius: 15px;
    border: 1px solid var(--border-green-semi);
    text-align: center;
    color: var(--primary-green);
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}
.additional__segment:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px var(--shadow-green-medium);
    border-color: var(--border-green-strong);
}
.footer {
    padding: 60px 0 40px;
    background: var(--bg-darker);
    border-top: 1px solid var(--border-gray);
}
.footer__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    align-items: center;
}
.footer__logo img {
    width: 120px;
    height: auto;
}
.footer__contact h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--primary-green);
}
.footer__contact p {
    color: var(--text-muted);
    margin-bottom: 8px;
}
.footer__legal {
    text-align: right;
}
.footer__legal p {
    color: var(--text-muted);
    font-size: 0.9rem;
}

/* ================================ */
/* MEDIA QUERIES                    */
/* ================================ */
/* Mobile Styles */
@media (max-width: 768px) {
    /* Content responsive */
    .hero__content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .hero__title {
        font-size: 2.5rem;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .hero__stats {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 30px 0;
    }
    
    .hero__stat {
        min-width: auto;
        width: 100%;
        max-width: 100%;
        padding: 20px 15px;
        background: var(--bg-black-dark);
        border: 1px solid var(--border-green-strong);
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .hero__stat-number {
        font-size: clamp(1.6rem, 5vw, 2rem);
        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-word;
        margin-bottom: 8px;
        min-height: auto;
    }
    
    .hero__stat-text {
        font-size: clamp(0.75rem, 2.8vw, 0.85rem);
        line-height: 1.4;
        color: var(--text-light-blue);
        margin-bottom: 4px;
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
    }
    
    .hero__stat-text:last-child {
        margin-bottom: 0;
        font-size: clamp(0.7rem, 2.5vw, 0.8rem);
        color: var(--text-muted);
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
    }
    
    /* Hero Investment Mobile Styles - Vertical Organic Layout */
    .hero__investment {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin: 25px 0;
    }
    
    .hero__investment-item {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 15px;
        padding: 18px 15px;
        background: var(--bg-white-strong);
        border-radius: 12px;
        border-left: 3px solid var(--primary-green);
        transition: all 0.3s ease;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .hero__investment-item:hover {
        background: var(--bg-white-medium);
        border-left-color: var(--primary-green-hover);
        transform: translateX(5px);
    }
    
    .hero__investment-item img {
        width: 32px;
        height: 32px;
        flex-shrink: 0;
        margin-top: 2px;
        filter: drop-shadow(0 2px 4px var(--shadow-green-intense));
    }
    
    .hero__investment-item p {
        font-size: clamp(0.8rem, 2.8vw, 0.9rem);
        line-height: 1.5;
        margin: 0;
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
        flex: 1;
        color: var(--text-light-blue);
    }
    
    .hero__investment-item span {
        font-size: clamp(0.85rem, 3vw, 0.95rem);
        font-weight: 600;
        color: var(--primary-green);
        overflow-wrap: break-word;
        word-break: break-word;
        display: inline-block;
    }
    
    .competition__grid {
        grid-template-columns: 1fr;
    }
    .advantage-grid {
        grid-template-columns: 1fr;
    }
    .chart-container {
        height: 300px;
        padding: 15px;
    }
    /* Financial Model Mobile Styles */
    .financial__two-column {
        flex-direction: column;
        gap: 20px;
    }
    .financial__left-column,
    .financial__right-column {
        width: 100%;
    }
    .financial__parameter-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .financial__scenarios-container {
        flex-direction: column;
        gap: 12px;
    }
    .financial__chart-container {
        height: 250px;
        padding: 10px;
    }
    .financial__metrics-container {
        gap: 12px;
    }
    /* Market Imbalance Mobile Styles */
    .market-comparison {
        flex-direction: column;
        gap: 20px;
    }
    
    .market-column {
        padding: 20px;
    }
    
    .stat-item {
        padding: 12px;
        margin-bottom: 15px;
    }
    
    .stat-icon {
        width: 40px;
        height: 40px;
        margin-right: 12px;
    }
    
    .stat-emoji {
        font-size: 18px;
    }
    
    .reasons-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .reason-item {
        padding: 20px 15px;
    }
    
    .reason-icon {
        width: 45px;
        height: 45px;
    }
    
    .reason-emoji {
        font-size: 20px;
    }
    
    /* Market Opportunity Mobile Styles */
    .market-opportunity {
        padding: 60px 0;
    }
    
    .market__shortage, .market__drivers {
        padding: 25px 20px;
        margin: 0 -10px;
    }
    
    .market__country {
        flex-direction: column;
        gap: 15px;
        padding: 20px 15px;
        text-align: center;
    }
    
    .market__country-name {
        min-width: auto;
        width: 100%;
        font-size: 1rem;
        margin-bottom: 10px;
    }
    
    .market__bar {
        width: 100% !important;
        height: 35px;
        min-width: 200px;
    }
    
    .market__value {
        position: static;
        transform: none;
        margin-top: 8px;
        font-size: 0.9rem;
        color: var(--text-primary);
        text-shadow: 0 1px 2px var(--shadow-text);
    }
    
    .market__drivers-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 25px;
    }
    
    .market__driver {
        padding: 25px 20px;
    }
    
    .market__driver-icon {
        font-size: 2.5rem;
        margin-bottom: 15px;
    }
    
    /* New Two-Column Market Mobile Styles */
    .market__content {
        flex-direction: column;
        gap: 30px;
    }
    
    .market__left-column,
    .market__right-column {
        width: 100%;
        padding: 0;
    }
    
    .market__chart-container {
        height: 250px;
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .market__data-point {
        padding: 15px;
        margin-bottom: 12px;
    }
    
    .market__data-icon {
        width: 40px;
        height: 40px;
        margin-right: 12px;
    }
    
    .market__icon {
        font-size: 20px;
    }
    
    .market__highlight-box {
        padding: 20px 15px;
        margin: 15px 0;
    }
    
    .timeline {
                padding: 0 15px;
}
                    
    .timeline::before {
        left: 35px;
        width: 4px;
        background: var(--gradient-timeline);
        transform: none;
    }
    
    .timeline::after {
        left: 40px;
        z-index: 1;
    }
        
    .timeline__item {
        flex-direction: column !important;
        margin-bottom: 50px;
        align-items: flex-start;
    }
    
    .timeline__year {
        width: 70px;
        height: 70px;
        min-width: 70px;
        font-size: 1rem;
        z-index: 3;
        border-width: 3px;
        flex-shrink: 0;
        margin-bottom: 10px;
    }
    
    .timeline__item:nth-child(even) {
        flex-direction: row-reverse;
    }
    
    .timeline__item:nth-child(even) .timeline__year {
        margin-left: auto;
    }
    
    .timeline__year::after {
        left: -10px !important;
        right: auto !important;
    }
    .timeline__content{
        width: 100%;
        margin: 0 10px;
        padding: 15px;
    }
    
    /* Mobile Menu */
    .header-top {
        position: relative;
    }
    
    .menu-btn {
        display: flex !important;
        order: 3;
        margin-left: auto;
    }
    
    .menu__contacts {
        display: none;
    }
    
    /* Hide desktop menu */
    nav .menu__list {
        display: none;
    }
    
    /* Show mobile menu elements only on mobile */
    .menu-btn,
    .mobile-menu,
    .mobile-menu-overlay {
        display: block;
    }
    
    /* Mobile menu overlay */
    .mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: var(--bg-black-medium);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }
    
    .menu-open .mobile-menu-overlay {
        opacity: 1;
        visibility: visible;
    }
    
    /* Mobile menu panel */
    .mobile-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 280px;
        height: 100vh;
        background: var(--gradient-bg-mobile);
        z-index: 1000;
        transition: left 0.3s ease;
        box-shadow: 2px 0 10px var(--shadow-dark);
    }
    
    .menu-open .mobile-menu {
        left: 0;
    }
    
    .mobile-menu__header {
        padding: 20px;
        border-bottom: 1px solid var(--border-green-medium);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .mobile-menu__logo {
        font-size: 1.2rem;
        font-weight: 600;
        color: var(--primary-green);
    }
    
    .mobile-menu__close {
        background: none;
        border: none;
        color: var(--primary-green);
        font-size: 1.5rem;
        cursor: pointer;
        padding: 5px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .mobile-menu__nav {
        padding: 20px 0;
    }
    
    .mobile-menu__list {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .mobile-menu__item {
        margin: 0;
    }
    
    .mobile-menu__link {
        display: block;
        padding: 15px 20px;
        color: var(--text-primary);
        text-decoration: none;
        font-size: 1.1rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        border-left: 3px solid transparent;
    }
    
    .mobile-menu__link:hover,
    .mobile-menu__link:focus {
        background: var(--bg-green-light);
        color: var(--primary-green);
        border-left-color: var(--primary-green);
        padding-left: 25px;
    }
    
    .mobile-menu__footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        border-top: 1px solid var(--border-green-medium);
    }
    
    .mobile-menu__contact {
        background: var(--gradient-primary);
        color: var(--bg-dark);
        border: none;
        padding: 12px 20px;
        border-radius: 25px;
        font-weight: 600;
        font-size: 0.9rem;
        cursor: pointer;
        width: 100%;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
    }
    
    .mobile-menu__contact:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px var(--shadow-green-dark);
    }
    
    .projection__period {
        font-size: 0.9rem;
    }
    
    .projection__value {
        font-size: 1.2rem;
    }
    
    .risks__grid {
        grid-template-columns: 1fr;
    }
    
    .footer__content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 30px;
    }
    
    .footer__legal {
        text-align: center;
    }
    
    .franchise__targets {
        grid-template-columns: 1fr;
    }
    
    .marketing__channels {
        grid-template-columns: 1fr;
    }
    
    .terms__grid {
        grid-template-columns: 1fr;
    }
    
    .timing__reasons {
        flex-direction: column;
        gap: 20px;
    }
    
    .timing__card-header {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .timing__card-icon {
        margin-right: 0;
        width: 50px;
        height: 50px;
    }
    
    .timing__driver-icon {
        width: 35px;
        height: 35px;
    }
    
    .timing__conclusion-box {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .timing__conclusion-icon {
        margin-right: 0;
        width: 50px;
        height: 50px;
    }
    
    .stories__grid {
        grid-template-columns: 1fr;
    }
    
    .segments__grid {
        grid-template-columns: 1fr;
    }
    
    .additional__segments {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 480px) {
    .projection__period {
        font-size: 0.8rem;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
    
    .projection__value {
        font-size: 1rem;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
    
    .container {
        padding: 0 15px;
    }
    
    main .hero {
        padding: 100px 0 60px;
    }
    
    .hero__title {
        font-size: 2rem;
    }
    
    .hero__stats {
        gap: 15px;
        margin: 25px 0;
    }
    
    .hero__stat {
        padding: 18px 12px;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .hero__stat-number {
        font-size: 1.4rem;
        margin-bottom: 6px;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-word;
    }
    
    .hero__stat-text {
        font-size: 0.75rem;
        line-height: 1.3;
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
    }
    
    .hero__stat-text:last-child {
        font-size: 0.7rem;
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
    }
    
    /* Hero Investment Small Mobile Styles */
    .hero__investment {
        gap: 12px;
        margin: 20px 0;
    }
    
    .hero__investment-item {
        gap: 12px;
        padding: 15px 12px;
        border-left-width: 2px;
    }
    
    .hero__investment-item img {
        width: 28px;
        height: 28px;
        margin-top: 1px;
    }
    
    .hero__investment-item p {
        font-size: 0.78rem;
        line-height: 1.4;
    }
    
    .hero__investment-item span {
        font-size: 0.85rem;
        font-weight: 600;
    }
    
    .section-title {
        font-size: 1.8rem;
    }
    
    .properties__grid {
        grid-template-columns: 1fr;
    }
    
    .price-tier {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 10px;
    }
    
    .hero__stat-number {
        font-size: 1.8rem;
        white-space: nowrap;
        overflow: visible;
        word-break: keep-all;
    }
}

/* Investment Details Section */
.investment__section-title {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 600;
    color: var(--primary-green);
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.investment__section-title i {
    margin-right: 12px;
    font-size: clamp(1.6rem, 4.5vw, 2rem);
}

.investment__container {
    display: flex;
    gap: 30px;
    margin-top: 40px;
}

.investment__left-column {
    width: 40%;
    display: flex;
    flex-direction: column;
}

.investment__right-column {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.investment__total-display {
    background: linear-gradient(135deg, var(--bg-green-light) 0%, var(--bg-green-very-light) 100%);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 25px;
    border-left: 5px solid var(--primary-green);
    text-align: center;
    box-shadow: 0 10px 30px var(--shadow-green-light);
}

.investment__total-label {
    font-size: clamp(1rem, 3vw, 1.2rem);
    color: var(--text-secondary);
    margin-bottom: 12px;
    font-weight: 500;
}

.investment__total-amount {
    font-size: clamp(2.5rem, 8vw, 3.5rem);
    font-weight: 700;
    color: var(--primary-green);
    text-shadow: 0 2px 4px var(--shadow-green-medium);
}

.investment__chart-container {
    flex-grow: 1;
    min-height: 320px;
    background: var(--bg-white-light);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 30px var(--shadow-white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.investment__box {
    background: var(--bg-white-light);
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 10px 30px var(--shadow-white);
    transition: all 0.3s ease;
}

.investment__box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px var(--shadow-medium);
}

.investment__box--conversion {
    border-left: 5px solid var(--primary-green);
}

.investment__box--reserves {
    border-left: 5px solid #FF9A42;
}

.investment__box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-light);
}

.investment__box-title {
    font-size: clamp(1.2rem, 3.5vw, 1.5rem);
    font-weight: 600;
    display: flex;
    align-items: center;
}

.investment__box--conversion .investment__box-title {
    color: var(--primary-green);
}

.investment__box--reserves .investment__box-title {
    color: #FF9A42;
}

.investment__box-title i {
    margin-right: 10px;
    font-size: 1.3em;
}

.investment__box-amount {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 700;
}

.investment__box--conversion .investment__box-amount {
    color: var(--primary-green);
}

.investment__box--reserves .investment__box-amount {
    color: #FF9A42;
}

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

.investment__expense-item {
    display: flex;
    align-items: center;
    padding: 12px 0;
}

.investment__expense-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.investment__box--conversion .investment__expense-icon {
    background: linear-gradient(135deg, var(--bg-green-light) 0%, var(--bg-green-very-light) 100%);
    border: 2px solid var(--primary-green-light);
}

.investment__box--conversion .investment__expense-icon i {
    color: var(--primary-green);
    font-size: 1.1rem;
}

.investment__box--reserves .investment__expense-icon {
    background: linear-gradient(135deg, rgba(255, 154, 66, 0.15) 0%, rgba(255, 176, 84, 0.1) 100%);
    border: 2px solid rgba(255, 154, 66, 0.3);
}

.investment__box--reserves .investment__expense-icon i {
    color: #FF9A42;
    font-size: 1.1rem;
}

.investment__expense-content {
    flex-grow: 1;
}

.investment__expense-name {
    font-size: clamp(0.85rem, 2.5vw, 0.95rem);
    color: var(--text-secondary);
    margin-bottom: 4px;
    line-height: 1.3;
}

.investment__expense-value {
    font-size: clamp(1rem, 3vw, 1.15rem);
    font-weight: 700;
}

.investment__box--conversion .investment__expense-value {
    color: var(--primary-green);
}

.investment__box--reserves .investment__expense-value {
    color: #FF9A42;
}

/* Investment Details Mobile Styles */
@media (max-width: 768px) {
    .investment__container {
        flex-direction: column;
        gap: 25px;
    }
    
    .investment__left-column,
    .investment__right-column {
        width: 100%;
    }
    
    .investment__chart-container {
        min-height: 280px;
    }
    
    .investment__expense-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .investment__expense-icon {
        width: 40px;
        height: 40px;
        margin-right: 12px;
    }
    
    .investment__expense-icon i {
        font-size: 1rem !important;
    }
}

/* Franchise Model Section */
.franchise__section-title {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 600;
    color: var(--primary-green);
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.franchise__section-title i {
    margin-right: 12px;
    font-size: clamp(1.6rem, 4.5vw, 2rem);
}

.franchise__container {
    display: flex;
    gap: 30px;
    margin-top: 40px;
}

.franchise__left-column {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.franchise__right-column {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.franchise__box {
    background: var(--bg-white-light);
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 10px 30px var(--shadow-white);
    transition: all 0.3s ease;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.franchise__box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px var(--shadow-medium);
}

.franchise__box--franchisee {
    border-left: 5px solid var(--primary-green);
}

.franchise__box--geography {
    border-left: 5px solid #2196F3;
}

.franchise__box--benefits {
    border-left: 5px solid #9C27B0;
}

.franchise__box--revenue {
    border-left: 5px solid #FF9A42;
}

.franchise__box-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.franchise__box-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.franchise__box--franchisee .franchise__box-icon {
    background: linear-gradient(135deg, var(--bg-green-light) 0%, var(--bg-green-very-light) 100%);
}

.franchise__box--franchisee .franchise__box-icon i {
    color: var(--primary-green);
    font-size: 1.4rem;
}

.franchise__box--geography .franchise__box-icon {
    background: linear-gradient(135deg, rgba(33, 150, 243, 0.15) 0%, rgba(33, 150, 243, 0.1) 100%);
}

.franchise__box--geography .franchise__box-icon i {
    color: #2196F3;
    font-size: 1.4rem;
}

.franchise__box--benefits .franchise__box-icon {
    background: linear-gradient(135deg, rgba(156, 39, 176, 0.15) 0%, rgba(156, 39, 176, 0.1) 100%);
}

.franchise__box--benefits .franchise__box-icon i {
    color: #9C27B0;
    font-size: 1.4rem;
}

.franchise__box--revenue .franchise__box-icon {
    background: linear-gradient(135deg, rgba(255, 154, 66, 0.15) 0%, rgba(255, 176, 84, 0.1) 100%);
}

.franchise__box--revenue .franchise__box-icon i {
    color: #FF9A42;
    font-size: 1.4rem;
}

.franchise__box-title {
    font-size: clamp(1.2rem, 3.5vw, 1.5rem);
    font-weight: 600;
}

.franchise__box--franchisee .franchise__box-title {
    color: var(--primary-green);
}

.franchise__box--geography .franchise__box-title {
    color: #2196F3;
}

.franchise__box--benefits .franchise__box-title {
    color: #9C27B0;
}

.franchise__box--revenue .franchise__box-title {
    color: #FF9A42;
}

.franchise__parameter-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    flex-grow: 1;
}

.franchise__parameter-item {
    display: flex;
    flex-direction: column;
    padding: 12px 0;
}

.franchise__parameter-label {
    font-size: clamp(0.9rem, 2.5vw, 1rem);
    color: var(--text-secondary);
    margin-bottom: 5px;
    font-weight: 500;
}

.franchise__parameter-value {
    font-size: clamp(1.1rem, 3.5vw, 1.4rem);
    font-weight: 700;
    color: var(--primary-green);
}

.franchise__geography-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 20px;
}

.franchise__geography-item {
    display: flex;
    align-items: center;
}

.franchise__geography-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(33, 150, 243, 0.15) 0%, rgba(33, 150, 243, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.franchise__geography-icon i {
    color: #2196F3;
    font-size: 1.3rem;
}

.franchise__geography-text {
    font-size: clamp(0.95rem, 3vw, 1.1rem);
    color: var(--text-secondary);
    line-height: 1.4;
}

.franchise__highlight {
    font-weight: 700;
}

.franchise__box--franchisee .franchise__highlight {
    color: var(--primary-green);
}

.franchise__box--geography .franchise__highlight {
    color: #2196F3;
}

.franchise__box--benefits .franchise__highlight {
    color: #9C27B0;
}

.franchise__box--revenue .franchise__highlight {
    color: #FF9A42;
}

.franchise__map-container {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 120px;
    margin-top: 15px;
}

.franchise__map-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(33, 150, 243, 0.1) 0%, rgba(33, 150, 243, 0.05) 100%);
    border: 2px dashed rgba(33, 150, 243, 0.3);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #2196F3;
    font-weight: 600;
    min-height: 120px;
}

.franchise__map-placeholder i {
    font-size: 2rem;
    margin-bottom: 8px;
}

.franchise__benefits-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
    flex-grow: 1;
}

.franchise__benefit-item {
    display: flex;
    align-items: center;
}

.franchise__benefit-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(156, 39, 176, 0.15) 0%, rgba(156, 39, 176, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.franchise__benefit-icon i {
    color: #9C27B0;
    font-size: 1.3rem;
}

.franchise__benefit-text {
    font-size: clamp(0.95rem, 3vw, 1.1rem);
    color: var(--text-secondary);
    line-height: 1.4;
}

.franchise__revenue-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.franchise__revenue-item:last-child {
    margin-bottom: 0;
}

.franchise__revenue-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255, 154, 66, 0.15) 0%, rgba(255, 176, 84, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.franchise__revenue-icon i {
    color: #FF9A42;
    font-size: 1.3rem;
}

.franchise__revenue-content {
    flex-grow: 1;
}

.franchise__revenue-label {
    font-size: clamp(0.95rem, 3vw, 1.1rem);
    color: var(--text-secondary);
    margin-bottom: 5px;
    font-weight: 500;
}

.franchise__revenue-value {
    font-size: clamp(1.3rem, 3.8vw, 1.6rem);
    font-weight: 700;
    color: #FF9A42;
    margin-bottom: 5px;
}

.franchise__revenue-desc {
    font-size: clamp(0.85rem, 2.5vw, 0.95rem);
    color: var(--text-muted);
    line-height: 1.3;
}

/* Franchise Model Mobile Styles */
@media (max-width: 768px) {
    .franchise__container {
        flex-direction: column;
        gap: 25px;
    }
    
    .franchise__left-column,
    .franchise__right-column {
        width: 100%;
    }
    
    .franchise__parameter-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .franchise__box-icon {
        width: 45px;
        height: 45px;
    }
    
    .franchise__geography-icon,
    .franchise__benefit-icon,
    .franchise__revenue-icon {
        width: 40px;
        height: 40px;
    }
    
    .franchise__map-container {
        min-height: 100px;
    }
    
    .franchise__map-placeholder {
        min-height: 100px;
    }
    
    .franchise__map-placeholder i {
        font-size: 1.5rem;
    }
}

/* Technology Section - Enhanced with Color Themes */
.technology__subtitle {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.technology__subtitle i {
    color: var(--primary-color);
    font-size: clamp(1.6rem, 4.5vw, 2rem);
}

.technology__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto 40px;
}

.tech-feature {
    background: var(--bg-white-light);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-green-light);
}

.tech-feature:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.tech-feature__header--colored {
    padding: 25px;
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
}

.tech-feature--client .tech-feature__header--colored {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
}

.tech-feature--management .tech-feature__header--colored {
    background: linear-gradient(135deg, #00897b 0%, #00695c 100%);
}

.tech-feature--security .tech-feature__header--colored {
    background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
}

/* Tech Feature Colored Borders - matching project design patterns */
.tech-feature--client {
    border: 1px solid rgba(25, 118, 210, 0.15);
}

.tech-feature--client:hover {
    border-color: rgba(25, 118, 210, 0.3);
    box-shadow: 0 8px 30px rgba(25, 118, 210, 0.15);
}

.tech-feature--management {
    border: 1px solid rgba(0, 137, 123, 0.15);
}

.tech-feature--management:hover {
    border-color: rgba(0, 137, 123, 0.3);
    box-shadow: 0 8px 30px rgba(0, 137, 123, 0.15);
}

.tech-feature--security {
    border: 1px solid rgba(123, 31, 162, 0.15);
}

.tech-feature--security:hover {
    border-color: rgba(123, 31, 162, 0.3);
    box-shadow: 0 8px 30px rgba(123, 31, 162, 0.15);
}

.tech-feature__icon--large {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: clamp(1.8rem, 5vw, 2.4rem);
}

.tech-feature__title {
    font-size: clamp(1.3rem, 3.8vw, 1.6rem);
    font-weight: 600;
    margin: 0;
    color: white;
}

.tech-feature__content {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.tech-feature__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.tech-feature__item-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: clamp(1.1rem, 3vw, 1.3rem);
}

.tech-feature--client .tech-feature__item-icon {
    background: rgba(25, 118, 210, 0.1);
    color: #1976d2;
}

.tech-feature--management .tech-feature__item-icon {
    background: rgba(0, 137, 123, 0.1);
    color: #00897b;
}

.tech-feature--security .tech-feature__item-icon {
    background: rgba(123, 31, 162, 0.1);
    color: #7b1fa2;
}

.tech-feature__item-text {
    font-size: clamp(0.95rem, 3vw, 1.1rem);
    color: var(--text-secondary);
    line-height: 1.5;
    flex-grow: 1;
}

.tech-feature__highlight {
    font-weight: 700;
}

.tech-feature--client .tech-feature__highlight {
    color: #1976d2;
}

.tech-feature--management .tech-feature__highlight {
    color: #00897b;
}

.tech-feature--security .tech-feature__highlight {
    color: #7b1fa2;
}

.technology__advantage {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.1) 0%, rgba(255, 152, 0, 0.05) 100%);
    border-radius: 12px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-left: 5px solid #FF9800;
    max-width: 1200px;
    margin: 40px auto 0;
}

.technology__advantage-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: clamp(1.8rem, 5vw, 2.2rem);
    flex-shrink: 0;
}

.technology__advantage-content {
    flex-grow: 1;
}

.technology__advantage-title {
    font-size: clamp(1.3rem, 3.8vw, 1.6rem);
    font-weight: 600;
    color: #FF9800;
    margin-bottom: 8px;
}

.technology__advantage-desc {
    font-size: clamp(0.95rem, 3vw, 1.1rem);
    color: var(--text-secondary);
    line-height: 1.5;
}

/* Technology Container Responsive Design */
@media (max-width: 768px) {
    .technology__container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .technology__box-header {
        padding: 20px 25px;
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .technology__box-icon {
        width: 50px;
        height: 50px;
        margin-right: 0;
    }
    
    .technology__box-title {
        margin: 0;
        font-size: clamp(1.1rem, 4vw, 1.3rem);
    }
    
    .technology__content {
        padding: 25px 20px;
        gap: 15px;
    }
    
    .technology__item-icon {
        width: 40px;
        height: 40px;
    }
    
    .technology__advantage {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        padding: 20px;
    }
    
    .technology__advantage-icon {
        width: 60px;
        height: 60px;
    }
}


/* Operational Efficiency Section - Standardized */
.efficiency__overview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.efficiency__optimization,
.efficiency__revenue {
    background: var(--bg-white-light);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.efficiency__section-header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    gap: 15px;
}

.efficiency__section-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: clamp(1.6rem, 4.5vw, 2rem);
}

.efficiency__section-title {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.efficiency__category {
    background: white;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
    border-left: 4px solid var(--primary-color);
}

.efficiency__category:last-child {
    margin-bottom: 0;
}

.efficiency__category-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 12px;
}

.efficiency__category-icon {
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: clamp(1.2rem, 3.5vw, 1.4rem);
}

.efficiency__category-title {
    font-size: clamp(1.2rem, 3.5vw, 1.5rem);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.efficiency__list,
.efficiency__revenue-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.efficiency__revenue-list {
    padding-top: 30px;
    gap: 30px;
}

.efficiency__list-item,
.efficiency__revenue-item {
    font-size: clamp(0.95rem, 3vw, 1.1rem);
    color: var(--text-secondary);
    line-height: 1.6;
    position: relative;
    padding-left: 20px;
}

.efficiency__list-item::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: var(--primary-color);
    font-weight: bold;
}

.efficiency__list-item:hover {
    color: var(--text-primary);
    transform: translateX(5px);
    transition: all 0.3s ease;
}

.efficiency__revenue-total {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border-radius: 12px;
    padding: 20px;
    margin-top: 30px;
    text-align: center;
    color: white;
}

.efficiency__total-label {
    font-size: clamp(1rem, 3vw, 1.2rem);
    margin-bottom: 8px;
    opacity: 0.9;
}

.efficiency__total-amount {
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 700;
}

@media (max-width: 768px) {
    .efficiency__overview {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .efficiency__optimization,
    .efficiency__revenue {
        padding: 25px 20px;
    }
    
    .efficiency__section-header {
        gap: 12px;
    }
    
    .efficiency__section-icon {
        width: 45px;
        height: 45px;
    }
    
    .efficiency__category {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .efficiency__category-icon {
        width: 35px;
        height: 35px;
    }
}


/* Structure Section */
.structure {
    padding: 60px 0;
    background: var(--gradient-bg-dark);
    position: relative;
    overflow: hidden;
}

.structure::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 80% 20%, var(--bg-green-light) 0%, transparent 50%);
    pointer-events: none;
}

.structure__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.structure__chart-container {
    background: var(--bg-white-light);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    border: 1px solid var(--border-green-medium);
    backdrop-filter: blur(10px);
}

.structure__chart-wrapper {
    position: relative;
    height: 300px;
    margin-bottom: 30px;
}

.structure__chart-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.structure__chart-percentage {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1;
}

.structure__chart-label {
    font-size: clamp(0.8rem, 1.5vw, 0.9rem);
    color: var(--text-secondary);
    margin-top: 5px;
}

.structure__legend {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.structure__legend-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.structure__legend-color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    flex-shrink: 0;
}

.structure__legend-color--ceo {
    background: rgba(84, 255, 143, 0.9);
}

.structure__legend-color--founder {
    background: rgba(156, 39, 176, 0.9);
}

.structure__legend-color--first {
    background: rgba(33, 150, 243, 0.9);
}

.structure__legend-color--second {
    background: rgba(255, 152, 0, 0.9);
}

.structure__legend-text {
    font-size: clamp(0.9rem, 1.8vw, 1rem);
    color: var(--text-primary);
    font-weight: 500;
}

/* Two-column Structure Layout */
.structure__left {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.structure__right {
    display: flex;
    flex-direction: column;
}

.structure__ceo-card {
    margin-top: 0;
}

.structure__cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.structure__card {
    background: var(--bg-white-light);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    position: relative;
    border: 1px solid var(--border-green-medium);
    backdrop-filter: blur(10px);
}

/* Card Border Colors by Type */
.structure__card--founder {
    border-color: var(--border-purple-light);
}

.structure__card--first {
    border-color: var(--border-blue-light);
}

.structure__card--second {
    border-color: var(--border-orange-light);
}

.structure__card:hover {
    transform: translateY(-5px);
}

.structure__card--ceo:hover {
    box-shadow: 0 15px 40px var(--shadow-green-medium);
    border-color: var(--border-green-strong);
}

.structure__card--founder:hover {
    box-shadow: 0 15px 40px var(--shadow-purple-medium);
    border-color: var(--border-purple-medium);
}

.structure__card--first:hover {
    box-shadow: 0 15px 40px var(--shadow-blue-medium);
    border-color: var(--border-blue-medium);
}

.structure__card--second:hover {
    box-shadow: 0 15px 40px var(--shadow-orange-medium);
    border-color: var(--border-orange-medium);
}

.structure__card-pattern {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background: repeating-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.1) 8px,
        transparent 8px,
        transparent 16px
    );
    border-radius: 50%;
    transform: translate(25px, -25px);
}

.structure__card-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 24px;
    z-index: 2;
}

.structure__card-header {
    padding: 25px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 15px;
}

.structure__card--ceo .structure__card-header {
    background: linear-gradient(135deg, var(--primary-green) 0%, var(--primary-green-dark) 100%);
}

.structure__card--founder .structure__card-header {
    background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
}

.structure__card--first .structure__card-header {
    background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
}

.structure__card--second .structure__card-header {
    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
}

.structure__card-icon {
    font-size: 40px;
    margin-bottom: 0;
}

.structure__card-icon i {
    color: white;
}

.structure__card-title {
    font-size: clamp(1.1rem, 2.2vw, 1.3rem);
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    color: white;
    flex-grow: 1;
}

.structure__equity-badge {
    font-size: clamp(0.9rem, 1.8vw, 1rem);
    font-weight: 600;
    margin-top: 0;
    opacity: 0.9;
    color: white;
}

.structure__responsibilities {
    padding: 25px;
}

.structure__responsibility {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 15px;
}

.structure__responsibility:last-child {
    margin-bottom: 0;
}

.structure__responsibility-icon {
    font-size: 16px;
    color: #007bff;
    margin-top: 2px;
    flex-shrink: 0;
}

.structure__card--ceo .structure__responsibility-icon {
    color: var(--primary-green);
}

.structure__card--founder .structure__responsibility-icon {
    color: #9c27b0;
}

.structure__card--first .structure__responsibility-icon {
    color: #2196f3;
}

.structure__card--second .structure__responsibility-icon {
    color: #ff9800;
}

.structure__responsibility-text {
    font-size: clamp(0.85rem, 1.7vw, 0.95rem);
    line-height: 1.5;
    color: var(--text-secondary);
}

.structure__highlight {
    font-weight: 600;
    color: var(--text-primary);
}

.structure__investment {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    margin-right: 8px;
}

.structure__currency {
    font-size: 0.9em;
    color: #007bff;
    font-weight: 600;
}

.structure__amount {
    font-size: 1.1em;
    font-weight: 700;
    color: #007bff;
}

.structure__card--founder .structure__currency {
    color: #9c27b0;
}

.structure__card--founder .structure__amount {
    color: #9c27b0;
}

.structure__card--second .structure__currency {
    color: #ff9800;
}

.structure__card--second .structure__amount {
    color: #ff9800;
}

@media (max-width: 768px) {
    .structure__content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .structure__chart-container {
        padding: 25px;
    }
    
    .structure__chart-wrapper {
        height: 250px;
        margin-bottom: 25px;
    }
    
    .structure__legend {
        gap: 12px;
    }
    
    .structure__cards {
        gap: 15px;
    }
    
    .structure__card-header {
        padding: 20px;
    }
    
    .structure__responsibilities {
        padding: 20px;
    }
    
    .structure__card-icon {
        font-size: 36px;
    }
}