.echo-product-detail{
  min-height:100vh;
  overflow-x:clip;
  background:var(--dc-bg);
  color:var(--dc-text);
}
.echo-product-detail [hidden]{display:none!important}
.echo-detail-shell{width:100%;margin:0;padding:0}
.echo-detail-article{position:relative;min-height:100vh}
.echo-detail-container{position:relative;width:min(100% - 32px,1280px);margin-inline:auto}
.echo-detail-container--wide{width:min(100% - 32px,1152px)}
.echo-detail-container--plans,.echo-detail-container--copy{width:min(100% - 32px,896px)}
.echo-detail-container--cta{width:min(100% - 32px,896px);text-align:center}
.echo-detail-dependency{width:min(100% - 32px,1152px);margin:132px auto 96px}

/* EchoCraft product hero: centered copy, compact commerce, raw product artwork. */
.echo-detail-hero{
  position:relative;
  overflow:hidden;
  padding:112px 0 48px;
  background:color-mix(in srgb,var(--dc-panel) 82%,var(--dc-bg));
}
.echo-detail-hero-gradient{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to bottom,color-mix(in srgb,var(--dc-panel) 94%,var(--dc-bg)),color-mix(in srgb,var(--dc-panel) 76%,var(--dc-bg)) 58%,var(--dc-bg)),
    linear-gradient(color-mix(in srgb,var(--dc-text) 3%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--dc-text) 3%,transparent) 1px,transparent 1px);
  background-size:auto,40px 40px,40px 40px;
  mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 62px,#000 78%,transparent);
  mask-composite:intersect;
  animation:echo-detail-grid-drift 18s linear infinite;
}
.echo-detail-hero-inner{z-index:1}
.echo-detail-hero-copy{max-width:1024px;margin-inline:auto;text-align:center}
.echo-detail-title-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:11px 13px}
.echo-detail-hero h1{
  margin:0;
  color:var(--dc-text);
  font-size:clamp(36px,5vw,60px);
  font-weight:800;
  line-height:1.06;
  letter-spacing:-.052em;
}
.echo-detail-category{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 11px;
  border:1px solid color-mix(in srgb,var(--dc-accent) 24%,transparent);
  border-radius:999px;
  background:var(--dc-accent);
  color:var(--dc-accent-ink);
  box-shadow:0 7px 20px color-mix(in srgb,var(--dc-accent) 16%,transparent);
  font-size:11px;
  font-weight:700;
}
.echo-detail-lead{
  display:-webkit-box;
  max-width:768px;
  margin:20px auto 0;
  overflow:hidden;
  color:var(--dc-muted);
  font-size:15px;
  line-height:1.72;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.echo-detail-hero-commerce{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 26px;margin-top:27px}
.echo-detail-hero-price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:3px 7px}
.echo-detail-hero-price .echo-detail-currency{color:var(--dc-text);font:650 24px var(--dc-mono)}
.echo-detail-hero-price strong{color:var(--dc-text);font:800 clamp(42px,5vw,64px)/.9 var(--dc-font);letter-spacing:-.055em}
.echo-detail-hero-price s{color:var(--dc-muted);font:500 14px var(--dc-mono);opacity:.64}
.echo-detail-hero-price small{flex-basis:100%;color:var(--dc-muted);font-size:11px}
.echo-detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:27px}
.echo-detail-hero-commerce .echo-detail-actions{margin-top:0}
.echo-detail-button{
  display:inline-flex;
  min-width:128px;
  min-height:44px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 22px;
  border:1px solid var(--dc-line);
  border-radius:999px;
  background:color-mix(in srgb,var(--dc-panel) 84%,transparent);
  color:var(--dc-text);
  font-size:12px;
  font-weight:650;
  text-decoration:none;
  transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .2s,background .2s,box-shadow .24s;
}
.echo-detail-button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dc-text) 25%,var(--dc-line));background:var(--dc-panel)}
.echo-detail-button--primary{border-color:var(--dc-accent);background-color:var(--dc-accent);background-image:linear-gradient(110deg,transparent 28%,color-mix(in srgb,#fff 32%,transparent) 46%,transparent 64%);background-position:180% 0;background-size:260% 100%;color:var(--dc-accent-ink);animation:echo-detail-button-shine 3.4s ease-in-out infinite}
.echo-detail-button--primary:hover{border-color:var(--dc-accent);background-color:color-mix(in srgb,var(--dc-accent) 88%,var(--dc-text));color:var(--dc-accent-ink);box-shadow:0 14px 34px color-mix(in srgb,var(--dc-accent) 22%,transparent);animation-duration:1.25s}
.echo-detail-button--primary:focus-visible,.echo-detail-button--primary:active,.echo-detail-button--primary:visited{color:var(--dc-accent-ink)}
.echo-detail-button:focus-visible{outline:2px solid var(--dc-accent);outline-offset:3px}
.echo-detail-license-meta{display:flex;justify-content:center;gap:18px;margin-top:11px;color:var(--dc-muted);font-size:11px}
.echo-detail-license-meta span+span::before{content:"•";margin-right:18px;color:var(--dc-line-strong)}
.echo-detail-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin-top:22px;color:var(--dc-muted);font-size:11px}
.echo-detail-trust span{display:inline-flex;align-items:center;gap:7px}
.echo-detail-trust i{color:var(--dc-accent);font-style:normal;font-weight:800}
.echo-detail-trust b{font-weight:500}
.echo-detail-hero-media{position:relative;width:min(100%,1152px);margin:34px auto 0}
.echo-detail-hero-media img{display:block;width:100%;max-height:720px;object-fit:contain;translate:0 0;transform:perspective(1100px) translate3d(var(--echo-shift-x,0),var(--echo-shift-y,0),0) rotateX(var(--echo-tilt-x,0deg)) rotateY(var(--echo-tilt-y,0deg));transform-origin:center;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .35s;will-change:translate,transform;animation:echo-detail-hero-float 7s ease-in-out infinite}
.echo-detail-hero-media.is-pointer-active img{filter:drop-shadow(0 22px 32px color-mix(in srgb,#000 16%,transparent));transition-duration:.16s}
.echo-detail-hero-fade{position:absolute;right:0;bottom:0;left:0;height:96px;pointer-events:none;background:linear-gradient(to top,var(--dc-bg),transparent)}

.echo-detail-separator{width:min(66.666%,672px);height:1px;margin-inline:auto;background:linear-gradient(90deg,transparent,var(--dc-line),transparent)}
.echo-detail-band{position:relative;padding:48px 0}
.echo-detail-band--soft{background:color-mix(in srgb,var(--dc-text) 2%,var(--dc-bg))}
.echo-detail-band--features{background:color-mix(in srgb,var(--dc-text) 1.5%,var(--dc-bg))}
.echo-detail-band--releases{background:color-mix(in srgb,var(--dc-accent) 1.5%,var(--dc-bg))}
.echo-detail-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}
.echo-detail-section-head>div>p,.echo-detail-cta>div>p{margin:0 0 8px;color:color-mix(in srgb,var(--dc-text) 36%,transparent);font:500 10px var(--dc-mono);letter-spacing:.22em;text-transform:uppercase}
.echo-detail-section-head h2{margin:0;color:var(--dc-text);font-size:clamp(25px,3vw,34px);font-weight:720;line-height:1.12;letter-spacing:-.035em}
.echo-detail-section-head>span{max-width:390px;color:var(--dc-muted);font-size:13px;line-height:1.7;text-align:right}
.echo-detail-section-head.is-centered{display:block;text-align:center}
.echo-detail-section-head.is-centered>span{display:block;margin:8px auto 0;text-align:center}

/* Pricing strategy cards match the reference theme's compact 1/2/3-column grid. */
.echo-detail-cycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:echo-detail-cycle}
.echo-detail-cycle-card{
  position:relative;
  display:flex;
  min-height:342px;
  flex-direction:column;
  align-items:center;
  overflow:hidden;
  padding:25px 22px 21px;
  border:1px solid var(--dc-line);
  border-radius:13px;
  background:var(--dc-panel);
  text-align:center;
  transition:translate .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;
  counter-increment:echo-detail-cycle;
}
.echo-detail-cycle-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--dc-text) 2%,transparent) 0 1px,transparent 1px 14px)}
.echo-detail-cycle-card:hover{translate:0 -3px;border-color:color-mix(in srgb,var(--dc-text) 14%,var(--dc-line));box-shadow:0 16px 34px color-mix(in srgb,#000 12%,transparent)}
.echo-detail-cycle-card.is-recommended{border-color:color-mix(in srgb,var(--dc-accent) 35%,var(--dc-line));box-shadow:0 0 0 1px color-mix(in srgb,var(--dc-accent) 14%,transparent),0 15px 34px color-mix(in srgb,var(--dc-accent) 6%,transparent)}
.echo-detail-cycle-number{position:absolute;top:17px;left:18px;color:color-mix(in srgb,var(--dc-text) 5%,transparent);font:200 44px var(--dc-mono)}
.echo-detail-cycle-number::before{content:counter(echo-detail-cycle,decimal-leading-zero)}
.echo-detail-cycle-recommend{position:absolute;top:15px;right:15px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--dc-accent) 11%,transparent);color:var(--dc-accent);font-size:9px;font-weight:700}
.echo-detail-cycle-card>i{position:relative;display:grid;width:42px;height:42px;margin-top:18px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--dc-accent) 9%,transparent);color:var(--dc-accent);font:600 21px var(--dc-mono);transition:transform .35s cubic-bezier(.16,1,.3,1),background .25s}
.echo-detail-cycle-card:hover>i{transform:translateY(-3px) rotate(-4deg) scale(1.08);background:color-mix(in srgb,var(--dc-accent) 15%,transparent)}
.echo-detail-cycle-card h3{position:relative;margin:13px 0 0;font-size:20px;letter-spacing:-.025em}
.echo-detail-cycle-card>div{position:relative;display:flex;align-items:baseline;justify-content:center;margin-top:18px}
.echo-detail-cycle-card>div small{color:var(--dc-muted);font:600 17px var(--dc-mono)}
.echo-detail-cycle-card>div strong{color:var(--dc-text);font:720 39px var(--dc-mono);letter-spacing:-.04em}
.echo-detail-cycle-card>div em{margin-left:3px;color:var(--dc-muted);font-size:12px;font-style:normal}
.echo-detail-cycle-card>p{position:relative;margin:8px 0 0;color:var(--dc-muted);font-size:12px;line-height:1.6}
.echo-detail-cycle-card>a{position:relative;display:flex;width:100%;min-height:39px;align-items:center;justify-content:center;margin-top:auto;border-radius:8px;background:color-mix(in srgb,var(--dc-accent) 11%,transparent);color:var(--dc-accent);font-size:11px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.echo-detail-cycle-card.is-recommended>a,.echo-detail-cycle-card>a:hover{background:var(--dc-accent);color:var(--dc-accent-ink)}
.echo-detail-band-foot{display:flex;min-height:23px;align-items:flex-end;justify-content:space-between;margin-top:28px;padding-top:14px;border-top:1px solid var(--dc-line)}
.echo-detail-band-foot>i,.echo-detail-band-foot>span i{display:inline-block;width:24px;height:4px;border-radius:999px;background:var(--dc-line-strong)}
.echo-detail-band-foot>i+ i,.echo-detail-band-foot>span i+ i{width:12px;margin-left:7px;opacity:.55}
.echo-detail-band-foot>p{margin:0;color:var(--dc-muted);font-size:11px}.echo-detail-band-foot>p b{color:var(--dc-text)}

.echo-detail-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-inline:auto}
.echo-detail-plan-grid.has-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:672px}
.echo-detail-plan{position:relative;display:flex;min-height:244px;flex-direction:column;padding:22px;border:1px solid var(--dc-line);border-radius:13px;background:color-mix(in srgb,var(--dc-panel) 68%,var(--dc-bg));transition:translate .25s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s}
.echo-detail-plan:hover{translate:0 -4px;border-color:color-mix(in srgb,var(--dc-text) 15%,var(--dc-line));box-shadow:0 12px 28px color-mix(in srgb,#000 10%,transparent)}
.echo-detail-plan.is-featured{border-color:color-mix(in srgb,var(--dc-accent) 38%,var(--dc-line));background:color-mix(in srgb,var(--dc-accent) 5%,var(--dc-panel))}
.echo-detail-plan-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:999px;background:var(--dc-accent);color:var(--dc-accent-ink);font-size:10px;font-weight:700}
.echo-detail-plan h3{margin:0;color:var(--dc-text);font-size:16px;font-weight:700}.echo-detail-plan>small{margin-top:4px;color:var(--dc-muted);font-size:11px}
.echo-detail-plan-price{display:flex;align-items:baseline;gap:7px;margin-top:20px}.echo-detail-plan-price strong{font:720 31px var(--dc-font);letter-spacing:-.04em}.echo-detail-plan-price s{color:var(--dc-muted);font-size:12px}
.echo-detail-plan-license{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;color:var(--dc-muted);font-size:11px}.echo-detail-plan-license span+span::before{content:"·";margin-right:10px}
.echo-detail-plan .echo-detail-button{width:100%;min-height:38px;margin-top:auto;border-radius:8px}

/* Gallery dimensions mirror EchoCraft's 280/360/420px desktop windows. */
.echo-detail-gallery-wrap{position:relative}
.echo-detail-gallery-row{display:flex;gap:24px;overflow-x:auto;padding:2px 2px 12px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}
.echo-detail-gallery-row::-webkit-scrollbar{display:none}
.echo-detail-gallery-row button{flex:0 0 420px;padding:0;border:0;background:transparent;color:var(--dc-text);cursor:zoom-in;scroll-snap-align:start;text-align:center}
.echo-detail-window-bar{display:flex;height:30px;align-items:center;gap:6px;padding:0 12px;border:1px solid color-mix(in srgb,var(--dc-text) 7%,var(--dc-line));border-bottom:0;border-radius:10px 10px 0 0;background:linear-gradient(to bottom,color-mix(in srgb,var(--dc-text) 11%,var(--dc-panel)),color-mix(in srgb,var(--dc-text) 6%,var(--dc-panel)))}
.echo-detail-window-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.echo-detail-window-bar i:nth-child(2){background:#ffbd2e}.echo-detail-window-bar i:nth-child(3){background:#28ca41}
.echo-detail-window-content{display:block;overflow:hidden;aspect-ratio:16/10;border:1px solid color-mix(in srgb,var(--dc-text) 7%,var(--dc-line));border-top:0;border-radius:0 0 10px 10px;background:var(--dc-soft);box-shadow:0 7px 20px color-mix(in srgb,#000 14%,transparent);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s}
.echo-detail-gallery-row button:hover .echo-detail-window-content{transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,#000 18%,transparent)}
.echo-detail-gallery-row img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.echo-detail-gallery-row b{display:block;overflow:hidden;margin-top:12px;color:var(--dc-muted);font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.echo-detail-gallery-controls{display:flex;justify-content:center;gap:8px;margin-top:12px}
.echo-detail-gallery-controls button{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--dc-line);border-radius:50%;background:color-mix(in srgb,var(--dc-text) 5%,transparent);color:var(--dc-muted);font-size:20px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.echo-detail-gallery-controls button:hover:not(:disabled){border-color:var(--dc-line-strong);background:var(--dc-soft);color:var(--dc-text)}
.echo-detail-gallery-controls button:disabled{opacity:.28;cursor:default}
.echo-detail-gallery--mobile{background:color-mix(in srgb,var(--dc-text) 2%,var(--dc-bg))}
.echo-detail-gallery-row.is-mobile{align-items:flex-end;justify-content:flex-start;gap:26px}
.echo-detail-gallery-row.is-mobile button{flex-basis:230px}
.echo-detail-phone-frame{position:relative;display:block;overflow:hidden;aspect-ratio:9/16;padding:8px;border:1px solid color-mix(in srgb,var(--dc-text) 16%,var(--dc-line));border-radius:28px;background:color-mix(in srgb,var(--dc-text) 10%,var(--dc-panel));box-shadow:0 10px 26px color-mix(in srgb,#000 16%,transparent)}
.echo-detail-phone-frame::before{content:"";position:absolute;z-index:2;top:15px;left:50%;width:58px;height:13px;transform:translateX(-50%);border-radius:999px;background:#050505}
.echo-detail-phone-frame img{border-radius:20px;object-fit:cover}

.echo-detail-copy .echo-detail-prose{color:var(--dc-muted);font-size:15px;line-height:1.85}
.echo-detail-prose :is(h1,h2,h3,h4,strong){color:var(--dc-text)}
.echo-detail-prose a{color:var(--dc-accent)}
.echo-detail-prose img{max-width:100%;border-radius:12px}

.echo-detail-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.echo-detail-feature-grid article{position:relative;display:flex;min-height:142px;gap:24px;overflow:hidden;padding:24px;border:1px solid var(--dc-line);border-radius:13px;background:var(--dc-panel);transition:translate .3s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .3s}
.echo-detail-feature-grid article:hover{translate:0 -3px;border-color:color-mix(in srgb,var(--dc-accent) 22%,var(--dc-line));box-shadow:0 14px 30px color-mix(in srgb,#000 9%,transparent)}
.echo-detail-feature-grid article::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--dc-text) 2%,transparent) 0 1px,transparent 1px 14px)}
.echo-detail-feature-grid article.is-lead{grid-column:1/-1;min-height:150px;padding:30px}
.echo-detail-feature-grid article>span{position:relative;flex:none;color:color-mix(in srgb,var(--dc-text) 6%,transparent);font:200 46px var(--dc-mono);transition:color .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.echo-detail-feature-grid article:hover>span{color:color-mix(in srgb,var(--dc-accent) 20%,transparent);transform:translateX(3px) scale(1.04)}
.echo-detail-feature-grid article.is-lead>span{font-size:58px}
.echo-detail-feature-grid article>div{position:relative;min-width:0}
.echo-detail-feature-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.echo-detail-feature-title h3{margin:0;color:var(--dc-text);font-size:17px;font-weight:700}.echo-detail-feature-title small{padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--dc-text) 5%,transparent);color:var(--dc-muted);font-size:9px}
.echo-detail-feature-grid p{max-width:700px;margin:8px 0 0;color:var(--dc-muted);font-size:13px;line-height:1.72}

/* Native release view reproduces the reference 4/8-column statistics and latest/history card. */
.echo-detail-releases .ddli-loading{min-height:190px}
.echo-detail-release-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;align-items:start}
.echo-detail-release-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.echo-detail-release-stats article{position:relative;min-height:106px;overflow:hidden;padding:17px;border:1px solid var(--dc-line);border-radius:12px;background:var(--dc-panel);transition:translate .28s cubic-bezier(.16,1,.3,1),border-color .24s,box-shadow .28s}
.echo-detail-release-stats article:hover{translate:0 -3px;border-color:color-mix(in srgb,var(--dc-accent) 22%,var(--dc-line));box-shadow:0 12px 26px color-mix(in srgb,#000 9%,transparent)}
.echo-detail-release-stats article::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--dc-text) 3%,transparent) 0 1px,transparent 1px 12px)}
.echo-detail-release-stats span,.echo-detail-release-stats b{position:relative;display:block}.echo-detail-release-stats span{color:var(--dc-muted);font-size:11px}.echo-detail-release-stats b{max-width:100%;margin-top:8px;overflow:hidden;color:var(--dc-text);font:720 20px var(--dc-mono);text-overflow:ellipsis;white-space:nowrap}.echo-detail-release-stats i{position:absolute;right:-9px;bottom:-17px;color:color-mix(in srgb,var(--dc-text) 5%,transparent);font:700 54px var(--dc-mono);transform:rotate(9deg)}
.echo-detail-release-panel{position:relative;overflow:hidden;padding:23px;border:1px solid var(--dc-line);border-radius:16px;background:var(--dc-panel)}
.echo-detail-release-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--dc-text) 4%,transparent) .5px,transparent 0);background-size:20px 20px}
.echo-detail-release-panel>*{position:relative}
.echo-detail-release-tabs{display:flex;gap:28px;margin-bottom:22px;border-bottom:1px solid var(--dc-line)}
.echo-detail-release-tabs button{position:relative;min-height:42px;padding:0;border:0;background:transparent;color:var(--dc-muted);font-size:12px;font-weight:650;cursor:pointer}.echo-detail-release-tabs button b{margin-left:5px;color:inherit;font:600 10px var(--dc-mono)}
.echo-detail-release-tabs button.is-active{color:var(--dc-text)}.echo-detail-release-tabs button.is-active::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:999px;background:var(--dc-text)}
.echo-detail-release-latest{overflow:hidden;border:1px solid var(--dc-line);border-radius:12px;background:color-mix(in srgb,var(--dc-panel) 90%,var(--dc-bg))}
.echo-detail-release-latest-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px}
.echo-detail-release-version-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.echo-detail-release-version-line strong{font:730 28px var(--dc-mono);letter-spacing:-.045em}.echo-detail-release-latest-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--dc-accent) 10%,transparent);color:var(--dc-accent);font-size:9px;font-weight:750}.echo-detail-release-latest-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dc-accent)}
.echo-detail-release-date{display:block;margin-top:8px;color:var(--dc-muted);font-size:11px}
.echo-detail-release-actions{display:flex;gap:8px}.echo-detail-release-actions a{display:inline-flex;min-height:34px;align-items:center;padding:0 12px;border:1px solid var(--dc-line);border-radius:8px;background:var(--dc-soft);color:var(--dc-text);font-size:10px;font-weight:650;text-decoration:none}.echo-detail-release-actions a:first-child{background:var(--dc-text);color:var(--dc-bg)}
.echo-detail-release-notes{padding:20px 21px;border-top:1px solid var(--dc-line)}.echo-detail-release-notes h4{margin:0 0 12px;color:var(--dc-muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.echo-detail-release-notes p{margin:0;color:var(--dc-muted);font-size:13px;line-height:1.75;white-space:pre-wrap}
.echo-detail-release-meta{display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px 21px;border-top:1px solid var(--dc-line);background:color-mix(in srgb,var(--dc-text) 1.5%,transparent);color:var(--dc-muted);font-size:10px}.echo-detail-release-meta a{margin-left:auto;color:var(--dc-text);text-decoration:none}
.echo-detail-release-history{display:grid;gap:8px}.echo-detail-release-history details{overflow:hidden;border:1px solid var(--dc-line);border-radius:9px;background:var(--dc-panel)}.echo-detail-release-history summary{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;padding:0 15px;cursor:pointer;list-style:none}.echo-detail-release-history summary::-webkit-details-marker{display:none}.echo-detail-release-history summary strong{font:700 14px var(--dc-mono)}.echo-detail-release-history summary time{color:var(--dc-muted);font-size:10px}.echo-detail-release-history p{margin:0;padding:15px;border-top:1px solid var(--dc-line);color:var(--dc-muted);font-size:12px;line-height:1.7;white-space:pre-wrap}

.echo-detail-cta{position:relative;overflow:hidden;padding:58px 0 62px;background:color-mix(in srgb,var(--dc-text) 3%,var(--dc-bg));border-top:1px solid var(--dc-line);border-bottom:1px solid var(--dc-line)}
.echo-detail-cta-grid{position:absolute;inset:-42px;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--dc-text) 2.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--dc-text) 2.5%,transparent) 1px,transparent 1px),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--dc-accent) 8%,transparent),transparent 58%);background-size:42px 42px,42px 42px,100% 100%;mask-image:linear-gradient(90deg,transparent,#000,transparent);animation:echo-detail-cta-drift 16s linear infinite}
.echo-detail-cta h2{margin:0;color:var(--dc-text);font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.045em}.echo-detail-cta .echo-detail-container>span{display:block;max-width:620px;margin:12px auto 0;color:var(--dc-muted);font-size:14px;line-height:1.7}

.echo-detail-ready [data-echo-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--echo-reveal-delay,0ms);will-change:opacity,transform}
.echo-detail-ready [data-echo-reveal="fade-up"]{transform:translateY(40px)}
.echo-detail-ready [data-echo-reveal="fade-left"]{transform:translateX(-40px)}
.echo-detail-ready [data-echo-reveal="fade-right"]{transform:translateX(40px)}
.echo-detail-ready [data-echo-reveal="scale"]{transform:scale(.92)}
.echo-detail-ready [data-echo-reveal="fade"]{transform:none}
.echo-detail-ready [data-echo-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);will-change:auto}
.echo-detail-ready .echo-detail-release-stats[data-echo-reveal] article{opacity:0;transform:translateX(-18px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}
.echo-detail-ready .echo-detail-release-stats[data-echo-reveal].is-visible article{opacity:1;transform:none}
.echo-detail-ready .echo-detail-release-stats[data-echo-reveal].is-visible article:nth-child(2){transition-delay:.08s}.echo-detail-ready .echo-detail-release-stats[data-echo-reveal].is-visible article:nth-child(3){transition-delay:.16s}.echo-detail-ready .echo-detail-release-stats[data-echo-reveal].is-visible article:nth-child(4){transition-delay:.24s}
[data-version-panel].is-switching{animation:echo-detail-panel-enter .42s cubic-bezier(.16,1,.3,1)}

@keyframes echo-detail-grid-drift{0%{background-position:center 0,0 0,0 0}100%{background-position:center 0,40px 40px,40px 40px}}
@keyframes echo-detail-button-shine{0%,58%{background-position:180% 0}100%{background-position:-90% 0}}
@keyframes echo-detail-hero-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes echo-detail-cta-drift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(21px,12px,0)}100%{transform:translate3d(42px,42px,0)}}
@keyframes echo-detail-panel-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:980px){
  .echo-detail-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .echo-detail-release-layout{grid-template-columns:1fr}
  .echo-detail-release-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .echo-detail-gallery-row button{flex-basis:360px}
}
@media(max-width:760px){
  .echo-detail-hero{padding:104px 0 42px}
  .echo-detail-section-head{display:block}.echo-detail-section-head>span{display:block;margin-top:9px;text-align:left}.echo-detail-section-head.is-centered>span{text-align:center}
  .echo-detail-plan-grid,.echo-detail-plan-grid.has-two{grid-template-columns:1fr;max-width:420px}
  .echo-detail-feature-grid{grid-template-columns:1fr}.echo-detail-feature-grid article.is-lead{grid-column:auto}
  .echo-detail-release-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .echo-detail-gallery-row button{flex-basis:320px}
}
@media(max-width:520px){
  .echo-detail-container,.echo-detail-container--wide,.echo-detail-container--plans,.echo-detail-container--copy,.echo-detail-container--cta{width:calc(100% - 28px)}
  .echo-detail-hero{padding:98px 0 36px}.echo-detail-hero h1{font-size:38px}.echo-detail-category{min-height:27px;font-size:10px}.echo-detail-lead{font-size:14px}
  .echo-detail-hero-commerce{display:block}.echo-detail-hero-commerce .echo-detail-actions{margin-top:20px}
  .echo-detail-actions{display:grid;width:100%}.echo-detail-button{width:100%;min-height:46px}
  .echo-detail-hero-media{margin-top:27px}.echo-detail-hero-fade{height:62px}
  .echo-detail-band{padding:42px 0}.echo-detail-section-head{margin-bottom:25px}.echo-detail-section-head h2{font-size:27px}
  .echo-detail-cycle-grid{grid-template-columns:1fr}.echo-detail-cycle-card{min-height:310px}
  .echo-detail-gallery-row{gap:18px}.echo-detail-gallery-row button{flex-basis:280px}.echo-detail-gallery-row.is-mobile button{flex-basis:210px}
  .echo-detail-feature-grid article,.echo-detail-feature-grid article.is-lead{min-height:0;padding:20px}.echo-detail-feature-grid article.is-lead>span{font-size:46px}
  .echo-detail-release-panel{padding:17px}.echo-detail-release-stats{gap:10px}.echo-detail-release-stats article{min-height:96px;padding:14px}.echo-detail-release-latest-head{display:block}.echo-detail-release-actions{margin-top:14px}.echo-detail-release-meta a{margin-left:0}
  .echo-detail-cta{padding:48px 0}
}
@media(prefers-reduced-motion:reduce){
  .echo-detail-hero-gradient,.echo-detail-button--primary,.echo-detail-hero-media img,.echo-detail-cta-grid,[data-version-panel].is-switching{animation:none}
  .echo-detail-button,.echo-detail-cycle-card,.echo-detail-window-content,.echo-detail-plan,.echo-detail-feature-grid article,.echo-detail-release-stats article{transition:none}
  .echo-detail-ready [data-echo-reveal]{opacity:1;transform:none;transition:none}
  .echo-detail-ready .echo-detail-release-stats[data-echo-reveal] article{opacity:1;transform:none;transition:none}
  .echo-detail-gallery-row{scroll-behavior:auto}
}