/* Light studio / optical glass. Headings and body copy remain unobstructed. */
:root {
  --pf-paper: #f5f5f7;
  --pf-ink: #050d1b;
  --pf-blue: #1768ff;
  --pf-glass-edge: rgba(255,255,255,.94);
  --pf-glass-shadow: 0 24px 70px -34px rgba(30,65,112,.27), 0 3px 12px -6px rgba(30,65,112,.13);
  --pf-spring: cubic-bezier(.2,.8,.2,1);
}
body { background: #fafbfe; }
.pf-root { background: #fafbfe; overflow: clip; }
.pf-main > section { scroll-margin-top: 125px; }
.workflow-results-shell, .process-builder-output { scroll-margin-top: 125px; }
.pf-header {
  position: sticky; top: 14px; z-index: 40; width: min(1240px,calc(100% - 48px));
  margin: 14px auto 0; border: 1px solid var(--pf-glass-edge); border-radius: 100px;
  background: rgba(255,255,255,.81); -webkit-backdrop-filter: blur(24px) saturate(1.6); backdrop-filter: blur(24px) saturate(1.6);
  box-shadow: 0 3px 20px rgba(18,44,90,.055), inset 0 1px 0 #fff;
  transition: background .3s, box-shadow .4s, border-color .3s;
}
.pf-header.is-scrolled { background: rgba(255,255,255,.76); box-shadow: 0 12px 36px -18px rgba(25,52,99,.27), inset 0 1px 0 #fff; }
.pf-nav { padding: 13px 16px 13px 25px; gap: 26px; }
.pf-logo { width: 196px; }
.pf-nav-link { position: relative; padding: 9px 0; transition: color .2s; }
.pf-nav-link::after { content:''; position:absolute; bottom:2px; left:0; right:0; height:2px; background:var(--pf-blue); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--pf-spring); }
.pf-nav-link:hover { color:var(--pf-blue); }
.pf-nav-link:hover::after { transform:scaleX(1); }
.pf-hero { position:relative; isolation:isolate; padding-top:85px; padding-bottom:115px; background:linear-gradient(180deg,#fafbfe 0%,#f8fbff 78%,#fafbfe 100%); }
.pf-hero::before { content:''; position:absolute; z-index:-1; inset:-120px -20% 0 40%; pointer-events:none; background:radial-gradient(ellipse at 70% 35%,rgba(111,168,255,.23),transparent 54%),radial-gradient(ellipse at 34% 65%,rgba(111,168,255,.1),transparent 54%); }
.pf-hero-grid { grid-template-columns:1.28fr .9fr; gap:76px; }
.pf-h1 { font-size:clamp(46px,4.15vw,68px); letter-spacing:-.052em; line-height:1.08; }
.pf-hero-copy { animation:pf-arrive .85s var(--pf-spring) both; }
.pf-hero-copy .pf-intro { color:#505b6d; max-width:620px; }
.pf-benefits { gap:13px; }
.pf-benefit { padding-left:34px; }
.pf-benefit::before { width:22px; height:22px; top:1px; display:grid; place-items:center; border-radius:50%; font-size:12px; color:#0d5ee5; background:linear-gradient(150deg,#fff,rgba(204,227,255,.62)); border:1px solid rgba(23,104,255,.16); box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(23,104,255,.08); }
.pf-button, .pf-nav-cta, .button, .workflow-result-cta {
  position:relative; isolation:isolate; overflow:hidden; border:1px solid rgba(255,255,255,.52);
  background:linear-gradient(175deg,#1154d7 0%,#0b4ccc 52%,#0b43bb 100%); color:#fff;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -2px 3px rgba(0,40,130,.15),0 8px 20px -10px rgba(23,104,255,.7);
  transition:transform .4s var(--pf-spring),box-shadow .4s,background .25s;
}
.pf-button::before, .pf-nav-cta::before { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),rgba(255,255,255,.08),transparent 65%); }
.pf-button::after { content:''; position:absolute; inset:-60% -20%; pointer-events:none; background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.06) 49%,transparent 62%); transform:translateX(-110%); }
.pf-button:hover::after { animation:pf-sheen .85s var(--pf-spring); }
.pf-button:active, .pf-nav-cta:active, .button:active { transform:scale(.975); }
.pf-report-stage { position:relative; isolation:isolate; padding:35px 0 0; perspective:1200px; }
.pf-report-stage::before { content:''; position:absolute; z-index:-2; width:360px; height:360px; border-radius:50%; top:10%; left:8%; background:radial-gradient(circle at 35% 25%,#d8e7ff 0%,#a6cfff 50%,#6b9ff2 100%); opacity:.7; filter:blur(18px); }
.pf-report-glass {
  position:relative; padding:23px; border-radius:38px; border:1px solid rgba(255,255,255,.95);
  background:linear-gradient(130deg,rgba(255,255,255,.74),rgba(255,255,255,.27) 45%,rgba(218,236,255,.58));
  -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4);
  box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.9),0 35px 75px -32px rgba(30,75,134,.38);
  transform:rotate(-3deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
  transition:transform .7s var(--pf-spring); animation:pf-report-arrive 1.1s var(--pf-spring) both;
}
.pf-report-glass::before { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(ellipse at var(--light-x,12%) var(--light-y,0%),rgba(255,255,255,.7),transparent 58%); }
.pf-report-glass::after { content:''; position:absolute; z-index:-1; inset:18px -10px 12px 15px; border:1px solid rgba(255,255,255,.9); border-radius:30px; background:rgba(255,255,255,.3); transform:rotate(4deg); }
.pf-report-sheet { background:linear-gradient(150deg,rgba(255,255,255,.98) 12%,#f3f7ff 68%,#e4edfc); border:1px solid #fff; border-radius:20px; padding:32px 29px; min-height:550px; box-shadow:0 12px 32px -14px rgba(30,65,112,.25); }
.pf-report-title { font-size:42px; }
.pf-report-logo { margin-bottom:67px; }
.pf-report-preview { top:70px; left:29px; right:auto; font-size:10px; color:#59697b; }
.pf-report-rule { border-radius:4px; width:65px; background:linear-gradient(90deg,#1768ff,#6fa8ff); }
.pf-report-note { margin-top:28px; position:relative; color:#67748a; }
.pf-section, .pf-soft-section { position:relative; }
.pf-soft-section { background:#f0f3f8; }
.pf-section-lead, .workflow-section-heading, .pf-inline-note, .pf-final, .pf-final .pf-intro, .pf-call > div { width:100%; max-width:none; }
.pf-section-lead .pf-text, .workflow-section-heading p, .pf-call .pf-text { max-width:none; }
.pf-h1, .pf-h2 { text-wrap:balance; }
.pf-h2 { font-size:clamp(44px,3.6vw,58px); line-height:1.1; }
.is-width-fitted { text-wrap:initial; }
.is-width-fitted > .pf-headline-line { display:block; width:max-content; white-space:nowrap; }
.pf-final .pf-headline-line { margin-inline:auto; }
.pf-inline-cta { margin-top:36px; }
.pf-profit-section { background:linear-gradient(155deg,#f7faff,#eff4fc); }
.pf-profit-section .pf-section-lead { margin-bottom:32px; }
.pf-profit-equation { display:grid; grid-template-columns:1fr auto 1fr; gap:44px; align-items:start; padding:38px 48px; border:1px solid #fff; border-radius:30px; background:rgba(255,255,255,.7); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:var(--pf-glass-shadow); }
.pf-profit-equation > div { display:flex; flex-direction:column; gap:6px; }
.pf-profit-equation strong { color:#1258db; font-size:80px; line-height:1; letter-spacing:-.06em; font-weight:750; }
.pf-profit-equation > div > span { color:#34465f; font-size:21px; line-height:1.35; font-weight:550; }
.pf-profit-equals { color:#63738c; font-size:48px; line-height:1; font-weight:400; margin-top:16px; }
.pf-profit-condition { margin-top:26px; margin-bottom:0; }
.pf-handoff-panel { padding:36px; border:1px solid #fff; border-radius:30px; background:linear-gradient(140deg,rgba(255,255,255,.85),rgba(231,241,255,.55)); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:var(--pf-glass-shadow); }
.pf-handoff-heading .pf-h3 { font-size:30px; letter-spacing:-.035em; }
.pf-handoff-heading .pf-audience { margin-bottom:12px; }
.pf-handoff-heading .pf-text { margin-bottom:0; }
.pf-handoff-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding:0; margin:30px 0 0; list-style:none; }
.pf-handoff-flow li { position:relative; display:flex; flex-direction:column; gap:6px; padding:22px; background:rgba(255,255,255,.76); border:1px solid #fff; border-radius:20px; }
.pf-handoff-flow li:not(:last-child)::after { content:'›'; position:absolute; right:-24px; top:50%; translate:0 -50%; font-size:28px; color:#7891b6; }
.pf-handoff-number { width:30px; height:30px; display:grid; place-items:center; margin-bottom:12px; border-radius:10px; background:#edf4ff; color:#1768ff; font-size:12px; font-weight:650; }
.pf-handoff-flow strong { color:#050d1b; font-size:22px; letter-spacing:-.025em; }
.pf-handoff-flow li > span:last-child { color:#52637b; font-size:14px; }
.process-builder-actions > p { flex-basis:100%; width:100%; max-width:none; }
.pf-audience { font-size:18px; font-weight:650; }
.pf-problem-grid { gap:24px; perspective:1600px; align-items:stretch; }
.pf-problem {
  position:relative; isolation:isolate; overflow:hidden; min-width:0; padding:32px 28px 24px;
  border:1px solid rgba(255,255,255,.95); border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(231,242,255,.42));
  -webkit-backdrop-filter:blur(22px) saturate(1.35); backdrop-filter:blur(22px) saturate(1.35);
  box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.6),0 18px 45px -28px rgba(33,75,126,.26);
  transform:perspective(1000px) translateY(var(--card-lift,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
  transition:transform .35s var(--pf-spring),box-shadow .35s,border-color .35s;
}
.pf-problem::before { content:''; position:absolute; z-index:-1; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(ellipse at var(--light-x,20%) var(--light-y,0%),rgba(255,255,255,.9),transparent 68%); }
.pf-problem::after { content:''; position:absolute; z-index:-1; width:180px; height:180px; right:-60px; bottom:-100px; border-radius:50%; background:radial-gradient(circle,rgba(111,168,255,.18),transparent 68%); pointer-events:none; transition:translate .4s var(--pf-spring); }
.pf-industry { display:block; font-size:28px; line-height:1.15; letter-spacing:-.035em; font-weight:720; color:#1258db; margin:0 0 28px; }
.pf-industry::before { content:none; }
.pf-problem .pf-h3 { font-size:22px; line-height:1.3; }
.pf-problem .pf-text { margin-bottom:0; font-size:16px; }
#bueroarbeit { isolation:isolate; background:radial-gradient(ellipse at 50% 78%,rgba(111,168,255,.16),transparent 63%); }
#kosten { background:linear-gradient(115deg,#edf4ff,#f2f5f9 70%,#edf3fc); }
.pf-comparison { border-top:0; padding:36px; border-radius:30px; border:1px solid #fff; background:rgba(255,255,255,.62); box-shadow:var(--pf-glass-shadow); gap:48px; }
.pf-comparison-after { border-color:#1768ff; }
#loesung { background:linear-gradient(180deg,#fafbfe,#eff5fb); }
.pf-solution-list { position:relative; padding:56px 30px 18px; gap:0; border-radius:30px; background:rgba(255,255,255,.7); border:1px solid #fff; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:var(--pf-glass-shadow); }
.pf-solution-list::before { content:''; position:absolute; top:24px; left:30px; width:8px; height:8px; border-radius:50%; background:#1768ff; box-shadow:16px 0 0 #b0c4e2,32px 0 0 #d4dfed; }
.pf-solution-list::after { content:''; position:absolute; top:25px; right:30px; width:42px; height:5px; border-radius:20px; background:#dde8f5; }
.pf-solution-item { position:relative; padding:22px 0 22px 42px; border-bottom-color:#e4ebf4; }
.pf-solution-item:last-child { border-bottom:0; }
.pf-solution-item::before { content:'✓'; position:absolute; left:0; top:24px; width:26px; height:26px; border-radius:9px; display:grid; place-items:center; font-size:13px; font-weight:700; color:#1355c5; background:linear-gradient(145deg,#eaf2ff,#f7faff); border:1px solid #c8daf8; }
.pf-solution-item:not(:last-child)::after { content:''; position:absolute; top:58px; bottom:-12px; left:12px; width:2px; border-radius:3px; background:linear-gradient(180deg,#e0ebf8 20%,#6fa8ff 44%,#6fa8ff 53%,#e0ebf8 76%); background-size:100% 260%; pointer-events:none; }
.pf-solution-list.is-in-view .pf-solution-item::after { animation:pf-connection 2.6s ease-in-out 2; }
.pf-solution-list.is-in-view .pf-solution-item::before { animation:pf-check .6s var(--pf-spring) both; }
.pf-solution-item:nth-child(2)::before { animation-delay:.16s; }
.pf-solution-item:nth-child(3)::before { animation-delay:.32s; }
.pf-solution-item:nth-child(4)::before { animation-delay:.48s; }
.pf-solution-item .pf-h3 { font-size:21px; }
.pf-solution-item .pf-text { font-size:15px; margin-bottom:0; }
#suche, #dein-ablauf { isolation:isolate; background:linear-gradient(130deg,#f0f4fa,#f5f8fc 55%,#edf6fa); }
#suche::before, #dein-ablauf::before { content:''; pointer-events:none; z-index:-1; position:absolute; inset:8% 0 0 35%; background:radial-gradient(ellipse,rgba(122,190,255,.18),transparent 64%); }
.workflow-search-form { padding:8px; border:1px solid #fff; border-radius:26px; background:rgba(255,255,255,.62); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:var(--pf-glass-shadow); transition:box-shadow .3s,border-color .3s; }
.workflow-search-form input { border-color:transparent; background:transparent; border-radius:18px; }
.workflow-search-form:focus-within { box-shadow:0 0 0 3px rgba(23,104,255,.14),var(--pf-glass-shadow); border-color:#bfd7ff; }
.workflow-examples { gap:9px; margin-top:26px; }
.workflow-examples button, .pf-secondary { background:rgba(255,255,255,.8); border:1px solid rgba(204,215,233,.85); border-radius:100px; box-shadow:inset 0 1px 0 #fff,0 3px 10px -8px rgba(30,65,112,.22); transition:background .2s,box-shadow .25s,transform .25s; }
.workflow-examples button:hover { background:#fff; color:#1257d7; border-color:#a9caff; transform:translateY(-2px); }
.workflow-result-card, .process-builder-card { background:rgba(255,255,255,.72); border:1px solid #fff; border-radius:26px; box-shadow:var(--pf-glass-shadow); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); }
.workflow-result-card { animation:pf-arrive .4s var(--pf-spring) both; }
.process-builder-card { padding:40px; }
.process-builder-input-panel textarea { background:rgba(249,251,255,.72); border:1px solid #d7e1f0; border-radius:18px; box-shadow:inset 0 2px 8px rgba(25,52,99,.025); }
.process-step-card { border:1px solid #e1e9f4; background:rgba(248,251,255,.85); border-radius:18px; animation:pf-arrive .35s var(--pf-spring) both; }
.process-step-controls button, .process-add-button { border-color:#d9e4f3; border-radius:10px; box-shadow:0 3px 8px -6px rgba(25,52,99,.3); transition:transform .2s,background .2s; }
.process-step-controls button:active { transform:scale(.9); }
.pf-photo-placeholder { background:linear-gradient(140deg,#eef4fd,#f4f8fc); border-color:#bdcfe7; border-radius:30px; }
.pf-call-section { background:#fafbfe; padding:42px 0; }
.pf-call { position:relative; isolation:isolate; max-width:none; padding:70px; border-radius:36px; overflow:hidden; background:linear-gradient(125deg,#0d1a2e,#102d52); border:1px solid #244b73; box-shadow:0 30px 70px -40px rgba(5,13,27,.65),inset 0 1px 0 rgba(255,255,255,.17); }
.pf-call::before { content:''; position:absolute; z-index:-1; right:-80px; top:-180px; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle,rgba(111,168,255,.2),transparent 68%); }
.pf-call.is-in-view::before { animation:pf-ambient 5s ease-in-out 2 alternate; }
.pf-call > div { max-width:none; }
.pf-call-list { list-style:none; padding:22px 24px; border:1px solid rgba(255,255,255,.15); border-radius:20px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.07); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
.pf-call-li { position:relative; padding-left:26px; }
.pf-call-li:last-child { margin-bottom:0; }
.pf-call-li::before { content:'✓'; color:#6fa8ff; position:absolute; left:0; }
.pf-faq-question { transition:color .25s; }
.pf-faq-question:hover, .pf-faq-question[aria-expanded=true] { color:#1768ff; }
.pf-faq-icon { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border:1px solid #d8e4f4; border-radius:50%; background:rgba(255,255,255,.8); transition:transform .4s var(--pf-spring),background .3s; }
.pf-faq-question[aria-expanded=true] .pf-faq-icon { transform:rotate(45deg); background:#eaf2ff; }
.pf-faq-answer:not([hidden]) { animation:pf-answer .3s var(--pf-spring) both; }
#abschluss { background:radial-gradient(ellipse at 50% 90%,rgba(111,168,255,.15),transparent 64%); }
.pf-footer { background:#f0f3f8; }
.pf-form-card, .consent-banner { border:1px solid #fff; border-radius:28px; background:rgba(247,250,255,.9); box-shadow:var(--pf-glass-shadow); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); }
.option-card { transition:border-color .2s,background .2s,box-shadow .2s; }
.form-step .option-card:has(input:checked) { border-color:#87b5ff; background:#edf4ff; box-shadow:0 0 0 2px rgba(23,104,255,.06); }
.form-step.is-active { animation:pf-arrive .32s var(--pf-spring) both; }
.form-progress-fill { background:linear-gradient(90deg,#1768ff,#48b9ee); transition:width .45s var(--pf-spring); }
@keyframes pf-arrive { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@keyframes pf-report-arrive { from { opacity:0; translate:0 24px; } to { opacity:1; translate:0 0; } }
@keyframes pf-sheen { to { transform:translateX(110%); } }
@keyframes pf-check { from { opacity:.3; scale:.7; } 65% { scale:1.12; } to { opacity:1; scale:1; } }
@keyframes pf-answer { from { opacity:0; translate:0 -5px; } to { opacity:1; translate:0 0; } }
@keyframes pf-connection { from { background-position:0 160%; } to { background-position:0 -160%; } }
@keyframes pf-ambient { from { opacity:.45; transform:translateX(20px); } to { opacity:1; transform:translateX(-20px); } }
/* Section headlines and their introductions always own the complete content row. */
.pf-hero-grid { grid-template-rows:auto auto auto auto auto 1fr; gap:24px 72px; align-items:start; }
.pf-hero-copy { display:contents; animation:none; }
.pf-hero-copy > .pf-audience, .pf-hero-copy > .pf-h1, .pf-hero-copy > .pf-intro { grid-column:1 / -1; width:100%; max-width:none; margin:0; }
.pf-hero-copy > .pf-audience { grid-row:1; }
.pf-hero-copy > .pf-h1 { grid-row:2; }
.pf-hero-copy > .pf-intro { grid-row:3; }
.pf-hero-copy > .pf-benefits { grid-column:1; grid-row:4; margin:24px 0 0; }
.pf-hero-copy > .pf-button { grid-column:1; grid-row:5; justify-self:start; }
.pf-hero-copy > .pf-small { grid-column:1; grid-row:6; margin-top:0; }
.pf-report-stage { grid-column:2; grid-row:4 / 7; justify-self:end; width:100%; max-width:430px; padding-top:10px; }
#kosten .pf-two-col, #loesung .pf-two-col, .pf-faq-layout { display:block; }
#kosten .pf-two-col > div:first-child { margin-bottom:28px; }
#loesung .pf-solution-list { margin-top:42px; grid-template-columns:1fr 1fr; column-gap:42px; }
#loesung .pf-solution-item:nth-child(3) { border-bottom:0; }
#loesung .pf-solution-item:nth-last-child(-n+2)::after { content:none; }
.pf-faq-layout > div:first-child { margin-bottom:40px; }
.pf-about-grid { gap:24px 64px; align-items:start; }
.pf-about-grid > div:last-child { display:contents; }
.pf-about-grid > div:last-child > .pf-audience { grid-column:1 / -1; grid-row:1; margin:0; }
.pf-about-grid > div:last-child > .pf-h2 { grid-column:1 / -1; grid-row:2; margin-bottom:14px; }
.pf-about-grid > .pf-about-photo { grid-column:1; grid-row:4 / 8; }
.pf-about-photo { position:relative; align-self:stretch; min-height:580px; overflow:hidden; border-radius:30px; background:#e8edf4; box-shadow:0 22px 48px -30px rgba(5,13,27,.35); }
.pf-about-image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:36% 50%; }
.pf-about-grid > div:last-child > .pf-text, .pf-about-grid > div:last-child > .pf-emphasis { grid-column:2; margin-top:0; margin-bottom:0; }
.pf-about-grid > div:last-child > .pf-h2 + .pf-text { grid-column:1 / -1; grid-row:3; margin-bottom:14px; }
@media (hover:hover) and (pointer:fine) {
  .pf-button:hover, .pf-nav-cta:hover, .button:hover { transform:translateY(-2px); box-shadow:inset 0 1px 1px rgba(255,255,255,.6),0 14px 28px -12px rgba(23,104,255,.65); }
  .pf-problem:hover { --card-lift:-8px; border-color:rgba(166,206,255,.8); box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.8),0 30px 55px -25px rgba(36,90,158,.3); }
  .pf-problem:hover::after { translate:-20px -20px; }
}
@media (max-width:1100px) and (min-width:768px) {
  .pf-hero-grid { gap:40px; grid-template-columns:1.3fr .9fr; }
  .pf-report-glass { padding:15px; border-radius:30px; }
  .pf-report-sheet { padding:28px 22px; }
  .pf-report-title { font-size:34px; }
  .pf-report-logo { width:126px; }
  .pf-report-preview { left:22px; }
}
@media (max-width:991px) {
  .pf-header { width:calc(100% - 32px); top:10px; margin-top:10px; }
  .pf-nav { padding:12px 12px 12px 22px; }
  .pf-logo { width:170px; }
  .pf-hero { padding-top:60px; }
  .pf-h1 { font-size:48px; }
  .pf-h2 { font-size:42px; }
  .pf-call { padding:46px; }
  .pf-solution-list { padding-left:22px; padding-right:22px; }
}
@media (max-width:767px) {
  .pf-header { width:calc(100% - 20px); top:8px; margin-top:8px; }
  .pf-nav { padding:10px 10px 10px 15px; gap:10px; }
  .pf-logo { width:143px; }
  .pf-nav-cta { font-size:11px; max-width:155px; padding:11px 12px; }
  .pf-hero { padding-top:44px; padding-bottom:64px; }
  .pf-hero-grid { grid-template-columns:1fr; grid-template-rows:none; gap:24px; }
  .pf-hero-copy > .pf-audience, .pf-hero-copy > .pf-h1, .pf-hero-copy > .pf-intro, .pf-hero-copy > .pf-benefits, .pf-hero-copy > .pf-button, .pf-hero-copy > .pf-small, .pf-report-stage { grid-column:1; grid-row:auto; }
  .pf-hero-copy > .pf-benefits { margin:4px 0 0; }
  .pf-hero-copy > .pf-small { margin-top:-10px; }
  .pf-h1 { font-size:38px; letter-spacing:-.049em; }
  .pf-h2 { font-size:32px; }
  .pf-inline-cta { margin-top:28px; }
  .pf-inline-cta .pf-button { width:100%; }
  .pf-profit-equation { gap:12px; padding:26px 20px; border-radius:24px; }
  .pf-profit-equation strong { font-size:51px; }
  .pf-profit-equation > div > span { font-size:15px; }
  .pf-profit-equals { font-size:30px; margin-top:10px; }
  .pf-handoff-panel { padding:26px 22px; border-radius:24px; }
  .pf-handoff-heading .pf-h3 { font-size:25px; }
  .pf-handoff-flow { grid-template-columns:1fr; gap:22px; }
  .pf-handoff-flow li:not(:last-child)::after { content:'⌄'; right:auto; left:50%; top:auto; bottom:-24px; translate:-50% 0; font-size:22px; }
  .pf-intro { line-height:1.65; }
  .pf-benefits { gap:12px; }
  .pf-report-stage { width:100%; max-width:400px; padding:22px 14px 0; }
  .pf-report-stage::before { width:260px; height:300px; left:8%; }
  .pf-report-glass { padding:17px; border-radius:30px; transform:rotate(-2deg); }
  .pf-report-sheet { padding:28px 22px; min-height:480px; }
  .pf-report-title { font-size:36px; }
  .pf-report-logo { width:140px; margin-bottom:62px; }
  .pf-report-preview { top:64px; left:22px; right:auto; }
  .pf-report-note { margin-top:24px; }
  .pf-comparison { padding:26px 22px; gap:26px; border-radius:24px; }
  .pf-solution-list { padding:48px 22px 10px; border-radius:24px; }
  .pf-solution-list::before { left:24px; top:22px; }
  .pf-solution-item { padding-left:38px; }
  .pf-solution-item .pf-h3 { font-size:20px; }
  #loesung .pf-solution-list { grid-template-columns:1fr; }
  #loesung .pf-solution-item:nth-child(3) { border-bottom:1px solid #e4ebf4; }
  #loesung .pf-solution-item:nth-child(3)::after { content:''; }
  .pf-about-grid { grid-template-columns:1fr; }
  .pf-about-grid > .pf-about-photo, .pf-about-grid > div:last-child > .pf-audience, .pf-about-grid > div:last-child > .pf-h2, .pf-about-grid > div:last-child > .pf-text, .pf-about-grid > div:last-child > .pf-emphasis { grid-column:1; grid-row:auto; }
  .pf-about-photo { min-height:0; aspect-ratio:3 / 2; border-radius:24px; }
  .pf-about-grid > div:last-child > .pf-audience { grid-row:1; }
  .pf-about-grid > div:last-child > .pf-h2 { grid-row:2; }
  .pf-problem-grid { gap:18px; }
  .pf-problem { padding:28px 24px; transform:none; }
  .pf-industry { font-size:27px; margin-bottom:22px; }
  .workflow-search-form { border-radius:24px; padding:8px; gap:4px; }
  .workflow-search-form input { padding:16px 13px; }
  .workflow-search-form .button { align-self:stretch; }
  .workflow-examples { margin-top:22px; }
  .process-builder-card { padding:24px 20px; border-radius:24px; }
  .pf-call-section { padding:16px 0; }
  .pf-call { padding:32px 24px; border-radius:28px; }
  .pf-call .pf-h2 { font-size:30px; }
  .pf-call .pf-button { width:100%; }
  .pf-call-list { padding:18px; }
  .pf-call-li { font-size:15px; }
  .pf-form-card { padding:24px 20px; }
  .consent-banner { -webkit-backdrop-filter:none; backdrop-filter:none; background:#f8faff; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .pf-report-glass, .pf-problem { transform:none; }
  .pf-problem::after, .pf-problem:hover::after { translate:none; }
}
@media (prefers-reduced-transparency:reduce) {
  .pf-header, .pf-report-glass, .pf-problem, .pf-profit-equation, .pf-handoff-panel, .pf-form-card, .pf-comparison, .pf-solution-list, .process-builder-card, .workflow-result-card, .workflow-search-form, .consent-banner { background:#f8faff; -webkit-backdrop-filter:none; backdrop-filter:none; }
  .pf-call-list { background:#173357; -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .pf-header, .pf-report-glass, .pf-solution-list, .process-builder-card, .workflow-search-form { background:#f2f6fc; }
}