/*
Theme Name: The Future
Theme URI: https://gurugreg.com/
Author: Guru Greg
Author URI: https://gurugreg.com/
Description: Neon, futuristic AI theme with cinematic hero, glass panels, and auto-setup.
Version: 1.0.0
Text Domain: the-future
*/

/* Fonts (Orbitron + Exo 2) */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;800&family=Orbitron:wght@600;800&display=swap');

:root{
  --ink:#eaf2ff;
  --sub:#a9b5d6;
  --deep:#0c0f18;
  --panel: rgba(255,255,255,.12);
  --line: rgba(255,255,255,.25);
  --glow1:#00f6ff;
  --glow2:#ff4df2;
  --glow3:#9e6eff;
  --radius: 18px;
  --max: 1180px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--deep);color:var(--ink);font-family:'Exo 2', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
a{color:var(--ink);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}

/* Header */
.site-header{position:sticky;top:0;background:rgba(12,15,24,.8);backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid var(--line)}
.brand{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0}
.brand .left{display:flex;gap:12px;align-items:center}
.brand img.logo{width:64px;height:auto;filter:drop-shadow(0 6px 20px rgba(0,246,255,.35))}
.brand h1{font-family:'Orbitron', sans-serif; font-size:22px; margin:0}
.brand .tag{font-size:14px;color:var(--sub);margin:0}

/* Nav */
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.nav a{padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}
.nav a:hover{background:rgba(255,255,255,.12)}

/* Hero */
.hero{min-height:92vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center, rgba(255,255,255,.18), rgba(255,255,255,.02));}
.hero .inner{position:relative;z-index:1;text-align:center;padding:40px 20px}
.kicker{display:inline-block;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:rgba(255,255,255,.08)}
.bigline{font-family:'Orbitron', sans-serif;font-size: clamp(36px, 6vw, 84px); line-height:1.02; margin:12px 0 8px;
         text-shadow: 0 1px 0 rgba(255,255,255,.5), 0 16px 60px rgba(0,246,255,.35)}
.bigline em{font-style:normal;position:relative}
.bigline em::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:16px;border-radius:10px;
                   background:linear-gradient(90deg, var(--glow1), var(--glow2), var(--glow3));opacity:.55}
.subline{font-size: clamp(16px, 2.2vw, 22px); color:#e8edff; opacity:.95; margin: 10px auto 24px; max-width: 940px}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.08)}
.btn.primary{border-color:#111;background:#00d0ff;color:#0c0f18;font-weight:800}
.btn.secondary{background:rgba(255,255,255,.08);color:#fff}

/* Sections */
.section{padding:64px 0}
.grid{display:grid;grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;backdrop-filter:blur(8px);
      box-shadow:0 10px 40px rgba(0,0,0,.25)}
.card h3{margin:6px 0 8px}
.card p{margin:0;color:#d7def7}

/* Credos */
.credos{display:grid;grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:14px}
.credo{background:linear-gradient(135deg, rgba(0,246,255,.08), rgba(255,77,242,.08));
       border:1px solid var(--line);border-radius:var(--radius);padding:18px;}

/* Footer */
.site-footer{text-align:center;padding:28px 10px;border-top:1px solid var(--line);background:rgba(12,15,24,.8);backdrop-filter:blur(6px)}
.site-footer img.logo{width:44px;height:auto;display:block;margin:0 auto 8px;filter:drop-shadow(0 6px 20px rgba(255,77,242,.35))}
.site-footer p{color:#c6d0ee}


/* === Global City Background for Inner Pages === */
body.has-city-bg::before{
  content:"";
  position:fixed; inset:0; z-index:-2;
  background-image: var(--future-hero);
  background-size:cover; background-position:center; background-attachment:fixed;
  opacity:1;
}
body.has-city-bg::after{
  content:""; position:fixed; inset:0; z-index:-1;
  background:radial-gradient(ellipse at center, rgba(12,15,24,.1), rgba(12,15,24,.65)),
             linear-gradient(to bottom, rgba(12,15,24,.25), rgba(12,15,24,.85) 60%);
}

/* Slightly stronger glass panels for readability on the city background */
.card{background:rgba(12,15,24,.55); border:1px solid rgba(255,255,255,.18);}
.section .card{backdrop-filter:blur(10px)}


/* Guard: prevent duplicate menu rows if any markup duplication occurs */
.site-header .nav + .nav { display:none !important; }