.ecommerce-hero{display:grid;align-items:center;min-height:calc(100svh - var(--site-header-height) - 2rem);padding-block:3.5rem;color:#fff;background:linear-gradient(120deg,var(--color-primary-dark),var(--color-primary))}.ecommerce-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem}.ecommerce-hero h1,.ecommerce-section-head h2{margin:0;font-family:var(--font-secondary);font-weight:600;letter-spacing:0;line-height:1.12;overflow-wrap:break-word}.ecommerce-hero h1{font-size:3.25rem}.ecommerce-nowrap{white-space:nowrap}.ecommerce-hero-copy>p:not(.contact-kicker){max-width:38rem;margin:1.25rem 0 0;color:#d5dfe8;line-height:1.7}.ecommerce-hero-copy>.ecommerce-location{font-size:.875rem;color:#a9c5d3}.ecommerce-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem}.ecommerce-actions .btn{white-space:normal;text-align:center}.ecommerce-hero .ecommerce-actions .btn{border:1px solid rgba(47,200,180,.65)}.ecommerce-demo-link{display:inline-flex;align-items:center;gap:.65rem;color:#fff;font-weight:600}.ecommerce-demo-link:hover{color:var(--color-accent-bright)}.ecommerce-demo-link i{font-size:.8rem}.ecommerce-assurances{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding:0;margin:1rem 0 0;list-style:none;color:#c0d9de;font-size:.8rem}.ecommerce-assurances li:before{content:"✓";margin-right:.45rem;color:var(--color-accent)}.ecommerce-demo{min-width:0;margin:0;scroll-margin-top:8rem}.ecommerce-demo>a{display:block;overflow:hidden;border:1px solid #53687b;border-radius:8px;background:#fff;transition:border-color .2s ease}.ecommerce-demo>a:hover{border-color:var(--color-accent)}.ecommerce-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem;color:#536071;background:#f5f7f8;font-size:.7rem;line-height:1.3}.ecommerce-browser-bar>span{display:flex;gap:.28rem}.ecommerce-browser-bar b{display:block;width:.4rem;aspect-ratio:1;border-radius:50%;background:#c1ccd2}.ecommerce-demo img{width:100%;height:auto;aspect-ratio:1200 / 833}.ecommerce-demo figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;margin-top:.9rem;color:#c0d0db;font-size:.75rem}.ecommerce-demo figcaption strong{color:#fff;font-weight:500}.ecommerce-page .ecommerce-features,.ecommerce-page .ecommerce-method,.ecommerce-page .ecommerce-faq{padding-block:4.5rem}.ecommerce-section-head{max-width:50rem;margin-bottom:2rem}.ecommerce-section-head h2{color:var(--color-dark);font-size:2.25rem}.ecommerce-section-head>p:last-child{margin:1rem 0 0;color:#536071;line-height:1.7}.ecommerce-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.ecommerce-feature{padding:1.65rem;border:1px solid #dde5e8;border-radius:8px;background:#fff}.ecommerce-feature>i{margin-bottom:1.25rem}.ecommerce-feature h3,.ecommerce-steps h3{margin:0;font-family:var(--font-secondary);color:var(--color-dark);font-size:1.05rem;font-weight:600;line-height:1.4}.ecommerce-feature p,.ecommerce-steps p{margin:.75rem 0 0;color:#536071;font-size:.95rem;line-height:1.7}.ecommerce-features{background:var(--color-light)}.ecommerce-method-grid,.ecommerce-faq-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:4rem}.ecommerce-steps{list-style:none;padding:0;margin:0}.ecommerce-steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding:1.25rem 0;border-top:1px solid #dbe3e7}.ecommerce-steps li:first-child{padding-top:0;border-top:0}.ecommerce-steps li>span{font-family:var(--font-secondary);color:#078477;font-size:.9rem}.ecommerce-faq{background:var(--color-light)}.ecommerce-faq details{border-bottom:1px solid #dbe3e7}.ecommerce-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;list-style:none;cursor:pointer;font-weight:600;color:var(--color-primary);line-height:1.5}.ecommerce-faq summary::-webkit-details-marker{display:none}.ecommerce-faq summary i{flex:0 0 auto;font-size:.8rem;color:#078477;transition:transform .2s ease}.ecommerce-faq details[open] summary i{transform:rotate(45deg)}.ecommerce-faq details p{margin:0 0 1.25rem;color:#536071;font-size:.95rem}@media(max-width:1100px){.ecommerce-hero-grid{gap:2rem}.ecommerce-hero h1{font-size:2.75rem}.ecommerce-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.ecommerce-hero-grid{grid-template-columns:1fr;gap:2.5rem}.ecommerce-hero{min-height:auto;padding-block:3rem}.ecommerce-demo{width:min(100%,40rem)}.ecommerce-method-grid,.ecommerce-faq-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:540px){.ecommerce-hero h1{font-size:2.15rem}.ecommerce-section-head h2{font-size:1.75rem}.ecommerce-feature-grid{grid-template-columns:1fr}.ecommerce-page .ecommerce-features,.ecommerce-page .ecommerce-method,.ecommerce-page .ecommerce-faq{padding-block:3rem}.ecommerce-actions{align-items:flex-start;flex-direction:column}.ecommerce-actions .btn{width:100%}.ecommerce-demo figcaption{flex-direction:column}}@media(prefers-reduced-motion:reduce){.ecommerce-faq summary i{transition:none}}