:is(.v48-shell,.v48-scope) .brand-mesh-host{position:relative;isolation:isolate;overflow:hidden;background-color:#fff}
:is(.v48-shell,.v48-scope) .brand-mesh-host>.brand-mesh{position:absolute;inset:0 0 auto auto;width:58%;height:320px;pointer-events:none;z-index:-1;opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 68%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 68%)}
:is(.v48-shell,.v48-scope) #solutions>.brand-mesh{height:210px;width:42%;opacity:.38}
:is(.v48-shell,.v48-scope) .demo-booking>.brand-mesh{inset:auto auto 0 -10%;width:62%;height:280px;opacity:.6;transform:rotate(180deg);mask-image:linear-gradient(0deg,#000,transparent);-webkit-mask-image:linear-gradient(0deg,#000,transparent)}
:is(.v48-shell,.v48-scope) .demo-booking{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:96px 5%;scroll-margin-top:95px}
:is(.v48-shell,.v48-scope) .demo-booking-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-.04em;margin:24px 0}:is(.v48-shell,.v48-scope) .demo-booking-copy h2 span{color:#566349}
:is(.v48-shell,.v48-scope) .demo-booking-copy p{font-size:18px;line-height:1.6;max-width:350px;color:#4e5748}:is(.v48-shell,.v48-scope) .demo-booking-copy ul{list-style:none;padding:12px 0;margin:0 0 24px}:is(.v48-shell,.v48-scope) .demo-booking-copy li{margin:16px 0;color:#394334}:is(.v48-shell,.v48-scope) .demo-booking-copy li:before{content:'✓';color:#566b3e;margin-right:12px}:is(.v48-shell,.v48-scope) .demo-booking-copy small{color:#566349}
:is(.v48-shell,.v48-scope) .demo-request-form{padding:32px;background:#fff;border:1px solid #dce3d3;border-radius:18px;box-shadow:0 12px 48px #31402306;position:relative;min-width:0}
:is(.v48-shell,.v48-scope) .demo-request-form>.eyebrow{display:block;margin-bottom:26px;color:#4b5c3c}:is(.v48-shell,.v48-scope) .demo-request-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}:is(.v48-shell,.v48-scope) .demo-request-form label{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#303a2b;font-weight:500}:is(.v48-shell,.v48-scope) .demo-request-form label.full{grid-column:1/-1}:is(.v48-shell,.v48-scope) .demo-request-form input,:is(.v48-shell,.v48-scope) .demo-request-form select,:is(.v48-shell,.v48-scope) .demo-request-form textarea{box-sizing:border-box;width:100%;min-width:0;padding:13px 12px;background:#fff;border:1px solid #cdd5c6;border-radius:7px;font:inherit;color:#283322}:is(.v48-shell,.v48-scope) .demo-request-form textarea{resize:vertical;min-height:94px}:is(.v48-shell,.v48-scope) .demo-request-form ::placeholder{color:#687260;opacity:1}:is(.v48-shell,.v48-scope) .demo-request-form :is(input,select,textarea):focus-visible{outline:2px solid #6b8150;outline-offset:2px}:is(.v48-shell,.v48-scope) .demo-request-form .action{padding:14px 22px;background:#293526;color:#fff;border:0;border-radius:7px;margin-top:24px;cursor:pointer;font:inherit}:is(.v48-shell,.v48-scope) .demo-request-form .action:hover{background:#435438}:is(.v48-shell,.v48-scope) .demo-request-form .form-note{font-size:12px;color:#596151;line-height:1.6;margin:16px 0 8px}:is(.v48-shell,.v48-scope) .demo-live-link{font-size:13px;color:#334c23;text-underline-offset:3px}:is(.v48-shell,.v48-scope) .demo-form-result{background:#f3f6ed;border:1px solid #dce3d3;border-radius:8px;padding:14px;margin:16px 0;color:#35432d;font-size:14px;line-height:1.6}:is(.v48-shell,.v48-scope) .demo-request-form .hp-trap{position:absolute;left:-10000px;opacity:0}
@media(max-width:760px){:is(.v48-shell,.v48-scope) .brand-mesh-host>.brand-mesh{width:70%;height:210px;opacity:.32}:is(.v48-shell,.v48-scope) .demo-booking{grid-template-columns:1fr;gap:28px;padding:60px 22px}:is(.v48-shell,.v48-scope) .demo-request-form{padding:24px 20px}:is(.v48-shell,.v48-scope) .demo-request-form .form-grid{grid-template-columns:1fr}:is(.v48-shell,.v48-scope) .demo-request-form label.full{grid-column:auto}:is(.v48-shell,.v48-scope) .demo-booking>.brand-mesh{width:100%;top:70px;bottom:auto}:is(.v48-shell,.v48-scope) .demo-booking-copy h2{font-size:38px}}

/* Broad, open-center mesh framing for the quieter homepage chapters. */
:is(.v48-shell,.v48-scope) #integrations>.brand-mesh{inset:0;width:100%;height:100%;opacity:.78;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent)}
:is(.v48-shell,.v48-scope) #setup>.brand-mesh{inset:auto 0 0 auto;width:64%;height:290px;opacity:.55;transform:rotate(180deg);mask-image:linear-gradient(0deg,#000,transparent 95%);-webkit-mask-image:linear-gradient(0deg,#000,transparent 95%)}
@media(max-width:760px){:is(.v48-shell,.v48-scope) #integrations>.brand-mesh{opacity:.5}:is(.v48-shell,.v48-scope) #setup>.brand-mesh{width:85%;height:220px;opacity:.4}}

/* Keep decorative pixels at the perimeter, outside reading and demo surfaces. */
:is(.v48-shell,.v48-scope) .section-mesh-host>.section-mesh{inset:0;width:100%;height:100%;max-height:560px;opacity:.65;mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 76%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 76%,#000)}
:is(.v48-shell,.v48-scope) .section-mesh-host[data-frame-style="0"]>.section-mesh{mask-image:radial-gradient(ellipse at 0% 8%,#000,transparent 55%);-webkit-mask-image:radial-gradient(ellipse at 0% 8%,#000,transparent 55%)}
:is(.v48-shell,.v48-scope) .section-mesh-host[data-frame-style="1"]>.section-mesh{inset:auto 0 0 auto;transform:rotate(180deg);mask-image:radial-gradient(ellipse at 0% 0%,#000,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at 0% 0%,#000,transparent 60%)}
:is(.v48-shell,.v48-scope) .section-mesh-host[data-frame-style="2"]>.section-mesh{mask-image:linear-gradient(90deg,#000,transparent 19%,transparent 81%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 19%,transparent 81%,#000)}
:is(.v48-shell,.v48-scope) .section-mesh-host[data-frame-style="3"]>.section-mesh{inset:auto 0 0;transform:scaleY(-1);mask-image:linear-gradient(0deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(0deg,#000,transparent 70%);opacity:.45}
:is(.v48-shell,.v48-scope) .section-mesh-host :is(h2,h3,p,li){position:relative}
@media(max-width:760px){:is(.v48-shell,.v48-scope) .section-mesh-host>.section-mesh{opacity:.3!important;max-height:300px;mask-image:linear-gradient(90deg,#000,transparent 12%,transparent 88%,#000)!important;-webkit-mask-image:linear-gradient(90deg,#000,transparent 12%,transparent 88%,#000)!important}}