/* adopt it — shared page styles (extracted from per-page <style> blocks).
   Loaded by all subpages; index.html keeps its own extended block. */
:root{--font-body:'PP Telegraf','Mona Sans',system-ui,sans-serif!important}
  html,body{margin:0;background:#faf9f5}
  h1,h2,h3,h4,h5,h6{font-weight:400}
  html{scrollbar-gutter:stable}
  .u-link{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) left 100%/0% 1px no-repeat;padding-bottom:1px;transition:background-size .35s cubic-bezier(.4,0,.2,1)}
  .u-link:hover,.u-link-row:hover .u-link{background-size:100% 1px}
  .u-link-row{display:inline-flex;align-items:center;gap:6px;width:fit-content;color:inherit;text-decoration:none}
  .u-link-static{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) left 100%/0% 1px no-repeat,linear-gradient(var(--border-default),var(--border-default)) left 100%/100% 1px no-repeat;padding-bottom:1px;transition:background-size .35s cubic-bezier(.4,0,.2,1)}
  .u-link-static:hover{background-size:100% 1px,100% 1px}
  /* Base = visible end-state; .in plays an entrance animation FROM hidden.
     If .in is never added (observer/timing/print/PDF), content stays visible. */
  .reveal,.reveal-x{opacity:1;transform:none}
  .reveal.in{animation:revealIn .45s cubic-bezier(.2,.8,.3,1) both}
  .reveal-x.in{animation:revealInX .45s cubic-bezier(.2,.8,.3,1) both}
  @keyframes revealIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  @keyframes revealInX{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.reveal.in,.reveal-x.in{animation:none!important}}
  .hover-lift{transition:transform .4s cubic-bezier(.2,.65,.25,1),box-shadow .4s cubic-bezier(.2,.65,.25,1)}
  .hover-lift:hover{transform:none;box-shadow:none}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none}.hover-lift{transition:none}}
  @keyframes navFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  
  
  .s-social-ic:hover{background:var(--ink)!important;color:#faf9f5!important}
  img{max-width:100%}
  @media (max-width:860px){
    .s-hero-sub{max-width:none!important}
    .s-nav-desktop{display:none!important}
    .s-nav-lang-desktop{display:none!important}
    .s-nav-burger{display:inline-flex!important;color:var(--ink)!important;border-color:var(--ink)!important}
    .s-nav-lang-mobile{display:inline-flex!important}
    .s-nav-inner{padding:0 24px!important}
    .s-grid-4,.s-grid-3{grid-template-columns:1fr 1fr!important}
    .s-as-meta{grid-template-columns:1fr 1fr!important}
    .s-hero-text{padding:108px 0 30px!important}
    .s-hero-h1{font-size:clamp(29px,7.4vw,42px)!important}
    .s-process-row{grid-template-columns:48px 1fr!important;column-gap:18px!important}
    .s-process-line{left:24px!important}
    .s-process-text{text-align:left!important;grid-column:2!important;grid-row:1!important}
    .s-process-text p{margin-left:0!important;max-width:none!important}
    .s-process-cta{align-items:flex-start!important}
    .s-process-node{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important}
  }
  @media (max-width:560px){
    .s-page{padding:0 16px!important}
    .s-nav-inner{padding:0 16px!important}
    .s-sections{gap:32px!important}
    .s-partner-band{margin-top:0!important;margin-bottom:0!important}
    .s-partner-inner{padding:32px 20px!important}
    .s-frame{padding-top:32px!important;padding-bottom:32px!important}
    .s-frame.s-pad{padding:40px 20px!important}
    .s-frame.s-hero-text{padding:108px 0 30px!important}
    .s-grid-3{grid-template-columns:1fr!important;gap:14px!important}.s-techgrid{grid-template-columns:1fr!important;gap:20px!important}.s-techgrid p{max-width:none!important}.s-techgrid > div:last-child > span{font-size:14px!important;padding:8px 14px!important}
    .s-grid-4{grid-template-columns:1fr!important}
    .s-card{padding:28px 24px!important;min-height:0!important}
    .s-card-title{font-size:20px!important}
    .s-card-desc{font-size:15px!important;line-height:1.45!important}
    .s-h2{font-size:28px!important;line-height:1.12!important}
    .s-footer{grid-template-columns:1fr!important;gap:24px!important}
    .s-footer-pad{padding-top:28px!important;padding-bottom:28px!important}
    .s-footer img{height:52px!important}
    .s-subfooter{margin-top:30px!important;padding-top:20px!important;gap:12px!important;flex-direction:column!important;align-items:flex-start!important}
    .s-subfooter > div:last-child{gap:18px!important}
    .aq-options{grid-template-columns:1fr!important}
    .aq-fields{grid-template-columns:1fr!important}
  }

  @media (max-width:860px){
    .s-lp-stat{grid-template-columns:1fr!important;gap:32px!important}
    .s-kontakt{grid-template-columns:1fr!important;gap:32px!important}
    .s-founder{grid-template-columns:1fr!important;gap:24px!important}
  }
/* mobile: blog/case carousel + quote box (same as home) and founder layout */
@media (max-width: 720px) {
  .s-quote-swap{animation:quoteIn .5s cubic-bezier(.2,.65,.25,1) both}
  @media (prefers-reduced-motion:reduce){.s-quote-swap{animation:none!important}}
  .s-quotes{grid-template-columns:1fr!important;gap:28px!important;margin-top:36px!important;padding-top:32px!important}
  .s-quote-text{min-height:5.8em!important}
  .s-cases{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px!important;padding:28px 20px 34px!important;margin:36px -20px -14px!important;scroll-padding-left:20px}
  .s-cases::-webkit-scrollbar{display:none}
  .s-case-card{flex:0 0 84%!important;scroll-snap-align:start}
  .s-cases-nav{display:flex!important;justify-content:flex-start!important}
}

:root{--mint:#C2D7D0;--violett:#CDCBE0;--sand:#D6C7AE}/* softer card tints, matched to deck */

.s-shot{border-radius:14px;border:1px solid rgba(26,26,26,0.1);box-shadow:0 1px 2px rgba(26,26,26,.08),0 12px 28px -10px rgba(26,26,26,.2),0 40px 90px -36px rgba(26,26,26,.3)}

@media (max-width:760px){.s-flow{grid-template-columns:1fr!important}.s-flow-arrow{display:none}}

@media (max-width:760px){.s-flow-cols{grid-template-columns:1fr!important}.s-flow-split{display:none}}

@keyframes flowStepIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes flowLineV{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes flowLineH{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
.reveal.in .s-flow-step{animation:flowStepIn .55s cubic-bezier(.2,.8,.3,1) both}
.reveal.in .s-flow-line{animation:flowLineV .3s ease-out both;transform-origin:top}
.reveal.in .s-flow-line-h{animation:flowLineH .3s ease-out both;transform-origin:center}
@media (prefers-reduced-motion:reduce){.reveal.in .s-flow-step,.reveal.in .s-flow-line,.reveal.in .s-flow-line-h{animation:none!important}}
.s-flow-mlink{display:none}
@media (max-width:760px){.s-flow-mlink{display:block}}

@media (max-width:760px){.s-flow-cols{gap:36px!important;margin-top:28px!important}.s-flow-step{padding:14px 14px}}

@media (max-width:860px){.s-statgrid{grid-template-columns:1fr!important}}



@media (max-width:600px){.s-techlist{grid-template-columns:1fr!important}}

@media (max-width:640px){.s-pos-statement{font-size:19px!important;line-height:1.45!important}}

@media (max-width:760px){.s-metrics{grid-template-columns:1fr!important;gap:28px!important}}

.s-stmt-dark .s-pos-statement{color:#dbd9ea!important}.s-stmt-dark .s-pos-statement span.w{color:#dbd9ea!important}.s-stmt-dark .s-pos-statement span span.w{color:#faf9f5!important}

a,button,[role="button"],.u-link-row,.s-card[onclick],label[for]{cursor:pointer}

@media (max-width:1200px){.s-hero-text .s-hero-glyph{display:none!important}.s-hero-text .s-lphero{grid-template-columns:1fr!important}}

@media (max-width:860px){.s-eco{grid-template-columns:1fr!important}.s-eco .s-eco-img{order:2}}


@media (max-width:520px){.s-eco-diag-3{grid-template-columns:1fr!important}}

@media (max-width:760px){.s-kpis{grid-template-columns:1fr!important;gap:22px!important}}

@media (max-width:1100px){.s-cases{grid-template-columns:repeat(2,1fr)!important}}







@media (max-width:860px){.s-field-live{display:none!important}}

@media (max-width:560px){.s-field-stat{display:none!important}}

/* hero assistant polish */
.s-field-q.typing::after{content:"";display:inline-block;width:2px;height:1.05em;background:var(--text-strong);margin-left:3px;vertical-align:-0.15em;animation:sfCaret .75s steps(1) infinite}
@keyframes sfCaret{50%{opacity:0}}
@media (max-width:860px){.s-field-live{display:none!important}}
@media (max-width:560px){.s-field-stat{display:none!important}}


@media (max-width:1150px) and (min-width:901px){.s-grid-4{grid-template-columns:1fr 1fr!important}}@media (max-width:640px){.s-tier{padding:26px 22px!important}}


html{overflow-x:clip}body{overflow-x:clip}.s-field{position:relative}.s-field-box{position:relative;z-index:2;transition:border-color .4s ease}.s-field-conns{position:relative;z-index:2}.s-field-orbits{position:absolute;inset:-180px -24px -140px;overflow:hidden;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 52%,#000 42%,transparent 80%);mask-image:radial-gradient(ellipse 75% 65% at 50% 52%,#000 42%,transparent 80%)}.s-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(26,26,26,0.1);border-radius:999px}.s-orbit.o1{width:640px;height:640px;animation:orbSpin 60s linear infinite}.s-orbit.o2{width:940px;height:940px;border-style:dashed;border-color:rgba(26,26,26,0.09);animation:orbSpin 95s linear infinite reverse}.s-orbit.o3{width:1260px;height:1260px;border-color:rgba(26,26,26,0.07);animation:orbSpin 130s linear infinite}.s-orbit i,.s-orbit b{position:absolute;width:7px;height:7px;border-radius:999px}.s-orbit i{top:-3.5px;left:calc(50% - 3.5px)}.s-orbit b{bottom:-3.5px;left:calc(50% - 3.5px)}.s-orbit.o1 i{background:var(--mint)}.s-orbit.o1 b{background:var(--violett)}.s-orbit.o2 i{background:var(--violett)}.s-orbit.o2 b{background:var(--forest)}.s-orbit.o3 i{background:var(--mint)}.s-field-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.s-flow-p{fill:none;stroke:var(--ink);stroke-opacity:.35;stroke-width:1.2}.s-flow-dot{opacity:0}@keyframes orbSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.s-field-box.working{border-color:var(--mint);animation:fieldGlow 1.5s ease-in-out infinite}@keyframes fieldGlow{0%,100%{box-shadow:0 22px 52px -22px rgba(26,26,26,0.28)}50%{box-shadow:0 22px 52px -22px rgba(26,26,26,0.28),0 0 0 6px rgba(194,215,208,0.32)}}@media (max-width:900px){.s-orbit.o1{width:460px;height:460px;animation-duration:45s}.s-orbit.o2{width:680px;height:680px;animation-duration:75s}.s-orbit.o3{width:900px;height:900px;animation-duration:100s}}@media (max-width:700px){.s-field-conns{display:none}.s-field-orbits{inset:-120px -24px -110px}}@media (prefers-reduced-motion:reduce){.s-orbit,.s-field-box.working{animation:none!important}}

/* hero depth v2 */
.s-field-glow{position:absolute;border-radius:999px;pointer-events:none;z-index:0;filter:blur(56px);opacity:.5}
.s-field-glow.g1{width:min(460px,90vw);height:min(460px,90vw);left:-6%;top:-34%;background:radial-gradient(circle,var(--mint),transparent 70%);animation:glowDrift1 16s ease-in-out infinite alternate}
.s-field-glow.g2{width:min(520px,96vw);height:min(520px,96vw);right:-8%;bottom:-42%;background:radial-gradient(circle,var(--violett),transparent 70%);animation:glowDrift2 21s ease-in-out infinite alternate}
@keyframes glowDrift1{to{transform:translate(44px,26px) scale(1.14)}}
@keyframes glowDrift2{to{transform:translate(-40px,-22px) scale(1.1)}}
.s-orbit.o3{width:min(1150px,210vw);height:min(1150px,210vw);border-color:rgba(26,26,26,0.055);animation:orbSpin 150s linear infinite}
.s-orbit.o3 i{background:var(--forest);opacity:.55}
@media (prefers-reduced-motion:reduce){.s-field-glow{animation:none!important}}

@media (max-width:860px){.s-grid-4,.s-grid-3,.s-grid-2{gap:20px!important}.s-tier{margin-bottom:0!important}}