:root{
  --bg:#f4f1eb; --bg2:#ede9e0; --bg3:#e4dfd3;
  --dark:#0d1f18; --dark2:#163024; --forest:#1e4a35;
  --green:#2d7a55; --green-l:#3ea06e; --green-pale:#d4ede1;
  --accent:#c8873b; --accent-l:#e0a354; --accent-pale:#fdf3e3;
  --ink:#111c16; --muted:#5e7265; --border:#d6cfbf; --white:#fff;

  --dark: #000000;
    --white: #ffffff;
    --background: #FAFAFA;
    --green: #38a570;
    --red: #B13A3A;
    --banner-bg: #ecf8fa;
    --card-bg: #f4fcfd;

    --primary: #00a4bd;
    --secondary: #176f7c;
    --bg-light: #F8FAFC;
    --text-dark: #1D3D47;
    --text-muted: #718096;

}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family: sans-serif;background:var(--white);color:var(--dark);overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

/* ═══ LANGUAGE ═══ */
[data-lang="ro"] .en,[data-lang="ro"] .ru{display:none!important}
[data-lang="en"] .ro,[data-lang="en"] .ru{display:none!important}
[data-lang="ru"] .ro,[data-lang="ru"] .en{display:none!important}

.container{
    width: 98%;
    max-width: 1200px;
    margin: 0 auto;
}

.section-padding{margin: 120px 0;}

/* =========================================
   preloader
   ========================================= */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--background);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
.loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.spinner {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(37, 99, 235, 0.1);
    border-top: 3px solid var(--primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.loader-text {
    font-family: var(--font-main);
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--primary);
    font-size: 14px;
    animation: pulse 1.5s ease-in-out infinite;
}
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
@keyframes pulse {0%, 100% { opacity: 1; } 50% { opacity: 0.5; }}
#preloader.loaded {opacity: 0; visibility: hidden;}

/* =========================================
   tap to top
   ========================================= */
#tap-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--primary);
    color: var(--white);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all var(--transition) ease-in-out;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}
#tap-to-top:hover {
    background-color: var(--secondary);
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.4);
}
#tap-to-top.show {opacity: 1; visibility: visible; transform: translateY(0);}

/* ═══ NAV ═══ */
.nav-container{
    background: var(rgba(250, 250, 250, 0.8));
    
}
nav{
  position:fixed;inset:0 0 auto;z-index:999;height:60px;
  display:flex;align-items:center;justify-content:space-between;
  background: var(--white);border-bottom: 1px solid rgba(45,122,85,.18);
}
.nb{display:flex;align-items:center;gap:.65rem}
.nb-sq{width:35px;height:35px;}
.nb-name{display: flex; font-family: sans-serif;font-size:1rem;font-weight:700;color:var(--text-dark)}
.nb-name span{color:var(--primary)}
.nm{display:flex;gap:1.6rem;list-style:none}
.nm a{font-size:.8rem;font-weight:700;letter-spacing:.07em;color: var(--text-dark);transition:color .2s}
.nm a:hover,.nm a.act{color:var(--primary)}
.nr{display:flex;align-items:center;gap:.65rem}
.lt{display:flex;border:1px solid var(--text-dark);border-radius:4px;overflow:hidden}
.lt button{padding:.27rem .55rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;border:none;background:transparent;color:var(--primary);cursor:pointer;font-family:sans-serif;transition:all .2s}
.lt button.on{background:var(--secondary);color:#fff}
.nc{background:var(--text-dark);color:#fff;padding:.42rem 1.1rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .2s}
.nc:hover{background:var(--secondary)}

/* ═══ HERO ═══ */
#hero{min-height:100vh;background: #ecf8fa; display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;padding-top:60px}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:5rem 3rem 8rem 4rem;position:relative;z-index:2}
.hero-right{position:relative;overflow:hidden}
.hr-visual{
  position:absolute;inset:0;
  background:var(--text-dark) }
.hr-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px}
.hr-number{position:absolute;bottom:3rem;right:3rem;font-family:'Playfair Display',serif;font-size:11rem;font-weight:900;color:rgba(255,255,255,.03);line-height:1;user-select:none}
.hr-kpi-stack{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;gap:1rem;width:300px}
.hr-kpi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:1.2rem;text-align:center;backdrop-filter:blur(6px)}
.hr-kpi-n{font-family: serif;font-size:2.5rem;font-weight:900;color:var(--primary);line-height:1;display:block}
.hr-kpi-l{font-size:.7rem;letter-spacing:.1em;color: var(--white);margin-top:.3rem;display:block}
.hero-pill{display:inline-flex;align-items:center;gap:.5rem;background: var(--primary);border:1px solid var(--secondary);color:var(--white);padding:.28rem .8rem;border-radius:30px;font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:65px;width:fit-content}
.hero-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--white);animation:blink 2.2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.15}}
.hero-left h1{font-family: sans-serif;font-size:45px;font-weight:900;color: var(--text-dark);line-height:150%;margin-bottom:1.4rem}
.hero-left h1 em{color:var(--primary);font-style: normal;}
.hero-left p{color: var(--text-dark);font-size:.96rem;line-height:1.85;font-weight:300;max-width:460px;margin-bottom:2.5rem}
.hero-btns{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:20px}
.btn-g{background:var(--text-dark);color:#fff;padding:.8rem 1.8rem;border-radius:4px;font-weight:700;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;transition:all .25s;display:inline-flex;align-items:center;gap:.4rem}
.btn-g:hover{background:var(--secondary);transform:translateY(-2px)}
.btn-o{border:1.5px solid var(--text-dark);color: var(--text-dark);padding:.8rem 1.8rem;border-radius:4px;font-weight:600;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;transition:all .25s}
.btn-o:hover{border-color:var(--secondary);color:var(--secondary)}
.hero-metrics{display:flex;gap:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}
.hm{color:#fff}
.hm-n{font-family: serif;font-size:2rem;font-weight:900;color:var(--text-dark);line-height:1}
.hm-l{font-size:.7rem;text-transform: none;letter-spacing:.1em;color: var(--text-dark);margin-top:.3rem}
.hero-wave{position:absolute;bottom:0;left:0;right:0;height:80px;background: #eaf7f9;clip-path:ellipse(55% 100% at 50% 100%)}

/* ═══ TICKER ═══ */
.ticker{background:var(--text-dark);overflow:hidden;padding:.6rem 0;white-space:nowrap}
.ticker-tr{display:inline-flex;gap:3rem;animation:scroll 45s linear infinite}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ti{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.8);letter-spacing:.05em;display:inline-flex;align-items:center;gap:.6rem}
.ti-sep{color:rgba(255,255,255,.25);font-size:.4rem}

/* ═══ LAYOUT UTILITY ═══ */
.ey{font-family:'Space Mono',monospace;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--green);display:block;margin-bottom:.7rem}
.ey.lt{color:var(--green-l)}
h2.T{font-family: serif;border: none; font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.1;color:var(--text-dark)}
h2.T.lt{color:#fff}
.lead{font-size:.96rem;line-height:1.82;color:var(--muted);max-width:550px;margin-top:1rem}
.sep{height:1px;background:var(--border);margin:0}

/* ═══ FUNDAMENT (Vision renamed) ═══ */
.fundament{padding: 120px 0;}
.fun-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.fun-text p{font-size:.95rem;line-height:1.88;color:var(--muted);margin-bottom:1.1rem}
.fun-pillars{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.fp{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:1.5rem;border-left:3px solid var(--text-dark);transition:box-shadow .3s}
.fp:hover{box-shadow:0 6px 24px rgba(0,0,0,.07)}
.fp-ico{font-size:1.5rem;margin-bottom:.6rem}
.fp h4{font-family:'Playfair Display',serif;font-size:.93rem;font-weight:700;color:var(--ink);margin-bottom:.35rem}
.fp p{font-size:.77rem;color:var(--muted);line-height:1.6}

.fun-quote{background:var(--secondary);border-radius:10px;padding:2.5rem;color:#fff;position:relative;overflow:hidden;margin-bottom:1.2rem}
.fun-quote::before{content:'"';font-family:'Playfair Display',serif;font-size:8rem;line-height:.75;color:rgba(45,122,85,.12);position:absolute;top:1rem;left:1.5rem}
.fun-quote blockquote{font-family: serif; font-size:1.28rem; line-height:1.55;position:relative;z-index:1}
.fun-quote cite{display:block;margin: 20px 0;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color: #cecece;font-style:normal}
.fun-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.ff{background:var(--text-dark);border-radius:6px;padding:1.2rem;text-align:center}
.ff-n{font-family: serif;font-size:1.8rem;font-weight:900;color:var(--white);display:block;line-height: 30px}
.ff-l{font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.3);margin-top:.3rem}

/* ═══ MOTOARE (drivers renamed) ═══ */
#motoare{background:var(--secondary);padding:5.5rem 3rem}
.mot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:rgba(255,255,255,.06);margin-top:3.5rem}
.mc{background:var(--text-dark);padding:2.2rem 1.8rem;position:relative;overflow:hidden;transition:background .3s}
.mc:hover{background: #18444b;}
.mc::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green);transform:scaleY(0);transform-origin:bottom;transition:transform .4s}
.mc:hover::after{transform:scaleY(1)}
.mc-ico{font-size:1.8rem;margin-bottom:1rem}
.mc h3{font-family: serif;font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:.7rem;line-height:1.3}
.mc p{font-size:.8rem;color:rgba(255,255,255,.4);line-height:1.72}
.mc-tag{display:inline-block;margin-top:1.2rem;background: var(--secondary);border:1px solid var(--secondary);color:var(--white);padding:.18rem .55rem;border-radius:3px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}

/* ═══ DEMONSTRATIE (AI in action renamed) ═══ */
.demonstratie{padding: 120px 0;}
.dem-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem}
.dem-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.dc{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:2rem;display:flex;gap:1.3rem;transition:all .3s}
.dc:hover{box-shadow:0 10px 35px rgba(0,0,0,.09);transform:translateY(-2px)}
.dc-circle{width:50px;height:50px;border-radius:50%;background:var(--forest);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.dc-body h3{font-family:'Playfair Display',serif;font-size:.97rem;font-weight:700;color:var(--ink);margin-bottom:.4rem}
.dc-body p{font-size:.79rem;color:var(--muted);line-height:1.7}
/* publications row */
.pub-strip{background:var(--text-dark);border-radius:12px;padding:2.2rem;margin-top:1.5rem;grid-column:1/-1}
.pub-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}
.pub-head h3{font-family:'Playfair Display',serif;font-size:1rem;color:#fff;font-weight:700}
.pub-more{font-size:.67rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.09em;display:inline-flex;align-items:center;gap:.3rem;transition:gap .2s}
.pub-more:hover{gap:.5rem}
.pub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.pub{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:1.3rem;transition:border-color .3s}
.pub:hover{border-color:rgba(45,122,85,.35)}
.pub-jou{display:flex;align-items:center;gap:.4rem;margin-bottom:.7rem}
.pub-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.pub-jou-name{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.35)}
.pub-year{font-family:'Space Mono',monospace;font-size:.58rem;color:rgba(255,255,255,.25);margin-left:auto}
.pub h4{font-size:.83rem;font-weight:600;color:#fff;line-height:1.4;margin-bottom:.55rem}
.pub p{font-size:.73rem;color: rgba(255, 255, 255, 0.74);line-height:1.65}
.pub-foot{display:flex;justify-content:space-between;align-items:center;margin-top:.9rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.07)}
.pub-au{font-size:.64rem;color:rgba(255,255,255,.25);font-style:italic}
.pub-doi{font-size:.62rem;color:var(--white);font-weight:700;text-transform:uppercase;transition:color .2s}
.pub-doi:hover{color:var(--primary)}

/* ═══ STRUCTURA (framework renamed) ═══ */
.str-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:4.5rem;align-items:center;margin-bottom:120px;}
.str-img{overflow:hidden}
.str-img img{width:100%;border-radius:6px}
.str-steps{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}
.ss{display:flex;gap:1rem;align-items:flex-start}
.ss-dot{width:36px;height:36px;border-radius:50%;background:var(--text-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0;font-family:'Space Mono',monospace}
.ss-body h5{font-size:.87rem;font-weight:600;color:var(--ink);margin-bottom:.25rem}
.ss-body p{font-size:.77rem;color:var(--muted);line-height:1.6}
.str-right p{font-size:.95rem;line-height:1.88;color:var(--muted);margin-bottom:1rem}

/* ═══ PACHETE (work packages renamed) ═══ */
.T-Packet{color: var(--white) !important;}
.hm-pachete{background:var(--text-dark);padding:100px 0;}
.pak-header{margin-bottom:3.5rem}
.pak-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.pak{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:2rem;transition:all .3s;display:flex;flex-direction:column}
.pak:hover{background:rgba(255,255,255,.1);border-color:rgba(62,160,110,.4);transform:translateY(-3px)}
.pak-code{font-family: monospace;font-size:1rem;color:var(--primary);font-weight:700;display:block;margin-bottom:.6rem}
.pak h3{font-family:'Playfair Display',serif;font-size:.97rem;font-weight:700;color:#fff;margin-bottom:.9rem;line-height:1.3}
.pak ul{list-style:none;display:flex;flex-direction:column;gap:.45rem;flex:1}
.pak li{font-size:.77rem;color:rgba(255,255,255,.48);display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}
.pak li::before{content:'›';color:var(--primary);flex-shrink:0;font-size:.9rem;line-height:1.2}
.pak-lnk{display:inline-flex;align-items:center;gap:.3rem;margin-top:1.3rem;color:var(--primary);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;transition:gap .2s}
.pak-lnk:hover{gap:.5rem}

/* ═══ PLATFORME (artifacts renamed) ═══ */
.hm-platforme{padding: 120px 0;}
.plat-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}
.plat-card{background:var(--white);border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:all .3s}
.plat-card:hover{box-shadow:0 14px 45px rgba(0,0,0,.1);transform:translateY(-4px)}
.plat-img{height:200px;background:var(--dark);position:relative;overflow:hidden}
.plat-img img{width:100%;height:100%;object-fit:cover}
.plat-img-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 55%,rgba(30,74,53,.5) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(200,135,59,.2) 0%,transparent 50%)}
.plat-badge{position:absolute;top:1rem;left:1rem;background:var(--text-dark);color:#fff;padding:.25rem .65rem;border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.plat-new{position:absolute;top:1rem;right:1rem;background:var(--accent);color:#fff;padding:.22rem .6rem;border-radius:4px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.plat-body{padding:2rem}
.plat-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.plat-tag{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:.15rem .5rem;font-size:.6rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.plat-body h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:.6rem;line-height:1.3}
.plat-body p{font-size:.82rem;color:var(--muted);line-height:1.72}
.plat-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;background:var(--text-dark);color:#fff;padding:.7rem 1.4rem;border-radius:4px;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;transition:background .25s}
.plat-btn:hover{background:var(--secondary)}

/* ═══ ECOSISTEM ═══ */
.T-ecosystem{color: var(--white) !important;}
#ecosistem{background:var(--text-dark);padding:5.5rem 3rem}
.eco-top{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3.5rem;margin-bottom:2rem}
.eco-c{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s}
.eco-c:hover{background:rgba(45,122,85,.12);border-color:rgba(45,122,85,.3)}
.eco-ico{font-size:2rem;margin-bottom:.7rem}
.eco-c h4{font-size:.83rem;font-weight:600;color:#fff;margin-bottom:.3rem}
.eco-c p{font-size:.72rem;color:rgba(255, 255, 255, 0.63);line-height:1.55}
.eco-bottom{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:2.5rem}
.eco-b-title{font-family:'Playfair Display',serif;font-size:1.05rem;color:#fff;font-weight:700;margin-bottom:1.3rem}
.eco-badges{display:flex;flex-wrap:wrap;gap:.7rem}
.eb{background: var(--text-dark);border:1px solid rgba(45,122,85,.25);color:var(--white);padding:.38rem 1rem;border-radius:30px;font-size:.73rem;font-weight:600}

/* ═══ REZULTATE (outcomes renamed) ═══ */
.hm-rezult{margin: 120px 0;}
.rez-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.rz{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:2rem;transition:all .3s}
.rz:hover{box-shadow:0 10px 35px rgba(0,0,0,.09);transform:translateY(-3px)}
.rz-ico{width:50px;height:50px;border-radius:8px;background:var(--forest);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.2rem}
.rz h3{font-family:'Playfair Display',serif;font-size:.98rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}
.rz p{font-size:.8rem;color:var(--muted);line-height:1.7}
.rz-val{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:900;color:var(--forest);margin-top:.8rem}

/* ═══ PUBLICATII (science/blog renamed) ═══ */
.hm-result{margin: 120px 0;}
.hm-result{background: #f4fcfd; padding: 100px 0;}
#publicatii{background:var(--bg)}
.pub-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;margin-top:3rem}
.pub-feat{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow .3s}
.pub-feat:hover{box-shadow:0 12px 42px rgba(0,0,0,.1)}
.pf-top{height:220px;background:var(--dark2);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:1.5rem}
.pf-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 60%,rgba(30,74,53,.55) 0%,transparent 60%),radial-gradient(ellipse at 85% 15%,rgba(200,135,59,.18) 0%,transparent 50%)}
.pf-cat{position:relative;background:var(--green);color:#fff;padding:.27rem .7rem;border-radius:4px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.pf-body{padding:2rem}
.pf-body h3{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--ink);line-height:1.3;margin-bottom:.65rem}
.pf-body p{font-size:.82rem;color:var(--muted);line-height:1.72}
.pf-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.3rem;padding-top:1.3rem;border-top:1px solid var(--border)}
.pf-aut{display:flex;align-items:center;gap:.55rem}
.pf-av{width:30px;height:30px;border-radius:50%;background:var(--forest);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#fff;font-weight:700}
.pf-name{font-size:.72rem;font-weight:700;color:var(--ink);display:block}
.pf-when{font-size:.65rem;color:var(--muted);display:block}
.pf-link{font-size:.68rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.07em;display:inline-flex;align-items:center;gap:.3rem;transition:gap .2s}
.pf-link:hover{gap:.5rem}
.pub-list{display:flex;flex-direction:column;gap:0}
.pi{padding:1.3rem 0;border-bottom:1px solid var(--border);transition:transform .2s;cursor:pointer}
.pi:last-child{border-bottom:none}
.pi:hover{transform:translateX(5px)}
.pi-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.35rem}
.t1{color:var(--green)}.t2{color:var(--accent)}.t3{color:#7b5ea7}.t4{color:#c0392b}.t5{color:#2980b9}
.pi h4{font-family:'Playfair Display',serif;font-size:.97rem;color:var(--ink);line-height:1.35;margin-bottom:.3rem}
.pi p{font-size:.75rem;color:var(--muted);line-height:1.6}
.pi-foot{display:flex;justify-content:space-between;margin-top:.5rem}
.pi-d{font-size:.63rem;color:rgba(94,114,101,.5);font-family:'Space Mono',monospace}
.pi-doi{font-size:.6rem;color:var(--green);font-weight:700}

/* ═══ ALIANTA (consortium renamed) ═══ */
.lead-hm{max-width: 90%;} 
.hm-alianta{padding-bottom: 100px;}
.ali-intro{margin-bottom:3.5rem}
.ali-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.ali-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:2rem;display:flex;gap: 30px;align-items:flex-start;transition:all .3s; flex-direction: column;}
.ali-card:hover{box-shadow:0 10px 35px rgba(0,0,0,.08);transform:translateY(-3px)}
.ali-logo{width:90px;height:58px;flex-shrink:0;background:var(--bg2);border-radius:6px;padding:.5rem;display:flex;align-items:center;justify-content:center}
.ali-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.ali-info h3{font-family:serif;font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:.4rem;line-height:1.3}
.ali-info p{font-size:.78rem;color:var(--muted);line-height:1.65}
.ali-lnk{display:inline-flex;align-items:center;gap:.3rem;margin-top:.8rem;color:var(--forest);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;transition:gap .2s}
.ali-lnk:hover{gap:.5rem}
.ali-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--green-pale);border:1px solid rgba(45,122,85,.25);color:var(--forest);padding:.25rem .65rem;border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.8rem;width:fit-content}

/* ═══ CTA ═══ */
.cta-b{background:var(--secondary);padding:4rem 3rem;text-align:center}
.cta-b h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);color:#fff;margin-bottom:.8rem}
.cta-b p{color:rgba(255,255,255,.7);font-size:.94rem;margin-bottom:2rem}
.cta-btns{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.btn-w{background:#fff;color:var(--forest);padding:.82rem 2rem;border-radius:4px;font-weight:700;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;transition:all .25s}
.btn-w:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.btn-ow{border:2px solid rgba(255,255,255,.35);color:#fff;padding:.82rem 2rem;border-radius:4px;font-weight:700;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;transition:all .25s}
.btn-ow:hover{border-color:#fff;background:rgba(255,255,255,.1)}

/* ═══ CONTACT ═══ */
#contact{background:var(--text-dark);padding:5.5rem 3rem}
.ct{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;max-width:1260px;margin:0 auto}
.ct-l h2{font-family:'Playfair Display',serif;font-size:2.5rem;color:#fff;margin-bottom:1rem;line-height:1.15}
.ct-l p{color: rgba(255, 255, 255, 0.83);font-size:.9rem;line-height:1.82}
.ct-rows{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}
.ct-row{display:flex;gap:.9rem;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:1rem}
.ct-ico{font-size:1rem;flex-shrink:0;padding-top:.1rem}
.ct-row h5{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.2rem}
.ct-row p{font-size:.8rem;color:rgba(255, 255, 255, 0.83);}
.ct-form{display:flex;flex-direction:column;gap:.9rem}
.fg{display:flex;flex-direction:column;gap:.35rem}
.fg label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);font-weight:600}
.fg input,.fg textarea,.fg select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.78rem 1rem;border-radius:5px;font-family:'Manrope',sans-serif;font-size:.86rem;outline:none;transition:border-color .25s;width:100%}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--primary)}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(255,255,255,.18)}
.fg textarea{resize:vertical;min-height:100px}
.fg select option{background:var(--text-dark)}
.fg-r{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.ct-btn{background:var(--secondary);color:#fff;border:none;padding:1rem;border-radius:5px;font-family:'Manrope',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background .25s;width:100%}
.ct-btn:hover{background:var(--primary)}

/* ═══ FOOTER ═══ */
.fg-check label{font-size: 14px;color: var(--white);}
.footer-website{font-size: 14px;color: var(--white);}
footer{background:#070f0a;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.ft-b{font-family: serif;font-size:.92rem;color:#fff;font-weight:700}
.ft-b span{color:var(--primary)}
.ft-n{display:flex;gap:1.8rem;list-style:none}
.ft-n a{color:rgba(255,255,255,.28);font-size:.7rem;transition:color .2s}
.ft-n a:hover{color:var(--green-l)}
.ft-c{font-size:.63rem;color:rgba(255,255,255,.8);font-family:'Space Mono',monospace}

@media (max-width: 1080px){
    .nm a{font-size: 0.7em;}
}

@media (max-width: 1024px){
    .nm{gap: 1em;}
}
/* ═══ RESPONSIVE ═══ */
@media(max-width:960px){
  nav{padding:0 1.2rem}.nm{display:none}
  #hero{grid-template-columns:1fr}
  .hero-right{display:none}
  section,#contact{padding:0;}
  .cta-b{padding:3rem 1.2rem}
  .fun-layout,.str-layout,.dem-cards,.plat-grid,.ali-grid,.ct,.pub-layout{grid-template-columns:1fr;gap:2rem}
  .mot-grid,.pak-grid,.rez-grid,.pub-grid{grid-template-columns:1fr 1fr;}
  .eco-top{grid-template-columns:1fr 1fr}
  .fun-pillars{grid-template-columns:1fr}
  .fun-facts{grid-template-columns:1fr 1fr 1fr}
  footer{flex-direction:column;text-align:center}.ft-n{justify-content:center}
  .fg-r{grid-template-columns:1fr}
  .hero-metrics{gap:1.5rem;flex-wrap:wrap}
  .ali-grid-alianta{grid-template-columns: 1fr 1fr;}
  .hm-pachete{padding: 100px 0;}
  .hm-result{padding: 70px 0;}
  #ecosistem{padding: 5rem 1rem;}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.au{animation:fadeUp .6s ease both}.a1{animation-delay:.1s}.a2{animation-delay:.22s}.a3{animation-delay:.34s}.a4{animation-delay:.46s}

@media(max-width:680px){
    .ali-grid-alianta{grid-template-columns: 1fr;}
    .mot-grid,.pak-grid,.rez-grid,.pub-grid{grid-template-columns:1fr;}
}

@media(max-width: 560px){
    .eco-top{grid-template-columns: 1fr;}
}