:root{
  --ink:#181512; --charcoal:#11100d; --coal:#080706; --cream:#f4f1ea; --paper:#fbfaf7;
  --tan:#d8d1c3; --muted:#625a50; --soft:#e8e1d6; --gold:#d7a24a; --brick:#8a3f2d;
  --line-dark:#4b443b; --green:#5d6f43; --teal:#63d6c5; --max:1180px;
  --shadow:0 18px 48px rgba(24,21,18,.12); --shadow-strong:0 24px 80px rgba(8,7,6,.22);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p{line-height:1.72}code,pre{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.container{width:min(var(--max),calc(100% - 44px));margin:0 auto}.skip-link{position:absolute;left:16px;top:-48px;background:white;color:var(--ink);padding:10px 14px;border:1px solid var(--tan);z-index:99}.skip-link:focus{top:16px}
.nav{position:sticky;top:0;z-index:50;background:rgba(17,16,13,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);color:white}.nav-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.025em}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#8d6cff 0%,#ff7da8 35%,#4edcff 68%,#48e7a4 100%);box-shadow:inset -6px -7px 12px rgba(15,17,15,.16),inset 5px 5px 12px rgba(255,255,255,.3),0 2px 0 rgba(57,44,78,.5),0 14px 32px rgba(99,214,197,.22);position:relative;transform:rotateX(8deg) rotateY(-10deg);transform-style:preserve-3d;flex:0 0 auto}.brand-mark:before{content:"";position:absolute;inset:5px 7px auto 8px;height:16px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,0));mix-blend-mode:screen}.brand-mark:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:7px;transform:translate(-50%,-50%);background:#fbfaf7;box-shadow:inset -2px -3px 6px rgba(24,21,18,.12),inset 2px 2px 5px rgba(255,255,255,.94),0 0 0 3px rgba(255,255,255,.34),0 7px 13px rgba(0,0,0,.18)}.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{font-size:14px;color:rgba(255,255,255,.76);padding:9px 11px;border-radius:999px}.nav-links a.active,.nav-links a:hover{color:white;background:rgba(255,255,255,.1)}
.hero{background:radial-gradient(circle at 72% 14%,rgba(215,162,74,.24),transparent 34%),linear-gradient(135deg,var(--coal),var(--charcoal));color:white;padding:92px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:48px;align-items:center}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;color:var(--gold)}.dot{width:9px;height:9px;border-radius:999px;background:var(--gold);box-shadow:0 0 18px var(--gold)}h1{font-size:clamp(44px,6.8vw,84px);line-height:.93;letter-spacing:-.07em;margin:20px 0 22px;max-width:920px}h2{font-size:clamp(30px,4vw,54px);line-height:1;letter-spacing:-.045em;margin:12px 0 18px}h3{font-size:21px;letter-spacing:-.02em;margin:0 0 9px}.lede{font-size:clamp(18px,2.2vw,22px);line-height:1.55;color:rgba(255,255,255,.78);max-width:760px}.section .lede{color:var(--muted)}.hero-actions,.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:999px;border:1px solid transparent;font-weight:850;white-space:nowrap;transition:.2s ease;min-height:46px}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--gold);color:#160f08;box-shadow:0 10px 32px rgba(215,162,74,.28)}.btn.dark{background:var(--ink);color:white}.btn.ghost{border-color:rgba(255,255,255,.22);color:white;background:rgba(255,255,255,.06)}.btn.outline{border-color:var(--tan);color:var(--ink);background:rgba(255,255,255,.36)}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;max-width:760px}.hero-tags span,.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:rgba(255,255,255,.86);border-radius:999px;padding:8px 11px;font-size:13px;font-weight:750;line-height:1.2}.badge{border-color:var(--tan);background:var(--paper);color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.badge.core{background:var(--ink);border-color:var(--ink);color:white}.badge.extension{background:#fff7e7;border-color:#e7c878;color:#6b4610}.badge.feature{background:#f0ece4;border-style:dashed;color:#6d6255}.badge.live{background:#eaf2df;border-color:#b5c796;color:#394821}
.panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:28px;padding:24px;box-shadow:var(--shadow-strong);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(215,162,74,.22),transparent 38%);pointer-events:none}.diagram{position:relative;display:grid;gap:14px}.node{position:relative;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.075);border-radius:18px;padding:14px 14px;color:white}.node strong{display:block;font-size:15px;margin-bottom:4px}.node span{font-size:13px;color:rgba(255,255,255,.76);line-height:1.45}.node.core{background:rgba(215,162,74,.16);border-color:rgba(215,162,74,.48)}.node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.console-card{background:#0d0b09;color:white;border-radius:24px;border:1px solid rgba(255,255,255,.12);padding:18px;overflow:hidden}.console-card pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-size:13px;line-height:1.7;color:#f5e8cb}.section{padding:82px 0}.section.dark{background:var(--charcoal);color:white}.section.dark .lede,.section.dark p{color:rgba(255,255,255,.72)}.cream-band{background:var(--paper);border-block:1px solid var(--tan)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.section-head p{max-width:620px;color:var(--muted);margin:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:var(--paper);border:1px solid var(--tan);border-radius:24px;padding:24px;box-shadow:0 1px 0 rgba(255,255,255,.45);min-width:0;overflow:hidden;transition:.2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card.dark-card{background:#17130f;color:white;border-color:#3b3329}.card.dark-card p{color:rgba(255,255,255,.72)}.card p{margin:0;color:var(--muted)}.card .actions{margin-top:18px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#fff5da,#d7a24a);color:#221407;font-size:22px;font-weight:900;flex:0 0 auto}.product-card{display:flex;flex-direction:column;gap:12px}.product-card p{flex:1}.product-card.core-card{background:linear-gradient(180deg,#fffaf0,var(--paper));border-color:#d4a44d;box-shadow:0 14px 48px rgba(215,162,74,.14)}.product-card.feature-card{background:#f0ece4;border-style:dashed}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.stat{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:18px;padding:14px}.stat b{display:block;font-size:22px;color:var(--gold)}.stat span{font-size:13px;color:rgba(255,255,255,.72)}.steps{counter-reset:step}.step{position:relative;padding-left:70px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:22px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-weight:900}.codeblock{background:#0d0b09;color:#f7eddb;border-radius:20px;padding:18px;border:1px solid #332a20;overflow:auto;position:relative}.codeblock pre{margin:0;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.copy-btn{position:absolute;right:12px;top:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:white;border-radius:999px;padding:7px 10px;cursor:pointer}.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--tan);border-radius:22px;background:var(--paper)}.table th,.table td{text-align:left;padding:16px;border-bottom:1px solid var(--tan);vertical-align:top}.table tr:last-child td{border-bottom:0}.table th{background:#eee6d8;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.timeline{display:grid;gap:16px}.timeline .card{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start}.quote{border-left:4px solid var(--gold);padding:18px 22px;background:#fff8ea;border-radius:0 20px 20px 0;font-size:20px;line-height:1.45}.footer{padding:36px 0;background:var(--coal);color:rgba(255,255,255,.68)}.footer .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(14px);transition:.55s ease}.reveal.is-visible{opacity:1;transform:none}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;background:#15110d;color:white;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:11px 15px;z-index:99;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:960px){.hero{padding:70px 0 54px}.hero-grid,.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}.timeline .card{grid-template-columns:1fr}.nav-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.nav-links{justify-content:flex-start}.hero-actions,.actions{align-items:stretch}.hero-actions .btn,.actions .btn{width:auto}.panel{padding:18px}.stat-row{grid-template-columns:1fr}.node-grid{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 28px))}h1{font-size:42px}.section{padding:58px 0}.grid-4{grid-template-columns:1fr}.card{padding:20px}.hero-tags span{width:100%;justify-content:flex-start}.btn{width:100%}.table{font-size:14px}.table th,.table td{padding:12px}.step{padding-left:20px;padding-top:62px}.step:before{left:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* 2026 Hive homepage polish */
.brand-mark-img{
  display:block;
  width:40px;
  height:40px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 14px 24px rgba(99,214,197,.2));
  transform:rotateX(8deg) rotateY(-10deg);
}
.hive-mark-img{
  position:relative;
  z-index:2;
  display:block;
  width:112px;
  height:112px;
  object-fit:contain;
  filter:none;
  transform:none;
}
.hive-mark-img.hero{
  width:118px;
  height:118px;
}
.hive-mark-css{
  position:relative;
  z-index:2;
  display:block;
  width:118px;
  height:118px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 25% 20%,rgba(141,108,255,.98),transparent 44%),
    radial-gradient(circle at 66% 18%,rgba(255,125,168,.95),transparent 45%),
    radial-gradient(circle at 84% 80%,rgba(72,231,164,.95),transparent 48%),
    radial-gradient(circle at 18% 82%,rgba(78,220,255,.95),transparent 54%),
    #4edcff;
  box-shadow:
    inset -14px -16px 22px rgba(12,28,24,.18),
    inset 10px 11px 18px rgba(255,255,255,.18),
    0 24px 46px rgba(0,0,0,.34),
    0 18px 54px rgba(99,214,197,.2);
}
.hive-mark-css:before{
  content:"";
  position:absolute;
  inset:11px 13px auto 16px;
  height:38px;
  border-radius:28px;
  background:rgba(255,255,255,.2);
  transform:skewX(-12deg);
  pointer-events:none;
}
.hive-mark-css:after{
  content:"";
  position:absolute;
  right:-4px;
  top:0;
  width:32px;
  height:100%;
  background:linear-gradient(90deg,rgba(12,28,24,0),rgba(12,28,24,.14));
  pointer-events:none;
}
.mind-link,
.mind-node{
  position:absolute;
  z-index:2;
  display:block;
  pointer-events:none;
}
.mind-link{
  left:50%;
  top:50%;
  width:54px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.84),rgba(186,255,246,.36));
  box-shadow:0 0 14px rgba(255,255,255,.22);
  transform-origin:left center;
  opacity:.82;
}
.link-a{transform:translate(-20px,-21px) rotate(23deg)}
.link-b{transform:translate(-18px,-20px) rotate(108deg);width:48px}
.link-c{transform:translate(-2px,4px) rotate(-32deg);width:50px}
.link-d{transform:translate(-38px,6px) rotate(38deg);width:58px}
.link-e{transform:translate(-12px,21px) rotate(168deg);width:44px}
.mind-node{
  width:13px;
  height:13px;
  border-radius:999px;
  background:#f7fffb;
  border:2px solid rgba(255,255,255,.7);
  box-shadow:
    0 0 0 5px rgba(255,255,255,.1),
    0 0 18px rgba(255,255,255,.45);
}
.node-a{left:31px;top:35px}
.node-b{left:62px;top:29px}
.node-c{right:29px;top:47px}
.node-d{right:36px;bottom:33px}
.node-e{left:35px;bottom:36px}
.node-core{
  left:50%;
  top:50%;
  width:19px;
  height:19px;
  transform:translate(-50%,-50%);
  background:#ffffff;
  box-shadow:
    0 0 0 7px rgba(255,255,255,.14),
    0 0 24px rgba(99,214,197,.76);
}
.swarm-movie.is-playing .mind-link{
  animation:mindLink 2.6s ease-in-out infinite;
}
.swarm-movie.is-playing .mind-node{
  animation:mindNode 2.6s ease-in-out infinite;
}
.swarm-movie[data-phase="1"] .node-a,
.swarm-movie[data-phase="2"] .node-b,
.swarm-movie[data-phase="3"] .node-c,
.swarm-movie[data-phase="4"] .node-d,
.swarm-movie[data-phase="0"] .node-core{
  background:#63d6c5;
  box-shadow:
    0 0 0 7px rgba(99,214,197,.18),
    0 0 24px rgba(99,214,197,.82);
}
.hive-home-hero{
  position:relative;
  padding:84px 0 58px;
  background:
    radial-gradient(circle at 82% 12%,rgba(99,214,197,.18),transparent 30%),
    radial-gradient(circle at 44% 92%,rgba(215,162,74,.2),transparent 34%),
    linear-gradient(140deg,#080706 0%,#15120d 54%,#22180d 100%);
}
.hive-home-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(215,162,74,.52),transparent);
}
.subpage-hero{
  padding:70px 0 54px;
}
.subpage-hero .hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,.84fr);
}
.subpage-hero h1{
  font-size:clamp(40px,5vw,68px);
  letter-spacing:-.045em;
  max-width:780px;
}
.subpage-hero .panel{
  min-height:280px;
  display:grid;
  align-items:center;
  background:
    radial-gradient(circle at 70% 20%,rgba(99,214,197,.14),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
}
.subpage-hero .diagram{
  gap:12px;
}
.subpage-hero .node{
  border-color:rgba(255,255,255,.14);
  background:rgba(12,12,10,.38);
}
.subpage-hero .node.core{
  border-color:rgba(99,214,197,.42);
  background:linear-gradient(135deg,rgba(99,214,197,.13),rgba(215,162,74,.08));
}
.subpage-hero .console-card{
  min-height:210px;
  display:grid;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(99,214,197,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px),
    rgba(8,7,6,.66);
  background-size:44px 44px;
}
.subpage-hero ~ .section{
  background:
    radial-gradient(circle at 90% 0%,rgba(99,214,197,.08),transparent 32%),
    linear-gradient(180deg,var(--cream),#f7f3ea);
}
.subpage-hero ~ .section.cream-band{
  background:
    radial-gradient(circle at 8% 0%,rgba(215,162,74,.15),transparent 30%),
    var(--paper);
}
.subpage-hero ~ .section.dark{
  background:
    radial-gradient(circle at 78% 10%,rgba(99,214,197,.14),transparent 30%),
    linear-gradient(140deg,#080706,#17130f 64%,#21170d);
}
.subpage-hero ~ .section .card,
.subpage-hero ~ .section .table{
  border-radius:18px;
  box-shadow:0 14px 42px rgba(24,21,18,.08);
}
.subpage-hero ~ .section .card{
  background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(251,250,247,.96));
}
.subpage-hero ~ .section.dark .card{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.14);
  color:white;
  box-shadow:none;
}
.subpage-hero ~ .section.dark .card p{
  color:rgba(255,255,255,.72);
}
.hive-home-hero .hero-grid{
  grid-template-columns:minmax(0,0.92fr) minmax(440px,1.08fr);
  gap:42px;
}
.hive-home-hero .hero-grid>*{min-width:0}
.hero-copy{max-width:720px}
.hive-home-hero h1{
  font-size:clamp(48px,5.5vw,76px);
  line-height:.96;
  letter-spacing:-.045em;
  margin-bottom:20px;
}
.hive-home-hero h1 span{display:block}
.hive-home-hero .lede{
  max-width:680px;
  color:rgba(255,255,255,.76);
}
.hive-home-hero .lede span{display:block}
.hive-home-hero .hero-tags span{
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
}
.nav{box-shadow:0 16px 40px rgba(0,0,0,.22)}
.swarm-movie{
  position:relative;
  min-width:0;
  min-height:590px;
  padding:18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 48% 44%,rgba(99,214,197,.16),transparent 28%),
    radial-gradient(circle at 78% 15%,rgba(141,108,255,.14),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  box-shadow:0 30px 90px rgba(0,0,0,.42);
  isolation:isolate;
}
.swarm-movie:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 82%);
  pointer-events:none;
}
.movie-topbar{
  position:relative;
  z-index:4;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:10px 10px 0;
}
.movie-topbar strong{
  display:block;
  margin-top:5px;
  font-size:19px;
  letter-spacing:-.01em;
}
.movie-label{
  display:inline-flex;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.movie-toggle{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:white;
  border-radius:999px;
  padding:9px 13px;
  min-height:38px;
  cursor:pointer;
  font-weight:850;
}
.movie-toggle:hover{background:rgba(255,255,255,.14)}
.swarm-stage{
  position:relative;
  height:310px;
  margin:18px 0 14px;
}
.orbit{
  position:absolute;
  left:50%;
  top:50%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.orbit-outer{width:min(86%,430px);height:min(86%,430px)}
.orbit-inner{width:min(58%,292px);height:min(58%,292px);border-color:rgba(215,162,74,.17)}
.signal-line{
  position:absolute;
  left:50%;
  top:50%;
  width:1px;
  height:210px;
  transform-origin:top;
  background:linear-gradient(180deg,rgba(99,214,197,.44),transparent);
  opacity:.46;
}
.signal-line-a{transform:rotate(38deg)}
.signal-line-b{transform:rotate(132deg)}
.hive-core{
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:none;
  perspective:700px;
}
.hive-core:before{
  content:"";
  position:absolute;
  width:134px;
  height:34px;
  left:50%;
  bottom:4px;
  transform:translateX(-50%);
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.42),transparent 68%);
  filter:blur(2px);
}
.hive-core:after{
  content:"";
  position:absolute;
  width:132px;
  height:132px;
  border-radius:36px;
  background:radial-gradient(circle at 50% 50%,rgba(99,214,197,.22),transparent 64%);
  transform:rotateX(10deg) rotateY(-12deg);
  z-index:1;
  pointer-events:none;
}
.hive-mark-3d{
  position:relative;
  width:112px;
  height:112px;
  border-radius:31px;
  background:linear-gradient(135deg,#8d6cff 0%,#ff7da8 34%,#4edcff 68%,#48e7a4 100%);
  transform:rotateX(10deg) rotateY(-12deg) rotateZ(-1deg);
  box-shadow:
    inset -12px -14px 22px rgba(15,17,15,.18),
    inset 10px 10px 18px rgba(255,255,255,.24),
    0 4px 0 rgba(57,44,78,.55),
    0 18px 42px rgba(99,214,197,.22),
    0 22px 60px rgba(141,108,255,.2);
}
.hive-mark-3d:before{
  content:"";
  position:absolute;
  inset:11px 14px auto 18px;
  height:38px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,0));
  mix-blend-mode:screen;
  pointer-events:none;
}
.hive-mark-3d:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:54px;
  height:54px;
  transform:translate(-50%,-50%);
  border-radius:15px;
  background:#fbfaf7;
  box-shadow:
    inset -4px -5px 10px rgba(24,21,18,.1),
    inset 4px 4px 10px rgba(255,255,255,.9),
    0 0 0 4px rgba(255,255,255,.3),
    0 10px 18px rgba(0,0,0,.18);
}
.agent-node{
  position:absolute;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(12,12,10,.84);
  color:rgba(255,255,255,.82);
  font-weight:850;
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  transition:transform .35s ease,border-color .35s ease,background .35s ease,color .35s ease;
}
.agent-node span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--teal);
  box-shadow:0 0 16px currentColor;
}
.agent-request{left:7%;top:47%}
.agent-mac{left:42%;top:4%}
.agent-knox{right:5%;top:31%}
.agent-review{right:14%;bottom:12%}
.agent-curator{left:14%;bottom:12%}
.swarm-movie[data-phase="0"] .agent-request,
.swarm-movie[data-phase="1"] .agent-mac,
.swarm-movie[data-phase="2"] .agent-knox,
.swarm-movie[data-phase="3"] .agent-review,
.swarm-movie[data-phase="4"] .agent-curator{
  color:white;
  border-color:rgba(99,214,197,.72);
  background:rgba(12,12,10,.96);
  transform:translateY(-5px) scale(1.04);
}
.swarm-movie.is-playing .agent-node{
  animation:agentPulse 3.8s ease-in-out infinite;
}
.swarm-movie.is-playing .agent-mac{animation-delay:.35s}
.swarm-movie.is-playing .agent-knox{animation-delay:.7s}
.swarm-movie.is-playing .agent-review{animation-delay:1.05s}
.swarm-movie.is-playing .agent-curator{animation-delay:1.4s}
.swarm-progress{
  position:relative;
  z-index:4;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.09);
}
.swarm-progress span{
  display:block;
  width:20%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#8d6cff,#63d6c5,#d7a24a);
  transition:width .35s ease;
}
.swarm-steps{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.swarm-steps button{
  min-height:68px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.72);
  padding:10px;
  text-align:left;
  cursor:pointer;
  font-weight:820;
  line-height:1.25;
}
.swarm-steps button span{
  display:block;
  color:var(--gold);
  font-size:11px;
  letter-spacing:.08em;
  margin-bottom:4px;
}
.swarm-steps button[aria-selected="true"]{
  background:rgba(255,255,255,.13);
  border-color:rgba(215,162,74,.58);
  color:white;
}
.swarm-caption{
  position:relative;
  z-index:4;
  margin-top:12px;
  min-height:52px;
  padding:14px 16px;
  border:1px solid rgba(215,162,74,.22);
  border-radius:18px;
  background:rgba(8,7,6,.48);
  color:rgba(255,255,255,.78);
  line-height:1.45;
}
.command-section{padding-top:64px}
.compact-feature-grid{gap:16px}
.compact-feature-grid .card{padding:20px}
.memory-section .grid-2{align-items:start}
.product-layer-section{background:linear-gradient(180deg,var(--cream),#f7f3ea)}

@keyframes agentPulse{
  0%,100%{filter:none}
  50%{filter:drop-shadow(0 0 14px rgba(99,214,197,.38))}
}
@keyframes mindLink{
  0%,100%{opacity:.48}
  50%{opacity:.95;box-shadow:0 0 18px rgba(99,214,197,.42)}
}
@keyframes mindNode{
  0%,100%{filter:none}
  50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.45))}
}

@media(max-width:1100px){
  .hive-home-hero .hero-grid{grid-template-columns:1fr}
  .hero-copy{max-width:860px}
  .swarm-movie{min-height:560px}
}
@media(max-width:720px){
  .hive-home-hero{padding-top:54px}
  body{overflow-x:hidden}
  .nav-links{gap:4px;max-width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{padding:8px 9px;flex:0 0 auto}
  .nav-links a[href="/ecosystem"],
  .nav-links a[href="/roadmap"]{display:none}
  .hive-home-hero h1{font-size:38px;line-height:1.02;letter-spacing:-.03em}
  .swarm-movie{min-height:auto;padding:14px;border-radius:24px}
  .movie-topbar{display:block}
  .movie-toggle{margin-top:12px}
  .swarm-stage{height:330px}
  .agent-node{font-size:13px;min-height:38px;padding:8px 10px}
  .agent-request{left:2%;top:48%}
  .agent-mac{left:36%;top:5%}
  .agent-knox{right:0;top:31%}
  .agent-review{right:5%;bottom:10%}
  .agent-curator{left:4%;bottom:10%}
  .swarm-steps{grid-template-columns:1fr}
  .swarm-steps button{min-height:48px}
}

@media(max-width:520px){
  .hero-tags span:nth-child(n+3){display:none}
  .subpage-hero .panel{display:none}
  .subpage-hero{padding-bottom:42px}
  .table,.table tbody,.table tr,.table th,.table td{display:block;width:100%}
  .table thead{display:none}
  .table tr{border-bottom:1px solid var(--tan);padding:12px}
  .table tr:last-child{border-bottom:0}
  .table th,.table td{border:0!important;padding:4px 0}
  .table th{background:transparent;color:var(--ink);font-size:12px}
  .codeblock{padding-top:46px}
  .product-card .icon{display:none}
  .product-card{gap:8px}
  .card-top{margin-bottom:4px}
  .swarm-stage{height:292px;margin-bottom:10px}
  .orbit-outer{width:300px;height:300px}
  .orbit-inner{width:210px;height:210px}
  .hive-core{width:120px;height:120px}
  .hive-core:before{width:106px;height:28px}
  .hive-core:after{width:104px;height:104px;border-radius:30px}
  .hive-mark-img.hero{width:92px;height:92px}
  .hive-mark-css{width:92px;height:92px;border-radius:27px}
  .hive-mark-css:before{inset:10px 12px auto 13px;height:28px}
  .mind-link{height:2px;width:42px}
  .link-a{transform:translate(-16px,-17px) rotate(23deg)}
  .link-b{transform:translate(-14px,-15px) rotate(108deg);width:38px}
  .link-c{transform:translate(-1px,4px) rotate(-32deg);width:39px}
  .link-d{transform:translate(-30px,5px) rotate(38deg);width:44px}
  .link-e{transform:translate(-9px,16px) rotate(168deg);width:35px}
  .mind-node{width:11px;height:11px;border-width:2px}
  .node-a{left:24px;top:27px}
  .node-b{left:48px;top:23px}
  .node-c{right:23px;top:36px}
  .node-d{right:28px;bottom:26px}
  .node-e{left:27px;bottom:28px}
  .node-core{width:16px;height:16px}
  .hive-mark-3d{width:88px;height:88px;border-radius:25px}
  .hive-mark-3d:after{width:43px;height:43px;border-radius:13px}
  .agent-node{font-size:0;padding:9px;border-radius:999px;min-width:34px;justify-content:center}
  .agent-node span{margin:0}
  .agent-request,
  .agent-mac,
  .agent-review,
  .agent-curator{font-size:13px;padding:8px 10px}
  .agent-knox{display:none}
  .agent-request{left:6%;top:48%}
  .agent-mac{left:43%;top:7%}
  .agent-review{right:6%;bottom:13%}
  .agent-curator{left:9%;bottom:13%}
  .swarm-steps button:nth-child(3),
  .swarm-steps button:nth-child(5){display:none}
  .swarm-caption{font-size:14px;min-height:auto}
  .command-section .section-head p{display:none}
}

/* Mobile-first safety overrides for narrow screenshots and real phones. */
.hive-home-hero .hero-grid{grid-template-columns:1fr}
.swarm-steps{grid-template-columns:1fr}
.swarm-movie{width:100%;max-width:100%}
.swarm-stage{overflow:hidden}
.hive-home-hero .eyebrow{flex-wrap:wrap;line-height:1.5}
.hive-home-hero .hero-copy,.hive-home-hero .lede,.hive-home-hero h1{max-width:100%}
.agent-knox{right:8%}
.agent-review{right:20%}
@media(min-width:1000px){
  .hive-home-hero .hero-grid{
    grid-template-columns:minmax(0,0.92fr) minmax(440px,1.08fr);
  }
  .swarm-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
  .agent-knox{right:5%}
  .agent-review{right:14%}
}