/* Toolbelt Free Website Preview */
.preview-hero{background:#0b0d0f;color:#fff;padding:104px 0 92px;border-top:1px solid #262a2e}.preview-hero-inner{max-width:980px}.preview-hero h1{font-size:clamp(3.6rem,7vw,6.6rem);max-width:940px;margin:0 0 24px}.preview-hero h1 span{color:var(--accent)}.preview-hero .lead{max-width:760px;color:#c2c6ca;font-size:1.2rem}.preview-proof{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px;color:#fff;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.preview-proof span{display:flex;align-items:center;gap:8px}.preview-proof i{width:10px;height:10px;background:var(--accent);display:block}.preview-actions{margin-top:34px}.preview-process{padding:88px 0}.preview-process-head{max-width:780px;margin-bottom:42px}.preview-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dfe2e4;border-bottom:1px solid #dfe2e4}.preview-step{padding:28px 28px 30px;border-right:1px solid #dfe2e4}.preview-step:last-child{border-right:0}.preview-step-no{font-family:'Roboto Condensed',sans-serif;font-size:2.2rem;font-weight:900;color:var(--accent);line-height:1}.preview-step h3{font-size:1.25rem;margin:18px 0 10px}.preview-step p{margin:0;color:#5d646a;font-size:.92rem}.preview-explainer{background:#f5f3ee;padding:88px 0}.preview-explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.preview-list{display:grid;gap:0;margin-top:26px;border-top:1px solid #d7d3cb}.preview-list div{padding:15px 0;border-bottom:1px solid #d7d3cb;display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}.preview-list b{color:var(--accent);font-size:1rem}.preview-list strong{display:block;font-size:.9rem}.preview-list p{margin:4px 0 0;color:#666a6e;font-size:.83rem}.preview-limit{border-left:4px solid var(--accent);padding:4px 0 4px 20px;margin-top:28px;color:#555b60;font-size:.9rem}.preview-form-section{background:#0b0d0f;color:#fff;padding:92px 0}.preview-form-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:70px;align-items:start}.preview-form-copy h2{margin-bottom:20px}.preview-form-copy .lead{color:#b9bfc4}.preview-form-copy .preview-form-note{margin-top:25px;color:#8f989f;font-size:.8rem}.preview-form{background:#15191d;border:1px solid #2d3338;padding:34px}.preview-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview-form label{display:flex;flex-direction:column;gap:8px;color:#d8dcdf;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.preview-form input,.preview-form select,.preview-form textarea{width:100%;background:#0f1215;border:1px solid #3b4248;color:#fff;padding:13px 14px;font:inherit;font-size:.94rem;border-radius:0;outline:0}.preview-form input:focus,.preview-form select:focus,.preview-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(246,182,21,.1)}.preview-form textarea{resize:vertical;min-height:120px}.preview-form .full{grid-column:1/-1}.preview-file-help{font-size:.7rem!important;color:#8e969d!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}.preview-consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:.78rem!important;line-height:1.5;margin:20px 0}.preview-consent input{width:auto;margin-top:3px}.preview-consent a{color:var(--accent)}.preview-form .btn{width:100%;justify-content:center}.preview-form-error{display:none;margin-top:8px;color:#ffb4b4;font-size:.72rem;text-transform:none;letter-spacing:0}.preview-home-cta{background:#f5f3ee;border-top:1px solid #e6e1d7;border-bottom:1px solid #e6e1d7;padding:62px 0}.preview-home-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:54px;align-items:center}.preview-home-copy h2{margin:0 0 16px;max-width:760px}.preview-home-copy p{max-width:720px;color:#5b6166;margin:0}.preview-home-steps{display:flex;gap:20px;margin-top:25px;flex-wrap:wrap}.preview-home-step{display:flex;align-items:center;gap:9px;color:#252a2e;font-size:.76rem;font-weight:800;text-transform:uppercase}.preview-home-step b{font-family:'Roboto Condensed',sans-serif;color:var(--accent);font-size:1.25rem}.preview-home-action{text-align:left}.preview-home-action .btn{width:100%;justify-content:center}.preview-home-action small{display:block;color:#747a7f;font-size:.7rem;line-height:1.5;margin-top:11px;text-align:center}
@media(max-width:980px){.preview-process-grid{grid-template-columns:1fr 1fr}.preview-step:nth-child(2){border-right:0}.preview-step:nth-child(-n+2){border-bottom:1px solid #dfe2e4}.preview-explainer-grid,.preview-form-layout,.preview-home-grid{grid-template-columns:1fr}.preview-form-layout{gap:38px}.preview-form-copy{max-width:720px}.preview-home-action{max-width:420px}}
@media(max-width:680px){.preview-hero{padding:78px 0 68px}.preview-hero h1{font-size:3.7rem}.preview-process,.preview-explainer,.preview-form-section{padding:68px 0}.preview-process-grid{grid-template-columns:1fr}.preview-step{border-right:0;border-bottom:1px solid #dfe2e4!important;padding:24px 0}.preview-step:last-child{border-bottom:0!important}.preview-explainer-grid{gap:46px}.preview-form{padding:24px 20px}.preview-form-grid{grid-template-columns:1fr}.preview-form .full{grid-column:auto}.preview-home-cta{padding:52px 0}.preview-home-steps{display:grid;gap:9px}.preview-proof{display:grid;gap:9px}}

/* TOOLBELT FREE PREVIEW PAGE POLISH V2 START */

/* Align the hero content to the same global container edge used across Toolbelt.
   The element carries both .container and .preview-hero-inner, so removing the
   old 980px cap prevents the entire content block being centred inward. */
.preview-hero-inner {
  max-width: none;
}

/* Add the supplied bricklaying image with a deliberately dark overlay so the
   typography remains the primary focal point. */
.preview-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #0b0d0f;
}

.preview-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(
      90deg,
      rgba(6, 8, 10, .96) 0%,
      rgba(6, 8, 10, .91) 34%,
      rgba(6, 8, 10, .78) 64%,
      rgba(6, 8, 10, .70) 100%
    ),
    url("../images/free-preview-hero.webp") center 56% / cover no-repeat;
}

.preview-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.20));
  pointer-events: none;
}

.preview-hero .container {
  position: relative;
  z-index: 1;
}

/* Retain readable line lengths now that the hero wrapper itself is full width. */
.preview-hero h1 {
  max-width: 940px;
}

.preview-hero .lead {
  max-width: 760px;
}

/* Match the heading-to-paragraph breathing room used elsewhere on the site. */
.preview-explainer-grid > div:nth-child(2) > .lead {
  margin-top: 24px;
}

@media (max-width: 680px) {
  .preview-hero::before {
    background:
      linear-gradient(
        180deg,
        rgba(6, 8, 10, .82) 0%,
        rgba(6, 8, 10, .88) 48%,
        rgba(6, 8, 10, .97) 100%
      ),
      url("../images/free-preview-hero.webp") 62% center / cover no-repeat;
  }

  .preview-explainer-grid > div:nth-child(2) > .lead {
    margin-top: 20px;
  }
}

/* TOOLBELT FREE PREVIEW PAGE POLISH V2 END */

/* TOOLBELT FREE PREVIEW PROCESS SPACING V1 START */
.preview-process-head .lead {
  margin-top: 24px;
}
/* TOOLBELT FREE PREVIEW PROCESS SPACING V1 END */