500;600;700&display=swap');
.qfs,.qfs *{box-sizing:border-box;font-family:'DM Sans',sans-serif!important}
.qfs{--ink:#173e38;--deep:#245f56;--green:#57b5a4;--mint:#dff5ef;--teal:#bfeae0;--sage:#eaf5f1;--cream:#fbfaf6;--white:#fff;padding:0 24px;background:transparent;color:var(--ink)}
.qfs__grid{max-width:1240px;margin:0 auto;overflow:hidden;border:1px solid rgba(23,62,56,.1);border-radius:28px;background:var(--white);box-shadow:0 24px 60px rgba(23,62,56,.1)}
.qfs__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:440px}
.qfs__row+.qfs__row{border-top:1px solid rgba(23,62,56,.09)}
.qfs__row:nth-child(even) .qfs__visual{order:2}.qfs__row:nth-child(even) .qfs__copy{order:1}
.qfs__visual,.qfs__copy{display:flex;align-items:center;justify-content:center;padding:52px}
.qfs__visual{background:var(--mint)}.qfs__row:nth-child(2) .qfs__visual{background:var(--teal)}.qfs__row:nth-child(3) .qfs__visual{background:var(--sage)}.qfs__row:nth-child(4) .qfs__visual{background:var(--deep);color:var(--white)}.qfs__row:nth-child(5) .qfs__visual{background:var(--green);color:var(--white)}
.qfs__copy{background:var(--cream)}.qfs__visual-inner,.qfs__copy-inner{width:100%;min-width:0}.qfs__copy-inner{max-width:470px}.qfs__visual-inner img{display:block;width:100%;height:auto;border-radius:18px}
.qfs__eyebrow{margin-bottom:18px;color:var(--green);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.qfs__headline h1,.qfs__headline h2,.qfs__headline h3,.qfs__headline h4,.qfs__headline h5,.qfs__headline h6,.qfs__headline p{margin:0 0 18px;color:var(--ink);font-size:clamp(28px,2.4vw,38px);font-weight:500;line-height:1.16;letter-spacing:-.025em}
.qfs__description p,.qfs__description li{color:rgba(23,62,56,.76);font-size:19px;line-height:1.6}.qfs__description p{margin:0 0 12px}.qfs__description p:last-child{margin-bottom:0}
.qfs__placeholder{text-align:center}.qfs__placeholder--visual{display:flex;min-height:300px;align-items:center;justify-content:center;flex-direction:column;gap:18px;border:2px dashed rgba(23,62,56,.24);border-radius:24px;color:var(--ink);font-size:18px;font-weight:600}.qfs__row:nth-child(4) .qfs__placeholder--visual,.qfs__row:nth-child(5) .qfs__placeholder--visual{border-color:rgba(255,255,255,.42);color:var(--white)}.qfs__placeholder-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:rgba(255,255,255,.78);color:var(--deep);font-size:30px}
@media(min-width:768px) and (max-width:1100px){.qfs__visual,.qfs__copy{padding:36px 28px}}
@media(max-width:767px){.qfs{padding:0 16px}.qfs__grid{border-radius:20px}.qfs__row{grid-template-columns:1fr;min-height:0}.qfs__row:nth-child(even) .qfs__visual,.qfs__visual{order:1;min-height:280px}.qfs__row:nth-child(even) .qfs__copy,.qfs__copy{order:2}.qfs__visual,.qfs__copy{padding:36px 28px}.qfs__copy-inner{max-width:none}.qfs__placeholder--visual{min-height:210px}}
.qfs__headline{overflow-wrap:normal;word-break:normal;text-wrap:pretty}
.qfs__description{overflow-wrap:break-word;word-break:normal}
.qfs__headline strong,.qfs__headline b{font-weight:inherit!important}
/* Editable section introduction */
.qfs .qfs__section-header{width:100%;max-width:1180px;margin:0 auto 38px;text-align:left}
body .qfs .qfs__section-tag,#main-content .qfs .qfs__section-tag{margin:0 0 14px;color:#25937F;font-family:'DM Sans',sans-serif!important;font-size:13px!important;line-height:1.4!important;font-weight:700!important;font-style:normal!important;letter-spacing:1.3px!important;text-transform:uppercase!important}
body .qfs .qfs__section-title,#main-content .qfs .qfs__section-title{margin:0;max-width:1180px;color:#15584D;font-family:'DM Sans',sans-serif!important;font-size:40px!important;line-height:1.2!important;font-weight:600!important;font-style:normal!important;letter-spacing:-.7px!important;text-transform:capitalize!important}
@media(max-width:767px){
 .qfs .qfs__section-header{margin-bottom:28px}
 body .qfs .qfs__section-title,#main-content .qfs .qfs__section-title{font-size:32px!important;line-height:1.12!important}
}
/* One continuous frame for the introduction and feature rows */
.qfs .qfs__frame{max-width:1240px;margin:0 auto;overflow:hidden;border:1px solid rgba(23,62,56,.14);border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(23,62,56,.06)}
.qfs .qfs__section-header{max-width:none;margin:0;padding:40px 52px 32px;background:#fff;border-bottom:1px solid rgba(23,62,56,.1)}
.qfs .qfs__grid{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
@media(max-width:767px){
 .qfs .qfs__frame{border-radius:20px}
 .qfs .qfs__section-header{padding:28px;margin:0}
}
/* Secondary explore links: same treatment as People Outcomes. */
#main-content .qfs a.qfs__explore,.qfs a.qfs__explore{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;box-sizing:border-box;margin-top:24px;padding:10px 16px;border:1px solid #B9D9D1;border-radius:999px;background:#fff;color:#15584D;font-family:'DM Sans',sans-serif!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease;}
#main-content .qfs a.qfs__explore:hover,.qfs a.qfs__explore:hover,#main-content .qfs a.qfs__explore:focus-visible,.qfs a.qfs__explore:focus-visible{border-color:#15584D;color:#fff;background:#15584D;text-decoration:none;}
#main-content .qfs a.qfs__explore:focus-visible{outline:2px solid #25937F;outline-offset:3px}
.qfs a.qfs__explore span{flex-shrink:0}
/* Reusable Mentoring Software typography — September 2026. */
.qfs,.qfs *{font-family:'DM Sans',sans-serif!important;box-sizing:border-box}
.qfs.qfs.qfs h2,.qfs.qfs.qfs h2 *{font-size:40px!important;font-weight:600!important;line-height:1.2!important;font-style:normal!important;text-transform:capitalize!important;letter-spacing:-.7px!important}
.qfs.qfs.qfs h3{font-size:26px!important;font-weight:600!important;line-height:1.3!important;font-style:normal!important;text-transform:capitalize!important;letter-spacing:-.3px!important}
.qfs.qfs.qfs h4{font-size:22px!important;font-weight:600!important;line-height:1.3!important;font-style:normal!important;text-transform:capitalize!important}
@media(max-width:767px){.qfs.qfs.qfs h2,.qfs.qfs.qfs h2 *{font-size:30px!important}.qfs.qfs.qfs h3{font-size:22px!important}.qfs.qfs.qfs h4{font-size:20px!important}}
body .qfs.qfs.qfs :is(.qpo__eyebrow,.qfs__eyebrow,.qai__eyebrow,.quc__eyebrow,.qrv__eyebrow,.qint2__eyebrow,.qcmp__eyebrow),body .qfs.qfs.qfs :is(.qpo__eyebrow,.qfs__eyebrow,.qai__eyebrow,.quc__eyebrow,.qrv__eyebrow,.qint2__eyebrow,.qcmp__eyebrow) *{font-family:"DM Sans",sans-serif!important;font-size:13px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:1.3px!important;font-style:normal!important;text-transform:uppercase!important}
body .qfs.qfs.qfs .qfs__description,body .qfs.qfs.qfs .qfs__description p{
font-size:18px!important;line-height:1.65!important;font-weight:400!important;font-style:normal!important
}
body .qfs.qfs.qfs .qfs__section-tag,body .qfs.qfs.qfs .qfs__eyebrow{
font-size:13px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:1.3px!important;text-transform:uppercase!important;font-style:normal!important
}
body .qfs.qfs.qfs .qfs__explore{
font-size:17px!important;line-height:1.3!important;font-weight:700!important
}
@media(max-width:767px){
body .qfs.qfs.qfs .qfs__description,body .qfs.qfs.qfs .qfs__description p{
font-size:16px!important
}
body .qfs.qfs.qfs .qfs__section-tag,body .qfs.qfs.qfs .qfs__eyebrow{
font-size:12px!important
}
body .qfs.qfs.qfs .qfs__explore{
font-size:17px!important
}}
/* Outer spacing is controlled by the HubSpot section spacing fields. */

/* Reference feature layout: module owns spacing and width. */
.qfs:not(.qfs--proof){width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 80px;}
.qfs:not(.qfs--proof) .qfs__frame{max-width:1152px;}
main .dnd-section:has(.qfs:not(.qfs--proof)){padding:0!important;}
main .dnd-section:has(.qfs:not(.qfs--proof))>.row-fluid{width:100%;max-width:none!important;margin:0 auto;}
main .dnd-section:has(.qfs:not(.qfs--proof))>.row-fluid>.dnd-column{width:100%;max-width:none;margin:0;padding:0;}
@media(min-width:768px) and (max-width:1100px){.qfs:not(.qfs--proof) .qfs__visual,.qfs:not(.qfs--proof) .qfs__copy{padding:36px 28px;}}
@media(max-width:767px){.qfs:not(.qfs--proof){padding:40px 36px 80px;}}

/* Preserve responsive hero display while explicit dimensions reserve its aspect ratio. */
.hs-image-widget[src*="virtual-coffee-hero-feb25.png"] ,
.hs-image-widget[src*="nurse-hero-feb25.png"] ,
.hs-image-widget[src*="frontline-01.png"] ,
.hs-image-widget[src*="sales-mentoring-feb25.png"] ,
.hs-image-widget[src*="new-header-associations.png"] {max-width:100%;height:auto;}