/* Ecommerce page, dark pass. Shop demo stays a light storefront. */
.ec{
  --ink:#e7edf5;--ink2:#c5d0de;--mute:#9aa6b4;--line:rgba(255,255,255,.10);
  --paper:#000;--mist:#070b12;--blue:#52a8ff;--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:#b7b7b7;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:#b7b7b7;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:#b7b7b7}
.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:#b7b7b7}
.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:#b7b7b7;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:#b7b7b7}
.ec-o{background:#101826;color:var(--ink);border-color:var(--line)}
.ec-o span{color:var(--mute)}
.ec-o.is-on{background:#1f1f1f;border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.ec-o:hover{border-color:#b7b7b7;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)}
}
.ec{color-scheme:dark}
.ec h1,.ec h2{text-wrap:balance}
.ec-head p,.ec-note,.ec-fit p,.ec-chgrid p,.ec-receive dd,.ec-card>p,.ec-card li,.ec-life p,.ec-route,.ec-examples span,.ec-faq details p{font-size:16px;line-height:1.5}
.ec-iso{display:block;width:100%;height:auto;aspect-ratio:3/1.3;background:#070b12;border:1px solid var(--line)}
.ec-mark{width:48px;height:48px;flex:0 0 48px}
.ec-chgrid article{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;align-items:start}
.ec-chgrid .ec-mark{grid-row:1 / span 2}
.ec-jump{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.ec-jump a,.ec-link{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border:1px solid var(--line);background:#0a0a0a;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.ec-jump a:hover,.ec-link:hover{background:#fff;color:#121212;text-decoration:none}
.ec-examples a{display:flex;flex-direction:column;gap:6px;min-height:44px;color:#ededed}
.ec-examples a span{font-weight:400}
.ec-faq summary{min-height:44px;display:flex;align-items:center}
.ec .we2-seg button{min-height:44px}
.ec .we2-seg button[aria-pressed=true]{background:#fff;color:#121212}
.ec-o{min-height:44px}
.ec a:focus-visible,.ec button:focus-visible,.ec summary:focus-visible,.ec input:focus-visible,.ec textarea:focus-visible{outline:2px solid #52a8ff;outline-offset:2px}
.ec-shot{aspect-ratio:3/1.3}
.ec-demo{min-width:0;width:100%}
.ec-sticky{padding-bottom:env(safe-area-inset-bottom);touch-action:manipulation}
.ec-fit article,.ec-card,.ec-chgrid article{transition:border-color .18s ease}
.ec-fit article:hover,.ec-card:hover,.ec-chgrid article:hover{border-color:rgba(255,255,255,.28)}
@media (prefers-reduced-motion:no-preference){
  .ec-iso{transform-box:fill-box;transform-origin:center;animation:ec-rise .45s ease both}
  @keyframes ec-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media (max-width:1024px) and (orientation:portrait){
  .ec-demo__stage{height:min(320px,42vw)}
}
.ec .we2-btn--primary{background:#fff;border-color:#fff;color:#121212}
.ec .we2-btn--primary:hover{background:#ededed;border-color:#ededed;color:#121212}
.ec h1{font-size:clamp(32px,3.6vw,48px)}
#fit.ec-sec,#delivery.ec-sec{padding-block:clamp(40px,5vh,64px)}
.ec-fit,.ec-size,.ec-mix,.ec-chgrid,.ec-receive,.ec-life,.ec-examples{display:grid;grid-template-columns:1fr;gap:clamp(12px,2.2vw,16px)}
.ec-fit article,.ec-size .ec-card,.ec-mix .ec-card,.ec-chgrid article,.ec-life article,.ec-examples li,.ec-receive div{background:#05080d;border:1px solid var(--line);min-width:0;overflow:hidden}
.ec-fit article,.ec-size .ec-card,.ec-mix .ec-card,.ec-chgrid article{display:flex;flex-direction:column;gap:0;padding:0 0 clamp(20px,2.4vw,24px)}
.ec-iso,.ec-shot,.ec-mark{display:block;width:100%;height:auto;aspect-ratio:3/1.3;flex:none;margin:0;background:#070b12;border:0;border-bottom:1px solid var(--line)}
.ec-chgrid article{grid-template-columns:none}
.ec-chgrid .ec-mark{grid-row:auto}
.ec-fit h3,.ec-size h3,.ec-mix h3,.ec-chgrid h3{margin:10px clamp(16px,2vw,22px) 0;font:400 clamp(1.0625rem,1.2vw,1.125rem)/1.32 var(--font-sans);letter-spacing:-.02em}
.ec-fit p,.ec-size .ec-card>p,.ec-mix .ec-card>p,.ec-chgrid p,.ec-route{margin:10px clamp(16px,2vw,22px) 0;color:#c3c9d1;font-size:16px;line-height:1.5}
.ec-kicker{margin:clamp(14px,2vw,18px) clamp(16px,2vw,22px) 0}
.ec-card ul{margin:8px clamp(16px,2vw,22px) 0}
.ec-link{margin:14px clamp(16px,2vw,22px) 0;align-self:flex-start}
.ec-life article,.ec-receive div,.ec-examples li{padding:clamp(16px,2vw,22px)}
.ec-life h3,.ec-receive dt{margin:0}
.ec-life p,.ec-receive dd{margin:8px 0 0}
.ec-jump{grid-template-columns:1fr 1fr;gap:8px;border-top:0;padding-top:0}
.ec-jump a{justify-content:flex-start;background:#0c121c;color:#ededed}
.ec-jump a:hover{background:#0c121c;color:#ededed;border-color:#fff}
@media (min-width:720px){
  .ec-fit,.ec-size,.ec-mix,.ec-chgrid,.ec-receive,.ec-life,.ec-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,16px)}
}
@media (min-width:1100px){
  .ec-fit,.ec-size,.ec-mix,.ec-chgrid,.ec-receive{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.2vw,16px)}
  .ec-life{grid-template-columns:repeat(4,minmax(0,1fr))}
}