.elementor-68 .elementor-element.elementor-element-734dd8b{--display:flex;--min-height:62vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:72px;--padding-left:24px;--padding-right:24px;}.elementor-68 .elementor-element.elementor-element-734dd8b:not(.elementor-motion-effects-element-type-background), .elementor-68 .elementor-element.elementor-element-734dd8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F5;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-68 .elementor-element.elementor-element-734dd8b{--padding-top:24px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-68 .elementor-element.elementor-element-734dd8b{--content-width:1200px;}}/* Start custom CSS */.hk-page,.hk-page .elementor-widget-text-editor{font-family:"Outfit",system-ui,sans-serif}
.hk-page p:last-child{margin-bottom:0}
.hk-accent{color:#FF7A18}
.hk-page a:focus-visible,.hk-page summary:focus-visible,.hk-page .elementor-button:focus-visible{outline:3px solid #FF7A18;outline-offset:3px;border-radius:6px}

/* hero */
.hk-hero{position:relative;overflow:hidden;isolation:isolate}
.hk-hero>.e-con-inner{position:static}
.elementor-element.hk-hero-media{position:absolute;inset:0;z-index:-2;width:100%;max-width:none;margin:0}
.hk-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}
.hk-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,19,33,.94) 0%,rgba(8,19,33,.82) 30%,rgba(8,19,33,.35) 55%,rgba(8,19,33,0) 72%),
  linear-gradient(0deg,rgba(8,19,33,.6) 0%,rgba(8,19,33,0) 28%)}
.hk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hk-h1 .hk-accent{display:block}
.elementor-element.hk-hero-note{position:absolute;right:24px;bottom:16px;width:auto;max-width:60%}
.hk-hero .elementor-button{white-space:nowrap}
.hk-hero .hk-btn .elementor-heading-title{padding:17px 26px}

/* devices */
.hk-device{position:relative}
.hk-device-icon svg{display:block;width:34px;height:34px}
.hk-device:not(:first-child)::before{content:"";position:absolute;left:0;top:22px;height:30px;transform:translateY(-50%);border-left:1px solid rgba(255,255,255,.22)}
.hk-device .elementor-heading-title{text-wrap:balance}
.hk-device-note p{margin:0}
@media (max-width:1024px){.hk-device:not(:first-child)::before{display:none}}

/* buttons without a confirmed destination (Heading widgets, see PENDING) */
.hk-btn .elementor-heading-title{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:8px;padding:14px 24px;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.hk-btn .elementor-heading-title a{color:inherit}
.hk-btn--solid .elementor-heading-title{background:#FF7A18;color:#fff}
.hk-btn--solid .elementor-heading-title:has(a):hover{background:#E8650A}
.hk-btn--outline .elementor-heading-title{background:#fff;color:#FF7A18;border-color:#FF7A18}
.hk-btn--outline .elementor-heading-title:has(a):hover{background:#FF7A18}
.hk-btn--outline .elementor-heading-title:has(a):hover a{color:#fff!important}
.hk-btn--navy .elementor-heading-title{background:#fff;color:#081321;border-color:#081321;padding:9px 16px}
.hk-btn--navy .elementor-heading-title::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center/contain no-repeat}
.hk-btn--link .elementor-heading-title{padding:0;border:0;color:#FF7A18;text-decoration:underline;text-underline-offset:3px}
.hk-btn--ghost .elementor-heading-title{background:rgba(8,19,33,.25);border-color:#fff}
.hk-btn--block .elementor-heading-title{display:flex;width:100%}

/* pricing */
.hk-cards{align-items:stretch}
.hk-card{position:relative;height:100%;box-shadow:0 6px 22px rgba(8,19,33,.05);transition:transform .2s ease,box-shadow .2s ease}
.hk-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,19,33,.09)}
.hk-card--featured{box-shadow:0 18px 40px rgba(8,19,33,.2)}
.elementor-element.hk-badge{position:absolute;top:10px;right:-8px;width:auto;margin:0;white-space:nowrap}
.hk-badge .elementor-heading-title{background:#FF7A18;border-radius:8px;padding:7px 11px}
.elementor-element.hk-card-btn{margin-top:auto;padding-top:22px}
.hk-card .hk-btn .elementor-heading-title{padding:13px 18px;border-width:2px;border-radius:10px}
.hk-features .elementor-icon-list-item{align-items:flex-start}
.hk-features .elementor-icon-list-icon{padding-top:0}
.hk-features .elementor-icon-list-icon svg{width:22px;height:22px}
.hk-features .elementor-icon-list-item:last-child{padding-bottom:0}
.hk-trial{width:100%;max-width:1200px;align-self:center}
.elementor-element.hk-zero{width:auto;flex:0 0 auto}
.elementor-element.hk-trial-icon{flex:0 0 64px;width:64px}
.elementor-element.hk-trial-info{--width:auto;flex:1 1 0%;min-width:0}
.hk-trial-info>.elementor-element.hk-btn{flex:0 0 auto}
.hk-zero .elementor-heading-title{background:#FF7A18;border-radius:999px;padding:8px 16px;white-space:nowrap}
.elementor-element.hk-tabs{--n-tabs-title-background-color:transparent;--n-tabs-title-background-color-hover:#FFF1E6;--n-tabs-title-background-color-active:#FF7A18;--n-tabs-title-color:#081321;--n-tabs-title-color-hover:#081321;--n-tabs-title-color-active:#FFFFFF;--n-tabs-title-border-radius:999px}
.hk-tabs .e-n-tabs-heading{justify-content:center;gap:0;margin:0 auto 40px;padding:5px;background:#fff;border:1px solid #E6E4DE;border-radius:999px;width:max-content;max-width:100%}
.hk-tabs .e-n-tabs-heading .e-n-tab-title{background:transparent;border:0;border-radius:999px;padding:12px 26px;color:#081321;font-family:"Outfit",system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.2;transition:background-color .2s ease,color .2s ease}
.hk-tabs .e-n-tabs-heading .e-n-tab-title:hover{background:#FFF1E6;color:#081321}
.hk-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]{background:#FF7A18;color:#fff}
.hk-tabs .e-n-tab-title-text{color:inherit}
.hk-tabs .e-n-tab-title:focus-visible{outline:3px solid #081321;outline-offset:2px}
.hk-tabs .e-n-tabs-content>.e-con{padding:0;border:0;background:transparent}
@media (max-width:767px){.hk-tabs .e-n-tabs-heading{width:100%}.hk-tabs .e-n-tabs-heading .e-n-tab-title{flex:1 1 50%;padding:12px 10px;font-size:14px;white-space:normal;justify-content:center;text-align:center}}
.hk-trial-info{border-left:1px solid rgba(255,255,255,.2);padding-left:32px}
.hk-trial-info .elementor-widget-text-editor{max-width:240px}

/* steps */
.hk-steps{overflow:hidden}
.hk-steps-text{padding-left:max(24px,calc((100vw - 1200px) / 2))!important}
.hk-steps-media{position:relative;min-height:480px}
.elementor-element.hk-steps-img{position:absolute;inset:0;width:100%;max-width:none;margin:0}
.hk-steps-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}
.hk-steps-media::before{content:"";position:absolute;inset:0 auto 0 0;width:30%;z-index:1;pointer-events:none;background:linear-gradient(90deg,#F6F1EA,rgba(246,241,234,0))}
.elementor-element.hk-step-num{flex:0 0 46px;width:46px}
.elementor-element.hk-step-body{--width:auto;flex:1 1 0%;min-width:0}
.hk-pricing .hk-accent,.hk-faq .hk-accent{white-space:nowrap}
.hk-step-num .elementor-heading-title{width:46px;height:46px;border-radius:50%;background:#FF7A18;display:flex;align-items:center;justify-content:center}

/* guides */
.hk-guide-card{transition:transform .2s ease,box-shadow .2s ease}
.hk-guide-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(8,19,33,.07)}
.hk-guide-card>.e-con{--width:auto;min-width:0;flex:1 1 auto}
.elementor-element.hk-guide-img{flex:0 1 auto;width:auto;max-width:46%}
.hk-guide-img img{display:block;height:126px;width:auto;max-width:100%;object-fit:contain}

/* faq */
.hk-faq-acc .e-n-accordion-item{border-top:1px solid #E3E1DA}
.hk-faq-acc .e-n-accordion-item:last-child{border-bottom:1px solid #E3E1DA}
.hk-faq-acc .e-n-accordion-item-title{padding:18px 4px;background:transparent;border:0;gap:18px;justify-content:flex-start;flex-direction:row;color:#081321}
.hk-faq-acc .e-n-accordion-item-title-header{flex-grow:1;order:2}
.hk-faq-acc .e-n-accordion-item-title-icon{order:1}
.hk-faq-acc .e-n-accordion-item-title-text{color:#081321}
.hk-faq-acc .e-n-accordion-item-title-icon span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1.5px solid #081321;border-radius:50%;color:#081321;transition:background-color .2s ease,border-color .2s ease}
.hk-faq-acc .e-n-accordion-item-title-icon svg{width:11px;height:11px;fill:currentColor}
.hk-faq-acc .e-n-accordion-item[open] .e-n-accordion-item-title-icon span{background:#FF7A18;border-color:#FF7A18;color:#fff}
.hk-faq-acc .e-n-accordion-item-title:hover .e-n-accordion-item-title-text{color:#FF7A18}
.hk-faq-acc .e-n-accordion-item>.e-con{border:0;background:transparent}

/* cta */
.hk-cta{position:relative;isolation:isolate}
.hk-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,19,33,.9) 0%,rgba(8,19,33,.6) 50%,rgba(8,19,33,.3) 100%)}

@media (max-width:1024px){
  .hk-trial-info{border-left:0;padding-left:0}
  .elementor-element.hk-hero-note{max-width:80%}
  .hk-steps-text{padding-left:40px!important}
  .hk-steps-media{min-height:380px}
  .hk-steps-media::before{display:none}
}
@media (max-width:767px){
  .hk-hero-media img{object-position:72% center}
  .hk-hero::before{background:linear-gradient(0deg,rgba(8,19,33,.92) 0%,rgba(8,19,33,.75) 45%,rgba(8,19,33,.55) 100%)}
  .elementor-element.hk-hero-note{position:static;max-width:none;margin-top:28px}
  .hk-device:not(:first-child)::before{display:none}
  .hk-steps-text{padding-left:20px!important}
  .hk-steps-media{min-height:260px}
  .hk-steps-media::before{display:none}
  .hk-guide-img img{height:auto;max-height:104px}
  .hk-hero .elementor-button,.hk-cta .elementor-button,.hk-btn .elementor-heading-title{white-space:normal}
}
@media (prefers-reduced-motion:reduce){.hk-page *{transition:none!important;animation:none!important}.hk-card:hover,.hk-guide-card:hover{transform:none}}
.hk-htm-hero{background-image:radial-gradient(120% 140% at 85% 0%,rgba(255,122,24,.16) 0%,rgba(255,122,24,0) 55%)}
.hk-htm{overflow-x:clip}
.hk-htm .elementor-widget-htm_shop,.hk-htm .elementor-widget-htm_checkout,.hk-htm .elementor-widget-htm_account{width:100%}
.hk-htm .htm{font-family:var(--htm-font,inherit);color:var(--xt-navy,#081321);background:transparent}
/* the theme frame already gives width and side padding */
.hk-htm .htm .xt-container{max-width:none;padding-left:0;padding-right:0}
.hk-htm .htm .xt-band{background:transparent;padding-left:0;padding-right:0}
/* shop cards */
.hk-htm .htm .xt-plan__card{background:#fff;border:1px solid #E6E4DE;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}
.hk-htm .htm .xt-plan__card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,19,33,.08)}
.hk-htm .htm .xt-plan__media{background:#0E1B2C}
.hk-htm .htm .xt-plan__title a{color:inherit;text-decoration:none}
.hk-htm .htm .xt-state{background:#fff;border:1px solid #E6E4DE}
/* portal tabs: logout stays on the tab row instead of a line of its own */
@media (min-width:768px){
  .hk-htm .htm .htm-portal__nav{flex-wrap:nowrap;align-items:flex-start}
  .hk-htm .htm .htm-portal__nav ul{flex:1 1 auto;min-width:0}
  .hk-htm .htm .htm-portal__nav a{padding:0 13px}
  .hk-htm .htm .htm-portal__logout{flex:0 0 auto;padding-top:2px}
}
@media (prefers-reduced-motion:reduce){.hk-htm .htm .xt-plan__card:hover{transform:none}}/* End custom CSS */