/* AI Showcase — additional cinematic layer over the Sonance brand base */

/* ===== HERO ===== */
.ai-nav{background:rgba(20,25,30,.82)}

.ai-hero{
  position:relative;min-height:100vh;padding:160px 0 80px;
  display:flex;align-items:center;overflow:hidden;
  background:#10141a;
}
.hero-grid-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(0,163,225,.22), transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(0,178,169,.14), transparent 50%),
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: auto, auto, 56px 56px, 56px 56px;
  mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%);
}
.ai-hero .container{position:relative;z-index:1}
.ai-hero .hero-eyebrow{
  display:inline-block;padding:8px 16px;border-radius:20px;
  background:rgba(0,163,225,.14);border:1px solid rgba(0,163,225,.3);
  color:#5ec8ef;font-family:var(--mono);font-size:12px;letter-spacing:.06em;
  font-weight:500;margin-bottom:40px;
}
.ai-hero-title{
  font-size:clamp(56px,9vw,128px);font-weight:800;
  line-height:.98;letter-spacing:-.04em;margin-bottom:36px;
}
.grad-strong{
  background:linear-gradient(135deg,#00a3e1 0%,#5ec8ef 40%,#00b2a9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 4px 30px rgba(0,163,225,.35));
}
.big-num{
  font-family:var(--mono);font-weight:900;letter-spacing:-.06em;
  display:inline-block;min-width:1.2em;
}
.ai-hero-lede{
  font-size:clamp(18px,1.8vw,22px);
  color:var(--fg-2);max-width:780px;
  margin-bottom:80px;line-height:1.55;font-weight:300;
}
.ai-hero-lede strong{color:#fff;font-weight:600}
.ai-hero-lede em{color:var(--accent-2);font-style:italic;font-weight:400}

.ai-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;
  max-width:1100px;
}
.ai-stat{padding:0}
.ai-stat-num{
  font-size:clamp(46px,4.4vw,68px);font-weight:800;
  font-family:var(--mono);letter-spacing:-.04em;
  background:linear-gradient(135deg,#00a3e1 0%,#5ec8ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  line-height:1;margin-bottom:12px;
}
.ai-stat-num .pct{font-size:.5em;margin-left:2px;font-weight:600}
.ai-stat-label{
  font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;
  font-weight:500;line-height:1.4;
}
.ai-hero .scroll-hint{
  position:static;transform:none;display:block;
  margin:80px auto 0;text-align:center;
  color:var(--muted-2);font-size:13px;font-family:var(--mono);
  letter-spacing:.05em;animation:bob 2s infinite;
}
@keyframes bob{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(6px)}
}

/* ===== ACT 1 — FOUNDATIONS ===== */
.ai-act{background:#10141a;padding:140px 0}
.ai-act + .ai-act{background:#161b22}

.foundation{
  position:relative;background:var(--card);
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:40px;transition:all .25s var(--ease-out,ease);
}
.foundation:hover{
  border-color:rgba(0,163,225,.35);
  box-shadow:0 0 0 1px rgba(0,163,225,.15), 0 30px 80px -40px rgba(0,163,225,.3);
}
.foundation .found-tag{
  position:absolute;top:24px;right:32px;font-family:var(--mono);
  font-size:11px;color:var(--accent-2);letter-spacing:.15em;font-weight:600;
}
.found-eyebrow{
  font-family:var(--mono);font-size:11px;color:var(--accent-2);
  letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:14px;
}
.found-title{
  font-size:34px;font-weight:800;letter-spacing:-.02em;
  margin-bottom:8px;line-height:1.1;
}
.found-sub{font-size:16px;color:var(--fg-2);line-height:1.5;margin-bottom:24px;font-weight:300}
.found-list{display:flex;flex-direction:column;gap:8px;margin:18px 0 22px}
.found-list li{
  font-size:13.5px;color:var(--fg-2);line-height:1.5;
  padding-left:16px;position:relative;
}
.found-list li::before{
  content:'';position:absolute;left:0;top:9px;
  width:5px;height:5px;border-radius:50%;background:var(--accent);
}
.kbd{
  display:inline-block;font-family:var(--mono);font-size:12px;
  background:rgba(0,163,225,.1);color:var(--accent-2);
  padding:2px 8px;border-radius:5px;font-weight:500;margin-right:6px;
}
.found-stat{
  font-family:var(--mono);font-size:11.5px;color:var(--muted);
  padding:10px 14px;background:var(--bg-2);
  border-left:2px solid var(--accent);border-radius:4px;
  margin-bottom:20px;letter-spacing:.02em;
}
.found-foot{
  font-size:14px;color:var(--fg-2);line-height:1.55;
  padding-top:18px;border-top:1px solid var(--line);
}
.found-foot.small{font-size:13px;color:var(--muted)}
.found-foot em{color:var(--fg);font-style:italic;font-weight:500}

/* HERO foundation card (MIMIR) — bigger, more visual */
.hero-card{
  margin-bottom:32px;
  background:linear-gradient(135deg,var(--card) 0%,rgba(0,163,225,.04) 100%);
  border-left:3px solid var(--accent);
}
.hero-card .found-title{font-size:48px}
.hero-card .found-sub{font-size:18px;max-width:760px}

.mimir-cmp{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 24px;
}
.mimir-side{
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:var(--r-md);padding:24px 26px;
}
.mimir-side.good{border-color:rgba(76,175,80,.35);background:rgba(76,175,80,.04)}
.mimir-side.bad{border-color:rgba(255,183,77,.25);background:rgba(255,183,77,.03)}
.mimir-label{
  font-family:var(--mono);font-size:11px;text-transform:uppercase;
  letter-spacing:.08em;font-weight:600;margin-bottom:14px;
}
.mimir-side.good .mimir-label{color:var(--ok)}
.mimir-side.bad .mimir-label{color:var(--warn)}
.mimir-bar{
  height:8px;border-radius:4px;background:var(--bg-3);overflow:hidden;margin-bottom:10px;
}
.mimir-bar-fill{
  display:block;height:100%;background:var(--warn);transition:width 1.2s ease-out;
}
.mimir-bar-fill.ok{background:linear-gradient(90deg,var(--ok),var(--accent))}
.mimir-stat{
  font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:14px;
}
.mimir-bullets{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.mimir-bullets li{
  font-size:13px;color:var(--fg-2);padding-left:16px;position:relative;line-height:1.5;
}
.mimir-bullets li::before{
  content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;
}
.mimir-side.good .mimir-bullets li::before{background:var(--ok)}
.mimir-side.bad .mimir-bullets li::before{background:var(--warn)}

/* row of 3 small foundations */
.found-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.found-row .foundation{padding:32px 28px}
.found-row .found-title{font-size:26px}
.found-row .found-sub{font-size:14.5px;margin-bottom:18px}

/* Pantheon visual */
.pantheon{
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px;
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:var(--r-md);padding:16px;margin:14px 0 20px;
}
.p-agent{
  background:var(--card);border:1px solid var(--line-soft);
  border-radius:8px;padding:10px 12px;text-align:center;
  transition:all .15s ease;
}
.p-agent.center{
  grid-column:1 / -1;background:linear-gradient(135deg,rgba(0,163,225,.18),rgba(0,178,169,.08));
  border-color:var(--accent);
}
.p-name{
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:var(--fg);letter-spacing:.05em;
}
.p-agent.center .p-name{color:var(--accent-2);font-size:13px}
.p-role{
  font-size:10px;color:var(--muted);margin-top:2px;letter-spacing:.04em;
  text-transform:uppercase;
}

.act-closer{
  margin-top:60px;padding:32px 40px;border-radius:var(--r-lg);
  background:linear-gradient(135deg,rgba(0,163,225,.08),rgba(0,178,169,.04));
  border:1px solid rgba(0,163,225,.2);
  text-align:center;font-size:17px;color:var(--fg-2);line-height:1.55;font-weight:300;
}
.act-closer strong{color:#fff;font-weight:600}

/* ===== ACT 2 — WHAT SHIPS ===== */

/* HUB card — mindenops.com browser mock */
.hub{margin-bottom:80px}
.hub-browser{
  background:#0e1217;border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.5),0 0 0 1px rgba(0,163,225,.1);
}
.hub-bar{
  display:flex;align-items:center;gap:14px;
  padding:12px 18px;background:#161b22;
  border-bottom:1px solid var(--line);
}
.hub-dots{display:flex;gap:6px}
.hub-dots span{
  width:10px;height:10px;border-radius:50%;background:#3a444c;
}
.hub-dots span:nth-child(1){background:#ff5f57}
.hub-dots span:nth-child(2){background:#febc2e}
.hub-dots span:nth-child(3){background:#28c840}
.hub-url{
  font-family:var(--mono);font-size:13px;color:var(--muted);
  background:#1a1f24;border:1px solid var(--line);
  padding:6px 14px;border-radius:18px;
  flex:1;max-width:480px;text-align:center;letter-spacing:.02em;
}
.hub-url strong{color:var(--accent);font-weight:600}
.hub-body{padding:56px 48px}
.hub-headline{
  font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.02em;
  background:linear-gradient(135deg,#00a3e1 0%,#5ec8ef 50%,#00b2a9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:12px;
}
.hub-sub{font-size:17px;color:var(--fg-2);line-height:1.5;margin-bottom:36px;font-weight:300}
.hub-tiles{display:flex;flex-wrap:wrap;gap:10px}
.hub-tile{
  display:inline-flex;align-items:center;
  font-family:var(--mono);font-size:13px;color:var(--fg);
  background:var(--card);border:1px solid var(--line);
  padding:10px 18px;border-radius:10px;letter-spacing:.02em;
  transition:all .15s;
}
.hub-tile:hover{
  border-color:var(--accent);color:var(--accent-2);
  transform:translateY(-1px);
}
.hub-tile.accent{
  background:linear-gradient(135deg,rgba(0,163,225,.2),rgba(0,178,169,.1));
  border-color:var(--accent);color:#fff;font-weight:600;
}
.hub-foot{
  margin-top:32px;text-align:center;
  font-size:15px;color:var(--fg-2);line-height:1.55;font-weight:300;
}
.hub-foot strong{color:#fff;font-weight:600}
.hub-foot .mono{font-family:var(--mono);color:var(--accent-2)}

/* Gallery section headings */
.gallery-heading{
  font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;
  font-weight:600;margin:60px 0 6px;
}
.gallery-heading.second{margin-top:80px}
.gallery-sub{
  color:var(--fg-2);font-size:16px;line-height:1.55;margin-bottom:28px;
  max-width:780px;font-weight:300;
}

/* Hero apps — 4 across */
.gallery-hero{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
}
.gapp{
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:32px 30px;
  display:flex;flex-direction:column;
  transition:all .2s;
}
.gapp:hover{
  border-color:rgba(0,163,225,.35);
  transform:translateY(-2px);
  box-shadow:0 20px 50px -25px rgba(0,163,225,.25);
}
.gapp.accent{
  background:linear-gradient(135deg,var(--card) 0%,rgba(0,163,225,.06) 100%);
  border-color:rgba(0,163,225,.3);
}
.gapp-meta{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;margin-bottom:16px;flex-wrap:wrap;
}
.gapp-url{
  font-family:var(--mono);font-size:12px;color:var(--accent-2);font-weight:500;
  letter-spacing:.02em;
}
.gapp-tag{
  font-family:var(--mono);font-size:10.5px;color:var(--muted);
  background:var(--bg-2);padding:4px 10px;border-radius:5px;letter-spacing:.04em;
}
.gapp-name{
  font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:12px;
}
.gapp-desc{
  font-size:14.5px;color:var(--fg-2);line-height:1.6;flex:1;margin-bottom:18px;
}
.gapp-foot{
  font-family:var(--mono);font-size:11.5px;color:var(--ok);
  padding-top:14px;border-top:1px solid var(--line);letter-spacing:.02em;font-weight:500;
}

/* Knowledge graph mock — inline visualization in the Wiki hero card */
.kg-mock{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:var(--r-md);padding:18px 20px;margin:8px 0 18px;
}
.kg-node{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12.5px;font-weight:600;color:var(--fg);
  background:var(--card);border:1px solid var(--line);
  padding:8px 14px;border-radius:8px;flex-shrink:0;
}
.kg-node span{font-family:var(--serif);letter-spacing:.01em}
.kg-input{border-color:rgba(255,255,255,.15)}
.kg-ai{
  border-color:var(--accent);
  background:linear-gradient(135deg,rgba(0,163,225,.15),rgba(0,178,169,.05));
  color:var(--accent-2);
}
.kg-arrow{
  font-family:var(--mono);font-size:18px;color:var(--accent);font-weight:300;
}
.kg-cluster{
  display:flex;flex-wrap:wrap;gap:6px;
  padding:8px 12px;border-left:2px solid var(--accent);
}
.kg-pill{
  font-family:var(--mono);font-size:11px;font-weight:600;
  padding:4px 10px;border-radius:14px;
  background:var(--card-2);color:var(--fg-2);border:1px solid var(--line);
}
.kg-pill.linked{
  background:rgba(0,163,225,.15);color:var(--accent-2);border-color:rgba(0,163,225,.35);
}

/* Live Knowledge Graph */
.kg-live{
  margin:60px 0 0;
  background:linear-gradient(180deg,var(--card) 0%,#0d1117 100%);
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:40px 0 28px;overflow:hidden;
}
.kg-live-head{padding:0 40px;max-width:780px;margin-bottom:24px}
.kg-live-eyebrow{
  display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  color:var(--accent-2);background:rgba(0,163,225,.12);
  padding:5px 12px;border-radius:6px;text-transform:uppercase;font-weight:600;margin-bottom:14px;
}
.kg-live-title{font-size:28px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}
.kg-live-sub{font-size:15px;color:var(--fg-2);line-height:1.55;font-weight:300}
#kg-canvas{
  width:100%;height:520px;position:relative;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(0,163,225,.06), transparent 60%);
}
#kg-canvas svg{display:block;width:100%;height:100%;cursor:default}
.kg-legend{
  display:flex;flex-wrap:wrap;gap:18px 24px;justify-content:center;
  padding:20px 40px 0;border-top:1px solid var(--line);
  margin-top:8px;
}
.kg-legend span{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:11px;color:var(--muted);
  letter-spacing:.04em;text-transform:uppercase;font-weight:600;
}
.kg-legend i{
  width:10px;height:10px;border-radius:50%;display:inline-block;
}

/* Secondary tiles — denser */
.gallery-tiles{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
.tile{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-md);padding:20px 22px;transition:all .15s;
}
.tile:hover{border-color:rgba(0,163,225,.3);transform:translateY(-1px)}
.tile-icon{
  flex-shrink:0;width:34px;height:34px;border-radius:8px;
  background:rgba(0,163,225,.1);display:flex;align-items:center;
  justify-content:center;font-size:17px;margin-top:1px;
}
.tile-name{font-size:14px;font-weight:600;color:var(--fg);margin-bottom:4px;letter-spacing:-.01em}
.tile-desc{font-size:12.5px;color:var(--fg-2);line-height:1.5}
.tile-desc .mono{font-family:var(--mono);color:var(--accent-2);font-size:11.5px}

/* ===== ACT 3 — UNLOCKS ===== */
.unlock-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px;
}
.unlock{
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:36px 32px;
  display:flex;flex-direction:column;
  transition:all .2s ease;
}
.unlock:hover{
  border-color:rgba(0,163,225,.35);
  transform:translateY(-2px);
}
.unlock-num{
  font-family:var(--mono);font-size:13px;color:var(--accent-2);
  letter-spacing:.15em;font-weight:600;margin-bottom:24px;
}
.unlock-head h3{
  font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin-bottom:8px;
}
.unlock-sub{
  font-size:14px;color:var(--accent-2);line-height:1.5;font-weight:500;
  margin-bottom:20px;font-style:italic;
}
.unlock-body{
  font-size:14.5px;color:var(--fg-2);line-height:1.6;flex:1;margin-bottom:20px;
}
.unlock-foot{
  font-family:var(--mono);font-size:11px;color:var(--muted);
  padding-top:16px;border-top:1px solid var(--line);letter-spacing:.02em;
}
.unlock-foot span{color:var(--accent-2);font-weight:600;letter-spacing:.06em;text-transform:uppercase}

/* Feature unlock — full width, special treatment for the gap-closer */
.unlock-feature{
  margin:24px 0 60px;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(0,163,225,.10), transparent 50%),
    linear-gradient(135deg, var(--card) 0%, rgba(0,163,225,.04) 100%);
  border:1px solid rgba(0,163,225,.3);
  border-radius:var(--r-lg);
  padding:36px 40px;position:relative;
}
.unlock-feature::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg, var(--accent), var(--live));
}
.uf-tag{
  display:inline-block;font-family:var(--mono);font-size:11px;
  color:var(--accent-2);background:rgba(0,163,225,.15);
  padding:5px 12px;border-radius:20px;letter-spacing:.06em;
  font-weight:600;margin-bottom:20px;text-transform:uppercase;
}
.uf-grid{
  display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;
}
.uf-num{
  font-family:var(--mono);font-size:13px;color:var(--accent-2);
  letter-spacing:.15em;font-weight:600;margin-bottom:14px;
}
.uf-title{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:10px}
.uf-sub{
  font-size:16px;color:var(--accent-2);line-height:1.5;font-weight:500;
  margin-bottom:22px;font-style:italic;
}
.uf-body{font-size:14.5px;color:var(--fg-2);line-height:1.6;margin-bottom:14px}
.uf-body:last-of-type{margin-bottom:22px}
.uf-foot{
  font-family:var(--mono);font-size:11px;color:var(--muted);
  padding-top:18px;border-top:1px solid var(--line);letter-spacing:.02em;
}
.uf-foot span{color:var(--accent-2);font-weight:600;letter-spacing:.06em;text-transform:uppercase}

/* Pick to Ship flow visualization */
.uf-flow{
  background:#0d1117;border:1px solid var(--line);
  border-radius:var(--r-md);padding:24px 28px;
}
.uf-step{display:flex;align-items:flex-start;gap:14px}
.uf-step.branch{padding:0;align-items:stretch}
.uf-dot{
  flex-shrink:0;width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:12px;font-weight:600;
  background:var(--card-2);color:var(--fg-2);border:1px solid var(--line);
}
.uf-dot.accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.uf-dot.ok{background:var(--ok);color:#06210f;border-color:var(--ok)}
.uf-dot.muted{background:var(--card-2);color:var(--muted-2);border-color:var(--line)}
.uf-label{
  font-size:13px;color:var(--fg);font-weight:500;line-height:1.4;padding-top:5px;
}
.uf-label em{color:var(--muted);font-style:italic;font-weight:400;font-size:12px}
.uf-line{width:2px;height:18px;background:var(--line);margin-left:13px}
.uf-branch{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;
  padding-left:32px;position:relative;
}
.uf-branch::before{
  content:'';position:absolute;left:13px;top:-8px;width:2px;height:14px;background:var(--line);
}
.uf-branch-item{
  display:flex;gap:10px;align-items:flex-start;
  background:var(--card-2);border:1px solid var(--line);
  border-radius:8px;padding:10px 12px;
}
.uf-branch-item.yes{border-color:rgba(0,163,225,.3)}
.uf-branch-item.no{opacity:.75}
.uf-branch-item .uf-label{font-size:11.5px;padding-top:5px}

@media (max-width:1100px){
  .uf-grid{grid-template-columns:1fr;gap:32px}
}

/* CONVERGENCE — Quality Module */
.convergence{
  margin-top:40px;padding:56px 48px;border-radius:var(--r-lg);
  background:
    radial-gradient(ellipse at 30% 0%, rgba(0,163,225,.12), transparent 60%),
    linear-gradient(135deg, var(--card) 0%, rgba(0,178,169,.05) 100%);
  border:1px solid rgba(0,163,225,.25);
  position:relative;overflow:hidden;
}
.convergence::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg, var(--accent) 0%, var(--live) 100%);
}
.conv-tag{
  display:inline-block;font-family:var(--mono);font-size:12px;
  color:var(--accent-2);background:rgba(0,163,225,.15);
  padding:6px 14px;border-radius:20px;letter-spacing:.08em;
  font-weight:600;margin-bottom:24px;
}
.conv-title{
  font-size:48px;font-weight:800;letter-spacing:-.02em;
  margin-bottom:16px;line-height:1.05;
}
.conv-lede{
  font-size:17px;color:var(--fg-2);line-height:1.55;
  max-width:780px;margin-bottom:40px;font-weight:300;
}

.conv-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px 24px;margin-bottom:32px;
}
.conv-item{
  display:flex;gap:14px;align-items:flex-start;
}
.conv-icon{
  flex-shrink:0;width:36px;height:36px;border-radius:8px;
  background:rgba(0,163,225,.12);display:flex;align-items:center;
  justify-content:center;font-size:18px;margin-top:2px;
}
.conv-item strong{
  display:block;font-size:14.5px;font-weight:700;color:var(--fg);
  letter-spacing:-.01em;margin-bottom:4px;
}
.conv-item p{
  font-size:13px;color:var(--fg-2);line-height:1.5;
}
.conv-foot{
  margin-top:20px;padding-top:24px;border-top:1px solid rgba(0,163,225,.2);
  text-align:center;
}
.conv-foot p{
  font-size:20px;font-weight:600;letter-spacing:-.01em;
  background:linear-gradient(135deg,#00a3e1 0%,#00b2a9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ===== ACT 4 — CLOSE ===== */
.ai-close{
  position:relative;background:#10141a;
  padding:160px 0 120px;overflow:hidden;
}
.close-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 80% 0%, rgba(0,163,225,.18), transparent 50%),
    radial-gradient(ellipse at 20% 100%, rgba(0,178,169,.12), transparent 50%);
}
.ai-close .container{position:relative;z-index:1}
.close-eyebrow{
  font-family:var(--mono);font-size:13px;color:var(--accent-2);
  letter-spacing:.12em;font-weight:500;margin-bottom:32px;
  text-transform:uppercase;
}
.close-title{
  font-size:clamp(48px,7vw,96px);font-weight:800;
  line-height:1.02;letter-spacing:-.03em;margin-bottom:36px;
}
.close-lede{
  font-size:clamp(17px,1.6vw,21px);
  color:var(--fg-2);max-width:780px;
  margin-bottom:70px;line-height:1.55;font-weight:300;
}

/* Without vs With foundations comparison */
.compound{margin:0 0 100px;max-width:920px}
.compound-title{
  font-size:22px;font-weight:700;letter-spacing:-.01em;
  margin-bottom:8px;color:var(--fg);
}
.compound-sub{
  font-size:15px;color:var(--fg-2);line-height:1.55;
  font-weight:300;margin-bottom:32px;
}
.cmp-row{margin-bottom:22px}
.cmp-row.featured{
  margin-top:30px;padding-top:24px;border-top:1px dashed var(--line);
}
.cmp-label{
  font-family:var(--mono);font-size:12px;color:var(--fg);
  letter-spacing:.04em;text-transform:uppercase;font-weight:600;margin-bottom:8px;
}
.cmp-stack{display:flex;flex-direction:column;gap:6px}
.cmp-bar{
  height:32px;border-radius:6px;
  display:flex;align-items:center;padding:0 14px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;
  white-space:nowrap;overflow:visible;transition:width 1.2s ease-out;
  min-width:120px;
}
.cmp-bar span{display:block}
.cmp-bar.without{
  background:repeating-linear-gradient(
    -45deg,
    rgba(255,255,255,.04),
    rgba(255,255,255,.04) 6px,
    transparent 6px,
    transparent 12px
  ),var(--card-2);
  border:1px dashed var(--line);
  color:var(--muted);text-decoration:line-through;
  text-decoration-color:rgba(255,255,255,.2);
}
.cmp-bar.with{
  background:linear-gradient(90deg, var(--accent), rgba(0,163,225,.4));
  border:1px solid var(--accent);
  color:#fff;font-weight:600;
}
.cmp-bar.with.featured{
  background:linear-gradient(90deg, var(--accent) 0%, var(--live) 100%);
  border-color:var(--live);
  font-weight:700;
}
.compound-caption{
  margin-top:24px;padding-top:20px;border-top:1px solid var(--line);
  font-size:14px;color:var(--accent-2);font-style:italic;
  font-weight:500;line-height:1.5;letter-spacing:.01em;
}

/* Final closer */
.close-final{
  text-align:center;padding:60px 0 0;
  border-top:1px solid var(--line);
}
.close-final h3{
  font-size:clamp(40px,5.5vw,72px);font-weight:800;
  letter-spacing:-.03em;line-height:1.05;margin-bottom:24px;
  background:linear-gradient(135deg, #00a3e1 0%, #5ec8ef 50%, #00b2a9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 4px 30px rgba(0,163,225,.3));
}
.close-final p{
  font-size:clamp(16px,1.5vw,20px);color:var(--fg-2);
  line-height:1.55;font-weight:300;
}

/* Footer */
.ai-footer{
  background:#0a0d12;border-top:1px solid var(--line);
  padding:40px 0;
}
.ai-foot-row{
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  flex-wrap:wrap;
}
.ai-foot-brand img{height:30px;width:auto;display:block;opacity:.85}
.ai-foot-meta{
  font-family:var(--mono);font-size:12px;color:var(--fg-2);
  letter-spacing:.02em;
}
.ai-foot-meta .muted{color:var(--muted-2);margin-top:2px;font-size:11px}
.ai-foot-links{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  font-family:var(--mono);font-size:12px;
}
.ai-foot-links .muted{color:var(--muted);margin-right:4px;letter-spacing:.04em}
.ai-foot-links a{
  color:var(--accent-2);text-decoration:none;letter-spacing:.02em;
  border-bottom:1px solid transparent;transition:border-color .2s;
}
.ai-foot-links a:hover{border-bottom-color:var(--accent)}

/* ===== RESPONSIVE ===== */
@media (max-width: 1100px){
  .unlock-grid{grid-template-columns:1fr}
  .conv-grid{grid-template-columns:1fr 1fr}
  .gallery-hero{grid-template-columns:1fr}
  .gallery-tiles{grid-template-columns:1fr 1fr}
}
@media (max-width: 900px){
  .ai-hero-title{font-size:48px}
  .mimir-cmp{grid-template-columns:1fr}
  .found-row{grid-template-columns:1fr}
  .conv-grid{grid-template-columns:1fr}
  .conv-title{font-size:36px}
  .convergence{padding:36px 28px}
  .gallery-tiles{grid-template-columns:1fr}
  .hub-body{padding:36px 28px}
}