@font-face{font-family:ORVELIQ Gothic;src:url('/assets/orveliq-home/gothic-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:ORVELIQ Gothic;src:url('/assets/orveliq-home/gothic-bold.otf') format('opentype');font-weight:600 800;font-display:swap}
:root{--ink:#102A43;--blue:#176FC1;--turquoise:#72C9D5;--rose:#D98D98;--grey:#7B8794;--mist:#F4F7FA;--line:#DCE5ED;--radius:16px;--unit:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font-family:'ORVELIQ Gothic','URW Gothic','Century Gothic',Arial,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:600}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2rem,3.4vw,3rem);line-height:1.19;max-width:680px}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(1.5rem,2.65vw,2.5rem)}h3{font-size:1.35rem}p{max-width:68ch}img{max-width:100%;height:auto}main svg,.site-header svg,.site-footer svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}button{color:var(--ink)}.wrap{width:min(1216px,calc(100% - 80px));margin-inline:auto}.section{padding-block:96px}.eyebrow{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--blue);margin-bottom:20px}.quiet{font-size:.875rem;color:#52667A}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-weight:600;font-size:.9375rem;text-align:center;transition:background .18s,transform .18s}.button:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-1px)}.button-small{min-height:44px;padding:10px 18px;font-size:.875rem}.button-outline{background:white;color:var(--ink);border-color:var(--line)}.button-outline:hover{color:#fff}.text-link{font-weight:600;font-size:.9375rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#B8CBDC}.text-link:hover{color:var(--blue);text-decoration-color:var(--blue)}.skip-link{position:absolute;top:-70px;left:16px;z-index:10;background:white;padding:16px}.skip-link:focus{top:16px}.preview-note{min-height:32px;padding:6px 24px;background:var(--mist);border-bottom:1px solid var(--line);text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.03em}.preview-note span{font-weight:400;margin-left:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:8px 16px}.brand{display:block;flex:none;line-height:0;background:#fff}.brand img{display:block;width:180px;height:150px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:.9375rem;font-weight:600}.site-header nav>a:not(.button):hover{color:var(--blue)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:32px 80px}.hero-intro{font-size:1.0625rem;line-height:1.65;margin-top:24px;max-width:52ch;color:#415C73}.hero-actions{display:flex;align-items:center;gap:24px;margin:32px 0 12px;flex-wrap:wrap}.human-statement{display:flex;align-items:center;gap:16px;margin-top:36px;font-size:.9375rem;line-height:1.5}.human-dot{width:12px;height:12px;border-radius:50%;background:var(--rose);flex:none}.human-statement strong{letter-spacing:.01em}.flow-panel{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--mist);align-self:center}.panel-top,.panel-bottom{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-top{font-size:.9375rem;font-weight:600;background:white;border-bottom:1px solid var(--line);flex-wrap:wrap}.example-label{font-size:.75rem;font-weight:400;color:#52667A;letter-spacing:.02em}.flow-sources{display:flex;justify-content:center;gap:8px;padding:24px 16px 8px}.flow-sources span{background:#fff;border:1px solid var(--line);padding:6px 12px;font-size:.8rem;border-radius:8px}.flow-steps{list-style:none;padding:8px 24px 0;margin:0}.flow-steps li{position:relative;display:flex;align-items:center;gap:16px;padding:18px 16px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:white}.flow-steps li:not(:last-child):after{content:'';position:absolute;width:1px;height:13px;left:36px;top:100%;background:#A9C4D9}.step-icon{display:flex;align-items:center;justify-content:center;flex:none;color:var(--blue);width:40px;height:40px;background:var(--mist);border-radius:8px}.flow-steps h2{font-size:.9375rem;letter-spacing:0}.flow-steps p{font-size:.8125rem;line-height:1.5;margin-top:4px;color:#52667A}.step-index{align-self:flex-start;margin-left:auto;font-size:.7rem;color:#60788D}.flow-steps .human-step{border-color:var(--rose);border-left:4px solid var(--rose);padding-left:13px}.human-step .step-icon{background:#F9EFF1;color:var(--ink)}.panel-bottom{font-size:.75rem;color:#52667A;padding-top:16px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--line);padding-block:28px 40px}.principles p{font-size:.9375rem}.principles span{display:block;font-size:.8125rem;margin-top:6px;color:#52667A}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-bottom:48px}.section-heading>div{flex:1}.section-heading>p{flex:1;max-width:440px;color:#415C73}.services-section{background:var(--mist)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{display:flex;flex-direction:column;padding:28px 24px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:32px}.service-number{font-size:1.25rem;color:var(--blue);line-height:1}.service-tag{font-size:.7rem;line-height:1.5;color:#52667A;max-width:108px;text-align:right}.service h3{font-size:1.25rem;line-height:1.3;min-height:3.25em}.service>p{margin-top:20px;font-size:.9375rem;color:#415C73;min-height:7em}.service ul{margin:24px 0;padding:0;list-style:none;font-size:.875rem}.service li{position:relative;padding:10px 0 10px 16px;border-top:1px solid var(--line)}.service li:before{content:'';position:absolute;left:0;top:20px;width:5px;height:5px;background:var(--blue);border-radius:1px}.service details{font-size:.8125rem;margin-top:auto}.service details p{padding-top:12px;color:#415C73}.service summary{cursor:pointer;font-weight:600}.service>a{margin-top:24px;font-size:.875rem}.case-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:32px;overflow-x:auto;padding:0 0 8px}.case-tabs button{border:1px solid transparent;background:white;border-radius:8px;font-size:.9375rem;white-space:nowrap;padding:12px 18px;min-height:48px}.case-tabs button[aria-selected=true]{color:white;background:var(--ink)}.case-tabs button:not([aria-selected=true]):hover{background:var(--mist)}.case-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:400px}.case-story{padding:40px}.case-story h3{font-size:1.75rem;margin:20px 0;max-width:20ch}.case-story>p{color:#415C73}.case-benefit{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:.9375rem}.case-benefit strong{color:var(--blue)}.case-benefit p{margin-top:8px}.case-comparison{background:var(--mist);padding:40px;border-left:1px solid var(--line)}.case-label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600;color:#52667A;margin-bottom:12px}.case-comparison p{font-size:.9375rem}.case-target{margin-top:28px;padding-top:28px;border-top:1px solid #CBD9E4}.case-target .case-label{color:var(--blue)}.case-target ol{list-style:none;counter-reset:case;padding:0;margin:0}.case-target li{counter-increment:case;display:flex;align-items:center;gap:12px;margin-top:12px;font-size:.9375rem}.case-target li:before{content:counter(case,decimal-leading-zero);font-size:.75rem;color:var(--blue);font-weight:600}.product-strip{display:flex;justify-content:space-between;gap:32px;align-items:center;border-top:1px solid var(--line);margin-top:40px;padding-top:32px}.product-strip .eyebrow{margin-bottom:10px;font-size:.7rem}.product-strip h3{font-size:1.125rem}.product-strip p:not(.eyebrow){margin-top:8px;font-size:.875rem;color:#52667A}.product-strip .button{flex:none}.process-section{background:var(--ink);color:white}.process-section .eyebrow{color:var(--turquoise)}.process-section .section-heading>p{color:#D7E4ED}.process-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:0;margin:0}.process-grid li{border-top:1px solid #50667A;padding-top:24px}.process-grid li>span{display:block;font-size:.875rem;color:var(--turquoise);margin-bottom:32px}.process-grid h3{font-size:1.25rem}.process-grid p{font-size:.9375rem;color:#D7E4ED;margin:20px 0 24px}.process-grid strong{font-size:.8125rem;display:block}.process-note{margin-top:40px;padding-top:24px;border-top:1px solid #50667A;font-size:.8125rem;color:#D7E4ED;max-width:none}.trust-section{display:grid;grid-template-columns:1fr 1fr;gap:96px}.trust-section>div>p:not(.eyebrow){margin-top:24px;max-width:44ch;color:#415C73}.trust-list article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.trust-list article:first-child{padding-top:0}.trust-list article>span{font-size:.8125rem;color:var(--blue);padding-top:4px}.trust-list h3{font-size:1.125rem}.trust-list p{font-size:.9375rem;color:#415C73;margin-top:12px}.contact-section{background:var(--mist)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.contact-grid>div>p:not(.eyebrow){margin-top:24px;color:#415C73;max-width:43ch}.contact-grid .contact-meta{font-size:.875rem}.contact-email{display:inline-block;margin-top:24px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.contact-form{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:32px}.contact-form h3{margin-bottom:24px}.contact-form label{display:block;margin:16px 0 8px;font-size:.8125rem;font-weight:600}.contact-form label span{font-weight:400;color:#52667A}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;padding:12px;min-height:46px;border:1px solid #B8C9D7;border-radius:8px;background:white;color:var(--ink);font-size:.9375rem}.contact-form textarea{resize:vertical}.contact-form .button{margin-top:24px;width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{font-size:.75rem;color:#52667A;margin-top:16px;line-height:1.55}.contact-form #email-result{padding-top:20px;margin-top:20px;border-top:1px solid var(--line);font-size:.875rem}.contact-form #email-result a{display:inline-block;margin:12px 0}.copy-button{display:block;border:1px solid var(--line);background:var(--mist);padding:8px 12px;border-radius:6px;min-height:44px;font-size:.875rem}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-size:1rem;font-weight:600;padding-right:24px}.faq-list p{margin-top:16px;color:#415C73;font-size:.9375rem}.site-footer{border-top:1px solid var(--line);padding-block:32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.site-footer>div{display:flex;align-items:center;gap:16px}.site-footer img{background:#fff;flex:none}.site-footer p{font-size:.8125rem}.site-footer p span{display:block;color:#52667A;font-size:.75rem;margin-top:4px}.site-footer nav{display:flex;gap:24px;font-size:.8125rem}.site-footer a:hover{text-decoration:underline}details[open] summary{color:var(--blue)}
@media(min-width:1500px){.hero{gap:80px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.site-header nav{gap:20px}.hero{gap:32px}.hero-actions{gap:20px}.services-grid{grid-template-columns:repeat(2,1fr);gap:24px}.service>p{min-height:0}.service h3{min-height:0}.trust-section,.contact-grid{gap:48px}.flow-steps{padding-inline:16px}.panel-top{padding-inline:20px}.process-grid{gap:24px}.section{padding-block:72px}}
@media(max-width:780px){.site-header{position:relative;padding-block:8px}.brand img{width:180px;height:150px}.menu-toggle{display:flex;gap:16px;align-items:center;border:1px solid var(--line);padding:10px 16px;background:white;border-radius:8px;min-height:44px}.site-header nav{display:none;position:absolute;top:calc(100% - 8px);right:0;left:0;background:white;padding:24px;border:1px solid var(--line);border-radius:12px;z-index:5;box-shadow:0 12px 28px #102A4312}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.site-header nav a:not(.button){padding:4px 0}.hero{grid-template-columns:1fr;gap:40px;padding-top:24px;padding-bottom:40px}.hero-copy{max-width:650px}.hero h1{max-width:19ch;font-size:2.5rem}.hero-intro{max-width:56ch}.flow-panel{max-width:600px;width:100%;justify-self:center}.principles{gap:24px;padding-bottom:32px}.principles p{font-size:.8125rem}.principles span{font-size:.75rem}.section-heading{gap:24px;align-items:start;flex-direction:column;margin-bottom:32px}.section-heading>p{max-width:60ch}.case-panel{grid-template-columns:1fr}.case-comparison{border-left:0;border-top:1px solid var(--line)}.case-story h3{max-width:28ch}.process-grid{grid-template-columns:repeat(2,1fr);gap:40px}.process-grid li>span{margin-bottom:20px}.trust-section,.contact-grid,.faq-section{grid-template-columns:1fr;gap:40px}.product-strip{align-items:start;flex-direction:column;gap:24px}.site-footer{align-items:start;flex-direction:column}.site-footer nav{flex-wrap:wrap}.section{padding-block:64px}.contact-grid>div>p:not(.eyebrow){max-width:60ch}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.preview-note{font-size:.7rem;padding:6px 12px}.preview-note span{margin-left:6px}.hero h1{font-size:2rem;line-height:1.19;max-width:100%}.hero .eyebrow{font-size:.7rem;letter-spacing:.09em}.hero-intro{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-actions .button{width:100%}.human-statement{margin-top:28px}.principles{grid-template-columns:1fr;gap:20px}.principles p{font-size:.9375rem}.principles span{font-size:.8125rem}.services-grid{grid-template-columns:1fr;gap:16px}.service{padding:24px}.service h3{font-size:1.35rem}.service-top{margin-bottom:24px}.service ul{margin-top:20px}.flow-steps li{gap:12px;padding-block:16px}.step-icon{width:32px;height:32px}.step-index{display:none}.flow-steps li:not(:last-child):after{left:32px}.flow-steps h2{font-size:.875rem}.flow-steps p{font-size:.75rem}.panel-top{padding:20px 16px}.flow-sources{padding-top:20px}.panel-bottom{padding-inline:16px;gap:8px;font-size:.7rem}.case-tabs{margin-inline:-16px;padding-inline:16px;gap:0}.case-tabs button{font-size:.8125rem;padding:12px}.case-story,.case-comparison{padding:24px}.case-story h3{font-size:1.5rem}.process-grid{grid-template-columns:1fr;gap:32px}.process-grid p{margin:16px 0}.contact-form{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.faq-section{gap:32px}.section{padding-block:56px}.site-footer nav{gap:20px}}
@media(max-width:480px){.site-header{gap:8px}.menu-toggle{gap:8px;padding:10px 8px;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Separate Vorschau: Bewegung ergänzt die bestehenden Inhalte. */
.flow-route{position:relative}.flow-steps{position:relative}
.flow-impulse{position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #176FC11A,0 0 18px #176FC14D;pointer-events:none;z-index:2;opacity:0}
.flow-steps .human-step{background:#FDF8F9}
.motion-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #B8C9D7;border-radius:8px;background:white;color:var(--ink);font-size:.8125rem;font-weight:600}
.motion-button:hover{border-color:var(--blue);background:var(--mist)}
.motion-button:disabled{color:#52667A;background:var(--mist)}
.service{transition:opacity .48s ease,transform .48s ease,border-color .18s ease,box-shadow .18s ease;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0ms,0ms}
.service.reveal-pending{opacity:0;transform:translateY(12px)}
.service:focus-within{opacity:1;transform:none;border-color:var(--blue);box-shadow:0 8px 24px #102A430D;transition-delay:0ms}
@media(hover:hover) and (pointer:fine){.service:hover{border-color:var(--blue);box-shadow:0 8px 24px #102A430D}}
.case-demo{grid-column:1/-1;padding:28px 40px 32px;border-top:1px solid var(--line);background:white}
.case-demo[hidden]{display:none}
.demo-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:20px;font-size:.9375rem}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.demo-card{border:1px solid var(--line);border-radius:12px;padding:20px;transition:border-color .2s,background .2s;min-width:0}
.demo-card>strong{display:block;font-size:.8125rem;color:var(--blue);margin-bottom:12px}
.demo-card blockquote{margin:0;font-size:.875rem;line-height:1.6;color:#415C73}
.demo-card dl{margin:0;display:grid;gap:8px;font-size:.8125rem}
.demo-card dl>div{display:grid;grid-template-columns:105px 1fr;gap:8px}
.demo-card dt{color:#52667A}.demo-card dd{margin:0;overflow-wrap:anywhere}
.case-demo[data-stage="0"] .demo-input,.case-demo[data-stage="1"] .demo-output,.case-demo[data-stage="3"] .demo-output{border-color:var(--blue);background:#F4F8FC}
.case-demo[data-stage="2"] .demo-output{border-color:var(--rose);background:#FDF8F9}
.demo-track{height:3px;background:var(--line);border-radius:3px;overflow:hidden;margin:20px 0 16px}
.demo-track span{display:block;width:0;height:100%;background:var(--blue)}
.demo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.demo-status{flex:1;min-width:200px;font-size:.8125rem;color:#415C73;line-height:1.5}
.demo-disclaimer{font-size:.75rem;color:#52667A;margin-top:14px;max-width:none}
#case-steps li{padding:4px 8px;margin-left:-8px;border-radius:6px;transition:background .2s,box-shadow .2s}
#case-steps li.demo-current{background:#E8F1FA;box-shadow:inset 3px 0 var(--blue)}
#case-steps li.demo-current:nth-child(3){background:#F9EFF1;box-shadow:inset 3px 0 var(--rose)}
#case-steps li.demo-complete:before{color:var(--ink)}
@media(max-width:780px){
 .service{transition:opacity .2s,border-color .18s,box-shadow .18s;transition-delay:0ms}
 .service.reveal-pending{transform:none}
 .case-demo{padding:24px}.demo-grid{grid-template-columns:1fr;gap:12px}
 .demo-heading{gap:6px}.demo-card{padding:16px}.demo-status{flex-basis:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
 .service.reveal-pending{opacity:1;transform:none}
 .flow-impulse{display:none}
 .demo-card,.service,#case-steps li{transition:none!important}
}


/* A calm, brand-coloured atmosphere; content keeps its own layout. */
body{isolation:isolate}
.site-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#fff;contain:strict}
.ambient-wash{position:absolute;border-radius:50%;will-change:transform}
.ambient-wash--blue{width:85vw;height:120vh;right:-24vw;top:-34vh;background:radial-gradient(ellipse at center,#176FC152 0%,#176FC12B 32%,#176FC100 68%);opacity:.8;animation:ambient-blue 34s ease-in-out infinite alternate}
.ambient-wash--aqua{width:85vw;height:110vh;left:-31vw;bottom:-49vh;background:radial-gradient(ellipse at center,#72C9D575 0%,#72C9D540 35%,#72C9D500 68%);opacity:.8;animation:ambient-aqua 42s ease-in-out infinite alternate}
.ambient-wash--rose{width:60vw;height:85vh;right:10vw;top:32vh;background:radial-gradient(ellipse at center,#D98D9850 0%,#D98D982B 35%,#D98D9800 68%);opacity:.7;animation:ambient-rose 48s ease-in-out infinite alternate}
.ambient-orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ambient-orbit-system{transform-box:view-box;transform-origin:50% 50%;animation:ambient-orbit-turn 210s linear infinite;will-change:transform}
.ambient-orbits .orbital-lane{stroke:var(--blue);opacity:.24}
.ambient-orbits .orbital-flow{stroke:url(#ambient-current);stroke-dasharray:90 910;opacity:.64;animation:ambient-current 76s linear infinite}
.ambient-orbits .orbital-flow--second{animation-duration:96s;animation-delay:-32s}
.ambient-orbits .ambient-node{fill:var(--blue);stroke:none;opacity:.28;transform-box:fill-box;transform-origin:center;animation:ambient-breathe 14s ease-in-out infinite alternate}
.ambient-orbits .ambient-node--aqua{fill:var(--turquoise);animation-delay:-7s}
.site-atmosphere[data-paused="true"] *{animation-play-state:paused!important}
@keyframes ambient-blue{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-7vw,9vh,0) scale(1.1)}}
@keyframes ambient-aqua{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(12vw,-11vh,0) scale(1.12)}}
@keyframes ambient-rose{from{transform:translate3d(0,0,0);opacity:.55}to{transform:translate3d(-9vw,-7vh,0);opacity:.85}}
@keyframes ambient-current{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes ambient-orbit-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ambient-breathe{from{opacity:.2;transform:scale(1)}to{opacity:.38;transform:scale(1.3)}}
@keyframes ambient-mobile{from{transform:translate3d(0,0,0)}to{transform:translate3d(18px,-24px,0)}}
/* The atmosphere stays continuous; section surfaces become inset windows. */
.services-section,.process-section,.contact-section{background:transparent;padding-block:48px}
.services-section>.wrap,.process-section>.wrap,.contact-section>.wrap{padding-block:48px}
.process-section>.wrap,.contact-section>.wrap{position:relative;isolation:isolate}
.process-section>.wrap::before,.contact-section>.wrap::before{content:"";position:absolute;inset:0 -24px;z-index:-1;border:1px solid #CBD9E4;border-radius:24px;background:#F4F7FAE8;box-shadow:0 16px 48px #102A430A;pointer-events:none}
.process-section>.wrap::before{background:#102A43F5;border-color:#314C64;box-shadow:0 16px 48px #102A4314}
.case-story,.site-footer{background:#FFFFFFD9}
.site-footer{position:relative;isolation:isolate;background:transparent;border-top:0;margin-bottom:24px}
.site-footer::before{content:"";position:absolute;inset:0 -24px;z-index:-1;border:1px solid var(--line);border-radius:20px;background:#FFFFFFD9;pointer-events:none}
.preview-note{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:min(1264px,calc(100% - 32px));margin:12px auto 0;min-height:40px;padding:8px 24px;background:#F4F7FAEB;border:1px solid var(--line);border-radius:12px}
@media(max-width:1100px){
 .services-section,.process-section,.contact-section{padding-block:36px}
 .services-section>.wrap,.process-section>.wrap,.contact-section>.wrap{padding-block:36px}
 .process-section>.wrap::before,.contact-section>.wrap::before,.site-footer::before{inset-inline:-12px}
}
@media(max-width:780px){
 .ambient-wash{will-change:auto}
 .ambient-wash--blue{animation:none;opacity:.65}
 .ambient-wash--aqua{width:120vw;height:85vh;left:-45vw;bottom:-30vh;animation:ambient-mobile 36s ease-in-out infinite alternate}
 .ambient-wash--rose{display:none}
 .ambient-orbits{opacity:.65}
 .ambient-orbit-system{animation-duration:300s;will-change:auto}
 .ambient-orbits .orbital-flow,.ambient-orbits .ambient-node,.ambient-orbits .orbital-lane:nth-of-type(2){display:none;animation:none}
 .preview-note{display:block;padding:8px 16px}
 .services-section,.process-section,.contact-section{padding-block:32px}
 .services-section>.wrap,.process-section>.wrap,.contact-section>.wrap{padding-block:32px}
 .process-section>.wrap::before,.contact-section>.wrap::before,.site-footer::before{inset-inline:-8px;border-radius:18px}
}
@media(max-width:480px){
 .services-section,.process-section,.contact-section{padding-block:28px}
 .services-section>.wrap,.process-section>.wrap,.contact-section>.wrap{padding-block:28px}
}
@media(prefers-reduced-motion:reduce){
 .site-atmosphere *{animation:none!important;will-change:auto!important}
}


/* Existing calculator and offer information, adapted only for the new homepage. */
.solution-links{width:min(1216px,calc(100% - 80px));margin:0 auto 32px}
.solution-links nav{display:flex;flex-wrap:wrap;gap:16px 32px}
.solution-links .eyebrow{margin-bottom:16px}
.site-footer nav{flex-wrap:wrap;justify-content:flex-end}
.calculator-disclosure,.price-accordion details{border:1px solid var(--line);border-radius:var(--radius);background:#FFFFFFF2}
.calculator-disclosure>summary,.price-accordion summary{padding:24px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px}
.calculator-disclosure>summary::-webkit-details-marker,.price-accordion summary::-webkit-details-marker{display:none}
.calculator-disclosure>summary::after,.price-accordion summary::after{content:'+';font-size:1.5rem;color:var(--blue);flex:none}
.calculator-disclosure[open]>summary::after,.price-accordion details[open]>summary::after{content:'−'}
.calculator-disclosure summary strong,.price-accordion summary strong{display:block;font-size:1.125rem}
.calculator-disclosure summary small,.price-accordion summary small{display:block;font-weight:400;color:#52667A;margin-top:6px}
.calculator-shell{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.calculator-form,.calculator-results{min-width:0;padding:32px}
.calculator-results{background:#F4F7FA;border-left:1px solid var(--line)}
.calculator-intro>span,.results-topline>span{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--blue);margin-bottom:12px}
.calculator-intro p,.calculator-privacy,.calculator-disclaimer,.formula-note{font-size:.8125rem;color:#52667A}
.scenario-fieldset{padding:0;border:0;margin:24px 0;min-width:0}
.scenario-fieldset legend{font-size:.8125rem;font-weight:600;margin-bottom:12px}
.scenario-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.scenario-buttons button{padding:12px 6px;border:1px solid var(--line);border-radius:8px;background:white;min-height:44px;font-size:.8125rem}
.scenario-buttons button span{display:block;margin-top:4px}
.scenario-buttons button[aria-pressed=true]{background:#E8F1FA;border-color:var(--blue);color:var(--blue)}
.calculator-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.calculator-inputs label,.share-control{font-size:.8125rem;font-weight:600;min-width:0}
.calculator-inputs label>span{display:block;margin-bottom:8px}
.calculator-inputs input,.calculator-inputs select{width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid #B8C9D7;border-radius:8px;background:#fff;color:var(--ink);font-size:.875rem}
.input-with-unit{position:relative}
.input-with-unit input{padding-right:32px}
.input-with-unit i{position:absolute;right:12px;top:11px;font-style:normal}
.share-control{display:block;margin:24px 0}
.share-control>span{display:flex;justify-content:space-between;gap:16px}
.share-control input{width:100%;min-height:44px;accent-color:var(--blue)}
.result-lead{margin:28px 0}
.result-lead small{display:block;font-size:.8125rem}
.result-lead>output{display:block;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin:8px 0}
.result-lead p{font-size:.875rem;color:#52667A}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}
.result-grid small{display:block;font-size:.75rem;color:#52667A}
.result-grid output{display:block;font-weight:600;font-size:1.125rem;margin-top:8px}
.formula-note{margin-top:24px}
.calculator-cta{margin-top:24px;gap:16px}
.calculator-cta svg{flex:none}
.calculator-disclaimer{max-width:none;border-top:1px solid var(--line);padding:24px}
.price-accordion{display:grid;gap:16px}
.price-summary{margin-left:auto;text-align:right;flex:none}
.price-summary b{font-size:1.25rem;font-weight:600;color:var(--blue)}
.price-detail{padding:0 24px 24px}
.price-detail p{color:#415C73;margin-bottom:16px}
.price-detail a{font-weight:600;color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.pilot-note{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-size:.875rem}
.pilot-note span{color:#52667A}
.roi-transfer-status{font-size:.8125rem;color:var(--blue)}
.roi-transfer-status:not(:empty){margin-bottom:20px}
@media(max-width:1100px){.solution-links{width:calc(100% - 48px)}}
@media(max-width:980px){
 .site-header{position:relative}
 .menu-toggle{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:10px 12px;background:white;border-radius:8px;min-height:44px}
 .site-header nav{display:none;position:absolute;top:calc(100% - 8px);right:0;left:0;background:white;padding:24px;border:1px solid var(--line);border-radius:12px;z-index:5;box-shadow:0 12px 28px #102A4312}
 .site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:20px}
}
@media(max-width:780px){
 .calculator-shell{grid-template-columns:1fr}
 .calculator-results{border-left:0;border-top:1px solid var(--line)}
 .site-footer nav{justify-content:flex-start}
}
@media(max-width:480px){
 .solution-links{width:calc(100% - 32px)}
 .calculator-form,.calculator-results,.calculator-disclaimer{padding:20px}
 .calculator-disclosure>summary,.price-accordion summary{padding:20px;gap:12px}
 .calculator-inputs{grid-template-columns:1fr}
 .scenario-buttons{grid-template-columns:1fr}
 .scenario-buttons button{display:flex;justify-content:space-between;align-items:center;padding:10px 14px}
 .scenario-buttons button span{margin:0}
 .price-accordion summary{flex-wrap:wrap}
 .price-accordion summary>span:first-child{flex-basis:100%}
 .price-summary{margin-left:0;text-align:left;flex:1}
 .price-detail{padding-inline:20px}
 .result-grid{gap:20px 12px}
 .result-grid output{font-size:1rem}
}

/* White, fixed header with a separate contact row and a compact scroll state. */
html{scroll-padding-top:168px}
body{padding-top:104px}
.skip-link{position:fixed;z-index:30}
.site-header{position:fixed;inset:0 0 auto;z-index:20;display:block;padding:0;background:#fff;border-bottom:1px solid var(--line)}
.header-inner{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:30px 66px;column-gap:28px;align-items:center;min-height:104px;padding-block:4px}
.site-header .brand{grid-column:1;grid-row:1 / 3;align-self:start;justify-self:start;z-index:1;border-radius:0 0 14px 14px;box-shadow:0 5px 12px #102A4308}
.site-header .brand img{width:180px;height:150px;transition:width .2s ease,height .2s ease}
.header-phone{grid-column:2;grid-row:1;justify-self:end;display:inline-flex;align-items:center;gap:6px;min-height:28px;color:var(--blue);font-size:.8125rem;font-weight:600;white-space:nowrap}
.header-phone:hover{text-decoration:underline;text-underline-offset:4px}
.header-phone-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.header-phone-mobile{display:none}
.site-header nav{grid-column:2;grid-row:2;justify-content:flex-end;gap:24px;font-size:.875rem}
.site-header nav>a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.site-header.is-scrolled{box-shadow:0 4px 18px #102A430A}
.site-header.is-scrolled .header-inner{grid-template-rows:24px 48px;min-height:80px}
.site-header.is-scrolled .brand img{width:108px;height:90px}
.hero{padding-top:80px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero-copy{container-type:inline-size;min-width:0}
.hero h1{max-width:none;font-size:clamp(1.5rem,3.4vw,3rem);line-height:1.22;text-wrap:balance}
@supports(font-size:1cqi){.hero h1{font-size:clamp(1.5rem,8.8cqi,3rem)}}
.hero h1>span,.hero h1>em{display:block}

/* Let copy use the available width, with optional German compound breaks. */
.section-heading>div,.section-heading>p,.service,.process-grid>li,.trust-section>div,.contact-grid>div{min-width:0}
.section-heading h2,.trust-section h2,.contact-grid h2,.faq-section h2{max-width:24ch;text-wrap:balance;hyphens:auto}
.service h3,.process-grid h3,.case-story h3,.trust-list h3{max-width:100%;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.service h3{hyphens:manual}
.hero-intro,.section-heading>p,.service>p,.process-grid p{ text-wrap:pretty;hyphens:auto;overflow-wrap:break-word}
.hero .quiet,.contact-meta{text-wrap:pretty}
.service-tag{max-width:14ch;text-wrap:balance}
.panel-top>span,.panel-bottom>span{min-width:0;text-wrap:balance}
.panel-bottom{flex-wrap:wrap}
.solution-links a{overflow-wrap:anywhere}

@media(max-width:1100px){.site-header nav{gap:18px}}
@media(max-width:980px){
 html{scroll-padding-top:104px}
 body{padding-top:76px}
 .header-inner,.site-header.is-scrolled .header-inner{grid-template-columns:96px minmax(0,1fr) auto;grid-template-rows:76px;column-gap:16px;min-height:76px;padding-block:0}
 .site-header .brand{grid-row:1}
 .site-header .brand img,.site-header.is-scrolled .brand img{width:96px;height:80px;transition:none}
 .header-phone{grid-row:1;min-height:44px}
 .header-phone-label{display:none}
 .menu-toggle{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap}
 .site-header nav{grid-area:auto;top:100%;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);overflow-y:auto;gap:12px;padding:20px}
 .site-header nav>a{white-space:normal;line-height:1.4}
 .site-header nav.is-open{gap:12px}
 .hero{padding-top:48px}
}
@media(max-width:780px){
 .hero{grid-template-columns:minmax(0,1fr);padding-top:40px}
 .hero h1{font-size:clamp(1.5rem,7.5vw,3rem)}
 @supports(font-size:1cqi){.hero h1{font-size:clamp(1.5rem,8.8cqi,3rem)}}
 .section-heading h2,.trust-section h2,.contact-grid h2,.faq-section h2{max-width:26ch}
 .case-tabs{flex-wrap:wrap;overflow:visible;gap:8px;margin-inline:0;padding-inline:0}
 .case-tabs button{white-space:normal;text-wrap:balance;flex:1 1 140px;padding:12px}
}
@media(max-width:520px){
 .header-inner,.site-header.is-scrolled .header-inner{column-gap:12px}
 .header-phone-number{display:none}
 .header-phone-mobile{display:inline}
}
@media(max-width:480px){
 .hero{padding-top:32px}
 .section-heading h2,.trust-section h2,.contact-grid h2,.faq-section h2{font-size:1.5rem;line-height:1.28}
 .service h3{min-height:0;line-height:1.35}
 .case-tabs button{font-size:.8125rem}
 .hero .quiet{font-size:.8125rem;max-width:34ch}
}

/* Keep complete sentences together and avoid incidental short-word hyphenation. */
.heading-line{display:block;text-wrap:balance;hyphens:manual}
.hero-intro,.section-heading>p{hyphens:manual}
