/* Ecommerce extends the existing PresenceOS typography and colour system. */
.commerce-hero{background:#edf3f0;padding:65px 0 75px}.commerce-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:62px;align-items:center}.commerce-hero h1{font-size:clamp(58px,6.2vw,94px);line-height:1.02;margin:22px 0 30px;letter-spacing:-.045em}.commerce-hero h1 em{color:#25624f}.commerce-hero-copy>p{max-width:560px;font-size:18px;line-height:1.65}.commerce-lead{font-size:clamp(22px,2vw,29px)!important;line-height:1.4!important;color:var(--ink)!important}.commerce-hero .button{margin-top:20px;background:#235943;color:white}.commerce-inline{display:block;text-decoration:underline;text-underline-offset:5px;margin:22px 0}.commerce-small{font-size:14px!important;line-height:1.6!important;max-width:550px;color:#53635b}.commerce-hero-visual{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:#153d30;color:white;min-height:620px;display:flex;flex-direction:column;justify-content:flex-end}.commerce-hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65%;z-index:-2}.commerce-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11271eef,transparent 85%);z-index:-1}.commerce-photo-caption{padding:38px}.commerce-photo-caption>span{display:block;font-size:15px;line-height:1.6;margin-bottom:18px}.commerce-photo-caption strong{font:400 clamp(38px,4vw,57px)/1.07 var(--editorial);letter-spacing:-.025em}.commerce-hero-label{padding:22px 38px;background:#dcedaa;color:#253329;display:grid;gap:7px;font-size:14px;line-height:1.5}.commerce-strip{background:#245c46;color:white;padding:25px 0}.commerce-strip>.wrap{display:flex;justify-content:space-between;gap:20px;font-size:16px;line-height:1.5}.commerce-section{padding-top:95px;padding-bottom:95px}.commerce-section h2,.commerce-teaser h2,.commerce-pricing h2,.commerce-closing h2{font-size:clamp(40px,4.5vw,65px);line-height:1.07;margin:20px 0 30px}.commerce-explainer,.commerce-catalogue,.commerce-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.commerce-prose p{font-size:18px;line-height:1.75;margin:0 0 25px}.commerce-inclusions{background:#f5e7d5}.commerce-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:45px}.commerce-card-grid article{padding:34px;background:#fffcf5;border-radius:12px}.commerce-card-grid article>span{font-size:14px;color:#866a44}.commerce-card-grid h3{font-size:24px;line-height:1.3;margin:22px 0 14px}.commerce-card-grid p{font-size:17px;line-height:1.7;margin:0}.commerce-costs{background:#e4eddf}.commerce-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;border-top:1px solid #b4c8ae;padding-top:35px}.commerce-cost-grid h3{font-size:24px;line-height:1.3}.commerce-cost-grid p,.commerce-cost-grid li{font-size:17px;line-height:1.7}.commerce-cost-grid ul{padding-left:22px}.commerce-cost-grid li{margin:14px 0}.commerce-price{font:500 86px/1 var(--display)!important;letter-spacing:-5px;margin:24px 0!important;display:flex;gap:24px;align-items:center}.commerce-price span{font:400 15px/1.5 var(--body);letter-spacing:0}.commerce-steps{display:grid;grid-template-columns:1fr 1fr;gap:38px 60px;margin-top:50px}.commerce-steps article{display:flex;gap:20px}.commerce-steps article>span{font-size:15px;color:#547563;padding-top:4px}.commerce-steps h3{font-size:23px;margin:0 0 14px;line-height:1.3}.commerce-steps p{font-size:17px;line-height:1.7;margin:0}.commerce-faq{border-top:1px solid var(--line)}.commerce-faq details{border-bottom:1px solid #ced7cd}.commerce-faq summary{font-size:18px;line-height:1.5;padding:24px 0;cursor:pointer}.commerce-faq details p{font-size:17px;line-height:1.7;padding:0 0 20px;margin:0}.commerce-closing{background:#243f32;color:white;padding:65px;border-radius:14px;margin-bottom:70px}.commerce-closing .eyebrow,.commerce-closing p,.commerce-closing small{color:#e2ecdd}.commerce-closing .button{background:#dcedaa;color:#20342a;margin:20px 0}.commerce-closing small{display:block;max-width:620px;font-size:14px;line-height:1.6}.commerce-teaser,.commerce-pricing{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;background:#e4eddf;border:1px solid #c9d9c3;border-radius:14px;padding:48px;margin-top:35px;margin-bottom:65px}.commerce-teaser p,.commerce-pricing p{font-size:17px;line-height:1.7}.commerce-teaser-action{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px}.commerce-tag{font-size:14px;font-weight:600;color:#31523e}.commerce-teaser .button,.commerce-pricing .button{background:#245c46;color:#fff}.commerce-teaser h2,.commerce-pricing h2{font-size:clamp(37px,4vw,55px)}.commerce-pricing>div:last-child{align-self:center}.commerce-teaser-action p{margin:0}.commerce-store-note{padding:22px;border:1px solid #b9ceb0;background:#edf4e8;margin:20px 0;border-radius:8px;font-size:16px;line-height:1.6}.commerce-store-note a{text-decoration:underline}
@media(min-width:851px) and (max-width:1100px){.nav nav{gap:18px;font-size:14px}.nav{gap:18px}.commerce-hero-grid{gap:30px}.commerce-hero-visual{min-height:590px}}
@media(max-width:850px){.commerce-hero{padding:38px 0 45px}.commerce-hero-grid,.commerce-explainer,.commerce-catalogue,.commerce-faq,.commerce-teaser,.commerce-pricing{grid-template-columns:1fr;gap:30px}.commerce-hero h1{font-size:clamp(52px,10vw,77px)}.commerce-hero-visual{min-height:440px}.commerce-section{padding-top:60px;padding-bottom:60px}.commerce-strip>.wrap{flex-wrap:wrap;justify-content:flex-start;gap:12px 25px}.commerce-cost-grid{gap:30px}.commerce-teaser,.commerce-pricing{padding:30px;margin-bottom:45px}.commerce-closing{padding:40px 28px}.commerce-card-grid article{padding:27px}.commerce-steps{gap:28px}.commerce-hero-copy .button{max-width:100%;white-space:normal}.commerce-faq{gap:5px}}
@media(max-width:560px){.commerce-card-grid,.commerce-cost-grid,.commerce-steps{grid-template-columns:1fr}.commerce-hero-visual{min-height:390px}.commerce-photo-caption{padding:28px}.commerce-hero-label{padding:20px 28px}.commerce-strip>.wrap{display:grid;font-size:15px}.commerce-price{font-size:74px!important}.commerce-teaser,.commerce-pricing{padding:26px}.commerce-teaser .button,.commerce-pricing .button{white-space:normal}.commerce-section h2{font-size:43px}}
.commerce-options{padding-top:65px;padding-bottom:65px;scroll-margin-top:110px}.commerce-options h2{font-size:clamp(40px,4.5vw,65px);line-height:1.07;margin:20px 0}.commerce-options-intro{max-width:750px;font-size:18px;line-height:1.7}.commerce-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.commerce-options-grid>article{padding:36px;border:1px solid #c3d3bf;border-radius:14px;background:#f1f5ec;display:flex;flex-direction:column;align-items:flex-start}.commerce-options-grid>article.commerce-option-managed{background:#e2eddf}.commerce-options h3{font-size:26px;line-height:1.3;margin:18px 0 0}.commerce-options ul{font-size:17px;line-height:1.6;padding-left:22px;margin-bottom:28px}.commerce-options li{margin:10px 0}.commerce-options .commerce-price{font-size:68px!important;flex-wrap:wrap;gap:14px}.commerce-price>small{font:400 15px/1.4 var(--body);letter-spacing:0}.commerce-options .button{margin-top:auto;background:#245c46;color:white;white-space:normal}.commerce-options .commerce-small{margin-top:18px}.commerce-care-levels{width:100%;border-top:1px solid #bbceb6;margin-bottom:25px}.commerce-care-levels p{margin:16px 0}.commerce-care-levels strong{font-size:16px}.commerce-care-levels span{display:block;font-size:14px;line-height:1.5;margin-top:6px}.commerce-options-terms{max-width:100%;line-height:1.7}.pricing-jump{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.pricing-jump a{padding:13px 19px;border:1px solid #b6c8af;border-radius:40px;font-size:16px}.pricing-jump a[href="#ecommerce-plans"]{background:#e2eddf;color:#23432f}
@media(max-width:780px){.commerce-options-grid{grid-template-columns:1fr}.commerce-options-grid>article{padding:28px}.commerce-options{padding-top:45px;padding-bottom:45px}}
.business-plans-heading{font-size:36px;margin:0 0 25px}