
:root{--jade-green:#0d3f23;--jade-green-2:#1f7a43;--jade-lime:#72cf79;--jade-ink:#07100b;--jade-copy:#344239;--jade-soft:#f5f8f5;--jade-border:#dbe5dd;--jade-white:#fff;--jade-shadow:0 20px 60px rgba(4,20,11,.12)}
.jade-page{font-family:Inter,Lato,Arial,sans-serif;color:var(--jade-ink);background:#fff;line-height:1.55;overflow:hidden;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.jade-page *{box-sizing:border-box}.jade-page a{text-decoration:none}.jade-wrap{max-width:1220px;margin:0 auto;padding-left:28px;padding-right:28px}.jade-section{padding-top:92px!important;padding-bottom:92px!important}.jade-eyebrow{font-size:.8rem!important;letter-spacing:.12em;text-transform:uppercase;color:var(--jade-green-2);font-weight:800;margin-bottom:10px!important}.jade-section-title{font-size:clamp(2rem,4vw,3.4rem)!important;line-height:1.05!important;letter-spacing:-.04em;margin:0 0 18px!important}.jade-section-copy{max-width:760px;margin:0 auto!important;color:#56645b;font-size:1.05rem!important}.jade-center{text-align:center}.jade-header{background:#fff;border-bottom:1px solid #edf1ee;position:relative;z-index:10}.jade-header-inner{max-width:1220px;margin:0 auto;padding:14px 28px!important;display:flex;align-items:center;gap:24px;justify-content:space-between}.jade-header-logo img{width:235px!important;height:auto!important}.jade-header .wp-block-navigation{font-size:.92rem;font-weight:700}.jade-header .wp-block-navigation a{color:#1b261f}.jade-header .wp-block-navigation a:hover{color:var(--jade-green-2)}
.jade-btn .wp-block-button__link,.jade-page .wp-element-button{border-radius:5px!important;padding:14px 24px!important;font-weight:800!important;font-size:.95rem!important;transition:.2s ease;background:var(--jade-green-2)!important;color:#fff!important;border:1px solid var(--jade-green-2)!important}.jade-btn .wp-block-button__link:hover,.jade-page .wp-element-button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 10px 24px rgba(31,122,67,.2)}.jade-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important}.jade-btn-outline-dark .wp-block-button__link{background:#fff!important;color:var(--jade-green)!important;border:1px solid var(--jade-green)!important}
.jade-hero{min-height:650px!important;background-position:center!important;background-size:cover!important;display:flex;align-items:center}.jade-hero .wp-block-cover__inner-container{width:100%}.jade-hero-inner{max-width:1220px;margin:0 auto;padding:88px 28px!important}.jade-hero-copy{max-width:660px}.jade-hero h1{font-size:clamp(3rem,6vw,5.2rem)!important;line-height:.98!important;letter-spacing:-.055em;color:#fff;margin:0 0 24px!important}.jade-accent{color:var(--jade-lime)}.jade-hero p{color:#e4eee7;font-size:1.18rem!important;max-width:620px;margin-bottom:30px!important}.jade-hero-benefits{margin-top:54px!important;gap:28px}.jade-benefit{display:flex;align-items:flex-start;gap:14px;color:#fff}.jade-benefit img{width:34px!important;height:34px!important;filter:brightness(0) saturate(100%) invert(77%) sepia(31%) saturate(816%) hue-rotate(69deg) brightness(94%)}.jade-benefit strong{display:block;font-size:.95rem}.jade-benefit span{display:block;color:#cfe0d3;font-size:.85rem}
.jade-products{background:#fff}.jade-product-grid{gap:18px!important;margin-top:46px!important}.jade-card{height:100%;background:#fff;border:1px solid var(--jade-border);border-radius:10px;padding:22px!important;box-shadow:0 8px 24px rgba(4,20,11,.05);transition:.2s ease}.jade-card:hover{transform:translateY(-5px);box-shadow:var(--jade-shadow)}.jade-card .wp-block-image{margin:0 0 16px!important}.jade-card .wp-block-image img{height:280px!important;width:100%!important;object-fit:contain!important}.jade-card h3{font-size:1.08rem!important;line-height:1.25!important;margin:8px 0 10px!important}.jade-card p{font-size:.92rem!important;color:#5a675f;margin-bottom:12px!important}.jade-price{font-size:1.5rem!important;color:#07100b!important;font-weight:900;margin:.3rem 0 1rem!important}.jade-small-note{font-size:.78rem!important;color:#6d7871!important}.jade-card .wp-block-buttons{margin-top:auto}.jade-card .wp-block-button{width:100%}.jade-card .wp-block-button__link{width:100%;text-align:center}
.jade-bundles{background:var(--jade-soft)}.jade-bundle-grid{gap:22px!important;margin-top:42px!important}.jade-bundle-card{background:#fff;border:1px solid var(--jade-border);border-radius:12px;padding:30px!important;box-shadow:0 12px 35px rgba(4,20,11,.06);height:100%}.jade-bundle-card .wp-block-image img{height:250px!important;object-fit:contain}.jade-bundle-card h3{font-size:1.5rem!important;margin-bottom:8px!important}.jade-bundle-card ul{padding-left:20px;margin:16px 0}.jade-bundle-card li{margin:7px 0}.jade-save{display:inline-block;background:#eaf7ed;color:var(--jade-green);font-weight:900;border-radius:999px;padding:6px 12px;font-size:.78rem}.jade-strike{text-decoration:line-through;color:#849087;font-size:1rem}.jade-bundle-price{font-size:1.75rem;font-weight:900;margin-left:8px}.jade-best{border:2px solid var(--jade-green-2);position:relative}.jade-best:before{content:'BEST VALUE';position:absolute;top:-14px;left:26px;background:var(--jade-green-2);color:#fff;padding:5px 12px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.jade-free{background:linear-gradient(100deg,#eff8f0,#fff);border-top:1px solid #e0ebe2;border-bottom:1px solid #e0ebe2}.jade-free-inner{max-width:1220px;margin:0 auto;padding:48px 28px!important;align-items:center}.jade-free .wp-block-image img{max-height:330px!important;object-fit:contain}.jade-free h2{font-size:2rem!important;margin-bottom:12px!important}.jade-free p{color:#536158}
.jade-services{background:#fff}.jade-service-grid{gap:14px!important;margin-top:42px!important}.jade-service{height:100%;text-align:center;padding:22px 10px!important;border-right:1px solid #e7ede8}.jade-service:last-child{border-right:0}.jade-service img{width:58px!important;height:58px!important;object-fit:contain!important;margin:0 auto 14px}.jade-service h3{font-size:.98rem!important;margin:0 0 8px!important}.jade-service p{font-size:.82rem!important;color:#5f6c64}
.jade-ai-banner{min-height:340px!important;background-position:center!important;background-size:cover!important}.jade-ai-banner .wp-block-cover__inner-container{width:100%}.jade-ai-inner{max-width:1220px;margin:0 auto;padding:65px 28px 65px 650px!important;color:#fff}.jade-ai-inner h2{font-size:2.35rem!important;color:#fff;margin-bottom:12px!important}.jade-ai-inner p{color:#d8e7dc;max-width:650px}.jade-ai-inner .jade-eyebrow{color:var(--jade-lime)}
.jade-platforms{background:#fff}.jade-platform-grid{gap:16px!important;margin-top:40px!important}.jade-platform-card{text-align:center;border:1px solid var(--jade-border);border-radius:10px;padding:24px 12px!important;background:#fff}.jade-platform-mark{width:72px;height:72px;border-radius:50%;background:#edf6ef;color:var(--jade-green);font-weight:900;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.jade-platform-card h3{font-size:1.05rem!important;margin-bottom:4px!important}.jade-platform-card p{font-size:.8rem!important;color:#637067;min-height:38px}.jade-platform-card .wp-block-button__link{padding:10px 15px!important;background:#fff!important;color:var(--jade-green)!important;border:1px solid var(--jade-green)!important}
.jade-cta{background:linear-gradient(90deg,#07150d,#0d3f23);color:#fff}.jade-cta-inner{max-width:1220px;margin:0 auto;padding:42px 28px!important;align-items:center}.jade-cta h2{color:#fff;font-size:2rem!important;margin:0!important}.jade-cta p{color:#d8e5db;margin:.4rem 0 0!important}.jade-footer{background:#fff;border-top:1px solid #e1e7e2}.jade-footer-inner{max-width:1220px;margin:0 auto;padding:54px 28px 30px!important}.jade-footer-logo img{width:245px!important}.jade-footer h3{font-size:.95rem!important}.jade-footer p,.jade-footer li,.jade-footer a{font-size:.82rem!important;color:#59665e}.jade-footer ul{list-style:none;padding:0;margin:0}.jade-footer li{margin:5px 0}.jade-footer-bottom{max-width:1220px;margin:0 auto;padding:18px 28px!important;border-top:1px solid #edf1ee;font-size:.75rem;color:#738078}
@media (max-width:1000px){.jade-header-inner{flex-wrap:wrap}.jade-header .wp-block-navigation{order:3;width:100%}.jade-hero{background-image:var(--jade-mobile-hero)!important}.jade-product-grid,.jade-service-grid,.jade-platform-grid{flex-wrap:wrap!important}.jade-product-grid>.wp-block-column{flex-basis:calc(50% - 12px)!important}.jade-service-grid>.wp-block-column,.jade-platform-grid>.wp-block-column{flex-basis:calc(33.333% - 12px)!important}.jade-ai-inner{padding-left:46%!important}}
@media (max-width:700px){.jade-section{padding-top:64px!important;padding-bottom:64px!important}.jade-header-inner{padding:12px 18px!important}.jade-header-logo img{width:200px!important}.jade-header .wp-block-buttons{display:none}.jade-header .wp-block-navigation{display:flex;width:auto;order:initial}.jade-header .wp-block-navigation__responsive-container-open{display:flex}.jade-hero{min-height:760px!important;background-image:url('../images/jade-hero-mobile.webp')!important;background-position:center!important}.jade-hero-inner{padding:72px 22px!important}.jade-hero h1{font-size:3.25rem!important}.jade-hero p{font-size:1.02rem!important}.jade-hero-benefits{display:block!important}.jade-benefit{margin:18px 0}.jade-product-grid,.jade-bundle-grid,.jade-service-grid,.jade-platform-grid,.jade-free-inner,.jade-cta-inner,.jade-footer-inner{display:block!important}.jade-product-grid>.wp-block-column,.jade-service-grid>.wp-block-column,.jade-platform-grid>.wp-block-column{flex-basis:100%!important;margin-bottom:18px}.jade-card .wp-block-image img{height:320px!important}.jade-service{border-right:0;border-bottom:1px solid #e7ede8}.jade-ai-banner{min-height:520px!important;background-position:28% center!important}.jade-ai-inner{padding:230px 22px 55px!important}.jade-cta-inner .wp-block-buttons{margin-top:24px}.jade-footer-inner>.wp-block-column{margin-bottom:28px}.jade-wrap{padding-left:22px;padding-right:22px}}

.jade-benefit-copy{margin:0!important}.jade-benefit-title,.jade-benefit-desc{margin:0!important}.jade-benefit-title{color:#fff!important;font-size:.95rem!important}.jade-benefit-desc{color:#cfe0d3!important;font-size:.85rem!important}.jade-price-row{gap:10px!important;align-items:center!important;margin:12px 0 18px!important}.jade-price-row p{margin:0!important}.jade-platform-mark{padding:0!important;margin:0 auto 14px!important}


/* Block theme integration and responsive refinements */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.wp-site-blocks{padding-top:0!important;padding-bottom:0!important}
.jade-header{position:sticky;top:0;box-shadow:0 2px 18px rgba(4,20,11,.05)}
.admin-bar .jade-header{top:32px}
.jade-header .wp-block-site-logo img{width:235px;height:auto}
.jade-header .wp-block-navigation__responsive-container-open,
.jade-header .wp-block-navigation__responsive-container-close{color:var(--jade-green)}
.jade-header .wp-block-navigation__responsive-container.is-menu-open{padding:28px;background:#fff;color:var(--jade-ink)}
.jade-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:18px;font-size:1.2rem;font-weight:800}
.jade-header .wp-block-navigation__responsive-container.is-menu-open a{color:var(--jade-ink)}
.jade-footer .wp-block-site-logo img{width:245px;height:auto}
.jade-main-standard{padding:72px 28px;max-width:960px;margin:0 auto}
.jade-main-standard .wp-block-post-title{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.045em}
.jade-post-grid{max-width:1220px;margin:0 auto;padding:72px 28px}
.jade-post-grid .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.jade-post-grid .wp-block-post{border:1px solid var(--jade-border);border-radius:12px;padding:24px;background:#fff;box-shadow:0 8px 24px rgba(4,20,11,.05)}
.woocommerce .wp-site-blocks main,.woocommerce-page .wp-site-blocks main{max-width:1220px;margin:0 auto;padding:60px 28px}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--jade-green-2);color:#fff;border-radius:5px;font-weight:800}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--jade-green)}
@media (max-width:1000px){
  .jade-header-inner{flex-wrap:nowrap}
  .jade-header .wp-block-buttons{display:none}
  .jade-header .wp-block-site-logo img{width:210px}
  .jade-post-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:782px){
  .admin-bar .jade-header{top:46px}
  .jade-header-inner{flex-wrap:nowrap!important}
  .jade-header .wp-block-navigation{width:auto!important;order:initial!important;margin-left:auto}
  .jade-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}
  .jade-header .wp-block-navigation__responsive-container-open{display:flex!important}
}
@media (max-width:700px){
  .jade-header .wp-block-site-logo img{width:178px}
  .jade-hero h1{font-size:clamp(2.65rem,13vw,3.4rem)!important}
  .jade-card .wp-block-image img{height:270px!important}
  .jade-ai-inner{padding-top:250px!important}
  .jade-post-grid .wp-block-post-template{grid-template-columns:1fr}
  .jade-main-standard,.jade-post-grid{padding-left:22px;padding-right:22px}
}
@media (max-width:380px){
  .jade-header .wp-block-site-logo img{width:150px}
  .jade-hero-inner{padding-left:18px!important;padding-right:18px!important}
  .jade-wrap{padding-left:18px;padding-right:18px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .jade-card,.jade-btn .wp-block-button__link,.jade-page .wp-element-button{transition:none}
  .jade-card:hover,.jade-btn .wp-block-button__link:hover,.jade-page .wp-element-button:hover{transform:none}
}

/* ================================================================
   JADE WIDE LAYOUT REPAIR — v1.1.0
   Overrides WordPress constrained-layout defaults on Jade marketing
   sections while preserving readable widths on normal pages/posts.
   ================================================================ */
:root{
  --jade-site-max:1400px;
  --jade-site-gutter:32px;
}

/* Remove theme/page wrappers that can impose the normal post width. */
body .wp-site-blocks,
body .wp-site-blocks > main,
body .jade-page{
  max-width:none!important;
}

/* Full-bleed marketing bands. */
.jade-header,
.jade-page,
.jade-hero,
.jade-section,
.jade-free,
.jade-ai-banner,
.jade-cta,
.jade-footer{
  width:100%!important;
  max-width:none!important;
}

/* Consistent wide desktop shell for all homepage content. */
.jade-header.is-layout-constrained > .jade-header-inner,
.jade-header > .jade-header-inner,
.jade-hero .wp-block-cover__inner-container > .jade-hero-inner,
.jade-hero-inner,
.jade-section.is-layout-constrained > .jade-wrap,
.jade-section > .jade-wrap,
.jade-wrap,
.jade-free.is-layout-constrained > .jade-free-inner,
.jade-free > .jade-free-inner,
.jade-free-inner,
.jade-ai-banner .wp-block-cover__inner-container > .jade-ai-inner,
.jade-ai-inner,
.jade-cta.is-layout-constrained > .jade-cta-inner,
.jade-cta > .jade-cta-inner,
.jade-cta-inner,
.jade-footer.is-layout-constrained > .jade-footer-inner,
.jade-footer > .jade-footer-inner,
.jade-footer-inner,
.jade-footer.is-layout-constrained > .jade-footer-bottom,
.jade-footer > .jade-footer-bottom,
.jade-footer-bottom{
  width:calc(100% - (var(--jade-site-gutter) * 2))!important;
  max-width:var(--jade-site-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Prevent Gutenberg's contentSize rule from shrinking the main grids. */
.jade-wrap > .jade-product-grid,
.jade-wrap > .jade-bundle-grid,
.jade-wrap > .jade-service-grid,
.jade-wrap > .jade-platform-grid,
.jade-hero-inner > .jade-hero-benefits,
.jade-free > .jade-free-inner,
.jade-cta > .jade-cta-inner,
.jade-footer > .jade-footer-inner,
.jade-footer > .jade-footer-bottom{
  width:100%!important;
  max-width:none!important;
}

/* Keep hero content aligned to the left edge of the wide shell. */
.jade-hero-inner > .jade-hero-copy{
  width:100%!important;
  max-width:680px!important;
  margin-left:0!important;
  margin-right:auto!important;
}
.jade-hero-inner > .jade-hero-benefits{
  max-width:860px!important;
  margin-left:0!important;
  margin-right:auto!important;
}

/* Strong four-column desktop product presentation. */
@media (min-width:1001px){
  .jade-product-grid,
  .jade-service-grid,
  .jade-platform-grid{
    flex-wrap:nowrap!important;
  }
  .jade-product-grid > .wp-block-column,
  .jade-service-grid > .wp-block-column,
  .jade-platform-grid > .wp-block-column{
    min-width:0!important;
    flex-basis:0!important;
    flex-grow:1!important;
  }
  .jade-product-grid{gap:24px!important}
  .jade-card{padding:26px!important}
  .jade-card .wp-block-image img{height:320px!important}
  .jade-header-inner{padding-left:0!important;padding-right:0!important}
  .jade-hero-inner{padding-left:0!important;padding-right:0!important}
}

/* Tablet keeps the layout wide, then changes cards to two columns. */
@media (max-width:1000px){
  :root{--jade-site-gutter:24px}
  .jade-header.is-layout-constrained > .jade-header-inner,
  .jade-header > .jade-header-inner,
  .jade-hero-inner,
  .jade-wrap,
  .jade-free-inner,
  .jade-ai-inner,
  .jade-cta-inner,
  .jade-footer-inner,
  .jade-footer-bottom{
    width:calc(100% - 48px)!important;
  }
  .jade-product-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:22px!important;
  }
  .jade-product-grid > .wp-block-column{
    flex:0 0 calc(50% - 11px)!important;
    min-width:0!important;
  }
  .jade-card .wp-block-image img{height:300px!important}
}

/* Mobile remains edge-to-edge with comfortable gutters. */
@media (max-width:700px){
  :root{--jade-site-gutter:18px}
  .jade-header.is-layout-constrained > .jade-header-inner,
  .jade-header > .jade-header-inner,
  .jade-hero-inner,
  .jade-wrap,
  .jade-free-inner,
  .jade-ai-inner,
  .jade-cta-inner,
  .jade-footer-inner,
  .jade-footer-bottom{
    width:calc(100% - 36px)!important;
  }
  .jade-product-grid > .wp-block-column{
    flex:0 0 100%!important;
  }
}


/* Version 1.2: the homepage now renders through the page's Post Content block. */
.jade-home-content{
  width:100%!important;
  max-width:none!important;
  margin-block-start:0!important;
  margin-block-end:0!important;
  padding:0!important;
}
.jade-home-content > .jade-page{
  margin-block-start:0!important;
  margin-block-end:0!important;
}
