/* ============================================
   TRADE HUB DJIBOUTI - Main Stylesheet
   ============================================ */

:root {
    --navy: #1a3a5c;
    --navy-light: #2a5580;
    --navy-dark: #0f2840;
    --gold: #c9a227;
    --gold-light: #dbb94a;
    --gold-dark: #a8871f;
    --green: #1e5631;
    --green-light: #2d7a47;
    --red: #8b1a1a;
    --red-light: #a52a2a;
    --white: #ffffff;
    --off-white: #f9f8f6;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
    --section-padding: 100px;
    --container-max: 1200px;
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.15);
    --shadow-xl: 0 20px 50px rgba(0,0,0,0.2);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);font-weight:400;line-height:1.7;color:var(--gray-700);background-color:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:var(--transition-base)}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}

h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--navy)}
h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}
h2{font-size:clamp(2rem,4vw,3rem)}
h3{font-size:clamp(1.5rem,3vw,2rem)}
h4{font-size:1.5rem}
h5{font-size:1.25rem}
p{margin-bottom:1rem}

.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}
section{padding:var(--section-padding) 0}
.bg-light{background:var(--off-white)}
.text-center{text-align:center}

/* Standardized Icon Sizes */
.icon-sm svg { width: 24px; height: 24px; stroke-width: 2; }
.icon-md svg { width: 36px; height: 36px; stroke-width: 2; }
.icon-lg svg { width: 48px; height: 48px; stroke-width: 2; }
.icon-xl svg { width: 64px; height: 64px; stroke-width: 1.5; }

/* Header */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);transition:var(--transition-base)}
.header.scrolled{box-shadow:var(--shadow-md)}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:60px;width:auto}
.logo-text{display:flex;flex-direction:column}
.logo-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--navy);line-height:1.2}
.logo-subtitle{font-size:0.75rem;font-weight:500;color:var(--gold);text-transform:uppercase;letter-spacing:1px}

.nav-main{display:flex;align-items:center;gap:32px}
.nav-main a{font-size:0.875rem;font-weight:500;color:var(--gray-600);text-transform:uppercase;letter-spacing:0.5px;position:relative}
.nav-main a:hover{color:var(--navy)}
.nav-main a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gold);transition:var(--transition-base)}
.nav-main a:hover::after,.nav-main a.active::after{width:100%}
.nav-main a.active{color:var(--navy)}
.nav-cta{background:var(--gold)!important;color:var(--navy)!important;padding:12px 24px!important;border-radius:4px;font-weight:600!important}
.nav-cta::after{display:none!important}
.nav-cta:hover{background:var(--gold-dark)!important}
.mobile-toggle{display:none;flex-direction:column;gap:5px;padding:8px}
.mobile-toggle span{display:block;width:24px;height:2px;background:var(--navy);transition:var(--transition-base)}

/* Hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:100px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.2}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,58,92,0.95) 0%,rgba(15,40,64,0.9) 100%)}
.hero-content{position:relative;z-index:2;max-width:800px}
.hero-badge{display:inline-block;background:rgba(201,162,39,0.15);border:1px solid var(--gold);color:var(--gold);padding:8px 20px;border-radius:30px;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}
.hero h1{color:var(--white);margin-bottom:24px}
.hero h1 span{color:var(--gold)}
.hero-text{font-size:1.25rem;color:rgba(255,255,255,0.85);margin-bottom:40px;line-height:1.8}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}
.hero-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:80px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.1)}
.hero-stat{text-align:center}
.hero-stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px}
.hero-stat-label{font-size:0.875rem;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.5px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border-radius:4px;transition:var(--transition-base);cursor:pointer;border:2px solid transparent}
.btn-primary{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.btn-primary:hover{background:var(--gold-dark);border-color:var(--gold-dark)}
.btn-secondary{background:transparent;color:var(--white);border-color:var(--white)}
.btn-secondary:hover{background:var(--white);color:var(--navy)}
.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-outline:hover{background:var(--navy);color:var(--white)}
.btn-lg{padding:18px 40px;font-size:1rem}

/* Section Headers */
.section-header{text-align:center;max-width:700px;margin:0 auto 60px}
.section-label{display:inline-block;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:16px}
.section-label.light{color:var(--gold-light)}
.section-header h2{margin-bottom:20px}
.section-header h2 span{color:var(--gold)}
.section-header p{font-size:1.125rem;color:var(--gray-500)}

/* Page Hero */
.page-hero{position:relative;padding:180px 0 100px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);overflow:hidden}
.page-hero-overlay{position:absolute;inset:0;background:url('images/hero-bg.jpg') center/cover;opacity:0.15}
.page-hero-content{position:relative;z-index:2;max-width:700px}
.page-hero h1{color:var(--white);margin-bottom:20px}
.page-hero h1 span{color:var(--gold)}
.page-hero p{font-size:1.25rem;color:rgba(255,255,255,0.85);margin-bottom:0}
.page-hero-about{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%)}
.page-hero-djibouti{background:linear-gradient(135deg,var(--green) 0%,#164428 100%)}
.page-hero-mission{background:linear-gradient(135deg,var(--green) 0%,#164428 100%)}
.page-hero-november{background:linear-gradient(135deg,var(--red) 0%,#6b1414 100%)}

/* Missions */
.missions-section{background:var(--off-white)}
.missions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.mission-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-base)}
.mission-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}
.mission-card-image{position:relative;height:240px;overflow:hidden}
.mission-card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}
.mission-card:hover .mission-card-image img{transform:scale(1.05)}
.mission-card-badge{position:absolute;top:20px;left:20px;padding:8px 16px;border-radius:4px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}
.mission-card-badge.green{background:var(--green);color:var(--white)}
.mission-card-badge.red{background:var(--red);color:var(--white)}
.mission-card-content{padding:32px}
.mission-card-date{display:flex;align-items:center;gap:8px;font-size:0.875rem;font-weight:600;color:var(--gold);margin-bottom:12px}
.mission-card h3{margin-bottom:16px}
.mission-card p{color:var(--gray-500);margin-bottom:24px}
.mission-card-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.mission-feature{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gray-100);border-radius:20px;font-size:0.8rem;color:var(--gray-600)}
.mission-feature svg{width:14px;height:14px;color:var(--green)}

/* Features */
.features-section{background:var(--white)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.feature-card{text-align:center;padding:40px 24px}
.feature-icon{width:100px;height:100px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);border-radius:50%}
.feature-icon svg{width:48px;height:48px;color:var(--gold);stroke-width:2}
.feature-card h4{margin-bottom:12px}
.feature-card p{color:var(--gray-500);font-size:0.95rem}

/* Sectors */
.sectors-section{background:var(--navy);color:var(--white)}
.sectors-section .section-header h2{color:var(--white)}
.sectors-section .section-header p{color:rgba(255,255,255,0.7)}
.sectors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sector-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:36px 28px;text-align:center;transition:var(--transition-base)}
.sector-card:hover{background:rgba(255,255,255,0.1);border-color:var(--gold);transform:translateY(-4px)}
.sector-icon{width:72px;height:72px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:rgba(201,162,39,0.15);border-radius:50%}
.sector-icon svg{width:36px;height:36px;color:var(--gold);stroke-width:2}
.sector-card h5{color:var(--white);font-size:1.1rem;font-weight:600;margin-bottom:8px}
.sector-card p{color:rgba(255,255,255,0.7);font-size:0.85rem;margin:0;line-height:1.5}

/* CTA */
.cta-section{background:linear-gradient(135deg,var(--green) 0%,#164428 100%);color:var(--white);text-align:center}
.cta-section h2{color:var(--white);margin-bottom:20px}
.cta-section p{font-size:1.25rem;color:rgba(255,255,255,0.85);max-width:600px;margin:0 auto 32px}
.cta-content{max-width:700px;margin:0 auto}
.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* Footer */
.footer{background:var(--navy-dark);color:var(--white);padding:80px 0 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}
.footer-brand{max-width:300px}
.footer-brand .logo-title{color:var(--white);margin-bottom:4px}
.footer-brand .logo-subtitle{margin-bottom:20px}
.footer-brand p{color:rgba(255,255,255,0.7);font-size:0.95rem;margin-bottom:24px}
.footer-social{display:flex;gap:12px}
.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:50%;transition:var(--transition-base)}
.footer-social a:hover{background:var(--gold)}
.footer-social svg{width:18px;height:18px;color:var(--white)}
.footer-links-col h5,.footer-contact h5{color:var(--white);font-size:1rem;font-weight:600;margin-bottom:24px;font-family:var(--font-body)}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-links li a{color:rgba(255,255,255,0.7);font-size:0.9rem}
.footer-links li a:hover{color:var(--gold)}
.footer-contact p{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:16px}
.footer-contact svg{width:18px;height:18px;color:var(--gold);flex-shrink:0}
.footer-contact a{color:rgba(255,255,255,0.7)}
.footer-contact a:hover{color:var(--gold)}
.footer-bottom{padding-top:40px;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{color:rgba(255,255,255,0.5);font-size:0.875rem;margin:0}
.footer-bottom-links{display:flex;gap:24px}
.footer-bottom-links a{color:rgba(255,255,255,0.5);font-size:0.875rem}
.footer-bottom-links a:hover{color:var(--gold)}

/* About - Mission/Vision */
.mission-vision-section{padding:var(--section-padding) 0}
.mv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.mv-card{padding:48px;border-radius:12px;text-align:center}
.mv-mission{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);color:var(--white)}
.mv-vision{background:linear-gradient(135deg,var(--green) 0%,#164428 100%);color:var(--white)}
.mv-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:50%}
.mv-icon svg{color:var(--gold)}
.mv-card h3{color:var(--white);margin-bottom:16px}
.mv-card p{color:rgba(255,255,255,0.85);font-size:1.05rem;line-height:1.8;margin:0}

/* About - Who We Are */
.who-we-are-section{padding:var(--section-padding) 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-image-stack{position:relative}
.about-img-main{border-radius:12px;box-shadow:var(--shadow-lg)}
.about-img-overlay{position:absolute;bottom:-40px;right:-40px;width:200px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xl);border:4px solid var(--white)}
.about-img-overlay img{width:100%}
.about-floating-stat{position:absolute;top:-20px;left:-20px;background:var(--gold);color:var(--navy);padding:20px 28px;border-radius:12px;text-align:center;box-shadow:var(--shadow-lg)}
.floating-number{display:block;font-family:var(--font-heading);font-size:2.5rem;font-weight:700;line-height:1}
.floating-label{display:block;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-top:4px}
.about-content .section-label{text-align:left;display:block}
.about-content h2{margin-bottom:24px}
.about-content p{color:var(--gray-600);margin-bottom:20px}
.about-values{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.value-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--white);border-radius:8px;box-shadow:var(--shadow-sm)}
.value-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.value-icon.gold{background:rgba(201,162,39,0.15);color:var(--gold)}
.value-icon.green{background:rgba(30,86,49,0.15);color:var(--green)}
.value-icon.navy{background:rgba(26,58,92,0.15);color:var(--navy)}
.value-icon.red{background:rgba(139,26,26,0.15);color:var(--red)}
.value-item span{font-weight:600;font-size:0.9rem;color:var(--gray-700)}

/* About - Services */
.services-section{padding:var(--section-padding) 0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.service-card{background:var(--white);padding:40px 32px;border-radius:12px;box-shadow:var(--shadow-sm);transition:var(--transition-base);border:1px solid var(--gray-200)}
.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.service-card-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:24px}
.service-card-icon svg{width:40px;height:40px;color:var(--white);stroke-width:2}
.gradient-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%)}
.gradient-green{background:linear-gradient(135deg,var(--green) 0%,var(--green-light) 100%)}
.gradient-navy{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%)}
.gradient-red{background:linear-gradient(135deg,var(--red) 0%,var(--red-light) 100%)}
.service-card h4{margin-bottom:12px;font-size:1.25rem}
.service-card p{color:var(--gray-500);margin:0}

/* About - Process */
.process-section{padding:var(--section-padding) 0}
.process-timeline{display:flex;align-items:flex-start;justify-content:space-between;max-width:1000px;margin:0 auto}
.process-step{flex:1;text-align:center;max-width:220px}
.step-number{width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;border-radius:50%}
.step-content h4{font-size:1.1rem;margin-bottom:12px}
.step-content p{font-size:0.9rem;color:var(--gray-500);margin:0}
.process-connector{width:60px;height:2px;background:var(--gray-300);margin-top:30px;flex-shrink:0}

/* About - Partnership */
.partnership-section{padding:var(--section-padding) 0;background:var(--white)}
.partnership-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.partnership-content .section-label{text-align:left;display:block}
.partnership-content h2{margin-bottom:24px}
.partnership-content>p{color:var(--gray-600);margin-bottom:24px}
.partnership-list{margin-top:24px}
.partnership-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-200)}
.partnership-list li:last-child{border-bottom:none}
.partnership-list svg{width:20px;height:20px;color:var(--green);flex-shrink:0;margin-top:2px}
.partnership-list span{color:var(--gray-600)}
.partnership-image{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}
.partnership-image img{width:100%}

/* Why Djibouti - Stats Banner */
.stats-banner{background:var(--white);padding:0;margin-top:-60px;position:relative;z-index:10}
.stats-banner .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);border-radius:12px;box-shadow:var(--shadow-xl);overflow:hidden}
.stat-card{display:flex;align-items:center;gap:16px;padding:32px 24px;border-right:1px solid var(--gray-200)}
.stat-card:last-child{border-right:none}
.stat-card .stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(201,162,39,0.1);border-radius:12px;flex-shrink:0}
.stat-card .stat-icon svg{color:var(--gold)}
.stat-info{display:flex;flex-direction:column}
.stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--navy);line-height:1}
.stat-card .stat-label{font-size:0.85rem;color:var(--gray-500);margin-top:4px}

/* Why Djibouti - Leadership */
.leadership-section{padding:var(--section-padding) 0}
.leadership-grid{display:flex;flex-direction:column;gap:32px;margin-bottom:48px}
.leader-card-horizontal{display:grid;grid-template-columns:200px 1fr;gap:40px;background:var(--white);border-radius:12px;padding:40px;box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}
.leader-photo-sm{width:200px;height:240px;border-radius:8px;overflow:hidden}
.leader-photo-sm img{width:100%;height:100%;object-fit:cover}
.leader-content{display:flex;flex-direction:column}
.leader-title h3{font-size:1.5rem;margin-bottom:4px}
.leader-position{color:var(--gold);font-weight:600;font-size:0.9rem}
.leader-quote{margin:24px 0;position:relative}
.quote-icon{position:absolute;top:-10px;left:-10px;color:var(--gold);opacity:0.2}
.leader-quote p{font-style:italic;font-size:1.1rem;line-height:1.8;color:var(--gray-600);padding-left:30px;margin:0}
.leader-highlight{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:12px 20px;background:var(--off-white);border-radius:8px;border-left:4px solid var(--gold);width:fit-content}
.highlight-label{font-weight:600;color:var(--gray-600);font-size:0.9rem}
.highlight-text{font-weight:700;color:var(--navy)}
.vision-banner{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);padding:48px;border-radius:12px;text-align:center}
.vision-content h3{color:var(--white);font-size:1.5rem;font-weight:500;font-style:italic;margin-bottom:16px;line-height:1.6}
.vision-attribution{color:var(--gold);font-weight:600}

/* Why Djibouti - Location */
.location-section{padding:var(--section-padding) 0}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.location-content .section-label{text-align:left;display:block}
.location-content h2{margin-bottom:20px}
.location-content>p{color:var(--gray-600);margin-bottom:32px}
.location-features{display:flex;flex-direction:column;gap:24px}
.location-feature{display:flex;gap:20px;align-items:flex-start}
.location-feature .feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}
.location-feature .feature-icon svg{color:var(--white)}
.location-feature h4{font-size:1.1rem;margin-bottom:6px}
.location-feature p{font-size:0.95rem;color:var(--gray-500);margin:0}
.location-map{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}
.location-map img{width:100%}
.map-overlay-badge{position:absolute;bottom:20px;left:20px;background:var(--navy);color:var(--white);padding:16px 24px;border-radius:8px}
.badge-title{display:block;font-weight:700;font-size:1.1rem;margin-bottom:4px}
.badge-text{font-size:0.85rem;color:rgba(255,255,255,0.7)}

/* Why Djibouti - Advantages */
.advantages-section{padding:var(--section-padding) 0}
.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.advantage-card{background:var(--white);padding:32px;border-radius:12px;border:1px solid var(--gray-200);transition:var(--transition-base)}
.advantage-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold)}
.advantage-icon-wrap{margin-bottom:20px}
.advantage-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:12px}
.advantage-icon svg{width:40px;height:40px;stroke-width:2}
.advantage-icon.gold{background:rgba(201,162,39,0.15);color:var(--gold)}
.advantage-icon.green{background:rgba(30,86,49,0.15);color:var(--green)}
.advantage-icon.navy{background:rgba(26,58,92,0.15);color:var(--navy)}
.advantage-icon.red{background:rgba(139,26,26,0.15);color:var(--red)}
.advantage-card h4{font-size:1.2rem;margin-bottom:12px}
.advantage-card p{color:var(--gray-500);font-size:0.95rem;margin:0}

/* Why Djibouti - Sectors Full */
.sectors-full-section{padding:var(--section-padding) 0}
.sectors-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sector-mega-card{background:var(--white);padding:32px 24px;border-radius:12px;text-align:center;border:1px solid var(--gray-200);transition:var(--transition-base)}
.sector-mega-card:hover{border-color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-4px)}
.sector-mega-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--off-white);border-radius:12px}
.sector-mega-icon svg{width:44px;height:44px;color:var(--navy);stroke-width:2}
.sector-mega-card h4{font-size:1rem;margin-bottom:8px}
.sector-mega-card p{font-size:0.8rem;color:var(--gray-500);margin:0}

/* Why Djibouti - Projects */
.projects-section{padding:var(--section-padding) 0}
.projects-showcase{display:flex;flex-direction:column;gap:48px}
.project-showcase-card{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.project-showcase-card.reverse{direction:rtl}
.project-showcase-card.reverse>*{direction:ltr}
.project-showcase-image{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}
.project-showcase-image img{width:100%}
.project-investment-tag{position:absolute;top:20px;left:20px;background:var(--gold);color:var(--navy);padding:10px 20px;border-radius:6px;font-weight:700;font-size:1.1rem}
.project-showcase-content .project-category{display:inline-block;background:var(--off-white);color:var(--gold);padding:6px 16px;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:16px}
.project-showcase-content h3{font-size:1.75rem;margin-bottom:16px}
.project-showcase-content>p{color:var(--gray-600);margin-bottom:24px}
.project-highlights{display:flex;flex-wrap:wrap;gap:12px}
.project-highlight{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--off-white);border-radius:8px}
.project-highlight svg{color:var(--green);flex-shrink:0}
.project-highlight span{font-size:0.9rem;font-weight:500;color:var(--gray-700)}
.additional-projects{margin-top:64px}
.additional-title{text-align:center;margin-bottom:32px;font-size:1.5rem}
.additional-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.additional-card{display:grid;grid-template-columns:200px 1fr;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}
.additional-card img{width:100%;height:100%;object-fit:cover}
.additional-content{padding:24px;display:flex;flex-direction:column}
.additional-content h4{font-size:1.1rem;margin-bottom:8px}
.additional-content p{font-size:0.9rem;color:var(--gray-500);margin-bottom:12px}
.additional-tag{margin-top:auto;display:inline-block;background:var(--navy);color:var(--white);padding:4px 12px;border-radius:4px;font-size:0.75rem;font-weight:600;width:fit-content}

/* Why Djibouti - Incentives */
.incentives-full-section{padding:var(--section-padding) 0;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);color:var(--white)}
.incentives-full-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}
.incentives-full-content h2{color:var(--white);margin-bottom:20px}
.incentives-full-content p{color:rgba(255,255,255,0.8)}
.incentives-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.incentive-card{background:rgba(255,255,255,0.1);padding:28px 24px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:var(--transition-base)}
.incentive-card:hover{background:rgba(255,255,255,0.15);border-color:var(--gold)}
.incentive-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(201,162,39,0.2);border-radius:12px;margin-bottom:16px}
.incentive-icon svg{width:32px;height:32px;color:var(--gold);stroke-width:2}
.incentive-card h4{color:var(--white);font-size:1.1rem;margin-bottom:8px}
.incentive-card p{color:rgba(255,255,255,0.7);font-size:0.9rem;margin:0}

/* Mission Overview Section */
.mission-overview{padding:var(--section-padding) 0}
.overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:start}
.overview-content .section-label{text-align:left;display:block}
.overview-content h2{margin-bottom:24px}
.overview-content>p{color:var(--gray-600);margin-bottom:20px}
.overview-highlights{margin-top:40px;display:flex;flex-direction:column;gap:24px}
.overview-highlight{display:flex;gap:20px;align-items:flex-start}
.highlight-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(201,162,39,0.15);border-radius:12px;flex-shrink:0}
.highlight-icon svg{color:var(--gold)}
.overview-highlight h4{font-size:1.1rem;margin-bottom:4px}
.overview-highlight p{font-size:0.9rem;color:var(--gray-500);margin:0}
.overview-details{position:sticky;top:120px}
.details-card{background:var(--white);border-radius:12px;padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}
.details-card h3{font-size:1.5rem;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--gold)}
.detail-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--gray-200)}
.detail-item:last-of-type{border-bottom:none;margin-bottom:24px}
.detail-item svg{color:var(--gold);flex-shrink:0;margin-top:2px}
.detail-item div{display:flex;flex-direction:column}
.detail-label{font-size:0.8rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.5px}
.detail-value{font-weight:600;color:var(--navy)}
.btn-block{width:100%;text-align:center}

/* Attendees Section */
.attendees-section{padding:var(--section-padding) 0}
.attendees-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.attendee-card{background:var(--white);padding:32px 24px;border-radius:12px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition-base)}
.attendee-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.attendee-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:12px}
.attendee-icon svg{color:var(--white)}
.attendee-card h4{font-size:1.1rem;margin-bottom:8px}
.attendee-card p{font-size:0.9rem;color:var(--gray-500);margin:0}

/* Agenda Section */
.agenda-section{padding:var(--section-padding) 0}
.agenda-timeline{display:flex;flex-direction:column;gap:48px}
.agenda-day{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid #e5e7eb}
.day-header{display:flex;align-items:center;gap:24px;padding:24px 32px;background:linear-gradient(135deg,#1a3a5c 0%,#0f2840 100%);color:#ffffff}
.day-number{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;font-weight:700;background:#c9a227;color:#1a3a5c;padding:12px 20px;border-radius:8px}
.day-info h3{color:#ffffff;margin-bottom:4px;font-size:1.25rem}
.day-info span{font-size:0.9rem;color:rgba(255,255,255,0.7)}
.day-events{padding:24px 32px;background:#ffffff}
.event-item{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #e5e7eb}
.event-item:last-child{border-bottom:none}
.event-item.highlight{background:rgba(201,162,39,0.08);margin:0 -32px;padding:20px 32px;border-radius:8px;border-bottom:none}
.event-time{font-weight:600;color:#c9a227;min-width:80px;flex-shrink:0}
.event-content h4{font-size:1rem;margin-bottom:6px;color:#1a3a5c}
.event-content p{font-size:0.9rem;color:#4b5563;margin-bottom:8px}
.event-content p strong{color:#1a3a5c}
.event-location{font-size:0.8rem;color:#9ca3af;display:flex;align-items:center;gap:4px}
.event-location::before{content:'📍'}

/* Outcomes Section - Redesigned with Icons */
.outcomes-section{padding:var(--section-padding) 0}
.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.outcome-card{background:var(--white);padding:36px 28px;border-radius:12px;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:var(--transition-base)}
.outcome-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.outcome-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:16px}
.outcome-icon svg{width:40px;height:40px;color:var(--white);stroke-width:2}
.outcome-icon.gradient-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%)}
.outcome-icon.gradient-green{background:linear-gradient(135deg,var(--green) 0%,var(--green-light) 100%)}
.outcome-icon.gradient-navy{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%)}
.outcome-icon.gradient-red{background:linear-gradient(135deg,var(--red) 0%,var(--red-light) 100%)}
.outcome-metric{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:12px}
.outcome-card h4{font-size:1.15rem;margin-bottom:10px;color:var(--navy)}
.outcome-card p{font-size:0.9rem;color:var(--gray-500);margin:0;line-height:1.6}
/* Legacy support for existing outcome-number class */
.outcome-number{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:12px}

/* November Teaser Section */
.november-teaser{padding:var(--section-padding) 0;background:linear-gradient(135deg,var(--red) 0%,#6b1414 100%);color:var(--white)}
.teaser-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}
.teaser-content .section-label.light{color:var(--gold-light)}
.teaser-content h2{color:var(--white);margin-bottom:20px}
.teaser-content p{color:rgba(255,255,255,0.85);margin-bottom:20px}
.teaser-stats{display:flex;flex-direction:column;gap:20px}
.teaser-stat{background:rgba(255,255,255,0.1);padding:24px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,0.1)}
.teaser-stat .stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--gold);display:block;line-height:1}
.teaser-stat .stat-desc{font-size:0.9rem;color:rgba(255,255,255,0.8);margin-top:8px;display:block}

/* November Mission Page Specific Styles */
.page-hero-grand{background:linear-gradient(135deg,#1a3a5c 0%,#0a1f33 100%)}
.grand-badge{background:linear-gradient(135deg,#c9a227 0%,#a8871f 100%)!important;color:#1a3a5c!important;font-weight:600}
.nov-stats{margin-top:-60px}
.grand-card{position:relative;border-top:4px solid #c9a227}
.grand-badge-card{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#c9a227 0%,#a8871f 100%);color:#1a3a5c;padding:6px 16px;border-radius:20px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}

/* Participants Section */
.participants-section{padding:var(--section-padding) 0}
.participants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.participant-category{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid #e5e7eb}
.category-header{display:flex;align-items:center;gap:16px;padding:20px 24px;color:#ffffff}
.category-header svg{flex-shrink:0}
.category-header h3{font-size:1.1rem;margin:0;color:#ffffff}
.category-list{padding:20px 24px;margin:0;list-style:none}
.category-list li{padding:10px 0;border-bottom:1px solid #e5e7eb;font-size:0.9rem;color:#4b5563}
.category-list li:last-child{border-bottom:none}

/* Expanded Outcomes Grid */
.outcomes-grid.expanded{grid-template-columns:repeat(6,1fr)}

/* Expanded Additional Projects */
.additional-grid.expanded{grid-template-columns:repeat(4,1fr)}

/* February Connection Section */
.february-connection{padding:var(--section-padding) 0;background:linear-gradient(135deg,#1e5631 0%,#143d22 100%);color:#ffffff}
.connection-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}
.connection-content .section-label.light{color:#dbb94a}
.connection-content h2{color:#ffffff;margin-bottom:20px}
.connection-content p{color:rgba(255,255,255,0.85);margin-bottom:20px}
.connection-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0}
.benefit-item{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.9);font-size:0.95rem}
.benefit-item svg{color:#c9a227;flex-shrink:0}
.timeline-visual{display:flex;flex-direction:column;align-items:center;gap:0}
.timeline-point{background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);border-radius:12px;padding:24px 32px;text-align:center;width:100%;max-width:280px}
.timeline-point.active{background:rgba(201,162,39,0.2);border-color:#c9a227}
.timeline-point .point-date{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;font-weight:700;color:#c9a227;margin-bottom:4px}
.timeline-point .point-label{display:block;font-weight:600;color:#ffffff;margin-bottom:8px}
.timeline-point .point-desc{display:block;font-size:0.85rem;color:rgba(255,255,255,0.7)}
.timeline-connector{width:3px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,0.3),#c9a227)}

/* Investment Highlights Section */
.investment-highlights{padding:var(--section-padding) 0;background:#ffffff}
.highlight-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}
.highlight-stat-card{background:linear-gradient(135deg,#1a3a5c 0%,#0f2840 100%);border-radius:12px;padding:32px 24px;text-align:center;color:#ffffff}
.highlight-value{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.5rem;font-weight:700;color:#c9a227;line-height:1;margin-bottom:8px}
.highlight-title{font-weight:600;font-size:1.1rem;margin-bottom:8px}
.highlight-desc{font-size:0.85rem;color:rgba(255,255,255,0.7);line-height:1.5}
.highlights-cta{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;background:#f9f8f6;border-radius:12px;padding:48px;align-items:center}
.highlights-cta-content h3{font-size:1.5rem;margin-bottom:16px;color:#1a3a5c}
.highlights-cta-content p{color:#4b5563;margin-bottom:24px}
.highlights-features{display:flex;flex-direction:column;gap:16px}
.hf-item{display:flex;align-items:center;gap:12px;font-size:0.95rem;color:#374151}
.hf-item svg{color:#1e5631;flex-shrink:0}

/* Contact Page Styles */
.contact-hero{background:linear-gradient(135deg,#1a3a5c 0%,#0f2840 100%);padding:180px 0 100px;position:relative;overflow:hidden}
.contact-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('images/hero-bg.jpg') center/cover;opacity:0.1}
.contact-hero .container{position:relative;z-index:1}
.contact-hero-content{text-align:center;max-width:700px;margin:0 auto;color:#ffffff}
.contact-hero-content h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:3.5rem;font-weight:700;margin-bottom:20px}
.contact-hero-content h1 span{color:#c9a227}
.contact-hero-content p{font-size:1.2rem;color:rgba(255,255,255,0.85)}

.contact-section{padding:var(--section-padding) 0;background:#f9f8f6}
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:start}

.contact-info{background:#ffffff;border-radius:16px;padding:48px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.contact-info h2{font-size:1.75rem;margin-bottom:8px;color:#1a3a5c}
.contact-info>p{color:#6b7280;margin-bottom:32px}
.contact-detail{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #e5e7eb}
.contact-detail:last-of-type{border-bottom:none}
.contact-icon{width:48px;height:48px;background:linear-gradient(135deg,#c9a227 0%,#a8871f 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-icon svg{color:#ffffff}
.contact-detail-content h4{font-size:0.9rem;color:#6b7280;font-weight:500;margin-bottom:4px}
.contact-detail-content p,.contact-detail-content a{font-size:1.05rem;color:#1a3a5c;font-weight:600}
.contact-detail-content a:hover{color:#c9a227}

.social-links{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb}
.social-links h4{font-size:0.9rem;color:#6b7280;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px}
.social-icons{display:flex;gap:12px}
.social-icon{width:44px;height:44px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}
.social-icon:hover{background:#1a3a5c}
.social-icon svg{color:#1a3a5c;transition:color 0.3s ease}
.social-icon:hover svg{color:#ffffff}

.contact-form-wrap{background:#ffffff;border-radius:16px;padding:48px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.contact-form-wrap h2{font-size:1.75rem;margin-bottom:8px;color:#1a3a5c}
.contact-form-wrap>p{color:#6b7280;margin-bottom:32px}
.contact-form{display:flex;flex-direction:column;gap:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.form-group{display:flex;flex-direction:column;gap:8px}
.form-group.full-width{grid-column:1/-1}
.form-group label{font-size:0.9rem;font-weight:600;color:#374151}
.form-group label span{color:#c9a227}
.form-group input,.form-group select,.form-group textarea{padding:14px 18px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:inherit;transition:all 0.3s ease;background:#f9f8f6}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#c9a227;background:#ffffff;box-shadow:0 0 0 4px rgba(201,162,39,0.1)}
.form-group textarea{min-height:140px;resize:vertical}
.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:48px}

.checkbox-group{display:flex;flex-direction:column;gap:12px}
.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer}
.checkbox-item input{width:20px;height:20px;accent-color:#c9a227;cursor:pointer}
.checkbox-item span{font-size:0.95rem;color:#4b5563}

.form-submit{margin-top:16px}
.btn-submit{width:100%;padding:18px 32px;font-size:1.1rem;font-weight:600}

.form-note{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#f0fdf4;border-radius:10px;margin-top:8px}
.form-note svg{color:#1e5631;flex-shrink:0;margin-top:2px}
.form-note p{font-size:0.85rem;color:#166534;margin:0}

/* Form Status Messages */
.form-status{padding:20px 24px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center}
.form-status.success{background:#f0fdf4;border:2px solid #22c55e}
.form-status.error{background:#fef2f2;border:2px solid #ef4444}
.status-content{display:flex;align-items:center;gap:16px}
.form-status.success .status-icon{color:#22c55e}
.form-status.error .status-icon{color:#ef4444}
.status-icon svg{flex-shrink:0}
.status-text{font-size:0.95rem;line-height:1.5}
.form-status.success .status-text{color:#166534}
.form-status.error .status-text{color:#991b1b}

/* FAQ Teaser Section */
.faq-teaser{padding:80px 0;background:#ffffff}
.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.faq-item{text-align:center;padding:32px 24px}
.faq-icon{width:64px;height:64px;background:linear-gradient(135deg,#f9f8f6 0%,#e5e7eb 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.faq-icon svg{color:#1a3a5c}
.faq-item h4{font-size:1.1rem;color:#1a3a5c;margin-bottom:12px}
.faq-item p{font-size:0.95rem;color:#6b7280;line-height:1.6}

/* Mission Interest Cards */
.mission-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}
.mission-card-option{border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all 0.3s ease;background:#f9f8f6}
.mission-card-option:hover{border-color:#c9a227;background:#fffef5}
.mission-card-option.selected{border-color:#c9a227;background:#fffef5}
.mission-card-option input{display:none}
.mission-card-option h5{font-size:1rem;color:#1a3a5c;margin-bottom:4px}
.mission-card-option p{font-size:0.85rem;color:#6b7280;margin:0}

/* Responsive */
@media(max-width:1024px){
    :root{--section-padding:80px}
    .hero-stats{grid-template-columns:repeat(2,1fr)}
    .missions-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}
    .features-grid,.services-grid,.advantages-grid{grid-template-columns:repeat(2,1fr)}
    .sectors-grid,.sectors-mega-grid{grid-template-columns:repeat(2,1fr)}
    .outcomes-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}
    .about-grid,.location-grid,.partnership-grid{grid-template-columns:1fr;gap:48px}
    .about-image-stack{max-width:500px;margin:0 auto}
    .stats-banner .stats-grid{grid-template-columns:repeat(2,1fr)}
    .stat-card:nth-child(2){border-right:none}
    .stat-card:nth-child(3),.stat-card:nth-child(4){border-top:1px solid var(--gray-200)}
    .incentives-full-grid{grid-template-columns:1fr;text-align:center}
    .incentives-cards{grid-template-columns:repeat(2,1fr)}
    .project-showcase-card,.project-showcase-card.reverse{grid-template-columns:1fr;direction:ltr}
    .overview-grid{grid-template-columns:1fr}
    .overview-details{position:static;margin-top:40px}
    .attendees-grid{grid-template-columns:repeat(2,1fr)}
    .outcomes-grid{grid-template-columns:repeat(2,1fr)}
    .outcomes-grid.expanded{grid-template-columns:repeat(3,1fr)}
    .teaser-grid{grid-template-columns:1fr;text-align:center}
    .teaser-stats{flex-direction:row;flex-wrap:wrap;justify-content:center}
    .teaser-stat{flex:1;min-width:150px}
    .participants-grid{grid-template-columns:repeat(2,1fr)}
    .connection-grid{grid-template-columns:1fr;text-align:center}
    .connection-benefits{justify-content:center}
    .timeline-visual{margin-top:40px}
    .additional-grid.expanded{grid-template-columns:repeat(2,1fr)}
    .highlight-stat-grid{grid-template-columns:repeat(2,1fr)}
    .highlights-cta{grid-template-columns:1fr;text-align:center}
    .contact-grid{grid-template-columns:1fr}
    .faq-grid{grid-template-columns:repeat(3,1fr);gap:20px}
}

@media(max-width:768px){
    :root{--section-padding:60px}
    .nav-main{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:24px;gap:16px;box-shadow:var(--shadow-lg)}
    .nav-main.active{display:flex}
    .mobile-toggle{display:flex}
    .mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
    .mobile-toggle.active span:nth-child(2){opacity:0}
    .mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
    .hero{padding-top:120px;min-height:auto;padding-bottom:60px}
    .hero-buttons{flex-direction:column}
    .hero-stats{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}
    .mv-grid{grid-template-columns:1fr}
    .features-grid,.services-grid,.advantages-grid{grid-template-columns:1fr}
    .sectors-grid,.sectors-mega-grid{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr;gap:40px}
    .footer-bottom{flex-direction:column;gap:16px;text-align:center}
    .process-timeline{flex-direction:column;gap:32px}
    .process-connector{width:2px;height:40px;margin:0 auto}
    .process-step{max-width:none}
    .about-values{grid-template-columns:1fr}
    .about-img-overlay{position:static;width:100%;margin-top:20px}
    .about-floating-stat{position:static;margin-bottom:20px;display:inline-block}
    .leader-card-horizontal{grid-template-columns:1fr;text-align:center}
    .leader-photo-sm{width:150px;height:180px;margin:0 auto}
    .leader-quote{text-align:left}
    .leader-highlight{margin:24px auto 0}
    .stats-banner{margin-top:-40px}
    .stats-banner .stats-grid{grid-template-columns:1fr}
    .stat-card{border-right:none;border-bottom:1px solid var(--gray-200)}
    .stat-card:last-child{border-bottom:none}
    .stat-card:nth-child(3),.stat-card:nth-child(4){border-top:none}
    .incentives-cards{grid-template-columns:1fr}
    .additional-grid{grid-template-columns:1fr}
    .additional-card{grid-template-columns:1fr}
    .additional-card img{height:200px}
    .attendees-grid{grid-template-columns:1fr}
    .outcomes-grid{grid-template-columns:1fr}
    .day-header{flex-direction:column;align-items:flex-start;gap:16px}
    .event-item{flex-direction:column;gap:8px}
    .event-time{min-width:auto}
    .teaser-stats{flex-direction:column}
    .teaser-stat{min-width:auto}
    .participants-grid{grid-template-columns:1fr}
    .outcomes-grid.expanded{grid-template-columns:repeat(2,1fr)}
    .connection-benefits{grid-template-columns:1fr}
    .additional-grid.expanded{grid-template-columns:1fr}
    .highlight-stat-grid{grid-template-columns:repeat(2,1fr)}
    .highlights-cta{grid-template-columns:1fr;text-align:center}
    .highlights-features{align-items:center}
    .contact-grid{grid-template-columns:1fr}
    .form-row{grid-template-columns:1fr}
    .mission-cards{grid-template-columns:1fr}
    .faq-grid{grid-template-columns:1fr}
    .contact-hero-content h1{font-size:2.5rem}
}

@media(max-width:480px){
    .logo img{height:45px}
    .logo-title{font-size:1rem}
    .hero-stats{grid-template-columns:1fr}
    .sectors-grid,.sectors-mega-grid{grid-template-columns:1fr}
    .btn{width:100%}
    .cta-buttons{flex-direction:column}
}