.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws{
  --bg:oklch(0.15 0.03 51);
  --surface:oklch(0.21 0.045 51);
  --surface-2:oklch(0.245 0.05 51);
  --primary:oklch(0.72 0.16 51);
  --secondary:oklch(0.62 0.16 351);
  --accent:oklch(0.78 0.18 231);
  --accent-2:oklch(0.90 0.14 231);
  --text:oklch(0.94 0.02 51);
  --muted:oklch(0.66 0.03 51);
  --line:color-mix(in oklch, var(--text) 14%, transparent);
  --line-strong:color-mix(in oklch, var(--text) 22%, transparent);
  --container:1140px;--container-lg:1400px;--container-xl:1680px;
  --gutter:clamp(14px,2vw,28px);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;
  --r-sm:10px;--r-md:16px;--r-lg:22px;--r-pill:999px;
  --sh-1:0 1px 0 rgba(255,255,255,.05) inset,0 2px 8px rgba(0,0,0,.34);
  --sh-2:0 1px 0 rgba(255,255,255,.06) inset,0 10px 26px rgba(0,0,0,.42);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 22px 54px rgba(0,0,0,.52);
  --fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);
  --fs-sm:clamp(.82rem,.8rem + .15vw,.9rem);
  --fs-md:clamp(.95rem,.9rem + .25vw,1.05rem);
  --fs-lg:clamp(1.12rem,1.02rem + .5vw,1.35rem);
  --fs-xl:clamp(1.45rem,1.28rem + .9vw,1.9rem);
  --fs-2xl:clamp(1.8rem,1.45rem + 1.8vw,2.7rem);
  --fs-3xl:clamp(2.25rem,1.75rem + 2.8vw,3.4rem);
  --lh-tight:1.12;--lh-snug:1.32;--lh-body:1.6;
  --ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.15s;--t-base:.25s;--t-slow:.45s;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  position:relative;overflow-x:clip;overflow-wrap:break-word;min-width:0;
  background:
    radial-gradient(1050px 500px at 12% -8%, color-mix(in oklch, var(--primary) 19%, transparent), transparent 62%),
    radial-gradient(880px 460px at 92% 6%, color-mix(in oklch, var(--secondary) 14%, transparent), transparent 60%),
    radial-gradient(740px 500px at 60% 100%, color-mix(in oklch, var(--accent) 9%, transparent), transparent 58%),
    var(--bg);
  color:var(--text);
  font-family:var(--mono);
  font-size:var(--fs-md);
  line-height:var(--lh-body);
  padding-bottom:var(--sp-6);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws *,
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws *::before,
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws *::after{box-sizing:border-box;min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws img{max-width:100%;height:auto;display:block;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws a{color:inherit;text-decoration:none;}

/* ---------- top notice ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-notice{
  display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-2) var(--gutter);
  background:linear-gradient(90deg, color-mix(in oklch, var(--surface) 90%, var(--primary)), var(--surface));
  border-bottom:1px solid var(--line);
  font-size:var(--fs-sm);letter-spacing:.02em;color:var(--text);
  position:sticky;top:0;z-index:60;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-notice p{margin:0;min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-notice .dot{
  width:8px;height:8px;border-radius:var(--r-pill);flex:0 0 auto;
  background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 22%, transparent);
  animation:ec-pulse 2.8s var(--ease) infinite;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-notice em{font-style:normal;color:var(--accent-2);}

/* ---------- shell / nav ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-wrap{
  width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-top{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-4);
  padding-block:var(--sp-3);border-bottom:1px solid var(--line);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-brand{display:flex;align-items:center;gap:var(--sp-3);min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-brand > span:last-child{min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-brand .mark{
  width:36px;height:36px;flex:0 0 auto;border-radius:var(--r-pill);display:grid;place-items:center;
  background:radial-gradient(circle at 30% 25%, color-mix(in oklch, var(--primary) 68%, var(--surface)), var(--surface));
  border:1px solid color-mix(in oklch, var(--primary) 44%, transparent);
  box-shadow:var(--sh-1);color:var(--accent-2);font-weight:700;font-size:var(--fs-sm);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-brand b{font-size:var(--fs-md);letter-spacing:.02em;display:block;line-height:var(--lh-snug);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-brand span span,
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-brand > span > span{display:block;font-size:var(--fs-xs);color:var(--muted);line-height:1.35;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-nav{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:center;min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-nav a{
  padding:6px var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--muted);
  border:1px solid transparent;
  transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease-out);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-nav a:hover,
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-nav a:focus-visible{
  color:var(--text);background:color-mix(in oklch, var(--surface) 86%, var(--primary));
  border-color:color-mix(in oklch, var(--primary) 42%, transparent);transform:translateY(-1px);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-top .cta{
  padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);font-size:var(--fs-sm);
  background:var(--accent);color:oklch(0.18 0.04 231);font-weight:700;white-space:nowrap;
  box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),filter var(--t-fast) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-top .cta:hover{transform:translateY(-2px);box-shadow:var(--sh-2);filter:brightness(1.05);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-top .cta:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;}

/* ---------- hero split ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero{
  position:relative;padding-block:var(--sp-7) var(--sp-6);
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:var(--sp-6);align-items:center;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero::before{
  content:"";position:absolute;inset:-6% -4% auto auto;width:min(56vw,680px);aspect-ratio:1/1;
  border-radius:50%;pointer-events:none;z-index:0;
  background:
    repeating-conic-gradient(from 0deg, color-mix(in oklch, var(--primary) 15%, transparent) 0deg .9deg, transparent .9deg 7.6deg);
  -webkit-mask-image:radial-gradient(circle, transparent 34%, #000 35%, #000 62%, transparent 74%);
  mask-image:radial-gradient(circle, transparent 34%, #000 35%, #000 62%, transparent 74%);
  opacity:.8;animation:ec-spin 90s linear infinite;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero > *{position:relative;z-index:1;min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .eyebrow{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
  border:1px dashed color-mix(in oklch, var(--primary) 40%, transparent);
  padding:var(--sp-1) var(--sp-4);border-radius:var(--r-pill);margin-bottom:var(--sp-3);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--primary);flex:0 0 auto;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws h1{
  margin:0 0 var(--sp-4);font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:-.015em;font-weight:700;
  max-width:22ch;text-wrap:balance;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws h1 .grad{
  background:linear-gradient(96deg, var(--primary), var(--accent-2) 62%, var(--secondary));
-webkit-background-clip:text;
background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-lead{color:var(--muted);font-size:var(--fs-md);max-width:54ch;margin:0 0 var(--sp-5);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-lead strong{color:var(--text);font-weight:600;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .btn-primary{
  padding:var(--sp-3) var(--sp-6);border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-sm);
  background:linear-gradient(120deg, var(--primary), color-mix(in oklch, var(--primary) 62%, var(--secondary)));
  color:oklch(0.16 0.03 51);box-shadow:var(--sh-2);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),filter var(--t-fast) var(--ease);
  outline:2px solid transparent;outline-offset:2px;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .btn-primary:hover{
  transform:translateY(-3px);filter:brightness(1.04);
  box-shadow:var(--sh-3),0 0 0 4px color-mix(in oklch, var(--primary) 20%, transparent);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .btn-ghost{
  padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);font-size:var(--fs-sm);
  border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);color:var(--accent-2);
  transition:transform var(--t-base) var(--ease-out),background var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease-out);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .btn-ghost:hover{
  transform:translateY(-2px);background:color-mix(in oklch, var(--accent) 12%, transparent);
  box-shadow:0 0 0 1px color-mix(in oklch, var(--accent) 50%, transparent) inset;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero-visual{
  border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-3);
  background:var(--surface);position:relative;min-width:0;
  transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);
  transition:transform var(--t-slow) var(--ease-out),box-shadow var(--t-slow) var(--ease-out),border-color var(--t-base) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero-visual:hover{
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg) translateY(-4px);
  border-color:color-mix(in oklch, var(--accent) 42%, transparent);
  box-shadow:var(--sh-3),0 0 0 1px color-mix(in oklch, var(--accent) 42%, transparent);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero-visual img{width:100%;aspect-ratio:16/11;object-fit:cover;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero-visual figcaption{
  padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);color:var(--muted);border-top:1px solid var(--line);
  display:flex;gap:var(--sp-2);align-items:center;background:color-mix(in oklch, var(--surface) 92%, var(--primary));
  line-height:1.5;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .hero-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .hero-chips span{
  font-size:var(--fs-xs);color:var(--text);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);
  background:color-mix(in oklch, var(--surface) 88%, var(--accent));border:1px solid var(--line);
  transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .hero-chips span:hover{
  border-color:color-mix(in oklch, var(--accent) 40%, transparent);
}

/* ---------- section basics ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws section{padding-block:var(--sp-6);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .sec-head{
  display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-end;justify-content:space-between;margin-bottom:var(--sp-5);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .sec-head > div{min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .sec-head h2{margin:0;font-size:var(--fs-2xl);line-height:var(--lh-snug);letter-spacing:-.01em;max-width:34ch;text-wrap:balance;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .sec-head p{margin:0;color:var(--muted);font-size:var(--fs-sm);max-width:56ch;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .kicker{
  font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--primary);
  display:block;margin-bottom:var(--sp-2);font-weight:600;
}

/* ---------- metrics ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metrics{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric{
  background:linear-gradient(160deg, color-mix(in oklch, var(--surface) 94%, var(--primary)), var(--surface));
  border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);
  box-shadow:var(--sh-1);min-width:0;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric:hover{
  transform:translateY(-4px);box-shadow:var(--sh-2);
  border-color:color-mix(in oklch, var(--accent) 42%, transparent);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric b{display:block;font-size:var(--fs-xl);line-height:1.08;color:var(--accent-2);letter-spacing:-.01em;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric .k{font-size:var(--fs-sm);color:var(--text);margin-top:var(--sp-1);display:block;line-height:var(--lh-snug);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric .s{font-size:var(--fs-xs);color:var(--muted);display:block;margin-top:var(--sp-1);line-height:1.5;}

/* ---------- guidance list ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide{
  display:flex;gap:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  padding:var(--sp-4);box-shadow:var(--sh-1);min-width:0;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide > div{min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide:hover{
  transform:translateY(-3px);box-shadow:var(--sh-2);
  border-color:color-mix(in oklch, var(--primary) 34%, transparent);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide .idx{
  flex:0 0 auto;width:32px;height:32px;border-radius:var(--r-pill);display:grid;place-items:center;
  background:color-mix(in oklch, var(--primary) 16%, transparent);color:var(--primary);
  border:1px solid color-mix(in oklch, var(--primary) 40%, transparent);font-size:var(--fs-sm);font-weight:700;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide h3{margin:0 0 var(--sp-1);font-size:var(--fs-md);line-height:var(--lh-snug);letter-spacing:-.005em;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide p{margin:0 0 var(--sp-2);font-size:var(--fs-sm);color:var(--muted);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide code{
  display:inline-block;font-size:var(--fs-xs);padding:2px var(--sp-2);border-radius:var(--r-sm);
  background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--accent-2);
  border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);overflow-wrap:break-word;max-width:100%;
}

/* ---------- bento features (3D tilt) ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .bento{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-4);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card{
  grid-column:span 4;min-width:0;position:relative;display:flex;flex-direction:column;
  background:linear-gradient(160deg, color-mix(in oklch, var(--surface) 96%, var(--primary)), var(--surface));
  border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-1);
  transform:perspective(1100px) rotateX(1.2deg) rotateY(-1.2deg);
  transition:transform var(--t-slow) var(--ease-out),box-shadow var(--t-slow) var(--ease-out),border-color var(--t-base) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card:hover{
  transform:perspective(1100px) rotateX(0) rotateY(0) translateY(-6px);
  box-shadow:var(--sh-3),0 0 0 1px color-mix(in oklch, var(--accent) 55%, transparent);
  border-color:color-mix(in oklch, var(--accent) 55%, transparent);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card.wide{grid-column:span 6;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card.narrow{grid-column:span 3;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card.tall{grid-column:span 6;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card .tag{
  display:inline-block;font-size:var(--fs-xs);color:var(--accent-2);margin-bottom:var(--sp-2);letter-spacing:.06em;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card h3{margin:0 0 var(--sp-2);font-size:var(--fs-lg);line-height:var(--lh-snug);letter-spacing:-.005em;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card p{margin:0;font-size:var(--fs-sm);color:var(--muted);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card ul{margin:var(--sp-3) 0 0;padding-left:var(--sp-5);font-size:var(--fs-sm);color:var(--muted);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card ul li{margin-bottom:var(--sp-1);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card .thumb{
  border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);margin-top:var(--sp-4);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card .thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform var(--t-slow) var(--ease-out);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card:hover .thumb img{transform:scale(1.05);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card .num{
  font-size:var(--fs-2xl);color:var(--primary);line-height:1;display:block;margin-bottom:var(--sp-1);letter-spacing:-.02em;
}

/* ---------- compare table ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .table-scroll{
  overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);background:var(--surface);
  -webkit-overflow-scrolling:touch;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws table{width:100%;border-collapse:collapse;min-width:620px;font-size:var(--fs-sm);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws caption{overflow-wrap:break-word;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws thead th{
  text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);background:color-mix(in oklch, var(--surface) 90%, var(--primary));border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws tbody td:first-child{color:var(--text);font-weight:600;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws tbody tr:last-child td{border-bottom:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws tbody tr:hover td{background:color-mix(in oklch, var(--accent) 7%, transparent);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .pill-ok{
  color:var(--accent-2);border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);border-radius:var(--r-pill);
  padding:1px var(--sp-2);font-size:var(--fs-xs);white-space:nowrap;display:inline-block;
}

/* ---------- faq ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws details{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  padding:var(--sp-3) var(--sp-4);box-shadow:var(--sh-1);min-width:0;
  transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws details:hover{border-color:var(--line-strong);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws details[open]{border-color:color-mix(in oklch, var(--primary) 46%, transparent);box-shadow:var(--sh-2);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws summary{
  cursor:pointer;list-style:none;font-size:var(--fs-md);display:flex;gap:var(--sp-3);align-items:center;justify-content:space-between;
  line-height:var(--lh-snug);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws summary::-webkit-details-marker{display:none;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws summary::after{
  content:"+";color:var(--accent-2);font-size:var(--fs-lg);line-height:1;flex:0 0 auto;
  transition:transform var(--t-base) var(--ease-out);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws details[open] summary::after{content:"–";}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws details p{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);color:var(--muted);}

/* ---------- scenes ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scene{
  position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-2);min-width:0;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scene:hover{
  transform:translateY(-4px);box-shadow:var(--sh-3);
  border-color:color-mix(in oklch, var(--accent) 40%, transparent);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scene img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform var(--t-slow) var(--ease-out);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scene:hover img{transform:scale(1.06);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scene figcaption{
  position:absolute;inset:auto 0 0 0;padding:var(--sp-4);
  background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--bg) 88%, transparent));
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scene figcaption b{display:block;font-size:var(--fs-md);line-height:var(--lh-snug);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scene figcaption span{font-size:var(--fs-xs);color:var(--muted);display:block;line-height:1.5;}

/* ---------- news ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .post{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--sh-1);min-width:0;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .post:hover{
  transform:translateY(-4px);box-shadow:var(--sh-2);
  border-color:color-mix(in oklch, var(--secondary) 34%, transparent);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .post .meta{font-size:var(--fs-xs);color:var(--muted);display:flex;gap:var(--sp-2);align-items:center;margin:0 0 var(--sp-2);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .post .meta i{width:6px;height:6px;border-radius:50%;background:var(--secondary);display:inline-block;flex:0 0 auto;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .post h3{margin:0 0 var(--sp-2);font-size:var(--fs-md);line-height:var(--lh-snug);letter-spacing:-.005em;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .post p{margin:0;font-size:var(--fs-sm);color:var(--muted);}

/* ---------- workflow ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3);counter-reset:step;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .step{
  position:relative;background:color-mix(in oklch, var(--surface) 95%, var(--primary));border:1px solid var(--line);
  border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--sh-1);min-width:0;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .step:hover{
  transform:translateY(-3px);box-shadow:var(--sh-2);
  border-color:color-mix(in oklch, var(--primary) 36%, transparent);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .step::before{
  counter-increment:step;content:"0" counter(step);
  display:block;font-size:var(--fs-xl);color:var(--primary);line-height:1;margin-bottom:var(--sp-2);letter-spacing:-.02em;
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .step h3{margin:0 0 var(--sp-1);font-size:var(--fs-sm);line-height:var(--lh-snug);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .step p{margin:0;font-size:var(--fs-xs);color:var(--muted);}

/* ---------- CTA band ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .cta-band{
  margin-top:var(--sp-6);border-radius:var(--r-lg);border:1px solid color-mix(in oklch, var(--primary) 36%, transparent);
  padding:var(--sp-6);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--sp-5);align-items:center;
  background:
    radial-gradient(560px 240px at 8% 0%, color-mix(in oklch, var(--primary) 20%, transparent), transparent 66%),
    linear-gradient(120deg, color-mix(in oklch, var(--surface) 90%, var(--secondary)), var(--surface));
  box-shadow:var(--sh-2);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .cta-band > div{min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .cta-band h2{margin:0 0 var(--sp-2);font-size:var(--fs-xl);line-height:var(--lh-snug);letter-spacing:-.01em;text-wrap:balance;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .cta-band p{margin:0;color:var(--muted);font-size:var(--fs-sm);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .cta-band .actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:flex-end;min-width:0;}

/* ---------- footer ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws footer{
  margin-top:var(--sp-6);border-top:1px solid var(--line);padding-top:var(--sp-5);
  display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:var(--sp-5);
}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws footer > div{min-width:0;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws footer h4{margin:0 0 var(--sp-3);font-size:var(--fs-sm);color:var(--text);letter-spacing:.01em;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws footer ul{list-style:none;margin:0;padding:0;font-size:var(--fs-sm);color:var(--muted);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws footer li{margin-bottom:var(--sp-2);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws footer a{transition:color var(--t-fast) var(--ease);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws footer a:hover{color:var(--accent-2);}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .foot-note{
  margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px dashed var(--line);
  font-size:var(--fs-xs);color:var(--muted);display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;
}

/* ---------- focus ---------- */
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws a:focus-visible,
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws summary:focus-visible,
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .btn-primary:focus-visible,
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .btn-ghost:focus-visible{
  outline:2px solid var(--accent-2);outline-offset:2px;border-radius:var(--r-sm);
}

/* ---------- keyframes (auto-play, visible by default) ---------- */
@keyframes ec-pulse{0%,100%{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 24%, transparent);}50%{box-shadow:0 0 0 8px color-mix(in oklch, var(--accent) 8%, transparent);}}
@keyframes ec-spin{to{transform:rotate(360deg);}}
@keyframes ec-rise{from{transform:translateY(14px);}to{transform:translateY(0);}}
@keyframes ec-fade{from{opacity:.55;}to{opacity:1;}}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero-text{animation:ec-rise .7s var(--ease-out) both;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero-visual{animation:ec-rise .8s var(--ease-out) .08s both;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric{animation:ec-fade .8s var(--ease-out) both;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric:nth-child(2){animation-delay:.06s;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric:nth-child(3){animation-delay:.12s;}
.design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric:nth-child(4){animation-delay:.18s;}

/* ---------- responsive ---------- */
@media (min-width:1600px){
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-wrap{max-width:var(--container-lg);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metrics{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card{grid-column:span 3;}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card.wide,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card.tall{grid-column:span 6;}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card.narrow{grid-column:span 3;}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .flow{grid-template-columns:repeat(5,minmax(0,1fr));}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws section{padding-block:var(--sp-7);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws{font-size:clamp(1rem,.94rem + .22vw,1.12rem);}
}
@media (min-width:2100px){
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-wrap{max-width:var(--container-xl);}
}
@media (max-width:1024px){
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero-visual{transform:none;}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scenes,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .news{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .flow{grid-template-columns:repeat(3,minmax(0,1fr));}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws footer{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .cta-band{grid-template-columns:minmax(0,1fr);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .cta-band .actions{justify-content:flex-start;}
}
@media (max-width:640px){
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-top{grid-template-columns:minmax(0,1fr);justify-items:start;gap:var(--sp-3);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-nav{justify-content:flex-start;}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metrics,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide-grid,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .faq,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scenes,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .news,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .flow{grid-template-columns:minmax(0,1fr);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .bento{grid-template-columns:minmax(0,1fr);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card.wide,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card.narrow,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card.tall{grid-column:span 1;}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws footer{grid-template-columns:minmax(0,1fr);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scene{transform:none;}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero{padding-block:var(--sp-6) var(--sp-5);}
}
@media (max-width:380px){
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws{font-size:var(--fs-sm);padding-bottom:var(--sp-5);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-wrap{padding-inline:var(--sp-3);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws section{padding-block:var(--sp-5);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .metric,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .guide,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .post,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .step,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .cta-band{padding:var(--sp-3);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws h1{font-size:clamp(1.7rem,1.2rem + 4vw,2.2rem);}
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .btn-primary,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .btn-ghost,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-top .cta{
    min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  }
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero::before{width:min(88vw,320px);opacity:.6;}
}
@media (prefers-reduced-motion: reduce){
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws *,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws *::before,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws *::after{
    animation:none !important;transition-duration:.001ms !important;
  }
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .ec-hero-visual,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .card,
  .design-style-emotion_chain_blockchain_powered_emotional_network_spectacle_rws .scene{transform:none;}
}