.hero-gateway[data-astro-cid-3lcni67e]{position:relative;min-height:calc(100vh - 64px);overflow:hidden;background:linear-gradient(150deg,var(--hero-g1),var(--hero-g2) 52%,var(--hero-g3));color:#eefbff;display:flex;align-items:center;padding:clamp(1.2rem,2vw,2rem) 0}.hero-bg[data-astro-cid-3lcni67e],.hero-rays[data-astro-cid-3lcni67e],.hero-particles[data-astro-cid-3lcni67e],.hero-float-bubbles[data-astro-cid-3lcni67e],.hero-fish-layer[data-astro-cid-3lcni67e],.hero-scroll-shade[data-astro-cid-3lcni67e]{position:absolute;inset:0}.hero-rays[data-astro-cid-3lcni67e]{background:linear-gradient(112deg,transparent 0%,var(--hero-rays) 42%,transparent 74%),linear-gradient(78deg,transparent 8%,rgba(163,234,249,.13) 54%,transparent 88%);mix-blend-mode:screen;opacity:.5;animation:raysFloat 16s ease-in-out infinite}.hero-particles[data-astro-cid-3lcni67e]{background-image:radial-gradient(circle,var(--hero-particles) 1px,transparent 1px);background-size:24px 24px;opacity:.33;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.9));mask-image:linear-gradient(to bottom,#00000080,#000000e6)}.hero-ambient-bubble[data-astro-cid-3lcni67e]{position:absolute;left:var(--bubble-left);bottom:-12px;width:var(--bubble-size);height:var(--bubble-size);border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffffff2,#caf7ff40);box-shadow:0 0 10px #dcfaff73;opacity:.52;animation:ambientRise var(--bubble-duration) linear infinite;animation-delay:var(--bubble-delay)}.hero-fish-layer[data-astro-cid-3lcni67e]{pointer-events:none;overflow:hidden;z-index:0}.hero-fish[data-astro-cid-3lcni67e]{position:absolute;top:var(--fish-top);width:var(--fish-size);height:calc(var(--fish-size) * .5);color:#e7fbfff2;opacity:var(--fish-opacity);filter:drop-shadow(0 0 6px rgba(208,247,255,.28))}.hero-fish-svg[data-astro-cid-3lcni67e]{width:100%;height:100%}.hero-fish[data-astro-cid-3lcni67e].is-rtl{left:100%;animation:fishSwimLeft var(--fish-duration) linear infinite;animation-delay:var(--fish-delay)}.hero-fish[data-astro-cid-3lcni67e].is-ltr{left:-12%;transform:scaleX(-1);animation:fishSwimRight var(--fish-duration) linear infinite;animation-delay:var(--fish-delay)}.hero-scroll-shade[data-astro-cid-3lcni67e]{background:linear-gradient(to bottom,#04131f00,#030d16c7);opacity:0;transition:opacity .22s linear}.hero-inner[data-astro-cid-3lcni67e]{position:relative;z-index:2;width:min(1200px,calc(100% - 2rem));margin:0 auto}.hero-headline[data-astro-cid-3lcni67e],.hero-subheadline[data-astro-cid-3lcni67e],.gateway-card[data-astro-cid-3lcni67e]{opacity:0;transform:translateY(24px);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.18,.84,.35,1)}.hero-headline[data-astro-cid-3lcni67e]{max-width:680px;margin:0 auto;text-align:center;font-size:clamp(2.5rem,5.6vw,4.2rem);line-height:1.08;letter-spacing:.01em;font-weight:800;color:#f6fdff;animation-name:heroEnter;animation-duration:var(--hero-headline-ms);animation-delay:80ms}.hero-subheadline[data-astro-cid-3lcni67e]{max-width:700px;margin:1rem auto 0;text-align:center;font-size:clamp(1rem,1.65vw,1.26rem);line-height:1.6;color:#e3f8fff5;animation-name:heroEnter;animation-duration:var(--hero-subheadline-ms);animation-delay:.17s}.hero-cards[data-astro-cid-3lcni67e]{margin-top:clamp(1.3rem,1rem + 1.6vw,2.4rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1vw,1.2rem);align-items:stretch}.gateway-card[data-astro-cid-3lcni67e]{position:relative;min-width:0;border-radius:1.1rem;border:1px solid var(--hero-card-border);background:var(--hero-card-bg);backdrop-filter:blur(12px);box-shadow:0 12px 28px #010d1642;padding:clamp(1rem,1.2vw,1.25rem);display:flex;flex-direction:column;gap:.8rem;animation-name:heroEnter;animation-duration:var(--hero-card-ms);animation-delay:calc(.22s + var(--enter-delay));transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.gateway-card[data-astro-cid-3lcni67e]:hover{transform:translateY(calc(var(--hero-lift) * -1));box-shadow:0 18px 34px #04182654,0 0 0 1px #d2f6ff2e;border-color:#d3f7ff9e}.gateway-card[data-astro-cid-3lcni67e].is-primary{border-color:var(--hero-card-primary-border);box-shadow:0 18px 36px #05152559,0 0 0 1px #ff896a54}.gateway-card[data-astro-cid-3lcni67e].is-primary:hover{box-shadow:0 20px 42px #0515256b,0 0 0 1px #ff9d849e,0 0 32px var(--hero-card-glow)}.gateway-icon-wrap[data-astro-cid-3lcni67e]{position:relative;width:3rem;height:3rem;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(221,248,255,.48);background:#daf7ff21;color:#dcf8ff}.gateway-icon[data-astro-cid-3lcni67e]{width:1.5rem;height:1.5rem}.icon-bubble[data-astro-cid-3lcni67e]{position:absolute;width:6px;height:6px;border-radius:50%;background:#f2fcffeb;opacity:0;transform:translateY(0);pointer-events:none}.icon-bubble[data-astro-cid-3lcni67e].b1{left:2px;top:10px}.icon-bubble[data-astro-cid-3lcni67e].b2{left:26px;top:7px}.icon-bubble[data-astro-cid-3lcni67e].b3{left:15px;top:-2px}.gateway-card[data-astro-cid-3lcni67e]:hover .icon-bubble[data-astro-cid-3lcni67e]{animation:iconBubble .65s ease-out forwards}.gateway-card[data-astro-cid-3lcni67e]:hover .icon-bubble[data-astro-cid-3lcni67e].b2{animation-delay:80ms}.gateway-card[data-astro-cid-3lcni67e]:hover .icon-bubble[data-astro-cid-3lcni67e].b3{animation-delay:.14s}.gateway-title[data-astro-cid-3lcni67e]{margin:0;font-size:clamp(1.1rem,1.3vw,1.25rem);line-height:1.3;color:#f5fdff;font-weight:700;text-wrap:balance;overflow-wrap:anywhere}.gateway-description[data-astro-cid-3lcni67e]{margin:0;color:#dcf5ffe6;font-size:.95rem;line-height:1.55;flex:1;overflow-wrap:anywhere}.gateway-btn[data-astro-cid-3lcni67e]{position:relative;overflow:hidden;margin-top:.2rem;display:inline-flex;width:100%;min-height:46px;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid transparent;color:#f5fdff;font-weight:700;letter-spacing:.01em;text-decoration:none;text-align:center;white-space:normal;padding-inline:.45rem;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.gateway-btn[data-astro-cid-3lcni67e]:hover{transform:translateY(-1px);filter:brightness(1.03)}.gateway-btn[data-astro-cid-3lcni67e]:focus-visible{outline:2px solid rgba(188,243,255,.95);outline-offset:2px}.btn-primary[data-astro-cid-3lcni67e]{background:linear-gradient(130deg,var(--hero-btn-primary-start),var(--hero-btn-primary-end));border-color:#ffffff40;color:#022130}.btn-secondary[data-astro-cid-3lcni67e]{background:var(--hero-btn-secondary);border-color:#e2f8ff59;color:#f0fbff}.gateway-ripple{position:absolute;border-radius:50%;background:#ffffff85;transform:scale(0);animation:cardRipple var(--hero-ripple-ms) ease-out forwards;pointer-events:none}@keyframes heroEnter{to{opacity:1;transform:translateY(0)}}@keyframes ambientRise{0%{transform:translateY(0) scale(.55);opacity:0}15%{opacity:.62}to{transform:translateY(-102vh) scale(1);opacity:0}}@keyframes raysFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fishSwimLeft{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:var(--fish-opacity)}50%{transform:translate(-52vw) translateY(-4px)}to{transform:translate(-120vw) translateY(2px);opacity:0}}@keyframes fishSwimRight{0%{transform:scaleX(-1) translate(0) translateY(0);opacity:0}10%{opacity:var(--fish-opacity)}50%{transform:scaleX(-1) translate(52vw) translateY(-5px)}to{transform:scaleX(-1) translate(120vw) translateY(2px);opacity:0}}@keyframes iconBubble{0%{opacity:0;transform:translateY(0) scale(.7)}22%{opacity:1}to{opacity:0;transform:translateY(-18px) scale(1.15)}}@keyframes cardRipple{to{transform:scale(1.75);opacity:0}}@media(max-width:1024px){.hero-gateway[data-astro-cid-3lcni67e]{min-height:calc(100vh - 64px)}.hero-inner[data-astro-cid-3lcni67e]{width:min(1200px,calc(100% - 1.25rem))}}@media(max-width:700px){.hero-gateway[data-astro-cid-3lcni67e]{min-height:auto;padding:.7rem 0 1rem}.hero-inner[data-astro-cid-3lcni67e]{width:min(1200px,calc(100% - .75rem))}.hero-headline[data-astro-cid-3lcni67e]{max-width:17ch;font-size:clamp(1.9rem,7.2vw,4.2rem);line-height:1.14}.hero-subheadline[data-astro-cid-3lcni67e]{font-size:clamp(.76rem,1.85vw,1.26rem);line-height:1.45;margin-top:.85rem}.hero-cards[data-astro-cid-3lcni67e]{margin-top:.7rem;gap:.45rem}.gateway-card[data-astro-cid-3lcni67e]{padding:.58rem;gap:.4rem}.gateway-icon-wrap[data-astro-cid-3lcni67e]{width:2.25rem;height:2.25rem}.gateway-icon[data-astro-cid-3lcni67e]{width:1.05rem;height:1.05rem}.gateway-title[data-astro-cid-3lcni67e]{font-size:clamp(.74rem,1.85vw,1.25rem);line-height:1.22}.gateway-description[data-astro-cid-3lcni67e]{font-size:clamp(.64rem,1.55vw,.95rem);line-height:1.35}.gateway-btn[data-astro-cid-3lcni67e]{min-height:34px;font-size:clamp(.62rem,1.45vw,.92rem);letter-spacing:0;border-radius:.62rem;padding-inline:.35rem}.gateway-card[data-astro-cid-3lcni67e]:active,.gateway-card[data-astro-cid-3lcni67e].is-tapped{transform:scale(.985);border-color:#d8f8ffb8}.hero-ambient-bubble[data-astro-cid-3lcni67e]{animation-duration:calc(var(--bubble-duration) * 1.15);opacity:.45}.hero-fish[data-astro-cid-3lcni67e]{opacity:calc(var(--fish-opacity) * .85)}.gateway-card[data-astro-cid-3lcni67e]:hover{transform:none;box-shadow:0 12px 28px #010d1642}}@media(prefers-reduced-motion:reduce){.hero-headline[data-astro-cid-3lcni67e],.hero-subheadline[data-astro-cid-3lcni67e],.gateway-card[data-astro-cid-3lcni67e],.hero-rays[data-astro-cid-3lcni67e],.hero-ambient-bubble[data-astro-cid-3lcni67e],.hero-fish[data-astro-cid-3lcni67e],.icon-bubble[data-astro-cid-3lcni67e],.gateway-ripple{animation-duration:.12s!important;transition-duration:.12s!important}.gateway-card[data-astro-cid-3lcni67e]:hover{transform:none}}.live-examples-grid[data-astro-cid-j7pv25f6]>article[data-astro-cid-j7pv25f6],.next-step-shell[data-astro-cid-j7pv25f6]>div[data-astro-cid-j7pv25f6]{min-width:0}.next-step-mobile[data-astro-cid-j7pv25f6]{display:none}@media(max-width:1024px){.live-examples-grid[data-astro-cid-j7pv25f6]{gap:.8rem}.live-examples-grid[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6]{border-radius:.95rem}.next-step-shell[data-astro-cid-j7pv25f6]{gap:.9rem}.next-step-content[data-astro-cid-j7pv25f6]{padding:1.05rem}}@media(max-width:700px){.live-examples-grid[data-astro-cid-j7pv25f6]{margin-top:.9rem;gap:.42rem}.live-examples-grid[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6]{aspect-ratio:auto;min-height:16.4rem}.live-examples-grid[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6]>div[data-astro-cid-j7pv25f6]{min-width:0}.live-examples-grid[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6] .p-4[data-astro-cid-j7pv25f6]{padding:.38rem}.live-examples-grid[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6] .px-4[data-astro-cid-j7pv25f6]{padding-left:.34rem;padding-right:.34rem}.live-examples-grid[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6] .py-2\.5[data-astro-cid-j7pv25f6]{padding-top:.24rem;padding-bottom:.24rem}.live-examples-grid[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6] .h-\[8\.5rem\][data-astro-cid-j7pv25f6],.live-examples-grid[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6] .sm\:h-\[9\.5rem\][data-astro-cid-j7pv25f6]{height:5.1rem}.live-examples-grid[data-astro-cid-j7pv25f6] .text-base[data-astro-cid-j7pv25f6]{font-size:.68rem;line-height:1.22}.live-examples-grid[data-astro-cid-j7pv25f6] .text-sm[data-astro-cid-j7pv25f6]{font-size:.6rem;line-height:1.3}.live-examples-grid[data-astro-cid-j7pv25f6] .text-xs[data-astro-cid-j7pv25f6]{font-size:.52rem;line-height:1.18}.live-examples-grid[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6].inline-flex{margin-top:.35rem}.next-step-desktop[data-astro-cid-j7pv25f6]{display:none}.next-step-mobile[data-astro-cid-j7pv25f6]{display:grid;gap:.6rem}.next-step-mobile-gallery[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.next-step-mobile-tile[data-astro-cid-j7pv25f6]{aspect-ratio:1 / 1;overflow:hidden;border-radius:.72rem;border:1px solid rgb(226 232 240);background:#fff;box-shadow:0 1px 2px #022a4414}.next-step-mobile-content[data-astro-cid-j7pv25f6]{overflow-wrap:anywhere}}@keyframes bubble-rise-1{0%{opacity:.9;transform:translate(calc(-50% + 0px),-50%)}25%{opacity:.85;transform:translate(calc(-50% + 8px),calc(-50% - 60px))}50%{opacity:.8;transform:translate(calc(-50% - 6px),calc(-50% - 120px))}75%{opacity:.5;transform:translate(calc(-50% + 4px),calc(-50% - 200px))}to{opacity:0;transform:translate(calc(-50% + 0px),calc(-50% - 280px))}}@keyframes bubble-rise-2{0%{opacity:.9;transform:translate(-50%,-50%)}25%{opacity:.85;transform:translate(calc(-50% - 10px),calc(-50% - 65px))}50%{opacity:.8;transform:translate(calc(-50% + 5px),calc(-50% - 130px))}75%{opacity:.5;transform:translate(calc(-50% - 3px),calc(-50% - 210px))}to{opacity:0;transform:translate(-50%,calc(-50% - 300px))}}@keyframes bubble-rise-3{0%{opacity:.9;transform:translate(calc(-50% + 0px),-50%)}25%{opacity:.85;transform:translate(calc(-50% + 6px),calc(-50% - 55px))}50%{opacity:.8;transform:translate(calc(-50% - 7px),calc(-50% - 115px))}75%{opacity:.5;transform:translate(calc(-50% + 2px),calc(-50% - 200px))}to{opacity:0;transform:translate(calc(-50% + 0px),calc(-50% - 280px))}}.group[data-astro-cid-j7pv25f6]:hover .group-hover\:animate-bubble-1[data-astro-cid-j7pv25f6]{animation:bubble-rise-1 2.8s ease-out forwards}.group[data-astro-cid-j7pv25f6]:hover .group-hover\:animate-bubble-2[data-astro-cid-j7pv25f6]{animation:bubble-rise-2 2.8s ease-out .2s forwards}.group[data-astro-cid-j7pv25f6]:hover .group-hover\:animate-bubble-3[data-astro-cid-j7pv25f6]{animation:bubble-rise-3 2.8s ease-out .4s forwards}