@layer components{.shq-ai-hero{align-items:center;background-color:var(--color-bg);background-image:url(https://shipperhq.ai/hubfs/shipperhq-ai/background-images/homepage-hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;min-height:min(56.25vw,67.5rem);overflow:hidden;position:relative}@media (min-width:1921px){.shq-ai-hero{background-position:top;background-size:1920px auto;min-height:63.375rem}}.shq-ai-hero__tv-video{border-radius:4.27%/5.71%;object-fit:fill;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-slow);z-index:1}.shq-ai-hero__tv-video.is-ready{opacity:1}.shq-ai-hero__overlay-bottom{background:linear-gradient(180deg,rgba(15,14,12,0),#0f0e0c 89.03%);height:10rem;inset:auto 0 0 0;pointer-events:none;position:absolute;z-index:2}.shq-ai-hero__overlay-right{background:linear-gradient(270deg,rgba(15,14,12,0) 0,rgba(15,14,12,.61) 89.03%);inset:0 41.875% 0 0;pointer-events:none;position:absolute;z-index:2}.shq-ai-hero__side-left,.shq-ai-hero__side-right{bottom:0;display:none;pointer-events:none;position:absolute;top:0;z-index:2}@media (min-width:1921px){.shq-ai-hero__side-left{background:linear-gradient(90deg,#0f0e0c 0,transparent);display:block;left:calc(50% - 960px);width:200px}.shq-ai-hero__side-right{background:linear-gradient(270deg,#0f0e0c 0,transparent);display:block;right:calc(50% - 960px);width:200px}}.shq-ai-hero__inner{align-items:center;display:flex;justify-content:flex-start;padding-block:6rem;padding-inline-end:max(var(--space-16),52vw);padding-inline-start:4rem;position:relative;width:100%;z-index:3}@media (min-width:1441px){.shq-ai-hero__inner{padding-inline-start:calc(50% - 960px + 16.25rem)}}.shq-ai-hero__text{align-items:flex-start;display:flex;flex-direction:column;gap:1.375rem;max-width:35.4375rem}.shq-ai-hero__preheading{align-items:center;background:rgba(56,109,220,.22);border-radius:1.375rem;color:var(--primitive-shqai-blue);display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-label);line-height:1;margin:0;padding:.75rem 1.0625rem;text-transform:uppercase}.shq-ai-hero__heading{color:var(--color-text);line-height:var(--line-height-tight)}.shq-ai-hero__heading,.shq-ai-hero__heading h1{font-family:var(--font-family-base);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.045rem}.shq-ai-hero__heading h1{color:var(--primitive-vapor-white);font-style:normal;line-height:1.1;margin:0}.shq-ai-hero__heading h2,.shq-ai-hero__heading p{margin:0}.shq-ai-hero__heading .text-gradient{background:linear-gradient(90deg,#2dafec,#386ddc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shq-ai-hero__subheading{max-width:33.6875rem}.shq-ai-hero__subheading,.shq-ai-hero__subheading p{color:var(--color-text);font-family:var(--font-family-display);font-size:2.5rem;font-weight:var(--font-weight-regular);line-height:var(--line-height-base);margin:0}.shq-ai-hero__subheading em{font-style:italic}.shq-ai-hero__description{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);margin:0;max-width:33.6875rem}.shq-ai-hero__mobile-image{display:none}@media (max-width:1280px){.shq-ai-hero{align-items:stretch;background-image:linear-gradient(180deg,#24220d,#645d38);flex-direction:column;justify-content:flex-start;min-height:37.5rem}.shq-ai-hero__overlay-right,.shq-ai-hero__tv-video{display:none}.shq-ai-hero__inner{flex:1;justify-content:center;padding-inline:var(--space-8)}.shq-ai-hero__mobile-image{display:block;margin:0 auto;max-width:48rem;padding:0 4rem;width:100%}.shq-ai-hero__mobile-image img{display:block;height:auto;width:100%}.shq-ai-hero__text{align-items:center;max-width:36rem;text-align:center}.shq-ai-hero__overlay-bottom{height:3rem}.shq-ai-hero__preheading{font-size:.75rem}.shq-ai-hero__subheading,.shq-ai-hero__subheading p{font-size:2rem;max-width:100%}}@media (max-width:800px){.shq-ai-hero__inner{padding-inline:var(--space-6)}}}