:root {
  --ink: #132a2b;
  --ink-2: #1b3838;
  --paper: #f3f6f4;
  --white: #fff;
  --accent: #ff7849;
  --accent-dark: #e85f32;
  --mint: #cfe4dc;
  --muted: #637371;
  --line: #d6ddda;
  --shadow: 0 24px 70px rgba(16, 42, 43, .14);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.site-header {
  height: 82px;
  padding: 0 clamp(24px, 5vw, 78px);
  display: flex;
  align-items: center;
  gap: 40px;
  border-bottom: 1px solid rgba(19, 42, 43, .11);
  background: rgba(246, 243, 237, .9);
  backdrop-filter: blur(14px);
  position: sticky;
  top: 0;
  z-index: 50;
}
.brand { display: inline-flex; align-items: center; gap: 11px; font: 800 22px/1 "Manrope", sans-serif; letter-spacing: -.7px; white-space: nowrap; }
.brand > span:last-child > span { color: var(--accent); }
.brand-mark { width: 34px; height: 34px; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding: 7px; background: var(--ink); border-radius: 8px 8px 12px 8px; transform: rotate(-2deg); }
.brand-mark > span { display: block; width: 5px; background: var(--paper); border-radius: 2px; }
.brand-mark > span:nth-child(1) { height: 12px; transform: skew(-9deg); }
.brand-mark > span:nth-child(2) { height: 18px; }
.brand-mark > span:nth-child(3) { height: 14px; transform: skew(9deg); }
.navigation { display: flex; gap: clamp(20px, 2.5vw, 38px); margin-left: auto; }
.navigation a { font-weight: 600; font-size: 14px; color: #425656; transition: color .2s; }
.navigation a:hover { color: var(--accent-dark); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 16px; min-height: 54px; padding: 0 25px; border: 0; border-radius: 7px; color: white; background: var(--accent); box-shadow: 0 10px 24px rgba(232, 95, 50, .23); font-weight: 700; cursor: pointer; transition: transform .2s, background .2s; }
.button:hover { transform: translateY(-2px); background: var(--accent-dark); }
.button-small { min-height: 43px; padding: 0 19px; font-size: 14px; }
.menu-button { display: none; }
.section { padding: 110px clamp(24px, 6vw, 96px); }
.hero { min-height: 750px; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(42px, 6vw, 96px); overflow: hidden; background-image: radial-gradient(circle at 10% 20%, rgba(207, 228, 220, .55), transparent 28%), linear-gradient(rgba(19,42,43,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(19,42,43,.035) 1px, transparent 1px); background-size: auto, 34px 34px, 34px 34px; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--accent-dark); font-size: 12px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; }
.eyebrow > span { width: 23px; height: 2px; background: currentColor; }
h1, h2, h3 { font-family: "Manrope", sans-serif; margin: 0; line-height: 1.08; letter-spacing: -2px; }
h1 { margin-top: 22px; font-size: clamp(52px, 5.4vw, 82px); font-weight: 800; }
h1 em, h2 em { color: var(--accent); font-style: normal; }
.hero-text { max-width: 590px; margin: 27px 0 0; color: #4d6060; font-size: clamp(18px, 1.45vw, 22px); line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 35px; }
.text-link { font-weight: 700; border-bottom: 1px solid #9da5a2; padding: 6px 0; }
.text-link span { margin-left: 8px; color: var(--accent); }
.trust-line { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 34px; color: #657473; font-size: 12px; font-weight: 600; }
.trust-line span::first-letter { color: var(--accent); }
.hero-visual { position: relative; min-width: 0; padding: 56px 0; }
.visual-glow { position: absolute; width: 75%; aspect-ratio: 1; border-radius: 50%; background: #d4e7df; filter: blur(1px); top: 4%; right: 4%; }
.app-window { position: relative; z-index: 2; width: min(760px, 100%); margin-left: auto; background: white; border: 1px solid rgba(19,42,43,.13); border-radius: 14px; box-shadow: var(--shadow); overflow: hidden; transform: perspective(1400px) rotateY(-3deg) rotateX(1deg); }
.actual-product-shot{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left}.app-window>.window-bar,.app-window>.app-layout{display:none}
.window-bar { height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid #e7e9e6; font-size: 10px; color: #7d8888; }
.window-dots { display: flex; gap: 5px; }.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d4d7d4; }
.avatar { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; background: var(--ink); color: white; font-size: 8px; font-weight: 700; }
.app-layout { display: grid; grid-template-columns: 58px 1fr; min-height: 410px; }
.app-sidebar { padding: 14px; background: var(--ink); display: flex; flex-direction: column; align-items: center; gap: 21px; }
.brand-mark.mini { width: 27px; height: 27px; padding: 5px; background: rgba(255,255,255,.1); }
.brand-mark.mini > span { width: 4px; background: white; }
.app-sidebar > i { width: 18px; height: 18px; border-radius: 5px; border: 1px solid rgba(255,255,255,.3); }
.app-sidebar > i.active { background: var(--accent); border-color: var(--accent); box-shadow: 0 0 0 5px rgba(255,120,73,.13); }
.app-content { padding: 27px; min-width: 0; background: #fafaf8; }
.dashboard-head { display: flex; justify-content: space-between; align-items: center; }
.dashboard-head small, .dashboard-head strong { display: block; }.dashboard-head small { color: #8b9695; font-size: 9px; }.dashboard-head strong { font: 700 17px "Manrope"; letter-spacing: -.5px; margin-top: 3px; }
.dashboard-head button { border: 0; border-radius: 5px; color: white; background: var(--accent); padding: 8px 12px; font-size: 9px; font-weight: 700; }
.metric-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 24px; }
.metric { padding: 13px; border: 1px solid #e5e7e4; border-radius: 8px; background: white; }
.metric small, .metric b, .metric span { display: block; }.metric small { color: #82908f; font-size: 8px; }.metric b { margin: 7px 0 3px; font: 700 17px "Manrope"; }.metric span { color: #84908f; font-size: 8px; }.metric .positive { color: #29906d; }.metric.accent { background: var(--ink); color: white; border-color: var(--ink); }.metric.accent small,.metric.accent span { color: #b8c7c4; }
.dashboard-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 10px; margin-top: 11px; }
.panel { padding: 14px; border: 1px solid #e5e7e4; border-radius: 8px; background: white; }
.panel-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; font-size: 8px; }.panel-title b { font-size: 10px; }.panel-title span { color: var(--accent-dark); }
.project-row { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 9px; padding: 9px 0; border-top: 1px solid #eff0ee; }
.project-row .status { width: 6px; height: 6px; border-radius: 50%; }.green{background:#47ad80}.orange{background:#f3a15e}.blue{background:#5d90c9}
.project-row b,.project-row small { display:block; }.project-row b { font-size: 8px; }.project-row small { color:#899492; font-size:7px; }.project-row em { font-size:7px; font-style:normal; color:#6e7c7b; }
.chart { height: 118px; display:flex; align-items:flex-end; justify-content:space-around; gap:7px; border-bottom:1px solid #e8e9e6; background: repeating-linear-gradient(to bottom,#fff 0,#fff 28px,#eff0ee 29px); }
.chart span { flex:1; max-width:18px; border-radius:4px 4px 0 0; background:#c9dbd6; }.chart span.current{background:var(--accent)}
.chart-labels { display:flex; justify-content:space-around; margin-top:7px; color:#929b9a; font-size:6px; }
.floating-card { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:9px; background:white; box-shadow:0 14px 35px rgba(19,42,43,.16); font-size:9px; }
.floating-card small,.floating-card b { display:block; }.floating-card small{color:#85908f}.floating-card b{font-size:10px}.float-one{left:-5%;bottom:10%}.float-two{right:-3%;top:4%}
.float-icon { width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#dceee6;color:#29805f;font-weight:800}.float-icon.euro{background:#ffe4d9;color:var(--accent-dark)}
.flow-strip { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:clamp(12px,2vw,30px); padding:24px; background:var(--ink); color:white; font:700 clamp(11px,1vw,14px) "Manrope"; text-transform:uppercase; letter-spacing:1px; }.flow-strip i{color:var(--accent);font-style:normal}
.video-section{background:#ebe8e1}.video-section .section-intro{margin:0 auto}.video-frame{max-width:1120px;margin:48px auto 0;padding:10px;border-radius:16px;background:var(--ink);box-shadow:var(--shadow)}.video-frame video{display:block;width:100%;aspect-ratio:16/9;border-radius:9px;background:#102626}
.problem-section { background: #fff; }
.section-intro { max-width: 780px; }
.section-intro h2, .workflow-copy h2, .cta-copy h2 { margin-top: 18px; font-size: clamp(39px, 4.3vw, 64px); }
.section-intro p { max-width: 650px; color:var(--muted); font-size:18px; }
.feature-grid { margin-top:60px; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.feature-card { min-height:390px; position:relative; overflow:hidden; padding:38px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.feature-card h3 { margin:16px 0 13px; font-size:26px; letter-spacing:-1px; }.feature-card p{max-width:480px;color:var(--muted)}.feature-card ul{padding:0;list-style:none}.feature-card li{margin:8px 0;font-size:14px;font-weight:600}.feature-card li::before{content:"✓";margin-right:9px;color:var(--accent)}
.feature-number { position:absolute;top:25px;right:28px;color:#a4aeaa;font:700 11px "Manrope"; }
.feature-icon { width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:var(--ink);color:white;font-size:20px;font-weight:700}
.feature-large { grid-column:span 2; min-height:430px; display:grid; grid-template-columns:.75fr 1.25fr; gap:55px; align-items:center; }
.mini-ui { width:100%; max-width:530px; justify-self:end; padding:25px; background:white;border-radius:11px;border:1px solid #e0e3de;box-shadow:0 20px 45px rgba(19,42,43,.09);transform:rotate(1.5deg)}
.mini-ui-head{display:flex;justify-content:space-between;font-size:13px}.mini-ui-head span{padding:3px 8px;border-radius:20px;background:#dceddf;color:#277254;font-size:9px;font-weight:700}.timeline{display:flex;justify-content:space-between;margin:35px 8px;position:relative}.timeline::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:#dfe3de}.timeline i{z-index:1;width:14px;height:14px;border-radius:50%;background:#dfe3de;border:3px solid white;box-shadow:0 0 0 1px #d5d9d4}.timeline i.done{background:#5ba27f}.timeline i.active{background:var(--accent);box-shadow:0 0 0 4px #ffe2d8}
.ui-line{height:8px;width:60%;border-radius:4px;background:#e7e9e6;margin:11px 0}.ui-line.wide{width:88%}.ui-people{display:flex;margin-top:25px}.ui-people span{width:31px;height:31px;margin-right:-6px;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:var(--ink);color:white;font-size:8px}.ui-people span:nth-child(2){background:#607a78}.ui-people span:nth-child(3){background:var(--accent)}
.document-stack{position:absolute;left:38px;right:38px;bottom:32px;height:125px}.document-stack i,.document-stack span{position:absolute;inset:0;border:1px solid #dfe1dd;border-radius:9px;background:white}.document-stack i:nth-child(1){transform:rotate(-4deg)}.document-stack i:nth-child(2){transform:rotate(3deg)}.document-stack span{padding:30px;box-shadow:0 12px 30px rgba(19,42,43,.08)}.document-stack b,.document-stack small{display:block}.document-stack small{margin-top:12px;color:var(--accent-dark);font-size:18px;font-weight:700}
.dark-card{background:var(--ink);color:white;border-color:var(--ink)}.dark-card p{color:#b8c5c2}.dark-card .feature-number{color:#708381}.dark-card .feature-icon{background:var(--accent)}.week-ui{position:absolute;left:38px;right:38px;bottom:37px;height:115px;padding:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;background:#24403f;border-radius:9px}.week-ui span{color:#9eb1ae;font-size:8px;text-align:center}.week-ui i{height:42px;border-radius:4px;background:#40615e}.week-ui i:nth-of-type(1){grid-column:1/3;background:var(--accent)}.week-ui i:nth-of-type(2){grid-column:3/5;background:#5f8780}.week-ui i:nth-of-type(3){grid-column:2/4;background:#d2b46b}.week-ui i:nth-of-type(4){background:#4d706c}
.wide-card{grid-column:span 2;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:60px}.finance-ui{padding:25px;background:white;border-radius:11px;border:1px solid #e1e3df}.finance-ui small,.finance-ui b,.finance-ui span{display:block}.finance-ui small{color:#879290;font-size:10px}.finance-ui b{font:700 27px "Manrope";margin:4px 0}.finance-ui span{color:#29906d;font-size:10px}.finance-ui svg{display:block;width:100%;margin-top:10px}
.workflow-section { display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;background:var(--ink);color:white; }
.eyebrow.light { color:#ff9b78 }.workflow-copy p{color:#b7c5c2;font-size:18px;max-width:530px;margin:25px 0 35px}.button-light{background:white;color:var(--ink);box-shadow:none}.button-light:hover{background:#f3eee7}
.workflow-list{list-style:none;padding:0;margin:0}.workflow-list li{display:grid;grid-template-columns:46px 1fr 28px;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.13)}.workflow-list li>span{color:var(--accent);font:700 12px "Manrope"}.workflow-list b,.workflow-list small{display:block}.workflow-list b{font:700 18px "Manrope"}.workflow-list small{color:#9fb0ad}.workflow-list i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(255,120,73,.14);color:var(--accent);font-style:normal;font-size:11px}
.roles-section{background:#f3f0ea}.centered{text-align:center;margin:0 auto}.centered .eyebrow{justify-content:center}.centered p{margin-left:auto;margin-right:auto}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border:1px solid var(--line);background:white}.role{min-height:310px;padding:32px;border-right:1px solid var(--line);display:flex;flex-direction:column}.role:last-child{border:0}.role>span{color:var(--accent-dark);font-size:11px;font-weight:800}.role h3{margin:35px 0 15px;font-size:21px;letter-spacing:-.7px}.role p{color:var(--muted);font-size:14px}.role b{margin-top:auto;font-size:12px}.role.featured{background:#e8efe9}
.cta-section{padding:90px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:center;background:var(--accent);color:white}.cta-copy .eyebrow{color:#ffe1d6}.cta-copy h2 em{color:var(--ink)}.cta-copy p{max-width:620px;font-size:18px;color:#fff0e9}
.demo-form{padding:31px;border-radius:12px;background:var(--ink);box-shadow:0 25px 50px rgba(97,35,15,.22)}.demo-form label{display:block;margin-bottom:14px;color:#d7e0de;font-size:11px;font-weight:700}.demo-form input{width:100%;height:45px;margin-top:5px;padding:0 13px;border:1px solid #48605f;border-radius:6px;background:#203b3b;color:white;outline:none}.demo-form input:focus{border-color:var(--accent)}.demo-form .button{width:100%;margin-top:7px}.demo-form>small{display:block;margin-top:12px;text-align:center;color:#91a4a1;font-size:9px}.form-message{text-align:center;margin:12px 0 0;color:#ffd5c6;font-size:12px}
footer{min-height:130px;padding:30px clamp(24px,6vw,96px);display:flex;align-items:center;gap:30px;background:#102626;color:white}footer p{color:#8fa3a0;font-size:12px}footer>div{display:flex;gap:24px;margin-left:auto;color:#8fa3a0;font-size:11px}.footer-brand .brand-mark{background:rgba(255,255,255,.1)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}

@media (max-width: 1050px) {
  .navigation{display:none;position:absolute;left:20px;right:20px;top:74px;padding:20px;flex-direction:column;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.navigation.open{display:flex}.menu-button{display:flex;margin-left:auto;width:38px;height:38px;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-button>span:not(.sr-only){width:20px;height:2px;background:var(--ink)}.header-cta{display:none}
  .hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{max-width:760px}.hero-visual{width:92%;margin:0 auto}.workflow-section{grid-template-columns:1fr;gap:50px}.role-grid{grid-template-columns:repeat(2,1fr)}.role:nth-child(2){border-right:0}.role{border-bottom:1px solid var(--line)}.cta-section{grid-template-columns:1fr}.demo-form{max-width:600px}
}
@media (max-width: 700px) {
  .site-header{height:70px;padding:0 20px}.section{padding:78px 22px}.hero{padding-top:65px;min-height:0}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.trust-line{flex-direction:column}.hero-visual{width:115%;margin-left:0;padding-bottom:20px}.app-window{transform:none}.app-layout{grid-template-columns:42px 1fr;min-height:300px}.app-sidebar{padding:10px 7px;gap:15px}.app-sidebar>i{width:14px;height:14px}.app-content{padding:16px}.metric-grid{grid-template-columns:1fr 1fr}.metric:nth-child(3){display:none}.dashboard-grid{grid-template-columns:1fr}.chart-panel{display:none}.float-two{right:0}.float-one{left:0;bottom:-3%}
  .flow-strip{gap:10px;font-size:9px}.flow-strip i:nth-of-type(3),.flow-strip i:nth-of-type(4),.flow-strip i:nth-of-type(5),.flow-strip span:nth-of-type(4),.flow-strip span:nth-of-type(5),.flow-strip span:nth-of-type(6){display:none}
  .feature-grid{grid-template-columns:1fr}.feature-large,.wide-card{grid-column:auto;grid-template-columns:1fr;gap:25px}.feature-card{padding:28px;min-height:370px}.mini-ui{transform:none}.role-grid{grid-template-columns:1fr}.role{border-right:0}.cta-section{padding:75px 22px;gap:45px}footer{align-items:flex-start;flex-direction:column}footer>div{margin:0;flex-wrap:wrap}
}

/* Public sales experience */
button,
input,
select,
textarea { font: inherit; }

button,
a,
input,
select,
textarea { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 3px solid #ff9b78;
  outline-offset: 3px;
}

[data-sales-mode="LOADING"] [data-mode-visible] { display: none !important; }

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 200;
  padding: 10px 14px;
  border-radius: 6px;
  color: var(--white);
  background: var(--ink);
  transform: translateY(-160%);
}

.skip-link:focus { transform: none; }

.site-header {
  height: 76px;
  padding: 0 max(24px, calc((100vw - 1360px) / 2));
  gap: 34px;
  border-color: #dfe5e2;
  background: rgba(255, 255, 255, .96);
}

.navigation { align-items: center; }
.navigation a { color: #405452; }
.navigation a[aria-current="page"] { color: var(--accent-dark); }
.menu-button svg { width: 22px; height: 22px; }

.button,
.secondary-button {
  min-height: 48px;
  border-radius: 6px;
  letter-spacing: 0;
}

.button svg,
.secondary-button svg,
.text-link svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.button:disabled {
  cursor: wait;
  opacity: .62;
  transform: none;
}

.secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 17px;
  border: 1px solid #bcc8c4;
  color: var(--ink);
  background: var(--white);
  font-weight: 750;
  cursor: pointer;
}

.secondary-button:hover { border-color: var(--ink); }
.button-quiet-on-dark {
  border: 1px solid rgba(255, 255, 255, .42);
  color: var(--white);
  background: rgba(19, 42, 43, .72);
  box-shadow: none;
}
.button-quiet-on-dark:hover { background: var(--ink-2); }

.eyebrow {
  margin: 0;
  letter-spacing: 0;
}

.sales-hero {
  position: relative;
  height: calc(100svh - 92px);
  min-height: 680px;
  max-height: 780px;
  overflow: hidden;
  color: var(--white);
  background: var(--ink);
}

.sales-hero::after {
  content: "";
  position: absolute;
  inset: 0 46% 0 0;
  z-index: 1;
  background: rgba(16, 39, 38, .97);
}

.sales-hero-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.sales-hero-content {
  position: relative;
  z-index: 2;
  width: min(100%, 1360px);
  height: 100%;
  margin: 0 auto;
  padding: 64px max(24px, calc((100vw - 1360px) / 2));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.sales-hero-content > * { max-width: 620px; }
.sales-availability {
  min-height: 32px;
  margin: 0 0 28px;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 16px;
  color: #d9e5e1;
  background: rgba(255, 255, 255, .08);
  font-size: 12px;
  font-weight: 750;
}

.status-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #f4bd4f;
  box-shadow: 0 0 0 4px rgba(244, 189, 79, .13);
}

[data-sales-mode="READY"] .status-dot,
[data-sales-mode="LIVE"] .status-dot { background: #49b886; }
[data-sales-mode="PAUSED"] .status-dot { background: #ff8b68; }

.sales-hero h1 {
  max-width: none;
  margin: 18px 0 0;
  color: var(--white);
  font-size: 82px;
  line-height: .98;
  letter-spacing: 0;
}

.sales-hero-lead {
  margin: 14px 0 0;
  color: #ff9b78;
  font-size: 30px;
  font-weight: 760;
  line-height: 1.2;
}

.sales-hero-copy {
  margin: 22px 0 0;
  color: #c9d5d2;
  font-size: 18px;
  line-height: 1.65;
}

.sales-hero .hero-actions { margin-top: 30px; }
.sales-status-note {
  margin: 22px 0 0;
  color: #91a5a1;
  font-size: 12px;
}

.sales-hero-caption {
  position: absolute;
  right: 20px;
  bottom: 18px;
  z-index: 2;
  margin: 0;
  padding: 6px 9px;
  border-radius: 4px;
  color: #e9efed;
  background: rgba(16, 39, 38, .86);
  font-size: 10px;
}

.process-rail {
  min-height: 78px;
  padding: 20px max(24px, calc((100vw - 1220px) / 2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--line);
  background: var(--white);
}

.process-rail span {
  color: #405351;
  font-size: 13px;
  font-weight: 780;
}

.process-rail svg { width: 16px; color: var(--accent); }

.product-showcase,
.business-value,
.audience-section {
  padding: 104px max(24px, calc((100vw - 1240px) / 2));
}

.product-showcase { background: #edf2ef; }
.section-heading { max-width: 790px; }
.section-heading h2,
.sales-contact h2,
.workflow-band h2 {
  margin: 15px 0 0;
  font-size: 46px;
  line-height: 1.08;
  letter-spacing: 0;
}

.section-heading > p:last-child {
  max-width: 690px;
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 17px;
}

.product-tabs {
  margin-top: 44px;
  display: flex;
  gap: 7px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.product-tabs button {
  min-width: max-content;
  min-height: 46px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #cbd5d1;
  border-radius: 6px;
  color: #526360;
  background: var(--white);
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}

.product-tabs button svg { width: 16px; height: 16px; }
.product-tabs button.active {
  border-color: var(--ink);
  color: var(--white);
  background: var(--ink);
}

.product-stage {
  margin: 16px 0 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  overflow: hidden;
  border: 1px solid #cbd5d1;
  border-radius: 8px;
  background: var(--ink);
  box-shadow: 0 24px 55px rgba(19, 42, 43, .12);
}

.product-stage > img {
  width: 100%;
  aspect-ratio: 16 / 10;
  display: block;
  object-fit: cover;
  object-position: top left;
  background: #f8faf9;
}

.product-stage figcaption {
  padding: 31px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: var(--white);
}

.product-stage figcaption > span {
  color: #ff9b78;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.product-stage figcaption strong {
  margin-top: 10px;
  font-size: 24px;
  line-height: 1.2;
}

.product-stage figcaption p {
  margin: 14px 0 24px;
  color: #b8c8c4;
  font-size: 13px;
}

.product-stage figcaption a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--white);
  font-size: 12px;
  font-weight: 760;
}
.product-stage figcaption a svg { width: 16px; }

.business-value { background: var(--white); }
.value-grid {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.value-grid article {
  min-height: 300px;
  padding: 30px 26px 32px;
  border-right: 1px solid var(--line);
}
.value-grid article:last-child { border-right: 0; }
.value-grid article > svg {
  width: 31px;
  height: 31px;
  color: var(--accent-dark);
}
.value-grid article > span {
  display: block;
  margin-top: 38px;
  color: #8b9996;
  font-size: 10px;
  font-weight: 800;
}
.value-grid h3 {
  margin: 13px 0 0;
  font-size: 21px;
  letter-spacing: 0;
}
.value-grid p { color: var(--muted); font-size: 14px; }

.workflow-band {
  padding: 100px max(24px, calc((100vw - 1200px) / 2));
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  align-items: start;
  gap: 90px;
  color: var(--white);
  background: var(--ink);
}

.workflow-band-copy > p:not(.eyebrow) {
  margin: 22px 0 30px;
  color: #b5c5c1;
  font-size: 17px;
}

.workflow-steps { margin: 0; padding: 0; list-style: none; }
.workflow-steps li {
  min-height: 78px;
  display: grid;
  grid-template-columns: 46px 1fr;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.workflow-steps li:first-child { border-top: 1px solid rgba(255, 255, 255, .14); }
.workflow-steps li > span { color: #ff9b78; font-size: 11px; font-weight: 800; }
.workflow-steps strong,
.workflow-steps small { display: block; }
.workflow-steps strong { font-size: 16px; }
.workflow-steps small { margin-top: 3px; color: #91a5a1; }

.audience-section { background: #f7f9f8; }
.audience-grid {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--line);
  background: var(--white);
}
.audience-grid article {
  min-height: 250px;
  padding: 30px;
  border-right: 1px solid var(--line);
}
.audience-grid article:last-child { border-right: 0; }
.audience-grid span { color: var(--accent-dark); font-size: 11px; font-weight: 800; }
.audience-grid h3 { margin: 35px 0 0; font-size: 22px; letter-spacing: 0; }
.audience-grid p { color: var(--muted); font-size: 14px; }

.sales-contact {
  padding: 96px max(24px, calc((100vw - 1120px) / 2));
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 80px;
  background: #e6f0ec;
}
.sales-contact-copy > div > p:not(.eyebrow) { margin-top: 20px; color: #526461; font-size: 17px; }
.plain-checks { margin: 25px 0 0; padding: 0; list-style: none; }
.plain-checks li { margin: 10px 0; display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 680; }
.plain-checks svg { width: 17px; color: #278163; }
.inline-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 24px; }

.preregistration-form {
  padding: 30px;
  display: grid;
  gap: 14px;
  border: 1px solid #ced8d4;
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 20px 45px rgba(19, 42, 43, .08);
}

.field-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.field {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #3f5150;
  font-size: 12px;
  font-weight: 740;
}

.field input,
.field select,
.field textarea {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  border: 1px solid #c6d0cc;
  border-radius: 5px;
  color: var(--ink);
  background: var(--white);
  outline: none;
  font-weight: 500;
}

.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: var(--accent-dark);
  box-shadow: 0 0 0 3px rgba(255, 120, 73, .15);
}

.check-row {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  color: #4c5e5b;
  font-size: 12px;
}
.check-row input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--accent-dark); }
.check-row a { color: #b14c2b; text-decoration: underline; text-underline-offset: 2px; }
.compact-check { padding: 5px 0; border: 0; }
.preregistration-form .button { width: 100%; }
.preregistration-form > small { color: #758481; text-align: center; font-size: 10px; }
.form-message { min-height: 18px; margin: 0; color: #526461; font-size: 12px; }
.form-message.is-error { color: #a73e30; }
.form-message.is-success { color: #207357; font-weight: 700; }
.noscript-note {
  margin: 20px 0 0;
  padding: 14px;
  border-left: 3px solid var(--accent);
  color: #5b6967;
  background: var(--white);
}

footer {
  min-height: 142px;
  padding: 32px max(24px, calc((100vw - 1360px) / 2));
  gap: 26px;
}
footer > div { justify-content: flex-end; flex-wrap: wrap; row-gap: 8px; }
footer a:hover { color: var(--white); }

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1050px) {
  .site-header { padding: 0 24px; }
  .navigation {
    top: 68px;
    left: 18px;
    right: 18px;
    padding: 16px;
    align-items: stretch;
    border-radius: 8px;
  }
  .navigation a { min-height: 42px; display: flex; align-items: center; }
  .menu-button {
    width: 42px;
    height: 42px;
    color: var(--ink);
  }
  .sales-hero::after { right: 34%; }
  .sales-hero-content > * { max-width: 560px; }
  .product-stage { grid-template-columns: 1fr; }
  .product-stage figcaption { min-height: 230px; }
  .value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .value-grid article:nth-child(2) { border-right: 0; }
  .value-grid article:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .workflow-band { grid-template-columns: 1fr; gap: 55px; }
  .sales-contact { grid-template-columns: 1fr; gap: 45px; }
  .sales-contact-copy { max-width: 720px; }
  .preregistration-form { max-width: 720px; }
  footer { align-items: flex-start; flex-direction: column; }
  footer > div { margin-left: 0; justify-content: flex-start; }
}

@media (max-width: 760px) {
  .sales-hero {
    height: auto;
    min-height: 700px;
    max-height: none;
  }
  .sales-hero::after { inset: 0; background: rgba(16, 39, 38, .88); }
  .sales-hero-media { object-position: top left; }
  .sales-hero-content { min-height: 700px; padding: 62px 22px; }
  .sales-hero h1 { font-size: 52px; }
  .sales-hero-lead { font-size: 25px; }
  .sales-hero-copy { font-size: 16px; }
  .sales-hero .hero-actions { width: 100%; align-items: stretch; }
  .sales-hero .hero-actions .button { width: 100%; }
  .sales-hero-caption { right: 12px; bottom: 10px; }
  .process-rail { justify-content: flex-start; overflow-x: auto; }
  .process-rail span { min-width: max-content; }
  .product-showcase,
  .business-value,
  .audience-section { padding: 76px 20px; }
  .section-heading h2,
  .sales-contact h2,
  .workflow-band h2 { font-size: 34px; }
  .product-tabs { margin-right: -20px; padding-right: 20px; }
  .product-stage figcaption { min-height: 250px; padding: 25px; }
  .value-grid,
  .audience-grid { grid-template-columns: 1fr; }
  .value-grid article,
  .audience-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .value-grid article:last-child,
  .audience-grid article:last-child { border-bottom: 0; }
  .workflow-band { padding: 76px 20px; }
  .sales-contact { padding: 76px 20px; }
  .field-row { grid-template-columns: 1fr; }
  .preregistration-form { padding: 22px; }
  footer { padding: 34px 22px; }
  footer > div { gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none} }

/* Lokaler Entwurf: keine externen Fonts, keine dekorativen Verlaeufe oder Orbs. */
.brand,
h1,
h2,
h3,
.dashboard-head strong,
.metric b,
.flow-strip,
.feature-card h3,
.workflow-list b,
.price b {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}
.hero,
.sub-hero { background-image: none; }
.visual-glow { display: none; }
.app-window,
.feature-card,
.video-frame,
.mini-ui,
.finance-ui,
.role-grid,
.demo-form { border-radius: 8px; }
h1 { font-size: 68px; }
.section-intro h2,
.workflow-copy h2,
.cta-copy h2 { font-size: 52px; }
.hero-text { font-size: 20px; }
.local-check {
  display: grid !important;
  grid-template-columns: 18px 1fr;
  align-items: start;
  gap: 8px;
  color: #d7e0de;
  font-size: 11px;
}
.local-check input { width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: var(--accent); }
.reveal { opacity: 1; transform: none; transition: none; }
@media (max-width: 700px) {
  h1 { font-size: 42px; }
  .section-intro h2,
  .workflow-copy h2,
  .cta-copy h2 { font-size: 36px; }
  .hero-text { font-size: 18px; }
}

/* Keep reveal behavior after legacy prototype overrides. */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}
.reveal.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}