@import url('../assets/progresskit-product-shell.css');

:root{
  --product-accent:#79a9c5;
  --product-accent-soft:rgba(121,169,197,.10);
}

body{background:
  radial-gradient(circle at 82% 8%,rgba(121,169,197,.085),transparent 22%),
  radial-gradient(circle at 8% 72%,rgba(239,27,45,.035),transparent 30%),
  linear-gradient(180deg,#060708 0%,#050607 56%,#070809 100%)}

.product-wordmark{display:flex;align-items:center;gap:12px;color:var(--pk-muted);font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.product-wordmark::before{content:"//";color:var(--product-accent)}
.hero .cta{min-width:280px;min-height:64px;font-size:13px}
.hero-art img{max-height:540px;border-color:rgba(121,169,197,.28)}
.gallery figure{background:linear-gradient(145deg,#0e1114,#07090a)}
.gallery figure:nth-child(1),.gallery figure:nth-child(4){border-color:rgba(121,169,197,.26)}
.feature-grid .card{min-height:180px}
.feature-grid .card h3::before{content:"";display:block;width:28px;height:2px;margin-bottom:14px;background:linear-gradient(90deg,var(--product-accent),transparent)}
.download-card{position:relative;overflow:hidden}
.download-card::after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(121,169,197,.08),transparent 68%);pointer-events:none}
.download-card .cta{min-width:320px;min-height:66px;font-size:13px;position:relative;z-index:1}
.download-card p,.download-card code,.download-card a{position:relative;z-index:1}
.product-note{margin-top:18px;color:var(--pk-dim);font:700 10px/1.5 var(--mono);letter-spacing:.05em}
.review-list .card{background:#090b0d}
#review-form .cta{min-width:210px}
@media(max-width:680px){.hero .cta,.download-card .cta{min-width:0;width:100%}.product-wordmark{display:none}}