/* Static approved homepage: only interaction states supplement the existing skin. */
.hm-page .hm-roles li{--role-column:100px;--role-gap:32px;--role-dot-offset:-26px;--role-dot-radius:11.5px;}
.hm-page .hm-roles li+li::before{display:none;}
.hm-page .hm-roles li:not(:last-child)::after{content:'';position:absolute;left:calc(var(--role-column) + var(--role-gap) + var(--role-dot-offset) + var(--role-dot-radius) - .5px);top:calc(36px + var(--role-dot-radius));width:1px;height:100%;background:#f5a780;pointer-events:none;}
.hm-page .hm-roles li>div::before{z-index:1;}
@media(max-width:1150px){.hm-page .hm-roles li{--role-column:75px;--role-gap:25px;--role-dot-offset:-23px;--role-dot-radius:9px;}}
@media(max-width:370px){.hm-page .hm-roles li{--role-column:60px;--role-gap:24px;--role-dot-offset:-21px;}}
.hm-page .hm-hero h1.hm-paid-headline{max-width:620px;white-space:normal;}
.hm-case-video-crop{aspect-ratio:1672/810;overflow:hidden;border-radius:10px;background:#292923;}
.hm-page .hm-case-video-crop img{display:block;width:100%;height:auto;aspect-ratio:auto;border-radius:0;}
.sc-warm-mobile{display:none;}
.sc-warm-details>summary{display:none;}
@media(max-width:700px){
 .sc-warm-mobile{display:block;}
 .hm-page .sc-warm-mobile table{min-width:0!important;width:100%;table-layout:fixed;font-size:14px;}
 .hm-page .sc-warm-mobile :is(th,td){padding:13px 7px;overflow-wrap:break-word;}
 .hm-page .sc-warm-mobile thead th{font-size:12px;}
 .hm-page .sc-warm-mobile th:first-child{width:48%;}
 .sc-warm-details{margin-top:16px;border-top:1px solid #e1d6cb;padding-top:12px;}
 .sc-warm-details>summary{display:list-item;color:#a04422;font:14px/1.5 Arial;cursor:pointer;}
 .sc-warm-details[open]>summary{margin-bottom:12px;}
}
.hm-page .hv-sectors{grid-auto-rows:1fr;}
.hm-page .hv-sectors button{min-width:0;border-left:1px solid #d8cec3;}
.hm-page .hv-sectors button:nth-child(4n+1){border-left:0;}
.hm-page .hv-sectors button:nth-child(n+5){border-top:1px solid #d8cec3;}
@media(max-width:700px){
 .hm-page .hv-sectors button:nth-child(odd){border-left:0;}
 .hm-page .hv-sectors button:nth-child(even){border-left:1px solid #d8cec3;}
 .hm-page .hv-sectors button:nth-child(n+3){border-top:1px solid #d8cec3;}
}
.hm-page.hv-approved .hm-mystery{padding:48px 0 56px;background:#fff;}
.hm-page .hm-mystery h2{margin:0 0 32px;}
.hm-page .hm-method-table-wrap{margin:0 -14px;}
.hm-page .hm-method-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:14px 0;text-align:left;}
.hm-page .hm-method-table :is(th,td){width:50%;box-sizing:border-box;background:#faf7f3;border-left:1px solid #ded2c5;border-right:1px solid #ded2c5;border-bottom:1px solid #ded2c5;vertical-align:top;}
.hm-page .hm-method-table :is(th,td):last-child{background:#fff2e8;border-color:#edc8b2;}
.hm-page .hm-method-table th{padding:24px 26px;border-top:3px solid #b7aa9c;border-radius:10px 10px 0 0;}
.hm-page .hm-method-table th:last-child{border-top-color:#fc6727;}
.hm-page .hm-method-table h3{margin:0 0 8px;font:700 23px/1.3 Arial,Helvetica,sans-serif;color:#45413b;}
.hm-page .hm-method-table th p{margin:0;font:400 16px/1.5 Arial,Helvetica,sans-serif;color:#696660;}
.hm-page .hm-method-table th:last-child :is(h3,p){color:#a13d18;}
.hm-page .hm-method-table th:last-child p{font-weight:700;}
.hm-method-rhythm{display:flex;gap:8px;margin-top:18px;max-width:260px;}
.hm-method-rhythm span{height:7px;flex:1;min-width:0;border-radius:5px;background:#e6ded5;}
.hm-method-rhythm .is-active{background:#9a8c7c;}
.hm-method-table th:last-child .hm-method-rhythm span{background:#fc6727;}
.hm-page .hm-method-table td{padding:20px 26px;}
.hm-page .hm-method-table tbody tr:last-child td{border-radius:0 0 10px 10px;}
.hm-method-point{display:grid;grid-template-columns:24px minmax(0,1fr);gap:13px;align-items:start;}
.hm-method-symbol{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#8b8176;}
.hm-method-table td:last-child .hm-method-symbol{color:#b24620;}
.hm-page .hm-mystery h4{margin:0 0 8px;font:600 18px/1.35 Arial,Helvetica,sans-serif;letter-spacing:0;color:#5e5852;}
.hm-page .hm-mystery td:last-child h4{color:#24231f;}
.hm-page .hm-mystery td p{margin:0;font:400 16px/1.55 Arial,Helvetica,sans-serif;color:#696660;}
.hm-page .hm-mystery td:last-child p{color:#514b44;}
@media(max-width:700px){
 .hm-page.hv-approved .hm-mystery{padding:28px 0 40px;}
 .hm-page .hm-mystery h2{margin-bottom:24px;}
 .hm-page .hm-method-table-wrap{margin:0;}
 .hm-page .hm-method-table,.hm-page .hm-method-table tbody{display:block;width:100%;border-spacing:0;}
 .hm-page .hm-method-table thead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .hm-page .hm-method-table thead tr{display:contents;}
 .hm-page .hm-method-table th{display:block;width:auto;padding:16px 12px;border-radius:10px;}
 .hm-page .hm-method-table h3{min-height:48px;font-size:18px;}
 .hm-page .hm-method-table th p{font-size:14px;}
 .hm-method-rhythm{gap:4px;margin-top:14px;}
 .hm-page .hm-method-table tbody tr{display:block;margin-top:16px;border:1px solid #ded2c5;border-radius:10px;overflow:hidden;}
 .hm-page .hm-method-table td{display:block;width:auto;padding:18px;border:0;border-radius:0!important;}
 .hm-page .hm-method-table td:first-child{border-bottom:1px solid #ded2c5;}
 .hm-page .hm-method-table td::before{content:attr(data-method);display:block;margin:0 0 10px;font:600 14px/1.3 Arial,Helvetica,sans-serif;color:#696660;}
 .hm-page .hm-method-table td:last-child::before{color:#a13d18;}
 .hm-page .hm-mystery h4{font-size:17px;}
 .hm-page .hm-mystery td p{font-size:15px;}
}
.hm-page .hm-tools-panel[hidden],.hm-page .hv-sector-detail[hidden]{display:none!important;}
.hm-page .hm-tools-panel:not([hidden]),.hm-page .hv-sector-detail:not([hidden]){visibility:visible;}
html[data-home-static]:not([data-home-enhanced]) .hm-form-panel>summary{display:block;padding:12px;}

/* Approved design refinement: rhythm, quieter demonstrations and prominent tool controls. */
.hm-page.hv-approved .hm-tools-panel [data-hm-title]{font-size:clamp(26px,2.6vw,36px);line-height:1.25;letter-spacing:-.5px;}
.hm-client-interview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center;margin-top:48px;padding-top:40px;border-top:1px solid #ded2c5;}
.hm-page .hm-client-interview .hm-interview-kicker{font:500 12px/1.5 Arial;letter-spacing:1px;text-transform:uppercase;color:#a04422;}
.hm-page .hm-client-interview h3{font:400 42px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:18px 0 24px;}
.hm-page .hm-interview-lead{font:18px/1.65 Arial;color:#696660;}
.hm-interview-person{border-top:1px solid #ded2c5;margin:26px 0 24px;padding-top:20px;}
.hm-interview-person b{font:600 16px/1.5 Arial;}
.hm-page .hm-interview-person p{font:14px/1.6 Arial;color:#696660;margin-top:6px;}
.hm-page a.hm-interview-link{font:16px/1.5 Arial;color:#a04422!important;text-decoration:underline;text-underline-offset:5px;}
.hm-interview-image{display:block;position:relative;border-radius:8px;overflow:hidden;}
.hm-interview-image img{display:block;width:100%;height:auto;}
.hm-interview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;padding-left:4px;background:#fff;color:#24231f;border-radius:50%;box-shadow:0 3px 14px #24231f35;font:22px/1 Arial;}
.hm-interview-image:hover .hm-interview-play{background:#faf5ef;}
@media(max-width:800px){.hm-client-interview{grid-template-columns:1fr;gap:28px;margin-top:36px;padding-top:32px;}.hm-page .hm-client-interview h3{font-size:34px;}.hm-page .hm-interview-lead{font-size:17px;}}
.hm-page.hv-approved:not(.mp-page) .hm-workflow{padding:64px 0 32px;}
.hm-page.hv-approved:not(.mp-page) .hm-management{padding:36px 0 68px;}
.hm-page.hv-approved:not(.mp-page) .hv-audience{padding-top:72px;}
.hm-page.hv-approved:not(.mp-page) .hv-formats{margin-top:48px;padding-top:32px;}
.hm-page.hv-approved:not(.mp-page) .hv-criteria{margin-top:48px;padding-block:52px;}
.hm-page.hv-approved:not(.mp-page) .hm-tools{padding-top:72px;}
.hm-page.hv-approved:not(.mp-page) .hv-dashboard{margin-top:48px;padding-block:48px;}
.hm-page.hv-approved:not(.mp-page) :is(.hm-cases,.hv-steps){padding-block:72px;}
.hm-page.hv-approved:not(.mp-page) .hv-products{padding-block:64px;}
.hm-page.hv-approved:not(.mp-page) .hm-tools .hm-example-frame{background:#f3ece4;border:1px solid #e1d6cb;padding:18px;border-radius:14px;box-shadow:none;}
.hm-page.hv-approved:not(.mp-page) .hm-tools .hm-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,900px);margin:30px auto 36px;padding:7px;gap:8px;background:#efe5da;border:1px solid #ddcfc0;border-radius:16px;}
.hm-page.hv-approved:not(.mp-page) .hm-tools .hm-tabs button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:60px;padding:14px 18px;border-radius:10px;font:500 16px/1.4 Arial,Helvetica,sans-serif;color:#45413b;background:transparent;white-space:normal;transition:background-color .16s,color .16s;}
.hm-page.hv-approved:not(.mp-page) .hm-tools .hm-tabs button:hover{background:#faf5ef;}
.hm-page.hv-approved:not(.mp-page) .hm-tools .hm-tabs button[aria-pressed="true"]{background:#24231f;color:#fff;box-shadow:0 2px 5px #24231f14;}
.hm-page.hv-approved:not(.mp-page) .hm-tools .hm-tabs button[aria-pressed="true"]:hover{background:#45413b;}
@media(max-width:700px){
 .hm-page.hv-approved:not(.mp-page) .hm-workflow{padding:48px 0 24px;}
 .hm-page.hv-approved:not(.mp-page) .hm-management{padding:28px 0 52px;}
 .hm-page.hv-approved:not(.mp-page) .hv-audience{padding-top:48px;}
 .hm-page.hv-approved:not(.mp-page) .hv-formats{margin-top:32px;padding-top:28px;}
 .hm-page.hv-approved:not(.mp-page) .hv-criteria{margin-top:36px;padding-block:40px;}
 .hm-page.hv-approved:not(.mp-page) .hm-tools{padding-top:48px;}
 .hm-page.hv-approved:not(.mp-page) .hv-dashboard{margin-top:32px;padding-block:36px;}
 .hm-page.hv-approved:not(.mp-page) :is(.hm-cases,.hv-steps){padding-block:48px;}
 .hm-page.hv-approved:not(.mp-page) .hv-products{padding-block:44px;}
 .hm-page.hv-approved:not(.mp-page) .hm-tools .hm-example-frame{padding:12px;}
 .hm-page.hv-approved:not(.mp-page) .hm-tools .hm-tabs{grid-template-columns:1fr;margin:24px 0 28px;gap:5px;padding:6px;border-radius:12px;}
 .hm-page.hv-approved:not(.mp-page) .hm-tools .hm-tabs button{min-height:48px;padding:12px 14px;font-size:15px;border-radius:8px;}
}
@media(prefers-reduced-motion:reduce){.hm-page.hv-approved:not(.mp-page) .hm-tools .hm-tabs button{transition:none;}}
