/* A quieter, practical visual language for the Mittelstand. */
.v17 {
  --ink: #142c3a;
  --blue: #275d62;
  --yellow: #b9d3c9;
  --paper: #f3f2ed;
  --white: #fffefa;
  --line: #d7e0dc;
  --muted: #53666b;
  background: #142c3a;
  color: #fffefa;
}
.v17 :focus-visible { outline: 3px solid #6da69a; outline-offset: 4px; }
.v17 .main-header { background: #142c3a; border-bottom: 1px solid #ffffff24; }
.v17 .main-header .brand small, .v17 .main-header .desktop-nav .nav-cta { color: #bdd8ce; }
.v17 .main-header .desktop-nav .nav-cta { border-color: #bdd8ce; }
.v17 .main-header .desktop-nav a:hover { color: #bdd8ce; }
.v17 #mobile-nav { background: #142c3a; border-color: #a6c8bc; }
.v17 #mobile-nav a:last-child { color: #bdd8ce; }
.v17 .button, .v17 .button-yellow, .v17 .button-ink, .v17 .button-navy { background: #b9d3c9; border: 1px solid #b9d3c9; color: #142c3a; box-shadow: none; transform: none; border-radius: 4px; font-weight: 700; }
.v17 .button:hover { background: #d3e4dd; border-color: #d3e4dd; color: #142c3a; box-shadow: none; transform: none; }
.v17 .eyebrow { letter-spacing: .09em; }
.v17 .site-footer { border-top: 1px solid #ffffff29; }
.v17 .site-footer > p, .v17 .site-footer a { color: #cfddd8; }

/* Opening: let the person and the proposition carry the page. */
.v17.atmosphere-home .opening { gap: 0 clamp(36px, 6vw, 90px); padding-top: 64px; }
.v17.atmosphere-home .opening-copy { padding-block: 20px; }
.v17.atmosphere-home .opening-copy > .eyebrow { color: #b9d3c9; background: none; border: 0; box-shadow: none; padding: 0; transform: none; }
.v17.atmosphere-home .small-spark { color: #b9d3c9; }
.v17.atmosphere-home .opening h1 { font: 700 clamp(45px, 5.4vw, 72px)/1.06 Arial, sans-serif; letter-spacing: -.045em; margin: 24px 0; max-width: 680px; color: #fffefa; }
.v17.atmosphere-home .opening h1 span, .v17.atmosphere-home .opening h1 em { color: inherit; -webkit-text-stroke: 0; transform: none; text-shadow: none; }
.v17.atmosphere-home .opening h1 em { color: #b9d3c9; font-style: normal; }
.v17.atmosphere-home .opening h1 em:after { content: none; }
.v17.atmosphere-home .opening-intro { color: #d6e1de; max-width: 560px; font-size: 17px; line-height: 1.7; }
.v17.atmosphere-home .opening-portrait { min-height: 500px; max-height: 620px; border: 0; border-radius: 6px; box-shadow: none; transform: none; margin: 0; }
.v17.atmosphere-home .opening-portrait > img { object-position: 50% 30%; filter: saturate(.8); }
.v17.atmosphere-home .opening-portrait:after { background: linear-gradient(0deg, #142c3a77, transparent 50%); }
.v17.atmosphere-home .opening-portrait figcaption { transform: none; left: 24px; bottom: 24px; }
.v17.atmosphere-home .opening-portrait figcaption > span { background: none; color: #fffefa; padding: 0; }
.v17.atmosphere-home .opening-portrait figcaption strong, .v17.atmosphere-home .opening-portrait figcaption b { display: inline; font: 600 15px/1.3 Arial, sans-serif; color: #fffefa; margin: 0; }
.v17.atmosphere-home .portrait-note { display: none; }
.v17.atmosphere-home .opening-bottom { color: #bfd1cb; gap: 30px; border-top: 1px solid #ffffff29; margin-top: 36px; }
.v17.atmosphere-home .opening-bottom > span:nth-child(2) { color: #bfd1cb; }

/* Clear sections and cards. */
.v17 .topic-room { background: #f3f2ed; border-top: 0; padding-block: 78px; }
.v17 .topic-heading h2, .v17 .section-heading h2, .v17 .sprint-room h2, .v17 .human-room h2 { font-weight: 700; letter-spacing: -.045em; line-height: 1.08; }
.v17 .topic-heading h2 em, .v17 .sprint-room h2 em, .v17 .human-room h2 em { transform: none; color: #467c72; }
.v17 .topic-heading .eyebrow, .v17 .proof-room .eyebrow { color: #467c72; }
.v17 .topic-tile, .v17 .topic-tile.topic-leadership, .v17 .topic-tile.topic-sales { --tile-bg: #fffefa; --tile-ink: #142c3a; --tile-accent: #467c72; border: 1px solid #d7e0dc; border-radius: 5px; box-shadow: 0 8px 24px #142c3a0a; }
.v17 .topic-tile summary { padding: 26px; }
.v17 .topic-tile .topic-name { font-weight: 700; }
.v17 .topic-tile .topic-action { border-color: #d7e0dc; }
.v17 .topic-tile .topic-body .button { background: #142c3a; border-color: #142c3a; color: #fffefa; }
.v17 .topic-tile .topic-body .button:hover { background: #275d62; }
.v17 .topic-symbol, .v17 .topic-tile[open] .topic-symbol, .v17 .topic-tile summary:hover .topic-symbol { transform: none; }
.v17 .proof-room { background: #fffefa; border-top: 1px solid #d7e0dc; padding-block: 78px; }
.v17 .proof-card { border: 1px solid #d7e0dc; border-radius: 5px; overflow: hidden; box-shadow: none; }
.v17 .sample-conversation { background: #275d62; color: #fffefa; }
.v17 .sample-conversation > span { color: #d6e8df; }
.v17 .sample-response { background: #d8e9e1; color: #142c3a; transform: none; }
.v17 .sample-transfer { background: #e4ede8; color: #142c3a; }
.v17 .sample-transfer > i { transform: none; }
.v17 .sprint-room { padding-block: 80px; }
.v17 .sprint-aside > .eyebrow { color: #b9d3c9; }
.v17 .sprint-room h2 em { color: #b9d3c9; }
.v17 .approach-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 32px; }
.v17 .approach-card { padding: 27px; background: #fffefa; color: #142c3a; border-radius: 5px; border: 1px solid #d7e0dc; }
.v17 .approach-card h3 { font-size: 23px; line-height: 1.2; margin: 12px 0; }
.v17 .approach-card p { line-height: 1.65; }
.v17 .human-room { background: #e4ede8; color: #142c3a; padding-block: 80px; }
.v17 .human-room:before { content: none; }
.v17 .human-copy > .eyebrow { color: #467c72; }
.v17 .human-copy > p:not(.eyebrow), .v17 .human-contact p { color: #40585a; }
.v17 .human-copy > .quiet-link { color: #275d62; }
.v17 .human-portrait { transform: none; box-shadow: none; border: 0; background: transparent; padding: 0; }
.v17 .human-portrait img { border-radius: 6px; filter: saturate(.8); }
.v17 .human-portrait figcaption { color: #53666b; padding-left: 0; }
.v17 .human-contact { border-color: #b7cbc3; }
.v17 .human-contact .button { background: #142c3a; color: #fffefa; border-color: #142c3a; box-shadow: none; }

/* Interior pages use the same restrained palette. */
.v17.punk-interior { background: #f3f2ed; color: #142c3a; }
.v17.punk-interior .site-footer { border-color: #ccd9d3; }
.v17.punk-interior .site-footer > p, .v17.punk-interior .site-footer a { color: #40585a; }
.v17 .offer-card, .v17 .form-panel { box-shadow: none; border-color: #d7e0dc; border-radius: 5px; }
.v17 .visual-ki { background: #275d62; color: #fffefa; }
.v17 .visual-leadership { background: #d5e6de; color: #142c3a; }
.v17 .visual-sales { background: #142c3a; color: #fffefa; }
.v17 .offer-visual, .v17 .about-photo, .v17 .personal-note, .v17 .form-panel { transform: none; box-shadow: none; }
.v17 .about-sticker, .v17 .scribble-note { transform: none; box-shadow: none; }
.v17 .about h1 em, .v17 .notes-heading h2 em, .v17 .offer-intro h1 em, .v17 .intro h1 em { transform: none; color: #467c72; }

@media (max-width: 720px) {
  .v17.atmosphere-home .opening.section-wrap { display: flex; width: calc(100% - 40px); padding-top: 35px; }
  .v17.atmosphere-home .opening-copy { display: block; padding: 0; }
  .v17.atmosphere-home .opening-copy > .eyebrow { max-width: none; margin: 0; padding: 0; font-size: 9px; }
  .v17.atmosphere-home .opening h1 { max-width: none; margin: 20px 0; font-size: clamp(38px, 10vw, 58px); line-height: 1.08; }
  .v17.atmosphere-home .opening h1 > em { margin: 0; padding: 0; font-size: 1em; }
  .v17.atmosphere-home .opening-intro { margin: 0; font-size: 16px; line-height: 1.65; }
  .v17.atmosphere-home .opening-actions { margin: 22px 0 0; }
  .v17.atmosphere-home .opening-portrait { width: 100%; height: 390px; min-height: 0; margin: 30px 0 0; }
  .v17.atmosphere-home .opening-bottom { margin: 26px 0 0; padding: 18px 0; gap: 8px 16px; }
  .v17.atmosphere-home .opening-bottom > span:last-child { display: inline; }
  .v17 .topic-room, .v17 .proof-room, .v17 .human-room { padding-block: 54px; }
  .v17 .topic-tile summary { padding: 20px; }
  .v17 .sprint-room { padding-block: 54px; }
  .v17 .approach-grid { grid-template-columns: 1fr; gap: 12px; }
  .v17 .human-portrait { margin: 0; width: 75%; }
}
@media (max-width: 360px) {
  .v17.atmosphere-home .opening.section-wrap { width: calc(100% - 32px); }
  .v17.atmosphere-home .opening h1 { margin-inline: 0; font-size: 10vw; }
  .v17.atmosphere-home .opening-portrait { height: 340px; }
}
.v17.atmosphere-home .opening h1 > em { font: inherit; font-style: normal; color: #b9d3c9; width: auto; max-width: 100%; padding: 0; margin: 0; white-space: normal; }
.v17.atmosphere-home .opening h1 > em::before { content: none; }
.v17 .approach-room { padding-block: 80px; }
.v17 .approach-room > .button { margin-top: 28px; }
@media (max-width: 720px) { .v17 .approach-room { padding-block: 54px; } }

/* Sales-led opening: a customer moment becomes the visual anchor. */
.v17.atmosphere-home .sales-opening { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); align-items: center; gap: clamp(36px, 6vw, 92px); padding-block: clamp(66px, 7vw, 104px) clamp(76px, 8vw, 116px); }
.v17 .sales-opening > :first-child { min-width: 0; }
.v17 .sales-opening .eyebrow { color: #b9d3c9; margin: 0 0 25px; }
.v17 .sales-opening h1 { margin: 0; max-width: 740px; color: #fffefa; font: 700 clamp(43px, 5.4vw, 76px)/1.04 Arial, sans-serif; letter-spacing: -.045em; }
.v17 .sales-opening h1 em { display: inline; color: #b9d3c9; font: inherit; font-style: normal; }
.v17 .sales-opening h1 em::before, .v17 .sales-opening h1 em::after { content: none; }
.v17 .sales-opening > div:first-child > p:not(.eyebrow) { max-width: 590px; margin: 28px 0 0; color: #dce9e4; font: 400 clamp(17px, 1.5vw, 19px)/1.65 Arial, sans-serif; }
.v17 .sales-opening .opening-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 26px; margin-top: 30px; }
.v17 .sales-opening .opening-actions .quiet-link { color: #e5f0ec; }
.v17 .scenario-visual { position: relative; min-width: 0; padding: clamp(20px, 3vw, 40px); isolation: isolate; border: 1px solid #b9d3c940; border-radius: 8px; background: #1a3946; overflow: hidden; }
.v17 .scenario-visual::before { position: absolute; z-index: -1; inset: 0; content: ''; background: radial-gradient(circle at 100% 0, #81b1a044, transparent 43%), linear-gradient(140deg, transparent 52%, #0f293551 52%); pointer-events: none; }
.v17 .scenario-card { position: relative; padding: clamp(25px, 3.5vw, 46px); color: #142c3a; background: #f5f5ef; border: 1px solid #fff; border-radius: 6px; box-shadow: 0 18px 38px #071a232e; }
.v17 .scenario-card > .eyebrow, .v17 .scenario-card > small, .v17 .scenario-card > .scenario-label { display: block; margin: 0 0 22px; color: #55766d; font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.v17 .scenario-quote { margin: 0; color: #142c3a; font: 700 clamp(27px, 2.8vw, 39px)/1.14 Arial, sans-serif; letter-spacing: -.035em; }
.v17 .scenario-quote strong, .v17 .scenario-quote em { color: #3b796d; font-style: normal; }
.v17 .scenario-card > p:not(.eyebrow):not(.scenario-quote) { color: #4a6160; font-size: 15px; line-height: 1.55; }
.v17 .scenario-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
.v17 .scenario-actions button, .v17 .scenario-actions a { min-height: 44px; padding: 11px 15px; border: 1px solid #aac5b9; border-radius: 4px; background: #e4eee7; color: #163c38; font: 700 14px/1.3 Arial, sans-serif; text-align: left; text-decoration: none; cursor: pointer; }
.v17 .scenario-actions button:hover, .v17 .scenario-actions button[aria-pressed="true"], .v17 .scenario-actions a:hover { color: #fffefa; background: #275d55; border-color: #275d55; }
.v17 .scenario-answer { margin-top: 20px; padding: 16px 18px; border-left: 3px solid #578a7d; background: #dfece5; color: #163b36; font: 400 14px/1.55 Arial, sans-serif; }
.v17 .scenario-answer[hidden] { display: none !important; }
.v17 .scenario-answer strong { color: #143c36; }
.v17 .sales-challenges { padding-block: clamp(70px, 8vw, 110px); color: #142c3a; background: #f3f2ed; }
.v17 .sales-challenges .eyebrow { color: #467c72; }
.v17 .sales-challenges h2 { max-width: 820px; margin: 0; color: #142c3a; font: 700 clamp(36px, 4vw, 56px)/1.08 Arial, sans-serif; letter-spacing: -.04em; }
.v17 .sales-challenges h2 em { color: #467c72; font: inherit; font-style: normal; }
.v17 .sales-challenges .section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px 60px; }
.v17 .sales-challenges .section-heading > p { max-width: 370px; color: #53666b; font: 400 16px/1.6 Arial, sans-serif; }
.v17 .challenge-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 38px; }
.v17 .challenge-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 220px; padding: 28px; border: 1px solid #d4e0d9; border-radius: 5px; background: #fffefa; }
.v17 .challenge-card::before { content: ''; width: 38px; height: 4px; margin-bottom: 28px; background: #77a89a; }
.v17 .challenge-card > span, .v17 .challenge-card > small { color: #527b70; font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.v17 .challenge-card h3 { margin: 12px 0; color: #142c3a; font: 700 clamp(21px, 2vw, 26px)/1.2 Arial, sans-serif; letter-spacing: -.025em; }
.v17 .challenge-card p { margin: 0; color: #4d6263; font: 400 15px/1.6 Arial, sans-serif; }
.v17 .challenge-card a { margin-top: auto; padding-top: 20px; color: #275d55; font-weight: 700; }
@media (max-width: 760px) {
  .v17.atmosphere-home .sales-opening { grid-template-columns: 1fr; gap: 34px; width: calc(100% - 40px); padding-block: 48px 62px; }
  .v17 .sales-opening h1 { font-size: clamp(38px, 10vw, 54px); }
  .v17 .sales-opening > div:first-child > p:not(.eyebrow) { margin-top: 22px; font-size: 16px; }
  .v17 .scenario-visual { padding: 18px; }
  .v17 .scenario-card { padding: 25px; }
  .v17 .scenario-quote { font-size: clamp(26px, 7vw, 34px); }
  .v17 .sales-challenges .section-heading { display: block; }
  .v17 .sales-challenges .section-heading > p { margin-top: 16px; }
  .v17 .challenge-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; }
  .v17 .challenge-card { min-height: 0; padding: 25px; }
  .v17 .challenge-card::before { margin-bottom: 20px; }
}
/* Conversation details and visual story */
.v17 .sales-intro-actions { display:flex; align-items:center; gap:20px 28px; flex-wrap:wrap; margin-top:28px; }
.v17 .sales-contact-link { color:#eff7f3; font:700 14px/1.4 Arial,sans-serif; text-decoration:none; border-bottom:1px solid #aac8bd; padding:9px 0; }
.v17 .sales-opening .sales-intro .sales-question { font:700 clamp(20px,2vw,26px)/1.3 Arial,sans-serif; color:#fffefa; margin-top:22px; }
.v17 .sales-opening .sales-intro .sales-lead { margin-top:18px; }
.v17 .sales-opening .sales-intro .sales-audience { color:#acc8be; font:600 12px/1.5 Arial,sans-serif; margin-top:26px; }
.v17 .scenario-topline { display:flex; justify-content:space-between; gap:10px; color:#54766d; font:700 10px/1.4 Arial,sans-serif; letter-spacing:.1em; }
.v17 .scenario-quote { margin-top:30px; }
.v17 .scenario-quote .scenario-speaker { display:block; color:#648279; font:700 10px/1.4 Arial,sans-serif; letter-spacing:.12em; }
.v17 .scenario-quote p { margin:10px 0 0; font:700 clamp(25px,2.5vw,34px)/1.18 Arial,sans-serif; letter-spacing:-.035em; }
.v17 .scenario-card > .scenario-prompt { margin:25px 0 0; color:#142c3a; font:700 15px/1.4 Arial,sans-serif; }
.v17 .scenario-actions { display:grid; grid-template-columns:1fr; gap:8px; margin-top:13px; }
.v17 .scenario-actions button { display:grid; grid-template-columns:25px 1fr 16px; align-items:center; gap:7px; width:100%; min-height:48px; background:#fffefa; border-color:#cedcd6; color:#173a36; font-weight:600; }
.v17 .scenario-actions button span { color:#527c70; font-weight:700; }
.v17 .scenario-actions button[aria-pressed="true"] span,.v17 .scenario-actions button:hover span { color:#fff; }
.v17 .scenario-answer p { margin:6px 0 0; }
.v17 .scenario-card > .scenario-foot { margin:19px 0 0; color:#668078; font:400 11px/1.4 Arial,sans-serif; }
.v17 .challenges-heading { display:flex; align-items:end; justify-content:space-between; gap:28px 50px; }
.v17 .challenges-heading > p { max-width:375px; color:#53666b; font:400 16px/1.6 Arial,sans-serif; }
.v17 .challenge-card .challenge-icon { align-self:flex-end; display:grid; place-items:center; width:52px; height:52px; margin:0 0 12px; border-radius:50%; background:#e4efe9; color:#3f766a; font:400 28px/1 Arial,sans-serif; letter-spacing:0; }
.v17 .challenges-link { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin-top:27px; color:#4d6263; font:400 15px/1.5 Arial,sans-serif; }
.v17 .challenges-link a,.v17 .sales-human-copy a { color:#286a5e; font-weight:700; text-decoration:none; border-bottom:1px solid #83ab9f; padding-bottom:4px; }
.v17 .sales-human-section { background:#e2ebe5; color:#142c3a; padding:90px 0; }
.v17 .sales-human-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(36px,6vw,90px); align-items:center; }
.v17 .sales-photo { position:relative; min-width:0; }
.v17 .sales-photo img { display:block; width:100%; aspect-ratio:1.4; object-fit:cover; border-radius:5px; }
.v17 .sales-photo-tag { position:absolute; left:20px; bottom:20px; padding:10px 14px; background:#142c3a; color:#fff; font:700 10px/1.4 Arial,sans-serif; letter-spacing:.12em; }
.v17 .sales-human-copy .eyebrow { color:#467c72; }
.v17 .sales-human-copy h2 { margin:18px 0; font:700 clamp(37px,4vw,55px)/1.08 Arial,sans-serif; letter-spacing:-.04em; }
.v17 .sales-human-copy h2 em { font:inherit; font-style:normal; color:#467c72; }
.v17 .sales-human-copy p:not(.eyebrow) { color:#40585a; font:400 17px/1.7 Arial,sans-serif; }
.v17 .sales-human-copy ul { margin:24px 0 28px; padding-left:20px; color:#274b46; font:600 15px/1.9 Arial,sans-serif; }
@media(max-width:760px){ .v17 .challenges-heading { display:block; } .v17 .challenges-heading > p { margin-top:18px; } .v17 .sales-human-section { padding:60px 0; } .v17 .sales-human-layout { grid-template-columns:1fr; gap:30px; } .v17 .scenario-quote p { font-size:27px; } }
.v17 .sales-photo img { height:auto; aspect-ratio: 1.4 / 1; }
.v17 #situation { scroll-margin-top: 95px; }
.v17 .approach-room .section-heading h2 em { color:#b9d3c9; }
.v17 .approach-room .section-heading > p { color:#d6e5df; }
.v17.atmosphere-home .sales-opening > div.sales-intro > p.sales-question { color:#fffefa; font:700 clamp(20px,2vw,25px)/1.3 Arial,sans-serif; margin-top:22px; }
.v17.atmosphere-home .sales-opening > div.sales-intro > p.sales-audience { color:#acc8be; font:600 12px/1.5 Arial,sans-serif; margin-top:26px; }