/* Ecommerce page, dark pass. Shop demo stays a light storefront. */
.ec{
  --ink:#e7edf5;--ink2:#c5d0de;--mute:#9aa6b4;--line:rgba(219,229,242,.16);
  --paper:#000;--mist:#070b12;--blue:#1466ff;--blue-d:#0a49c4;
  background:#000;color:var(--ink);
}
.ec .we2-hero,.ec-hero{background:#000;padding-block:18px 8px}
.ec .we2-lead,.ec .we2-sub{color:var(--ink2)}
.ec .we2-btn--ghost{border-color:var(--line);color:var(--ink);background:transparent}
.ec .we2-btn--ghost:hover{background:#fff;color:#000}
.ec .we2-actions{margin-top:16px}
.ec h1{font-size:clamp(32px,4vw,52px);margin-bottom:14px}
.ec-trio{margin-top:16px;border-top-color:var(--line);max-width:none}
.ec-trio li{color:var(--mute);padding-top:10px}
.ec-trio b{color:#9ec0ff;letter-spacing:.04em}
.ec-jump{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.ec-jump a,.ec-link,.ec-faq a{color:#9ec0ff;font-weight:600;text-decoration:none}
.ec-jump a:hover,.ec-link:hover{text-decoration:underline}
.ec-demo{border-color:var(--line);box-shadow:none;background:#0c121c}
.ec-demo__bar{background:#101826;border-bottom-color:var(--line)}
.ec-demo__url,.ec-demo__note{background:#0c121c;color:var(--mute);border-color:var(--line)}
.ec .we2-seg{border-color:var(--line)}
.ec .we2-seg button{background:#101826;color:#e7edf5}
.ec .we2-seg button[aria-pressed=true]{background:var(--blue);color:#fff}
.ec-demo__stage{height:clamp(300px,34vw,400px);background:#070b12}
.ec-sec,.ec-plan{padding:22px 0 18px;border-top:1px solid var(--line);scroll-margin-top:72px}
.ec-head{display:grid;gap:6px;margin-bottom:12px;max-width:46rem}
.ec-head h2,.ec h2{font:600 clamp(24px,2.4vw,32px)/1.15 var(--font-sans);letter-spacing:-.02em;max-width:36ch;margin:0}
.ec-head p,.ec-note{margin:0;color:var(--mute);font-size:15.5px;line-height:1.45}
.ec-note{margin-top:10px;max-width:62ch}
.ec h3{font:600 17px/1.3 var(--font-sans);margin:0}
.ec-kicker{margin:0;font:500 12px/1.4 var(--font-mono);color:#9ec0ff}
.ec-fit,.ec-chgrid,.ec-receive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ec-size,.ec-mix,.ec-life{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ec-life{grid-template-columns:repeat(4,minmax(0,1fr))}
.ec-fit article,.ec-chgrid article,.ec-receive div,.ec-card,.ec-life article{
  background:#0c121c;border:1px solid var(--line);padding:12px 14px;min-width:0;
  display:flex;flex-direction:column;gap:6px;
}
.ec-fit p,.ec-chgrid p,.ec-receive dd,.ec-card>p,.ec-card li,.ec-life p,.ec-route{color:var(--ink2);font-size:14.5px;line-height:1.45;margin:0}
.ec-receive dt{font-weight:600}
.ec-card ul,.ec-life p b{color:var(--ink)}
.ec-card ul{list-style:none;padding:0;display:grid;gap:4px}
.ec-card li{padding-left:12px;position:relative}
.ec-card li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;background:#9ec0ff}
.ec-shot{aspect-ratio:2/1;background:#070b12;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}
.ec-shot img{width:100%;height:100%;object-fit:contain;padding:8px}
.ec-shot--photo img{object-fit:cover;padding:0}
.ec-link{margin-top:auto}
.ec-examples{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ec-examples li{display:grid;gap:2px;background:#0c121c;border:1px solid var(--line);padding:12px 14px}
.ec-examples a{font-weight:600;color:#9ec0ff;text-decoration:none}
.ec-examples a:hover{text-decoration:underline}
.ec-examples span{color:var(--ink2);font-size:14.5px;line-height:1.45}
.ec-faq{border:1px solid var(--line);background:#0c121c}
.ec-faq details{border-top:1px solid var(--line)}
.ec-faq details:first-child{border-top:0}
.ec-faq summary{cursor:pointer;padding:12px 14px;font-weight:600}
.ec-faq details p{padding:0 14px 12px;color:var(--ink2);line-height:1.5;max-width:70ch}
.ec-plan{background:#000}
.ec-wiz,.ec-sum{background:#0c121c;border-color:var(--line);box-shadow:none;color:var(--ink)}
.ec-wiz__bar{background:#1a2433}
.ec-wiz__step,.ec-sum__h{color:#9ec0ff}
.ec-o{background:#101826;color:var(--ink);border-color:var(--line)}
.ec-o span{color:var(--mute)}
.ec-o.is-on{background:#102448;border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.ec-o:hover{border-color:#9ec0ff;transform:none}
.ec-res{background:#101826;border-left-color:var(--blue)}
.ec-res p,.ec-res__inc li,.ec-res__ask{color:var(--ink2)}
.ec-res__inc li{border-top-color:var(--line)}
.ec-res__form input,.ec-res__form textarea{background:#070b12;color:var(--ink);border-color:#3a4a62}
.ec-sum li{border-top-color:var(--line)}
.ec-sum__why li{color:var(--ink2)}
.ec-final{background:#070b12;color:var(--ink);padding:28px 0;border-top:1px solid var(--line)}
.ec-final h2{color:var(--ink);font-size:clamp(24px,2.4vw,32px)}
.ec-final p{color:var(--ink2);margin-top:6px}
.ec-sticky{background:rgba(7,11,18,.96);border-top:1px solid var(--line);box-shadow:none}
@media (min-width:1001px) and (min-height:700px){
  .ec .we2-sec,.ec .ec-plan,.ec .ec-sec,.ec .ec-final{min-height:0;display:block;align-content:start}
}
@media (max-width:1100px){
  .ec-life{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ec-fit,.ec-chgrid,.ec-receive,.ec-size{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .ec-hero__grid,.ec-mix,.ec-final__row{grid-template-columns:minmax(0,1fr)}
  .ec-final__row{display:grid;gap:12px}
  .ec-trio{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .ec-fit,.ec-chgrid,.ec-receive,.ec-size,.ec-life,.ec-examples,.ec-mix{grid-template-columns:minmax(0,1fr)}
}