body{overflow-x:hidden}.hero-orbit{animation:orbitSpin 24s linear infinite}.hero-orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--violet);left:98px;top:145px;box-shadow:0 0 30px var(--violet)}.orbit-two{animation-direction:reverse;animation-duration:18s}.chart .area{opacity:0;animation:areaIn 1.2s ease forwards .8s}.chart .line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:chartDraw 2.3s ease forwards .45s}.ticker-strip{display:block}.ticker-loop{width:max-content;height:100%;display:flex;align-items:center;gap:72px;animation:tickerMove 28s linear infinite}.signal-banner{height:500px;margin-bottom:120px;border:1px solid #4a3b58;border-radius:8px;background:linear-gradient(120deg,#23182f 0%,#17121e 48%,#101319 100%);position:relative;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:58px 64px;box-shadow:0 40px 100px rgba(0,0,0,.28)}.signal-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(184,151,215,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(184,151,215,.3) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.signal-copy{position:relative;z-index:2}.signal-copy>span{font:500 10px "DM Mono";letter-spacing:.16em;color:var(--green)}.signal-copy h2{font-size:clamp(43px,5vw,68px);line-height:.97;letter-spacing:-.055em;margin:20px 0}.signal-copy h2 em{font-style:normal;color:var(--violet)}.signal-copy p{max-width:470px;color:#aaa1b1;line-height:1.7;font-size:13px}.signal-copy a{display:inline-flex;align-items:center;gap:25px;margin-top:22px;padding:13px 17px;border:1px solid #665574;background:rgba(184,151,215,.08);color:white;text-decoration:none;font:500 10px "DM Mono";letter-spacing:.08em;transition:.3s}.signal-copy a:hover{background:var(--violet);color:#17131b;transform:translateY(-3px)}.signal-radar{width:390px;height:390px;position:relative;justify-self:end;border-radius:50%;background:radial-gradient(circle,rgba(184,151,215,.12),transparent 66%);transition:transform .2s ease-out}.radar-ring{position:absolute;border:1px solid rgba(184,151,215,.23);border-radius:50%;inset:0}.ring-b{inset:16%}.ring-c{inset:33%}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 78%,rgba(122,226,173,.28) 95%,transparent 100%);animation:radarSweep 4s linear infinite}.radar-center{position:absolute;inset:39%;border:1px solid var(--violet);border-radius:50%;display:grid;place-content:center;text-align:center;font:600 18px "DM Mono";box-shadow:0 0 40px rgba(184,151,215,.22)}.radar-center small{display:block;font-size:7px;color:var(--green);margin-top:5px}.radar-point{position:absolute;padding:7px 9px;border:1px solid #493d54;background:#17121e;font:500 8px "DM Mono";box-shadow:0 10px 25px rgba(0,0,0,.35);animation:pointPulse 3s ease-in-out infinite}.radar-point b{color:var(--green)}.point-a{left:0;top:42%}.point-b{right:2%;top:18%;animation-delay:-1s}.point-c{right:8%;bottom:13%;animation-delay:-2s}.matrix-grid article{transition:background .3s,transform .3s}.matrix-grid article:hover{background:#17131d;transform:translateY(-4px)}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hero-copy{animation:heroEnter .85s cubic-bezier(.2,.75,.25,1) both}.terminal-card{animation:terminalEnter 1s cubic-bezier(.2,.75,.25,1) .12s both}.hero-score{animation:scoreEnter .8s ease .35s both}
@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes areaIn{to{opacity:1}}@keyframes tickerMove{to{transform:translateX(-50%)}}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes pointPulse{0%,100%{transform:scale(1);border-color:#493d54}50%{transform:scale(1.07);border-color:var(--green)}}@keyframes heroEnter{from{opacity:0;transform:translateY(28px)}}@keyframes terminalEnter{from{opacity:0;transform:translateY(40px) scale(.97)}}@keyframes scoreEnter{from{opacity:0;transform:scale(.75)}}
@media(max-width:900px){.signal-banner{height:auto;grid-template-columns:1fr;padding:48px}.signal-radar{justify-self:center;margin-top:30px}}
@media(max-width:580px){.ticker-loop{gap:32px}.signal-banner{padding:34px 22px}.signal-copy h2{font-size:41px}.signal-radar{width:290px;height:290px}.radar-point{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Generated project artwork */
.hero{background-image:linear-gradient(90deg,rgba(8,7,12,.99) 0%,rgba(10,8,15,.93) 37%,rgba(11,9,17,.69) 66%,rgba(10,8,15,.48) 100%),url("assets/market-orbit-bg.png");background-size:cover;background-position:center right;animation:darkArtwork 18s ease-in-out infinite alternate}.hero:before{background:radial-gradient(circle,rgba(112,80,140,.22),transparent 67%)}.terminal-card{background:rgba(20,17,26,.74);backdrop-filter:blur(20px)}.signal-banner{background-image:linear-gradient(90deg,rgba(24,16,32,.98) 0%,rgba(19,15,26,.89) 43%,rgba(11,15,18,.46) 100%),url("assets/market-orbit-bg.png");background-size:cover;background-position:center right}.signal-grid{opacity:.09}.signal-radar{opacity:.78;mix-blend-mode:screen}
@keyframes darkArtwork{from{background-position:50% center}to{background-position:56% center}}
@media(max-width:900px){.hero{background-position:62% center}.signal-banner{background-position:62% center}}
@media(max-width:580px){.hero{background-image:linear-gradient(180deg,rgba(8,7,12,.96),rgba(10,8,15,.78)),url("assets/market-orbit-bg.png");background-position:68% center}.signal-banner{background-position:67% center}.signal-radar{opacity:.6}}

/* Expanded review archive and additional generated scenes */
.signal-banner{background-image:linear-gradient(90deg,rgba(18,14,24,.98) 0%,rgba(15,14,20,.88) 45%,rgba(8,12,14,.34) 100%),url("assets/signal-radar-bg.png");background-size:cover;background-position:center right}.voices{background-image:linear-gradient(180deg,rgba(244,240,247,.9),rgba(240,235,243,.94)),url("assets/voices-glass-bg.png");background-size:cover;background-position:center;background-attachment:fixed}.voices-head>p strong{display:block;margin-bottom:8px;color:#4f3b5c;font:600 18px "Space Grotesk"}.voice{background:rgba(255,255,255,.88);backdrop-filter:blur(20px);box-shadow:0 30px 80px rgba(75,54,84,.11)}.dots{display:flex;align-items:center;justify-content:center;gap:14px}.dots>span{font:500 10px "DM Mono";color:#67566f;min-width:64px}.dots>i{display:block;width:min(280px,55vw);height:3px;background:#cfc4d4;overflow:hidden}.dots>i>b{display:block;height:100%;background:#654776;transition:width .45s ease}.voice-stage{position:relative}.voice-stage:before{content:"700 VOICES";position:absolute;right:80px;top:-25px;color:rgba(100,71,118,.22);font:500 9px "DM Mono";letter-spacing:.18em}
@media(max-width:900px){.voices{background-attachment:scroll}.signal-banner{background-position:62% center}}
@media(max-width:580px){.voices{background-position:55% center}.voice-stage:before{right:0}.signal-banner{background-position:70% center}}
.voice-rating{display:flex;align-items:center;gap:1px}.voice-rating b{font-weight:400}.voice-rating i{color:#d1c8d5;font-style:normal}.voice-rating em{margin-left:8px;color:#67566f;font:600 10px "DM Mono";letter-spacing:0}.voice-stage:before{content:"680 VOICES"}

/* Material-led art-direction v2 */
.hero{background-image:linear-gradient(90deg,rgba(8,7,12,.96) 0%,rgba(8,7,12,.88) 38%,rgba(9,8,14,.48) 68%,rgba(8,7,12,.16) 100%),url("assets/market-orbit-bg-v2.png")}
.signal-banner{background-image:linear-gradient(90deg,rgba(18,14,24,.94) 0%,rgba(15,14,20,.8) 45%,rgba(8,12,14,.18) 100%),url("assets/signal-radar-bg-v2.png")}
.voices{background-image:linear-gradient(180deg,rgba(244,240,247,.72),rgba(240,235,243,.84)),url("assets/voices-glass-bg-v2.png")}
@media(max-width:580px){.hero{background-image:linear-gradient(180deg,rgba(8,7,12,.94),rgba(10,8,15,.66)),url("assets/market-orbit-bg-v2.png")}}

/* ZERO/NOISE identity */
.logo{gap:0;letter-spacing:.035em}.logo img{width:34px;height:34px;object-fit:contain;margin-right:10px;display:block;filter:drop-shadow(0 0 12px rgba(184,151,215,.22))}.logo strong{font:600 14px "DM Mono"}.logo span{font:600 14px "DM Mono";color:var(--violet)}.page-footer .logo img{width:30px;height:30px}
@media(max-width:580px){.logo img{width:30px;height:30px;margin-right:7px}.logo strong,.logo span{font-size:12px}}

/* 21st.dev Analytics Bento adapted to the existing static metrics */
.metrics{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;border:0}.metrics article{min-height:270px;border:1px solid var(--line)!important;border-radius:20px;background:linear-gradient(145deg,rgba(27,23,34,.94),rgba(17,15,23,.88));overflow:hidden;padding:26px}.metrics article:nth-child(1),.metrics article:nth-child(4){grid-column:span 5}.metrics article:nth-child(2),.metrics article:nth-child(3){grid-column:span 7}.metrics article>small{display:block;color:#62596b;font:500 8px "DM Mono";letter-spacing:.16em}.metrics h3{margin:28px 0 10px}.metrics p{position:relative;z-index:2;max-width:260px}.metric-chart,.metric-bars,.metric-radar{position:absolute;right:22px;bottom:34px;width:48%;height:76px;overflow:visible}.metric-chart path{fill:none;stroke:var(--violet);stroke-width:2;stroke-linecap:round}.metric-chart .ghost{stroke:#4c4356;stroke-width:1}.metric-bars rect{fill:#4b4056}.metric-bars rect:nth-child(even){fill:var(--violet)}.metric-radar{width:116px;height:82px}.metric-radar path{fill:rgba(184,151,215,.2);stroke:var(--violet);stroke-width:1.5}.metric-radar .grid{fill:none;stroke:#4b4254;stroke-width:1}.metrics article>i{z-index:3;background:linear-gradient(90deg,var(--violet) var(--level),rgba(184,151,215,.13) var(--level))}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(n){grid-column:auto}.metric-chart,.metric-bars{width:54%}}
@media(max-width:580px){.metrics{grid-template-columns:1fr}.metrics article{min-height:250px}.metric-chart,.metric-bars{opacity:.72}}
@media(max-width:430px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar{height:68px;padding-inline:14px}
  .hero{min-height:auto;padding:64px 14px 54px}
  .hero h1{font-size:68px;line-height:.8;margin-block:34px 28px}
  .hero-sub{font-size:17px;margin-left:0}
  .terminal-card{margin-top:38px}
  .ticker{gap:10px;padding-inline:14px;flex-wrap:wrap}
  .ticker span{font-size:22px}
  .chart{height:145px;padding-inline:10px}
  .verdict{padding-block:78px}
  .big-copy{font-size:39px}
  .metrics{gap:10px;margin-bottom:78px}
  .metrics article{min-height:220px;padding:22px;border-radius:16px}
  .metrics h3{margin-top:22px}
  .metrics p{max-width:72%}
  .metric-chart,.metric-bars{right:18px;bottom:27px;width:55%;height:62px}
  .metric-radar{right:18px;bottom:24px;width:94px;height:68px}
  .voices{padding-block:80px}
  .voices h2,.matrix h2,.final-cta h2{font-size:46px}
  .voice-track,.voice{min-height:0}
  .voice blockquote{font-size:24px;margin:36px 0}
  .matrix{padding-block:82px}
  .matrix-grid article{min-height:225px}
}