 <style> :root {
   --pp-dark: #101526;
   --pp-dark-soft: #171d31;
   --pp-text: #171b26;
   --pp-muted: #6c7485;
   --pp-line: #dfe3e8;
   --pp-soft: #f4f6f7;
   --pp-white: #ffffff;
   --pp-accent: #2fb6a6;
   --pp-accent-soft: #dff8f5;
   --pp-yellow: #f3a90b;
   --pp-shadow: 0 20px 50px rgba(16, 21, 38, .14);
 }

 * {
   box-sizing: border-box;
 }

 html {
   scroll-behavior: smooth;
 }

 body {
   margin: 0;
   color: var(--pp-text);
   background: var(--pp-white);
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1.65;
 }

 img {
   display: block;
   max-width: 100%;
 }

 a {
   color: inherit;
   text-decoration: none;
 }

 .section-inner {
   width: min(1180px, calc(100% - 40px));
   margin: 0 auto;
 }

 .nav {
   position: sticky;
   top: 0;
   z-index: 1000;
   background: rgba(255, 255, 255, .94);
   backdrop-filter: blur(16px);
   border-bottom: 1px solid rgba(16, 21, 38, .08);
 }

 .nav-inner {
   width: min(1180px, calc(100% - 40px));
   min-height: 72px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
 }

 .logo {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   font-size: 1.2rem;
   font-weight: 800;
   letter-spacing: -.02em;
 }

 .logo-mark {
   width: 18px;
   height: 18px;
   border-radius: 5px;
   background: linear-gradient(135deg, var(--pp-accent), var(--pp-yellow));
   display: inline-block;
 }

 .nav-links {
   display: flex;
   align-items: center;
   gap: 24px;
   font-size: .95rem;
 }

 .nav-links a:hover {
   color: var(--pp-accent);
 }

 .nav-cta {
   padding: 10px 16px;
   border-radius: 8px;
   color: white !important;
   background: var(--pp-dark);
 }

 .nav-mobile-toggle,
 .nav-mobile-panel {
   display: none;
 }

 .hero {
   padding: 92px 0 88px;
   background:
     radial-gradient(circle at 18% 15%, rgba(47, 182, 166, .10), transparent 28%),
     linear-gradient(180deg, #ffffff 0%, #f8faf9 100%);
   border-bottom: 1px solid var(--pp-line);
 }

 .hero-inner {
   width: min(970px, calc(100% - 40px));
   margin: 0 auto;
   text-align: center;
 }

 .eyebrow,
 .industry-tag {
   display: inline-flex;
   align-items: center;
   padding: 5px 9px;
   color: #176e65;
   background: var(--pp-accent-soft);
   font-size: .76rem;
   font-weight: 700;
   letter-spacing: .08em;
   text-transform: uppercase;
 }

 .hero h1 {
   max-width: 920px;
   margin: 22px auto 24px;
   font-family: Georgia, "Times New Roman", serif;
   font-size: clamp(2.6rem, 6vw, 5.5rem);
   line-height: .98;
   letter-spacing: -.055em;
   font-weight: 500;
 }

 .hero h1 em {
   color: var(--pp-accent);
   font-style: normal;
 }

 .lede {
   max-width: 760px;
   margin: 0 auto;
   color: var(--pp-muted);
   font-size: clamp(1rem, 2vw, 1.25rem);
 }

 .hero-jump {
   margin-top: 34px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 10px;
 }

 .jump-chip {
   padding: 11px 16px;
   border: 1px solid var(--pp-line);
   border-radius: 999px;
   background: rgb(32, 30, 148);
   font-size: .92rem;
   box-shadow: 0 8px 24px rgba(16, 21, 38, .05);
 }

 .jump-chip:hover {
   border-color: var(--pp-accent);
   color: var(--pp-accent);
 }

 .industry {
   border-bottom: 1px solid var(--pp-line);
   background: var(--pp-white);
 }

 .industry:nth-of-type(even) {
   background: var(--pp-soft);
 }

 .industry-grid {
   min-height: 610px;
   padding: 70px 0;
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 90px;
 }

 .industry:nth-of-type(even) .phone-col {
   order: 2;
 }

 .industry:nth-of-type(even) .text-col {
   order: 1;
 }

 .phone-col {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .image-placeholder {
   width: min(290px, 78vw);
   aspect-ratio: 9 / 18;
   border-radius: 26px;
   background:
     linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0)),
     var(--pp-dark);
   box-shadow: var(--pp-shadow);
   border: 8px solid #0c1020;
   overflow: hidden;
   position: relative;
 }

 .image-placeholder img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .image-placeholder::after {
   content: "Bildplatzhalter";
   position: absolute;
   left: 18px;
   right: 18px;
   bottom: 18px;
   padding: 11px 12px;
   border-radius: 8px;
   color: white;
   background: rgba(16, 21, 38, .86);
   text-align: center;
   font-size: .8rem;
   letter-spacing: .04em;
 }

 .text-col h2 {
   max-width: 540px;
   margin: 16px 0 18px;
   font-family: Georgia, "Times New Roman", serif;
   font-size: clamp(2rem, 4vw, 3.2rem);
   line-height: 1.08;
   letter-spacing: -.035em;
   font-weight: 500;
 }

 .pain {
   max-width: 570px;
   margin: 0 0 18px;
   color: var(--pp-muted);
   font-size: 1rem;
 }

 .pc-path {
   max-width: 570px;
   margin-top: 26px;
   padding: 14px 16px;
   color: #62d8cb;
   background: var(--pp-dark);
   border-radius: 7px;
   overflow-x: auto;
 }

 .mono {
   font-family: Consolas, "Courier New", monospace;
   font-size: .82rem;
   white-space: nowrap;
 }

 .benefits {
   padding: 95px 0;
   background: var(--pp-dark);
   color: white;
 }

 .section-head {
   max-width: 760px;
   margin-bottom: 44px;
 }

 .section-head.center {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
 }

 .section-head h2 {
   margin: 16px 0 16px;
   font-family: Georgia, "Times New Roman", serif;
   font-size: clamp(2.2rem, 5vw, 4rem);
   line-height: 1.05;
   letter-spacing: -.04em;
   font-weight: 500;
 }

 .section-head p {
   color: #0b2144;
   font-size: 1.08rem;
 }

 .benefit-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 18px;
 }

 .benefit-card {
   min-height: 235px;
   padding: 28px;
   border: 1px solid rgba(255, 255, 255, .11);
   background: rgba(255, 255, 255, .045);
 }

 .benefit-card h3 {
   margin: 0 0 13px;
   font-size: 1.12rem;
 }

 .benefit-card p {
   margin: 0;
   color: #ed750d;
   font-size: .95rem;
 }

 .steps {
   padding: 95px 0;
   background: var(--pp-soft);
 }

 .steps .section-head p {
   color: var(--pp-muted);
 }

 .step-row {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   border-top: 1px solid var(--pp-line);
   border-bottom: 1px solid var(--pp-line);
 }

 .step {
   padding: 34px 30px;
   border-right: 1px solid var(--pp-line);
 }

 .step:last-child {
   border-right: 0;
 }

 .step-num {
   color: var(--pp-accent);
   font-size: .76rem;
   font-weight: 800;
   letter-spacing: .08em;
   text-transform: uppercase;
 }

 .step h3 {
   margin: 11px 0 11px;
   font-size: 1.3rem;
 }

 .step p {
   margin: 0;
   color: var(--pp-muted);
 }

 .seo-section {
   padding: 95px 0;
   background: white;
 }

 .seo-grid {
   display: grid;
   grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
   gap: 75px;
   align-items: start;
 }

 .seo-content h2,
 .seo-content h3 {
   font-family: Georgia, "Times New Roman", serif;
   font-weight: 500;
   letter-spacing: -.025em;
 }

 .seo-content h2 {
   margin: 0 0 24px;
   font-size: clamp(2.1rem, 4vw, 3.5rem);
   line-height: 1.08;
 }

 .seo-content h3 {
   margin: 38px 0 12px;
   font-size: 1.7rem;
 }

 .seo-content p {
   margin: 0 0 18px;
   color: var(--pp-muted);
 }

 .seo-aside {
   position: sticky;
   top: 100px;
   padding: 28px;
   background: var(--pp-soft);
   border: 1px solid var(--pp-line);
 }

 .seo-aside h3 {
   margin: 0 0 16px;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 1.5rem;
   font-weight: 500;
 }

 .seo-aside ul {
   margin: 0;
   padding-left: 20px;
 }

 .seo-aside li {
   margin-bottom: 10px;
   color: var(--pp-muted);
 }

 .cta-section {
   padding: 100px 20px;
   text-align: center;
   background:
     radial-gradient(circle at 50% 0, rgba(47, 182, 166, .18), transparent 38%),
     var(--pp-dark);
   color: white;
 }

 .cta-section h2 {
   max-width: 800px;
   margin: 0 auto 18px;
   font-family: Georgia, "Times New Roman", serif;
   font-size: clamp(2.2rem, 5vw, 4rem);
   line-height: 1.05;
   font-weight: 500;
   letter-spacing: -.04em;
 }

 .cta-section p {
   max-width: 690px;
   margin: 0 auto;
   color: #c0c7d2;
 }

 .cta-actions {
   margin-top: 30px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 12px;
 }

 .btn {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   min-height: 48px;
   padding: 0 20px;
   border-radius: 8px;
   font-weight: 700;
 }

 .btn-light {
   color: var(--pp-dark);
   background: white;
 }

 .btn-outline {
   color: white;
   border: 1px solid rgba(255, 255, 255, .35);
 }

 footer {
   padding: 70px 0 28px;
   background: #0b0f1c;
   color: white;
 }

 .footer-inner {
   width: min(1180px, calc(100% - 40px));
   margin: 0 auto;
 }

 .footer-top {
   display: grid;
   grid-template-columns: 1.5fr repeat(3, 1fr);
   gap: 50px;
   padding-bottom: 45px;
 }

 .footer-brand p {
   max-width: 360px;
   color: #9ea6b5;
 }

 .footer-col h4 {
   margin: 0 0 14px;
 }

 .footer-col ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .footer-col li {
   margin-bottom: 9px;
 }

 .footer-col a {
   color: #9ea6b5;
 }

 .footer-bottom {
   padding-top: 22px;
   border-top: 1px solid rgba(255, 255, 255, .1);
   display: flex;
   justify-content: space-between;
   gap: 20px;
   color: #7f8998;
   font-size: .86rem;
 }

 .footer-bottom-links {
   display: flex;
   gap: 18px;
 }

 @media (max-width: 900px) {
   .nav-links {
     display: none;
   }

   .nav-mobile-toggle {
     width: 42px;
     height: 42px;
     padding: 9px;
     border: 0;
     background: transparent;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 5px;
   }

   .nav-mobile-toggle span {
     height: 2px;
     background: var(--pp-dark);
   }

   .nav-mobile-panel {
     padding: 14px 20px 20px;
     border-top: 1px solid var(--pp-line);
     background: white;
   }

   .nav-mobile-panel.open {
     display: grid;
     gap: 12px;
   }

   .industry-grid,
   .industry:nth-of-type(even) .industry-grid {
     min-height: auto;
     grid-template-columns: 1fr;
     gap: 48px;
   }

   .industry:nth-of-type(even) .phone-col,
   .industry:nth-of-type(even) .text-col {
     order: initial;
   }

   .benefit-grid,
   .step-row,
   .seo-grid,
   .footer-top {
     grid-template-columns: 1fr;
   }

   .step {
     border-right: 0;
     border-bottom: 1px solid var(--pp-line);
   }

   .step:last-child {
     border-bottom: 0;
   }

   .seo-aside {
     position: static;
   }
 }

 @media (max-width: 600px) {
   .hero {
     padding: 72px 0 64px;
   }

   .hero h1 {
     font-size: 3rem;
   }

   .industry-grid {
     padding: 58px 0;
   }

   .benefits,
   .steps,
   .seo-section {
     padding: 72px 0;
   }

   .footer-bottom {
     flex-direction: column;
   }
 }