/*
Theme Name: Nuralabs B2B
Version: 1.3.0
*/
:root{
  --bg:#090b14;
  --bg2:#14182a;
  --surface:#ffffff;
  --soft:#f4f6fb;
  --text:#0f172a;
  --muted:#4b5563;
  --line:#e5e9f2;
  --nura:#ff0a84;
  --nura-2:#ff4ea7;
  --nura-deep:#cc0066;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{color:var(--nura);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:40}
.nav{display:flex;justify-content:space-between;align-items:center;height:74px}
.brand{font-weight:800;font-size:1.16rem;color:#0b1220;letter-spacing:.01em}
.menu{display:flex;gap:18px}.menu a{color:#0f172a;font-weight:600}

.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 22% 18%,#31162b 0%,var(--bg) 46%,#05070f 100%);padding:104px 0 92px}
.hero::before{content:"";position:absolute;inset:auto -12% -280px -12%;height:560px;background:radial-gradient(circle at 50% 40%,rgba(255,10,132,.32) 0%,rgba(255,10,132,.08) 42%,rgba(0,0,0,0) 70%);filter:blur(28px)}
.hero-mascot{position:absolute;right:-120px;top:-10px;width:min(58vw,760px);opacity:.16;pointer-events:none;z-index:1;filter:drop-shadow(0 0 22px rgba(255,10,132,.55)) saturate(1.08)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:end}
.kicker{letter-spacing:.14em;font-size:.76rem;font-weight:700;opacity:.92;margin:0 0 10px;color:#ffd2eb}
.hero h1{margin:0 0 14px;font-size:clamp(2.2rem,4.8vw,3.7rem);line-height:1.03;color:#f8fbff;text-shadow:0 6px 24px rgba(0,0,0,.35)}
.hero p{margin:0;max-width:760px;color:#f8deed}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:700;transition:transform .2s ease,opacity .2s ease}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn-primary{background:linear-gradient(135deg,var(--nura),var(--nura-2));color:#fff;box-shadow:0 10px 30px rgba(255,10,132,.35)}
.btn-ghost{color:#fff;border:1px solid #f3accf}
.metric-panel{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:18px}
.wave{height:34px;background:linear-gradient(180deg,transparent 0,#fff 100%)}

.section{padding:76px 0}.section.alt{background:var(--soft)}
.section h2{font-size:clamp(1.6rem,3.4vw,2.35rem);margin:0 0 24px;letter-spacing:-.02em}
.anim-title{position:relative;display:inline-block;opacity:0;transform:translateY(24px) scale(.985)}
.anim-title::after{content:"";position:absolute;left:0;bottom:-8px;height:3px;width:0;border-radius:999px;background:linear-gradient(90deg,var(--nura),var(--nura-2));box-shadow:0 0 16px rgba(255,10,132,.45)}
.anim-title.in-view{animation:titleRise .75s cubic-bezier(.2,.8,.2,1) forwards}
.anim-title.in-view::after{animation:lineGrow .9s ease forwards .2s}
@keyframes titleRise{0%{opacity:0;transform:translateY(24px) scale(.985);filter:blur(5px)}100%{opacity:1;transform:none;filter:none}}
@keyframes lineGrow{to{width:68%}}

.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 1px 0 rgba(15,23,42,.02)}
.card h3{margin-top:0}
.card p{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.step b{display:inline-block;background:linear-gradient(135deg,var(--nura),var(--nura-2));color:#fff;border-radius:999px;padding:4px 8px;font-size:.72rem;margin-bottom:10px}
.feed-item{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.feed-item:hover{transform:translateY(-2px);border-color:#ffc3e2;box-shadow:0 10px 22px rgba(255,10,132,.12);text-decoration:none}
.feed-item time{font-size:.84rem;color:#64748b}
.feed-item h3{margin:8px 0 6px;font-size:1.12rem}
.feed-item p{margin:0;color:var(--muted)}
.cta{padding:78px 0;background:linear-gradient(135deg,#1f1322,#2c1730);color:#ffe9f4}
.site-footer{padding:28px 0;border-top:1px solid var(--line);color:#64748b}
.reveal{opacity:0;transform:translateY(20px);transition:all .6s ease}
.reveal.is-visible{opacity:1;transform:none}

@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-mascot{opacity:.1;right:-180px;top:30px;width:95vw}.steps{grid-template-columns:1fr 1fr}.grid3,.grid2{grid-template-columns:1fr}}
.nura-accent{color:var(--nura);text-shadow:0 0 18px rgba(255,10,132,.35)}
.hero .anim-title{color:#f8fbff;text-shadow:0 6px 24px rgba(0,0,0,.35)}
.section .anim-title{background:linear-gradient(90deg,#151c2f 0%,#2b2f45 45%,var(--nura-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.cta .anim-title{color:#fff;background:none;-webkit-background-clip:initial;background-clip:initial}

/* Events showcase */
.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.event-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(15,23,42,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.event-card:hover{transform:translateY(-4px);border-color:#ffc0df;box-shadow:0 16px 34px rgba(255,10,132,.16)}
.event-media{display:block;position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#1f1626,#120f1f)}
.event-media img{width:100%;height:100%;object-fit:cover;display:block}
.event-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,18,0) 40%,rgba(8,10,18,.55) 100%)}
.event-fallback-logo{object-fit:contain;padding:24px;filter:drop-shadow(0 0 20px rgba(255,10,132,.45))}
.event-body{padding:16px 16px 18px}
.event-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.event-chip{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:rgba(255,10,132,.12);color:#b4005b;border:1px solid rgba(255,10,132,.32)}
.event-meta time{font-size:.82rem;color:#6b7280}
.event-body h3{margin:0 0 8px;font-size:1.08rem;line-height:1.3}
.event-body h3 a{color:#111827}
.event-body p{margin:0 0 14px;color:var(--muted);font-size:.95rem}
.event-link{font-weight:700;color:var(--nura);display:inline-flex;align-items:center;gap:6px}
.event-link:hover{text-decoration:none;filter:brightness(.95)}

@media (max-width:1100px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.event-grid{grid-template-columns:1fr}}
.event-card-link{display:block;color:inherit;text-decoration:none;height:100%}
.event-card-link:hover{text-decoration:none}

/* Single event article */
.article-shell{padding:28px 0 64px}
.article-wrap{max-width:860px}
.article-head h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;margin:.6rem 0 .8rem;color:#111827}
.article-meta-top{display:flex;gap:10px;align-items:center;color:#6b7280;margin:0}
.article-excerpt{font-size:1.08rem;color:#4b5563;margin:0 0 8px}
.article-hero-image{margin:24px 0 24px}
.article-hero-image img{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 12px 34px rgba(15,23,42,.14)}
.article-body{font-size:1.05rem;color:#1f2937}
.article-body p{margin:0 0 1.1rem}
.article-body h2,.article-body h3{line-height:1.25;color:#111827;margin-top:1.4rem}
.article-body a{color:var(--nura)}
.article-footer-nav{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.article-back{color:#111827;border-color:#d5d9e5}