/* Local-only addition. Preserve the established Onest / navy / daylight palette. */
.q6-crm,.q6-email,.q6-stories{color:#16394f;font-family:Onest,sans-serif;box-sizing:border-box}
.q6-crm *,.q6-email *,.q6-stories *{box-sizing:border-box}
.q6-crm h2,.q6-email h2,.q6-stories h2{margin:0;font-weight:450;letter-spacing:-.055em;line-height:1.06}
.q6-crm p,.q6-email p,.q6-stories p{margin:0}
.q6-email h2 em,.q6-stories h2 em{font-style:normal;color:#55798d}
/* A compact continuation of the notebook, with the supported CRM destinations. */
.q6-crm.q6-crm-sync{display:flex;flex-direction:column;align-items:center;gap:38px;max-width:1280px;margin:auto;padding:84px 32px 76px;text-align:center;scroll-margin-top:108px}
.q6-crm-sync h2{font-size:clamp(38px,4.6vw,64px);font-weight:450;line-height:1.12;max-width:1050px;text-wrap:balance}
.q6-crm-sync h2 em{font-style:normal;color:#55798d}
.q6-email{padding:75px 0 35px}
.q6-email-copy{padding:0 6vw 50px;max-width:1480px;margin:auto}
.q6-email h2{font-size:clamp(39px,5vw,76px)}
.q6-email-copy>p{font-size:20px;line-height:1.5;margin-top:24px;color:#536c7e}
.q6-mail-stage{max-width:1500px;margin:0 auto;padding:0 2.8vw}
.q6-mail-room{position:relative;height:580px;isolation:isolate;overflow:hidden;background:#e1edf3;border:1px solid #d5e5ee;border-radius:18px;background-image:radial-gradient(ellipse at 73% 0%,#fffaf5 0%,transparent 49%),linear-gradient(180deg,#dbeaf3,#edf4f5 72%,#e5e8e7 72.3%,#f2f2ef)}
.q6-mail-room.q6-mail-generated{height:auto;aspect-ratio:1672/941}
.q6-mail-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.q6-inbox-connection{position:absolute;top:48px;left:50px;display:flex;align-items:center;gap:16px;width:310px;padding:18px 20px;background:#ffffffed;border:1px solid #cddfe8;border-radius:12px;box-shadow:0 15px 45px -28px #143a5355}
.q6-inbox-connection strong{display:block;font-size:17px;font-weight:550;letter-spacing:-.02em}
.q6-inbox-connection div>span{display:block;font-size:12px;color:#627b8b;margin-top:4px}
.q6-envelope-icon{display:block;width:32px;height:23px;border:1.7px solid #48728d;border-radius:4px;position:relative;overflow:hidden}
.q6-envelope-icon:after{content:"";position:absolute;width:20px;height:20px;border-right:1.5px solid #48728d;border-bottom:1.5px solid #48728d;transform:rotate(45deg);top:-13px;left:4px}
.q6-connected{margin-left:auto;color:#3c7a69;font-size:19px}
.q6-signal{position:absolute;z-index:4;right:6%;top:46%;display:flex;gap:15px;align-items:center;padding:23px 25px;background:#fff;border:1px solid #c7dce8;border-radius:12px;box-shadow:0 25px 55px -30px #25507166;width:350px}
.q6-signal-symbol{font-size:26px;color:#155c96}
.q6-signal div>span{display:block;color:#61798a;font-size:12px;margin-bottom:7px}
.q6-signal strong{font-size:18px;font-weight:540;letter-spacing:-.02em;line-height:1.4}
.q6-stories{padding:95px 0 90px}
.q6-stories-heading{grid-column:2;grid-row:1;text-align:left}
.q6-stories h2{max-width:860px;margin:0;font-size:clamp(36px,4.1vw,60px);line-height:1.13;text-wrap:pretty;color:#587384}
.q6-stories h2 em{color:#16394f;font-weight:500}
.q6-stories-stage{max-width:1500px;position:relative;margin:0 auto;padding:0 2.8vw;min-height:650px;display:flex;align-items:center}
.q6-stories-scene{position:absolute;inset:0 2.8vw;margin:0;border-radius:18px;overflow:hidden;background:#d5e4ed}
.q6-stories-scene img{width:100%;height:100%;object-fit:cover;object-position:66% 50%}
.q6-stories-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 14% 100%,#092039c9 0%,#09203970 32%,transparent 72%);pointer-events:none}
.q6-story-proof{position:relative;width:min(56%,720px);margin:40px 0 50px 4%;z-index:1}
.q6-stories .q6-stories-scene-copy{font-size:clamp(18px,1.8vw,24px);font-weight:400;line-height:1.4;letter-spacing:-.02em;color:#fff;margin:25px 5px 0;text-shadow:0 1px 6px #13304855}
.q6-story-proof .q6-story-card{padding:30px 34px 27px;box-shadow:0 22px 60px -20px #071e3655}
.q6-stories-foot{display:grid;grid-template-columns:26% 1fr;gap:6%;align-items:start;max-width:1500px;margin:0 auto;padding:52px 2.8vw 0}
.q6-stories-foot>.scene-link{grid-column:1;grid-row:1;justify-self:start;margin-top:10px;font-size:15px;white-space:nowrap}
@media(min-width:1500px){.q6-mail-room{height:640px}.q6-stories-stage{min-height:740px}}
@media(max-width:1000px){.q6-story-proof{width:61%;margin-left:3%}.q6-story-proof .q6-story-card{padding:25px}.q6-stories-stage{min-height:590px}.q6-signal{right:4%;width:310px}.q6-stories-foot{grid-template-columns:21% 1fr;gap:5%}}
@media(max-width:700px){.q6-email,.q6-stories{padding-top:45px}.q6-email-copy{padding:0 7vw 30px}.q6-email-copy>p{font-size:17px}.q6-mail-room{height:580px;border-radius:12px}.q6-inbox-connection{left:22px;top:25px;width:270px}.q6-signal{right:20px;top:59%;width:270px;padding:18px}.q6-signal strong{font-size:16px}.q6-stories-heading{grid-column:auto;grid-row:auto}.q6-stories-stage{display:block;padding-top:260px;min-height:0}.q6-stories-scene{height:420px;bottom:auto}.q6-stories-scene img{object-position:82% 50%}.q6-story-proof{width:94%;margin:0 auto}.q6-story-proof .q6-story-card{padding:25px}.q6-stories-foot{display:flex;flex-direction:column;gap:24px;margin-top:0;padding:38px 7vw 0}.q6-stories-foot>.scene-link{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Scoped additions to the existing customer band and feature overview. */
.customer-strip.q6-customers{display:block;text-align:center;padding:8px 5vw 42px;min-height:0}
.q6-customer-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:26px clamp(26px,4vw,58px);margin:24px auto 0;max-width:920px}
.customer-strip .q6-customer-logos>img{width:auto;height:30px;max-width:160px}
.customer-strip .q6-customer-logos>.q6-customer-motillo{height:37px}
.customer-strip .q6-customer-logos>.q6-customer-eniro{height:28px}
.customer-strip .q6-customer-logos>.q6-customer-enviroprocess{width:190px;max-width:190px;height:auto}
.customer-strip .q6-customer-logos>.q6-customer-osterbergs{height:32px}
.customer-strip .q6-customer-logos>.q6-customer-tacting{height:34px}
.q6-customer-logos .customer-wordmark{width:auto}
.overview-proof__image--email{object-position:40% 50%}
#features,#customers{scroll-margin-top:110px}
@media(max-width:600px){.q6-customer-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:26px 20px;max-width:420px}.customer-strip .q6-customer-logos>img{max-width:130px;height:25px}.customer-strip .q6-customer-logos>.q6-customer-motillo{height:32px}.customer-strip .q6-customer-logos>.q6-customer-eniro{height:25px}.q6-customer-logos .customer-wordmark{font-size:17px;gap:8px}.q6-customer-logos .customer-wordmark img{width:28px;height:28px}}
@media(max-width:600px){.q6-crm.q6-crm-sync{padding:54px 22px 46px;gap:29px}.q6-crm-sync h2{font-size:clamp(30px,7.5vw,42px)}}
@media(max-width:700px){.q6-stories .q6-stories-scene-copy{color:#3e6178;text-shadow:none;margin:22px 8px 0}}
@media(max-width:600px){.customer-strip .q6-customer-logos>.q6-customer-enviroprocess{width:100%;max-width:160px;height:auto}.customer-strip .q6-customer-logos>.q6-customer-tacting{height:30px}.q6-customer-logos>:last-child{grid-column:1/-1}}