.tech-hero{overflow:hidden}.tech-hero__inner{display:grid;gap:var(--tech-space-8);align-items:center}@media screen and (min-width:990px){.tech-hero__inner--split{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:var(--tech-space-7)}}.tech-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--tech-space-5)}.tech-hero__inner:not(.tech-hero__inner--split) .tech-hero__content{align-items:center;text-align:center;max-width:92rem;margin-inline:auto}.tech-hero__inner:not(.tech-hero__inner--split) .tech-lead{margin-inline:auto}.tech-hero .tech-heading--display{max-width:18ch}.tech-hero__inner--split .tech-heading--display{max-width:14em;font-size:clamp(3.8rem,4.4vw,6.2rem);line-height:1.05}.tech-hero__inner:not(.tech-hero__inner--split) .tech-heading--display{max-width:20ch}.tech-hero .tech-lead p{margin:0}.tech-hero__pill{display:inline-flex;align-items:center;gap:var(--tech-space-2);margin:0;padding:.6rem 1.4rem .6rem 1rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--tech-radius-pill);background:rgba(var(--color-foreground),.04);font-family:var(--tech-font-mono);font-size:1.2rem;letter-spacing:.06em;color:rgba(var(--color-foreground),.8)}.tech-hero__pill-dot{width:.8rem;height:.8rem;border-radius:50%;background:var(--tech-success);box-shadow:0 0 0 .3rem #34d3992e}.tech-hero__actions{display:flex;flex-wrap:wrap;gap:var(--tech-space-3);margin-top:var(--tech-space-2)}@media screen and (max-width:749px){.tech-hero__actions{width:100%;flex-direction:column}}.tech-hero__points{display:flex;flex-wrap:wrap;gap:var(--tech-space-3) var(--tech-space-5);margin:var(--tech-space-2) 0 0;padding:0;list-style:none}.tech-hero__point{display:inline-flex;align-items:center;gap:var(--tech-space-2);font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.tech-hero__point .tech-icon{width:1.6rem;height:1.6rem;color:var(--tech-success)}.tech-hero__image img{display:block;width:100%;height:auto;border-radius:var(--tech-radius-xl);border:1px solid rgba(var(--color-foreground),.1)}.tech-mock{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:var(--tech-radius-xl);background:linear-gradient(180deg,#182033d9,#0e131fe6);box-shadow:0 3rem 8rem -2rem #000000b3,0 0 0 1px rgba(var(--tech-accent-rgb),.08),0 2rem 6rem -2rem rgba(var(--tech-accent-rgb),.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e8ebf2;overflow:hidden}.tech-mock:before{content:"";position:absolute;inset:-40% -20% auto auto;width:60%;aspect-ratio:1;background:radial-gradient(circle,rgba(var(--tech-accent-2-rgb),.35),transparent 65%);pointer-events:none}.tech-mock__bar{position:relative;display:flex;align-items:center;gap:.6rem;padding:1.4rem 1.8rem;border-bottom:1px solid rgba(255,255,255,.07)}.tech-mock__bar>span:not(.tech-mock__status){width:1rem;height:1rem;border-radius:50%;background:#ffffff24}.tech-mock__title{margin:0 0 0 1rem;font-size:1.35rem;font-weight:600}.tech-mock__status{margin-left:auto;padding:.3rem .9rem;border-radius:var(--tech-radius-pill);background:#34d3991f;color:#6ee7b7;font-family:var(--tech-font-mono);font-size:1.1rem}.tech-mock__body{position:relative;display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem 1.8rem 1.6rem}.tech-mock__msg{max-width:85%;padding:1.2rem 1.6rem;border-radius:1.4rem;font-size:1.4rem;line-height:1.5}.tech-mock__msg--user{align-self:flex-end;border-bottom-right-radius:.4rem;background:var(--tech-accent);color:#fff}.tech-mock__msg--bot{display:flex;gap:1rem;align-items:flex-start;border-bottom-left-radius:.4rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e8ebf2e6}.tech-mock__avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:.8rem;background:linear-gradient(135deg,var(--tech-accent),var(--tech-accent-2));color:#fff}.tech-mock__avatar .tech-icon{width:1.6rem;height:1.6rem}.tech-mock__typing{display:inline-flex;gap:.4rem;padding:.6rem 0 0 .4rem}.tech-mock__typing span{width:.6rem;height:.6rem;border-radius:50%;background:#ffffff59}@media(prefers-reduced-motion:no-preference){.tech-mock__typing span{animation:tech-typing 1.2s infinite ease-in-out}.tech-mock__typing span:nth-child(2){animation-delay:.15s}.tech-mock__typing span:nth-child(3){animation-delay:.3s}.tech-mock__steps .is-active .tech-icon{animation:tech-pulse 1.8s infinite ease-in-out}}@keyframes tech-typing{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-.3rem)}}@keyframes tech-pulse{50%{opacity:.45}}.tech-mock__flow{position:relative;margin:0 1.8rem 1.8rem;padding:1.6rem;border:1px solid rgba(255,255,255,.07);border-radius:1.2rem;background:#05070c73}.tech-mock__flow-label{margin:0 0 1.2rem;font-family:var(--tech-font-mono);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:#e8ebf299}.tech-mock__steps{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.tech-mock__steps li{display:flex;align-items:center;gap:1rem;font-size:1.35rem;color:#e8ebf2d9}.tech-mock__steps .tech-icon{width:1.8rem;height:1.8rem;padding:.2rem;border-radius:50%}.tech-mock__steps .is-done .tech-icon{background:#34d39926;color:#6ee7b7}.tech-mock__steps .is-active .tech-icon{background:rgba(var(--tech-accent-rgb),.2);color:var(--tech-accent-soft)}@media screen and (max-width:749px){.tech-mock__msg{max-width:92%;font-size:1.35rem}}.tech-flow{position:relative;--tf-duration: 14s}.tech-flow__glow{position:absolute;top:8%;right:-6%;bottom:-6%;left:8%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--tech-accent-rgb),.35),rgba(var(--tech-accent-2-rgb),.18) 55%,transparent);filter:blur(40px)}.tech-flow__window{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:var(--tech-radius-xl);background:linear-gradient(180deg,#182033e0,#0c101af0);box-shadow:0 0 0 1px rgba(var(--tech-accent-rgb),.06),0 4rem 10rem -3rem #000c,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e8ebf2;overflow:hidden}.tech-flow__bar{display:flex;align-items:center;gap:1.2rem;padding:1.3rem 1.8rem;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff05}.tech-flow__dots{display:inline-flex;gap:.6rem}.tech-flow__dots span{width:1rem;height:1rem;border-radius:50%;background:#ffffff24}.tech-flow__title{margin:0;font-size:1.3rem;font-weight:600;color:#e8ebf2d9}.tech-flow__label{margin-left:auto;padding:.3rem .9rem;border:1px solid rgba(var(--tech-accent-2-rgb),.4);border-radius:var(--tech-radius-pill);background:rgba(var(--tech-accent-2-rgb),.12);font-family:var(--tech-font-mono);font-size:1.05rem;letter-spacing:.04em;color:#c4b1fb;white-space:nowrap}.tech-flow__body{position:relative;display:grid;gap:1.2rem;padding:2rem 2rem 2.2rem 4.8rem}.tech-flow__rail{position:absolute;top:3.6rem;bottom:4.4rem;left:2.4rem;width:1px;background:linear-gradient(180deg,rgba(var(--tech-accent-rgb),.5),rgba(var(--tech-accent-2-rgb),.4),#34d39966)}.tech-flow__packet{position:absolute;top:0;left:-.4rem;width:.9rem;height:.9rem;border-radius:50%;background:#fff;box-shadow:0 0 0 .3rem rgba(var(--tech-accent-rgb),.35),0 0 1.6rem rgba(var(--tech-accent-rgb),.9);opacity:0}.tech-flow__stage{position:relative;display:grid;gap:1rem;padding:1.4rem 1.6rem;border:1px solid rgba(255,255,255,.07);border-radius:1.4rem;background:#ffffff08}.tech-flow__stage:before{content:"";position:absolute;top:2.2rem;left:-2.8rem;width:.9rem;height:.9rem;border:1px solid rgba(var(--tech-accent-rgb),.7);border-radius:50%;background:#0d121d}.tech-flow__stage--ai{border-color:rgba(var(--tech-accent-rgb),.28);background:linear-gradient(135deg,rgba(var(--tech-accent-rgb),.1),rgba(var(--tech-accent-2-rgb),.06))}.tech-flow__head{display:flex;align-items:center;gap:1.2rem}.tech-flow__head-text{flex:1;min-width:0}.tech-flow__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e8ebf2d9}.tech-flow__icon .tech-icon{width:1.8rem;height:1.8rem}.tech-flow__icon--ai{border-color:transparent;background:linear-gradient(135deg,var(--tech-accent),var(--tech-accent-2));color:#fff;box-shadow:0 .6rem 2rem -.6rem rgba(var(--tech-accent-rgb),.8)}.tech-flow__icon--ok{background:#34d3991f;border-color:#34d39940;color:#6ee7b7}.tech-flow__stage-title{margin:0;font-size:1.4rem;font-weight:600;line-height:1.3}.tech-flow__meta{margin:.2rem 0 0;font-size:1.15rem;color:#e8ebf299;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-flow__state{flex:none;display:inline-flex;align-items:center;gap:.6rem;padding:.3rem .9rem;border-radius:var(--tech-radius-pill);background:#ffffff0f;font-family:var(--tech-font-mono);font-size:1.05rem;color:#e8ebf2b3}.tech-flow__state--busy{background:rgba(var(--tech-accent-rgb),.16);color:var(--tech-accent-soft)}.tech-flow__state--busy i{width:.9rem;height:.9rem;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%}.tech-flow__message{margin:0;padding:1.1rem 1.3rem;border-radius:1rem;background:#05070c80;font-size:1.3rem;line-height:1.5;color:#e8ebf2d1}.tech-flow__tags{display:flex;flex-wrap:wrap;gap:.6rem}.tech-flow__tag{padding:.4rem 1rem;border:1px solid rgba(var(--tech-accent-rgb),.35);border-radius:var(--tech-radius-pill);background:rgba(var(--tech-accent-rgb),.12);font-size:1.15rem;font-weight:500;color:#c7d4ff}.tech-flow__progress{height:.4rem;border-radius:.4rem;background:#ffffff0f;overflow:hidden}.tech-flow__progress span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tech-accent),var(--tech-accent-2),var(--tech-cyan));transform-origin:left center}.tech-flow__summary{display:flex;gap:.8rem;align-items:flex-start;margin:0;font-size:1.25rem;line-height:1.5;color:#e8ebf2c7}.tech-flow__summary .tech-icon{flex:none;width:1.6rem;height:1.6rem;margin-top:.1rem;color:var(--tech-accent-soft)}.tech-flow__targets{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.tech-flow__targets li{display:flex;align-items:center;gap:1rem;padding:.8rem 1.1rem;border-radius:.9rem;background:#ffffff09;font-size:1.3rem;color:#e8ebf2e0}.tech-flow__targets li>.tech-icon{width:1.7rem;height:1.7rem;color:#e8ebf28c}.tech-flow__check{display:inline-flex;margin-left:auto;padding:.2rem;border-radius:50%;background:#34d39926;color:#6ee7b7}.tech-flow__check .tech-icon{width:1.4rem;height:1.4rem}@media(prefers-reduced-motion:no-preference){.tech-flow [class*=tf-]{animation-duration:var(--tf-duration);animation-iteration-count:infinite;animation-timing-function:var(--tech-ease);animation-fill-mode:both}.tf-02{animation-name:tf-02}.tf-06{animation-name:tf-06}.tf-16{animation-name:tf-16}.tf-22{animation-name:tf-22}.tf-27{animation-name:tf-27}.tf-32{animation-name:tf-32}.tf-42{animation-name:tf-42}.tf-50{animation-name:tf-50}.tf-56{animation-name:tf-56}.tf-62{animation-name:tf-62}.tf-68{animation-name:tf-68}.tech-flow__packet{animation:tf-packet var(--tf-duration) var(--tech-ease) infinite}.tech-flow__progress span{animation:tf-progress var(--tf-duration) linear infinite}.tech-flow__state--busy i{animation:tf-spin .9s linear infinite}}@keyframes tf-02{0%,1%{opacity:0;transform:translateY(.8rem)}5%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-06{0%,5%{opacity:0;transform:translateY(.8rem)}9%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-16{0%,15%{opacity:0;transform:translateY(.8rem)}19%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-22{0%,22%{opacity:0;transform:scale(.9)}25%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-27{0%,27%{opacity:0;transform:scale(.9)}30%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-32{0%,32%{opacity:0;transform:scale(.9)}35%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-42{0%,41%{opacity:0;transform:translateY(.6rem)}45%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-50{0%,49%{opacity:0;transform:translateY(.8rem)}53%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-56{0%,56%{opacity:0;transform:translate(-.8rem)}59%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-62{0%,62%{opacity:0;transform:translate(-.8rem)}65%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-68{0%,68%{opacity:0;transform:translate(-.8rem)}71%,93%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes tf-packet{0%,6%{top:0;opacity:0}9%{opacity:1}18%{top:0}30%{top:38%}48%{top:38%}56%{top:70%}68%{top:100%;opacity:1}74%,to{top:100%;opacity:0}}@keyframes tf-progress{0%,20%{transform:scaleX(0)}40%,93%{transform:scaleX(1)}98%,to{transform:scaleX(0)}}@keyframes tf-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.tech-flow__body{padding:1.6rem 1.4rem 1.8rem 3.6rem}.tech-flow__rail{left:1.8rem}.tech-flow__stage{padding:1.2rem}.tech-flow__stage:before{left:-2.2rem}.tech-flow__state{display:none}.tech-flow__label{font-size:1rem}}.tech-hero__trust{display:flex;align-items:center;gap:var(--tech-space-3);margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.55)}.tech-hero__trust .tech-icon{flex:none;width:1.8rem;height:1.8rem;color:var(--tech-accent-soft)}.tech-hero__scroll{position:absolute;bottom:2.4rem;left:50%;display:none;width:2.4rem;height:3.8rem;border:1.5px solid rgba(var(--color-foreground),.25);border-radius:1.2rem;transform:translate(-50%)}.tech-hero__scroll:before{content:"";position:absolute;top:.7rem;left:50%;width:.3rem;height:.7rem;border-radius:.2rem;background:rgba(var(--color-foreground),.6);transform:translate(-50%)}@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.tech-hero__scroll{display:block}.tech-hero__scroll:before{animation:tech-scroll-hint 1.8s var(--tech-ease) infinite}}@keyframes tech-scroll-hint{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,1.2rem)}}.tech-hero--dashboard{background:radial-gradient(60rem 40rem at 78% 30%,rgba(47,107,255,.16),transparent 70%),radial-gradient(50rem 40rem at 10% 90%,rgba(124,58,237,.18),transparent 70%)}.tech-hero__waves{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:72%;pointer-events:none}@media(prefers-reduced-motion:no-preference){.tech-hero__waves{animation:tech-wave-glow 12s ease-in-out infinite}}@keyframes tech-wave-glow{0%,to{opacity:.75}50%{opacity:1}}.tech-hero__features{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:var(--tech-space-6);margin:var(--tech-space-4) 0 0;padding:0;list-style:none}.tech-hero__feature{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:1.4rem;font-weight:600;text-align:center;color:rgba(var(--color-foreground),.9)}.tech-hero__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border:1px solid rgba(91,140,255,.28);border-radius:1.3rem;background:linear-gradient(160deg,#2f6bff33,#7c3aed1f);box-shadow:0 0 2.4rem -.6rem #2f6bffb3,inset 0 1px #ffffff14;color:#9db8ff}.tech-hero__feature-icon .tech-icon{width:2.2rem;height:2.2rem}@media screen and (max-width:749px){.tech-hero__features{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tech-space-3)}.tech-hero__feature{font-size:1.25rem}}.tech-hero__inner--dashboard .tech-heading--display{max-width:11em;font-size:clamp(3.6rem,4.15vw,6rem)}.tech-design:has(#MainContent>.shopify-section:first-child .tech-hero) .section-header{margin-bottom:calc(var(--tech-header-overlap) * -1)}#MainContent>.shopify-section:first-child .tech-hero{padding-top:calc(var(--tech-section-space) + var(--tech-header-overlap))}.tech-design{--tech-header-overlap: 8.4rem}@media screen and (max-width:749px){.tech-design{--tech-header-overlap: 7.2rem}}.tech-hero__inner--dashboard .tech-heading--display{max-width:11em;font-size:clamp(4rem,4.25vw,6.4rem);font-weight:650;line-height:.98;letter-spacing:-.052em;color:#f4f6ff}.tech-hero__inner--dashboard .tech-text-gradient{background-image:linear-gradient(100deg,#eef1ff,#9db8ff 32%,#8f86ff 62%,#c4b2ff)}.tech-hero__inner--dashboard .tech-lead{max-width:54rem;font-size:clamp(1.7rem,1.35vw,1.95rem);line-height:1.6;color:#e8ebf2ad}.tech-hero__inner--dashboard .tech-hero__content{gap:var(--tech-space-6)}.tech-hero__inner--dashboard .tech-hero__pill{border-color:#ffffff1a;background:linear-gradient(90deg,#2f6bff24,#7c3aed14)}.tech-hero--dashboard .tech-hero__waves{opacity:.8}@media screen and (max-width:749px){.tech-hero__inner--dashboard .tech-heading--display{font-size:clamp(3.2rem,8.9vw,4.2rem);line-height:1.04}.tech-hero__inner--dashboard .tech-hero__content{gap:var(--tech-space-5)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-tech-hero.css.map */
