@font-face{font-family:Manrope;src:url('fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--blue:#195ebf;--hover:#2a6fd2;--ink:#f1f4f8;--muted:#9aa4b4;--bg:#131821;--line:#ffffff16;--accent-text:#8db7f5;--dark:#0a0d13;--section:clamp(64px,8vw,120px);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Manrope,sans-serif;background:var(--dark);color-scheme:dark;color:var(--ink);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(30px,3.4vw,49px);font-weight:750}h2 span{color:var(--muted)}p{color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #6a9ff1;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.section{padding-block:var(--section)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--blue);margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--blue);color:#fff;font-weight:700;padding:17px 23px;border-radius:8px;border:0;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:var(--hover);transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.button.small{padding:12px 18px;gap:26px;font-size:12px}.skip{position:fixed;top:-80px;left:15px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.nav{height:96px;width:min(1408px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;font-size:47px;font-weight:800;letter-spacing:-5px;line-height:1}.brand-dot{color:var(--blue)}.brand-name{font-size:15px;letter-spacing:.1em;margin-left:16px;font-weight:800;line-height:1.4}.brand-name small{font-size:7px;display:block;letter-spacing:.14em;font-weight:600}.nav nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:650}.nav nav>a:not(.button):hover{color:var(--blue)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;padding-top:80px;padding-bottom:75px;align-items:center}.hero h1{font-size:clamp(42px,4.8vw,70px);line-height:1.08;letter-spacing:-.065em;font-weight:800}.hero h1>span{color:var(--blue)}.hero .intro{margin:27px 0 30px;font-size:16px;line-height:1.85}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em}.signal,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex-shrink:0}.hero-note{font-size:10px;margin-top:20px;letter-spacing:.01em}.hero-visual{position:relative;padding:22px 20px 17px;border:1px solid #dbe4f2;border-radius:22px;background:linear-gradient(140deg,#e6eefb,#f5f7fb 65%,#e9eff8);min-width:0;box-shadow:0 30px 80px #153a7010}.visual-top{display:flex;align-items:center;gap:10px;font-size:10px;color:#526887}.mini-brand{font-weight:800;font-size:24px;letter-spacing:-2px;color:var(--blue);line-height:1}.live-dot{margin-left:auto;background:#268862}.visual-heading{padding:30px 7px 26px}.visual-heading small{font-size:8px;letter-spacing:.12em;color:var(--blue);font-weight:800}.visual-heading h2{font-size:26px;letter-spacing:-.04em;margin-top:10px;line-height:1.25}.workspace{background:white;border:1px solid #dfe5ee;border-radius:11px;display:grid;grid-template-columns:110px 1fr;box-shadow:0 20px 30px #142a5010;overflow:hidden}.workspace aside{background:#f8f9fc;border-right:1px solid #e7ebf1;padding:18px 9px;display:flex;flex-direction:column;gap:15px;font-size:9px;color:#68748b}.workspace aside>b{font-size:9px;color:#24314b;margin-bottom:5px}.workspace aside .active{background:#e6eefb;color:var(--blue);padding:6px;border-radius:4px;margin:-6px}.workspace-main{padding:17px 14px 28px;min-width:0}.workspace-title{display:flex;align-items:center;justify-content:space-between;font-size:12px}.avatar{border-radius:50%;background:#e9eef7;color:var(--blue);padding:5px;font-size:8px}.sample-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.sample-stats>div{border:1px solid #e6eaf0;border-radius:6px;padding:10px}.sample-stats small{display:block;font-size:8px;color:var(--muted)}.sample-stats strong{font-size:11px;display:block;margin-top:5px}.sample-stats i{color:#268862;font-style:normal}.mini-label{font-size:7px;letter-spacing:.1em;font-weight:700;margin:20px 0 10px}.task{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #edf0f5;font-size:9px}.task div{flex:1}.task b{display:block;font-size:9px}.task small{display:block;font-size:7px;color:var(--muted)}.task>span:last-child:not(:first-child){font-size:6px;color:var(--muted)}.task-check{background:#e5f3eb;color:#267547;border-radius:50%;width:19px;height:19px;text-align:center;font-size:10px}.task.current{border:0}.current .task-check{background:#e6eefb;color:var(--blue)}.floating-note{position:absolute;right:-15px;bottom:21px;background:#fff;border:1px solid #dbe4ef;border-radius:10px;padding:12px 18px;box-shadow:0 12px 30px #153a7020;display:flex;gap:12px;align-items:center;transform:rotate(-3deg)}.floating-note>span{background:var(--blue);color:white;width:29px;height:29px;border-radius:50%;text-align:center}.floating-note b{font-size:11px;display:block}.floating-note small{font-size:9px;color:var(--muted)}.visual-caption{font-size:8px;margin-top:18px}.client-strip{padding:25px 0 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px}.client-strip p{font-size:11px}.client-strip>div{display:flex;justify-content:space-between;align-items:center;gap:40px;flex:1}.client-strip b{font-size:14px;letter-spacing:.015em}.client-strip small{font-size:9px;letter-spacing:.1em}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}.section-head>p{max-width:330px;font-size:14px}.services{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.service{border:1px solid var(--line);padding:30px;border-radius:var(--radius);display:flex;flex-direction:column;min-width:0}.service-top{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.07em;font-weight:800;margin-bottom:24px}.icon{display:grid;place-items:center;border-radius:8px;background:#e6eefb;color:var(--blue);width:34px;height:34px;font-size:23px}.service h3{font-size:25px;line-height:1.22;margin-bottom:18px}.service p{font-size:13px}.service .benefit{margin-top:16px}.service>a{margin-top:auto;padding-top:27px;font-size:12px;font-weight:800;display:flex;justify-content:space-between;color:var(--blue)}.service.featured{grid-row:span 2;background:var(--blue);color:#fff;border-color:var(--blue)}.featured .icon{background:#ffffff20;color:white}.featured p,.featured>a{color:#fff}.featured ul{padding-left:18px;font-size:12px;line-height:2.3;margin:25px 0}.featured h3{font-size:32px}.featured>a{margin-top:0}.crm-preview{margin-top:auto;padding-top:50px;display:flex;flex-wrap:wrap;gap:6px;transform:rotate(-3deg)}.crm-preview>span{background:#ffffff20;padding:8px 10px;border:1px solid #ffffff30;font-size:10px;border-radius:5px;flex:1;text-align:center}.crm-preview>div{width:100%;padding:16px 10px;background:white;color:var(--ink);border-radius:6px;font-size:11px;display:flex;justify-content:space-between}.crm-preview b{color:var(--blue)}.workflow{background:var(--dark);color:#f1f4f8}.workflow .eyebrow{color:#8db7f5}.workflow p{color:#b6bfcd}.flow-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}.flow-tabs button{background:none;border:0;border-bottom:2px solid #ffffff26;color:#9aa4b4;text-align:left;padding:18px 0;font-size:12px;display:flex;gap:18px}.flow-tabs button span{font-size:15px;font-weight:700}.flow-tabs button[aria-selected=true]{color:white;border-color:#76a8f1}.flow-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:40px;min-height:275px}.flow-panel h3{font-size:30px;line-height:1.2;max-width:500px}.flow-panel p:not(.eyebrow){font-size:14px;margin-top:20px;max-width:520px}.flow-panel .eyebrow{font-size:9px;margin-bottom:16px}.flow-example{border:1px solid #ffffff20;background:#131821;border-radius:12px;padding:22px;align-self:start;font-size:13px}.flow-example>small{font-size:8px;color:#9aa4b4;letter-spacing:.13em}.flow-example>div{padding:13px 16px;background:#1e2633;border-radius:6px;margin-top:12px}.flow-example .connector{display:block;text-align:center;color:#8db7f5;line-height:1;margin-top:10px}.flow-example .flow-destination{background:#195ebf;color:#fff}.flow-destination span{float:right}.workflow-note{font-size:10px;margin-top:24px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-image{background:#e9edf4;border-radius:12px;overflow:hidden;padding:18px 18px 0;aspect-ratio:1.4}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:6px 6px 0 0;transition:transform .35s}.projects article:hover img{transform:translateY(-6px)}.project-meta{margin-top:22px}.project-meta h3{font-size:19px;letter-spacing:-.02em}.project-meta span{font-size:10px;color:var(--blue);font-weight:800;display:block;margin-top:8px}.projects article>p{font-size:13px;margin-top:12px}.agency{background:var(--bg)}.agency-grid{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}.portrait{border-radius:18px;background:#e5eaf1;overflow:hidden;height:480px}.portrait img{height:100%;width:100%;object-fit:cover;object-position:center 25%}.agency h2{font-size:clamp(30px,3.1vw,44px);margin-bottom:25px}.agency p:not(.eyebrow){font-size:14px;margin-bottom:15px}.signature{display:flex;flex-direction:column;margin:26px 0}.signature b{font-size:16px}.signature span{font-size:11px;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process article{border-top:1px solid var(--line);padding-top:23px}.process article>span{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.1em}.process h3{font-size:25px;line-height:1.25;margin:20px 0 16px}.process p{font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line)}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions details:first-child{padding-top:0}.questions summary{font-size:15px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.questions summary::after{content:'+';font-size:21px;color:var(--blue)}.questions details[open] summary::after{content:'−'}.questions details p{font-size:13px;padding-top:16px}.contact{background:#eaf0f9}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px}.contact h2{overflow-wrap:break-word;hyphens:auto;font-size:clamp(35px,4.2vw,59px);margin-bottom:28px}.contact h2 span{color:var(--blue)}.contact p{font-size:14px;max-width:370px}.contact .contact-note{margin-top:22px;font-size:12px}.contact form{background:#fff;padding:30px;border-radius:14px;box-shadow:0 12px 60px #183d7310}label{display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:7px;margin-bottom:16px}input,textarea,select{width:100%;min-width:0;border:1px solid #d7dee9;border-radius:6px;background:#f9fafc;padding:12px;font-size:13px;color:var(--ink)}textarea{resize:vertical;min-height:95px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact .preview-note{font-size:10px;line-height:1.6;margin-bottom:18px}.contact form .button{width:100%}#form-status{font-size:12px;margin-top:15px;color:var(--blue)}#form-status:empty{display:none}footer{padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer-brand{font-size:22px;font-weight:800;letter-spacing:-1px;color:var(--ink)}.footer-brand span{display:block;font-size:9px;letter-spacing:0;font-weight:500}footer>p{font-size:9px}footer>span{font-size:9px}

/* Dark CRM palette; brand artwork retains its original vector geometry. */
.brand{letter-spacing:normal;flex-shrink:0}.brand img{width:190px;height:auto}.mini-logo{width:85px;height:auto}.footer-brand img{margin-bottom:10px}.eyebrow,.service>a,.project-meta span,.process article>span,.questions summary::after{color:var(--accent-text)}.hero h1>span,.contact h2 span{color:#76a8f1}.nav nav>a:not(.button):hover{color:var(--accent-text)}.skip{background:var(--bg)}.hero-visual{border-color:#ffffff18;background:radial-gradient(ellipse at 85% 0%,#195ebf25,transparent 65%),#131821;box-shadow:0 30px 90px #00000035}.visual-top{color:#a6b5cc}.visual-heading small{color:#8db7f5}.workspace{background:#18202b;border-color:#ffffff14;box-shadow:0 20px 40px #00000025}.workspace aside{background:#101620;border-color:#ffffff12;color:#a6b3c7}.workspace aside>b{color:#dce6f5}.workspace aside .active{background:#195ebf30;color:#8db7f5}.avatar{background:#263650;color:#a8caff}.sample-stats>div{border-color:#ffffff16;background:#1e2633}.task{border-color:#ffffff10}.task-check{background:#193a30;color:#7dd8aa}.current .task-check{background:#195ebf35;color:#a6c8fc}.floating-note{background:#1e2633;border-color:#ffffff20;box-shadow:0 12px 30px #00000045}.service{background:#131821}.service .icon{background:#195ebf28;color:#8db7f5}.service.featured{background:linear-gradient(150deg,#195ebf,#144c9a)}.featured .icon{background:#ffffff20;color:#fff}.featured>a{color:#fff}.crm-preview>div{background:#101f36;color:#f1f4f8;border:1px solid #ffffff20}.crm-preview b{color:#8db7f5}.workflow{background:#101620;border-block:1px solid var(--line)}.project-image{background:#18202b;border:1px solid var(--line)}.portrait{background:#18202b}.contact{background:radial-gradient(ellipse at 0% 80%,#195ebf20,transparent 65%),#101620;border-top:1px solid var(--line)}.contact form{background:#18202b;border:1px solid #ffffff15;box-shadow:0 12px 60px #00000025}input,textarea,select{background:#101620;border-color:#ffffff25}input::placeholder,textarea::placeholder{color:#9aa4b4}#form-status{color:#a6c8fc}.menu-toggle{color:var(--ink)}

@media(max-width:1024px){.hero{gap:30px!important}.hero-visual{padding:16px 12px!important}.workspace{grid-template-columns:85px 1fr!important}.workspace aside{font-size:8px!important}.floating-note{right:0!important}.services{grid-template-columns:1fr 1fr!important}.service.featured{grid-row:auto!important;grid-column:span 2!important}.crm-preview{padding-top:30px!important;max-width:450px!important}.agency-grid,.contact-grid{gap:50px!important}.client-strip{gap:25px!important}.client-strip>div{gap:20px!important}.client-strip b{font-size:11px!important}.section-head{gap:30px!important}.nav nav{gap:20px!important}.flow-panel{gap:35px!important}}
@media(max-width:768px){.wrap,.nav{width:calc(100% - 40px)!important}.nav{height:80px!important;position:relative!important}.menu-toggle{display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;border:1px solid var(--line)!important;border-radius:6px!important;padding:9px 12px!important;font-size:12px!important}.nav nav{display:none!important;position:absolute!important;top:79px!important;left:0!important;right:0!important;padding:22px!important;background:#131821!important;border:1px solid var(--line)!important;z-index:20!important;border-radius:10px!important;box-shadow:0 20px 30px #00000010!important}.nav nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:20px!important}.hero{grid-template-columns:1fr!important;padding-top:48px!important;gap:45px!important;padding-bottom:45px!important}.hero h1{font-size:clamp(42px,8.4vw,64px)!important}.hero-visual{max-width:540px!important;width:100%!important;justify-self:center!important;padding:20px!important}.workspace{grid-template-columns:100px 1fr!important}.visual-heading h2{font-size:27px!important}.client-strip{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}.client-strip>div{width:100%!important;flex-wrap:wrap!important}.section-head{flex-direction:column!important;align-items:flex-start!important;gap:23px!important}.section-head>p{max-width:500px!important}.agency-grid,.contact-grid,.faq,.flow-panel{grid-template-columns:minmax(0,1fr)!important;gap:35px!important}.portrait{height:400px!important;max-width:480px!important}.projects{grid-template-columns:1fr!important;gap:40px!important}.project-image{aspect-ratio:1.6!important}.process{grid-template-columns:1fr!important;gap:35px!important}.process article{max-width:550px!important}.flow-tabs{gap:8px!important}.flow-tabs button{flex-direction:column!important;gap:4px!important}.flow-tabs button span{font-size:13px!important}.flow-panel{min-height:460px!important}.flow-panel h3{font-size:28px!important}.contact h2 br{display:none!important}.contact h2 span{display:block!important}footer{flex-wrap:wrap!important}.desktop{display:none!important}}
@media(max-width:480px){.services{grid-template-columns:1fr!important}.service.featured{grid-column:auto!important}.service{padding:27px!important}.hero .intro{font-size:14px!important}.hero .eyebrow{font-size:8px!important;gap:8px!important}.hero-note{font-size:9px!important}.hero-visual{padding:15px 12px!important}.visual-heading{padding:23px 5px!important}.visual-heading h2{font-size:23px!important}.workspace{grid-template-columns:75px 1fr!important}.workspace aside{padding:14px 7px!important;font-size:7px!important}.workspace aside>b{font-size:7px!important}.workspace-main{padding:14px 9px 38px!important}.workspace-title{font-size:10px!important}.sample-stats>div{padding:7px!important}.sample-stats strong{font-size:9px!important}.task b{font-size:8px!important}.task small{font-size:6px!important}.task{gap:5px!important}.floating-note{bottom:27px!important;padding:9px 12px!important;right:4px!important}.visual-caption{font-size:7px!important}.client-strip b{font-size:9px!important}.client-strip small{display:block!important;font-size:8px!important}.client-strip>div{gap:12px!important}.flow-tabs button span{font-size:11px!important}.form-row{grid-template-columns:1fr!important;gap:0!important}.contact form{padding:22px!important}.hero .button{width:100%!important}.portrait{height:350px!important}.brand{font-size:40px!important}.brand img{width:155px!important}.brand-name{font-size:13px!important}.flow-panel{min-height:480px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Visual explanations: lightweight CSS/SVG, no external assets or player. */
.service-art{margin-top:28px;position:relative;min-height:170px;background:#0d1420;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden}.service>a{order:3}.service-art{order:2}.service .benefit{order:1}.automation-art{display:flex;align-items:center;justify-content:center;padding:18px 10px 40px;gap:0}.art-node{width:70px;flex-shrink:0;text-align:center;color:#9fc3ff;font-size:25px;background:#182842;border:1px solid #315589;border-radius:10px;padding:9px 0;animation:node-glow 5s ease-in-out infinite}.art-node:nth-of-type(2){animation-delay:1.4s}.art-node:nth-of-type(3){animation-delay:2.8s}.art-node small{display:block;color:#c5d2e6;font-size:8px}.art-line{height:2px;width:24px;background:#335686;position:relative;overflow:hidden}.art-line:after{content:"";position:absolute;inset:0;background:#9bc3ff;transform:translateX(-100%);animation:signal-travel 2.8s linear infinite}.art-label{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.13em;color:#8196b4}.app-art{height:225px;background:radial-gradient(ellipse at 60% 100%,#195ebf42,transparent 70%),#0d1420;display:flex;justify-content:center;align-items:flex-start;padding-top:17px}.app-phone{width:155px;background:#18202b;border:3px solid #3b4a60;border-radius:24px 24px 0 0;padding:12px 12px 20px;transform:rotate(-5deg);box-shadow:16px 10px 30px #0005}.phone-notch{width:43px;height:5px;background:#090d15;border-radius:8px;margin:0 auto 14px}.app-phone>small{font-size:6px;letter-spacing:.12em;color:#8db7f5}.app-phone>strong{display:block;font-size:13px;line-height:1.35;margin:7px 0 13px}.app-tile{display:flex;align-items:center;gap:7px;background:#232e3f;padding:7px;border-radius:5px;margin-bottom:7px;font-size:12px;color:#8db7f5}.app-tile span{font-size:8px;color:#e2eaf7}.app-tile small{display:block;font-size:6px;color:#99abc2}.phone-button{background:#195ebf;padding:7px;font-size:7px;border-radius:4px;margin-top:10px}.app-orbit{position:absolute;right:15px;top:42px;padding:10px 14px;border:1px solid #618dcc50;background:#162740e8;border-radius:9px;font-size:10px;color:#a9c7ef;transform:rotate(6deg)}.art-status{width:5px;height:5px;background:#7dd8aa;border-radius:50%;margin-left:auto}.website-art{height:190px}.browser-chrome{display:flex;gap:4px;align-items:center;padding:10px;background:#1e2633}.browser-chrome i{width:4px;height:4px;border-radius:50%;background:#6f829d}.browser-chrome span{font-size:7px;color:#adbdd3;margin-left:7px}.website-crop{height:155px;overflow:hidden}.website-crop img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;transition:transform 2s ease}.website-art:hover img{transform:scale(1.07)}.video-art{min-height:190px}.video-stage{height:153px;position:relative;padding:15px;background:radial-gradient(ellipse at 95% 60%,#195ebf80,transparent 70%),#0d1420}.video-corner{font-size:6px;letter-spacing:.18em;color:#8db7f5}.video-message{position:relative;z-index:1;display:flex;flex-direction:column;margin-top:23px;font-size:14px}.video-message strong{font-size:23px;letter-spacing:-.05em;color:#abcaff;animation:text-breathe 5s ease-in-out infinite}.video-caption{position:absolute;bottom:10px;font-size:6px;color:#9aa4b4}.video-ring{position:absolute;right:2px;top:24px;width:105px;height:105px;opacity:.4}.video-ring circle{fill:none;stroke:#93bfff;stroke-width:1;stroke-dasharray:5 8;transform-origin:center;animation:ring-turn 25s linear infinite}.video-ring path{fill:#195ebf;stroke:#8db7f5;stroke-width:1}.video-timeline{display:flex;gap:4px;padding:10px 12px;position:relative}.video-timeline span{height:14px;background:#284d83;flex:1;border-radius:2px}.video-timeline span:nth-child(2n){background:#192f4f}.video-timeline i{position:absolute;height:24px;width:2px;background:#a7ceff;top:6px;left:12px;animation:timeline-play 8s linear infinite}.connection-art{position:relative;height:240px;width:100%;max-width:420px;margin-bottom:35px}.connection-art svg{width:100%;height:100%;overflow:visible}.connection-art svg path{stroke:#5488d7;stroke-width:1.5;fill:none;stroke-dasharray:7 8;animation:network-flow 15s linear infinite}.connection-art circle{fill:#195ebf;stroke:#8db7f5;stroke-width:2}.connection-art img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#131821;box-shadow:0 0 0 18px #131821}.connection-label{position:absolute;font-size:10px;color:#afc4e2;background:#131821;padding:0 5px}.c-one{top:8px;left:0}.c-two{bottom:8px;left:0}.c-three{top:8px;right:0}.c-four{bottom:8px;right:0}.hero-visual{animation:hero-enter .8s ease-out both}.floating-note{animation:gentle-float 6s ease-in-out infinite}.motion-toggle{position:fixed;bottom:15px;left:15px;z-index:30;background:#18202bf2;color:#b8c9e0;border:1px solid #ffffff24;border-radius:6px;padding:8px 12px;font-size:10px;backdrop-filter:blur(8px)}.motion-toggle span{margin-left:10px}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .website-crop img{transition:none}
@keyframes signal-travel{to{transform:translateX(100%)}}@keyframes node-glow{0%,70%,100%{border-color:#315589;box-shadow:none}25%{border-color:#8db7f5;box-shadow:0 0 22px #195ebf45}}@keyframes text-breathe{0%,100%{opacity:.7}50%{opacity:1}}@keyframes ring-turn{to{transform:rotate(360deg)}}@keyframes timeline-play{to{left:calc(100% - 12px)}}@keyframes network-flow{to{stroke-dashoffset:-150}}@keyframes gentle-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes hero-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.connection-art{height:190px!important}.art-node{width:67px!important}.art-line{width:20px!important}.motion-toggle{bottom:8px!important;left:8px!important;font-size:9px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.motion-toggle{display:none}}

.crm-network{margin:auto 0;padding-block:30px}.crm-network svg{width:100%;max-height:330px;display:block}.crm-network .network-track{fill:none;stroke:#ffffff50;stroke-width:1;stroke-dasharray:4 9;transform-origin:150px 150px;animation:ring-turn 60s linear infinite}.crm-network path{stroke:#ffffff30;fill:none}.crm-network .network-core{fill:#144584;stroke:#8db7f5}.crm-network rect{fill:#174581;stroke:#6b98d6}.crm-network text{text-anchor:middle;fill:white;font:11px Manrope,sans-serif}.crm-network .network-sub{font-size:7px;fill:#c3d7f4}.crm-network p{text-align:center;font-size:12px;color:#dceaff}.featured .crm-preview{margin-top:0;padding-top:10px}.featured>a{margin-top:25px}@media(prefers-reduced-motion:reduce){.crm-network .network-track{animation:none!important}}

/* Contact modal: native dialog handles focus trapping and Escape. */
.dialog-open{overflow:hidden}.contact-action{align-self:center;max-width:400px}.contact-action .button{margin-top:28px}#contact-dialog{width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #ffffff26;border-radius:18px;background:#18202b;color:var(--ink);box-shadow:0 30px 100px #0009;overflow:auto;overscroll-behavior:contain}#contact-dialog::backdrop{background:#03070cd9;backdrop-filter:blur(8px)}.dialog-inner{position:relative;padding:36px}.dialog-close{position:absolute;right:14px;top:12px;width:40px;height:40px;border:1px solid #ffffff20;border-radius:8px;color:#fff;background:#101620;font-size:25px;line-height:1}.dialog-inner>.eyebrow{padding-right:30px;font-size:9px;margin:8px 0 18px}.dialog-inner h2{font-size:32px}.dialog-intro{font-size:13px;margin:14px 0 24px}.dialog-inner .preview-note{font-size:10px;margin-bottom:18px}.dialog-inner form>.button{width:100%}.dialog-inner #form-status{margin-top:15px}.dialog-inner input,.dialog-inner select,.dialog-inner textarea{font-size:16px}
@media(max-width:480px){.dialog-inner{padding:25px 20px!important}.dialog-inner h2{font-size:27px!important}.dialog-inner>.eyebrow{max-width:240px!important}.contact-action{max-width:none!important}.contact-action .button{width:100%!important}}

/* Original client logo assets; preserve aspect ratios and brand artwork. */
.client-strip{gap:45px;padding-block:30px}.client-strip>p{max-width:135px;flex-shrink:0}.client-strip>.customer-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.customer-logos figure{margin:0;display:flex;align-items:center;justify-content:center;min-width:0;height:88px}.customer-logos img{width:100%;max-width:170px;max-height:70px;height:auto;object-fit:contain}.customer-logos .logo-hesslich{width:75px;max-height:75px}.customer-logos .logo-baese{max-width:210px;max-height:90px}
@media(max-width:768px){.client-strip>.customer-logos{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}.customer-logos img{max-height:55px!important}.customer-logos .logo-hesslich{width:55px!important}.client-strip>p{max-width:none!important}}
@media(max-width:480px){.client-strip>.customer-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 30px!important}.customer-logos figure{height:74px!important}.customer-logos img{max-width:145px!important;max-height:64px!important}.customer-logos .logo-hesslich{width:64px!important}.customer-logos .logo-baese{max-width:170px!important}}

/* Simplified hero: one readable customer journey instead of a miniature UI. */
.simple-visual{padding:32px;box-shadow:0 25px 80px #0003}.simple-kicker{font-size:10px;letter-spacing:.14em;color:#8db7f5;font-weight:800;margin-bottom:15px}.simple-visual>h2{font-size:clamp(27px,2.4vw,35px);line-height:1.2}.simple-flow{list-style:none;padding:0;margin:30px 0 25px;display:grid;gap:26px}.simple-flow li{position:relative;display:flex;align-items:center;gap:17px}.simple-flow li:not(:last-child)::after{content:'↓';position:absolute;top:100%;left:21px;color:#6589bb;line-height:26px;font-size:18px}.simple-icon{width:54px;height:54px;flex:0 0 54px;border-radius:12px;display:grid;place-items:center;background:#195ebf25;border:1px solid #5488d750;color:#8db7f5}.simple-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.simple-flow h3{font-size:20px;line-height:1.3;letter-spacing:-.025em}.simple-flow p{font-size:13px;line-height:1.5;margin-top:4px;color:#b4bfd0}.simple-result{border-top:1px solid #ffffff18;padding-top:20px;font-size:14px;line-height:1.5;font-weight:700;display:flex;gap:10px}.simple-result span{color:#8db7f5}.simple-caption{font-size:10px;margin-top:14px;color:#9aa4b4}
@media(max-width:1024px){.simple-visual{padding:24px!important}.simple-flow h3{font-size:18px!important}.simple-flow p{font-size:12px!important}}
@media(max-width:480px){.simple-visual{padding:24px 18px!important}.simple-flow{gap:28px!important}.simple-flow li{gap:12px!important}.simple-icon{width:44px!important;height:44px!important;flex-basis:44px!important}.simple-flow li:not(:last-child)::after{left:16px!important}.simple-flow h3{font-size:18px!important}.simple-flow p{font-size:12px!important}.simple-result{font-size:12px!important}}

/* Editorial opening: expressive type followed by an open, staggered journey. */
.editorial-hero{display:block;padding-top:68px;padding-bottom:70px;position:relative}
.editorial-hero .hero-copy{position:relative}
.editorial-hero .eyebrow{margin-bottom:30px}
.editorial-hero h1{font-size:clamp(64px,7.9vw,114px);line-height:1.04;letter-spacing:-.075em;position:relative;z-index:1}
.editorial-hero h1>span{display:block;margin-left:10%;white-space:nowrap;color:#8db7f5}
.editorial-hero .hero-support{margin:32px 0 0 10%;display:grid;grid-template-columns:minmax(0,530px) auto;align-items:center;column-gap:50px;max-width:950px}
.editorial-hero .intro{margin:0;font-size:15px;line-height:1.8}
.editorial-hero .hero-support .button{justify-self:end;white-space:nowrap}
.editorial-hero .hero-note{grid-column:1/-1;margin-top:17px;color:#77869a}
.editorial-hero .simple-visual{margin-top:58px;padding:26px 0 0;border:0;border-top:1px solid #ffffff20;border-radius:0;background:none;box-shadow:none;display:grid;grid-template-columns:190px minmax(0,1fr);gap:0 30px;max-width:none;width:100%;animation:none}
.editorial-hero .simple-kicker{grid-column:1;margin:0 0 12px;font-size:9px}
.editorial-hero .simple-visual>h2{grid-column:1;font-size:23px;line-height:1.25;letter-spacing:-.045em}
.editorial-hero .simple-flow{grid-column:2;grid-row:1/4;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;counter-reset:journey}
.editorial-hero .simple-flow li{display:block;padding-top:0;counter-increment:journey;min-width:0}
.editorial-hero .simple-flow li:nth-child(2){padding-top:30px}
.editorial-hero .simple-flow li:nth-child(3){padding-top:60px}
.editorial-hero .simple-flow li:before{content:'0' counter(journey);position:absolute;right:8px;top:0;color:#5c6e89;font-size:11px;letter-spacing:.12em}
.editorial-hero .simple-flow li:nth-child(2):before{top:30px}
.editorial-hero .simple-flow li:nth-child(3):before{top:60px}
.editorial-hero .simple-icon{margin-bottom:18px;background:#195ebf18;border-radius:50%;width:48px;height:48px;box-shadow:0 0 38px #195ebf12}
.editorial-hero .simple-flow li:not(:last-child)::after{content:'↘';left:auto;right:-16px;top:44px;font-size:24px;color:#537eb9}
.editorial-hero .simple-flow li:nth-child(2)::after{top:74px}
.editorial-hero .simple-flow h3{font-size:19px}
.editorial-hero .simple-flow p{font-size:12px;max-width:220px}
.editorial-hero .simple-result{grid-column:2;border:0;margin-top:26px;padding-top:0;font-size:12px;color:#b7c9e4}
.editorial-hero .simple-caption{grid-column:1;grid-row:3;font-size:9px;margin-top:18px;max-width:150px}
@media(max-width:1024px){
.editorial-hero h1{font-size:8vw!important}
.editorial-hero .simple-visual{padding:24px 0 0!important;grid-template-columns:150px minmax(0,1fr)!important;gap:0 24px!important}
.editorial-hero .simple-flow{gap:24px!important}
.editorial-hero .simple-flow h3{font-size:17px!important}
.editorial-hero .hero-support{column-gap:25px!important}
}
@media(max-width:768px){
.editorial-hero{padding-top:48px!important;padding-bottom:48px!important}
.editorial-hero h1{font-size:clamp(37px,8.1vw,64px)!important;line-height:1.08!important}
.editorial-hero h1>span{margin-left:0!important;white-space:normal!important;max-width:100%!important}
.editorial-hero .hero-support{margin:26px 0 0 0!important;display:block!important;max-width:500px!important}
.editorial-hero .intro{margin:0 0 22px!important;font-size:14px!important}
.editorial-hero .hero-support .button{width:auto!important}
.editorial-hero .hero-note{margin-top:18px!important;line-height:1.8!important}
.editorial-hero .simple-visual{margin-top:42px!important;display:block!important;max-width:none!important;padding:24px 0 0!important}
.editorial-hero .simple-visual>h2{font-size:25px!important;margin-bottom:25px!important}
.editorial-hero .simple-visual>h2 br{display:none!important}
.editorial-hero .simple-kicker{margin-bottom:12px!important}
.editorial-hero .simple-flow{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;margin:0 0 25px!important}
.editorial-hero .simple-flow li{display:flex!important;align-items:center!important;padding:0 28px 0 0!important;gap:16px!important}
.editorial-hero .simple-flow li:nth-child(2){margin-left:20px!important}
.editorial-hero .simple-flow li:nth-child(3){margin-left:40px!important}
.editorial-hero .simple-flow li:before{top:0!important;right:0!important;font-size:9px!important}
.editorial-hero .simple-icon{margin:0!important;flex:0 0 42px!important;width:42px!important;height:42px!important}
.editorial-hero .simple-icon svg{width:24px!important;height:24px!important}
.editorial-hero .simple-flow li:not(:last-child)::after{display:none!important}
.editorial-hero .simple-flow h3{font-size:17px!important}
.editorial-hero .simple-flow p{font-size:12px!important}
.editorial-hero .simple-result{margin:0!important;font-size:12px!important}
.editorial-hero .simple-caption{max-width:none!important;margin-top:9px!important}
}
@media(prefers-reduced-motion:no-preference){.editorial-hero h1{animation:hero-enter .7s ease-out both}.editorial-hero .simple-flow li{animation:hero-enter .7s ease-out both}.editorial-hero .simple-flow li:nth-child(2){animation-delay:.12s}.editorial-hero .simple-flow li:nth-child(3){animation-delay:.24s}}

/* Launch additions 2026-10-23: honeypot, legal footer row, form states */
.hp-wrap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.footer-legal{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center;font-size:.85rem}
.footer-legal a{color:#9aa7bd;text-decoration:none}
.footer-legal a:hover{color:#f4f6f9;text-decoration:underline}
.footer-legal span{color:#6b7689}
.form-status{min-height:1.4em;font-size:.95rem}
.form-status.ok{color:#5ad48f}
.form-status.fehler{color:#ff9d9d}