@font-face{font-family:Plex;src:url('/assets/consulting/fonts/IBMPlexSans-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#f7f8f5;--ink:#203d34;--text:#283b34;--muted:#738078;--line:#dce2db;--green:#376b54;--lime:#d9efaa;--white:#fff;--gutter:clamp(24px,5.2vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--text);font-family:Plex,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #558e70;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(100%,1640px);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 20px;background:var(--ink);color:white;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{height:112px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand>svg{width:39px;height:32px}.brand>span{font-size:25px;font-weight:600;letter-spacing:-1px;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:1.65px;font-weight:400;margin-top:8px;color:var(--muted)}.main-nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.main-nav a{transition:color .2s}.main-nav a:hover{color:#87a675}.header-actions{display:flex;align-items:center;gap:28px}.languages{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.6px}.languages span{color:#b4bcb5}.languages a{color:#879289}.languages [aria-current]{color:var(--ink);font-weight:600}.header-contact{display:flex;align-items:center;gap:20px;border:1px solid #cad4c8;border-radius:5px;padding:13px 17px;font-size:12px}.header-contact svg{width:17px}.header-contact:hover{background:#e9ede5}
.hero{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:690px;padding-top:42px;padding-bottom:60px;position:relative}.hero-copy{position:relative;z-index:2;padding-bottom:30px}.eyebrow{font-size:10px;line-height:1.5;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;display:flex;align-items:center;gap:9px;color:#687c6e}.eyebrow>span{height:5px;width:5px;flex-shrink:0;background:#6d936c;border-radius:50%}h1{font-size:clamp(45px,4.5vw,72px);letter-spacing:-3.8px;line-height:1.035;margin:25px 0 27px;font-weight:500;color:var(--ink)}h1 span{color:#8c9e83}.hero-lead{font-size:16px;line-height:1.75;max-width:510px;color:#6b786e}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;border:0;border-radius:5px;min-height:49px;padding:15px 21px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button svg{width:19px;height:19px}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#315847}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:500;white-space:nowrap}.text-link svg{width:18px;height:18px;transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}.hero-note{margin-top:30px;display:flex;align-items:center;gap:12px;font-size:10px;color:#869185}.tiny-line{width:23px;height:1px;background:#a6b39e;display:block}
.product-scene{position:relative;min-width:0;margin-left:7px;user-select:none}.scene-topline{display:flex;justify-content:space-between;align-items:center;padding:0 8px 0 17px;font-size:10px;color:#6b7a6c}.scene-topline>span:first-child{display:flex;align-items:center;gap:8px}.scene-topline i{width:5px;height:5px;border-radius:50%;background:#8aa477}.scene-index{font-size:8px;letter-spacing:1.8px;color:#a0ac9c}.scene-stage{position:relative;width:100%;aspect-ratio:700/520;perspective:1100px}.scene-grid{position:absolute;inset:3% 14% 0 8%;background-image:linear-gradient(#b6c7ad25 1px,transparent 1px),linear-gradient(90deg,#b6c7ad25 1px,transparent 1px);background-size:31px 31px;transform:rotateX(49deg) rotateZ(-17deg);mask-image:radial-gradient(ellipse,#000 10%,transparent 68%)}.scene-stage::before{content:'';position:absolute;inset:8% 0;background:radial-gradient(ellipse at 55% 55%,#d9e6cc9c,transparent 64%);filter:blur(20px)}.scene-connections{position:absolute;inset:0;width:100%;height:100%;fill:var(--paper);stroke:#99b38d;stroke-width:1.2;stroke-dasharray:3 5;opacity:.55}.scene-connections circle{fill:#b7cba9;stroke:none}.product-window{position:absolute;background:#fff;border:1px solid #dbe1d7;border-radius:9px;overflow:hidden;box-shadow:0 22px 40px -20px #344c364a,0 2px 3px #3044320a;transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .4s,filter .4s;transform-style:preserve-3d}.window-chrome{height:29px;background:#f8faf6;border-bottom:1px solid #e8ede5;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:7px;color:#8a9786}.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;border-radius:50%;background:#d3d9ce}.window-dots i:first-child{background:#b6c8ab}.window-xv{font-size:8px;letter-spacing:-1px;font-weight:600}.crm-window{width:74%;height:61%;top:20%;left:0;z-index:2;transform:rotateY(-9deg) rotateX(7deg) rotateZ(-4deg)}.workspace-layout{display:flex;height:calc(100% - 29px)}.workspace-sidebar{width:22%;padding:14px 8px;background:#f9fbf6;border-right:1px solid #edf0e7;display:flex;flex-direction:column;gap:8px;font-size:6.5px;color:#8c9986}.workspace-mark{display:block;margin:0 0 15px 6px;color:#5b7650}.workspace-mark svg{width:21px;height:17px}.workspace-sidebar>span:not(.workspace-mark){display:flex;align-items:center;gap:5px;padding:6px 5px;border-radius:3px;white-space:nowrap}.workspace-sidebar>span svg{width:10px;height:10px}.workspace-sidebar .sidebar-active{background:#e5eddc;color:#5a764d}.sidebar-avatar{width:18px;height:18px;border-radius:50%;background:#cedcbe;margin-top:auto;margin-left:5px;border:4px solid #e6eddf}.workspace-main{width:78%;padding:20px 17px}.micro-label{font-size:6px;letter-spacing:1.5px;color:#92a088;font-weight:500}.workspace-main h3{font-size:17px;letter-spacing:-.7px;margin-top:6px;color:#425438}.workspace-sub{font-size:6.5px;color:#a2ac99;margin-top:4px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.mini-stats>div{padding:8px;border:1px solid #e9eddf;border-radius:4px;background:#fff}.stat-line{display:block;width:55%;height:3px;background:#dce4d0;border-radius:3px;margin-bottom:7px}.mini-stats b{display:flex;align-items:center;justify-content:space-between;color:#657b51;font-size:14px;font-weight:400}.mini-stats b i{font-size:8px;font-style:normal;color:#8ca76d}.kanban{display:flex;gap:7px;margin-top:16px}.kanban-column{flex:1;min-width:0}.kanban-label{font-size:6px;display:flex;align-items:center;gap:4px;margin-bottom:6px;color:#8c9c7e;white-space:nowrap}.kanban-label i{width:4px;height:4px;border-radius:50%;background:#b8c9a0}.kanban-column:nth-child(2) .kanban-label i{background:#dbca92}.kanban-column:nth-child(3) .kanban-label i{background:#98b5ad}.task-card{padding:8px 6px;border:1px solid #e8eddf;border-radius:3px;margin-bottom:6px;min-height:53px}.task-card b{font-size:5.8px;font-weight:400;color:#76856a;white-space:nowrap}.skeleton{display:block;width:75%;height:3px;border-radius:3px;background:#e2e9d9;margin-top:6px}.skeleton.short{width:45%}.task-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:7px;color:#a6b497}.task-bottom i{display:block;width:9px;height:9px;background:#c8d5b9;border-radius:50%}.task-card.ghost{min-height:32px;opacity:.55}
.web-window{width:43%;height:42%;left:54%;top:7%;z-index:3;transform:rotateY(-12deg) rotateX(5deg) rotateZ(7deg)}.web-window .window-chrome{height:24px;font-size:6px}.web-content{background:#f0f3e8;height:calc(100% - 24px);padding:15px 19px;position:relative;overflow:hidden}.web-nav{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#78866b}.web-nav b{font-weight:600}.web-nav>span{font-size:6px}.web-kicker{display:block;font-size:4px;letter-spacing:1.5px;margin-top:24px;color:#95a583}.web-content h3{font-size:21px;line-height:1.12;letter-spacing:-.8px;width:61%;margin:6px 0;color:#637450;position:relative;z-index:1}.web-content p{font-size:5px;color:#96a389}.mini-button{display:inline-block;background:#778d60;color:#fff;font-size:4px;padding:5px 8px;border-radius:2px;margin-top:10px}.web-sculpture{position:absolute;right:8%;bottom:15%;width:35%;height:62%;transform:rotate(-20deg)}.web-sculpture i{position:absolute;width:80%;height:64%;border-radius:50%;border:12px solid #bdce9d;box-shadow:inset -4px -4px 7px #667a4640,4px 5px 10px #748c5733;background:transparent;transform:rotateX(25deg) rotateY(35deg)}.web-sculpture i:nth-child(2){top:20%;left:12%;border-color:#d1deba}.web-sculpture i:nth-child(3){top:40%;left:24%;border-color:#a6bd82}
.phone{position:absolute;top:40%;left:73%;width:24%;height:55%;border:5px solid #e2e5dc;border-radius:26px;background:#fff;z-index:4;box-shadow:1px 2px 0 #adb5a5,10px 18px 25px -10px #5d715b40,inset 0 0 0 1px #e3e9dd;transform:rotateY(-12deg) rotateZ(9deg);transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .4s}.phone-camera{position:absolute;top:7px;left:37%;width:26%;height:7px;border-radius:20px;background:#2e3c2c;z-index:1}.phone-status{font-size:5px;display:flex;justify-content:space-between;padding:10px 10px 0;color:#647359}.phone-content{padding:15px 11px 10px}.phone-avatar{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e6eedb;font-size:6px;color:#68814f;margin-bottom:9px}.phone-content h3{font-size:11px;letter-spacing:-.4px}.phone-content>p{font-size:5px;color:#8f9e83;margin-top:4px}.phone-feature{background:#e7efd9;padding:9px;border-radius:8px;margin-top:12px;color:#6b8250}.phone-feature>span{font-size:6px;display:block}.phone-feature>b{font-size:13px;font-weight:400;display:flex;justify-content:space-between;align-items:center}.phone-feature small{font-size:11px}.phone-orbit{width:44px;height:44px;border:1px solid #bfcdad;border-radius:50%;margin:5px auto;display:grid;place-items:center;box-shadow:0 0 0 5px #d8e5c7,0 0 0 6px #cbdab7}.phone-orbit span{font-size:21px}.phone-item{display:flex;align-items:center;gap:7px;margin-top:9px}.phone-item i{font-size:5px;width:14px;height:14px;display:grid;place-items:center;border:1px solid #e5ebdc;border-radius:4px;font-style:normal;color:#8a9f73}.phone-item .skeleton{margin:0;height:3px;width:60%}.phone-nav{display:flex;justify-content:space-around;font-size:10px;color:#a4af9a;margin-top:12px}.phone-nav>span{color:#607b47}.phone-home{height:3px;width:30%;position:absolute;bottom:5px;left:35%;background:#a6b19b;border-radius:4px}
.automation-window{position:absolute;left:6%;top:78%;width:60%;height:18%;background:#fff;border:1px solid #e0e7d7;border-radius:8px;padding:13px 16px;display:flex;align-items:center;gap:13px;box-shadow:0 14px 30px -15px #4c654538;z-index:5;transform:rotateZ(-3deg);transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .4s}.automation-icon{width:40px;height:40px;border-radius:11px;background:#eaf2dd;color:#809c5c;display:grid;place-items:center;flex-shrink:0}.automation-icon svg{width:24px;height:24px}.automation-content{min-width:0;flex:1}.automation-content .micro-label{font-size:5px;letter-spacing:1.2px}.automation-content strong{display:block;font-size:11px;font-weight:500;color:#6b8055;margin:4px 0 8px;white-space:nowrap}.mini-flow{display:flex;align-items:center;gap:7px;font-size:6px;color:#91a17e}.mini-flow>span{border:1px solid #e1e9d7;border-radius:3px;padding:3px 7px;white-space:nowrap}.mini-flow i{font-style:normal;color:#b8c7a9}.mini-flow b{display:grid;place-items:center;width:13px;height:13px;background:#e6efd9;border-radius:50%;margin-left:auto;color:#879f66}.product-scene[data-active=crm] .crm-window{transform:rotateY(-6deg) rotateX(3deg) rotateZ(-3deg) translateY(-8px);box-shadow:0 28px 45px -20px #3e573b50}.product-scene[data-active=web] .web-window{transform:rotateY(-5deg) rotateZ(3deg) translateY(-15px) scale(1.07);z-index:6;box-shadow:0 28px 40px -15px #3e573b4a}.product-scene[data-active=app] .phone{transform:rotateY(-3deg) rotateZ(4deg) translateY(-13px) scale(1.05);box-shadow:1px 2px 0 #adb5a5,12px 24px 35px -10px #5d715b50}.product-scene[data-active=ai] .automation-window{transform:rotateZ(0) translateY(-8px) scale(1.05);box-shadow:0 20px 35px -10px #4c654540}
.section{padding-block:105px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}h2{font-size:clamp(30px,3.1vw,48px);line-height:1.14;letter-spacing:-1.9px;color:var(--ink);margin-top:19px}.section-lead{max-width:335px;font-size:14px;line-height:1.8;color:var(--muted)}.solutions{border-top:1px solid var(--line)}.service-row{border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row summary{display:grid;grid-template-columns:1fr 37% 28px;gap:20px;align-items:center;padding:27px 0;cursor:pointer;list-style:none}.service-row summary::-webkit-details-marker{display:none}.service-title{font-size:22px;font-weight:400;letter-spacing:-.65px}.service-short{font-size:12px;color:#85907e;line-height:1.7;max-width:300px}.service-plus{font-size:25px;font-weight:300;text-align:center;transition:transform .2s;color:#7f9174}.service-row[open] .service-plus{transform:rotate(45deg)}.service-row[open] .service-title{color:#74935b}.service-body{padding:0 50px 30px 0;max-width:900px;font-size:13px;line-height:1.8;color:var(--muted)}.service-tags{font-size:11px;letter-spacing:.2px;margin-bottom:10px;color:#5e7950}.service-body .text-link{margin-top:18px;color:var(--ink)}
.workflow-section{background:#203e34;color:#d4e0d4;padding:80px 0 65px;overflow:hidden}.workflow-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.workflow-section .eyebrow{color:#a2ba98}.workflow-section h2{color:#f4f5ed}.workflow-intro>div:last-child{max-width:390px}.workflow-intro>div>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#adc1af}.button-light{background:#dcebb9;color:#36503b;margin-top:22px;gap:13px}.button-light:hover{background:#e5f2c8}.button-light:disabled{opacity:.7;transform:none}.play-icon{font-size:19px;line-height:1}.flow-canvas{border-top:1px solid #63836a59;margin-top:49px;padding-top:24px}.flow-demo{font-size:9px;color:#8fa78f;letter-spacing:1px;text-transform:uppercase}.flow-steps{display:flex;list-style:none;padding:0;margin:32px 0 22px;gap:0}.flow-step{position:relative;flex:1;padding-right:22px;min-width:0}.flow-step::after{content:'';position:absolute;top:24px;left:60px;width:calc(100% - 77px);height:1px;background:#65826a66}.flow-step:last-child::after{display:none}.flow-step::before{content:'';position:absolute;top:21px;right:20px;width:6px;height:6px;border-top:1px solid #65826a;border-right:1px solid #65826a;transform:rotate(45deg)}.flow-step:last-child::before{display:none}.flow-node{width:49px;height:49px;border-radius:12px;border:1px solid #6f8b715e;display:grid;place-items:center;color:#8aa88a;background:#2a483b;position:relative;z-index:1;transition:background .4s,border-color .4s,box-shadow .4s,color .4s}.flow-node svg{width:22px;height:22px}.flow-step strong{display:block;margin:17px 0 8px;font-size:12px;font-weight:400;color:#cbdacb}.flow-description{display:block;font-size:10px;line-height:1.65;color:#8ba68e;max-width:155px}.flow-step.is-current .flow-node{background:#dcebb9;border-color:#e5f3c2;color:#34593e;box-shadow:0 0 0 7px #a0bc7b19}.flow-step.is-done .flow-node{background:#456345;color:#d2e6b4;border-color:#7d9e66}.flow-step.is-done::after{background:#b0c98a}.flow-step.is-done::before{border-color:#b0c98a}.flow-status{font-size:10px;line-height:1.65;color:#91aa92;min-height:20px;margin-top:30px}
.project-feature{display:grid;grid-template-columns:35% 65%;align-items:center;background:#e9eee4;border-radius:9px;overflow:hidden;min-height:370px}.project-copy{padding:35px 35px 35px 40px}.project-tag{font-size:9px;color:#829079;letter-spacing:.5px}.project-copy h3{font-size:46px;font-weight:400;letter-spacing:-2.4px;margin:20px 0 16px;display:flex;justify-content:space-between;align-items:center}.project-copy h3>span{font-size:27px;color:#869a7b}.project-copy>p{font-size:13px;line-height:1.8;color:#7b8872}.project-note{display:block;font-size:9px;color:#8c9b80;margin-top:20px}.project-open{font-size:10px;display:flex;align-items:center;gap:17px;margin-top:26px}.project-open svg{width:18px;height:18px}.project-shot{margin:38px -35px 0 10px;border:1px solid #cbd6be;border-radius:8px 0 0;box-shadow:0 10px 30px #49613a24;overflow:hidden;transform:rotate(-3deg) translateY(20px);transition:transform .5s}.project-feature:hover .project-shot{transform:rotate(-1deg) translateY(12px)}.shot-chrome{height:28px;background:#f9fcf5;display:flex;gap:20px;align-items:center;padding:0 12px;font-size:7px;color:#9daa91}.shot-chrome>span:first-child{font-size:5px;letter-spacing:2px;color:#c1cdb6}.project-shot img{width:100%;height:auto}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px}.project-image{aspect-ratio:1.94;background:#eef0e9;overflow:hidden;border-radius:6px}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s}.project-small:hover img{transform:scale(1.025)}.project-small-heading{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.project-small h3{font-size:25px;letter-spacing:-.8px;margin-top:7px}.project-arrow{font-size:25px;font-weight:300;color:#93a287}.project-small>p{font-size:12px;line-height:1.75;color:#87917f;margin-top:8px}.process{padding-top:15px}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.process-list li{border-top:1px solid var(--line);padding-top:24px}.process-number{font-size:11px;color:#9da993}.process-list h3{font-size:17px;letter-spacing:-.3px;margin-top:28px}.process-list p{font-size:12px;line-height:1.85;color:#86927f;margin-top:12px;max-width:235px}
.contact-section{background:#e8eede;padding-block:85px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact-copy h2{font-size:clamp(30px,3.2vw,49px)}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#7f8b72;max-width:355px;margin-top:22px}.contact-email-label{display:block;font-size:9px;color:#99a38d;margin-top:37px}.contact-email{display:inline-block;margin-top:9px;font-size:18px;letter-spacing:-.5px}.contact-form{max-width:470px;padding-top:9px}.contact-form label{display:block;font-size:10px;color:#77856c;margin-bottom:22px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #c2ceb6;color:#4b6140;border-radius:0;padding:12px 0;font-size:13px;line-height:1.6;resize:vertical}.contact-form select{padding-right:18px}.contact-form textarea::placeholder{color:#a3ac97}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form .button{margin-top:3px}.form-note,.form-status{font-size:9px;line-height:1.7;color:#8d9a7e;margin-top:13px;max-width:340px}.form-status:empty{display:none}.form-status{color:#4d6a3c}.site-footer{display:flex;align-items:center;gap:30px;min-height:105px;font-size:9px;color:#8e9987}.footer-brand{display:flex;align-items:center;gap:9px;color:#5f7654;font-size:14px;font-weight:500}.footer-brand svg{width:25px;height:19px}.footer-description{font-size:8px;letter-spacing:.4px}.site-footer nav{margin-left:auto;display:flex;gap:23px}.site-footer a:hover{color:#294932}
html[lang=de] h1{font-size:clamp(42px,4.1vw,65px);letter-spacing:-3px}html[lang=de] .service-title{font-size:21px}html[lang=de] .hero-actions{gap:20px}
@media(min-width:1650px){.hero{padding-top:60px;padding-bottom:80px;min-height:760px}.workspace-main{padding:22px}.workspace-main h3{font-size:20px}.workspace-sidebar{font-size:7px}.task-card b{font-size:6.5px}.web-content h3{font-size:25px}.phone-content{padding-top:20px}.phone-content h3{font-size:13px}.phone-feature{margin-top:16px}.phone-orbit{margin-block:10px}.phone-item{margin-top:12px}}
@media(max-width:1200px){:root{--gutter:40px}.site-header{gap:25px;height:95px}.main-nav{gap:18px;font-size:11px}.header-actions{gap:18px}.header-contact{font-size:10px;padding:11px 13px;gap:12px}.brand>span{font-size:22px}.brand>svg{width:32px}.brand small{font-size:6.5px}.hero{grid-template-columns:44% 56%;min-height:620px;padding-top:35px;padding-bottom:50px}h1{font-size:51px;letter-spacing:-2.9px}.hero-lead{font-size:14px;max-width:430px}.hero-actions{gap:20px}.hero-actions .button{font-size:10px;padding-inline:15px;gap:14px}.hero-actions .text-link{font-size:10px;gap:9px}.hero-note{font-size:8px}.hero .eyebrow{font-size:8px}.scene-topline{font-size:8px}.scene-index{font-size:6px}.window-chrome{height:23px}.workspace-layout{height:calc(100% - 23px)}.workspace-main{padding:14px 12px}.workspace-main h3{font-size:13px}.workspace-sub{font-size:5px}.mini-stats{margin-top:12px}.mini-stats>div{padding:6px}.mini-stats b{font-size:11px}.kanban{margin-top:10px;gap:5px}.task-card{padding:5px 4px;min-height:40px}.task-card b{font-size:4.5px}.task-bottom{margin-top:5px}.kanban-label{font-size:5px}.workspace-sidebar{padding:10px 5px;font-size:5px;gap:5px}.workspace-mark{margin-bottom:7px}.workspace-sidebar>span:not(.workspace-mark){padding:4px}.workspace-sidebar>span svg{width:8px;height:8px}.web-content{padding:11px 13px}.web-window .window-chrome{height:20px;font-size:5px}.web-content{height:calc(100% - 20px)}.web-kicker{margin-top:16px}.web-content h3{font-size:17px}.web-content p{font-size:4px}.mini-button{margin-top:6px}.web-sculpture i{border-width:9px}.phone{border-width:4px;border-radius:21px}.phone-content{padding:10px 8px}.phone-content h3{font-size:9px}.phone-content>p{font-size:4px}.phone-avatar{width:16px;height:16px;font-size:5px;margin-bottom:7px}.phone-feature{padding:7px;margin-top:9px}.phone-feature>span{font-size:5px}.phone-orbit{width:32px;height:32px;box-shadow:0 0 0 3px #d8e5c7,0 0 0 4px #cbdab7}.phone-orbit span{font-size:17px}.phone-feature>b{font-size:10px}.phone-item{margin-top:6px}.phone-nav{margin-top:8px;font-size:8px}.phone-camera{height:5px;top:6px}.phone-status{font-size:4px;padding-top:8px}.automation-window{padding:9px 11px;gap:9px}.automation-icon{width:30px;height:30px;border-radius:9px}.automation-icon svg{width:19px}.automation-content strong{font-size:8px;margin:3px 0 6px}.automation-content .micro-label{font-size:4px}.mini-flow{font-size:5px;gap:5px}.mini-flow>span{padding:2px 5px}.section{padding-block:80px}.workflow-intro{gap:65px}.project-feature{min-height:300px}.project-copy{padding:28px}.project-copy h3{font-size:37px}.project-copy>p{font-size:11px}.process{padding-top:0}.contact-layout{gap:65px}.footer-description{display:none}html[lang=de] h1{font-size:46px;letter-spacing:-2.5px}html[lang=de] .hero-actions{gap:14px}}
@media(max-width:1000px){:root{--gutter:30px}.main-nav{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:60px}.hero-copy{padding:0;max-width:650px}.hero h1,html[lang=de] .hero h1{font-size:64px;letter-spacing:-3.3px}.hero h1 br:last-of-type{display:none}.hero-lead{max-width:590px;font-size:16px}.hero .eyebrow{font-size:9px}.hero-actions .button{font-size:12px;padding-inline:20px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:10px;margin-top:24px}.product-scene{width:min(100%,700px);margin:25px auto 0}.scene-stage{font-size:inherit}.scene-topline{font-size:10px}.scene-index{font-size:8px}.workspace-main{padding:22px}.workspace-main h3{font-size:19px}.workspace-sub{font-size:7px}.workspace-sidebar{font-size:7px;padding:17px 8px;gap:8px}.workspace-sidebar>span:not(.workspace-mark){padding:6px}.workspace-mark{margin-bottom:15px}.workspace-sidebar>span svg{width:11px;height:11px}.mini-stats{margin-top:19px}.mini-stats>div{padding:10px}.mini-stats b{font-size:15px}.kanban{margin-top:18px;gap:7px}.task-card{padding:9px 6px;min-height:55px}.task-card b{font-size:6px}.kanban-label{font-size:7px}.task-bottom{margin-top:9px}.web-content{padding:17px}.web-kicker{margin-top:25px}.web-content h3{font-size:24px}.web-content p{font-size:6px}.mini-button{font-size:5px;margin-top:12px}.web-nav{font-size:9px}.web-sculpture i{border-width:14px}.phone{border-width:5px;border-radius:27px}.phone-content{padding:18px 12px}.phone-content h3{font-size:12px}.phone-content>p{font-size:6px}.phone-avatar{width:22px;height:22px;margin-bottom:12px;font-size:7px}.phone-feature{padding:10px;margin-top:14px}.phone-feature>span{font-size:7px}.phone-orbit{width:45px;height:45px;margin-block:10px}.phone-feature>b{font-size:14px}.phone-item{margin-top:11px}.phone-nav{margin-top:15px;font-size:11px}.phone-camera{height:7px;top:8px}.phone-status{font-size:6px;padding-top:11px}.automation-window{padding:15px 20px;gap:15px}.automation-icon{width:43px;height:43px}.automation-icon svg{width:25px}.automation-content strong{font-size:12px;margin-block:4px 8px}.automation-content .micro-label{font-size:6px}.mini-flow{font-size:7px;gap:9px}.mini-flow>span{padding:4px 8px}.section-intro{gap:35px}.section-lead{max-width:280px;font-size:12px}.service-row summary{grid-template-columns:1fr 30% 22px;gap:15px}.service-title{font-size:19px}.service-short{font-size:10px}.service-body{padding-left:0}.workflow-intro{gap:45px}.workflow-intro>div>p:not(.eyebrow){font-size:12px}.flow-description{font-size:9px}.flow-step strong{font-size:10px}.project-copy{padding:25px}.project-copy h3{font-size:32px;margin-top:15px}.project-note{font-size:8px}.project-feature{grid-template-columns:39% 61%;min-height:290px}.project-shot{margin-top:20px}.process-list{gap:20px}.process-list h3{font-size:15px}.process-list p{font-size:11px}.contact-layout{gap:40px}.contact-copy h2{font-size:34px}.contact-copy>p:not(.eyebrow){font-size:12px}.contact-email{font-size:16px}.site-footer{min-height:90px}html[lang=de] .service-title{font-size:18px}}
@media(max-width:600px){:root{--gutter:22px}.site-header{height:86px;gap:12px}.brand{gap:8px}.brand>svg{width:28px;height:24px}.brand>span{font-size:20px;letter-spacing:-.8px}.brand small{font-size:5px;letter-spacing:1.1px;margin-top:6px}.header-contact{display:none}.languages{font-size:10px}.hero{padding-top:27px;padding-bottom:47px;gap:10px}.hero h1,html[lang=de] .hero h1{font-size:clamp(39px,10.8vw,58px);letter-spacing:-2.5px;line-height:1.06;margin-top:22px;margin-bottom:23px}.hero h1 br:last-of-type{display:block}.hero .eyebrow{font-size:7px;letter-spacing:1.15px}.hero-lead{font-size:14px;line-height:1.75;max-width:375px}.hero-actions{gap:22px;margin-top:25px}.hero-actions .button{font-size:11px;padding:14px 16px;gap:13px;min-height:47px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-note{font-size:8px;margin-top:22px;gap:9px}.product-scene{margin-top:38px;width:100%}.scene-topline{padding-inline:0;font-size:8px}.scene-index{font-size:6px;letter-spacing:1px}.scene-stage{margin-top:12px}.scene-grid{background-size:20px 20px}.product-window{border-radius:5px}.crm-window{width:76%;height:62%;left:0;top:19%}.window-chrome{height:17px;padding:0 7px;font-size:4px}.window-dots{gap:2px}.window-dots i{width:2px;height:2px}.window-xv{font-size:5px}.workspace-layout{height:calc(100% - 17px)}.workspace-sidebar{padding:9px 3px;font-size:3.5px;gap:3px}.workspace-sidebar>span:not(.workspace-mark){padding:3px 2px;gap:3px}.workspace-sidebar>span svg{width:6px;height:6px}.workspace-mark{margin:0 0 6px 4px}.workspace-mark svg{width:13px;height:10px}.sidebar-avatar{width:12px;height:12px;border-width:3px;margin-left:4px}.workspace-main{padding:11px 8px}.micro-label{font-size:3.5px;letter-spacing:.8px}.workspace-main h3{font-size:10px;letter-spacing:-.3px;margin-top:4px}.workspace-sub{font-size:3.8px;margin-top:3px}.mini-stats{margin-top:10px;gap:4px}.mini-stats>div{padding:5px}.stat-line{height:2px;margin-bottom:4px}.mini-stats b{font-size:8px}.mini-stats b i{font-size:5px}.kanban{margin-top:10px;gap:4px}.kanban-label{font-size:3.5px;gap:3px;margin-bottom:4px}.kanban-label i{width:3px;height:3px}.task-card{padding:4px 3px;min-height:32px;margin-bottom:4px}.task-card b{font-size:3px}.skeleton{height:2px;margin-top:4px}.task-bottom{margin-top:4px;font-size:5px}.task-bottom i{width:5px;height:5px}.task-card.ghost{min-height:20px}.web-window{width:44%;height:44%;left:53%;top:7%}.web-window .window-chrome{height:15px;padding:0 6px;font-size:3.5px}.web-content{height:calc(100% - 15px);padding:9px 10px}.web-nav{font-size:4.5px}.web-nav>span{font-size:4px}.web-kicker{font-size:3px;letter-spacing:.8px;margin-top:14px}.web-content h3{font-size:13px;letter-spacing:-.4px;margin-block:4px}.web-content p{font-size:3px}.mini-button{font-size:3px;padding:3px 5px;margin-top:6px}.web-sculpture i{border-width:7px}.phone{top:42%;left:73%;width:24%;height:55%;border-width:3px;border-radius:15px}.phone-camera{top:5px;height:4px}.phone-status{padding:6px 6px 0;font-size:3px}.phone-content{padding:10px 6px 6px}.phone-avatar{width:12px;height:12px;font-size:4px;margin-bottom:6px}.phone-content h3{font-size:6.5px;letter-spacing:-.2px}.phone-content>p{font-size:3px;margin-top:3px}.phone-feature{margin-top:7px;padding:6px;border-radius:4px}.phone-feature>span{font-size:3.5px}.phone-orbit{width:24px;height:24px;margin-block:5px;box-shadow:0 0 0 2px #d8e5c7,0 0 0 3px #cbdab7}.phone-orbit span{font-size:12px}.phone-feature>b{font-size:8px}.phone-feature small{font-size:7px}.phone-item{gap:4px;margin-top:6px}.phone-item i{width:8px;height:8px;font-size:3px;border-radius:2px}.phone-item .skeleton{height:2px}.phone-nav{font-size:6px;margin-top:8px}.phone-home{height:2px;bottom:3px}.automation-window{padding:8px 9px;gap:8px;border-radius:5px;left:3%;width:64%;height:19%;top:79%}.automation-icon{width:25px;height:25px;border-radius:7px}.automation-icon svg{width:15px;height:15px}.automation-content .micro-label{font-size:3.3px;letter-spacing:.6px}.automation-content strong{font-size:6.5px;margin:2px 0 5px}.mini-flow{font-size:4px;gap:5px}.mini-flow>span{padding:2px 4px}.mini-flow b{width:9px;height:9px;font-size:4px}.section{padding-block:56px}.section-intro{display:block;margin-bottom:28px}.eyebrow{font-size:8px;letter-spacing:1.3px}h2{font-size:33px;letter-spacing:-1.4px;margin-top:15px}.section-lead{margin-top:21px;max-width:350px;font-size:12px}.service-row summary{grid-template-columns:1fr 20px;gap:10px;padding-block:21px}.service-title,html[lang=de] .service-title{font-size:18px;letter-spacing:-.45px}.service-short{grid-column:1;grid-row:2;font-size:11px;max-width:250px;margin-top:-4px}.service-plus{grid-row:1/3;grid-column:2;font-size:23px}.service-body{padding:0 15px 24px 0;font-size:12px}.service-tags{font-size:10px}.workflow-section{padding:55px 0 45px}.workflow-intro{grid-template-columns:1fr;gap:24px}.workflow-intro>div:last-child{max-width:380px}.workflow-intro>div>p:not(.eyebrow){font-size:12px}.button-light{font-size:11px;margin-top:22px}.flow-canvas{margin-top:35px;padding-top:20px}.flow-demo{font-size:8px;letter-spacing:.8px}.flow-steps{flex-direction:column;margin-top:30px;gap:0}.flow-step{padding:0 0 27px 65px;min-height:75px}.flow-node{position:absolute;left:0;top:0;width:42px;height:42px;border-radius:10px}.flow-node svg{width:20px;height:20px}.flow-step::after{top:47px;left:20px;width:1px;height:calc(100% - 53px)}.flow-step::before{top:auto;left:18px;right:auto;bottom:9px;width:5px;height:5px;transform:rotate(135deg)}.flow-step strong{margin:0;padding-top:5px;font-size:12px}.flow-description{font-size:10px;max-width:none;margin-top:6px}.flow-step:last-child{min-height:45px;padding-bottom:0}.flow-status{margin-top:25px;font-size:10px;max-width:320px}.projects .section-intro>.text-link{margin-top:22px}.project-feature{display:flex;flex-direction:column;align-items:stretch;min-height:0}.project-copy{padding:25px}.project-copy h3{font-size:38px;margin:16px 0 12px}.project-copy>p{font-size:12px;max-width:300px}.project-note{font-size:8px;margin-top:14px}.project-open{font-size:10px;margin-top:19px}.project-shot{margin:0 0 -5px 25px;transform:rotate(-3deg) translateY(5px);width:105%}.project-feature:hover .project-shot{transform:rotate(-2deg) translateY(5px)}.project-tag{font-size:8px}.project-pair{grid-template-columns:1fr;gap:30px;margin-top:30px}.project-small-heading{margin-top:15px}.project-small h3{font-size:23px;margin-top:6px}.project-small>p{font-size:11px;margin-top:6px}.process{padding-top:5px}.process-list{grid-template-columns:1fr 1fr;gap:30px 22px}.process-list li{padding-top:18px}.process-number{font-size:9px}.process-list h3{font-size:15px;line-height:1.35;margin-top:18px}.process-list p{font-size:11px;line-height:1.75;margin-top:10px}.contact-section{padding-block:52px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:34px}.contact-copy>p:not(.eyebrow){font-size:12px;margin-top:18px}.contact-email-label{margin-top:25px}.contact-email{font-size:18px}.contact-form{max-width:none;padding-top:0}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form label{font-size:10px}.form-pair{gap:20px}.form-note{font-size:10px}.site-footer{display:flex;flex-wrap:wrap;padding-block:27px;gap:24px}.footer-brand{font-size:13px}.site-footer nav{width:100%;margin:0;justify-content:space-between;gap:15px;font-size:9px}html[lang=de] .hero-actions{gap:18px}}
@media(max-width:360px){:root{--gutter:18px}.hero h1,html[lang=de] .hero h1{font-size:38px;letter-spacing:-2px}.hero-actions,html[lang=de] .hero-actions{gap:15px}.hero-actions .button{font-size:10px;padding-inline:12px;gap:9px}.hero-actions .text-link{font-size:10px;gap:5px}.hero-lead{font-size:13px}.automation-content strong{font-size:5.7px}.phone-nav{margin-top:5px}.mini-flow{gap:3px}.workspace-main h3{font-size:8px}.workspace-sub{font-size:3px}.mini-stats{margin-top:7px}.kanban{margin-top:7px}.task-card.ghost{display:none}.service-title,html[lang=de] .service-title{font-size:16px}.section h2,.contact-copy h2{font-size:29px}.process-list{gap:25px 16px}.process-list h3{font-size:14px}}
/* Keep functional copy readable; miniature product interfaces are illustrative. */
.header-tools{display:flex;align-items:center;margin-left:auto;flex:none}
.header-language-switch{display:flex;align-items:center}
.header-language-switch a{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;transition:background .18s}
.header-language-switch a:hover{background:#f0f4f7}
.header-language-switch a:focus-visible{outline:2px solid #a8bedb;outline-offset:2px}
.header-language-switch svg{width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 .5px #24384c18}
@media(max-width:767px){.header-language-switch a{width:44px;height:44px;border-radius:12px}}
.section-intro h2:first-child,.workflow-intro h2:first-child,.contact-copy h2:first-child{margin-top:0}
h1 span{color:#7a8f6f}
.hero-note,.scene-topline,.service-short,.project-tag,.project-copy>p,.project-note,.project-small>p,.process-list p,.contact-copy>p:not(.eyebrow),.contact-email-label,.contact-form label,.form-note,.site-footer{color:#65735e}


.hero-note{font-size:11px}
@media(max-width:1200px){.hero-note{font-size:10px}}
@media(max-width:600px){.hero-note{font-size:9px}.hero .eyebrow{font-size:8px}}
@media(min-width:1001px){
  .workflow-intro{grid-template-columns:minmax(0,1fr) minmax(260px,28%);gap:clamp(28px,4vw,64px)}
}
@media(min-width:768px){
  .flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 49px;}
  .flow-step:last-child{padding-right:0;}
  .flow-step strong,.flow-description{max-width:clamp(100px,10vw,155px);}
  .flow-step:last-child strong,.flow-step:last-child .flow-description{position:relative;width:clamp(100px,10vw,155px);left:calc(49px - clamp(100px,10vw,155px));text-align:right;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Explore the illustrative products directly: hover, keyboard focus or tap. */
.scene-stage [data-product]{cursor:pointer;touch-action:manipulation;translate:calc(var(--scene-shift-x,0px) + var(--hero-shift-x,0px)) calc(var(--scene-shift-y,0px) + var(--hero-shift-y,0px));transition:transform 1s cubic-bezier(.25,.6,.3,1),translate .65s cubic-bezier(.25,.6,.3,1),box-shadow .7s,filter .7s;outline-offset:5px}
.scene-stage [data-product]:focus-visible{outline:2px solid #6f8c5e}
.product-scene[data-active=crm] .crm-window,.product-scene[data-active=app] .phone,.product-scene[data-active=ai] .automation-window{z-index:6}
.scene-tooltip{position:absolute;z-index:20;width:min(250px,calc(100% - 24px));padding:15px 18px;border:1px solid #d8e1cf;border-radius:10px;background:#fcfdf9f5;backdrop-filter:blur(12px);color:#284a37;box-shadow:0 12px 32px -12px #314b3538;user-select:text;cursor:default;animation:scene-tip-in .3s ease-in-out}
.scene-tooltip strong{display:block;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:-.15px}
.scene-tooltip p{font-size:12px;line-height:1.6;color:#65765c;margin-top:6px}
.scene-tooltip[data-scene-tip=crm]{top:0;left:3%}
.scene-tooltip[data-scene-tip=web]{top:0;left:17%}
.scene-tooltip[data-scene-tip=app]{top:40%;left:35%}
.scene-tooltip[data-scene-tip=ai]{bottom:26%;left:8%}
@keyframes scene-tip-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){
.product-scene{margin-bottom:16px}
.scene-tooltip[data-scene-tip]{top:calc(100% + 15px);bottom:auto;left:0;width:100%;padding:12px 15px;border-radius:8px}
.scene-tooltip strong{font-size:13px}.scene-tooltip p{font-size:11px;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){
.scene-stage [data-product]{translate:none!important}
.product-scene[data-active=crm] .crm-window{transform:rotateY(-9deg) rotateX(7deg) rotateZ(-4deg)}
.product-scene[data-active=web] .web-window{transform:rotateY(-12deg) rotateX(5deg) rotateZ(7deg)}
.product-scene[data-active=app] .phone{transform:rotateY(-12deg) rotateZ(9deg)}
.product-scene[data-active=ai] .automation-window{transform:rotateZ(-3deg)}
}

/* Scroll position drives the workflow in both directions. */
.scroll-stage-track{position:relative}
.scroll-stage-track.is-pinned>.scroll-stages{position:sticky;top:var(--stage-pin-top)}
.workflow-intro{display:block}
.workflow-intro>div:last-child{max-width:none}
.has-workflow-reveal [data-workflow-reveal]{opacity:var(--workflow-reveal,1);transform:translateY(var(--workflow-lift,0px))}
.has-workflow-reveal .flow-demo{display:inline-block}
.has-workflow-reveal .flow-canvas{position:relative;border-top-color:transparent}
.has-workflow-reveal .flow-canvas::before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:#63836a59;transform:scaleX(var(--workflow-rule-progress,1));transform-origin:left;pointer-events:none}
.has-workflow-reveal .flow-step::after{opacity:var(--workflow-link-reveal,1)}
@media(prefers-reduced-motion:reduce){.has-workflow-reveal [data-workflow-reveal]{opacity:1;transform:none}.has-workflow-reveal .flow-canvas::before{transform:none}}
.is-scroll-driven .flow-step::after{background:linear-gradient(to right,#b0c98a var(--step-progress,0%),#65826a66 var(--step-progress,0%))}
.is-scroll-driven .flow-step.is-current strong{color:#eef4df}
.is-scroll-driven .flow-status{font-variant-numeric:tabular-nums;letter-spacing:.1px}
.process.scroll-stages{background:var(--paper)}
.process.is-scroll-driven .process-list>li{position:relative;isolation:isolate}
.process.is-scroll-driven .process-list>li::before{content:'';position:absolute;left:0;top:-1px;width:var(--step-progress,0%);height:2px;background:#7e9e61}
.process.is-scroll-driven .process-list>li::after{content:'';position:absolute;inset:0 -12px -12px;z-index:-1;border-radius:0 0 8px 8px;background:transparent;transition:background-color .25s}
.process.is-scroll-driven .process-list>li.is-current::after{background:#edf2e7a0}
.process.is-scroll-driven .process-number{position:relative;isolation:isolate;display:inline-block;transition:color .25s}
.process.is-scroll-driven .process-number::before{content:'';position:absolute;inset:-6px -9px;z-index:-1;border-radius:7px;background:transparent;transition:background-color .25s}
.process.is-scroll-driven .is-current .process-number{color:#315a3c}
.process.is-scroll-driven .is-current .process-number::before{background:#e0ebcf}
.process.is-scroll-driven .is-done .process-number{color:#62814f}
.process.is-scroll-driven .is-done .process-number::before{background:#edf2e6}
.process.is-scroll-driven .process-list h3{transition:color .25s}
.process.is-scroll-driven .is-current h3{color:#244d35}
.process.has-process-reveal .process-list>li{opacity:var(--process-reveal,1);transform:translateY(calc((1 - var(--process-reveal,1))*12px));transition:opacity .16s ease-out,transform .22s ease-out}
.process.has-process-reveal .process-number{opacity:var(--process-number-reveal,1);transform:translateY(calc((1 - var(--process-number-reveal,1))*10px)) scale(calc(.9 + var(--process-number-reveal,1)*.1));transition:opacity .16s ease-out,transform .22s cubic-bezier(.22,1,.36,1),color .25s}
.process.has-process-reveal .process-list h3{opacity:var(--process-title-reveal,1);transform:translateY(calc((1 - var(--process-title-reveal,1))*8px));transition:opacity .16s ease-out,transform .2s ease-out,color .25s}
.process.has-process-reveal .process-list p{opacity:var(--process-copy-reveal,1);transform:translateY(calc((1 - var(--process-copy-reveal,1))*12px));transition:opacity .18s ease-out,transform .24s ease-out}
@media(prefers-reduced-motion:reduce){.process.has-process-reveal .process-list>li,.process.has-process-reveal .process-number,.process.has-process-reveal .process-list h3,.process.has-process-reveal .process-list p{opacity:1;transform:none;transition:none}}
@media(max-width:767px){
.is-scroll-driven .flow-steps{display:flex;flex-direction:column;gap:0;margin-top:30px}
.is-scroll-driven .flow-step{padding:0 0 27px 65px;min-height:75px}
.is-scroll-driven .flow-node{position:absolute;left:0;top:0;width:42px;height:42px;border-radius:10px}
.is-scroll-driven .flow-step::after{top:47px;left:20px;width:1px;height:calc(100% - 53px);background:linear-gradient(to bottom,#b0c98a var(--step-progress,0%),#65826a66 var(--step-progress,0%))}
.is-scroll-driven .flow-step::before{top:auto;left:18px;right:auto;bottom:9px;width:5px;height:5px;transform:rotate(135deg)}
.is-scroll-driven .flow-step strong{margin:0;padding-top:5px;font-size:12px}
.is-scroll-driven .flow-description{font-size:10px;max-width:none;margin-top:6px}
.is-scroll-driven .flow-step:last-child{min-height:45px;padding-bottom:0}
}

/* A scroll-controlled hand-off: the icon assembles, its copy follows, then light travels to the next stage. */
.has-workflow-reveal .flow-node{opacity:var(--workflow-node-opacity,1);transform:translateY(var(--workflow-node-y,0px)) rotate(var(--workflow-node-angle,0deg)) scale(var(--workflow-node-scale,1));transition:opacity .16s ease-out,transform .22s cubic-bezier(.22,1,.36,1),background .4s,border-color .4s,box-shadow .4s,color .4s}
.has-workflow-reveal .flow-node::after{content:'';position:absolute;inset:-9px;border:1px solid #d8edaf;border-radius:inherit;opacity:var(--workflow-halo-opacity,0);transform:scale(var(--workflow-halo-scale,1));pointer-events:none}
.has-workflow-reveal .flow-node svg :is(path,rect,circle){stroke-dasharray:var(--workflow-path-length);stroke-dashoffset:calc(var(--workflow-path-length)*(1 - var(--workflow-icon-progress,1)));transition:stroke-dashoffset .18s ease-out}
.has-workflow-reveal .flow-step strong{opacity:var(--workflow-title-opacity,1);transform:translateY(calc((1 - var(--workflow-title-opacity,1))*8px));transition:opacity .16s ease-out,transform .2s ease-out,color .4s}
.has-workflow-reveal .flow-description{opacity:var(--workflow-description-opacity,1);transform:translateY(calc((1 - var(--workflow-description-opacity,1))*12px));transition:opacity .18s ease-out,transform .24s ease-out}
.has-workflow-reveal .flow-step::after{transform:scaleX(var(--workflow-link-reveal,1));transform-origin:left;transition:transform .18s ease-out}
.workflow-section .flow-step::before{content:none}
.workflow-section .flow-step::after{height:2px;border-radius:99px;background:linear-gradient(90deg,#8ebaa16b,#c9eaa6 65%,#efffdb);box-shadow:0 0 5px #c9efa766,0 0 12px #b7e79733}
.flow-pulse{position:absolute;top:24px;left:60px;width:calc(100% - 77px);height:2px;pointer-events:none;opacity:var(--workflow-pulse-opacity,0)}
.flow-pulse::before,.flow-pulse::after{content:'';position:absolute;top:50%;left:var(--workflow-pulse-position,0%);border-radius:99px;transform:translate(-100%,-50%);transition:left .18s ease-out}
.flow-pulse::before{width:42px;height:2px;background:linear-gradient(90deg,transparent,#c8efa8 45%,#f5ffe9);box-shadow:0 0 6px #d8fbb080}
.flow-pulse::after{width:64px;height:8px;background:linear-gradient(90deg,transparent,#bceba680);filter:blur(3px)}
@media(max-width:767px){
  .workflow-section .flow-step::after{width:2px;height:calc(100% - 53px);background:linear-gradient(180deg,#8ebaa16b,#c9eaa6 65%,#efffdb)}
  .has-workflow-reveal .flow-step::after{transform:scaleY(var(--workflow-link-reveal,1));transform-origin:top}
  .flow-pulse{top:47px;left:20px;width:2px;height:calc(100% - 53px)}
  .flow-pulse::before,.flow-pulse::after{left:50%;top:var(--workflow-pulse-position,0%);transform:translate(-50%,-100%);transition:top .18s ease-out}
  .flow-pulse::before{width:2px;height:18px;background:linear-gradient(180deg,transparent,#c8efa8 45%,#f5ffe9)}
  .flow-pulse::after{width:8px;height:26px;background:linear-gradient(180deg,transparent,#bceba680)}
}
@media(prefers-reduced-motion:reduce){
  .has-workflow-reveal .flow-node,.has-workflow-reveal .flow-step strong,.has-workflow-reveal .flow-description{opacity:1;transform:none;transition:none}
  .has-workflow-reveal .flow-node svg :is(path,rect,circle){stroke-dashoffset:0;transition:none}
  .has-workflow-reveal .flow-node::after,.flow-pulse{display:none}
  .has-workflow-reveal .flow-step::after{transform:none;transition:none}
}

/* Finite interface demonstrations run only while the hero is being explored. */
.scene-grid,.scene-connections{translate:var(--scene-background-x,0px) var(--scene-background-y,0px);transition:translate .9s ease-out}
.kanban{position:relative}
.task-card.hero-demo-ticket{position:absolute;z-index:4;margin:0;background:#f5f9ed;border-color:#b6cc91;box-shadow:0 5px 12px -5px #68825460;pointer-events:none}
.mini-flow{position:relative}
.mini-flow>.hero-flow-signal{position:absolute;left:0;top:-3px;width:4px;height:4px;margin:0;padding:0;border:0;border-radius:50%;background:#7fa454;box-shadow:0 0 0 3px #c2d7a755;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.scene-grid,.scene-connections{translate:none}}

/* Inline reveal groups preserve the existing heading wraps and accent colour. */
.hero h1 .hero-title-part{position:relative;top:0;color:inherit}
.hero-copy .hero-letter{position:relative;top:0;color:inherit}
.hero-copy .hero-copy-visual{color:inherit}
.hero-copy .hero-copy-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.product-scene[data-hero-phase=text]{pointer-events:none}

/* Scroll position controls the service reveal in both directions, without pinning. */
.solutions.has-scroll-reveal{position:relative}
.solutions [data-service-reveal]{opacity:var(--service-progress,1);transform:translateY(var(--service-lift,0px))}
.solutions [data-service-reveal=hidden]{pointer-events:none}
.solutions .service-row{position:relative;transition:background-color .3s}
.solutions .service-row[data-service-reveal]{border-color:transparent}
.solutions .service-row[data-service-reveal]::before,.solutions .service-row:last-child[data-service-reveal]::after{content:'';position:absolute;left:0;right:0;height:1px;background:var(--line);transform:scaleX(var(--service-progress,1));transform-origin:left;pointer-events:none}
.solutions .service-row[data-service-reveal]::before{top:-1px}
.solutions .service-row:last-child[data-service-reveal]::after{bottom:-1px}
.solutions .service-title{transition:transform .55s cubic-bezier(.22,1,.36,1),color .45s}
.solutions .service-plus{position:relative;align-self:center;width:24px;height:24px;font-size:0;transform:none!important;transition:color .3s}
.solutions .service-plus::before,.solutions .service-plus::after{content:'';position:absolute;top:50%;left:5px;width:14px;height:1px;background:currentColor;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.solutions .service-plus::after{transform:rotate(90deg)}
.solutions .service-row[open] .service-plus::after{transform:rotate(90deg) scaleX(0)}
.solutions .service-row[data-expanded=false] .service-plus::after{transform:rotate(90deg)}
.solutions .service-row[data-expanded=false] .service-title{color:var(--text)}
.solutions .service-row[data-expanded=true]{background:#eaf0e480}
.solutions .service-row:focus-within{background:#eaf0e480}
.solutions.has-scroll-reveal .section-intro h2{clip-path:inset(0 calc((1 - var(--service-progress,1))*100%) 0 0)}
.solutions.has-scroll-reveal .service-title{opacity:var(--service-title-progress,1);translate:0 calc((1 - var(--service-title-progress,1))*6px)}
.solutions.has-scroll-reveal .service-short{opacity:var(--service-copy-progress,1);translate:0 calc((1 - var(--service-copy-progress,1))*8px)}
.solutions.has-scroll-reveal .service-plus{opacity:var(--service-plus-progress,1);scale:calc(.88 + var(--service-plus-progress,1)*.12);border-radius:50%;transition:background-color .45s,color .45s}
.solutions .service-row summary{position:relative;isolation:isolate}
.solutions .service-row summary::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:7px;background:radial-gradient(180px circle at var(--service-pointer-x,50%) var(--service-pointer-y,50%),#d5e6bd80,transparent);opacity:0;transition:opacity .35s;pointer-events:none}
.service-signal{position:absolute;left:0;right:0;top:-1px;height:1px;opacity:var(--service-signal-opacity,0);pointer-events:none}
.service-signal::before{content:'';position:absolute;left:var(--service-signal-position,0%);top:50%;width:42px;height:2px;background:linear-gradient(90deg,transparent,#88a565,#c7e3a6);box-shadow:0 0 7px #91b56b70;border-radius:99px;transform:translate(-100%,-50%)}
@media(hover:hover) and (pointer:fine){
  .solutions .service-row summary:hover::before{opacity:1}
  .solutions .service-row summary:hover .service-plus{background-color:#dfeacd}
  .solutions .service-row:hover{background:#eaf0e480}
  .solutions .service-row summary:hover .service-title{transform:translateX(6px)}
  .solutions .service-row summary:hover .service-plus::before{transform:rotate(90deg)}
  .solutions .service-row summary:hover .service-plus::after{transform:rotate(180deg)}
  .solutions .service-row[data-expanded=true] summary:hover .service-plus::before{transform:none}
  .solutions .service-row[data-expanded=true] summary:hover .service-plus::after{transform:scaleX(0)}
}
@media(prefers-reduced-motion:reduce){
  .solutions.has-scroll-reveal .service-title,.solutions.has-scroll-reveal .service-short,.solutions.has-scroll-reveal .service-plus{opacity:1;translate:none;scale:1}
  .solutions.has-scroll-reveal .section-intro h2{clip-path:none}
  .solutions .service-signal,.solutions .service-row summary::before{display:none}
  .solutions [data-service-reveal],.solutions .service-title,.solutions .service-plus::before,.solutions .service-plus::after,.solutions .service-row{transition:none!important;transform:none!important;opacity:1!important}
  .solutions .service-row[data-service-reveal]::before,.solutions .service-row:last-child[data-service-reveal]::after{transition:none;transform:scaleX(1)}
  .solutions .service-plus::after{transform:rotate(90deg)!important}
  .solutions .service-row[data-expanded=true] .service-plus::after,.solutions .service-row:not([data-expanded])[open] .service-plus::after{transform:scaleX(0)!important}
}

/* Three languages, one compact flag control; every option keeps the current page. */
.language-menu{position:relative;z-index:60}
.language-menu>summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer;border-radius:10px}
.language-menu>summary::-webkit-details-marker{display:none}
.language-menu>summary:hover,.language-menu[open]>summary{background:#edf2e8}
.language-options{position:absolute;right:0;top:calc(100% + 8px);width:174px;padding:6px;background:#fff;border:1px solid #dce3d5;border-radius:12px;box-shadow:0 12px 35px #203d3420}
.header-language-switch .language-options a{display:flex;justify-content:flex-start;gap:10px;min-height:44px;width:100%;height:auto;padding:10px;border-radius:7px;font-size:13px;font-weight:400}
.language-options a[aria-current]{background:#edf2e8;color:var(--ink);font-weight:500}
.language-options svg{flex-shrink:0}