/* Approved customer support page. Keep layout and typography scoped. */
.customer-support{--support-surface:#eef3f6;--support-muted:#4b6072;padding-top:104px}
.customer-support .wrap{width:min(1120px,calc(100% - 96px))}
.customer-support p{margin:0;overflow-wrap:break-word}
.customer-support h1,.customer-support h2,.customer-support h3{font-family:var(--font-body);font-weight:500;letter-spacing:-.035em}
.customer-support h2{font-size:34px;line-height:1.5}
.customer-support .support-small{font-size:14px;line-height:1.85;letter-spacing:.025em}
.customer-support .support-hero{display:grid;grid-template-columns:456fr 600fr;gap:64px;padding-top:54px;padding-bottom:52px;align-items:center}
.support-hero-copy{display:grid;gap:24px;min-width:0}
.customer-support .support-eyebrow{font-size:14px;color:var(--color-blue)}
.customer-support h1{font-size:54px;line-height:1.45}
.support-lead{font-size:var(--text-body);color:var(--support-muted);line-height:1.85}
.support-hero-links{display:flex;flex-wrap:wrap;gap:24px;font-size:16px;color:var(--color-blue)}
.support-hero-links a{text-decoration:underline;text-underline-offset:5px;padding-block:6px}
.support-hero-photo{width:100%;height:420px;object-fit:cover;border-radius:20px}
.customer-support .support-contacts{display:grid;grid-template-columns:620fr 500fr;padding-bottom:80px}
.support-phone,.support-remote{padding:36px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;scroll-margin-top:24px}
.support-phone{background:var(--color-white);color:#fff}
.customer-support .support-phone-number{font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.4;letter-spacing:0;white-space:nowrap}
.support-channels{font-size:16px;line-height:1.85}
.support-remote{background:var(--support-surface)}
.customer-support .support-remote h2{font-size:28px;line-height:1.85}
.support-remote>p:not(.support-small){font-size:16px;line-height:1.85;color:var(--support-muted)}
.customer-support .button{min-height:56px;padding:14px 28px;border-radius:4px;font-size:16px;line-height:1.6;justify-content:center;letter-spacing:0;text-align:center}
.customer-support .support-download-button{background:var(--color-white);color:#fff;white-space:normal}
.customer-support .support-download-button:hover{background:var(--color-blue)}
.support-products-section{padding-bottom:64px}
.support-section-heading{display:grid;gap:28px}
.support-section-heading>p{font-size:var(--text-body);color:var(--support-muted)}
.support-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:28px 0}
.support-product{padding-block:20px;min-height:152px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}
.customer-support .support-brand{height:70px;width:160px;max-width:100%;display:flex;align-items:center;justify-content:center;margin:0}
.support-brand>img{width:148px;height:auto;max-height:65px;object-fit:contain}
.customer-support .support-brand .groupee-logo-crop{height:65px;width:160px;max-width:100%;aspect-ratio:auto}
.customer-support .support-brand .groupee-logo-crop>img{width:237px;height:64.5px;left:-77px;top:0}
.support-product.pipos .support-brand>img{width:142px}
.customer-support .support-brand .hr-wordmark{font-size:40px;line-height:1;font-weight:700;letter-spacing:-.04em;color:#4aab38;white-space:nowrap}
.customer-support .support-brand .hr-wordmark>span{color:#d62e2e}
.customer-support .support-product>p{font-size:16px;line-height:1.85;letter-spacing:0}
.support-conditions{color:var(--support-muted)}
.support-common{background:var(--support-surface);padding:56px 0}
.support-common-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}
.customer-support .support-common h3{font-size:18px;margin-bottom:10px;line-height:1.85}
.support-common p{font-size:var(--text-body);color:var(--support-muted);line-height:1.85}
.support-inquiry{padding:64px 0;display:grid;justify-items:start;gap:22px}
.customer-support .support-inquiry .button{min-width:240px}
.support-inquiry h2>span{display:inline-block;white-space:nowrap}
@media(min-width:1440px){.customer-support .wrap{width:min(1280px,calc(100% - 160px))}.support-hero-photo{height:460px}}
@media(max-width:1100px){
 .customer-support .support-hero{gap:36px}.customer-support h1{font-size:44px}
 .customer-support .support-phone-number{font-size:34px}.support-phone,.support-remote{padding:28px}
 .support-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.customer-support .support-brand{width:160px}
}
@media(max-width:760px){
 .customer-support{padding-top:78px}.customer-support .wrap{width:calc(100% - 48px)}
 .customer-support .support-hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:28px;padding-bottom:40px}
 .support-hero-copy{gap:18px}.customer-support h1{font-size:36px;line-height:1.5}
 .support-hero-photo{height:250px;border-radius:12px}.support-hero-links{gap:24px}
 .customer-support .support-contacts{grid-template-columns:1fr;padding-bottom:56px}
 .support-phone,.support-remote{padding:24px}.customer-support .support-phone-number{font-size:31px}
 .support-remote .button{width:100%}.support-products-section{padding-bottom:44px}
 .customer-support h2{font-size:28px}.support-section-heading{gap:20px}
 .support-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:24px 0 28px}
 .customer-support .support-brand{width:100%;max-width:160px}.support-brand>img{max-width:100%}
 .support-conditions br{display:none}.support-common{padding:40px 0 44px}
 .support-common-grid{grid-template-columns:1fr;gap:26px}.support-inquiry{padding:44px 0}
 .customer-support .support-inquiry .button{width:100%}
}
@media(max-width:360px){
 .customer-support .wrap{width:calc(100% - 40px)}.customer-support h1{font-size:32px}
 .support-hero-links{gap:14px}.support-phone,.support-remote{padding:20px}
 .customer-support .support-phone-number{font-size:27px}
 .customer-support .support-brand .groupee-logo-crop{width:134px;height:55px}
 .customer-support .support-brand .groupee-logo-crop>img{width:198px;height:auto;left:-64px}
 .customer-support .support-brand .hr-wordmark{font-size:36px}
}