/*
========================================================
  SECURONOVA – AI SUMMIT
  Main stylesheet
========================================================
*/

/* ---------- 1. Fonts & variables ---------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#151515;--paper:#f4f3ee;--acid:#d8ff3e;--muted:#70706b;--line:#d8d7d0;--dark:#20211f}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
/* ---------- 2. Global styles ---------- */
body{font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}

/* ---------- 3. Navigation ---------- */
nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(244,243,238,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{font:800 19px "Space Grotesk";display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border:2px solid;border-radius:50%;display:grid;place-items:center}.navlinks{display:flex;gap:27px;list-style:none;font-size:13px;font-weight:600;align-items:center}.navlinks a:hover,.navlinks .active{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.nav-cta{background:var(--ink);color:#fff;padding:11px 17px;border-radius:999px}

/* ---------- 4. Layout / hero ---------- */
.container{width:min(1220px,90%);margin:auto}
main{flex:1}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding:7vw 0}.kicker{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:800;margin-bottom:18px}.hero h1,.page-hero h1,.section h2{font-family:"Space Grotesk";letter-spacing:-5px;line-height:.9}.hero h1{font-size:clamp(60px,8.8vw,115px)}.hero h1 span{background:var(--acid);padding:0 .08em}.hero p,.page-hero p{margin-top:26px;color:#4d4d48;line-height:1.75;max-width:680px;font-size:17px}.actions{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}.btn{border:1px solid var(--ink);padding:12px 18px;border-radius:999px;font-size:13px;font-weight:700}.btn-dark{background:var(--ink);color:#fff}
.hero-art{min-height:520px;background:var(--dark);position:relative;overflow:hidden;border-radius:0 0 0 46%}.hero-art:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:var(--acid);left:17%;top:14%}.orbit{position:absolute;inset:11%;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotate(-18deg)}.o2{inset:21%;transform:rotate(50deg)}.o3{inset:31%;transform:rotate(7deg)}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--acid)}.d1{left:18%;top:23%}.d2{right:18%;top:51%}.d3{left:45%;bottom:16%}

/* ---------- 5. Moving announcement bar ---------- */
.marquee{overflow:hidden;white-space:nowrap;background:var(--acid);border-block:1px solid var(--ink);padding:12px 0}.track{display:inline-block;animation:move 24s linear infinite;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.track span{margin-right:38px}@keyframes move{to{transform:translateX(-50%)}}

/* ---------- 6. Content sections ---------- */
.section{padding:115px 0}.alt{background:#fff}.dark{background:var(--ink);color:#fff}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:50px}.section-head h2{font-size:clamp(45px,6vw,76px)}.section-head p{max-width:420px;color:var(--muted);line-height:1.7;font-size:14px}.about-grid,.study{display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.about-copy{font:500 30px/1.25 "Space Grotesk";letter-spacing:-1px}.about-copy strong{background:var(--acid);padding:0 .1em}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fact{border-top:1px solid var(--line);padding:17px 0}.fact b{display:block;font:700 29px "Space Grotesk"}.fact span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}
.study-card{padding:38px;background:var(--dark);color:#fff;border-radius:0 26px}.study-card.light{background:var(--acid);color:var(--ink)}.study-card h3{font:700 33px "Space Grotesk"}.study-card p{margin-top:15px;line-height:1.75;color:#c7c7c1;font-size:14px}.study-card.light p{color:#3c3c36}.label{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--acid);margin-bottom:14px}.light .label{color:var(--ink)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tile{background:#fff;border:1px solid var(--line);padding:27px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.tile:nth-child(2){border-radius:24px 0}.tile:nth-child(3){background:var(--acid)}.tile h3{font:700 26px "Space Grotesk";letter-spacing:-1px}.tile p{font-size:13px;color:#686862;line-height:1.65}.arrow{font-size:20px}

/* ---------- 7. Team cards ---------- */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.team-card{background:#f1f0ea;color:var(--ink);border:1px solid #d0cfc8;padding:25px;min-height:190px;position:relative;overflow:hidden}.team-card:after{content:"";position:absolute;width:125px;height:125px;border-radius:50%;background:var(--acid);right:-65px;bottom:-65px}.team-no{font-size:10px;letter-spacing:2px;color:#7b7b75}.team-card h3{font:700 24px "Space Grotesk";margin-top:10px}.team-card p{font-size:13px;color:#6b6b65;max-width:300px;margin-top:8px}.soon{display:inline-block;margin-top:16px;border:1px solid;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;letter-spacing:1px}

/* ---------- 8. Contact ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.contact-card{border-top:2px solid;padding:20px 0}.contact-card .value{font:600 21px "Space Grotesk";margin-top:10px}.contact-card p{font-size:13px;color:var(--muted);margin-top:7px}

/* ---------- 9. References ---------- */
.reference{min-height:410px;border:1px dashed #aaa;background:#efeee8;display:grid;place-items:center;text-align:center;padding:40px}.plus{font-size:62px;font-weight:200}.reference h3{font:700 34px "Space Grotesk";margin-top:12px}.reference p{color:var(--muted);font-size:14px;max-width:530px;margin-top:8px}

/* ---------- 10. Inner page header ---------- */
.page-hero{padding:100px 0 50px}.page-hero h1{font-size:clamp(60px,9vw,112px)}
/* ---------- 11. Footer ---------- */
/* ---------- Footer stays at the bottom ---------- */
footer{background:var(--ink);margin-top:auto;color:#fff;padding:45px 0}.foot{display:flex;justify-content:space-between;align-items:end;gap:25px}.foot-links{display:flex;gap:19px;flex-wrap:wrap;color:#aaa;font-size:12px}.foot small{display:block;color:#aaa;margin-top:8px}

/* ---------- 12. Scroll animations ---------- */
.reveal{opacity:0;transform:translateY(38px);transition:.8s ease}.reveal.show{opacity:1;transform:none}

/* ---------- 13. Responsive layout ---------- */
@media(max-width:900px){.navlinks{display:none}.hero,.about-grid,.study{grid-template-columns:1fr}.hero-art{min-height:350px}.tiles,.team-grid,.contact-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:18px}.foot{display:block}.foot-links{margin-top:22px}}

/* ---------- Organization / team hierarchy ---------- */
.org-chart {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.org-level {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}
.org-card {
    background: #fff;
    border: 1px solid var(--line);
    padding: 22px 26px;
    min-width: 230px;
    text-align: center;
}
.org-card.primary {
    background: var(--ink);
    color: #fff;
    border-color: var(--ink);
}
.org-card.acid {
    background: var(--acid);
    border-color: var(--ink);
}
.org-card h3 {
    font: 700 25px "Space Grotesk";
}
.org-card p {
    margin-top: 7px;
    color: var(--muted);
    font-size: 12px;
}
.org-card.primary p {
    color: #c9c9c4;
}
.org-line {
    width: 1px;
    height: 22px;
    background: #a8a8a1;
}
.org-team {
    width: 100%;
    background: #efeee8;
    border: 1px solid #d1d0c9;
    padding: 26px;
}
.org-team-head {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.org-team h3 {
    font: 700 27px "Space Grotesk";
}
.org-team .lead {
    font-size: 12px;
    color: #5f5f59;
    margin-top: 6px;
}
.member-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.member {
    padding: 8px 12px;
    border: 1px solid #cbc9c1;
    border-radius: 999px;
    background: #f8f7f2;
    font-size: 11px;
}
.member.placeholder {
    border-style: dashed;
    color: #7b7b75;
}
.team-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-top: 10px;
}
@media(max-width:900px){
    .team-columns{grid-template-columns:1fr}
}