/* =========================================================================
   BASELINE o.z. — spoločné štýly pre celý web (verejná časť)
   ========================================================================= */
:root{
  --bg-dark:#102723;
  --bg-darker:#0a1815;
  --bg-light:#fdf8f0;
  --bg-white:#ffffff;
  --accent:#f7883b;
  --accent-dark:#e0691d;
  --accent-glow:rgba(247,136,59,.35);
  --teal:#14b8a6;
  --teal-glow:rgba(20,184,166,.3);
  --text-light:#f7f5f0;
  --text-dark:#1c2b27;
  --text-gray:#6b7570;
  --border-light:#e9e2d3;
  /* Jednoduchá jednofarebná (nie "dúhová") farba tenkého scroll-indikátora
     navrchu stránky — nastaviteľná v administrácii (Nastavenia → Vzhľad webu). */
  --progress-color:#9aa39d;
  /* Farba malého odznaku "Občianske združenie" v hero sekcii — samostatne
     nastaviteľná v administrácii (Nastavenia → Vzhľad webu), nezávisle od
     hlavných brand farieb. Predvolené hodnoty zodpovedajú pôvodnému vzhľadu. */
  --pill-bg:rgba(20,184,166,.1);
  --pill-border:rgba(20,184,166,.25);
  --pill-text:#0f8f80;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
html{scroll-behavior:smooth;}
body{background:var(--bg-dark);color:var(--text-light);overflow-x:hidden;}
a{color:inherit;}
img{max-width:100%;}
button{font-family:inherit;}

/* ===== SCROLL PROGRESS ===== */
#progress-bar{position:fixed;top:0;left:0;height:4px;width:0%;background:var(--progress-color);z-index:2000;transition:width .1s ease-out;}

/* ===== NAV (light, minimal) ===== */
nav{
  position:fixed;top:0;width:100%;padding:20px 6%;display:flex;justify-content:space-between;align-items:center;
  background:rgba(253,248,240,.82);backdrop-filter:blur(14px);z-index:1000;transition:.35s ease;
  border-bottom:1px solid rgba(28,43,39,.07);
}
nav.scrolled{padding:14px 6%;background:rgba(253,248,240,.97);box-shadow:0 8px 26px rgba(28,43,39,.08);}
.logo{font-size:20px;font-weight:800;color:var(--text-dark);text-decoration:none;letter-spacing:1px;display:flex;align-items:center;gap:0;}
.logo .dot{display:none;}
.logo span{color:inherit;}
.nav-links{display:flex;gap:6px;align-items:center;}
.nav-links a{
  color:var(--text-gray);text-decoration:none;font-weight:500;font-size:14px;padding:8px 14px;border-radius:20px;
  position:relative;transition:.25s;opacity:1;
}
.nav-links a:hover{color:var(--text-dark);background:rgba(28,43,39,.05);}
.nav-links a.active{color:var(--accent-dark);background:rgba(247,136,59,.08);}
.nav-cta{
  background:var(--text-dark)!important;color:#fdf9f2!important;padding:10px 22px!important;border-radius:30px;font-weight:600!important;
  box-shadow:none;
}
.nav-cta:hover{background:#000!important;transform:translateY(-2px);}
.nav-login{
  width:38px;height:38px;padding:0!important;display:flex!important;align-items:center;justify-content:center;
  border:1px solid rgba(28,43,39,.15);border-radius:50%;font-size:14px;opacity:.75!important;color:var(--text-dark)!important;
}
.nav-login:hover{border-color:var(--accent);color:var(--accent-dark)!important;background:rgba(247,136,59,.08)!important;opacity:1!important;}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1100;}
.burger span{width:26px;height:2px;background:var(--text-dark);border-radius:2px;transition:.3s;}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mobile-menu{
  position:fixed;top:0;right:-100%;width:78%;max-width:320px;height:100vh;background:var(--bg-darker);
  z-index:1050;padding:100px 35px;transition:right .4s ease;box-shadow:-10px 0 40px rgba(0,0,0,.4);
}
.mobile-menu.open{right:0;}
.mobile-menu a{display:block;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.mobile-menu a i{color:var(--accent);width:24px;}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1040;opacity:0;pointer-events:none;transition:.3s;}
.overlay.open{opacity:1;pointer-events:all;}

/* ===== PAGE HERO (pre podstránky projekty/blog) ===== */
.page-hero{
  min-height:46vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  padding:160px 20px 70px;
  background:radial-gradient(circle at 15% 20%, rgba(247,136,59,.18), transparent 45%),
             radial-gradient(circle at 85% 75%, rgba(20,184,166,.18), transparent 45%),
             var(--bg-darker);
}
.page-hero h1{font-size:2.6rem;font-weight:800;margin-bottom:14px;}
.page-hero p{color:#cbd5c9;max-width:640px;font-size:1.05rem;line-height:1.7;}

/* ===== HERO (homepage) — light redesign, matches approved reference exactly ===== */
header.hero{
  min-height:100vh;display:flex;align-items:stretch;position:relative;overflow:hidden;padding:0;
  background:
    radial-gradient(circle at 8% 12%, rgba(247,136,59,.14), transparent 42%),
    radial-gradient(circle at 95% 90%, rgba(20,184,166,.14), transparent 45%),
    var(--bg-light);
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:0;width:100%;max-width:1560px;margin:0 auto;align-items:stretch;position:relative;z-index:1;}
.hero-content{padding:150px 6% 60px 6%;display:flex;flex-direction:column;justify-content:center;width:100%;}
.pill-tag{
  display:inline-flex;align-items:center;background:var(--pill-bg);border:1px solid var(--pill-border);
  padding:8px 18px;border-radius:30px;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  margin-bottom:24px;color:var(--pill-text);width:fit-content;
}
header.hero h1{font-size:3.1rem;font-weight:800;margin-bottom:22px;line-height:1.18;color:var(--text-dark);letter-spacing:-.5px;}
header.hero h1 .accent{color:var(--accent);}
header.hero p.lead{font-size:1.1rem;color:var(--text-gray);margin-bottom:34px;line-height:1.75;max-width:480px;}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px;}
.btn{
  padding:15px 34px;background:var(--accent);color:#1a1408;text-decoration:none;font-weight:700;border-radius:30px;
  transition:.3s;box-shadow:0 0 25px var(--accent-glow);border:none;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;gap:10px;
}
.btn:hover{transform:translateY(-3px);box-shadow:0 6px 30px var(--accent-glow);background:#fff;}
.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:none;}
.btn-outline:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-3px);}
header.hero .btn-outline{color:var(--text-dark);background:var(--bg-white);border:1px solid var(--border-light);box-shadow:none;}
header.hero .btn-outline:hover{background:var(--bg-light);color:var(--text-dark);}
.btn-sm{padding:9px 20px;font-size:.85rem;}
.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;}

.hero-chips{display:flex;gap:12px;flex-wrap:wrap;}
.chip{
  display:inline-flex;align-items:center;gap:10px;background:var(--bg-white);border:1px solid var(--border-light);
  padding:7px 18px 7px 7px;border-radius:40px;font-size:.83rem;font-weight:600;color:var(--text-dark);box-shadow:0 8px 20px rgba(28,43,39,.05);
}
.chip-ico{
  width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.68rem;flex-shrink:0;
}
.chip-ico.c-orange{background:var(--accent);}
.chip-ico.c-teal{background:var(--teal);}
.chip-ico.c-dark{background:var(--text-dark);}
.chip-ico.c-gold{background:#d9a62c;}

.hero-visual{position:relative;padding:24px 6% 24px 0;display:flex;}
.hero-photo-card{
  position:relative;border-radius:32px;overflow:hidden;flex:1;width:100%;
  background:linear-gradient(160deg,rgba(20,184,166,.16),rgba(247,136,59,.14));
  box-shadow:0 30px 60px rgba(28,43,39,.14);
}
.hero-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.hero-slide-imgs{position:absolute;inset:0;}
.hero-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 1.1s ease;}
.hero-slide-img.active{opacity:1;}
.hero-photo-placeholder{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  color:var(--text-gray);text-align:center;padding:20px;
}
.hero-photo-placeholder i{font-size:2.2rem;color:var(--teal);opacity:.6;}
.hero-photo-placeholder span{font-size:.85rem;font-weight:600;max-width:220px;}
.hero-slide-dots{position:absolute;top:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2;}
.hero-slide-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);cursor:pointer;transition:.25s;padding:0;}
.hero-slide-dots .dot.active{background:#fff;width:20px;border-radius:5px;}
.hero-stat-overlay{
  position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-radius:18px;padding:20px 26px;
  box-shadow:0 20px 40px rgba(28,43,39,.15);border:1px solid rgba(255,255,255,.6);
}
.hero-stat-text{max-width:230px;transition:opacity .25s ease;}
.hero-stat-text h4{font-size:.9rem;font-weight:700;color:var(--text-dark);margin-bottom:5px;}
.hero-stat-text p{font-size:.74rem;color:var(--text-gray);line-height:1.5;}
.hero-stat-nums{display:flex;gap:24px;}
.hero-stat-nums .stat{text-align:left;}
.stat{text-align:center;}
.stat .num{font-size:1.6rem;font-weight:800;color:var(--accent);display:block;line-height:1;}
.stat .lbl{font-size:.68rem;color:var(--text-gray);letter-spacing:.5px;text-transform:uppercase;margin-top:4px;}

/* ===== SECTIONS ===== */
section{padding:110px 8%;}
.section-tag{display:block;text-align:center;color:var(--accent);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;margin-bottom:14px;}
.section-title{font-size:2.4rem;font-weight:800;margin-bottom:20px;text-align:center;}
.section-sub{max-width:750px;margin:0 auto 60px auto;text-align:center;font-size:1.05rem;line-height:1.8;color:var(--text-gray);}
.light-section{background:var(--bg-light);color:var(--text-dark);}
.white-section{background:var(--bg-white);color:var(--text-dark);}
.dark-section{background:var(--bg-darker);color:var(--text-light);}
.dark-section .section-sub{color:#aab5af;}

/* ===== GRID / CARDS ===== */
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;}
.card{
  background:var(--bg-white);padding:38px 30px;border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.05);
  transition:.35s;text-align:left;border:1px solid var(--border-light);position:relative;overflow:hidden;
}
.card::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,var(--accent),var(--teal));opacity:0;transition:.3s;}
.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1);}
.card:hover::before{opacity:1;}
.dark-section .card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);color:var(--text-light);}
.card .icon-circle{
  width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));
  display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 8px 20px var(--accent-glow);
}
.card .icon-circle i{font-size:26px;color:#fff;}
.card h3{font-size:1.35rem;margin-bottom:12px;font-weight:700;}
.card p{font-size:.98rem;color:var(--text-gray);line-height:1.7;}
.dark-section .card p{color:#a7b3ad;}

/* ===== TABS ===== */
.tabs-wrap{max-width:950px;margin:0 auto;}
.tab-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:40px;flex-wrap:wrap;}
.tab-btn{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#e6e6e0;padding:12px 24px;border-radius:30px;
  cursor:pointer;font-weight:600;font-size:.9rem;transition:.3s;display:flex;align-items:center;gap:10px;
}
.tab-btn i{color:var(--accent);}
.tab-btn.active{background:var(--accent);color:#1a1408;border-color:var(--accent);box-shadow:0 6px 20px var(--accent-glow);}
.tab-btn.active i{color:#1a1408;}
.tab-panels{position:relative;min-height:280px;}
.tab-panel{display:none;animation:fadein .4s ease;}
.tab-panel.active{display:block;}
@keyframes fadein{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.tab-content{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:45px;
  display:flex;gap:40px;align-items:center;flex-wrap:wrap;
}
.tab-content .big-icon{
  width:100px;height:100px;flex:0 0 100px;border-radius:24px;background:linear-gradient(135deg,var(--teal),#0d9488);
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px var(--teal-glow);
}
.tab-content .big-icon i{font-size:42px;color:#fff;}
.tab-content .tab-text{flex:1;min-width:250px;}
.tab-content h4{font-size:1.5rem;margin-bottom:10px;color:var(--accent);}
.tab-content p{color:#cdd6d1;line-height:1.75;font-size:1.02rem;}

/* ===== TIMELINE ===== */
.timeline{max-width:820px;margin:0 auto;position:relative;padding-left:40px;border-left:3px solid var(--border-light);}
.timeline-item{position:relative;margin-bottom:48px;padding-left:34px;}
.timeline-item:last-child{margin-bottom:0;}
.timeline-item::before{
  content:"";position:absolute;left:-58px;top:2px;width:24px;height:24px;border-radius:50%;
  background:var(--bg-white);border:4px solid var(--accent);
}
.timeline-item h4{font-size:1.2rem;margin-bottom:8px;color:var(--text-dark);font-weight:700;}
.timeline-item .tl-icon{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.timeline-item p{color:var(--text-gray);line-height:1.7;font-size:.98rem;}

/* ===== TEAM FLIP CARDS ===== */
.team-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;}
.flip-card{width:280px;height:340px;perspective:1200px;}
.flip-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;cursor:pointer;}
.flip-card.flipped .flip-inner{transform:rotateY(180deg);}
.flip-front,.flip-back{position:absolute;inset:0;border-radius:24px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;}
.flip-front{background:var(--bg-white);border:1px solid var(--border-light);box-shadow:0 15px 35px rgba(0,0,0,.08);}
.flip-back{background:linear-gradient(145deg,var(--bg-dark),var(--bg-darker));color:#fff;transform:rotateY(180deg);border:1px solid rgba(255,255,255,.1);}
.avatar-circle{
  width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:800;
  color:#fff;margin-bottom:20px;box-shadow:0 10px 25px rgba(0,0,0,.15);background:linear-gradient(135deg,var(--accent),var(--accent-dark));
}
.avatar-circle.alt{background:linear-gradient(135deg,var(--teal),#0d9488);}
.flip-front h4{font-size:1.3rem;margin-bottom:6px;color:var(--text-dark);}
.flip-front .role{color:var(--accent-dark);font-weight:600;font-size:.9rem;margin-bottom:16px;}
.flip-hint{font-size:.78rem;color:var(--text-gray);display:flex;align-items:center;gap:6px;}
.flip-back p{font-size:.92rem;line-height:1.7;color:#d5ded9;}
.flip-back i.fa-quote-left{color:var(--accent);font-size:1.3rem;margin-bottom:14px;}

.together-box{
  max-width:1000px;margin:70px auto 0;background:linear-gradient(135deg,#1a3630,#0f2521);border-radius:26px;padding:55px 45px;
  box-shadow:0 25px 50px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);
}
.together-box h3{text-align:center;font-size:1.7rem;margin-bottom:36px;color:#ffffff;}
.together-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;text-align:center;}
.together-grid i{font-size:32px;color:var(--accent);margin-bottom:16px;}
.together-grid h5{font-size:1.05rem;margin-bottom:10px;color:#ffffff;}
.together-grid p{font-size:.9rem;color:#aab5af;line-height:1.6;}

/* ===== VISION / FINANCES ===== */
.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:1000px;margin:0 auto 70px;}
.vision-card{background:var(--bg-white);border-radius:22px;padding:36px;border:1px solid var(--border-light);box-shadow:0 10px 25px rgba(0,0,0,.05);}
.vision-card h4{display:flex;align-items:center;gap:12px;font-size:1.2rem;margin-bottom:16px;color:var(--text-dark);}
.vision-card h4 i{color:var(--accent);background:rgba(247,136,59,.12);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.vision-card p{color:var(--text-gray);line-height:1.7;font-size:.95rem;}
.future-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;max-width:1100px;margin:0 auto;}
.future-card{background:rgba(255,255,255,.9);border-radius:20px;padding:32px;text-align:center;border:1px solid var(--border-light);transition:.3s;}
.future-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px rgba(0,0,0,.08);}
.future-card i{font-size:30px;color:#fff;background:linear-gradient(135deg,var(--teal),#0d9488);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.future-card h5{font-size:1.05rem;margin-bottom:10px;color:var(--text-dark);}
.future-card p{font-size:.88rem;color:var(--text-gray);line-height:1.6;}

/* ===== PROJECT / ARTICLE CARDS (listing grids) ===== */
.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
.content-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden;transition:.3s;
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
}
.white-section .content-card,.light-section .content-card{background:var(--bg-white);border:1px solid var(--border-light);}
.content-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(0,0,0,.12);}
.content-card .thumb{height:190px;background:linear-gradient(135deg,var(--teal),#0d9488);overflow:hidden;}
.content-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.content-card .body{padding:26px;flex:1;display:flex;flex-direction:column;}
.content-card .badge{display:inline-flex;align-self:flex-start;background:rgba(20,184,166,.15);color:var(--teal);font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;}
.content-card h3{font-size:1.2rem;margin-bottom:10px;}
.content-card p{font-size:.92rem;color:var(--text-gray);line-height:1.6;flex:1;}
.dark-section .content-card p{color:#a7b3ad;}
.content-card .meta{font-size:.78rem;color:var(--text-gray);margin-top:14px;display:flex;align-items:center;gap:8px;}
.empty-state{text-align:center;color:var(--text-gray);padding:40px 20px;font-size:.95rem;grid-column:1/-1;}

/* article / project detail */
.detail-wrap{max-width:800px;margin:0 auto;}
.detail-cover{width:100%;border-radius:22px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.35);overflow:hidden;}
.detail-cover img{width:100%;display:block;}
.detail-meta{display:flex;gap:14px;align-items:center;color:var(--text-gray);font-size:.88rem;margin-bottom:18px;flex-wrap:wrap;}
.detail-body{line-height:1.85;font-size:1.05rem;}
.detail-body h2,.detail-body h3{margin:30px 0 14px;}
.detail-body p{margin-bottom:18px;}
.detail-body ul,.detail-body ol{margin:0 0 18px 22px;}
.detail-body a{color:var(--accent-dark);text-decoration:underline;}
.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-decoration:none;font-weight:600;margin-bottom:30px;}
.feature-list{list-style:none;margin-top:20px;}
.feature-list li{margin-bottom:15px;display:flex;align-items:flex-start;gap:15px;}
.feature-list i{color:var(--accent);margin-top:5px;}

/* ===== FEATURED PROJECT HIGHLIGHT (homepage) ===== */
.project-highlight{
  display:flex;align-items:center;gap:50px;background:linear-gradient(135deg,#173129,#0d211c);border-radius:30px;padding:55px;
  border:1px solid rgba(255,255,255,.08);
}
.project-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(20,184,166,.15);color:var(--teal);padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:18px;}
.project-text{flex:1;min-width:280px;}
.project-text h2{font-size:2.2rem;color:#fff;margin-bottom:6px;}
.project-text .domain{color:var(--accent);font-weight:700;margin-bottom:20px;display:block;font-size:1.1rem;}
.project-text p{margin-bottom:20px;line-height:1.75;color:#c9d3ce;}
.project-image{flex:1;min-width:280px;border-radius:22px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.4);position:relative;background:linear-gradient(135deg,var(--teal),#0d9488);min-height:260px;}
.project-image img{width:100%;height:100%;display:block;object-fit:cover;transition:.6s;}
.project-image:hover img{transform:scale(1.06);}

/* ===== FAQ ACCORDION ===== */
.faq-wrap{max-width:800px;margin:0 auto;}
.faq-item{background:var(--bg-white);border:1px solid var(--border-light);border-radius:16px;margin-bottom:14px;overflow:hidden;}
.faq-q{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:1.02rem;color:var(--text-dark);gap:16px;}
.faq-q i{color:var(--accent);transition:.3s;flex-shrink:0;}
.faq-item.open .faq-q i{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 26px 22px;color:var(--text-gray);line-height:1.75;font-size:.95rem;}

/* ===== JOIN COMMUNITY CTA ===== */
.join-box{
  max-width:1100px;margin:0 auto;background:linear-gradient(120deg,var(--accent) 0%,#f0a15f 100%);border-radius:30px;
  padding:60px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;color:#241a0c;
}
.join-box h2{font-size:2rem;margin-bottom:12px;}
.join-box p{max-width:480px;line-height:1.7;font-size:1rem;}
.join-btns{display:flex;gap:16px;flex-wrap:wrap;}
.btn-dark{background:#1a1408;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.25);}
.btn-dark:hover{background:#000;color:#fff;}
.btn-white{background:#fff;color:#1a1408;}

/* ===== FORMS (kontakt, newsletter) ===== */
.form-field{margin-bottom:18px;text-align:left;}
.form-field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;}
.form-field input,.form-field textarea,.form-field select{
  width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--border-light);font-size:.95rem;font-family:inherit;background:#fff;color:var(--text-dark);
}
.form-field textarea{resize:vertical;min-height:180px;}
.form-msg{margin-top:14px;font-size:.9rem;padding:12px 16px;border-radius:10px;display:none;}
.form-msg.show{display:block;}
.form-msg.ok{background:rgba(20,184,166,.12);color:#0d6e63;}
.form-msg.err{background:rgba(220,38,38,.1);color:#b91c1c;}
.newsletter-inline{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.newsletter-inline input{flex:1;min-width:220px;padding:12px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;}
.newsletter-inline input::placeholder{color:#b9c4bf;}

/* ===== CONTACT ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1100px;margin:0 auto;}
.contact-info p{margin-bottom:18px;font-size:1.02rem;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.contact-info i{color:#fff;background:var(--accent);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}
.copy-btn{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#e9e4d8;padding:6px 14px;border-radius:20px;
  font-size:.75rem;cursor:pointer;margin-left:auto;transition:.25s;display:flex;align-items:center;gap:6px;
}
.copy-btn:hover{background:var(--accent);color:#1a1408;border-color:var(--accent);}
.bank-details{background:var(--bg-light);color:var(--text-dark);padding:34px;border-radius:20px;border-left:5px solid var(--accent);}
.bank-details h4{margin-bottom:14px;color:var(--accent-dark);}
.bank-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border-light);font-size:.95rem;gap:10px;}
.bank-row:last-child{border-bottom:none;}
.placeholder-note{font-size:.78rem;color:var(--text-gray);margin-top:14px;font-style:italic;}

.toast{
  position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--bg-darker);color:#fff;
  padding:14px 26px;border-radius:30px;font-size:.9rem;box-shadow:0 10px 30px rgba(0,0,0,.3);z-index:3000;opacity:0;
  transition:.3s;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast i{color:var(--teal);}

.back-top{
  position:fixed;bottom:28px;right:28px;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#1a1408;
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;box-shadow:0 8px 20px var(--accent-glow);
  opacity:0;pointer-events:none;transition:.3s;z-index:900;border:none;
}
.back-top.show{opacity:1;pointer-events:all;}
.back-top:hover{transform:translateY(-4px);}

footer{text-align:center;padding:40px 20px 30px;background:var(--bg-darker);color:#7a857f;font-size:.88rem;}
footer .foot-logo{color:#fff;font-weight:800;letter-spacing:1px;margin-bottom:10px;display:block;}
footer .foot-logo span{color:var(--accent);}
.foot-social{display:flex;justify-content:center;gap:14px;margin:18px 0;}
.foot-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#cbd5c9;text-decoration:none;transition:.25s;}
.foot-social a:hover{background:var(--accent);color:#1a1408;}

.reveal{opacity:0;transform:translateY(45px);transition:all .8s ease-out;}
.reveal.active{opacity:1;transform:translateY(0);}

.config-banner{
  position:fixed;bottom:0;left:0;right:0;background:#b91c1c;color:#fff;text-align:center;padding:10px 16px;font-size:.82rem;
  z-index:4000;display:none;
}
.config-banner.show{display:block;}
.config-banner a{text-decoration:underline;color:#fff;}

@media (max-width:900px){
  .project-highlight,.together-box,.vision-grid{padding:38px;}
  .project-highlight{flex-direction:column;}
  .project-text,.project-image{min-width:0;width:100%;}
  .vision-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .join-box{padding:40px;text-align:center;justify-content:center;}
  .join-box p{margin:0 auto 20px;}
  header.hero{display:block;}
  .hero-grid{grid-template-columns:1fr;gap:0;}
  .hero-content{padding:30px 6% 40px;max-width:none;}
  .hero-visual{order:-1;padding:90px 6% 0;max-width:460px;margin:0 auto;width:100%;}
  .hero-photo-card{aspect-ratio:4/5;flex:none;}
}
@media (max-width:768px){
  .nav-links{display:none;}
  .burger{display:flex;}
  header.hero h1{font-size:2.3rem;}
  .page-hero h1{font-size:2rem;}
  section{padding:70px 6%;}
  .stat .num{font-size:2rem;}
  .hero-stat-overlay{flex-direction:column;align-items:flex-start;padding:16px 18px;gap:14px;}
  .hero-stat-nums{gap:20px;}
  .hero-stat-nums .stat .num{font-size:1.4rem;}
  .timeline{padding-left:26px;}
  .timeline-item::before{left:-40px;}
  .project-highlight{padding:26px;}
  .project-image{min-height:220px;}
}