/* Hero styles from niceweb.de, isolated to the original hero. */
.resonance-hero{--nw-ink:#14213b;--nw-blue:#244bd8;}
.home-resonance .resonance-hero.main-banner-area{width:100%;height:auto!important;min-height:100svh!important;margin:0;padding:0!important;display:grid!important;place-items:center;isolation:isolate;overflow:hidden!important;background:linear-gradient(135deg,#f1f1f1 0,#e1e3e5 50%,#fff 100%)!important}
.home-resonance .resonance-hero.main-banner-area::before{content:""!important;position:absolute;z-index:0;inset:-18%;display:block!important;pointer-events:none;opacity:.76;background:radial-gradient(ellipse at 51% 48%,rgba(255,255,255,.9) 0 21%,transparent 49%),radial-gradient(ellipse at 18% 26%,rgba(255,255,255,.7) 0 12%,transparent 35%),radial-gradient(ellipse at 84% 74%,rgba(255,255,255,.78) 0 11%,transparent 37%),linear-gradient(115deg,rgba(255,255,255,.58),transparent 34% 67%,rgba(255,255,255,.5));transform:rotate(-4deg) scale(1.06)}
.home-resonance .resonance-hero.main-banner-area::after{content:"";position:absolute;z-index:0;top:-22%;left:31%;width:42%;height:145%;pointer-events:none;border:clamp(54px,6vw,105px) solid rgba(255,255,255,.46);border-top-color:rgba(255,255,255,.72);border-bottom-color:rgba(222,225,228,.2);border-radius:48% 55% 42% 58%;filter:blur(2px);transform:rotate(27deg)}
.resonance-hero__folds{position:absolute;pointer-events:none}
.resonance-hero__folds{z-index:0;inset:0;overflow:hidden}
.resonance-hero__container{position:relative;z-index:2;width:100%;min-height:100svh;padding-top:clamp(126px,15vh,168px);padding-bottom:clamp(64px,9vh,96px);display:flex;align-items:center;justify-content:center}
.resonance-hero__content{width:100%;max-width:1280px;margin:0 auto;text-align:center;transform:translateY(-50px)}
.resonance-hero__eyebrow{margin:0;color:#111;font-size:clamp(14px, 1.05vw, 18px);font-weight:650;line-height:1.35;letter-spacing:.075em;text-transform:uppercase}
.home-resonance .resonance-hero__title{max-width:1276px!important;margin:clamp(22px,2.5vh,30px) auto clamp(34px,4.5vh,48px)!important;display:block!important;color:#111!important;background:0 0!important;font-size:clamp(54px, 5.25vw, 88px)!important;font-weight:650!important;line-height:1.08!important;letter-spacing:-.02em!important;letter-spacing:-.047em;text-wrap:balance;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important}
.resonance-hero__actions{display:flex;justify-content:center;align-items:center;gap:9px}
.resonance-hero__button{width:min(100%,238px);min-height:56px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #111;border-radius:999px;color:#f1f1f1;background:#111;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.08em;text-align:center;text-transform:uppercase;transition:color 180ms ease,background-color 180ms ease,transform 180ms ease}
.resonance-hero__button:focus-visible,.resonance-hero__button:hover{color:#111;background:#f1f1f1;transform:translateY(-2px)}
.resonance-hero__benefits{margin:clamp(34px,4.5vh,48px) 0 0;padding:0;display:flex;justify-content:center;align-items:center;gap:clamp(24px,3vw,42px);list-style:none}
.resonance-hero__benefits li{display:inline-flex;align-items:center;color:#151515;font-size:clamp(16px, 1.15vw, 19px);font-weight:450;line-height:1.3;white-space:nowrap}
.resonance-hero__benefits li::before{content:"\2713";width:24px;height:24px;margin-right:9px;display:inline-grid;place-items:center;flex:0 0 24px;border-radius:50%;color:#f1f1f1;background:#111;font-size:14px;font-weight:800}
@media only screen and (max-width:991px){
.resonance-hero__container{padding-right:24px;padding-left:24px}
.home-resonance .resonance-hero__title{max-width:780px!important;font-size:clamp(48px, 7.5vw, 66px)!important}
.resonance-hero__actions{flex-wrap:wrap}
.resonance-hero__benefits{flex-wrap:wrap}
}
@media only screen and (max-width:575px){
.home-resonance .resonance-hero.main-banner-area{min-height:100svh!important}
.home-resonance .resonance-hero.main-banner-area::before{inset:-8% -42%;background:radial-gradient(ellipse at 50% 43%,rgba(255,255,255,.9) 0 17%,transparent 48%),radial-gradient(ellipse at 18% 20%,rgba(255,255,255,.7) 0 10%,transparent 32%),radial-gradient(ellipse at 84% 79%,rgba(255,255,255,.78) 0 10%,transparent 34%),linear-gradient(115deg,rgba(255,255,255,.58),transparent 34% 67%,rgba(255,255,255,.5))}
.home-resonance .resonance-hero.main-banner-area::after{top:-12%;left:13%;width:76%;height:128%;border-width:50px;transform:rotate(18deg)}
.resonance-hero__container{min-height:100svh;padding:0 24px}
.resonance-hero__content{max-width:350px;margin-top:50px;transform:none}
.resonance-hero__eyebrow{max-width:310px;margin-right:auto;margin-left:auto;font-size:12px;letter-spacing:.055em}
.resonance-hero__actions{max-width:300px;margin:0 auto;flex-direction:column;gap:8px}
.resonance-hero__button{width:100%;min-height:48px}
.resonance-hero__benefits{margin-top:38px;flex-direction:column;align-items:center;gap:15px}
.resonance-hero__benefits li{font-size:17px}
}
@media only screen and (max-width:575px) and (max-height:760px){
.resonance-hero__content{transform:none}
.resonance-hero__container{padding-top:0;padding-bottom:0}
.home-resonance .resonance-hero__title{margin-top:16px!important;margin-bottom:24px!important;font-size:clamp(32px, 9.4vw, 38px)!important}
.resonance-hero__button{min-height:44px}
.resonance-hero__benefits{margin-top:26px;gap:10px}
}
@media (prefers-reduced-motion:reduce){
.resonance-hero__button{transition:none}
}
body .resonance-hero__title{font-family:"Inter Tight",sans-serif;letter-spacing:-.04em}
.resonance-hero.gc-hero-motion-ready::before{animation:gc-hero-ambient-drift 18s ease-in-out infinite alternate}
.resonance-hero.gc-hero-motion-ready::after{transform-origin:50% 50%;animation:gc-hero-orbit 21s ease-in-out infinite alternate}
.resonance-hero.gc-hero-motion-ready .resonance-hero__eyebrow{animation:gc-hero-rise .7s 90ms both cubic-bezier(.15,.7,.25,1)}
.resonance-hero.gc-hero-motion-ready .gc-hero-word{display:inline-block;opacity:0;transform:translate3d(0,.72em,0);animation:gc-hero-word-in 680ms both cubic-bezier(.15,.7,.25,1);animation-delay:calc(170ms + (var(--gc-hero-word-index) * 38ms))}
.resonance-hero.gc-hero-motion-ready .resonance-hero__actions{animation:gc-hero-rise 760ms 650ms both cubic-bezier(.15,.7,.25,1)}
.resonance-hero.gc-hero-motion-ready .resonance-hero__benefits{animation:gc-hero-rise 760ms .8s both cubic-bezier(.15,.7,.25,1)}
@media (prefers-reduced-motion:reduce){
.resonance-hero::after,.resonance-hero::before,.resonance-hero__actions,.resonance-hero__benefits,.resonance-hero__eyebrow{animation:none!important;opacity:1!important;transform:none!important}
}
@media (max-width:767px){
.resonance-hero__actions>.resonance-hero__button:nth-child(2){display:none!important}
}

.resonance-hero__button{
    color: #ffffff !important;
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}
html body h1.resonance-hero__title{
    color: #111111 !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
}
body h1 > span.gc-title-gradient{
    color: #6538f3 !important;
    background-color: transparent !important;
    background-image: linear-gradient(110deg, #ad26fe 0%, #6538f3 38%, #1d4ed8 72%, #3b82f6 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
@media (forced-colors: active){
body h1 > span.gc-title-gradient{
        color: CanvasText !important;
        background: none !important;
        -webkit-text-fill-color: CanvasText !important;
    }
}
html body h1.resonance-hero__title > span.gc-title-gradient{
    color: #6538f3 !important;
    background-color: transparent !important;
    background-image: linear-gradient(110deg, #ad26fe 0%, #6538f3 38%, #1d4ed8 72%, #3b82f6 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
@media (min-width: 768px){
html body h1.resonance-hero__title{
        text-wrap: wrap !important;
        text-wrap-style: auto !important;
    }
html body h1.resonance-hero__title > span.gc-title-gradient{
        white-space: nowrap;
    }
}
@media (min-width: 992px){
body.gc-home-page h1.resonance-hero__title{
        height: 2.16em;
        overflow: hidden;
    }
}
html body .resonance-hero__title > .gc-hero-word{
    color: #111111 !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}
.resonance-hero.gc-hero-motion-ready .resonance-hero__title.gc-hero-title-reveal{
    animation: gc-resonance-title-reveal 900ms 140ms both cubic-bezier(0.16, 0.72, 0.24, 1);
}
@media (prefers-reduced-motion: reduce){
.resonance-hero .resonance-hero__title.gc-hero-title-reveal{
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}
@media only screen and (max-width: 575px){
.home-resonance .resonance-hero__title{
        max-width: 350px !important;
        margin-top: 22px !important;
        margin-bottom: 34px !important;
        font-size: clamp(35px, 10.2vw, 42px) !important;
        font-weight: 700 !important;
        line-height: 1.13 !important;
        letter-spacing: -.012em !important;
    }
}
@media (max-width: 767px){
body.home-resonance .resonance-hero__title,
    body.gc-conversion-page .resonance-hero__title{
        font-size: clamp(26px, 7.5vw, 27px) !important;
    }
}
.home-resonance .resonance-hero__flow-lines{
    --gc-home-ribbon-opacity: 1;
    pointer-events: none;
    position: absolute;
    z-index: 2;
    inset: -2%;
    width: 104%;
    height: 104%;
    overflow: visible;
    opacity: var(--gc-home-ribbon-opacity);
    transform: translate3d(0, 0, 0) scale(1.015);
    transform-origin: 50% 50%;
}
.home-resonance .resonance-hero__folds{
    z-index: 1;
}
.home-resonance .resonance-hero__flow-lines .gc-home-ribbon{
    opacity: 1;
}
.home-resonance .resonance-hero__flow-lines .gc-home-ribbon-accent{
    opacity: 1;
}
@media (prefers-reduced-motion: no-preference){
.home-resonance .resonance-hero__flow-lines{
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(1.015);
    }
.home-resonance .resonance-hero__flow-lines :is(.gc-home-ribbon, .gc-home-ribbon-accent){
        stroke-dasharray: 1 1;
        stroke-dashoffset: 1;
        will-change: stroke-dashoffset;
    }
.home-resonance .resonance-hero.gc-hero-motion-ready .resonance-hero__flow-lines{
        opacity: var(--gc-home-ribbon-opacity);
        transform: translate3d(0, 0, 0) scale(1.015);
        animation: none;
    }
.home-resonance .resonance-hero.gc-hero-motion-ready .resonance-hero__flow-lines :is(.gc-home-ribbon, .gc-home-ribbon-accent){
        animation: gc-home-ribbon-draw 10s linear infinite;
    }
.home-resonance .resonance-hero.gc-hero-motion-ready .gc-home-ribbon--one{
        animation-delay: .05s;
    }
.home-resonance .resonance-hero.gc-hero-motion-ready .gc-home-ribbon--two{
        animation-delay: .15s;
    }
.home-resonance .resonance-hero.gc-hero-motion-ready .gc-home-ribbon--three{
        animation-delay: .3s;
    }
.home-resonance .resonance-hero.gc-hero-motion-ready .gc-home-ribbon--four{
        animation-delay: .42s;
    }
.home-resonance .resonance-hero.gc-hero-motion-ready .gc-home-ribbon-accent{
        animation-delay: .1s;
    }
}
@media only screen and (max-width: 767px){
.home-resonance .resonance-hero__flow-lines{
        --gc-home-ribbon-opacity: 1;
        inset: -1% -10%;
        width: 120%;
        height: 102%;
    }
}
@media (prefers-reduced-motion: reduce){
.home-resonance .resonance-hero__flow-lines,
    .home-resonance .resonance-hero__flow-lines :is(.gc-home-ribbon, .gc-home-ribbon-accent){
        animation: none !important;
    }
}
.home-resonance .resonance-hero.gc-hero-motion-ready::before,
.home-resonance .resonance-hero.gc-hero-motion-ready::after{
    animation: none !important;
}
.home-resonance .resonance-hero.main-banner-area::after{
    --gc-hero-white-orbit-progress: 360deg;
    -webkit-mask-image: conic-gradient(
        from -90deg at 50% 50%,
        #000000 0deg var(--gc-hero-white-orbit-progress),
        transparent var(--gc-hero-white-orbit-progress) 360deg
    );
    mask-image: conic-gradient(
        from -90deg at 50% 50%,
        #000000 0deg var(--gc-hero-white-orbit-progress),
        transparent var(--gc-hero-white-orbit-progress) 360deg
    );
}
@media (prefers-reduced-motion: no-preference){
.home-resonance .resonance-hero.main-banner-area::after{
        --gc-hero-white-orbit-progress: 0deg;
    }
.home-resonance .resonance-hero.main-banner-area.gc-hero-motion-ready::after{
        animation: gc-hero-white-orbit-build 10s .18s linear infinite both !important;
    }
}
.gc-cta-label{
    display: inline-block;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
}
body.home-resonance .resonance-hero.main-banner-area{
    height:auto!important;
    min-height:100svh!important;
    padding:0!important;
    isolation:isolate;
    overflow:hidden!important;
    background:#edf6ff!important;
}
body.home-resonance .resonance-hero.main-banner-area::before,
body.home-resonance .resonance-hero.main-banner-area::after{
    content:none!important;
    display:none!important;
}
body.home-resonance .resonance-hero__media{
    position:absolute;
    z-index:0;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    pointer-events:none;
}
body.home-resonance .resonance-hero__media--fallback{
    z-index:0;
    background:#edf6ff;
}
body.home-resonance .resonance-hero__media--video{
    z-index:0;
    display:block;
    object-fit:cover;
    object-position:50% 50%;
    background:#edf6ff;
}
body.home-resonance .resonance-hero__media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%;
}
body.home-resonance .resonance-hero__container{
    position:relative;
    z-index:1;
    min-height:100svh;
    padding:clamp(126px,15vh,168px) 24px clamp(64px,9vh,96px);
}
body.home-resonance .resonance-hero__content{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    text-align:center;
    transform:translateY(-42px);
}
body.home-resonance .resonance-hero__eyebrow{
    color:#111;
    font-size:clamp(13px,.9vw,16px);
    font-weight:700;
    line-height:1.35;
    letter-spacing:.045em;
}
body.home-resonance h1.resonance-hero__title{
    max-width:1220px!important;
    height:auto!important;
    margin:clamp(22px,2.4vh,28px) auto clamp(16px,2vh,22px)!important;
    overflow:visible!important;
    color:#111!important;
    font-size:clamp(50px,3.75vw,74px)!important;
    font-weight:720!important;
    line-height:1.03!important;
    letter-spacing:-.045em!important;
}
body.home-resonance .resonance-hero__lead{
    max-width:780px;
    margin:0 auto clamp(24px,3vh,32px);
    color:rgba(17,17,17,.78);
    font-size:clamp(17px,1.2vw,20px);
    font-weight:450;
    line-height:1.55;
    text-wrap:balance;
}
body.home-resonance .resonance-hero__actions{
    margin-bottom:18px;
}
body.home-resonance .resonance-hero__actions .gc-hero-primary{
    color:#fff!important;
    background:#1d4ed8!important;
    border-color:#1d4ed8!important;
}
body.home-resonance .resonance-hero__actions .gc-hero-primary:hover,
body.home-resonance .resonance-hero__actions .gc-hero-primary:focus-visible{
    color:#fff!important;
    background:#111!important;
    border-color:#111!important;
}
body.home-resonance .resonance-hero__benefits{
    margin-top:clamp(34px,4.2vh,44px);
}
body.home-resonance .resonance-hero__benefits .gc-hero-benefit-rating{
    color: inherit;
    text-decoration: none;
    transition: color 180ms ease;
}
body.home-resonance .resonance-hero__benefits .gc-hero-benefit-rating:hover,
body.home-resonance .resonance-hero__benefits .gc-hero-benefit-rating:focus-visible{
    color: #1d4ed8;
}
@media (max-width:991px){
body.home-resonance .resonance-hero__content{
        transform:translateY(-18px);
    }
body.home-resonance h1.resonance-hero__title{
        max-width:820px!important;
        font-size:clamp(46px,6.8vw,64px)!important;
    }
}
@media (max-width:767px){
body.home-resonance .resonance-hero__media--video,
    body.home-resonance .resonance-hero__media img{
        object-position:100% 50%;
    }
body.home-resonance .resonance-hero__container{
        min-height:100svh;
        padding:112px 20px 54px;
    }
body.home-resonance .resonance-hero__content{
        max-width:540px;
        margin:0 auto;
        transform:none;
    }
body.home-resonance h1.resonance-hero__title{
        max-width:520px!important;
        margin:18px auto 14px!important;
        font-size:clamp(34px,9vw,44px)!important;
        line-height:1.08!important;
        letter-spacing:-.035em!important;
    }
body.home-resonance .resonance-hero__lead{
        max-width:500px;
        margin-bottom:22px;
        font-size:16px;
        line-height:1.5;
    }
body.home-resonance .resonance-hero__benefits{
        margin-top:30px;
        gap:13px;
    }
}
@media (max-width:420px){
body.home-resonance h1.resonance-hero__title{
        font-size:clamp(31px,9.2vw,39px)!important;
    }
}
@media (prefers-reduced-motion:reduce){
body.home-resonance .resonance-hero__media--video{
        display:none!important;
    }
}
body.home-resonance .resonance-hero__actions,
body.gc-conversion-page .resonance-hero__actions{
    margin-bottom: 18px;
}
body.home-resonance .resonance-hero__title,
body.gc-conversion-page .resonance-hero__title{
    font-size: clamp(46px, 3.75vw, 74px) !important;
}
body.home-resonance .resonance-hero__actions .gc-hero-primary,
body.gc-conversion-page .resonance-hero__actions .gc-hero-primary{
    color: #ffffff !important;
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    white-space: nowrap;
}
body.home-resonance .resonance-hero__actions .gc-hero-primary:hover,
body.home-resonance .resonance-hero__actions .gc-hero-primary:focus-visible,
body.gc-conversion-page .resonance-hero__actions .gc-hero-primary:hover,
body.gc-conversion-page .resonance-hero__actions .gc-hero-primary:focus-visible{
    color: #ffffff !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
}
@media (max-width: 767px){
body.home-resonance .resonance-hero__title,
    body.gc-conversion-page .resonance-hero__title{
        font-size: clamp(28px, 7.5vw, 34px) !important;
    }
}
body.home-resonance .resonance-hero__title{ max-width:1000px!important; font-size:clamp(38px,5.6vw,76px)!important; line-height:1.06!important; letter-spacing:-.045em!important; }
body.home-resonance .resonance-hero__lead{ max-width:660px; line-height:1.65; }
body.home-resonance .resonance-hero__actions{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:14px; }
.nw-secondary{ display:inline-flex; justify-content:center; align-items:center; min-height:56px; padding:14px 25px; border:1px solid #bbc7e0; border-radius:999px; background:rgba(255,255,255,.86); color:var(--nw-ink); font-weight:650; text-decoration:none; }
.nw-secondary:hover{ background:#fff; border-color:var(--nw-blue); color:var(--nw-blue); }
@media(max-width:600px){
body.home-resonance .resonance-hero__actions{ flex-direction:column; }
.nw-secondary{ min-height:48px; padding:10px 24px; }
}
@media(prefers-reduced-motion:reduce){
.resonance-hero__media--video{ display:none!important; }
.resonance-hero__media--fallback{ opacity:1!important; visibility:visible!important; }
}
@media (max-width: 767px){
body.home-resonance .resonance-hero.main-banner-area{
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: auto !important;
  }
body.home-resonance .resonance-hero__container{
    min-height: 100vh;
    min-height: 100svh;
    padding: 104px 20px 28px !important;
  }
body.home-resonance .resonance-hero__eyebrow{
    font-size: 11px;
    line-height: 1.3;
  }
body.home-resonance h1.resonance-hero__title{
    height: auto !important;
    overflow: visible;
    margin: 12px auto 14px !important;
    font-size: clamp(27px, 7.5vw, 34px) !important;
    line-height: 1.08 !important;
  }
body.home-resonance .resonance-hero__lead{
    margin: 0 auto 16px;
    font-size: 14px;
    line-height: 1.45;
  }
body.home-resonance .resonance-hero__actions{ gap: 8px; }
body.home-resonance .resonance-hero__button,
  body.home-resonance .resonance-hero__actions .nw-secondary{
    min-height: 44px;
    padding: 10px 20px;
  }
body.home-resonance .resonance-hero__benefits{ margin-top: 18px; gap: 7px; }
body.home-resonance .resonance-hero__benefits li{ font-size: 13px; line-height: 1.3; }
body.home-resonance .resonance-hero__benefits li::before{
    width: 19px;
    height: 19px;
    flex-basis: 19px;
    font-size: 11px;
  }
}

/* Preserve the original hero title against the shared heading gradient. */
body.home-resonance #resonance-hero-title{color:#111!important;background:none!important;-webkit-text-fill-color:#111!important}
body.home-resonance #resonance-hero-title > .gc-title-gradient{color:transparent!important;background:linear-gradient(110deg,#ad26fe 0%,#6538f3 38%,#1d4ed8 72%,#3b82f6 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
