/* Mediana / editorial refresh. Liquid, glass and precise product detail. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:60;background:linear-gradient(90deg,#00c4e4,#2563eb,#7c3aed,#cb56ed);transform:scaleX(0);transform-origin:left;pointer-events:none}
.gradient-text{background-size:180% 100%;animation:gradient-drift 10s ease-in-out infinite alternate}
@keyframes gradient-drift{to{background-position:100% 50%}}
.hero{padding-top:38px;padding-bottom:65px;min-height:690px}
.hero h1{margin-top:12px}
.hero-footnote{font-size:16px;color:#626e86;line-height:1.55;max-width:430px}
.hero-footnote:before{width:28px;flex-shrink:0;background:#7c6bca}
.hero-art{--art-x:0px;--art-y:0px;background:radial-gradient(ellipse at 70% 20%,#e8d7ff8a,transparent 60%),radial-gradient(ellipse at 20% 80%,#c2f7ff6b,transparent 60%)}
.hero-emblem{translate:var(--art-x) var(--art-y);transition:translate .7s cubic-bezier(.22,1,.36,1)}
.art-bottom .mono{font-size:11px;font-family:MedianaSans,Arial,sans-serif;letter-spacing:.08em;color:#596780;line-height:1.5;max-width:75%}
.motion-toggle{border:1px solid #8895b544;background:#ffffff80;backdrop-filter:blur(10px);width:30px;height:30px;border-radius:50%;justify-content:center;font-size:13px;padding:0}
.motion-toggle:hover{background:#fff;border-color:#7c3aed88}
.language-group .language-button{gap:8px;display:flex;align-items:center;font-size:13px}
.language-button .chevron{width:5px;height:5px}
.language-dropdown{width:185px;min-width:0;left:auto;right:0;padding:8px;top:calc(100% + 17px)}
.language-dropdown button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border-radius:8px;background:transparent;padding:12px;font-size:14px;gap:25px}
.language-dropdown b{font-size:10px;letter-spacing:.05em;color:#71809d}
.language-dropdown button:hover,.language-dropdown button[aria-current=true]{background:#eeecff;color:#6849bd}
.section-eyebrow{font-size:15px;letter-spacing:.1em;gap:15px;margin-bottom:26px}
.section-index{font-size:13px;color:#7f8aa3}
.section-heading>p{font-size:16px;line-height:1.6;max-width:360px}
.services{padding-top:60px;padding-bottom:80px}
.services-field{padding:52px 0;isolation:isolate;position:relative;background:#e7ebff}
.services-field:before{background:radial-gradient(ellipse at 15% 35%,#56def8a0,transparent 60%),radial-gradient(ellipse at 82% 66%,#ac80ff90,transparent 65%)}
.services-field .liquid-canvas{opacity:.95}
.service-grid{gap:30px;position:relative;z-index:1}
.service-card{padding:29px;min-height:292px;background:#ffffffb8;border:1px solid #ffffffbb;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 6px 28px #2638820a;border-radius:20px;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),background .4s,box-shadow .4s}
.service-card:before,.about-art:after,.growth-lab:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffff75,transparent 75%);z-index:-1}
.service-card:hover:before,.about-art:hover:after,.growth-lab:hover:before{opacity:1}
.service-card:hover{transform:translateY(-8px);background:#ffffffd2;box-shadow:0 24px 50px #3347b922;border-color:#fff}
.service-card h3{font-size:25px;margin-top:24px}
.service-card p{font-size:15px;line-height:1.55;color:#485773;padding-right:0}
.service-tags{font-size:10px;color:#62718e;line-height:1.5;max-width:85%}
.service-number{color:#7685a2;font-size:11px}
.service-symbol{background:#ffffffa8;border-color:#9d98de70;transition:transform .4s,box-shadow .4s}
.service-card:hover .service-symbol{transform:rotate(-8deg);box-shadow:0 6px 18px #7961d324}
.service-bottom .icon{transition:transform .35s}
.service-card:hover .service-bottom .icon{transform:translate(3px,-3px)}
.service-after{font-size:21px;color:#53617d;gap:30px;align-items:center;line-height:1.45;margin-top:30px;padding:16px 0}
.service-after .text-link{font-size:17px;white-space:nowrap}
.about-art{isolation:isolate;background:radial-gradient(circle at 82% 5%,#d4c2fd,transparent 55%),radial-gradient(circle at 6% 95%,#9bdffa,transparent 55%),#e9edf9}
.about-art:after{z-index:0}
.about-coordinate{font-size:11px;color:#64728e;letter-spacing:.12em}
.team-chip{background:#ffffffa8;backdrop-filter:blur(12px);border:1px solid #ffffffc0}
.team-chip img{position:relative;z-index:1}
.about-art-footer .mono{font-size:10px;color:#697997}
.about-principles h3{font-size:16px}
.about-principles p{font-size:14px;color:#65728c}
.process-step{position:relative;overflow:hidden;background:#ffffff80;transition:background .3s}
.process-step:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#00c4e4,#7c3aed);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.process-step:hover{background:#fff}
.process-step:hover:after{transform:scaleX(1)}
.process-step p{font-size:14px;line-height:1.6}
.process-step .step-number{color:#7483a0;font-size:12px}
.approach{display:grid;grid-template-columns:1.14fr 1fr;gap:58px;align-items:center;padding:90px max(50px,calc((100vw - 1240px)/2));background:radial-gradient(ellipse at 95% 12%,#503ebd45,transparent 50%),radial-gradient(ellipse at 70% 100%,#126f9440,transparent 50%),#111d36}
.approach:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#889ddd08 1px,transparent 1px),linear-gradient(90deg,#889ddd08 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.approach .approach-inner{width:100%;margin:0}
.approach .eyebrow{font-size:13px;letter-spacing:.1em;color:#aab9df}
.approach h2{font-size:clamp(36px,3.6vw,52px);letter-spacing:-2px;line-height:1.1}
.approach p{font-size:18px;line-height:1.6;color:#b7c4df;margin:27px 0;max-width:550px}
.approach-pills{gap:9px;margin:27px 0 32px}
.approach-pills>span{font-size:12px;padding:10px 12px;border-color:#9faee83d;color:#c6d1eb;background:#ffffff04}
.approach .button{font-size:15px;min-height:54px;padding:15px 22px}
.growth-lab{position:relative;isolation:isolate;min-width:0;border:1px solid #b0beff30;border-radius:23px;padding:24px;background:linear-gradient(145deg,#91a5ff13,#ffffff04);box-shadow:0 35px 85px #04091b38,inset 0 1px 0 #ffffff13;backdrop-filter:blur(12px);transform:perspective(1400px) rotateY(-6deg) rotateZ(2deg);transition:transform .6s;z-index:2}
.growth-lab:hover{transform:perspective(1400px) rotateY(0) rotateZ(0)}
.growth-lab:before{background:radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,50%),#8d9aff20,transparent 80%)}
.lab-top,.lab-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}
.lab-top{margin-bottom:24px;color:#96a6cb;font-size:9px;letter-spacing:.08em}
.lab-status{display:flex;gap:8px;align-items:center;line-height:1.5}
.lab-status i{height:5px;width:5px;border-radius:100%;background:#68e4d2;box-shadow:0 0 10px #68e4d26b;flex-shrink:0}
.lab-top .mono{font-size:9px;white-space:nowrap}
.growth-tabs{display:flex;background:#060e2180;border:1px solid #91a7dc1c;border-radius:10px;padding:4px;gap:4px;margin-bottom:20px}
.growth-tabs button{flex:1;border-radius:7px;padding:11px 5px;font-size:13px;background:transparent;color:#b1bfdd;transition:background .3s,color .3s}
.growth-tabs button[aria-selected=true]{background:linear-gradient(120deg,#526edfb0,#735ce4b0);color:#fff;box-shadow:0 3px 8px #0002}
.growth-preview{border:1px solid #bbc7ee33;border-radius:12px;overflow:hidden;background:#f4f6ff;min-height:265px;box-shadow:0 18px 35px #03082230;color:#19294b}
.preview-chrome{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-bottom:1px solid #e4e8f2;color:#8190ab;font-size:9px}
.preview-chrome>span:first-child{display:flex;gap:4px}
.preview-chrome i{height:5px;width:5px;border-radius:100%;background:#c8cfe0}
.preview-chrome .icon{width:12px;height:12px}
.preview-layout{display:flex;min-height:235px}
.preview-sidebar{display:flex;flex-direction:column;gap:15px;align-items:center;width:0;overflow:hidden;opacity:0;padding-top:18px;border-right:1px solid #dde3f0;transition:width .5s,opacity .5s;flex-shrink:0}
.preview-sidebar i{width:19px;height:5px;background:#bcc7e4;border-radius:3px}
.preview-main{flex:1;padding:24px;min-width:0;position:relative}
.preview-title{display:flex;align-items:flex-start;gap:12px}
.preview-title .mono{font-size:9px;color:#8276c7;padding-top:5px;white-space:nowrap}
.preview-title strong{font-size:22px;line-height:1.15;letter-spacing:-.6px;max-width:250px;min-height:51px}
.preview-visual{position:relative;min-height:120px;margin-top:10px}
.preview-orb{position:absolute;top:8px;right:5%;width:115px;height:115px;border-radius:30%;background:radial-gradient(circle at 24% 20%,#a3f1ff,#45b9ff 25%,#7260ed 66%,#b6a4f0);box-shadow:inset -12px -14px 22px #5135af50,0 13px 28px #7f71d547;transform:rotate(-18deg);transition:all .65s cubic-bezier(.22,1,.36,1);animation:preview-float 6s ease-in-out infinite alternate}
.preview-orbit{position:absolute;width:175px;height:95px;border:1px solid #a392e968;border-radius:100%;right:-3%;top:22px;transform:rotate(-28deg);transition:opacity .4s}
.preview-lines{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.preview-lines i{width:60%;height:5px;background:#cbd4e9;border-radius:3px}
.preview-lines i:last-child{width:37%}
.preview-products{display:flex;gap:12px;position:absolute;inset:10px 0 5px;opacity:0;translate:0 15px;transition:opacity .5s,translate .5s}
.preview-products i{display:block;border:1px solid #b4bff15c;flex:1;min-width:0;border-radius:9px;background:radial-gradient(circle at 50% 35%,#98edee 0 22%,transparent 23%),linear-gradient(#e0f5fa,#cfe0f8);box-shadow:inset 0 -24px 0 #fff8}
.preview-products i:nth-child(2){background:radial-gradient(circle at 50% 35%,#b6a2fb 0 22%,transparent 23%),linear-gradient(#eae4fd,#d7d1f8)}
.preview-products i:nth-child(3){background:radial-gradient(circle at 50% 35%,#ffaacf 0 22%,transparent 23%),linear-gradient(#f7e5f6,#e7d4f3)}
.preview-bars{position:absolute;inset:15px 6px 5px;display:flex;align-items:flex-end;gap:13px;opacity:0;transition:opacity .5s}
.preview-bars i{flex:1;background:linear-gradient(#8c82f2,#ccd8fb);height:25%;border-radius:5px 5px 0 0;transition:height .7s cubic-bezier(.22,1,.36,1)}
.preview-bars i:nth-child(2){height:40%}.preview-bars i:nth-child(3){height:35%}.preview-bars i:nth-child(4){height:60%}.preview-bars i:nth-child(5){height:85%}
.growth-preview[data-stage=store] .preview-products{opacity:1;translate:0 0}
.growth-preview[data-stage=store] .preview-orb,.growth-preview[data-stage=platform] .preview-orb{opacity:0;scale:.5}
.growth-preview:not([data-stage=web]) .preview-orbit{opacity:0}
.growth-preview[data-stage=platform] .preview-bars{opacity:1}
.growth-preview[data-stage=platform] .preview-sidebar{width:52px;opacity:1}
.growth-preview[data-stage=platform] .preview-bars i:nth-child(2){height:55%}
.growth-preview[data-stage=platform] .preview-bars i:nth-child(3){height:72%}
.growth-preview[data-stage=platform] .preview-bars i:nth-child(4){height:62%}
.growth-preview[data-stage=platform] .preview-bars i:nth-child(5){height:94%}
.lab-bottom{margin-top:22px;font-size:12px;color:#a9b8d7;line-height:1.5}
.lab-bottom>span:last-child{font-size:23px;color:#b4a4fa}
@keyframes preview-float{to{transform:rotate(12deg) translateY(-6px);border-radius:42% 58% 46% 54%}}
.faq{grid-template-columns:.8fr 1.3fr;gap:75px;align-items:start}
.faq .faq-display{font-size:clamp(100px,11vw,150px);letter-spacing:-8px;line-height:1;margin-top:28px}
.faq-heading>p{font-size:18px;max-width:320px;color:#626f89;margin:22px 0 27px;line-height:1.6}
.faq-heading .text-link{font-size:16px;color:#3c4c6c}
.faq-list{display:grid;gap:13px}
.faq-item,.faq-item:first-child{border:1px solid #dfe4f1;border-radius:14px;background:#ffffff94;overflow:hidden;transition:background .35s,border-color .35s,box-shadow .35s}
.faq-item:hover{border-color:#b5afe1;background:#fff}
.faq-item[open]{background:#fff;border-color:#afa5e6;box-shadow:0 12px 35px #51479a0a}
.faq-item>summary{padding:24px 23px;gap:15px;font-size:17px;font-weight:700}
.faq-question{flex:1;line-height:1.4}
.faq-number{font-family:Consolas,monospace;font-size:11px;color:#9ba4b9;font-weight:400}
.faq-plus{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:#f1effb;border-radius:50%;color:#8171c6;font-size:22px;transition:transform .35s,background .35s,color .35s}
.faq-item[open] .faq-plus{background:#7c63dc;color:#fff;transform:rotate(45deg)}
.faq-answer{overflow:hidden}
.faq-item p{font-size:15px;line-height:1.65;max-width:none;padding:0 24px 25px 51px;margin:0;color:#5e6a83}
.contact-copy>p{font-size:18px}
.contact-email{font-size:21px;letter-spacing:-.5px;line-height:1.45;max-width:370px}
.contact-human{margin-top:45px;align-items:center;gap:15px}
.contact-human b{font-size:15px;max-width:280px;line-height:1.5}
.contact-human div>span{font-size:13px;line-height:1.55;color:#71809a;max-width:260px}
.contact-form label>span,.contact-form legend{font-size:13px;color:#5d6b84}
.contact-form input,.contact-form textarea,.contact-form select{font-size:14px;min-height:45px}
.service-choices label>span{font-size:11px;min-height:32px}
.form-top .mono{font-size:11px}
.form-privacy,.form-note{font-size:11px;line-height:1.6}
.form-submit{font-size:14px;min-height:52px}
.footer-nav{font-size:13px}.footer-top p,.back-top{font-size:12px}.footer-bottom,.footer-bottom button{font-size:11px}
.motion-paused .preview-orb,.motion-paused .gradient-text{animation-play-state:paused}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.is-visible{opacity:1;transform:none}
html[lang=de] .hero h1{font-size:clamp(49px,5.25vw,73px)}
html[lang=de] .hero-description{max-width:460px}
@media(min-width:1500px){.hero{min-height:720px}.hero-art{height:600px}.services{padding-top:60px}}
@media(max-width:1150px){.approach{padding:75px 32px;gap:32px;grid-template-columns:1.1fr 1fr}.approach h2{font-size:39px}.growth-lab{padding:20px}.service-grid{gap:24px}.service-card{padding:25px}.service-card h3{font-size:23px}.service-after{font-size:19px}.faq{gap:45px}.section-eyebrow{font-size:14px}}
@media(max-width:950px){.hero-footnote{font-size:14px}.art-bottom .mono{font-size:10px}.service-grid{grid-template-columns:repeat(2,1fr);gap:24px}.service-card{min-height:275px}.approach{grid-template-columns:1fr;gap:40px;padding:75px 50px}.growth-lab{width:min(560px,100%);justify-self:center;transform:none}.approach h2{font-size:46px}.approach p{max-width:610px}.faq{grid-template-columns:.7fr 1.3fr;gap:30px}.faq-item>summary{font-size:16px;padding:22px 18px}.faq-item p{padding-left:45px;padding-right:20px}.section-heading>p{font-size:15px}.about-principles h3{font-size:15px}.about-principles p{font-size:13px}.process-step p{font-size:13px}.contact-human{margin-top:30px}}
@media(max-width:760px){.hero{padding-top:35px;padding-bottom:25px;min-height:auto}.hero-footnote{font-size:15px;max-width:360px}.hero-art{height:470px}.art-bottom .mono{font-size:10px;max-width:80%}.hero-art .art-bottom{bottom:8px}.section-eyebrow{font-size:13px;letter-spacing:.09em}.section-index{font-size:12px}.services{padding-top:48px;padding-bottom:55px}.services-field{padding:32px 0}.service-grid{gap:20px}.service-card{padding:22px;min-height:290px}.service-card h3{font-size:23px}.service-card p{font-size:14px}.service-tags{font-size:9px}.service-after{font-size:20px;margin-top:24px;padding:0}.service-after .text-link{font-size:16px;margin-top:16px}.about-coordinate{font-size:10px}.about-principles p{font-size:14px}.process-step p{font-size:14px}.approach{padding:65px 21px;gap:35px}.approach h2{font-size:38px;letter-spacing:-1.7px}.approach p{font-size:17px}.approach .eyebrow{font-size:11px}.approach-pills>span{font-size:11px}.approach .button{font-size:14px}.growth-lab{padding:20px;border-radius:18px}.faq{grid-template-columns:1fr;gap:30px}.faq .faq-display{font-size:105px;letter-spacing:-5px;margin-top:18px}.faq-heading>p{font-size:17px;max-width:470px}.faq-item>summary{font-size:16px;padding:21px 18px;gap:12px}.faq-item p{font-size:14px;padding:0 18px 23px 42px}.contact-email{font-size:21px}.contact-human b{font-size:14px}.contact-human div>span{font-size:12px}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px}.contact-form label>span,.contact-form legend{font-size:12px}.form-privacy,.form-note{font-size:10px}.form-submit{font-size:14px}.footer-bottom,.footer-bottom button{font-size:9px}.footer-nav{font-size:12px}html[lang=de] .hero h1{font-size:clamp(49px,8.5vw,65px)}}
@media(max-width:450px){.service-grid{grid-template-columns:1fr;gap:22px}.service-card{min-height:258px;padding:27px;background:#ffffffb0}.service-card h3{font-size:27px;margin-top:22px}.service-card p{font-size:15px;max-width:100%}.service-tags{font-size:10px}.service-symbol{width:43px;height:43px}.hero-art{height:390px}.art-bottom .mono{font-size:9px;letter-spacing:.045em}.hero-footnote{font-size:14px}.service-after{font-size:19px}.approach h2{font-size:34px}.approach-pills{gap:8px}.approach-pills>span{font-size:10px;padding:9px 10px}.growth-lab{padding:16px}.growth-tabs button{font-size:12px;padding:11px 4px}.preview-main{padding:20px}.preview-title strong{font-size:21px}.preview-title .mono{font-size:8px}.lab-top{font-size:8px}.lab-bottom{font-size:11px}.faq-item>summary{font-size:15px}.contact-email{font-size:19px}.contact-form{padding:22px}.form-row{gap:12px}.service-choices label>span{font-size:11px}.header-actions{gap:18px}.language-button .icon{width:18px;height:18px}.language-group .language-button{font-size:12px;gap:6px}.footer-bottom,.footer-bottom button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.growth-lab{transform:none}.gradient-text,.preview-orb{animation:none}}