
:root{
  --c-bg:#070b16;--c-panel:#0f1729;--c-panel2:#121d34;--c-line:rgba(255,255,255,.095);
  --c-text:#f4f7ff;--c-muted:#aab7cc;--c-soft:#8493ab;--c-purple:#846dff;--c-blue:#4f91ff;
  --c-green:#27c49a;--c-warning:#f1b84b;
}
body.commerce-page{margin:0;background:
 radial-gradient(circle at 82% 8%,rgba(101,76,255,.16),transparent 28%),
 radial-gradient(circle at 12% 42%,rgba(45,132,255,.09),transparent 25%),var(--c-bg)!important;
 color:var(--c-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.commerce-page a{color:inherit}.commerce-page .global-nav{position:sticky;top:0;z-index:1000;background:rgba(7,11,22,.9);
 backdrop-filter:blur(18px);border-bottom:1px solid var(--c-line)}
.commerce-page .global-inner{max-width:1380px;margin:auto;height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.commerce-page .global-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.04em}
.commerce-page .global-brand img{height:42px}.commerce-page .global-brand b{color:var(--c-purple)}
.commerce-page .global-links{display:flex;align-items:center;gap:26px;font-weight:650;color:#c3ccdb}
.commerce-page .global-links a{text-decoration:none}.commerce-page .global-links a:hover{color:#fff}
.commerce-page .global-actions{display:flex;gap:10px}.commerce-page .nav-btn{padding:11px 16px;border:1px solid var(--c-line);
 border-radius:12px;text-decoration:none;font-weight:750}.commerce-page .nav-btn.primary{border:0;background:linear-gradient(135deg,#745cff,#3d88ff)}
.commerce-page .product-subnav{border-bottom:1px solid var(--c-line);background:rgba(11,17,31,.72)}
.commerce-page .product-subnav .inner{max-width:1320px;margin:auto;padding:11px 28px;display:flex;align-items:center;gap:10px;overflow:auto}
.commerce-page .product-subnav strong{margin-right:16px;white-space:nowrap}.commerce-page .product-subnav a{white-space:nowrap;text-decoration:none;
 color:#aebbd0;padding:8px 11px;border-radius:9px}.commerce-page .product-subnav a:hover{background:#151f36;color:#fff}
.commerce-page>.container,.commerce-page main.container{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important}
.commerce-page .commerce-hero{padding:58px 0 24px;text-align:left}.commerce-page .commerce-kicker{font-size:.75rem;letter-spacing:.15em;font-weight:800;color:#98aaff}
.commerce-page .commerce-hero h1{font-size:clamp(2.4rem,5vw,4.4rem)!important;line-height:1!important;letter-spacing:-.035em;margin:14px 0 15px;color:#fff!important}
.commerce-page .commerce-hero p{color:var(--c-muted)!important;font-size:1.05rem;max-width:760px;line-height:1.7}
.commerce-page .card,.commerce-page .policy-card,.commerce-page section.features,.commerce-page .bg-white{
 background:linear-gradient(180deg,rgba(18,29,52,.98),rgba(12,20,36,.98))!important;
 color:var(--c-text)!important;border:1px solid var(--c-line)!important;border-radius:20px!important;
 box-shadow:0 18px 50px rgba(0,0,0,.18)!important}
.commerce-page .card-header{background:transparent!important;border-bottom:1px solid var(--c-line)!important;color:#fff!important;padding:20px 24px!important}
.commerce-page .card-body{padding:24px!important}.commerce-page .card h1,.commerce-page .card h2,.commerce-page .card h3,
.commerce-page .card h4,.commerce-page .card h5,.commerce-page section.features h1,.commerce-page section.features h2,
.commerce-page section.features h3,.commerce-page .policy-card h1,.commerce-page .policy-card h2,.commerce-page .policy-card h3{color:#fff!important}
.commerce-page p,.commerce-page li,.commerce-page .text-muted,.commerce-page .small-muted,.commerce-page .section-description{color:var(--c-muted)!important}
.commerce-page .text-primary{color:#73a8ff!important}.commerce-page .text-success{color:#49d3ad!important}
.commerce-page .feature-card,.commerce-page .license-card{background:#101a30!important;border:1px solid var(--c-line)!important;color:var(--c-text)!important}
.commerce-page .alert{background:#111d35!important;color:#dce6f7!important;border:1px solid rgba(112,157,255,.25)!important}
.commerce-page .alert-warning{border-color:rgba(241,184,75,.35)!important;background:rgba(84,59,15,.35)!important}
.commerce-page .legal-meta{background:#111f3a!important;color:#dce6f7!important;border-left:3px solid var(--c-blue)!important}
.commerce-page .legal-warning{background:rgba(96,68,17,.34)!important;color:#f3dfad!important;border-left:3px solid var(--c-warning)!important}
.commerce-page .policy-card{font-size:.91rem!important;line-height:1.72!important;padding:30px!important}
.commerce-page .policy-card h2{font-size:1.55rem!important;margin-top:.3rem}.commerce-page .policy-card h3{font-size:1.12rem!important;margin-top:1.7rem}
.commerce-page .nav-tabs{border-bottom:1px solid var(--c-line)!important;gap:8px}.commerce-page .nav-tabs .nav-link{border:0!important;
 color:#9cabbe!important;background:transparent!important;border-radius:10px 10px 0 0!important;padding:12px 16px!important}
.commerce-page .nav-tabs .nav-link.active{background:#15213a!important;color:#fff!important}
.commerce-page pre,.commerce-page .bg-light{background:#080e1b!important;color:#dce7f8!important;border:1px solid var(--c-line)!important;
 border-radius:14px!important;font-size:.84rem!important}.commerce-page code{color:#dce7f8!important}
.commerce-page .form-control,.commerce-page .form-select{background:#0b1427!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;
 border-radius:12px!important;padding:13px 14px!important}.commerce-page .form-control::placeholder{color:#70809a}
.commerce-page .btn{border-radius:12px!important;font-weight:750!important}.commerce-page .btn-success{background:var(--c-green)!important;border-color:var(--c-green)!important}
.commerce-page .btn-primary{background:linear-gradient(135deg,#745cff,#3d88ff)!important;border:0!important}
.commerce-page footer{border-top:1px solid var(--c-line)!important;color:#7f8ea6!important}
.commerce-page .price-panel{position:sticky;top:110px}
.commerce-page .display-4,.commerce-page .display-5{color:#fff!important;font-weight:800!important}
@media(max-width:1050px){.commerce-page .global-links{display:none}.commerce-page .global-inner{padding:0 18px}.commerce-page .global-brand span{display:none}}
@media(max-width:650px){.commerce-page .global-actions .nav-btn:first-child{display:none}.commerce-page .global-actions{gap:6px}.commerce-page .nav-btn{padding:9px 11px}}

/* v0.3.1 — product page composition */
.product-showcase-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(300px,.72fr);
  gap:24px;
  align-items:start;
  margin:22px 0 36px;
}
.product-shot-panel{
  background:#0d1629;
  border:1px solid var(--c-line);
  border-radius:22px;
  padding:10px;
  overflow:hidden;
}
.product-shot-panel img{
  display:block;
  width:100%;
  height:auto;
  border-radius:14px;
  background:#fff;
}
.product-commercial-rail{min-width:0}
.product-commercial-rail .price-card{position:sticky;top:108px}
.product-price{
  font:800 clamp(2.4rem,4vw,3.7rem)/1 Manrope,sans-serif!important;
  margin:14px 0 8px!important;
  color:#fff!important;
}
.product-overview{
  width:100%;
  padding:28px 4px 18px;
  border-top:1px solid var(--c-line);
}
.product-overview h1{
  color:#fff!important;
  font:800 clamp(2.3rem,4vw,3.8rem)/1 Manrope,sans-serif!important;
  letter-spacing:-.035em;
  margin:10px 0 12px;
}
.product-overview .lead{max-width:850px}
.product-features-full,
.product-features-full section.features{width:100%!important;max-width:none!important}
.product-features-full .features-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.commerce-footer{
  border-top:1px solid var(--c-line)!important;
  background:#070b16!important;
  color:#7f8ea6!important;
}
@media(max-width:1050px){
  .product-showcase-grid{grid-template-columns:1fr}
  .product-commercial-rail .price-card{position:static}
  .product-features-full .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .product-features-full .features-grid{grid-template-columns:1fr!important}
}

/* v0.3.2 — full-width EcuremACM showcase */
.product-showcase-full{margin:22px 0 36px}
.product-showcase-full .product-shot-panel{width:100%}
.product-commercial-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:22px;
  align-items:stretch;
}
.product-commercial-row .card{height:100%}
.product-commercial-row .price-card{position:static!important}
.product-commercial-row .support-card .card-body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:100%;
}
@media(max-width:760px){
  .product-commercial-row{grid-template-columns:1fr}
}
