.hs-seo-page #MainContent{--hs-ink:#16202b;--hs-muted:#526071;--hs-orange:#f58220;--hs-line:#e3e7ed;--hs-gutter:24px;box-sizing:border-box;width:100%;max-width:none;background:#f5f6f8;color:var(--hs-ink);padding-bottom:32px}
.hs-seo-page #MainContent>.shopify-section{max-width:none;width:100%;margin-inline:0}
.hs-seo-page #MainContent .page-width{box-sizing:border-box;width:100%;max-width:none!important;padding-inline:var(--hs-gutter)!important}
.hs-seo-page #MainContent .main-page-title{color:var(--hs-ink);font-size:clamp(32px,4vw,58px);line-height:1.13;letter-spacing:-.035em;margin:24px 0 28px;text-wrap:balance}
.hs-seo-page #MainContent .hs-seo-source{width:100%;max-width:none!important;font-family:var(--font-body-family,Arial,sans-serif);font-size:17px;line-height:1.8;color:var(--hs-muted)}
.hs-seo-page #MainContent .hs-seo-source>.hs-seo-legacy-shell,.hs-seo-page #MainContent .hs-seo-group{box-sizing:border-box;max-width:none!important;width:100%!important;margin-inline:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
.hs-seo-page #MainContent .hs-seo-panel{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);width:100%;max-width:none!important;margin:24px 0;padding:clamp(26px,3vw,48px);border:1px solid var(--hs-line);border-radius:26px;background:#fff;box-shadow:0 12px 34px rgb(22 32 43 / 5%);overflow:clip;isolation:isolate}
.hs-seo-page #MainContent .hs-seo-panel.hs-seo-has-image{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.hs-seo-page #MainContent .hs-seo-copy{min-width:0;max-width:none!important;font-family:inherit;color:var(--hs-muted)}
.hs-seo-page #MainContent .hs-seo-copy> :first-child{margin-top:0!important}
.hs-seo-page #MainContent .hs-seo-copy> :last-child{margin-bottom:0!important}
.hs-seo-page #MainContent .hs-seo-copy :is(h2,h3,h4){color:var(--hs-ink)!important;letter-spacing:-.025em;line-height:1.23;text-wrap:balance;overflow-wrap:break-word}
.hs-seo-page #MainContent .hs-seo-copy h2{font-size:clamp(27px,2.5vw,40px)!important;margin:0 0 22px!important}
.hs-seo-page #MainContent .hs-seo-copy h3{font-size:clamp(21px,1.6vw,26px)!important;margin:26px 0 12px!important}
.hs-seo-page #MainContent .hs-seo-copy :is(p,li){font-size:17px!important;line-height:1.85!important;overflow-wrap:break-word}
.hs-seo-page #MainContent .hs-seo-copy p{margin:0 0 20px}
.hs-seo-page #MainContent .hs-seo-copy a:not(.hs-seo-button){color:#943f00;text-decoration-thickness:1px;text-underline-offset:3px}
.hs-seo-page #MainContent .hs-seo-copy ul{padding-inline-start:24px}
.hs-seo-page #MainContent .hs-seo-copy li{padding:5px 0}
.hs-seo-page #MainContent .hs-seo-copy li::marker{color:#a54800}
.hs-seo-page #MainContent .hs-seo-copy :is(table,iframe,video){max-width:100%}
.hs-seo-page #MainContent .hs-seo-copy table{display:block;overflow-x:auto}
.hs-seo-page #MainContent .hs-seo-copy img{max-width:100%;height:auto;border-radius:18px}
.hs-seo-page #MainContent .hs-seo-figure{min-width:0;width:100%;margin:0;padding:0;align-self:stretch;display:flex;align-items:center;justify-content:center;background:#eef1f4;border-radius:20px;overflow:hidden;min-height:360px}
.hs-seo-page #MainContent .hs-seo-figure img{display:block;width:100%;max-width:none!important;height:auto;max-height:580px;object-fit:contain;box-shadow:none;border:0;margin:0}
.hs-seo-page #MainContent .hs-seo-reverse.hs-seo-has-image{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.hs-seo-page #MainContent .hs-seo-reverse>.hs-seo-copy{order:2}
.hs-seo-page #MainContent .hs-seo-reverse>.hs-seo-figure{order:1}
.hs-seo-page #MainContent .hs-seo-panel:nth-of-type(4n){background:#fff8f1;border-color:#efd9c5}
.hs-seo-page #MainContent .hs-seo-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:26px 0 32px}
.hs-seo-page #MainContent .hs-seo-button{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;min-height:54px;padding:14px 26px!important;border:1px solid var(--hs-orange)!important;border-radius:12px!important;background:var(--hs-orange)!important;color:var(--hs-ink)!important;font-size:16px!important;font-weight:700;line-height:1.5;text-decoration:none!important;box-shadow:none!important;text-align:center;white-space:normal;max-width:100%;transition:background .18s ease,border-color .18s ease}
.hs-seo-page #MainContent .hs-seo-button-secondary{border-color:#bdc6d1!important;background:#fff!important}
.hs-seo-page #MainContent .hs-seo-button:hover{background:#ffad65!important;border-color:#ffad65!important}
.hs-seo-page #MainContent :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #a54800;outline-offset:4px}
.hs-seo-page #MainContent .hs-seo-bottom-actions{padding:24px 28px;background:#16202b;border-radius:22px;margin-top:32px}
.hs-seo-page #MainContent .hs-seo-bottom-actions .hs-seo-button-secondary{background:transparent!important;color:#fff!important;border-color:#8190a2!important}
.hs-seo-page #MainContent .hs-seo-existing-layout{box-sizing:border-box;width:100%!important;max-width:none!important;border-radius:26px!important;margin-inline:0!important}
.hs-seo-page #MainContent .hs-seo-existing-layout img{height:auto;max-width:100%;border-radius:18px}
@media(min-width:1600px){.hs-seo-page #MainContent .hs-seo-panel{padding:52px 64px}.hs-seo-page #MainContent .hs-seo-copy :is(p,li){font-size:18px!important}.hs-seo-page #MainContent .hs-seo-figure{min-height:440px}}
@media(max-width:989px){.hs-seo-page #MainContent{--hs-gutter:20px}.hs-seo-page #MainContent .hs-seo-panel{gap:28px;padding:28px}.hs-seo-page #MainContent .hs-seo-figure{min-height:280px}}
@media(max-width:749px){.hs-seo-page #MainContent{--hs-gutter:12px}.hs-seo-page #MainContent .hs-seo-panel,.hs-seo-page #MainContent .hs-seo-panel.hs-seo-has-image,.hs-seo-page #MainContent .hs-seo-reverse.hs-seo-has-image{grid-template-columns:minmax(0,1fr);padding:24px 20px;border-radius:20px;gap:24px;margin:18px 0}.hs-seo-page #MainContent .hs-seo-copy,.hs-seo-page #MainContent .hs-seo-figure{order:initial}.hs-seo-page #MainContent .hs-seo-copy :is(p,li){font-size:16px!important;line-height:1.8!important}.hs-seo-page #MainContent .hs-seo-figure{min-height:240px}.hs-seo-page #MainContent .hs-seo-figure img{max-height:400px}.hs-seo-page #MainContent .hs-seo-actions{gap:12px}.hs-seo-page #MainContent .hs-seo-actions .hs-seo-button{flex:1 1 150px;padding:13px 18px!important}.hs-seo-page #MainContent .hs-seo-bottom-actions{padding:20px}.hs-seo-page #MainContent .main-page-title{margin-top:16px;font-size:34px}}
@media(prefers-reduced-motion:reduce){.hs-seo-page #MainContent *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.hs-seo-page #MainContent .hs-seo-wide-container{box-sizing:border-box;width:100%!important;max-width:none!important}
.hs-seo-page #MainContent .hs-seo-figure>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.hs-seo-page #MainContent .hs-seo-figure{align-self:center}
@media(max-width:749px){
  .hs-seo-page #MainContent :is(.hss-grid,.hss-info-grid,.hss-steps-grid,.hss-faq-grid,.mac-service-grid,.trackpad-grid,.steps-grid,.price-grid,.faq-grid){grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .hs-seo-page #MainContent :is(.hss-card,.hss-info-card,.hss-faq-card,.mac-service-card,.trackpad-card){min-width:0;padding:20px!important}
  .hs-seo-page #MainContent :is(.hss-card,.hss-info-card,.hss-faq-card,.mac-service-card,.trackpad-card) h3{font-size:21px!important;overflow-wrap:anywhere}
  .hs-seo-page #MainContent :is(.hss-card,.hss-info-card,.hss-faq-card,.mac-service-card,.trackpad-card) p{font-size:16px!important;line-height:1.8!important;overflow-wrap:anywhere}
}