/* First landing: manifesto. All dimensions interpolate between the two Pixso frames. */
.hero{padding-top:68px}
.hero-intro{display:grid;grid-template-columns:minmax(0,567px) minmax(0,704px);column-gap:clamp(48px,6.71875vw,129px);align-items:center}
.hero h1 span{display:block}.hero-copy{display:flex;flex-direction:column;gap:16px}
.hero-media{display:grid;grid-template-columns:1113fr 559fr;gap:8px;margin-top:48px}
.hero-photo{display:block;overflow:hidden;border-radius:8px}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.hero-quote{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:64px 48px;min-height:clamp(380px,31.25vw,600px);border-radius:8px;background:var(--graphite);color:#fff}
.hero-quote>img{width:40px;height:40px;object-fit:contain}
.hero-quote p{font:500 var(--h3)/1.1 var(--font-heading);letter-spacing:-.06em;max-width:449px}
.pillars{display:grid;grid-template-columns:405fr 1255fr;gap:20px;padding-top:101px}
.pillars .lead{max-width:372px}.pillars h2{max-width:405px}
.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pillar-card{position:relative;isolation:isolate;min-height:clamp(420px,33.072917vw,635px);overflow:hidden;border-radius:8px;display:flex;align-items:flex-end;background:var(--graphite);color:white}
.pillar-card--tools{background:var(--background);color:var(--ink)}
.pillar-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform 1s var(--ease)}
.pillar-card--knowledge .pillar-photo{object-position:50% 64%}
.pillar-card--people .pillar-photo{object-position:center}
.pillar-machine{position:absolute;width:100%;height:75.59055%;top:0;left:0;z-index:-1;transition:transform 1s var(--ease)}
.pillar-machine img,.comparison-product img,.platform-machine img{width:100%;height:100%;object-fit:contain}
.pillar-caption{width:100%;padding:32px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(0deg,#191c24 5%,#191c24f2 63%,#191c2400 100%)}
.pillar-card--tools .pillar-caption{background:transparent;color:var(--ink)}
.pillar-card--tools .pillar-caption p{color:var(--secondary)}
.pillar-caption p{font-size:var(--body)}
@media(hover:hover){.pillar-card:hover .pillar-photo{transform:scale(1.025)}.pillar-card:hover .pillar-machine{transform:translateY(-4px)}}
.principles{padding-block:var(--section-space)}
.principles h2{position:sticky;top:var(--sticky-top);align-self:start;transition:top .25s var(--ease)}
.principle{padding-block:40px;border-top:1px solid var(--dark-border);display:flex;flex-direction:column;gap:20px}
.principle:last-child{border-bottom:1px solid var(--dark-border)}
.principle>p{max-width:780px;color:var(--border);font-size:var(--body);line-height:1.388889}
.tag-list{display:flex;flex-wrap:wrap;gap:8px}
.tag-list li{padding:12px 21px;box-shadow:inset 0 0 0 1px var(--blue-dark);border-radius:120px;background:#74bfff1a;color:var(--blue-light);font-size:15px;font-weight:500;line-height:21px;white-space:nowrap}
.principle--benefits{gap:24px}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;grid-auto-flow:column;gap:8px;max-width:780px;width:100%}
.benefit{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:8px;background:#74bfff1a}
.benefit>img{width:28px;height:28px;flex:none}.benefit>div{display:flex;flex-direction:column;gap:4px}
.benefit h4{font-size:18px;line-height:25px;font-weight:500;color:var(--blue-light)}.benefit p{font-size:15px;line-height:21px;color:var(--border)}
.journey{position:relative;isolation:isolate;background:#f8fafe;min-height:870px;overflow:hidden}
.journey-background{position:absolute;inset:0;z-index:-1;background:url('../assets/images/journey-desktop.webp') center/cover no-repeat}
.journey-background::after{content:'';position:absolute;inset:0 43.125% 0 0;background:linear-gradient(90deg,#f8fafe,rgba(250,251,253,0))}
.journey-inner{padding-top:90px;padding-bottom:100px}
.journey .section-intro{max-width:492px}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;width:74.702381%;margin-top:211px}
.journey-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:32px;min-height:270px;border-radius:8px;background:white}
.journey-card:nth-child(2){min-height:308px}.journey-card:nth-child(3){min-height:340px;background:var(--graphite)}
.journey-card>div{display:flex;flex-direction:column;gap:8px}
.card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.card-heading span{font-size:15px;color:var(--blue)}
.journey-card p{font-size:15px;line-height:21px}.journey-card.theme-dark p{color:var(--border)}
.journey-card blockquote{border-top:1px solid var(--blue);padding-top:16px;font-size:18px;line-height:25px}
.comparison{background:var(--background);padding-block:90px}
.comparison h2{max-width:540px;margin-bottom:32px}.comparison h2 span{display:block}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.comparison-card{position:relative;padding:64px;border-radius:8px;background:white;display:flex;flex-direction:column;gap:48px;min-height:638px}
.comparison-card.theme-dark{background:var(--graphite)}
.comparison-product{position:absolute;pointer-events:none;object-fit:contain}
.comparison-product--lathe{opacity:.5;width:279px;height:194px;right:55px;top:-8px}
.comparison-product--neo{width:285px;height:267px;right:64px;top:-38px}
.comparison-intro{display:flex;flex-direction:column;gap:12px;position:relative;max-width:334px}
.comparison-card.theme-dark .comparison-intro{max-width:405px}
.comparison-intro h3{font-size:var(--h4);line-height:1.09375;margin-top:-8px}
.comparison-intro .eyebrow{color:var(--muted);font-size:18px;line-height:25px}.comparison-intro .eyebrow.accent{color:var(--blue)}
.comparison-intro .muted{line-height:25px}
.feature-list .feature{padding-block:16px;border-bottom:1px solid var(--border)}
.feature-list .feature:last-child{border-bottom:0;padding-bottom:0}
.theme-dark .feature-list .feature{border-color:var(--dark-border)}
.manifesto{padding-block:100px}.manifesto-intro .lead{max-width:552px}
.manifesto-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-top:100px}
.manifesto-grid .feature{min-height:152px}
.platform-banner{margin-top:100px;min-height:377px;border-radius:8px;padding:74px 90px 73px;display:grid;grid-template-columns:minmax(0,703px) 1fr;align-content:center;gap:32px;color:var(--ink)}
.platform-copy{grid-column:1}.platform-copy h3{font-size:var(--h3);line-height:1.1}.platform-name{font:500 var(--h2)/1.1 var(--font-heading);letter-spacing:-.06em;margin-top:8px}
.platform-banner>.button{grid-column:1;justify-self:start}
.platform-machine{position:absolute;right:4.52381%;top:-125px;width:452px;height:536px;pointer-events:none}
.site-footer{margin-top:100px}
.footer-contacts{margin-left:auto;text-align: right;align-items:flex-end;}
.contacts_link{width:fit-content;font-size: 22px;transition:.2s color;}.contacts_link:hover{color:var(--blue);}

@media(max-width:1700px){.manifesto-intro{grid-template-columns:38% 38%;gap:12.5%}.comparison-product--lathe{width:230px;right:15px}.comparison-product--neo{width:250px;right:10px}.comparison-intro{max-width:75%}.comparison-card{padding:40px}.comparison-intro .muted{max-width:100%}.platform-machine{right:4%;width:31%;height:110%;top:-16%}.platform-banner{grid-template-columns:58% 1fr;padding:60px;gap:28px}.journey-grid{width:85%}}
@media(max-width:1250px){.hero-quote{padding:40px 32px}.hero-intro{grid-template-columns:42% 52%;gap:6%}.pillars{grid-template-columns:1fr;gap:32px}.pillars .section-intro,.pillars h2,.pillars .lead{max-width:none}.pillar-card{min-height:510px}.comparison-card{padding:40px 24px}.comparison-product--lathe{width:180px;top:-10px}.comparison-product--neo{width:190px;top:-25px}.comparison-intro{max-width:85%}.comparison-intro h3{max-width:75%}.comparison-intro .eyebrow{font-size:16px}.manifesto-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:100px}.journey-grid{width:100%;margin-top:160px}.journey{min-height:auto}.journey-card{padding:24px}.site-footer{gap:80px}}
@media(max-width:1000px){.principles h2{position:static;max-width:none}.footer-contacts{margin-left:0;text-align:left;align-items:flex-start;}}
@media(min-width:768px) and (max-width:1000px){.hero-quote{padding:32px 24px}.hero-quote p{font-size:28px}.hero-media{grid-template-columns:1.5fr 1fr}.hero-intro{grid-template-columns:1fr;gap:24px;max-width:none}.hero h1{font-size:52px}.pillar-card{min-height:400px}.pillar-caption{padding:20px 16px}.split-layout{grid-template-columns:1fr;gap:32px}.principles h2{max-width:none}.journey-grid{gap:12px}.journey-card{padding:20px}.journey-card blockquote{font-size:16px;line-height:1.4}.comparison-product--lathe,.comparison-product--neo{width:140px}.comparison-intro{max-width:none}.comparison-intro h3{max-width:none}.comparison-intro .eyebrow{max-width:160px}.comparison-intro .muted{padding-top:12px}.comparison-card{gap:24px}.comparison-intro h3{font-size:28px}.feature-list .feature{grid-template-columns:40px 1fr;gap:8px 12px}.feature-list .icon-circle{width:40px;height:40px;grid-row:1}.feature-list .feature p{grid-column:1/-1}.manifesto-intro{grid-template-columns:1fr 1fr;gap:48px}.platform-banner{padding:40px}.platform-machine{right:2%}}
@media(min-width:768px) and (max-width:1700px){
  .comparison-card{--product-reserve:clamp(110px,12vw,180px)}
  .comparison-product--lathe,.comparison-product--neo{width:var(--product-reserve);height:150px;top:-32px;right:24px}
  .comparison-intro,.comparison-card.theme-dark .comparison-intro{max-width:none}
  .comparison-intro .eyebrow,.comparison-intro h3{max-width:calc(100% - var(--product-reserve))}
  .comparison-intro .muted{padding-top:16px}
}
@media(max-width:767px){
  .hero{padding-top:23px}.hero-intro{display:flex;flex-direction:column;align-items:stretch;gap:16px}.hero-copy{gap:16px}.hero h1{white-space:nowrap}.hero-strategy-arrow{display:none!important}
  .hero-media{display:flex;flex-direction:column;gap:8px;margin-top:24px}.hero-photo{border-radius:8px;aspect-ratio:328/182}.hero-quote{min-height:148px;padding:16px;gap:20px;border-radius:8px}.hero-quote>img{width:24px;height:24px}.hero-quote p{font-size:22px;line-height:24px;max-width:none}
  .pillars{display:flex;flex-direction:column;gap:16px;padding-block:56px}.pillars .section-intro,.pillars h2,.pillars .lead{max-width:none}.pillar-grid{display:grid;grid-template-columns:1fr;gap:8px}.pillar-card{height:390px;min-height:0}.pillar-caption{padding:16px;gap:12px}.pillar-caption h3{font-size:20px;line-height:24px}.pillar-caption p{font-size:15px;line-height:21px}.pillar-machine{width:100%;height:280px;top:0;left:0}.pillar-photo{object-position:center 50%!important}.pillar-card--people .pillar-photo{object-position:center!important}
  .principles{padding-block:56px}.split-layout{display:flex;flex-direction:column;gap:16px}.principle-list{width:100%}.principle{padding-block:20px;gap:16px}.numbered-title{gap:16px;align-items:baseline}.numbered-title .number{font-size:20px;line-height:24px}.numbered-title h3{font-size:24px;line-height:26px}.principle>p{font-size:15px;line-height:21px}.tag-list li{font-size:14px;line-height:20px;padding:10px 17px}.tag-list{gap:8px}.principle--benefits{gap:24px}.benefit-grid{display:flex;flex-direction:column;gap:8px}.benefit{min-height:0;padding:16px;gap:12px}.benefit>img{width:24px;height:24px}.benefit h4{font-size:16px;line-height:22px}.benefit>div{gap:4px}.benefit p{font-size:15px;line-height:21px}
  .journey{min-height:0}.journey-inner{padding-top:56px;padding-bottom:0}.journey .section-intro{max-width:none}.journey-background{background-image:url('../assets/images/journey-mobile.webp');background-size:100% auto;background-position:center top;background-repeat:no-repeat}.journey-background::after{inset:0;background:linear-gradient(to bottom,#f8fafe 0,#f8fafe 115px,rgba(248,250,254,0) 215px,rgba(248,250,254,0) 329px,#f8fafe 490px)}
  .journey-grid{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:200px}.journey-card{width:100%;padding:16px;gap:32px;min-height:0!important}.journey-card h3{font-size:20px;line-height:24px}.journey-card blockquote{font-size:16px;line-height:22px;padding-top:16px}.journey-card>div{gap:8px}.journey-card p{line-height:21px}.journey-card.theme-dark{background:var(--graphite)}
  .comparison{padding-block:56px}.comparison h2{max-width:none;margin-bottom:16px}.comparison-grid{display:flex;flex-direction:column;gap:16px}.comparison-card{padding:56px 16px 16px;gap:16px;min-height:0}.comparison-intro,.comparison-card.theme-dark .comparison-intro{max-width:none;gap:12px}.comparison-intro .eyebrow{font-size:16px;line-height:22px}.comparison-intro h3{font-size:24px;line-height:26px;max-width:none;margin-top:-8px}.comparison-intro .muted{font-size:16px;line-height:22px}.comparison-card:not(.theme-dark) .comparison-intro{max-width:max(211px,calc(100% - 85px))}.comparison-product--lathe{width:149px;height:144px;top:-16px;right:0}.comparison-product--neo{width:143px;height:167px;top:-36px;right:0}
  .feature-list .feature{min-height:0;padding-block:16px}.feature-list .feature:last-child{min-height:0;padding-bottom:0}.feature-list .feature p{font-size:15px}.feature-list .feature h4{font-size:16px}.feature-list .feature .icon-circle{width:44px;height:44px}
  .manifesto{padding-block:56px}.manifesto-intro{display:flex;flex-direction:column;align-items:stretch;gap:16px}.manifesto-intro h2,.manifesto-intro .lead{max-width:none}.manifesto-intro h2 .accent{display:block}.manifesto-grid{display:flex;flex-direction:column;gap:8px;margin-top:16px}.manifesto-grid .feature{min-height:0}
  .platform-banner{margin-top:56px;min-height:0;padding:20px 16px;display:flex;flex-direction:column;gap:12px}.platform-copy h3{font-size:24px;line-height:24px}.platform-name{font-size:32px;line-height:35px;margin-top:8px}.platform-machine{position:static;width:100%;height:220px;object-fit:contain}.platform-banner>.button{width:100%}.site-footer{margin-top:56px;gap:20px}
}
@media(min-width:480px) and (max-width:767px){.hero h1{font-size:44px}.hero-copy{max-width:none}.pillar-card{height:520px}.pillar-machine{height:88%}.hero-quote p{max-width:none}.journey-background{background-size:100% auto;background-position:center top}.journey-card{min-height:190px!important}.platform-machine{height:310px}.platform-banner{padding:28px}.platform-copy h3{max-width:none}}
html:is([lang=en],[lang=de]) .hero h1{white-space:normal}@media(min-width:1001px){html:is([lang=en],[lang=de]) .hero-intro{grid-template-columns:minmax(0,650px) minmax(0,704px)}}

@media(min-width:1920px){.platform-name{line-height:53px}}