.commerce-hero,.commerce-section{--ink:#251834;--accent:#7041cf;color:var(--ink);font-family:inherit}
.commerce-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding:85px max(6vw,24px);background:radial-gradient(ellipse at 85% 40%,#e5d8ff,transparent 55%),#faf8ff;overflow:hidden}
.commerce-kicker{font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#7951a0}
.commerce-copy h1{font-size:clamp(2.8rem,5.1vw,5rem);line-height:1.04;letter-spacing:-.055em;font-weight:850;margin:22px 0}
.commerce-copy h1 em{font-style:normal;color:#7041cf}.commerce-copy>p{max-width:570px;color:#6d6175;line-height:1.75;font-size:1.1rem}
.commerce-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 16px}.commerce-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#7041cf;color:white;border:1px solid transparent;border-radius:14px;padding:15px 22px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s;cursor:pointer}
.commerce-button:hover{color:white;transform:translateY(-2px);box-shadow:0 10px 24px #7041cf30}.commerce-button.secondary{background:white;color:#38204b;border-color:#ded4eb}.commerce-fine{font-size:.82rem!important}.commerce-promises{display:flex;flex-wrap:wrap;gap:20px;font-size:.8rem;margin-top:24px}.commerce-promises i{color:#7041cf;margin-right:6px}
.commerce-stage{position:relative;display:grid;place-items:center;min-height:490px}.commerce-orbit{position:absolute;width:440px;height:440px;border:1px solid #ccb7e5;border-radius:50%}
.commerce-phone{width:290px;padding:30px 20px 20px;border:8px solid #2a1b3a;border-radius:38px;background:#fff;box-shadow:25px 30px 70px #50376c30;transform:rotate(5deg);position:relative}
.commerce-phone h2{font-size:2rem;font-weight:850;letter-spacing:-.04em;margin:15px 0}.commerce-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:8px}.commerce-mosaic span{height:100px;background:#e5d6fd;display:grid;place-items:center;border-radius:14px;font-size:2rem;color:#7041cf}.commerce-mosaic span:nth-child(2){background:#ffe9c6;color:#936229}.commerce-mosaic span:nth-child(3){background:#d9eee7;color:#317f66}.commerce-phone-action{display:block;background:#7041cf;color:white;text-align:center;border-radius:12px;padding:12px;margin:14px 0}.commerce-phone small{display:block;text-align:center;color:#7b6d84;font-size:.64rem}
.commerce-float{position:absolute;top:55px;left:-10px;display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #eee4f6;background:#ffffffed;border-radius:18px;box-shadow:0 15px 30px #35204116}.commerce-float i{color:#7041cf;font-size:1.6rem}.commerce-float small{display:block;color:#7b6d84}.commerce-float.bottom{top:auto;bottom:25px;left:auto;right:-10px}
.commerce-section{padding:75px max(6vw,24px);background:#fff}.commerce-heading{max-width:740px;margin:0 auto 36px;text-align:center}.commerce-heading h2,.commerce-offer h2{font-size:clamp(2rem,3.5vw,3.2rem);letter-spacing:-.045em;font-weight:850;margin:12px 0}.commerce-heading p{color:#796c81}
.commerce-types{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.commerce-type,.commerce-types article{padding:28px 24px;border:1px solid #e9e1f1;border-radius:24px;background:#fcfaff;color:#30203f;text-decoration:none;transition:transform .2s,border-color .2s}.commerce-type:hover{transform:translateY(-5px);border-color:#9466d0;color:#30203f}.commerce-type>i{font-size:1.7rem;color:#7041cf;margin-bottom:30px}.commerce-type h3,.commerce-types h3{font-size:1.15rem;font-weight:800}.commerce-type p,.commerce-types p{color:#7b6d84;font-size:.92rem}.commerce-type>span{font-size:.8rem;font-weight:750;color:#7041cf}.commerce-types.steps{grid-template-columns:repeat(3,1fr)}.steps b{display:block;font-size:2.2rem;color:#c0a1e8;margin-bottom:20px}
.commerce-demo{background:#241730;color:#fff}.commerce-demo .commerce-kicker{color:#e0bd76}.commerce-demo .commerce-heading p{color:#c8bad3}.commerce-demo-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:30px}.commerce-demo-tabs button{border:1px solid #756080;border-radius:30px;padding:11px 20px;color:white;background:transparent}.commerce-demo-tabs button[aria-pressed=true]{background:#e6d7fa;color:#352045;border-color:transparent}
.commerce-demo-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1050px;margin:auto;min-height:300px}.commerce-demo-panel[hidden]{display:none}.commerce-demo-panel h3{font-size:2rem;letter-spacing:-.03em;font-weight:800}.commerce-demo-panel p{color:#c8bad3;line-height:1.7}.commerce-demo-panel [role=status]{font-size:.8rem;margin-top:16px}
.commerce-demo-wall{display:grid;grid-template-columns:1fr 1fr;gap:12px}.commerce-demo-wall span{background:#dac7f4;color:#573c6c;border-radius:20px;min-height:135px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:15px}.commerce-demo-wall span:nth-child(2n){background:#f6dbab;transform:rotate(3deg)}.commerce-demo-wall i{font-size:2rem}.commerce-ticket,.commerce-race{background:#faf6ff;color:#30203f;border-radius:25px;padding:32px;box-shadow:0 22px 40px #0002}.commerce-ticket>i{display:block;font-size:3rem;color:#7041cf;margin:25px 0}.commerce-ticket p{color:#796c81}.commerce-ticket small,.commerce-race small{font-size:.65rem;letter-spacing:.12em}.commerce-race svg{width:100%;height:auto}.commerce-race div{display:flex;justify-content:space-between;font-size:.8rem}
.commerce-offer{background:#f4eefb;display:grid;grid-template-columns:1fr 1.5fr;gap:45px;align-items:center}.commerce-offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.commerce-offer article{background:white;padding:28px;border-radius:22px;border:1px solid #e6dced}.commerce-offer small{font-size:.65rem;letter-spacing:.12em;color:#7951a0}.commerce-offer h3{font-size:1.3rem;margin-top:12px;font-weight:800}.commerce-price{font-size:2.3rem;display:block;letter-spacing:-.04em}.commerce-offer p{color:#7b6d84}.commerce-review{margin-top:25px;border:1px solid #e3d7ee;border-radius:18px;padding:20px}.commerce-review summary{font-weight:750;cursor:pointer;color:#7041cf}
.commerce-button:focus-visible,.commerce-type:focus-visible,.commerce-demo-tabs button:focus-visible{outline:3px solid #c39031;outline-offset:4px}
@media(max-width:950px){.commerce-hero{grid-template-columns:1fr;padding-top:45px}.commerce-stage{min-height:490px;max-width:500px;width:100%;margin:auto}.commerce-types{grid-template-columns:1fr 1fr}.commerce-offer{grid-template-columns:1fr}}
@media(max-width:600px){.commerce-copy h1{font-size:2.9rem}.commerce-actions .commerce-button{width:100%}.commerce-section{padding:48px 20px}.commerce-types,.commerce-types.steps,.commerce-demo-panel{grid-template-columns:1fr}.commerce-demo-panel{gap:25px}.commerce-stage{transform:scale(.88);margin-block:-25px}.commerce-float{left:-15px;font-size:.75rem}.commerce-float.bottom{right:-15px}.commerce-orbit{width:330px;height:330px}}
@media(prefers-reduced-motion:reduce){.commerce-button,.commerce-type{transition:none}}