/* Vencito 1.2 — local typography and shared design tokens; since 1.4.0-alpha.5 split by unicode-range (tools/font-split.sh) */@font-face{font-family:Inter;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('fonts/InterVariable-latin.woff2?ver=1.4.0-alpha.5') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-21FF,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('fonts/InterVariable-latin-ext.woff2?ver=1.4.0-alpha.5') format('woff2');
  unicode-range:U+0100-0130,U+0132-0151,U+0154-024F,U+02B0-02BA,U+02BD-02C5,U+02C7-02D9,U+02DB,U+02DD-0303,U+0305-0307,U+0309-0328,U+032A-036F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2100-2121,U+2123-218F,U+2200-2211,U+2213-2214,U+2216-23FF,U+2460-24FF,U+25A0-27BF,U+FB00-FB06}
:root{--navy:#0b1f3a;
  --blue:#1457ee;
  --blue-hover:#1046c3;
  --text:#21314a;
  --text-secondary:#526078;
  --text-muted:#5f6d84;
  --surface:#fff;
  --surface-secondary:#f6f8fc;
  --blue-tint:#eef4ff;
  --border:#dfe6f0;
  --focus:#1457ee;
  --radius-xs:4px;
  --radius-s:7px;
  --radius-m:12px;
  --radius-l:18px;
  --shadow-xs:0 2px 3px #142e5304;
  --shadow-s:0 6px 20px #15345c08;
  --shadow-m:0 20px 45px -25px #19396445;
  --shadow-l:0 32px 65px -30px #1c3b6c50;
  --space-9:76px;
  --container:1320px;
  --narrow:800px;
  --transition:180ms ease;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --weight-regular:400;
  --weight-medium:500;
  --weight-heading:580;
  --weight-strong:660;
  --display:clamp(44px,4vw,60px);
  --h2:clamp(36px,3.2vw,48px);
  --h3:25px;
  --body:17px;
  --small:13px;
  --eyebrow:12px}
/* Foundations */*{box-sizing:border-box}
html{scroll-behavior:smooth;
  scroll-padding-top:100px}
body{margin:0;
  background:var(--surface);
  color:var(--text);
  font:var(--body)/1.75 var(--font);
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4{color:var(--navy);
  line-height:1.2;
  letter-spacing:-.027em;
  font-weight:var(--weight-heading)}
h1{font-size:var(--display);
  font-weight:640}
h2{font-size:var(--h2)}
h3{font-size:var(--h3);
  letter-spacing:-.016em}
h4{font-size:18px}
p{color:var(--text-secondary)}
strong{font-weight:var(--weight-strong)}
a{color:inherit;
  text-decoration:none}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent;
  touch-action:manipulation}
button{cursor:pointer;
  color:inherit}
img{display:block;
  max-width:100%;
  height:auto}
ul,ol{padding:0;
  margin:0;
  list-style:none}
:focus-visible{outline:3px solid var(--focus);
  outline-offset:4px}
/* Fokus auf dunklen Flächen (Sales Intelligence, Abschluss-CTA): heller Ring; im hellen App-Fenster wieder blau */
.intelligence-stage :focus-visible,.final-cta :focus-visible{outline-color:#9fc2ff}
.intelligence-stage .app-window :focus-visible{outline-color:var(--focus)}
/* Größere Trefferflächen für kleine Textlinks ohne Layoutänderung (WCAG 2.5.8) */
.site-footer li a,.breadcrumb a{padding-block:5px}
.footer-bottom nav a{padding-block:5px;margin-block:-5px}
button:disabled{cursor:not-allowed}
[hidden]{display:none!important}
.container{width:min(var(--container),calc(100% - 96px));
  margin-inline:auto}
.section{padding-block:var(--space-9)}
.eyebrow{color:var(--blue);
  font-size:var(--eyebrow);
  font-weight:var(--weight-strong);
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1.5;
  margin-bottom:16px}
.v-icon{width:28px;
  height:28px;
  flex-shrink:0}
.icon-accent{stroke:var(--blue)}
.icon-fill{fill:#cfe0ff;
  fill-opacity:.58}
.icon-tile{display:inline-grid;
  place-items:center;
  width:52px;
  height:52px;
  border:1px solid #dce8ff;
  border-radius:13px;
  background:linear-gradient(150deg,#f8fbff,#eaf1ff);
  color:#31578e;
  box-shadow:inset 0 1px 0 #fff}
.icon-tile .v-icon{width:30px;
  height:30px}
.button{display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:47px;
  padding:11px 21px;
  border:1px solid transparent;
  border-radius:var(--radius-s);
  font-size:14px;
  font-weight:var(--weight-heading);
  line-height:1.35;
  transition:background var(--transition),border-color var(--transition),transform var(--transition)}
.button .v-icon{width:18px;
  height:18px}
.button:hover{transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.primary{color:#fff;
  background:var(--blue);
  box-shadow:0 3px 8px #1457ee16}
.primary:hover{background:var(--blue-hover)}
.secondary{background:#fff;
  color:var(--navy);
  border-color:#cfdaec}
.secondary:hover{background:var(--blue-tint);
  border-color:#aabfe2}
.text-link{display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--blue);
  font-weight:var(--weight-heading);
  font-size:13px;
  line-height:1.5}
.text-link .v-icon{width:19px;
  height:19px;
  transition:transform var(--transition)}
.text-link:hover .v-icon{transform:translateX(3px)}
.skip-link{position:fixed;
  top:-90px;
  left:16px;
  z-index:100;
  background:var(--navy);
  color:#fff;
  padding:12px 18px}
.skip-link:focus{top:10px}
/* Navigation */.site-header{position:sticky;
  top:0;
  z-index:20;
  border-bottom:1px solid #e9eef5}
.header-inner{display:flex;
  align-items:center;
  gap:30px}
.brand{display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:22px;
  letter-spacing:.09em;
  font-weight:550;
  color:var(--navy);
  white-space:nowrap}
.brand svg{width:35px;
  height:35px}
.brand-link{display:flex}
.custom-logo-link{display:block;
  flex-shrink:0}
.custom-logo{width:auto;
  max-width:190px;
  max-height:40px}
.desktop-nav{margin-left:auto}
.desktop-nav .menu{display:flex;
  align-items:center;
  gap:25px}
.desktop-nav li{position:relative}
.desktop-nav a{display:block;
  line-height:1.4;
  font-weight:var(--weight-medium);
  padding-block:12px}
.desktop-nav a:hover,.desktop-nav [aria-current=page]{color:var(--blue)}
.desktop-nav [aria-current=page],.mobile-nav [aria-current=page]{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.desktop-nav .sub-menu{display:none;
  position:absolute;
  min-width:200px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-m);
  padding:8px 16px;
  box-shadow:var(--shadow-m)}
.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu{display:block}
.header-actions{display:flex;
  align-items:center;
  gap:20px}
.login-link{font-size:12px;
  font-weight:var(--weight-heading)}
.header-actions .button{min-height:40px;
  padding:10px 17px;
  font-size:12px}
.menu-toggle{display:none;
  border:1px solid var(--border);
  background:#fff;
  width:44px;
  height:44px;
  border-radius:7px;
  padding:12px}
.menu-toggle span{display:block;
  height:2px;
  background:var(--navy);
  margin:5px 0}
.mobile-nav{padding:16px 32px 28px;
  background:#fff;
  border-top:1px solid var(--border);
  max-height:calc(100dvh - 80px);
  overflow:auto}
.mobile-nav a{display:block;
  padding:12px 0;
  font-weight:var(--weight-medium)}
.mobile-nav .sub-menu{padding-left:20px}
.no-js .menu-toggle{display:none}
/* Shared product surfaces */.product-visual{min-width:0}
.product-open{display:block;
  position:relative}
.laptop{width:108%;
  max-width:none;
  margin-left:-3%;
  position:relative}
.laptop:before{content:'';
  position:absolute;
  left:17%;
  right:8%;
  bottom:13%;
  height:12%;
  border-radius:50%;
  background:#315e9c30;
  filter:blur(24px)}
.laptop-frame{width:100%;
  position:relative}
.laptop .product-screen{position:absolute;
  left:14.84%;
  top:8.3%;
  width:70.44%;
  height:63.18%;
  overflow:hidden;
  background:#fff}
.laptop .product-screen img{width:100%;
  height:100%;
  object-fit:fill}
.image-expand{position:absolute;
  right:19%;
  bottom:31%;
  background:#fffefa;
  color:var(--navy);
  border:1px solid var(--border);
  border-radius:var(--radius-s);
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px;
  opacity:0;
  transition:opacity var(--transition)}
.image-expand .v-icon{width:18px;
  height:18px}
.image-expand span{font-size:12px}
.product-open:hover .image-expand,.product-open:focus-visible .image-expand{opacity:1}
.app-window{width:100%;
  border:1px solid #d1dceb;
  border-radius:var(--radius-m);
  background:#fff;
  box-shadow:var(--shadow-l);
  overflow:hidden}
.window-bar{height:43px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 15px;
  background:linear-gradient(#fff,#f7f9fd);
  color:#64728a;
  font-size:12px;
  font-weight:500;
  border-bottom:1px solid #e0e7f2}
.window-title{display:flex;
  align-items:center;
  gap:10px}
.window-monogram{display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:5px;
  background:#e5edff;
  color:var(--blue);
  font-size:12px;
  font-weight:660}
.window-divider{padding-inline:8px;
  color:#b2bfd3}
.window-expand{display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:5px}
.window-expand .v-icon{width:17px;
  height:17px}
.window-expand:hover{background:#e9f0ff;
  color:var(--blue)}
.product-scroll{overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#9cb4d8 #f0f4fa;
  overscroll-behavior-inline:contain}
.product-scroll:focus-visible{outline-offset:-3px}
.app-window .product-screen{display:block;
  position:relative}
.app-window img{width:100%}
.window-caption{display:none}
.final-cta{position:relative;
  overflow:hidden}
.cta-inner{display:flex;
  align-items:center;
  justify-content:space-between;
  gap:60px}
.final-cta h2{color:#fff;
  font-weight:570;
  max-width:800px}
.final-cta p:not(.eyebrow){color:#c5d1e5;
  max-width:630px;
  font-size:17px;
  margin-top:18px}
.final-cta .eyebrow{color:#94baff}
.cta-actions{display:flex;
  flex-direction:column;
  gap:11px;
  flex-shrink:0}
.final-cta .secondary{background:transparent;
  color:#fff}
.final-cta .secondary:hover{background:#294364}
.contact-grid{display:grid;
  align-items:center}
.contact-grid>div>p:not(.eyebrow){margin-top:20px;
  max-width:460px}
.contact-details{margin:24px 0;
  display:grid;
  gap:14px}
.contact-details:empty{display:none}
.contact-details>a,.contact-details>p{display:flex;
  align-items:flex-start;
  gap:13px;
  font-size:14px;
  overflow-wrap:anywhere}
.contact-details .v-icon{width:22px;
  height:22px;
  color:var(--blue)}
.contact-details a:hover{color:var(--blue)}
/* Demo expectations remain unboxed;
   optional real form shares this column. */.contact-surface{padding:0;
  background:none;
  min-width:0}
.contact-surface>.eyebrow{margin-bottom:18px}
.demo-agenda{display:grid;
  margin:0 0 20px}
.demo-agenda li{display:grid;
  grid-template-columns:38px 1fr;
  gap:15px;
  border-bottom:1px solid var(--border)}
.demo-agenda li:first-child{padding-top:0}
.demo-agenda li>span{font-size:21px;
  font-weight:430;
  color:#7892b6;
  line-height:1.5}
.demo-agenda strong{font-size:18px;
  font-weight:580}
.demo-agenda p{font-size:14px;
  margin-top:3px}
.contact-surface .text-link{font-size:13px}
.contact-grid h2{max-width:530px}
.contact-grid>div>p:not(.eyebrow){font-size:16px}
.site-footer{background:#f6f8fc;
  padding:29px 0 17px}
.footer-grid{display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1.1fr;
  gap:40px}
.footer-brand p{font-size:14px;
  color:var(--navy);
  margin:12px 0 6px}
.footer-brand>span{font-size:13px;
  color:var(--text-muted)}
.site-footer h2{font-size:12px;
  letter-spacing:.025em;
  margin-bottom:18px}
.site-footer li{font-size:13px;
  margin:10px 0;
  color:var(--text-secondary)}
.site-footer a:hover{color:var(--blue)}
.footer-statement p{font-size:21px;
  font-weight:450;
  color:var(--navy);
  letter-spacing:-.025em;
  line-height:1.4}
.footer-statement .eyebrow{display:block}
.footer-bottom{margin-top:23px;
  padding-top:18px;
  border-top:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:12px;
  color:var(--text-muted)}
.footer-bottom nav{display:flex;
  gap:24px}
/* Subpages, editorial content, optional contact form and gallery */.page-hero{background:linear-gradient(135deg,#f8faff,#f0f5ff);
  padding:30px 0 54px}
.breadcrumb{display:inline-block;
  font-size:12px;
  color:var(--text-muted);
  margin-bottom:35px}
.breadcrumb span{margin-inline:12px;
  color:#a4b1c6}
.page-hero h1{max-width:900px;
  font-size:clamp(33px,3.4vw,48px)}
.page-hero .lead{max-width:780px;
  font-size:16px;
  margin-top:24px}
.module-nav{display:flex;
  gap:12px;
  padding-block:24px;
  flex-wrap:wrap}
.module-nav a{padding:9px 15px;
  border:1px solid var(--border);
  border-radius:7px;
  font-size:12px;
  font-weight:var(--weight-heading)}
.module-nav a:hover{color:var(--blue);
  background:var(--blue-tint)}
.module-grid{display:grid;
  grid-template-columns:35% 60%;
  align-items:center;
  gap:5%}
.module-grid .icon-tile{margin-bottom:24px}
.module-grid p:not(.eyebrow){margin-top:20px}
.module-section .app-window{box-shadow:var(--shadow-m)}
.tinted{background:var(--surface-secondary)}
.detail-grid{display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:40px}
.detail-grid h2,.detail-grid h3{font-size:23px;
  margin:10px 0 18px}
.detail-grid p{font-size:15px}
.industry-detail-grid{display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px}
.industry-detail-grid article{padding:32px;
  border:1px solid var(--border);
  border-radius:var(--radius-m);
  background:linear-gradient(145deg,#fff,#f8faff)}
.industry-detail-grid h2{font-size:23px;
  margin:24px 0 14px}
.industry-detail-grid p{font-size:15px}
.solution-list article{display:grid;
  grid-template-columns:50px 1fr 1fr;
  gap:40px;
  padding:35px 0}
.solution-list article+article{border-top:1px solid var(--border)}
.solution-list h2{font-size:28px}
.solution-list .eyebrow{margin-bottom:14px}
.solution-list .step-number{margin-top:4px}
.pricing-grid{display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:76px;
  align-items:center}
.pricing-panel{padding:46px;
  border:1px solid #d5e1f5;
  border-radius:var(--radius-l);
  background:linear-gradient(155deg,#f1f6ff,#fff);
  box-shadow:var(--shadow-s)}
.pricing-panel .icon-tile{margin-bottom:24px}
.pricing-panel h2{font-size:30px}
.pricing-panel p:not(.eyebrow){margin-top:20px}
.check-list{display:grid;
  gap:12px;
  margin:26px 0}
.check-list li{display:flex;
  align-items:center;
  gap:12px;
  font-size:15px}
.check-list .v-icon{width:20px;
  height:20px;
  color:var(--blue)}
.pricing-copy p:not(.eyebrow){margin-top:22px}
.editorial{max-width:var(--narrow);
  min-height:55vh}
.editorial h1{margin-bottom:30px}
.editorial h2{font-size:28px;
  margin:34px 0 16px}
.editorial h3{margin:26px 0 14px}
.editorial p{margin:16px 0}
.editorial ul,.editorial ol{list-style:revert;
  padding-left:24px;
  margin:20px 0}
.editorial a:not(.button){color:var(--blue);
  text-decoration:underline}
.editorial img{margin-block:24px}
.editorial table{border-collapse:collapse;
  width:100%}
.editorial th,.editorial td{border:1px solid var(--border);
  padding:12px}
.editorial blockquote{border-left:3px solid var(--blue);
  padding-left:22px;
  margin-left:0}
.post-summary{padding:24px 0;
  border-bottom:1px solid var(--border)}
.wpcf7 label{display:block;
  font-size:14px;
  font-weight:var(--weight-heading);
  color:var(--navy)}
.wpcf7 input:not([type=checkbox]):not([type=radio]),.wpcf7 textarea,.wpcf7 select{width:100%;
  border:1px solid #8592a8;
  border-radius:7px;
  background:#fff;
  padding:11px 13px;
  color:var(--navy);
  margin-top:7px}
.wpcf7 textarea{min-height:130px;
  resize:vertical}
.wpcf7 p{margin-bottom:17px}
.wpcf7 input[type=submit]{background:var(--blue)!important;
  color:#fff!important;
  border:0!important;
  font-weight:var(--weight-heading);
  cursor:pointer}
.wpcf7-not-valid-tip{font-size:12px;
  color:#b12222}
.wpcf7-response-output{font-size:14px;
  border-radius:7px}
.product-dialog{max-width:1200px;
  width:calc(100% - 64px);
  max-height:92dvh;
  border:1px solid var(--border);
  border-radius:16px;
  padding:26px;
  overflow:auto;
  color:var(--navy);
  box-shadow:var(--shadow-l)}
.product-dialog::backdrop{background:#061731bd;
  backdrop-filter:blur(6px)}
.dialog-heading{display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center}
.dialog-heading h2{font-size:23px}
.dialog-heading .eyebrow{margin-bottom:5px}
.dialog-close{flex-shrink:0;
  width:44px;
  height:44px;
  border:1px solid var(--border);
  background:#fff;
  border-radius:9px;
  font-size:28px}
.gallery-controls{display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:22px 0}
.gallery-controls button{padding:10px 15px;
  min-height:42px;
  border:1px solid var(--border);
  background:#fff;
  border-radius:7px;
  font-size:13px}
.gallery-controls [aria-pressed=true]{color:#fff;
  background:var(--blue);
  border-color:var(--blue)}
.gallery-image{width:100%;
  height:auto;
  max-height:66dvh;
  object-fit:contain;
  border:1px solid var(--border)}
.gallery-caption{font-size:12px;
  margin-top:10px}
.modal-open{overflow:hidden}
.admin-bar .site-header{top:32px}
/* Product-led homepage */.hero{overflow:hidden}
.hero-inner{display:grid;
  align-items:center}
.hero-copy{position:relative;
  z-index:1;
  width:100%;
  padding-block:15px}
.hero h1{font-weight:620;
  width:128%}
.hero h1 span{display:block;
  color:var(--blue)}
.hero h1 br{display:none}
.hero-description{margin-top:25px}
.hero-actions{display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:27px}
.hero-actions .button{min-height:49px;
  font-size:14px}
.hero-proof{display:flex;
  align-items:center;
  flex-wrap:wrap;
  font-weight:500;
  max-width:550px}
.hero-proof span+span:before{content:'•';
  font-size:9px;
  color:#7191c1;
  margin-right:11px}
.section-intro{font-size:17px;
  line-height:1.75;
  max-width:730px;
  margin-top:22px}
.difference-layout{display:grid}
.difference-layout h2{font-size:40px;
  line-height:1.18}
.difference-layout h2 span{color:#627792}
.difference-points li{font-weight:500;
  line-height:1.5}
.difference-points li:first-child{padding-top:0}
.difference-points span{font-size:12px;
  color:var(--blue);
  font-weight:500}
.intelligence-stage{color:#fff}
.intelligence-layout{display:grid}
.intelligence-copy h2{color:#fff}
.intelligence-copy .eyebrow{color:#95baff}
.intelligence-copy .text-link{margin-top:27px;
  color:#abcaff;
  font-size:14px}
.intelligence-product{min-width:0}
.intelligence-legend{display:flex;
  gap:20px;
  justify-content:space-between}
.intelligence-legend li{display:flex;
  gap:8px;
  align-items:baseline;
  max-width:190px}
.screen-pin{position:absolute;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  color:#fff;
  border-radius:50%;
  font-size:12px;
  line-height:1;
  font-weight:660;
  pointer-events:none}
.pin-risk{left:44%;
  top:52%}
.pin-next{left:34%;
  top:81%}
.pin-priority{left:71%;
  top:81%}
.automation-layout{display:grid}
.automation-layout h2{max-width:670px}
.automation-copy>p{max-width:530px}
.automation-copy .text-link{font-size:14px;
  margin-top:20px}
.automation-flow{grid-column:1/-1;
  display:grid;
  align-items:center}
.flow-node{position:relative}
.flow-step{text-transform:uppercase;
  font-weight:600;
  color:#5b6f8b}
.flow-node p{font-weight:500;
  color:var(--navy);
  line-height:1.4}
.flow-detail{display:block}
.flow-engine .flow-step{color:var(--blue)}
.flow-engine .flow-detail{color:var(--text-secondary)}
.flow-engine p{display:flex;
  align-items:center;
  gap:12px;
  font-size:25px}
.flow-brand{display:grid;
  place-items:center;
  width:31px;
  height:31px;
  background:var(--blue);
  color:#fff;
  font-size:20px}
.flow-connector{height:1px;
  position:relative}
.flow-connector .v-icon{position:absolute;
  right:-2px;
  top:-7px;
  width:15px;
  height:15px;
  color:#6e9aeb;
  background:#fff}
.automation-flow figcaption{grid-column:1/-1;
  text-align:center;
  font-size:13px}
.platform-heading{display:grid;
  align-items:end}
.platform-heading>p{max-width:510px}
.platform-grid{display:grid;
  align-items:stretch}
.module-story{position:relative;
  min-width:0;
  overflow:hidden;
  background:#e8eff9;
  transition:transform var(--transition)}
.module-story:hover{transform:translateY(-2px)}
.module-story-copy{position:relative;
  z-index:1}
.module-label{display:block;
  color:#506785;
  font-size:12px;
  font-weight:550;
  letter-spacing:.04em;
  margin-bottom:13px}
.module-story h3,.offer-story h3{font-weight:560;
  margin-bottom:9px}
.module-story-copy p,.offer-story>p{line-height:1.7;
  max-width:330px}
.module-story-copy>.v-icon{position:absolute;
  right:25px;
  top:28px;
  width:19px;
  height:19px;
  color:var(--blue)}
.module-crop{position:relative;
  overflow:hidden;
  margin:0 0 0 28px}
.customer-crop{height:250px}
.customer-crop img{width:750px;
  max-width:none;
  transform:translate(-103px,-25px)}
.project-crop{height:215px}
.project-crop img{width:810px;
  max-width:none;
  transform:translate(-85px,-73px)}
.offer-story{display:block;
  padding-bottom:22px}
.offer-story .text-link{font-size:12px;
  margin-top:17px}
.module-links a{display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-top:1px solid #d9e2ef;
  font-weight:500}
.module-links .v-icon{width:17px;
  height:17px;
  color:#7a96be}
.module-links a:hover{color:var(--blue)}
.journey-heading{max-width:1000px}
.journey{position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr))}
.journey:before{content:'';
  position:absolute;
  left:0;
  right:0;
  height:1px}
.journey li{position:relative;
  padding-top:0}
.journey li:before{content:'';
  position:absolute;
  left:0;
  border-radius:50%;
  background:#8eaddb;
  box-shadow:0 0 0 4px #fff}
.journey li:last-child:before{background:var(--blue)}
.journey-number{display:block;
  line-height:1.2;
  font-weight:400;
  letter-spacing:-.04em;
  transition:color var(--transition)}
.journey li:hover .journey-number{color:var(--blue)}
.journey h3{font-weight:560;
  line-height:1.35;
  margin-bottom:11px;
  max-width:215px}
.journey p{line-height:1.75;
  max-width:230px}
.project-stage{overflow:hidden}
.project-stage-heading{max-width:1100px}
.project-stage-heading>p:not(.eyebrow){max-width:740px}
.industries-layout{display:grid;
  align-items:center}
.industries-layout h2{max-width:540px}
.industry-rows{display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))}
.industry-rows a{display:flex;
  align-items:center;
  gap:10px;
  font-weight:500}
.industry-rows a>span{width:13px;
  background:#a6bedf;
  flex-shrink:0;
  transition:width var(--transition),background var(--transition)}
.industry-rows a:hover{color:var(--blue)}
.industry-rows a:hover>span{width:18px;
  background:var(--blue)}
/* Responsive layouts and retained WordPress subpages */@media(min-width:1600px){
}
@media(max-width:1250px){.container{width:calc(100% - 64px)}
.header-inner{gap:20px}
.desktop-nav .menu{gap:18px}
.difference-layout h2{font-size:35px}
.footer-grid{gap:25px}
}
@media(max-width:1100px){.desktop-nav,.login-link{display:none}
.menu-toggle{display:block}
.no-js .mobile-nav[hidden]{display:block!important}
.header-actions{margin-left:auto}
.hero-proof span+span:before{margin-right:8px}
.intelligence-legend{gap:12px}
.platform-detail{grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:35px}
.module-links{display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 30px}
.customer-crop{height:240px}
.project-crop{height:200px}
.industries-layout h2 br{display:none}
.cta-inner{gap:35px}
.footer-statement p{font-size:19px}
}
@media(max-width:850px){:root{--h2:36px;
  --space-9:54px}
.hero-copy{width:100%;
  max-width:650px}
.hero h1{width:100%}
.difference-points{gap:30px;
  justify-content:space-between}
.difference-points li{border:0}
.intelligence-copy{max-width:660px}
.intelligence-legend li{max-width:none}
.automation-copy>p{max-width:650px}
.platform-heading>p{max-width:650px}
.journey{grid-template-columns:1fr;
  margin-left:12px}
.journey:before{left:0;
  right:auto;
  bottom:0;
  width:1px;
  height:auto}
.journey li{display:grid;
  grid-template-columns:48px 210px 1fr;
  gap:20px;
  padding-left:24px}
.journey li:before{left:-3px}
.journey-number{margin:0}
.journey h3{max-width:none;
  padding-top:5px;
  margin:0}
.journey p{max-width:none}
.demo-agenda strong{font-size:16px}
.demo-agenda p{font-size:13px}
.footer-grid{grid-template-columns:1.4fr 1fr 1fr}
.footer-statement{display:none}
.module-grid,.pricing-grid{grid-template-columns:1fr;
  gap:32px}
.module-grid>div{max-width:660px}
.industry-detail-grid{grid-template-columns:1fr 1fr}
.detail-grid{gap:26px}
.solution-list article{grid-template-columns:40px 1fr;
  gap:20px}
.solution-list article>p{grid-column:2}
.page-hero h1{font-size:40px}
.admin-bar .site-header{top:46px}
}
@media(max-width:600px){:root{--h2:32px;
  --body:16px;
  --space-9:44px}
.container{width:calc(100% - 40px)}
.eyebrow{letter-spacing:.1em;
  margin-bottom:15px}
.header-inner{gap:12px}
.brand{font-size:17px;
  gap:7px}
.brand svg{width:28px;
  height:28px}
.custom-logo{max-width:135px;
  max-height:35px}
.header-actions{gap:9px}
.header-actions .button{font-size:12px;
  min-height:38px;
  padding:9px 11px}
.menu-toggle{width:38px;
  height:38px;
  padding:9px}
.hero-inner{padding:28px 0 0}
.hero-copy{padding:8px 0 0}
.hero h1{width:100%}
.hero h1 span{margin-top:5px}
.hero-description{margin-top:22px}
.hero-actions{display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin-top:25px;
  max-width:350px}
.hero-actions .button{min-height:48px;
  font-size:14px}
.hero-proof{line-height:1.65}
.image-expand{display:none}
.difference-layout h2{font-size:30px;
  line-height:1.2}
.section-intro{font-size:15px;
  margin-top:18px}
.difference-points{display:grid;
  gap:0}
.difference-points li{max-width:none}
.intelligence-copy .text-link{font-size:13px;
  margin-top:22px}
.intelligence-product{margin-inline:-10px}
.window-bar{height:38px;
  font-size:12px;
  padding-inline:10px}
.window-monogram{width:19px;
  height:19px;
  font-size:12px}
.window-divider{padding-inline:5px}
.app-window{border-radius:8px}
.product-scroll .product-open,.product-scroll img{width:900px;
  max-width:none}
.window-caption{display:flex;
  justify-content:space-between;
  padding:8px 11px;
  color:var(--text-secondary);
  font-size:12px;
  background:#f8faff;
  border-top:1px solid var(--border)}
.intelligence-legend{display:grid;
  gap:10px;
  margin:22px 10px 0}
.intelligence-legend li{gap:13px}
.automation-copy .text-link{font-size:13px}
.automation-flow{display:grid;
  gap:0}
.flow-node{max-width:none}
.flow-connector{margin:auto}
.flow-connector .v-icon{right:-7px;
  top:10px}
.flow-engine p{font-size:25px}
.customer-crop{height:223px}
.customer-crop img{width:730px;
  transform:translate(-100px,-28px)}
.project-crop{height:206px}
.project-crop img{width:800px;
  transform:translate(-89px,-70px)}
.platform-detail{display:block}
.offer-story{padding:4px 2px 23px}
.offer-story .text-link{margin-top:12px}
.module-links{gap:0 25px}
.journey{margin-left:3px}
.journey li{grid-template-columns:38px 1fr;
  gap:5px 15px;
  padding-left:20px}
.journey-number{grid-row:1/3}
.journey h3{line-height:1.35;
  padding-top:1px}
.journey p{grid-column:2;
  line-height:1.65}
.project-stage .app-window{width:calc(100% + 20px);
  margin-inline:-10px}
.industries-layout h2 br{display:block}
.industry-rows a{gap:8px}
.industry-rows a>span{width:9px}
.cta-inner{display:block}
.final-cta p:not(.eyebrow){font-size:16px;
  margin-top:19px}
.cta-actions{margin-top:25px;
  flex-direction:column;
  gap:10px}
.cta-actions .button{min-height:48px;
  font-size:14px}
.contact-grid>div>p:not(.eyebrow){font-size:15px}
.contact-surface{padding:0}
.demo-agenda strong{font-size:18px}
.demo-agenda p{font-size:14px}
.contact-details{margin-block:20px}
.site-footer{padding-top:28px}
.footer-grid{grid-template-columns:1fr 1fr;
  gap:24px}
.footer-brand{grid-column:1/-1}
.site-footer h2{margin-bottom:14px}
.footer-bottom{flex-wrap:wrap;
  gap:12px;
  margin-top:21px}
.footer-bottom>span:last-child{width:100%}
.page-hero{padding:24px 0 38px}
.breadcrumb{margin-bottom:25px}
.page-hero h1{font-size:33px}
.page-hero .lead{font-size:16px;
  margin-top:20px}
.module-nav{gap:8px;
  padding-block:20px}
.module-nav a{font-size:12px;
  padding:8px 10px}
.module-grid p:not(.eyebrow){font-size:15px}
.industry-detail-grid,.detail-grid{grid-template-columns:1fr;
  gap:22px}
.industry-detail-grid article{padding:25px}
.industry-detail-grid h2,.detail-grid h2,.detail-grid h3{font-size:25px}
.detail-grid p{font-size:15px}
.solution-list article{gap:16px;
  padding:28px 0}
.solution-list h2{font-size:27px}
.solution-list article>p{font-size:15px}
.pricing-panel{padding:27px 23px}
.pricing-panel h2{font-size:28px}
.pricing-panel p:not(.eyebrow),.pricing-copy p:not(.eyebrow){font-size:15px}
.check-list li{font-size:15px}
.product-dialog{width:calc(100% - 20px);
  padding:18px 14px;
  border-radius:12px;
  max-height:94dvh}
.dialog-heading h2{font-size:20px}
.dialog-close{width:40px;
  height:40px}
.gallery-controls{gap:6px;
  margin-block:18px}
.gallery-controls button{font-size:12px;
  padding:8px 10px}
.gallery-image{min-height:200px}
.editorial h1{font-size:33px}
.editorial h2{font-size:27px}
.admin-bar .site-header{top:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important}
}
@media print{.site-header,.site-footer,.final-cta,.product-dialog,.image-expand{display:none!important}
.section{padding-block:25px}
.container{width:100%}
a{color:#000}
.app-window{box-shadow:none}
body{font-size:12px}
.product-scroll .product-open,.product-scroll img{width:100%}
}

/* Contact page only: compact enquiry topics and existing CF7 form. */
:is(.contact-page,.home-contact,.pilot-request) .contact-topics{margin:18px 0 0}
:is(.contact-page,.home-contact,.pilot-request) .contact-topics dt{padding-top:12px;border-top:1px solid var(--border);font-size:15px;font-weight:var(--weight-heading);color:var(--navy)}
:is(.contact-page,.home-contact,.pilot-request) .contact-topics dt:first-child{padding-top:0;border-top:0}
:is(.contact-page,.home-contact,.pilot-request) .contact-topics dd{margin:4px 0 12px;font-size:15px;line-height:1.55;color:var(--text-secondary)}
:is(.contact-page,.home-contact,.pilot-request) .contact-surface .wpcf7{width:100%;max-width:100%;padding:0;background:none;border:0;border-radius:0}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 form{margin:0}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 p{margin:0 0 10px}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 p:last-of-type{margin-bottom:0}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 label{font-size:13px;line-height:1.5}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 input[type=text],:is(.contact-page,.home-contact,.pilot-request) .wpcf7 input[type=email],:is(.contact-page,.home-contact,.pilot-request) .wpcf7 input[type=tel],:is(.contact-page,.home-contact,.pilot-request) .wpcf7 select,:is(.contact-page,.home-contact,.pilot-request) .wpcf7 textarea{width:100%;max-width:100%;min-width:0;padding:8px 11px;margin-top:4px;border-radius:var(--radius-s)}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 textarea{height:100px;min-height:100px}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 .wpcf7-acceptance .wpcf7-list-item{margin:0}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 .wpcf7-acceptance label,:is(.contact-page,.home-contact,.pilot-request) .wpcf7 .wpcf7-checkbox label{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:var(--weight-regular);line-height:1.5}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 .wpcf7-list-item-label a{text-decoration:underline;text-underline-offset:2px}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 input[type=checkbox]{flex:0 0 auto;margin:3px 0 0;accent-color:var(--blue)}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 input[type=submit]{display:block;width:100%;padding:10px 14px;margin-top:8px;border-radius:var(--radius-s);background:var(--blue)!important;color:#fff!important}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 .wpcf7-not-valid-tip{margin-top:3px;font-size:12px}
:is(.contact-page,.home-contact,.pilot-request) .wpcf7 .wpcf7-response-output{margin:12px 0 0;padding:8px 10px;font-size:13px;line-height:1.5}

/* Vencito 1.3 — premium product-led art direction */
:root{--surface-ink:#07192f;--surface-deep:#0a203c;--line-soft:#d8e2f0;--glow:#5f95ff}

/* Header: quieter, more product-brand-like */
.site-header{background:rgba(255,255,255,.90);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px)}
.header-inner{min-height:76px}.desktop-nav a{font-size:12.5px;color:#33435a}.header-actions .button{border-radius:9px;box-shadow:0 8px 20px -14px rgba(20,87,238,.7)}

/* Hero: stronger stage, less template white-space */
.hero{position:relative;background:linear-gradient(120deg,#ffffff 0%,#ffffff 46%,#f5f8fe 72%,#eef4ff 100%)}
.hero:after{content:"";position:absolute;right:-10%;top:4%;width:58%;height:92%;background:radial-gradient(circle at 48% 48%,rgba(93,142,255,.24),rgba(93,142,255,.08) 38%,transparent 70%);pointer-events:none}
.hero-inner{min-height:640px;padding-block:54px 40px;position:relative;z-index:1;grid-template-columns:43% 57%}
.hero h1{font-size:clamp(52px,4.15vw,66px);letter-spacing:-.052em;line-height:1.035;max-width:780px}
.hero h1 span{max-width:650px}.hero-description{font-size:18px;line-height:1.68;max-width:560px;color:#44556e}
.hero-proof{margin-top:26px;font-size:12px;color:#4d607b;gap:8px 14px}.hero-proof span{font-weight:560}
.hero .laptop{width:114%;margin-left:-1%;transform:translateY(8px)}
.hero .laptop:before{left:13%;right:5%;bottom:10%;height:15%;background:rgba(39,84,150,.2);filter:blur(34px)}
.laptop-frame{filter:drop-shadow(0 34px 36px rgba(16,42,76,.16))}

/* Editorial differentiation: no card language */
.difference-section{padding-block:76px;background:#fff}
.difference-layout{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:9%;align-items:start}
.difference-statement h2{font-size:clamp(40px,3.6vw,54px);line-height:1.08;letter-spacing:-.04em;max-width:760px}
.difference-statement h2 span{display:inline-block;color:var(--blue);margin-top:7px}
.difference-side{padding-top:29px}.difference-side .section-intro{font-size:17px;line-height:1.76;margin:0 0 30px;max-width:570px}
.difference-points{border-top:1px solid var(--line-soft)}
.difference-points li{display:grid;grid-template-columns:44px 1fr;gap:2px 17px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line-soft);font-size:16px}
.difference-points li>span{grid-row:1/3;padding-top:2px;font-size:12px;letter-spacing:.08em;color:var(--blue)}
.difference-points strong{font-size:16px;font-weight:620;color:var(--navy)}
.difference-points small{font-size:14px;line-height:1.6;color:#5f6d84}

/* Intelligence: the actual differentiator gets a launch-style stage */
.intelligence-stage{position:relative;padding-block:82px 86px;background:linear-gradient(135deg,var(--surface-ink),#0b2342 55%,#0d2c50);overflow:hidden}
.intelligence-stage:before{content:"";position:absolute;width:720px;height:720px;right:-180px;top:-340px;border-radius:50%;background:radial-gradient(circle,rgba(58,117,225,.22),transparent 68%);pointer-events:none}
.intelligence-layout{position:relative;z-index:1;grid-template-columns:33% 63%;gap:4%;align-items:center}
.intelligence-copy h2{font-size:clamp(40px,3.35vw,52px);line-height:1.08;letter-spacing:-.038em}
.intelligence-copy h2 span{display:inline-block;color:#7fb0ff;margin-top:6px}
.intelligence-copy>p:not(.eyebrow){font-size:17px;line-height:1.72;color:#bfccde;margin-top:27px;max-width:500px}
.intelligence-stage .app-window{border:1px solid rgba(169,192,226,.28);border-radius:15px;box-shadow:0 36px 90px -34px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025)}
.intelligence-stage .window-bar{background:linear-gradient(180deg,#fbfdff,#f2f6fb);height:46px}
.intelligence-product{transform:translateY(7px)}
.intelligence-legend{margin-top:24px;padding-left:4px}.intelligence-legend li{font-size:12px;line-height:1.55;color:#cbd8ea}.intelligence-legend li span{font-size:12px;color:#82b0ff;font-weight:650}
.screen-pin{width:29px;height:29px;background:#0b66ff;box-shadow:0 0 0 5px rgba(20,87,238,.18),0 4px 14px rgba(0,0,0,.28)}

/* Automation: one visual system, not three cards */
.automation-section{padding-block:78px 84px;background:linear-gradient(180deg,#fff,#f9fbff)}
.automation-layout{grid-template-columns:1.1fr .9fr;gap:0 90px;align-items:end}
.automation-layout h2{font-size:clamp(39px,3.25vw,49px);line-height:1.1;letter-spacing:-.038em}.automation-layout h2 span{color:var(--blue)}
.automation-copy>p{font-size:17px;line-height:1.75;color:#53627a}
.automation-flow{position:relative;margin:50px 0 0;grid-template-columns:1fr 110px 1.12fr 110px 1fr;padding:34px 38px;border-top:1px solid #dbe5f2;border-bottom:1px solid #dbe5f2;background:rgba(255,255,255,.62)}
.flow-node{padding:8px 12px;background:transparent}.flow-step{font-size:12px;letter-spacing:.13em}.flow-node p{font-size:22px;margin-top:13px}.flow-detail{font-size:13.5px;margin-top:7px;color:#5f6d84}
.flow-engine{padding:21px 24px;border:1px solid #d9e6ff;border-radius:14px;background:linear-gradient(145deg,#f3f7ff,#e8f0ff);box-shadow:0 20px 45px -34px rgba(20,87,238,.7)}
.flow-engine p{margin-top:11px}.flow-brand{border-radius:8px;box-shadow:0 8px 18px -9px rgba(20,87,238,.9)}
.flow-connector{background:linear-gradient(90deg,#b9cbe4,#4a82df)}
.automation-flow figcaption{margin-top:23px;color:#5f6d84;letter-spacing:.025em}

/* Platform: richer product composition, less samey tile grid */
.platform-section{padding-block:78px 86px;background:#f3f7fc}
.platform-heading{margin-bottom:42px;grid-template-columns:1.12fr .88fr;gap:8%}.platform-heading h2{font-size:clamp(40px,3.2vw,50px);line-height:1.1}.platform-heading>p{font-size:17px;line-height:1.75}
.platform-grid{grid-template-columns:1.22fr .92fr .72fr;gap:20px}
.module-story{border-radius:16px;border:1px solid rgba(165,183,207,.35);box-shadow:0 24px 55px -45px rgba(14,40,74,.7)}
.customer-story{background:linear-gradient(145deg,#eaf2ff,#dce8fa)}.project-story{background:linear-gradient(145deg,#eef3f8,#e5ebf3);margin-top:54px}
.module-story-copy{padding:30px 31px}.module-story h3,.offer-story h3{font-size:28px}.module-story-copy p,.offer-story>p{font-size:15px}
.module-crop{margin-left:31px;border-radius:10px 0 0 0;box-shadow:0 14px 35px rgba(16,43,75,.16)}
.platform-detail{padding:28px 2px 0 16px}.module-links a{padding:15px 0;font-size:16.5px}.module-links a:hover .v-icon{transform:translateX(3px)}.module-links .v-icon{transition:transform var(--transition)}

/* Project stage before the abstract process: product first */
.project-stage{padding-block:78px 86px;background:radial-gradient(circle at 50% 75%,#dbe9ff 0,#eef5ff 38%,#f7faff 73%)}
.project-stage-heading{display:grid;grid-template-columns:1fr .52fr;gap:8%;align-items:end;margin-bottom:38px}.project-stage-heading .eyebrow,.project-stage-heading h2{grid-column:1}.project-stage-heading>p:not(.eyebrow){grid-column:2;grid-row:1/3;align-self:end;font-size:17px;line-height:1.75;margin:0}
.project-stage h2{font-size:clamp(40px,3.2vw,50px);line-height:1.1}.project-stage .app-window{border-radius:15px;box-shadow:0 38px 90px -45px rgba(20,54,98,.65)}

/* Workflow: editorial progression */
.journey-section{padding-block:76px 80px;background:#fff}.journey-heading{margin-bottom:45px}.journey-heading h2{font-size:clamp(39px,3vw,48px);line-height:1.1}
.journey{gap:34px}.journey:before{top:61px;background:linear-gradient(90deg,#dfe8f5 0,#9cb9e5 62%,#1457ee 100%)}.journey li:before{top:58px;width:8px;height:8px}.journey-number{font-size:42px;margin-bottom:34px;color:#6e88ae}.journey h3{font-size:18px}.journey p{font-size:15px;color:var(--text-muted)}

/* Industries: intentionally supporting, almost editorial */
.industries-compact{padding-block:58px 64px;border-top:1px solid #eef2f7}.industries-layout{grid-template-columns:44% 51%;gap:5%}.industries-layout h2{font-size:clamp(30px,2.4vw,38px)}
.industry-rows{gap:0 32px}.industry-rows a{font-size:13.5px;padding:17px 0;border-bottom:1px solid #edf1f6}.industry-rows a>span{height:1px}

/* CTA and contact: more branded, less generic rectangle */
.final-cta{background:linear-gradient(135deg,#07192f 0%,#0b2342 60%,#11325a 100%)}
.final-cta:after{content:"";position:absolute;right:-7%;top:-70%;width:48%;height:210%;background:radial-gradient(circle,rgba(66,126,236,.24),transparent 62%);pointer-events:none}.cta-inner{position:relative;z-index:1;padding-block:68px}.final-cta h2{font-size:clamp(42px,3.6vw,54px);line-height:1.08}.cta-actions{min-width:210px}.final-cta .secondary{border-color:rgba(197,214,238,.38)}
.home-contact{padding-block:66px}.contact-grid{grid-template-columns:1fr .88fr;gap:10%}.contact-grid h2{font-size:clamp(34px,2.8vw,44px)}
.contact-surface{padding-left:36px;border-left:1px solid #dce5f1}.demo-agenda li{padding:17px 0}

@media(max-width:1100px){
  .hero-inner{grid-template-columns:45% 55%;min-height:585px}.hero h1{font-size:46px}.hero .laptop{width:109%}
  .difference-layout{gap:6%}.difference-statement h2{font-size:42px}
  .intelligence-copy h2{font-size:39px}.automation-layout{gap:0 55px}.automation-flow{grid-template-columns:1fr 70px 1.08fr 70px 1fr;padding-inline:20px}
  .project-stage-heading{grid-template-columns:1fr .62fr}
}
@media(max-width:850px){
  .hero-inner{grid-template-columns:1fr;min-height:0;padding-top:46px}.hero h1{font-size:52px}.hero .laptop{width:96%;margin:18px auto -8px}
  .difference-layout{grid-template-columns:1fr;gap:30px}.difference-side{padding-top:0}.difference-statement h2{font-size:42px}.difference-points{display:block}
  .intelligence-stage{padding-block:64px}.intelligence-copy h2{font-size:42px}.intelligence-product{transform:none}
  .automation-section,.platform-section,.project-stage,.journey-section{padding-block:64px}.automation-layout{grid-template-columns:1fr;gap:22px}.automation-flow{grid-template-columns:1fr 36px 1.1fr 36px 1fr;padding:28px 10px}.flow-node{padding-inline:8px}.flow-engine{padding:18px 16px}
  .project-stage-heading{display:block}.project-stage-heading>p:not(.eyebrow){margin-top:20px;max-width:700px}
  .contact-grid{grid-template-columns:1fr;gap:34px}.contact-surface{padding:30px 0 0;border-left:0;border-top:1px solid #dce5f1}
}
@media(max-width:600px){
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}.hero{background:linear-gradient(180deg,#fff 0,#f4f8ff 100%)}.hero:after{right:-45%;top:34%;width:125%;height:66%}
  .hero-inner{padding-top:34px}.hero h1{font-size:39px;line-height:1.08}.hero-description{font-size:16px}.hero-proof{font-size:12px}.hero .laptop{width:120%;margin:16px -10% 0}
  .difference-section{padding-block:52px}.difference-statement h2{font-size:34px}.difference-side .section-intro{font-size:15px}.difference-points li{grid-template-columns:38px 1fr;padding:15px 0}.difference-points small{font-size:13.5px}
  .intelligence-stage{padding-block:54px 58px}.intelligence-copy h2{font-size:35px}.intelligence-copy>p:not(.eyebrow){font-size:15px}.intelligence-legend{margin-inline:0}
  .automation-section,.platform-section,.project-stage,.journey-section{padding-block:52px}.automation-layout h2{font-size:34px}.automation-flow{grid-template-columns:1fr;margin:16px 0 0;padding:20px 12px;border-top:1px solid #dbe5f2;border-bottom:1px solid #dbe5f2}.flow-node{padding:18px 16px}.flow-engine{border-radius:12px}.flow-connector{height:26px;width:1px}.flow-connector .v-icon{transform:rotate(90deg)}
  .platform-heading h2,.project-stage h2,.journey-heading h2{font-size:34px}.platform-grid{gap:18px}.module-story{border-radius:13px}.module-story-copy{padding:24px}.module-crop{margin-left:24px}.project-stage-heading{margin-bottom:27px}
  .industries-compact{padding-block:46px}.industry-rows{grid-template-columns:1fr 1fr;gap:0 18px}.industry-rows a{font-size:12.5px}
  .cta-inner{padding-block:52px}.final-cta h2{font-size:38px}.home-contact{padding-block:50px}.contact-grid h2{font-size:34px}
}

/* 1.4.0 — restore the responsive base layout where the 1.3 layer's desktop rules would otherwise win on smaller screens */
@media(max-width:1100px){
  .hero h1{width:100%}
  .platform-grid{grid-template-columns:1.2fr 1fr;gap:22px}.platform-detail{padding:10px 0 0}
  .industries-layout{grid-template-columns:1fr;gap:20px}
}
@media(max-width:850px){
  .intelligence-layout{grid-template-columns:1fr;gap:34px}
  .difference-points li{max-width:none}
  .platform-heading{grid-template-columns:1fr;gap:22px}
  .journey{gap:23px}.journey:before{top:7px;background:linear-gradient(#dce7f8,#1457ee)}.journey li:before{top:12px}.journey-number{font-size:29px}
}
@media(max-width:600px){
  .intelligence-layout{gap:29px}
  .platform-heading{gap:18px;margin-bottom:26px}.platform-grid{grid-template-columns:1fr}.platform-detail{padding:0}.project-story{margin-top:0}
  .industries-layout{gap:21px}
  .journey{gap:25px}.journey li:before{top:10px}
}
/* 1.4.0 — header button at 12px (accessibility minimum): keep it on one line on very narrow screens */
@media(max-width:600px){.header-actions .button{white-space:nowrap}}
@media(max-width:359px){.header-inner{gap:8px}.header-actions{gap:6px}.header-actions .button{padding-inline:7px}.brand{font-size:15px}}
/* 1.4.0-alpha.3 — offer: trial note, price hint and mobile menu actions (only rendered when released) */
.hero-note{margin-top:12px;font-size:14px;line-height:1.5;color:var(--text-secondary)}
.hero-price{margin-top:14px}
.hero-price .text-link{font-size:14px;color:var(--blue-hover)}
.cta-note{margin:2px 0 0;font-size:13px;line-height:1.5;color:#c5d1e5;text-align:center}
.mobile-nav-cta{display:grid;gap:10px;margin-top:14px;padding-top:18px;border-top:1px solid var(--border)}
.mobile-nav .mobile-nav-cta .button{display:flex;padding:11px 21px}
/* 1.4.0-alpha.3 — pricing page */
.pricing-offer{align-items:start}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:22px}
.pricing-panel .price{margin-top:22px}
.price-amount{font-size:52px;line-height:1;font-weight:640;letter-spacing:-.03em;color:var(--navy)}
.price-unit{font-size:15px;color:var(--text-secondary)}
.pricing-panel .price-alt{margin-top:10px;font-size:15px;color:var(--text-secondary)}
.price-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pricing-panel .price-note{margin-top:12px;font-size:14px;line-height:1.5;color:var(--text-secondary)}
.pricing-facts{margin-top:26px;display:grid;grid-template-columns:150px 1fr;gap:14px 24px}
.pricing-facts dt{font-weight:var(--weight-heading);color:var(--navy);font-size:15px}
.pricing-facts dd{margin:0;font-size:15px;line-height:1.65;color:var(--text-secondary)}
.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px;margin:34px 0 0}
.feature-list li{font-size:16px;align-items:flex-start}
.feature-list .v-icon{margin-top:3px}
.faq-list{display:grid;gap:12px;margin-top:34px;max-width:860px}
.faq-list details{border:1px solid var(--border);border-radius:var(--radius-m);background:#fff}
.faq-list summary{cursor:pointer;padding:18px 22px;font-weight:var(--weight-heading);color:var(--navy);font-size:17px;list-style-position:inside}
.faq-list summary:focus-visible{outline-offset:2px}
.faq-list details p{padding:0 22px 20px;font-size:16px;line-height:1.7}
@media(max-width:850px){.pricing-facts{grid-template-columns:1fr;gap:4px}.pricing-facts dd{margin-bottom:12px}.feature-list{grid-template-columns:1fr}}
@media(max-width:600px){.price-amount{font-size:44px}.price-actions .button{width:100%}.faq-list summary{padding:16px 18px;font-size:16px}.faq-list details p{padding:0 18px 18px;font-size:15px}}
/* 1.4.0-alpha.3 — home: "So starten Sie" (released trial only), demo page trial hint */
.start-section{background:linear-gradient(180deg,#f3f7fc,#fff)}
.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px;counter-reset:none}
.start-steps li{padding:30px 30px 32px;border:1px solid var(--border);border-radius:var(--radius-m);background:#fff;box-shadow:var(--shadow-s)}
.start-number{display:block;font-size:28px;font-weight:600;color:#6e88ae;margin-bottom:18px}
.start-steps h3{font-size:20px;line-height:1.3}
.start-steps p{margin-top:10px;font-size:16px;line-height:1.65}
.start-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.start-price{margin-top:18px;font-size:15px;color:var(--text-secondary)}
.start-price .text-link{margin-left:6px;font-size:15px}
.demo-trial{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
@media(max-width:850px){.start-steps{grid-template-columns:1fr;gap:16px}.start-steps li{padding:24px}}
@media(max-width:600px){.start-actions .button{width:100%}.start-number{font-size:24px;margin-bottom:12px}}
/* 1.4.0-alpha.3 — contact form: note on required fields */
.form-required-note{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--text-secondary)}
/* 1.4.0-alpha.4 — real app screenshots: annotation pins on "Heute priorisieren", narrow window for dialogs */
.screen-pin{transform:translate(-50%,-50%)}
.pin-risk{left:41%;top:33.8%}
.pin-next{left:45%;top:44.5%}
.pin-priority{left:24.5%;top:28.8%}
.product-narrow{width:100%;max-width:540px;justify-self:center}
@media(max-width:600px){.product-narrow .product-scroll .product-open,.product-narrow .product-scroll img{width:100%}.product-narrow .window-caption{display:none}}
.customer-crop img{width:540px;transform:translate(-6px,12px)}
.project-crop img{width:860px;transform:translate(-12px,-197px)}
@media(max-width:600px){.customer-crop img{width:500px;transform:translate(-6px,8px)}.project-crop img{width:820px;transform:translate(-11px,-188px)}}
/* 1.4.0-alpha.5 — hero laptop: separate "Produktansicht vergrößern" link is the keyboard path (image link out of tab order) */
.laptop:hover .image-expand,.laptop .image-expand:focus-visible{opacity:1}
@media(max-width:600px){.laptop .image-expand{display:flex}.laptop:hover .image-expand{opacity:0}.laptop .image-expand:focus-visible{opacity:1}}

/* 1.4.0-alpha.6 — Landing pages: existing components; two-column cards, rule list, steps, further reading */
.detail-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.landing .section-heading+.detail-grid{margin-top:38px}
.landing-flow{margin-top:38px}
.landing-rules{margin-top:var(--space-9);align-items:center}
.landing-rules .check-list{display:grid;gap:14px}
.landing-rules .check-list li{align-items:flex-start}
.landing-rules .check-list .v-icon{margin-top:4px}
.landing-steps{margin-top:var(--space-9)}
.landing-note{margin-top:28px;max-width:780px;font-size:15px;line-height:1.7;color:var(--text-secondary)}
.landing-links{display:grid;gap:14px;padding-bottom:var(--space-9)}
.landing-links div{display:flex;flex-wrap:wrap;gap:12px 32px}
@media(max-width:600px){.detail-grid.two-columns{grid-template-columns:1fr}.page-hero .hero-actions .button{width:100%}}
/* 1.5.0 Pilotprogramm: Fangfeld des Pilotformulars außerhalb des sichtbaren Bereichs (nicht fokussierbar, aria-hidden), Vorschauhinweis für Redakteure */
.vencito-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.pilot-preview{margin:24px 0 0;padding:12px 16px;border:1px solid #e9c46a;border-radius:var(--radius-s);background:#fff8e6;font-size:14px;line-height:1.55;color:var(--navy)}
@media(max-width:359px){.header-actions .cta-extra{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}