.commerce-page{background:#f8f9fb;min-height:100vh}.commerce-nav{border-bottom:1px solid #e4e7ec}.back{color:#667085;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.commerce-hero{grid-template-columns:1fr 430px;align-items:center;gap:90px;padding:110px 0 120px;display:grid}.commerce-hero h1{margin-bottom:28px;font-size:clamp(42px,5.5vw,72px)}.commerce-hero h1 em{color:#06f;font-style:normal}.commerce-lead{color:#667085;max-width:600px;font-size:19px;line-height:1.6}.commerce-visual{color:#fff;background:#06f;border-radius:30px;place-items:center;height:410px;display:grid;position:relative;box-shadow:20px 25px #dce9ff}.commerce-visual span{margin-top:-100px;font-size:24px;font-weight:900}.orbit{color:#06f;background:#fff;border-radius:22px;place-items:center;width:72px;height:72px;display:grid;position:absolute;box-shadow:0 15px 30px #003b9b55}.orbit-one{top:65px;right:45px}.orbit-two{color:#101828;bottom:65px;left:45px}.commerce-intro{color:#fff;background:#101828;padding:100px 0}.intro-inner{grid-template-columns:1fr 1fr;align-items:end;gap:70px;display:grid}.intro-inner h2{letter-spacing:-3px;margin:0;font-size:clamp(42px,5vw,64px);line-height:1}.intro-inner h2 span,.commerce-final h2 span{color:#70a7ff}.intro-inner>p:last-child{color:#b7c0ce;max-width:470px;margin:0;line-height:1.7}.commerce-benefits{padding:120px 0}.benefit-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.benefit-card{background:#fff;border:1px solid #e4e7ec;border-radius:20px;min-height:270px;padding:25px}.benefit-card h3{font-size:20px;line-height:1.15}.benefit-card p,.toolkit-inner>div>p{color:#667085;line-height:1.6}.commerce-toolkit{background:#eaf2ff;padding:100px 0}.toolkit-inner{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.toolkit-inner h2,.commerce-final h2{letter-spacing:-3px;font-size:clamp(42px,5vw,64px);line-height:1}.toolkit-list{gap:15px;display:grid}.toolkit-list div{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;font-weight:900;display:flex}.toolkit-list svg{color:#06f}.commerce-final{text-align:center;padding:120px 0}.commerce-final h2{margin-bottom:35px}.commerce-final .button{margin:auto}.commerce-page .footer{background:#fff}@media (max-width:800px){.commerce-hero,.intro-inner,.toolkit-inner{grid-template-columns:1fr;gap:45px}.commerce-hero{padding:75px 0}.commerce-visual{height:300px}.benefit-grid{grid-template-columns:1fr 1fr}.commerce-benefits,.commerce-final{padding:80px 0}.commerce-nav .back{font-size:12px}}@media (max-width:520px){.benefit-grid{grid-template-columns:1fr}}