/* Base: reset, page defaults */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html{scroll-behavior:smooth}
#builders,#pricing{scroll-margin-top:88px}
#plans{scroll-margin-top:150px}
body{margin:0;font-family:'Inter',system-ui,sans-serif;background:#FBF9F6;color:#1E2433}
*{box-sizing:border-box}
a{text-decoration:none}

/* Boxed page: on screens wider than --page-max the page sits in a centred column
   with a distinct background on both sides (like amazon.com when zoomed out).
   Below --page-max nothing changes. */
:root{--page-max:1600px;--outer-bg:#E6E1D8;--content-max:1464px}
/* Content width incl. 32px gutters: 1464px leaves ~100px of space inside the 1600px page */
.wrap{max-width:var(--content-max)!important}
@media (min-width:1601px){
  body{background:var(--outer-bg)}
  .page{max-width:var(--page-max);margin:0 auto;box-shadow:0 0 0 1px #D9D3C8,0 0 60px rgba(30,36,51,.12)}
}