/* Homepage: a real photograph at rest, one restrained demo per service. */
.warm-homepage .service-visual{background:#edf6fa;border:1px solid #dceaf2;box-shadow:none;overflow:hidden}
.service-office{position:absolute;inset:0;display:none}.service-office>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.service-office>span{position:absolute;bottom:23px;left:25px;color:white;font-size:13px;text-shadow:0 2px 10px #000}.warm-homepage .service-visual[data-active=none] .service-office{display:block}.service-visual[data-active=none] .visual-index,.service-visual[data-active=none] .visual-caption{display:none}
.clean-service-scene{position:absolute;inset:65px 30px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .4s;pointer-events:none;color:#23475d}.service-visual[data-active="0"] [data-scene="0"],.service-visual[data-active="1"] [data-scene="1"],.service-visual[data-active="2"] [data-scene="2"],.service-visual[data-active="3"] [data-scene="3"],.service-visual[data-active="4"] [data-scene="4"]{opacity:1;visibility:visible;transform:none}
.clean-service-scene>div{width:100%;max-width:310px}.simple-browser{background:#fff;border:1px solid #d7e6ed;border-radius:12px;box-shadow:0 14px 30px #31658112;overflow:hidden}.simple-toolbar{height:28px;border-bottom:1px solid #e8f0f5;display:flex;align-items:center;gap:4px;padding:0 12px}.simple-toolbar>i{width:4px;height:4px;background:#bed4e0;border-radius:50%}.simple-toolbar>span{font-size:8px;margin:auto;color:#7493a6}.simple-web{padding:23px;position:relative;min-height:183px}.simple-web>span{font-size:8px;color:#7a96a6}.simple-web strong{display:block;font:500 23px Unbounded;margin-top:18px;letter-spacing:-.05em}.simple-web p{font-size:10px;margin-top:8px}.simple-web b,.simple-ad-card b,.simple-job>b{font-size:9px;font-weight:500;display:block;width:max-content;background:#098ed5;color:#fff;border-radius:5px;padding:8px 11px;margin-top:20px}.simple-web-image{width:64px;height:64px;border-radius:17px;position:absolute;right:22px;bottom:21px;background:linear-gradient(135deg,#a0e6fa,#1297df);opacity:.65}
.simple-query{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #d7e6ed;padding:14px;border-radius:25px;font-size:10px}.simple-query img{width:19px;height:19px}.simple-query svg{width:17px;height:17px;margin-left:auto;color:#7b99aa}.simple-result{margin-top:13px;border:1px solid #d7e6ed;border-radius:10px;padding:20px;background:#fff}.simple-result>span{font-size:8px;color:#698899}.simple-result strong{display:block;color:#1675b9;margin-top:12px;font-size:17px}.simple-result p{font-size:10px;margin-top:8px;line-height:1.6}.simple-result>i{height:4px;border-radius:3px;background:#e6eff4;display:block;width:90%;margin-top:14px}.simple-result>i:last-child{margin-top:5px;width:65%}.simple-example{font-size:8px;color:#7b98a8;display:block;margin-top:10px}.simple-products{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.simple-products>div{padding:20px 5px 12px;border-radius:8px;background:#eef7fc;text-align:center}.simple-products svg{width:44px;height:44px;color:#168cc2;margin:auto}.simple-products span{font-size:9px;display:block;margin-top:12px}.simple-order,.simple-application{margin:0 18px 18px;border:1px solid #dcebf3;border-radius:8px;display:flex;gap:10px;align-items:center;font-size:10px;padding:12px;background:#fff}.simple-order svg,.simple-application svg{width:19px;height:19px;color:#098fd1}.simple-order>span,.simple-application>span{margin-left:auto;color:#0c9cbd}.simple-ad-brands{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.simple-ad-brands img{width:27px;height:27px;object-fit:contain}.simple-ad-card{padding:25px;background:white;border:1px solid #d7e6ed;border-radius:12px}.simple-ad-card>span,.simple-job>span{font-size:9px;color:#7693a4}.simple-ad-card strong,.simple-job>strong{font:500 21px/1.3 Unbounded;letter-spacing:-.04em;display:block;margin-top:15px}.simple-ad-card p,.simple-job p{font-size:11px;margin-top:9px}.simple-job{padding:23px;background:white;border:1px solid #d7e6ed;border-radius:12px}.simple-job-icon{float:right;color:#0a94cb}.simple-job-icon svg{width:30px;height:30px}.simple-job>.simple-application{margin:20px 0 0}.simple-job>strong{font-size:18px}
@media(prefers-reduced-motion:no-preference){.service-visual[data-active="1"] .simple-order,.service-visual[data-active="4"] .simple-application{animation:cleanNotice 4.5s ease-in-out infinite}.service-visual[data-active="0"] .simple-web-image{animation:cleanFloat 5s ease-in-out infinite}.service-visual[data-active="3"] .simple-result{animation:cleanFloat 5s ease-in-out infinite}}
@keyframes cleanNotice{0%,15%,100%{opacity:.4;translate:0 5px}30%,85%{opacity:1;translate:0 0}}@keyframes cleanFloat{50%{translate:0 -4px}}
@media(max-width:767px){.warm-homepage .service-visual[data-active=none]{display:block;height:270px;margin-top:20px}.warm-homepage .service-visual:not([data-active=none]){height:350px}.clean-service-scene{inset:50px 24px}.clean-service-scene>div{max-width:280px}.simple-web strong{font-size:21px}.simple-web-image{width:48px;height:48px}}
/* SEO/GEO: light opening, direct language, recognizable interfaces. */
.seo-page .search-hero{background:#f6fafc;color:#152f40;padding:145px 0 65px}.seo-page .search-hero-grid{grid-template-columns:1fr 1fr;gap:8%}.seo-page .seo-breadcrumb{color:#728a9b;margin-bottom:24px}.seo-page .seo-service-label{font-size:15px;color:#536f81;letter-spacing:0;margin-bottom:18px}.seo-page .search-hero h1{font-size:clamp(40px,4.5vw,70px);line-height:1.25;white-space:nowrap}.seo-page .search-hero h1>span{color:#fff;background:linear-gradient(100deg,#24b7d7,#0865de);padding:.07em .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.seo-page .search-hero-copy>p:last-of-type{color:#627b8c;font-size:18px;line-height:1.7;max-width:440px;margin-top:27px}.seo-page .seo-actions{margin-top:28px}.seo-page .seo-actions .custom-action.primary{background:#142d3e;color:white}.seo-page .seo-actions .custom-action.primary .action-icon{color:white;background:#ffffff1a}.seo-page .seo-actions .custom-action.secondary{color:#294b62;border:1px solid #ccdfe9;background:transparent}.seo-page .seo-actions .secondary .action-icon{color:#167fae;background:#e7f2f7}.seo-page .desktop-header:not(.scrolled){background:transparent!important;color:#173346!important;backdrop-filter:none;-webkit-backdrop-filter:none}.seo-page .desktop-header:not(.scrolled) .logo-dark{display:none!important}.seo-page .desktop-header:not(.scrolled) .logo-light{display:block!important}.seo-page .desktop-header:not(.scrolled) .header-cta{color:#173346!important}.seo-page .desktop-header:not(.scrolled) .header-cta .action-icon{color:#173346;background:transparent}
.seo-page .mobile-nav-bar-simple:not(.scrolled):not(.menu-open){background:#ffffffb8!important;border:1px solid #d8e7ef!important;box-shadow:0 8px 30px #426d8a0a!important}.seo-page .mobile-nav-bar-simple:not(.scrolled):not(.menu-open) .nav-logo-img-simple{display:none!important}.seo-page .mobile-nav-bar-simple:not(.scrolled):not(.menu-open) .nav-logo-img-alt-simple{display:block!important}.seo-page .mobile-nav-bar-simple:not(.scrolled):not(.menu-open) .burger-icon-img-simple{filter:invert(1)}
.ai-hero{max-width:500px;width:100%;justify-self:center}.ai-brand-row{display:flex;gap:13px;justify-content:center;margin-bottom:24px}.ai-brand-tile{width:79px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid #e2edf3;border-radius:17px;box-shadow:0 8px 20px #244b6510;transform:rotate(-5deg);transition:transform .3s}.ai-brand-tile:nth-child(even){transform:rotate(5deg)}.ai-brand-tile:hover{transform:translateY(-5px)}.ai-brand-tile>img{width:33px;height:33px;object-fit:contain}.ai-brand-tile>span{font-size:9px;color:#6e8594}.ai-chat{background:#fff;border:1px solid #dce8ef;border-radius:17px;padding:20px;box-shadow:0 16px 45px #375c7010;min-height:267px;color:#26475b}.ai-chat-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.ai-chat-title>img{width:18px;height:18px}.ai-chat-title>span{margin-left:auto;font-weight:400;color:#8a9eab;font-size:9px}.ai-question{background:#edf4f8;border-radius:14px 14px 3px 14px;padding:13px 16px;margin:20px 0 18px 30px;font-size:13px;line-height:1.6;min-height:67px}.typing-caret{display:inline-block;width:1px;height:13px;background:#168ccb;margin-left:2px;vertical-align:middle;animation:caretBlink .8s steps(1) infinite}.ai-answer{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.7;transition:opacity .4s;min-height:42px}.ai-answer>img{width:19px;height:19px;flex:none;margin-top:3px}.ai-chat.is-typing .ai-answer{opacity:0}.ai-chat-input{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5edf2;border-radius:25px;padding:9px 10px 9px 15px;margin-top:20px;font-size:10px;color:#9aabb5}.ai-chat-input>span{background:#1a3546;color:white;border-radius:50%;width:23px;height:23px;text-align:center;font-size:17px}.seo-page .seo-benefit h3{font-size:clamp(24px,2.1vw,32px)}.seo-page .seo-section h2,.seo-page .process-intro h2{font-size:clamp(30px,3vw,46px)}.seo-page .seo-benefit{min-height:390px}.seo-page .seo-office{background:#fff}.seo-office>.frame{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}.seo-office p{font-size:18px;line-height:1.8;color:#607d8f;margin-top:25px;max-width:420px}.seo-office a{display:inline-flex;gap:35px;margin-top:27px;border-bottom:1px solid #b9d8e7;padding-bottom:8px;font-size:15px;color:#168dbd}.seo-office figure{margin:0}.seo-office img{display:block;width:100%;height:350px;object-fit:cover;border-radius:14px}.seo-office figcaption{font-size:11px;color:#879da9;margin-top:12px}.seo-page .seo-section{padding:75px 0}.seo-page #vorgehen{padding:75px 0}.seo-page .process-step h3{font-size:25px}.seo-page .seo-contact h2{font-size:clamp(29px,3vw,45px)}
@keyframes caretBlink{50%{opacity:0}}
@media(max-width:1099px){.seo-page .search-hero-grid{gap:6%}.seo-page .search-hero h1{font-size:43px}.ai-brand-row{gap:9px}.ai-brand-tile{width:66px;height:76px}.ai-chat{padding:17px}.ai-question{font-size:12px;margin-left:15px}.seo-office>.frame{gap:6%}}
@media(max-width:767px){.seo-page .search-hero{padding:115px 0 45px}.seo-page .search-hero-grid{display:block}.seo-page .search-hero h1{font-size:clamp(32px,10vw,48px)}.seo-page .seo-service-label{font-size:14px;margin-bottom:18px}.seo-page .seo-breadcrumb{margin-bottom:20px}.seo-page .search-hero-copy>p:last-of-type{font-size:16px;max-width:340px;margin:23px auto 0}.seo-page .ai-hero{margin:35px auto 0;max-width:390px}.ai-brand-row{gap:11px;margin-bottom:20px}.ai-brand-tile{width:63px;height:71px;border-radius:14px}.ai-brand-tile>img{width:29px;height:29px}.ai-brand-tile>span{font-size:8px}.ai-chat{padding:17px;text-align:left;min-height:270px}.ai-question{margin-left:15px;font-size:12px}.ai-answer{font-size:11px}.seo-page .seo-section,.seo-page #vorgehen{padding:55px 0}.seo-page .seo-section h2,.seo-page .process-intro h2{font-size:29px}.seo-page .seo-benefit{min-height:0}.seo-office>.frame{display:block}.seo-office p{font-size:16px;margin-top:20px}.seo-office figure{margin-top:30px}.seo-office img{height:260px}.seo-page .seo-contact h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.typing-caret{display:none}.ai-answer{opacity:1!important}}
[data-theme=dark] .seo-page .search-hero{background:#10212c;color:#edf5fb}[data-theme=dark] .seo-page .search-hero-copy>p:last-of-type{color:#b7ccda}[data-theme=dark] .seo-page .seo-office{background:#0b1118}[data-theme=dark] .seo-page .desktop-header:not(.scrolled){background:#fff!important;color:#173346!important}
.google-example{margin-top:28px;border-top:1px solid #d8e6ee;padding-top:20px;max-width:450px}.google-example>span{display:block;font-size:9px;color:#8ca0ad;margin-bottom:15px}.google-example>div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe9ee;border-radius:24px;padding:11px 15px;font-size:12px}.google-example img{width:20px;height:20px}.google-example>small{font-size:10px;color:#73909e;display:block;margin-top:18px}.google-example>strong{display:block;font-size:16px;font-weight:500;color:#2464b0;margin-top:5px}.google-example>p{font-size:12px;color:#6a8190;margin-top:7px}
