:root { --ec-ink:#171331; --ec-purple:#6336e4; --ec-coral:#ff5e67; --ec-cyan:#28d7e5; --ec-yellow:#ffd447; --ec-soft:#f6f3ff; }
.commerce-kicker { color:var(--ec-yellow); font-size:.75rem; font-weight:850; letter-spacing:.18em; text-transform:uppercase; }
.commerce-kicker--dark { color:var(--ec-purple); }

.commerce-hero { background:linear-gradient(135deg,#171331 10%,#3d1c89 58%,#112b4c); min-height:96vh; overflow:hidden; position:relative; }
.commerce-hero__orb { border-radius:50%; filter:blur(4px); opacity:.42; position:absolute; }
.commerce-hero__orb--one { background:var(--ec-coral); height:420px; right:-110px; top:90px; width:420px; }
.commerce-hero__orb--two { background:var(--ec-cyan); bottom:-220px; height:520px; left:28%; width:520px; }
.commerce-hero__content { padding-bottom:90px; padding-top:185px; position:relative; z-index:1; }
.commerce-hero h1 { font-size:clamp(3rem,7vw,6.5rem); font-weight:740; letter-spacing:-.06em; line-height:.93; margin:22px 0 0; max-width:900px; }
.commerce-hero h1 em { color:var(--ec-yellow); font-style:normal; }
.commerce-hero__lead { font-size:clamp(1.05rem,2vw,1.3rem); line-height:1.7; margin-top:30px; max-width:750px; opacity:.82; }
.commerce-hero .uk-button-primary { background:var(--ec-coral); }
.commerce-hero .uk-button-primary:hover { background:#ff7a81; }
.commerce-hero__tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.commerce-hero__tags span { background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.16); border-radius:24px; font-size:.72rem; padding:8px 14px; }

.commerce-store { background:#fff; border:1px solid rgba(255,255,255,.3); border-radius:22px; box-shadow:0 35px 90px rgba(9,5,28,.5); color:var(--ec-ink); margin-left:auto; max-width:410px; overflow:visible; position:relative; transform:rotate(2deg); }
.commerce-store__nav { align-items:center; display:flex; gap:13px; height:50px; padding:0 17px; }
.commerce-store__nav strong { font-size:.68rem; margin-right:auto; letter-spacing:.1em; }
.commerce-store__nav i { background:#d8d6e2; border-radius:3px; height:5px; width:24px; }
.commerce-store__visual { border-radius:0; height:230px; overflow:hidden; }
.commerce-store__visual img { height:100%; object-fit:cover; width:100%; }
.commerce-store__details { padding:25px; }
.commerce-store__details small { color:var(--ec-purple); font-size:.62rem; font-weight:850; letter-spacing:.14em; }
.commerce-store__details h2 { color:var(--ec-ink); font-size:1.55rem; line-height:1.08; margin:10px 0 22px; }
.commerce-store__details > div { align-items:center; display:flex; justify-content:space-between; }
.commerce-store__details span { color:#706c7f; font-size:.7rem; }
.commerce-store__details button { background:var(--ec-ink); border:0; border-radius:20px; color:#fff; font-size:.7rem; padding:10px 17px; }
.commerce-store__toast { align-items:center; background:var(--ec-yellow); border-radius:12px; bottom:72px; box-shadow:0 15px 40px rgba(0,0,0,.25); display:flex; gap:10px; left:-54px; padding:13px 17px; position:absolute; transform:rotate(-4deg); }
.commerce-store__toast b,.commerce-store__toast small { display:block; }
.commerce-store__toast b { font-size:.72rem; }.commerce-store__toast small { font-size:.6rem; opacity:.7; }

.commerce-loop h2,.commerce-process h2,.commerce-faq h2 { color:var(--ec-ink); }
.commerce-loop__track { display:grid; gap:16px; grid-template-columns:repeat(4,1fr); }
.commerce-loop__track article { border:1px solid #e1dff0; border-radius:18px; padding:28px; position:relative; }
.commerce-loop__track article > b { color:#aca8bb; font-size:.68rem; letter-spacing:.12em; position:absolute; right:20px; top:18px; }
.commerce-loop__track .uk-icon { align-items:center; background:var(--ec-soft); border-radius:12px; color:var(--ec-purple); display:flex; height:48px; justify-content:center; width:48px; }
.commerce-loop__track h3 { color:var(--ec-ink); margin-top:24px; }.commerce-loop__track p { line-height:1.7; }

.commerce-capabilities { background:var(--ec-soft); }
.commerce-capabilities h2 { color:var(--ec-ink); }
.commerce-bento { display:grid; gap:16px; grid-template-columns:repeat(3,1fr); }
.commerce-bento article { border-radius:20px; min-height:245px; overflow:hidden; padding:30px; position:relative; }
.commerce-bento h3 { color:var(--ec-ink); font-size:1.35rem; margin:20px 0 11px; }.commerce-bento p { line-height:1.65; }
.commerce-bento__wide { align-items:center; background:#fff; display:grid; gap:30px; grid-column:span 2; grid-template-columns:1.3fr 1fr; }
.commerce-chip { background:var(--ec-purple); border-radius:20px; color:#fff; display:inline-block; font-size:.62rem; font-weight:800; letter-spacing:.1em; padding:7px 12px; text-transform:uppercase; }
.commerce-chip--coral { background:var(--ec-coral); }
.commerce-categories { display:grid; gap:9px; grid-template-columns:1fr 1fr; transform:rotate(3deg); }
.commerce-categories i { background:var(--ec-soft); border-radius:10px; color:var(--ec-purple); font-size:.75rem; font-style:normal; font-weight:700; padding:22px 8px; text-align:center; }
.commerce-bento__cyan { background:var(--ec-cyan); }.commerce-bento__yellow { background:var(--ec-yellow); }
.commerce-bento__image { grid-row:span 2; min-height:506px!important; padding:0!important; }
.commerce-bento__image img { height:100%; object-fit:cover; position:absolute; width:100%; }
.commerce-bento__image::after { background:linear-gradient(transparent,rgba(23,19,49,.92)); content:''; inset:0; position:absolute; }
.commerce-bento__image > div { bottom:22px; left:25px; position:absolute; right:25px; z-index:1; }.commerce-bento__image h3 { color:#fff; }
.commerce-bento__dark { background:var(--ec-ink); color:rgba(255,255,255,.75); }.commerce-bento__dark h3 { color:#fff; }.commerce-bento__dark .uk-icon { color:var(--ec-yellow); }
.commerce-bento__light { background:#fff; }.commerce-bento__light .uk-icon { color:var(--ec-purple); }

.commerce-control { background:var(--ec-ink) url('../img/After-Sales-Support-Dashboard-Collaboration.jpg') center/cover no-repeat; overflow:hidden; position:relative; }
.commerce-control__overlay { background:linear-gradient(105deg,rgba(23,19,49,.98),rgba(23,19,49,.82)); inset:0; position:absolute; }.commerce-control__content { position:relative; z-index:1; }
.commerce-checks { list-style:none; margin:30px 0 0; padding:0; }.commerce-checks li { align-items:flex-start; display:flex; gap:12px; margin-top:15px; }.commerce-checks .uk-icon { color:var(--ec-yellow); flex:0 0 auto; }
.commerce-dashboard { background:#fff; border-radius:20px; box-shadow:0 35px 80px rgba(0,0,0,.4); color:var(--ec-ink); padding:25px; transform:rotate(1.5deg); }
.commerce-dashboard__head { align-items:center; display:flex; justify-content:space-between; }.commerce-dashboard__head span { background:var(--ec-soft); border-radius:18px; color:var(--ec-purple); font-size:.7rem; padding:7px 12px; }
.commerce-dashboard__cards { display:grid; gap:12px; grid-template-columns:1fr 1fr; margin-top:23px; }.commerce-dashboard__cards div { background:#f5f3fa; border-radius:12px; padding:17px; }.commerce-dashboard__cards small,.commerce-dashboard__cards strong { display:block; }.commerce-dashboard__cards small { color:#8a849a; }.commerce-dashboard__cards strong { font-size:.9rem; margin-top:6px; }
.commerce-dashboard__chart { align-items:end; background:#faf9fc; border-radius:12px; display:flex; gap:8px; height:150px; margin-top:12px; padding:18px; }.commerce-dashboard__chart i { background:linear-gradient(var(--ec-coral),var(--ec-purple)); border-radius:5px 5px 0 0; flex:1; height:42%; }.commerce-dashboard__chart i:nth-child(2){height:65%}.commerce-dashboard__chart i:nth-child(3){height:52%}.commerce-dashboard__chart i:nth-child(4){height:82%}.commerce-dashboard__chart i:nth-child(5){height:70%}.commerce-dashboard__chart i:nth-child(6){height:94%}.commerce-dashboard__chart i:nth-child(7){height:76%}
.commerce-dashboard__rows { display:grid; gap:8px; margin-top:12px; }.commerce-dashboard__rows span { align-items:center; border-bottom:1px solid #eeeaf3; display:flex; font-size:.72rem; gap:8px; padding:10px 2px; }.commerce-dashboard__rows i { background:var(--ec-cyan); border-radius:50%; height:7px; width:7px; }.commerce-dashboard__rows b { color:var(--ec-purple); font-size:.64rem; margin-left:auto; }

.commerce-process__grid article { border-top:4px solid var(--ec-purple); padding:28px 5px; }.commerce-process__grid article:nth-child(2){border-color:var(--ec-coral)}.commerce-process__grid article:nth-child(3){border-color:var(--ec-cyan)}.commerce-process__grid article:nth-child(4){border-color:var(--ec-yellow)}
.commerce-process__grid span { color:#a19cad; font-size:.7rem; font-weight:800; letter-spacing:.13em; }.commerce-process__grid h3 { color:var(--ec-ink); margin-top:22px; }.commerce-process__grid p { line-height:1.7; }

.commerce-faq { background:#f6f4fb; }.commerce-accordion > li { border-bottom:1px solid #ded9eb; padding:18px 4px; }.commerce-accordion .uk-accordion-title { color:var(--ec-ink); font-size:1.15rem; font-weight:700; }.commerce-accordion .uk-accordion-content { color:#5f5a6d; line-height:1.75; }

.commerce-contact { background:linear-gradient(135deg,#3e1d91,#171331 72%); color:rgba(255,255,255,.78); }.commerce-contact h2 { color:#fff; }.commerce-contact__note { align-items:flex-start; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:13px; display:flex; gap:13px; margin-top:30px; padding:18px; }.commerce-contact__note .uk-icon { color:var(--ec-yellow); }.commerce-contact__note p { margin:0; }.commerce-contact .uk-card { border-radius:18px; }

@media(max-width:959px){.commerce-store{margin:55px auto 0}.commerce-loop__track{grid-template-columns:1fr 1fr}.commerce-bento{grid-template-columns:1fr 1fr}.commerce-bento__image{grid-row:auto}.commerce-dashboard{margin-top:35px}}
@media(max-width:639px){.commerce-hero__content{padding-top:145px}.commerce-hero h1{font-size:clamp(3rem,14vw,4.3rem)}.commerce-store{transform:none}.commerce-store__toast{bottom:60px;left:-8px}.commerce-loop__track,.commerce-bento{grid-template-columns:1fr}.commerce-bento__wide{grid-column:auto;grid-template-columns:1fr}.commerce-bento__image{min-height:380px!important}.commerce-dashboard{transform:none}}