.hero-pattern.svelte-1i78g9x{pointer-events:none;z-index:1;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#horizontal-pattern.svelte-1i78g9x{position:absolute;bottom:0;right:calc(50% + min(440px,16vw))}#vertical-pattern.svelte-1i78g9x{height:100%;position:absolute;left:calc(50% + min(400px,12vw))}.hero.svelte-1a1se6c{width:100%;min-height:min-content;position:relative}.hero.home.svelte-1a1se6c{height:calc(100vh - 20px)}.hero-content.svelte-1a1se6c{box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:148px 24px 96px;display:flex}.hero.home.svelte-1a1se6c h1:where(.svelte-1a1se6c){z-index:10;width:100%;max-width:740px;margin-bottom:max(8vh,60px);font-size:40px;position:relative}.buttons.svelte-1a1se6c{flex-direction:column;justify-content:center;gap:max(6vh,60px);width:100%;max-width:800px;margin:auto;display:flex}.button.svelte-1a1se6c{cursor:pointer;flex-direction:column;gap:4px;width:320px;padding:0 4px 0 0;text-decoration:none;transition:padding .2s;display:flex;position:relative}.button-icon.svelte-1a1se6c{transition:transform .2s}.button.svelte-1a1se6c:first-child:nth-last-child(4)~.button:where(.svelte-1a1se6c):first-child{left:0;transform:translate(0%)}.button.svelte-1a1se6c:first-child:nth-last-child(4)~.button:where(.svelte-1a1se6c):nth-child(2){left:33.333%;transform:translate(-33.333%)}.button.svelte-1a1se6c:first-child:nth-last-child(4)~.button:where(.svelte-1a1se6c):nth-child(3){left:66.666%;transform:translate(-66.666%)}.button.svelte-1a1se6c:first-child:nth-last-child(4)~.button:where(.svelte-1a1se6c):nth-child(4){left:100%;transform:translate(-100%)}.button-heading-wrapper.svelte-1a1se6c{align-items:center;gap:12px;display:flex}.button-heading.svelte-1a1se6c{font-size:24px}.button-icon.svelte-1a1se6c{transition:transform .2s;transform:translateY(6px)}.button.svelte-1a1se6c:hover .button-icon:where(.svelte-1a1se6c){transform:translate(6px,6px)}.button-description.svelte-1a1se6c{opacity:.6;width:286px;margin:0;font-size:14px;line-height:1.6;transform:translate(1px)}.hero.sub.svelte-1a1se6c{flex-direction:column;justify-content:center;height:520px;display:flex;overflow:hidden}.sub-content.svelte-1a1se6c{box-sizing:border-box;z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;padding:68px 24px 0;display:grid;position:relative}.hero.sub.svelte-1a1se6c:not(.has-image) .sub-content:where(.svelte-1a1se6c){text-align:center;grid-template-columns:1fr;justify-items:center;max-width:800px}.hero.sub.svelte-1a1se6c:not(.has-image) .sub-text:where(.svelte-1a1se6c){align-items:center}.sub-text.svelte-1a1se6c{flex-direction:column;gap:16px;display:flex}.hero-tags.svelte-1a1se6c{flex-wrap:wrap;gap:6px;display:flex}.hero-tag.svelte-1a1se6c{text-transform:lowercase;letter-spacing:.07em;color:var(--blue-accent);background:#19addb1a;border-radius:3px;padding:4px 8px;font-size:10px;font-weight:500}.hero-tag-link.svelte-1a1se6c{text-decoration:none;transition:background .15s}.hero-tag-link.svelte-1a1se6c:hover{background:#19addb33}.hero.sub.svelte-1a1se6c h1:where(.svelte-1a1se6c){max-width:520px;margin:0;font-size:36px;line-height:1.15}.sub-paragraph.svelte-1a1se6c{color:var(--soft-foreground,#d9d6d1);max-width:480px;margin:0;font-size:16px;font-weight:300;line-height:1.8}.hero-credentials.svelte-1a1se6c{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.hero-credentials-value.svelte-1a1se6c{color:var(--main-foreground);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:8px;padding:6px 10px 6px 11px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.hero-credentials-value.svelte-1a1se6c:hover{border-color:var(--blue-accent);color:var(--blue-accent)}.hero-credentials-text.svelte-1a1se6c{font-family:monospace}.hero-credentials-icon.svelte-1a1se6c{opacity:.7;align-items:center;display:inline-flex}.hero-credentials-value.svelte-1a1se6c:hover .hero-credentials-icon:where(.svelte-1a1se6c){opacity:1}.hero-credentials-value.copied.svelte-1a1se6c{border-color:var(--green-accent,#4caf50);color:var(--green-accent,#4caf50);background:#4caf5014}.hero-credentials-value.copied.svelte-1a1se6c .hero-credentials-icon:where(.svelte-1a1se6c){opacity:1}.hero-external-link.svelte-1a1se6c{color:var(--main-foreground);box-shadow:inset 0 0 0 1px var(--pale-foreground);background:0 0;border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:400;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.hero-external-link.svelte-1a1se6c:hover{color:var(--blue-accent);box-shadow:inset 0 0 0 1px var(--blue-accent);background:#0e141666}.hero-external-icon.svelte-1a1se6c{align-items:center;display:inline-flex;transform:translateY(-2px)}.sub-buttons.svelte-1a1se6c{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.sub-button.svelte-1a1se6c{color:var(--main-foreground);box-shadow:inset 0 0 0 1px var(--main-foreground);background:0 0;border-radius:4px;align-items:center;padding:14px 36px;font-size:16px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.sub-button.svelte-1a1se6c:hover{color:var(--blue-accent);box-shadow:inset 0 0 0 1px var(--blue-accent);background:#0e141666}.sub-image-wrap.svelte-1a1se6c{width:100%;height:100%}@media only screen and (width<=840px),only screen and (height<=960px){.hero-content.svelte-1a1se6c{padding:72px 16px 92px}.hero.home.svelte-1a1se6c h1:where(.svelte-1a1se6c){margin-bottom:60px;font-size:38px}.buttons.svelte-1a1se6c{gap:60px}.sub-content.svelte-1a1se6c{gap:40px}.hero.sub.svelte-1a1se6c{height:460px}}@media only screen and (width<=720px){.hero.sub.svelte-1a1se6c{height:auto;min-height:420px}.sub-content.svelte-1a1se6c{grid-template-columns:1fr;gap:28px;padding:72px 16px 52px}.sub-image-wrap.svelte-1a1se6c{order:-1;justify-self:center;max-width:480px}.hero.sub.svelte-1a1se6c h1:where(.svelte-1a1se6c){font-size:34px}}@media only screen and (width<=640px){.hero.home.svelte-1a1se6c h1:where(.svelte-1a1se6c){margin-bottom:42px;font-size:32px}.buttons.svelte-1a1se6c{align-items:flex-start;gap:42px;max-width:100%;display:flex}.button.svelte-1a1se6c{left:0!important;transform:none!important}.button-heading.svelte-1a1se6c{font-size:20px}}@media only screen and (width<=380px){.button.svelte-1a1se6c,.button-description.svelte-1a1se6c{width:auto}}
