.junecommerce-contact-page{--jc-contact-ink: var(--theme-dark, #07111f);--jc-contact-admin: #2a3f4c;--jc-contact-deep: #162936;--jc-contact-muted: color-mix(in srgb, var(--jc-contact-ink) 62%, transparent);--jc-contact-soft: #f4f8f9;--jc-contact-mint: #83e3c2;--jc-contact-line: rgba(42, 63, 76, .13);overflow-x:clip;background:#fff;color:var(--jc-contact-ink)}.junecommerce-contact-hero{position:relative;overflow:hidden;padding-block:clamp(74px,8vw,128px) clamp(54px,7vw,92px);background:linear-gradient(104deg,#e1fff6f5,#f7fcfcf5 43%,#243946f5),#f7fbfb}.junecommerce-contact-hero:before,.junecommerce-contact-hero:after{content:"";position:absolute;inset-block:-14%;width:1px;background:#2a3f4c1f;transform:rotate(10deg)}.junecommerce-contact-hero:before{left:41%}.junecommerce-contact-hero:after{left:52%}.junecommerce-contact-hero__inner,.junecommerce-contact-section__container{width:min(100% - 64px,1540px);margin-inline:auto}.junecommerce-contact-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(38px,6vw,98px)}.junecommerce-contact-hero__breadcrumbs{margin:0 0 22px;color:color-mix(in srgb,var(--jc-contact-admin) 72%,transparent);font-family:var(--theme-font-menu);font-size:.86rem;font-weight:750}.junecommerce-contact-hero__breadcrumbs a{color:var(--jc-contact-admin);text-underline-offset:.22em}.junecommerce-contact-hero__eyebrow,.junecommerce-contact-card__eyebrow,.junecommerce-contact-form__captcha-label{margin:0 0 14px;color:color-mix(in srgb,var(--jc-contact-admin) 64%,transparent);font-family:var(--theme-font-menu);font-size:.72rem;font-weight:850;letter-spacing:.16em;line-height:1;text-transform:uppercase}.junecommerce-contact-hero__title{max-width:11ch;margin:0;color:var(--jc-contact-ink);font-size:clamp(3.1rem,6.1vw,6.25rem);line-height:.95}.junecommerce-contact-hero__text{max-width:42rem;margin:clamp(22px,2.6vw,32px) 0 0;color:color-mix(in srgb,var(--jc-contact-ink) 76%,transparent);font-size:clamp(1.02rem,1.2vw,1.18rem);line-height:1.7}.junecommerce-contact-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(24px,3vw,38px)}.junecommerce-contact-hero__button,.junecommerce-contact-form__submit,.junecommerce-contact-card__demo{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--jc-contact-deep);border-radius:8px;padding:0 24px;background:var(--jc-contact-deep);color:#fff;font-family:var(--theme-font-menu);font-size:.96rem;font-weight:850;text-decoration:none;box-shadow:0 22px 50px #1629362e;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.junecommerce-contact-hero__button:hover,.junecommerce-contact-hero__button:focus,.junecommerce-contact-form__submit:hover,.junecommerce-contact-form__submit:focus,.junecommerce-contact-card__demo:hover,.junecommerce-contact-card__demo:focus{color:#fff;transform:translateY(-2px);box-shadow:0 26px 58px #1629363d}.junecommerce-contact-hero__button--light{border-color:#ffffffbd;background:#ffffffe6;color:var(--jc-contact-ink)}.junecommerce-contact-hero__button--light:hover,.junecommerce-contact-hero__button--light:focus{color:var(--jc-contact-ink)}.junecommerce-contact-hero__proof{display:flex;flex-wrap:wrap;gap:14px 18px;margin:28px 0 0;padding:0;color:color-mix(in srgb,var(--jc-contact-ink) 66%,transparent);font-family:var(--theme-font-menu);font-size:.92rem;font-weight:750;list-style:none}.junecommerce-contact-hero__proof li{display:inline-flex;align-items:center;gap:8px}.junecommerce-contact-hero__proof i{color:color-mix(in srgb,var(--jc-contact-mint) 72%,var(--jc-contact-admin))}.junecommerce-contact-hero__visual{justify-self:stretch}.junecommerce-contact-hero__console{position:relative;min-height:clamp(360px,33vw,500px);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:clamp(22px,2.8vw,36px);background:linear-gradient(135deg,#ffffff29,#ffffff08),linear-gradient(145deg,#2a4e54f0,#101f2afa);box-shadow:0 34px 100px #07111f47;overflow:hidden}.junecommerce-contact-hero__console:before{content:"JUNECOMMERCE";position:absolute;left:-22px;bottom:46px;color:#ffffff0b;font-family:var(--theme-font-heading);font-size:clamp(4rem,8vw,8.5rem);line-height:.9;white-space:nowrap}.junecommerce-contact-hero__console:after{content:"";position:absolute;inset:0;background:linear-gradient(104deg,transparent 0 42%,rgba(255,255,255,.08) 42.2% 42.8%,transparent 43%),linear-gradient(104deg,transparent 0 66%,rgba(131,227,194,.08) 66.2% 66.8%,transparent 67%);pointer-events:none}.junecommerce-contact-hero__console-bar{position:relative;z-index:1;display:flex;gap:8px;margin-bottom:clamp(28px,4vw,52px)}.junecommerce-contact-hero__console-bar span{width:10px;height:10px;border-radius:999px;background:#ffffff57}.junecommerce-contact-hero__message{position:relative;z-index:1;width:min(100%,520px);display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;margin-left:auto;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:18px;background:#ffffff1f;color:#ffffffd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.junecommerce-contact-hero__message+.junecommerce-contact-hero__message{margin-top:16px}.junecommerce-contact-hero__message--light{margin-left:0;background:#ffffffe0;color:var(--jc-contact-ink)}.junecommerce-contact-hero__message-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--jc-contact-mint) 22%,#fff);color:var(--jc-contact-admin);font-size:1.2rem}.junecommerce-contact-hero__message strong{display:block;margin-bottom:4px;font-family:var(--theme-font-menu)}.junecommerce-contact-hero__message p{margin:0;color:currentColor;line-height:1.55}.junecommerce-contact-hero__console-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(36px,5vw,70px)}.junecommerce-contact-hero__console-grid span{min-height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff1a;color:#ffffffd6;font-family:var(--theme-font-menu);font-weight:850}.junecommerce-contact-page__faq .junecommerce-faq{padding-block:clamp(58px,7vw,104px)}.junecommerce-contact-page__faq .junecommerce-faq__title{font-size:clamp(2.4rem,4.6vw,4.9rem)}.junecommerce-contact-section{padding-block:clamp(70px,8vw,126px);background:linear-gradient(180deg,#fff,#f4f8f9eb)}.junecommerce-contact-page--form-only .junecommerce-contact-section{padding-block-start:clamp(58px,7vw,108px)}.junecommerce-contact-section__breadcrumbs{width:min(100%,1120px);margin:0 auto clamp(22px,3vw,36px);color:color-mix(in srgb,var(--jc-contact-admin) 72%,transparent);font-family:var(--theme-font-menu);font-size:.86rem;font-weight:750}.junecommerce-contact-section__breadcrumbs a{color:var(--jc-contact-admin);text-underline-offset:.22em}.junecommerce-contact-alert{display:flex;align-items:center;gap:12px;width:min(100%,1120px);margin:0 auto 18px;border:1px solid transparent;border-radius:8px;padding:16px 18px;font-family:var(--theme-font-menu);font-weight:750}.junecommerce-contact-alert--success{border-color:color-mix(in srgb,var(--jc-contact-mint) 58%,transparent);background:color-mix(in srgb,var(--jc-contact-mint) 19%,#fff);color:var(--jc-contact-admin)}.junecommerce-contact-alert--danger{border-color:#b02c2c2e;background:#fff3f3;color:#842029}.junecommerce-contact-section__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:stretch;gap:clamp(22px,3vw,36px);width:min(100%,1120px);margin-inline:auto}.junecommerce-contact-section__grid--single{grid-template-columns:minmax(0,1fr)}.junecommerce-contact-card{border:1px solid var(--jc-contact-line);border-radius:8px;padding:clamp(24px,3vw,38px);background:#ffffffeb;box-shadow:0 30px 90px #16242c14}.junecommerce-contact-card--support{position:relative;overflow:hidden;background:linear-gradient(140deg,#3c5e60f5,#12212cfa);color:#fff}.junecommerce-contact-card--support:before{content:"Hallo";position:absolute;right:-18px;bottom:20px;color:#ffffff0b;font-family:var(--theme-font-heading);font-size:clamp(5rem,9vw,9rem);line-height:1}.junecommerce-contact-card--support>*{position:relative;z-index:1}.junecommerce-contact-card__title{margin:0;color:currentColor;font-size:clamp(2.1rem,3.4vw,3.45rem);line-height:1.02}.junecommerce-contact-card__text{max-width:42rem;margin:16px 0 0;color:var(--jc-contact-muted);font-size:1rem;line-height:1.72}.junecommerce-contact-card--support .junecommerce-contact-card__eyebrow,.junecommerce-contact-card--support .junecommerce-contact-card__text{color:#ffffffb8}.junecommerce-contact-form{display:grid;gap:18px;margin-top:clamp(24px,3vw,34px)}.junecommerce-contact-form__honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.junecommerce-contact-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.junecommerce-contact-form .form-label{margin:0 0 8px;color:var(--jc-contact-ink);font-family:var(--theme-font-menu);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.junecommerce-contact-form .form-control,.junecommerce-contact-form .form-select{min-height:54px;border:1px solid var(--jc-contact-line);border-radius:8px;padding:13px 15px;background:#fffffff5;color:var(--jc-contact-ink);font-size:1rem;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.junecommerce-contact-form .form-control:hover,.junecommerce-contact-form .form-select:hover{border-color:#2a3f4c40}.junecommerce-contact-form .form-control:focus,.junecommerce-contact-form .form-select:focus{border-color:color-mix(in srgb,var(--jc-contact-mint) 72%,var(--jc-contact-admin));background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--jc-contact-mint) 22%,transparent)}.junecommerce-contact-form__field--other{margin-top:12px}.junecommerce-contact-form__field--other[hidden]{display:none}.junecommerce-contact-form textarea.form-control{min-height:180px;resize:vertical}.junecommerce-contact-form__captcha{max-width:100%;overflow:hidden}.junecommerce-contact-form__captcha-label{margin-bottom:10px}.junecommerce-contact-form__submit{width:100%;border:0;margin-top:4px;cursor:pointer}.junecommerce-contact-support-list{display:grid;gap:14px;margin:28px 0;padding:0;list-style:none}.junecommerce-contact-support-list li{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;color:#ffffffd1;font-family:var(--theme-font-menu);font-weight:750;line-height:1.45}.junecommerce-contact-support-list i{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--jc-contact-mint) 20%,rgba(255,255,255,.12));color:color-mix(in srgb,var(--jc-contact-mint) 74%,#fff)}.junecommerce-contact-response{display:grid;gap:4px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);padding-block:20px;color:#ffffffa8;font-family:var(--theme-font-menu)}.junecommerce-contact-response strong{color:#fff;font-size:clamp(1.4rem,2.2vw,2rem)}.junecommerce-contact-card__demo{width:100%;margin-top:24px;border-color:#ffffffbd;background:#ffffffeb;color:var(--jc-contact-ink);box-shadow:none}.junecommerce-contact-card__demo:hover,.junecommerce-contact-card__demo:focus{color:var(--jc-contact-ink);box-shadow:0 22px 54px #0000002e}.junecommerce-contact-form .invalid-feedback,.junecommerce-contact-form .text-danger{font-family:var(--theme-font-menu);font-weight:700}@media(max-width:1199.98px){.junecommerce-contact-hero__inner,.junecommerce-contact-section__grid{grid-template-columns:1fr}.junecommerce-contact-hero__visual{width:min(100%,820px)}}@media(max-width:767.98px){.junecommerce-contact-hero{padding-block:52px 44px}.junecommerce-contact-hero__inner,.junecommerce-contact-section__container{width:min(100% - 28px,1540px)}.junecommerce-contact-hero__title{max-width:10ch;font-size:clamp(2.7rem,17vw,4.4rem)}.junecommerce-contact-hero__actions,.junecommerce-contact-hero__proof{flex-direction:column;align-items:stretch}.junecommerce-contact-hero__button{width:100%}.junecommerce-contact-hero__console{min-height:0}.junecommerce-contact-hero__console-grid,.junecommerce-contact-form__row{grid-template-columns:1fr}.junecommerce-contact-section{padding-block:52px}.junecommerce-contact-card{padding:22px}.junecommerce-contact-card__title{font-size:clamp(2rem,12vw,3rem)}}
