
.hk-mobile-header,.hk-mobile-menu{display:none}#hk-top{position:fixed;right:18px;bottom:24px;z-index:9000;border:1px solid #d3dfd8;border-radius:24px;background:#063d38;color:white;padding:10px 16px;font:14px system-ui;box-shadow:0 3px 12px #0002;cursor:pointer}#hk-top[hidden]{display:none}.hk-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:767px){
html{scroll-padding-top:76px}body{font-size:16px;line-height:1.7;overflow-x:hidden}body.hk-menu-open{overflow:hidden}
body>header:not(.hk-mobile-header){display:none!important}.hk-mobile-header{display:flex;position:fixed;inset:0 0 auto;height:64px;z-index:9500;padding:0 16px;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #dfe7e2;color:#063d38}.hk-mobile-brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;min-width:0}.hk-mobile-brand img{width:34px;height:34px;object-fit:contain}.hk-mobile-header button{border:1px solid #ccd9d1;background:#fff;color:#063d38;min-width:44px;height:42px;border-radius:8px;padding:0 12px;font-size:15px;flex-shrink:0}.hk-mobile-menu:not([hidden]){display:block;position:fixed;inset:64px 0 0;z-index:9400;background:#fff;overflow-y:auto;padding:16px 20px 40px;color:#063d38}.hk-mobile-menu[hidden]{display:none}.hk-mobile-menu a{display:block;padding:12px 4px;border-bottom:1px solid #edf1ee;font-size:16px;color:#063d38;text-decoration:none}.hk-mobile-menu strong{display:block;font-size:14px;margin:20px 0 6px;color:#657c70}
main{padding-top:80px!important;min-width:0!important}main>div{min-width:0!important}main section{padding-top:32px!important;padding-bottom:32px!important}main [class*="max-w-"]{max-width:100%!important}main [class*="px-gutter"],main [class*="lg:px-12"],main [class*="px-6"]{padding-left:18px!important;padding-right:18px!important}main h1,main [class*="headline-hero"]{font-size:30px!important;line-height:1.35!important;letter-spacing:0!important;overflow-wrap:break-word}main h2{font-size:24px!important;line-height:1.45!important;letter-spacing:0!important}main h3{font-size:20px!important;line-height:1.5!important}main h4{font-size:17px!important;line-height:1.5!important}main p,main li{font-size:15px;line-height:1.8}main h1 br{display:none}main .grid{min-width:0;gap:18px}main .grid>*,aside{min-width:0!important}main aside{position:static!important;top:auto!important}main [class*="p-space-xl"],main .p-8,main .p-10{padding:20px!important}main [class*="gap-gutter"]{gap:20px!important}main a[class*="inline-flex"],main button[class*="inline-flex"]{min-height:44px;max-width:100%;height:auto!important;white-space:normal!important;line-height:1.5!important;padding:11px 16px!important;font-size:15px!important}main .material-symbols-outlined{flex-shrink:0}main [class*="justify-between"]{gap:12px}main [class*="justify-between"]>h2,main [class*="justify-between"]>h3{min-width:0}main table{font-size:14px;line-height:1.65;width:100%}main table th,main table td{padding:12px!important;min-width:125px}main table th:first-child,main table td:first-child{min-width:110px}main .hk-table-scroll{margin:12px 0}main img{max-width:100%}main [class*="w-64"]{max-width:100%}#hk-top{right:12px;bottom:18px;padding:10px 14px}#site-contact-panel{padding:14px!important}#site-contact-panel>div{padding:24px 18px!important}.hk-table-tip{display:block;font-size:12px;color:#607368;margin-bottom:6px}
}
@media(min-width:768px){.hk-table-tip{display:none}}

.hk-mobile-table{display:none}
@media(max-width:767px){.hk-desktop-table,.hk-table-tip{display:none!important}.hk-mobile-table{display:grid!important;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;min-width:0}.hk-mobile-table .hk-mobile-table-card{display:block;padding:16px!important;margin:0;background:#fff;border:1px solid #dce5df;border-radius:12px;min-width:0;box-shadow:0 2px 7px #063d3807}.hk-mobile-table .hk-mobile-table-card h4{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #e5ece7;font-size:17px!important;font-weight:700;color:#063d38;line-height:1.5!important;overflow-wrap:anywhere}.hk-mobile-table-item{display:block;margin-top:12px;min-width:0}.hk-mobile-table-item strong{display:block;color:#496357;font-size:13px;line-height:1.6;font-weight:600;margin-bottom:4px}.hk-mobile-table-item>div{color:#172c24;font-size:15px;line-height:1.8;white-space:normal;overflow-wrap:anywhere;word-break:normal;min-width:0}}

@media(max-width:767px){
.hk-compact-label{flex-shrink:0!important;white-space:nowrap!important;width:auto!important;max-width:100%;font-size:12px!important;line-height:1.5!important;letter-spacing:0!important;word-break:normal!important}.hk-label-row{flex-wrap:wrap!important;align-items:flex-start!important;gap:10px!important}.hk-label-row>h2,.hk-label-row>h3,.hk-label-row>div:not(.hk-compact-label){min-width:0;max-width:100%}#roleTabs{display:flex!important;flex-wrap:nowrap!important;width:100%;overflow-x:auto;gap:2px!important}#roleTabs .hk-tab-nowrap{white-space:nowrap!important;flex:1 0 auto!important;font-size:14px!important;line-height:1.5!important;padding:10px!important}
main [class*="headline-sm"],main .font-headline-sm{font-size:18px!important;line-height:1.55!important}main .hk-identity-value{font-size:17px!important;line-height:1.7!important;letter-spacing:0!important;overflow-wrap:anywhere!important;word-break:normal!important}main [class*="tracking-widest"]{letter-spacing:.03em!important}main [class*="uppercase"][class*="rounded-full"]{font-size:11px!important;line-height:1.5!important;letter-spacing:.04em!important;flex-shrink:0;white-space:nowrap}
main a[href="#onboarding"]{white-space:nowrap!important;flex:0 0 auto!important;min-height:40px;padding:9px 12px!important;font-size:14px!important}main a[href="#onboarding"]:hover{transform:none}
.layout-container,.layout-content-container{width:100%!important;max-width:100%!important;min-width:0!important}.layout-container{padding-top:72px!important}.layout-container>div{padding-left:16px!important;padding-right:16px!important;min-width:0!important;max-width:100%!important}.layout-content-container .flex-1{min-width:0!important}.layout-content-container h1{font-size:29px!important;line-height:1.4!important;letter-spacing:0!important}.layout-content-container img{max-width:100%!important}.layout-content-container [class*="min-w-"]{min-width:0!important}.layout-content-container [class*="w-\["]{max-width:100%!important}.layout-content-container nav{flex-wrap:wrap!important}.layout-content-container .grid{grid-template-columns:minmax(0,1fr)!important}.layout-content-container [class*="flex-row"]{flex-wrap:wrap!important}
}

@media(max-width:767px){
main h1,main [class*="headline-hero"]{font-size:27px!important;line-height:1.45!important;letter-spacing:0!important;text-wrap:pretty}main h1 span{font-size:inherit!important;line-height:inherit!important}main h2{font-size:22px!important;line-height:1.5!important}main h3{font-size:18px!important;line-height:1.55!important}main p[class*="body-xl"],main p[class*="body-lg"],main p[class*="text-xl"],main p[class*="text-lg"]{font-size:16px!important;line-height:1.8!important}
main [class*="px-gutter"],main [class*="lg:px-12"],main [class*="px-6"]{padding-left:16px!important;padding-right:16px!important}main .p-space-xl,main .p-space-lg,main .p-8,main .p-10{padding:16px!important}main .max-w-7xl,main .max-w-6xl{padding-left:16px!important;padding-right:16px!important}
main>section:first-child,main>div>section:first-child{padding-top:16px!important}main>section:first-child nav,main>div>section:first-child nav{margin-bottom:16px!important}main .hk-breadcrumb-wrap{display:flex!important;flex-wrap:wrap!important;gap:6px!important;font-size:12px!important;line-height:1.6!important}main .hk-breadcrumb-wrap a{white-space:nowrap!important;flex-shrink:0}
.hk-mobile-icon-stack{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.hk-mobile-icon-stack>div{width:100%!important;min-width:0!important;margin-left:0!important}.hk-mobile-icon-stack>div:first-child:has(.material-symbols-outlined){width:44px!important;flex:none!important}
main .hk-compact-label{font-size:12px!important;line-height:1.5!important;padding:5px 9px!important}main .hk-label-row{align-items:flex-start!important}.hk-label-row>div:has(h3){flex:1 1 180px!important;min-width:0!important}
.hk-catering-page .layout-content-container{width:100%!important;min-width:0!important}.hk-catering-page .layout-content-container>div{min-width:0!important;max-width:100%!important}.hk-catering-page .layout-content-container .my-16{margin-top:24px!important;margin-bottom:24px!important;padding-left:0!important;padding-right:0!important}.hk-catering-page .bg-gradient-to-r{padding:20px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}.hk-catering-page .bg-gradient-to-r>div{width:100%!important;min-width:0!important;max-width:100%!important}.hk-catering-page .bg-gradient-to-r h2{font-size:23px!important;line-height:1.5!important}.hk-catering-page .bg-gradient-to-r p{font-size:15px!important;line-height:1.8!important;overflow-wrap:anywhere}.hk-catering-page .bg-gradient-to-r .w-64{width:100%!important;max-width:100%!important}.hk-catering-page .bg-gradient-to-r a{white-space:normal!important;overflow-wrap:anywhere!important}.hk-catering-page .bg-gradient-to-r .inline-flex{flex-wrap:wrap!important;max-width:100%!important}
}

@media(max-width:767px){
main .px-margin,main [class~="px-margin"],main [class*="px-space-xl"]{padding-left:16px!important;padding-right:16px!important}main .mx-margin{margin-left:0!important;margin-right:0!important}.hk-article-page main h1{font-size:22px!important;line-height:1.6!important;font-weight:700!important;letter-spacing:0!important;margin:0!important;max-width:100%!important}.hk-article-page main h2{font-size:20px!important;line-height:1.55!important}.hk-article-page main h3{font-size:18px!important;line-height:1.55!important}.hk-article-page main article>header{padding:0!important;margin:0!important;gap:14px!important}.hk-article-page main>.flex>section:has(h1){padding-top:20px!important;padding-bottom:24px!important}.hk-article-page main [class*="py-space-xl"]{padding-top:24px!important;padding-bottom:24px!important}.hk-article-page main nav[aria-label],.hk-article-page main .hk-breadcrumb-wrap{padding-top:0!important;padding-bottom:0!important;margin:0!important}.hk-article-page main section:has(.hk-breadcrumb-wrap):not(:has(h1)){padding-top:12px!important;padding-bottom:12px!important}.hk-article-page main .font-body-md{font-size:15px!important;line-height:1.8!important}
}

@media(max-width:767px){
.hk-article-page main{padding-bottom:24px!important}.hk-article-page main article{gap:24px!important}.hk-article-page main article>section{padding-top:0!important;padding-bottom:0!important;margin-top:24px!important;margin-bottom:0!important}.hk-article-page main article>header{margin-top:0!important;margin-bottom:0!important}.hk-article-page main article.space-y-12>:not([hidden])~:not([hidden]){margin-top:24px!important;margin-bottom:0!important}.hk-article-page main .space-y-6>:not([hidden])~:not([hidden]){margin-top:16px!important;margin-bottom:0!important}.hk-article-page main .space-y-8>:not([hidden])~:not([hidden]){margin-top:20px!important;margin-bottom:0!important}.hk-article-page main .space-y-12>:not([hidden])~:not([hidden]){margin-top:24px!important;margin-bottom:0!important}
.hk-spacing-review main article>div[class*="p-space-xl"]{padding:16px!important}.hk-spacing-review main article>div>div[class*="rounded"][class*="p-"]{padding:16px!important}.hk-spacing-review main article [class*="mb-12"],.hk-spacing-review main article [class*="mb-16"]{margin-bottom:20px!important}.hk-spacing-review main article [class*="mt-12"],.hk-spacing-review main article [class*="mt-16"]{margin-top:24px!important}
.hk-title-flex-reset{flex-basis:auto!important}.hk-article-page main .hk-label-row{row-gap:6px!important}.hk-article-page main .hk-label-row>.hk-compact-label{padding-top:0!important;padding-bottom:0!important}.hk-spacing-review main article [class*="h-64"]:not(:has(img)),.hk-spacing-review main article [class*="h-80"]:not(:has(img)){height:auto!important}
}

@media(max-width:767px){
#hk-search-row{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;padding:8px!important;width:100%!important;min-width:0!important}#hk-search-row>div{padding:0!important}#hk-search-row input{width:100%!important;min-width:0!important;max-width:100%!important;padding:10px 4px!important;font-size:14px!important}#hk-search-row button{padding:10px!important;font-size:13px!important;white-space:nowrap!important;margin:0!important}#hk-help-hero{padding-bottom:24px!important;min-height:0!important}#hk-help-hero [class*="mb-12"],#hk-help-hero [class*="mb-16"]{margin-bottom:16px!important}#hk-help-hero [class*="mt-12"],#hk-help-hero [class*="mt-16"]{margin-top:16px!important}
.hk-narrow-insets main [class*="max-w-"][class*="px-"],.hk-narrow-insets main.px-6{padding-left:12px!important;padding-right:12px!important}.hk-narrow-insets main article>div[class*="rounded"],.hk-narrow-insets main article>section>div[class*="rounded"]{padding-left:14px!important;padding-right:14px!important}.hk-narrow-insets main article{margin:0!important;width:100%!important}.hk-narrow-insets main article .p-space-xl,.hk-narrow-insets main article .p-space-lg,.hk-narrow-insets main article .p-8,.hk-narrow-insets main article .p-6{padding:14px!important}
.hk-catering-page .layout-container>div{padding-left:10px!important;padding-right:10px!important}.hk-catering-page .layout-content-container>div{padding-left:0!important;padding-right:0!important}.hk-catering-page .layout-content-container .px-4{padding-left:8px!important;padding-right:8px!important}.hk-catering-page .layout-content-container .p-8,.hk-catering-page .layout-content-container .p-6{padding:14px!important}.hk-catering-page .layout-content-container .bg-gradient-to-r{padding:16px!important}
}

@media(max-width:767px){
.hk-qr-compact-center{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:16px!important;width:100%!important;max-width:100%!important;text-align:center!important}.hk-qr-compact-center>div{max-width:100%!important;align-self:center!important}.hk-qr-compact-center button,.hk-qr-compact-center a{align-self:center!important;white-space:normal!important}.hk-sop-no-shell{padding:0!important;background:transparent!important;box-shadow:none!important}.hk-sop-no-shell>div{padding-left:0!important;padding-right:0!important}.hk-narrow-insets main article>.rounded-2xl{padding:12px!important}
.hk-q5-spacing main{padding-top:76px!important}.hk-q5-spacing main>div[class*="py-"]{padding-top:12px!important;padding-bottom:16px!important}.hk-q5-spacing main section{padding-top:12px!important;padding-bottom:12px!important;margin-top:16px!important;margin-bottom:16px!important}.hk-q5-spacing main section:first-child{margin-top:0!important}.hk-q5-spacing main .mt-16{margin-top:24px!important}.hk-q5-spacing main .mb-10{margin-bottom:20px!important}.hk-feedback-card{padding:16px!important;gap:14px!important}.hk-feedback-card button,.hk-feedback-card a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:10px 14px!important;line-height:1.5!important;white-space:nowrap!important}
.hk-comparison-heading{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.hk-comparison-heading>div{min-width:0!important;max-width:100%!important}.hk-comparison-heading h3{font-size:18px!important;line-height:1.5!important}.hk-comparison-heading>:last-child{align-self:flex-start!important;white-space:nowrap!important}
.hk-catering-page .hk-original-header{display:none!important}.hk-catering-action-title{padding:14px!important;min-height:0!important;gap:6px!important}.hk-catering-action-title>div:first-child{width:44px!important;height:44px!important;margin:0 0 6px!important}.hk-catering-action-title h4{font-size:18px!important;margin-top:0!important}.hk-catering-action-title .mt-4,.hk-catering-action-title .mb-4{margin-top:6px!important;margin-bottom:6px!important}.hk-catering-page .hk-turnover-number{font-size:25px!important;line-height:1.5!important;overflow-wrap:anywhere!important;max-width:100%!important}.hk-catering-page .hk-turnover-number *{font-size:inherit!important}.hk-catering-page .text-right{max-width:100%!important;text-align:left!important}
}

@media(max-width:767px){
.hk-comparison-heading{display:block!important;height:auto!important;min-height:0!important;padding:0 0 16px!important}.hk-comparison-heading>div{display:flex!important;align-items:flex-start!important;gap:12px!important;flex:none!important;height:auto!important;min-height:0!important}.hk-comparison-heading>div>div:first-child{width:44px!important;height:44px!important;flex:0 0 44px!important}.hk-comparison-heading>div>div:last-child{flex:1 1 auto!important;min-width:0!important}.hk-comparison-heading h3{margin:0!important;font-size:18px!important;line-height:1.5!important}.hk-comparison-heading p{font-size:12px!important;line-height:1.6!important;margin:4px 0 0!important}.hk-comparison-heading>span:last-child{display:inline-flex!important;margin-top:12px!important;flex:none!important}
.hk-q10-content-grid{padding-left:10px!important;padding-right:10px!important}#hk-q10-sop{padding:0!important;margin-left:0!important;margin-right:0!important;width:100%!important}#hk-q10-sop>.grid{padding:0!important;margin:0!important;width:100%!important}#hk-q10-sop>.grid>div{padding:14px!important}
#hk-q10-contact{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;padding:14px!important;border-radius:14px;background:white;color:#063d38;width:100%;min-width:0;text-align:left}#hk-q10-contact>img{display:block;width:112px!important;height:112px!important;object-fit:contain}#hk-q10-contact>div{min-width:0;max-width:100%}#hk-q10-contact strong{font-size:16px;line-height:1.6}#hk-q10-contact p{font-size:13px!important;line-height:1.7!important;margin:6px 0!important}#hk-q10-contact button,#hk-q10-contact a{font-size:12px!important;white-space:normal!important;padding:8px!important;line-height:1.5!important;max-width:100%}
}

@media(max-width:767px){
.hk-mall-contact-tight{padding:14px!important;gap:10px!important;min-width:0!important}.hk-mall-contact-tight>div:first-child{background:transparent!important;padding:0!important;height:auto!important;width:auto!important;max-width:100%!important;overflow:visible!important}.hk-mall-contact-tight>div:first-child>div{width:128px!important;height:128px!important;margin:0 auto 8px!important;padding:0!important}.hk-mall-contact-tight img{width:128px!important;height:128px!important;object-fit:contain!important}.hk-mall-contact-tight>span{margin-top:4px!important}.hk-mall-contact-tight button{margin-top:6px!important;min-height:40px!important}
.hk-ecosystem-spacing main section:first-child{padding-top:12px!important;padding-bottom:12px!important}.hk-ecosystem-spacing main section:nth-child(2){padding-top:12px!important}.hk-ecosystem-spacing main section:nth-child(2)>div{row-gap:20px!important}.hk-ecosystem-real-qr{height:auto!important;width:auto!important;padding:0!important;background:white!important}
.hk-q7-top-tight main{padding-top:20px!important}.hk-q7-top-tight main article{padding-top:0!important}.hk-q7-top-tight main article>header{margin-top:0!important;padding-top:0!important}.hk-q7-top-tight main article>header>div:first-child{margin-top:0!important}
.hk-q10-pain-shell{padding-left:0!important;padding-right:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.hk-q10-pain-shell>.grid{padding:0!important;width:100%!important;margin-left:0!important;margin-right:0!important}.hk-q10-pain-shell>.grid>div{padding:16px!important}.hk-narrow-insets main article>.hk-q10-pain-shell{padding-left:0!important;padding-right:0!important}
}

@media(max-width:767px){
.hk-q10-article-full{width:100%!important;min-width:0!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}body.hk-narrow-insets main .hk-q10-pain-shell{padding:0!important;margin:0!important;width:100%!important}.hk-q10-pain-shell>.grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;margin:0!important;padding:0!important}.hk-q10-pain-card{width:100%!important;margin-left:0!important;margin-right:0!important;padding:14px!important}
}
