
header .official-logo{filter:saturate(.52);opacity:.88}header .official-logo:hover{filter:saturate(.8);opacity:1;transition:.25s}.campaign-hero{position:relative;isolation:isolate;overflow:hidden;min-height:660px;background:#e8eef0;text-align:center}.campaign-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 66%;z-index:-2}.campaign-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,#f0f4f66b,transparent 48%);z-index:-1;pointer-events:none}.campaign-copy{max-width:900px;margin:0 auto;padding:34px 25px 0}.campaign-eyebrow{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2.3px;color:#607b83;font-weight:600;margin-bottom:16px}.campaign-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:52px;font-weight:550;line-height:1.06;letter-spacing:-2px;color:#274d59;margin:0 0 16px}.campaign-copy p{font-family:Arial,sans-serif;font-size:15px;color:#5b737a;line-height:1.6;margin:0 0 21px}.campaign-button{display:inline-flex;align-items:center;gap:20px;background:#416b7b;color:#fff;border:1px solid #416b7b;border-radius:6px;padding:12px 22px;min-height:45px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #2b4e5b12;transition:background .2s,box-shadow .2s}.campaign-button:hover{background:#315967;box-shadow:0 6px 18px #2b4e5b24}.campaign-button:focus-visible{outline:3px solid #7a9ca8;outline-offset:4px}.campaign-button span{font-size:19px;line-height:1}.home-refined .trust-strip{background:#fff}.home-refined .trust-item strong{font-weight:600}.campaign-hero+ .trust-strip{border-top-color:#e0e7e6}
@media(min-width:1450px){.campaign-hero{min-height:680px}.campaign-image{object-position:center 70%}.campaign-copy{padding-top:39px}.campaign-copy h1{font-size:56px}}
@media(max-width:1000px){.campaign-hero{min-height:610px}.campaign-copy h1{font-size:46px}.campaign-copy{padding-top:34px}.campaign-image{object-position:center 65%}}
@media(max-width:650px){.campaign-hero{min-height:0;background:#e9eff1;display:flex;flex-direction:column}.campaign-image{position:static;order:2;height:290px;object-fit:cover;object-position:center 80%;z-index:auto}.campaign-hero:before{display:none}.campaign-copy{order:1;padding:33px 23px 0;max-width:100%;background:linear-gradient(#eef3f5,#e9eff1)}.campaign-eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:18px}.campaign-copy h1{font-size:39px;font-weight:550;letter-spacing:-1.4px;line-height:1.1;margin-bottom:18px}.campaign-copy p{font-size:14px;line-height:1.7;margin-bottom:20px}.campaign-copy p br{display:none}.campaign-button{font-size:12px;padding:12px 17px;gap:14px;margin-bottom:8px}.campaign-image{margin-top:0}header .official-logo{opacity:.88}}
@media(min-width:651px){.campaign-copy{padding-top:26px}.campaign-copy h1{font-size:48px;font-weight:400;letter-spacing:-1.6px;margin-bottom:12px}.campaign-copy p{margin-bottom:16px}.campaign-eyebrow{margin-bottom:13px}}
@media(max-width:650px){.campaign-copy h1{font-weight:400}}
/* Show the entire portfolio scene without cutting off the VPN or telephone. */
.campaign-image{object-fit:contain;object-position:center bottom}.campaign-hero{background:#dce5ed}.campaign-hero:before{background:linear-gradient(to bottom,#e6edf3 0%,#e6edf3d9 13%,#e6edf300 43%)}.campaign-copy p{max-width:550px;margin-left:auto;margin-right:auto}
@media(max-width:650px){.campaign-image{width:100%;height:auto;aspect-ratio:21/9;object-fit:contain;object-position:center bottom}.campaign-hero{background:#e9eff1}.campaign-copy p{max-width:330px}}
@media(min-width:651px){.campaign-hero:before{background:linear-gradient(to bottom,#dce5ed 0%,#dce5ed 25%,#dce5ed00 48%)}}
/* Visible, measured light pulses follow cables and softly highlight connections. */
.hero-motion{position:absolute;left:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}.signal{stroke:#a1fff0;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:8 92;opacity:0;animation:signal-travel 7.2s linear infinite;filter:drop-shadow(0 0 3px #9af8ee)}.signal-b{animation-delay:-1.8s}.signal-c{animation-delay:-3.6s}.signal-d{animation-delay:-5.4s}.scene-glows{fill:#a2eee4;opacity:0;animation:scene-breathe 5.6s ease-in-out infinite}.motion-toggle{position:absolute;right:22px;bottom:16px;z-index:2;border:1px solid #91a5ae70;border-radius:20px;padding:7px 12px;background:#eaf0f3b8;color:#4f6973;font-size:10px;letter-spacing:.02em;backdrop-filter:blur(5px)}.motion-toggle:hover{background:#fff;color:#274d59}.motion-toggle:focus-visible{outline:2px solid #416b7b;outline-offset:3px}.motion-paused .signal,.motion-paused .scene-glows,.motion-paused .connection-ring{animation-play-state:paused}@keyframes signal-travel{0%,5%{stroke-dashoffset:100;opacity:0}8%{opacity:.82}64%{opacity:.82}78%,100%{stroke-dashoffset:0;opacity:0}}@keyframes scene-breathe{0%,100%{opacity:.07}50%{opacity:.34}}@media(max-width:650px){.hero-motion{z-index:1}.motion-toggle{right:12px;bottom:9px;padding:5px 9px;font-size:9px}}@media(prefers-reduced-motion:reduce){.signal,.scene-glows,.connection-ring{animation:none;opacity:0}.motion-toggle{display:none}}

.connection-ring{fill:none;stroke:#9ff4e5;stroke-width:1.7;transform-box:fill-box;transform-origin:center;opacity:0;animation:connection-pulse 6s ease-out infinite}.ring-a{animation-delay:-.8s}.ring-b{animation-delay:-2.3s}.ring-c{animation-delay:-3.8s}.ring-d{animation-delay:-5.3s}@keyframes connection-pulse{0%{transform:scale(.75);opacity:0}12%{opacity:.58}60%{transform:scale(2);opacity:0}100%{transform:scale(2);opacity:0}}@media(prefers-reduced-motion:reduce){.connection-ring{animation:none;opacity:0}}

/* Refined campaign headline: lighter scale, restrained colour, a single entrance. */
.campaign-copy h1{font-size:clamp(2rem,3.3vw,2.7rem);font-weight:400;line-height:1.14;letter-spacing:-.035em;margin-bottom:17px}
.hero-title-line{display:block}
.hero-title-first{color:#284f5c;animation:headline-from-left 2.2s cubic-bezier(.22,.61,.36,1) 1.5s both}
.hero-title-second{color:#597b83;font-weight:400;animation:headline-from-right 2.2s cubic-bezier(.22,.61,.36,1) 1.7s both}
@keyframes headline-from-left{from{opacity:0;transform:translateX(-100vw)}to{opacity:1;transform:translateX(0)}}
@keyframes headline-from-right{from{opacity:0;transform:translateX(100vw)}to{opacity:1;transform:translateX(0)}}
.motion-paused .hero-title-line{animation-play-state:paused}
@media(max-width:650px){.campaign-copy h1{font-size:clamp(1.9rem,7.7vw,2.3rem);line-height:1.17;letter-spacing:-.03em}.hero-title-first,.hero-title-second{animation-duration:2.2s}}
@media(prefers-reduced-motion:reduce){.hero-title-first,.hero-title-second{animation:none;opacity:1;transform:none}}
/* Integrate experience, reach and German origin into the campaign image. */
.campaign-hero .trust-strip{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);width:calc(100% - 80px);max-width:1160px;border:1px solid #ffffffb3;border-radius:14px;padding:0;background:#f9fcfbe6;box-shadow:0 5px 22px #23404d0b;backdrop-filter:blur(10px);text-align:left}
.campaign-hero .trust-grid{max-width:none;padding:14px 24px;grid-template-columns:1fr 1.35fr .9fr;gap:22px}.campaign-hero .trust-item{gap:12px}.campaign-hero .trust-item strong{font-size:19px;font-weight:500;color:#345c68;line-height:1.25}.campaign-hero .trust-item span:not(.trust-icon){font-size:11px;line-height:1.35;margin-top:3px;color:#607981}.campaign-hero .trust-icon{color:#6b8c90}.campaign-hero .trust-icon svg{width:23px;height:25px}.campaign-hero .trust-badge{width:211px;height:51px;transform:none;margin:0;justify-self:end}.campaign-hero .trust-badge img{max-width:none;width:258px;height:51px}
.campaign-hero.hero-trust-top .trust-strip{top:18px;bottom:auto}.campaign-hero.hero-trust-top .campaign-copy{padding-top:122px}
.trust-variant-picker{position:fixed;z-index:25;right:20px;bottom:18px;height:auto;display:flex;gap:4px;padding:5px;background:#fffef8ed;border:1px solid #d0dcdf;border-radius:30px;box-shadow:0 3px 18px #26434f14;backdrop-filter:blur(8px)}.trust-variant-picker a{padding:8px 14px;font-size:12px;color:#416875;border-radius:22px}.trust-variant-picker a[aria-current]{background:#416875;color:white}
@media(max-width:900px) and (min-width:651px){.campaign-hero .trust-strip{width:calc(100% - 40px)}.campaign-hero .trust-grid{padding:14px 18px;gap:14px;grid-template-columns:1fr 1.3fr .8fr}.campaign-hero .trust-item strong{font-size:16px}.campaign-hero .trust-icon{display:none}.campaign-hero .trust-badge{width:168px;height:41px}.campaign-hero .trust-badge img{width:206px;height:41px}}
@media(max-width:650px){.campaign-hero .trust-strip,.campaign-hero.hero-trust-top .trust-strip{position:static;transform:none;inset:auto;width:calc(100% - 32px);max-width:none;margin:10px 16px 16px;order:3;background:#f8fbfbe6;border-color:#dce5e7;box-shadow:none}.campaign-hero .trust-grid{padding:13px 12px;max-width:none;gap:12px;grid-template-columns:.9fr 1.25fr 1fr}.campaign-hero .trust-icon{display:none}.campaign-hero .trust-item strong{font-size:14px;line-height:1.25}.campaign-hero .trust-item span:not(.trust-icon){font-size:9px;line-height:1.35}.campaign-hero .trust-badge{width:auto;height:auto;max-width:110px;justify-self:end;transform:none;margin:0}.campaign-hero .trust-badge img{display:none}.campaign-hero .trust-badge:after{content:attr(aria-label);display:block;font-size:10px;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;font-weight:600;color:#536a70;border-left:3px solid #a8bcb3;padding-left:9px}.campaign-hero.hero-trust-top .trust-strip{order:0;margin:16px 16px 0}.campaign-hero.hero-trust-top .campaign-copy{padding-top:25px}.trust-variant-picker{bottom:10px;right:10px}.trust-variant-picker a{font-size:11px;padding:7px 11px}}
@media(min-width:651px){.campaign-hero.hero-trust-bottom .motion-toggle{bottom:112px}.campaign-hero.hero-trust-top .motion-toggle{bottom:16px}}
@media(max-width:650px){.campaign-hero .motion-toggle{position:static;align-self:flex-end;order:4;margin:0 16px 12px}}
/* Trust sits directly on the image: two groups, no shared panel. */
.campaign-hero .trust-strip,.campaign-hero.hero-trust-top .trust-strip{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;width:calc(100% - 80px);max-width:1160px}
.campaign-hero .trust-grid{display:grid;grid-template-columns:1fr 1fr;padding:4px 0;gap:80px;align-items:start}
.campaign-hero .trust-item{border:0;padding:0}
.campaign-hero .trust-item strong,.campaign-hero .trust-origin strong{font-size:19px;font-weight:500;line-height:1.3;color:#345c68;display:block}
.campaign-hero .trust-item .trust-users{font-size:13px;margin-top:6px;color:#486975}
.campaign-hero .trust-origin{text-align:right;justify-self:end;line-height:1.4;color:#486975}
.campaign-hero .trust-origin>span{display:block;font-size:12px;letter-spacing:.055em;margin-top:2px}
.trust-german-flag{display:block;width:25px;height:3px;margin:9px 0 0 auto;background:linear-gradient(90deg,#475156 0 33.33%,#a65e58 33.33% 66.66%,#bca570 66.66%)}
.campaign-hero.hero-trust-top .campaign-copy{padding-top:133px}
@media(max-width:900px) and (min-width:651px){.campaign-hero .trust-strip{width:calc(100% - 48px)}.campaign-hero .trust-item strong,.campaign-hero .trust-origin strong{font-size:17px}}
@media(max-width:650px){.campaign-hero .trust-strip,.campaign-hero.hero-trust-top .trust-strip{width:calc(100% - 40px);margin:19px 20px 0;background:transparent;border:0}.campaign-hero .trust-grid{grid-template-columns:1.2fr 1fr;gap:20px;padding:0}.campaign-hero .trust-item strong,.campaign-hero .trust-origin strong{font-size:14px}.campaign-hero .trust-item .trust-users{font-size:11px;margin-top:5px}.campaign-hero .trust-item span:not(.trust-icon){font-size:10px}.campaign-hero .trust-origin>span{font-size:10px;letter-spacing:.02em}.campaign-hero.hero-trust-top .campaign-copy{padding-top:26px}.campaign-hero.hero-trust-bottom .trust-strip{margin-bottom:18px}}
/* Align the two trust groups with the former eyebrow line; keep the centre clear. */
.campaign-hero.hero-trust-top .trust-strip{top:128px}
.campaign-hero.hero-trust-top .campaign-copy{padding-top:170px}
.campaign-hero .trust-grid{align-items:start}
.trust-experience-row,.trust-reach-row{display:flex;align-items:center;gap:12px}
.trust-experience-row strong{font-size:19px;font-weight:500;color:#345c68;line-height:1.3}
.trust-symbol{display:inline-flex;flex:0 0 25px;width:25px;color:#4e7881}
.trust-symbol svg{display:block;width:25px;height:28px}
.trust-reach-row{margin-top:9px;align-items:center}
.trust-reach-row .trust-symbol svg{height:25px}
.trust-users{display:block;font-size:13px;line-height:1.4;color:#486975}
.trust-since{display:block;font-size:10px;line-height:1.4;color:#607981;margin-top:2px}
.trust-origin-badge{justify-self:end;width:239px;height:58px;overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 3px 12px #26434f0d}
.trust-origin-badge img{width:352px;max-width:none;height:58px;object-fit:fill}
@media(max-width:1050px) and (min-width:651px){.campaign-hero.hero-trust-top .trust-strip{top:30px}.campaign-hero.hero-trust-top .campaign-copy{padding-top:140px}.trust-experience-row strong{font-size:17px}.trust-origin-badge{width:215px;height:52px}.trust-origin-badge img{width:316px;height:52px}}
@media(max-width:650px){.campaign-hero.hero-trust-top .trust-strip{top:auto}.campaign-hero.hero-trust-top .campaign-copy{padding-top:27px}.campaign-hero .trust-grid{grid-template-columns:1.2fr 1fr;gap:12px;align-items:start}.trust-experience-row,.trust-reach-row{gap:8px}.trust-experience-row strong{font-size:13px}.trust-symbol{width:19px;flex-basis:19px}.trust-symbol svg{width:19px;height:22px}.trust-reach-row{margin-top:8px}.trust-reach-row .trust-symbol svg{height:21px}.trust-users{font-size:10px}.trust-since{font-size:9px}.trust-origin-badge{width:143px;max-width:100%;height:35px;margin-top:1px}.trust-origin-badge img{display:block;width:211px;max-width:none;height:35px}}
/* Align the central message with the trust groups and clear the product scene. */
@media(min-width:1051px){.campaign-hero.hero-trust-top .campaign-copy{padding-top:132px}}
/* Keep the complete message clearly above the notebook, including its button. */
@media(min-width:1051px){.campaign-hero.hero-trust-top .campaign-copy{padding-top:60px}.campaign-hero.hero-trust-top .trust-strip{top:56px}}
@media(min-width:651px) and (max-width:1050px){.campaign-hero.hero-trust-top .campaign-copy{padding-top:110px}.campaign-hero.hero-trust-top .trust-strip{top:20px}}
