:root{
  --anthracite:#111315;
  --coal:#1a1d20;
  --paper:#f3f1ec;
  --light:#f7f7f5;
  --dark:#171717;
  --gold:#b49362;
  --muted:#9b9b94;
  --line:rgba(247,247,245,.16);
  --max: min(1520px, calc(100vw - 64px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  margin:0;
  background:var(--paper);
  color:var(--dark);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  overflow-x:clip;
}
body.menu-open{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:22px clamp(20px,4vw,64px);
  color:var(--light);
  transition:background .35s ease, backdrop-filter .35s ease, padding .35s ease, border-color .35s ease;
  animation:navDrop .7s ease both;
  border-bottom:1px solid transparent;
}
.site-header.is-scrolled,.site-header.is-solid{
  padding-block:14px;
  background:rgba(17,19,21,.78);
  backdrop-filter:blur(18px);
  border-color:rgba(255,255,255,.08);
}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:13px;line-height:.92;letter-spacing:.08em}
.brand img{width:44px;height:44px}
.main-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.main-nav a{opacity:.78;transition:opacity .2s ease,color .2s ease}
.main-nav a:hover,.main-nav a[aria-current=page]{opacity:1;color:var(--gold)}
.nav-cta,.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border:1px solid var(--gold);
  background:var(--gold);
  color:#111;
  text-transform:uppercase;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
  cursor:pointer;
}
.nav-cta{min-height:42px;padding-inline:18px}
.button:hover,.nav-cta:hover{transform:translateY(-2px);background:#c8aa78}
.button--ghost{background:transparent;color:var(--light);border-color:rgba(247,247,245,.42)}
.button--ghost:hover{background:var(--light);color:var(--dark);border-color:var(--light)}
.button--light{background:var(--light);border-color:var(--light);color:var(--dark)}
.menu-toggle{display:none;width:48px;height:48px;border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--light);position:relative}
.menu-toggle span{position:absolute;left:13px;right:13px;height:2px;background:currentColor;transition:transform .25s ease,top .25s ease}
.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:28px}
.menu-open .menu-toggle span:first-child{top:23px;transform:rotate(45deg)}
.menu-open .menu-toggle span:last-child{top:23px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:90;background:rgba(17,19,21,.97);color:var(--light);opacity:0;pointer-events:none;transition:opacity .3s ease}
.mobile-menu.is-open{opacity:1;pointer-events:auto}
.mobile-menu__inner{min-height:100%;padding:120px 28px 40px;display:flex;flex-direction:column;gap:20px}
.mobile-menu a:not(.button){font-size:clamp(34px,9vw,64px);font-weight:800;letter-spacing:0;line-height:1}
.hero{position:relative;min-height:100svh;color:var(--light);display:grid;align-items:end;overflow:hidden}
.hero__media,.hero__shade{position:absolute;inset:0}
.hero__media{background-size:cover;background-position:center;transform:scale(1.05);will-change:transform}
.hero__shade{background:linear-gradient(90deg,rgba(17,19,21,.86),rgba(17,19,21,.45) 48%,rgba(17,19,21,.16)),linear-gradient(0deg,rgba(17,19,21,.82),transparent 34%)}
.hero__content{position:relative;z-index:2;width:var(--max);margin:0 auto;padding:170px 0 110px}
.eyebrow{margin:0 0 22px;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.page-hero h1,.section h2,.statement h2,.cta-content h2,.contact-hero h1{
  margin:0;
  font-size:clamp(52px,8.8vw,154px);
  line-height:.88;
  letter-spacing:0;
  font-weight:850;
}
.hero-title{
  margin:0;
  font-size:clamp(46px,7vw,116px);
  line-height:.9;
  letter-spacing:0;
  font-weight:850;
}
.hero-title span{display:block;overflow:hidden;animation:lineReveal .85s cubic-bezier(.22,.8,.2,1) both}
.mobile-break{display:none}
.hero-title span:nth-child(2){animation-delay:.14s}
.hero-title span:nth-child(3){animation-delay:.28s;font-size:clamp(28px,3.6vw,56px);color:var(--gold);margin-top:16px}
.hero-copy{max-width:680px;margin:28px 0 0;color:rgba(247,247,245,.82);font-size:clamp(17px,1.28vw,22px);line-height:1.52}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-reveal{animation:fadeUp .8s ease both}.hero-copy{animation-delay:.45s}.hero-actions{animation-delay:.58s}
.scroll-indicator{position:absolute;left:50%;bottom:34px;z-index:3;width:28px;height:52px;border:1px solid rgba(247,247,245,.36);border-radius:99px;transform:translateX(-50%)}
.scroll-indicator span{position:absolute;left:50%;top:10px;width:4px;height:4px;background:var(--light);border-radius:50%;animation:scrollDot 1.6s infinite}
.trust-band{background:var(--anthracite);color:var(--light);padding:48px clamp(24px,4vw,64px)}
.trust-grid{max-width:1520px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.trust-item{padding:36px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-item strong{display:block;font-size:clamp(44px,5vw,86px);line-height:.9}
.trust-item strong::after{content:"+";color:var(--gold)}
.trust-item strong[data-suffix]::after{content:attr(data-suffix)}
.trust-item span{display:block;margin-top:16px;color:rgba(247,247,245,.68);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.14em}
.section{padding:clamp(90px,11vw,180px) clamp(24px,4vw,64px)}
.intro{background:var(--paper)}
.split{width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(40px,9vw,150px);align-items:start}
.section h2{font-size:clamp(42px,6vw,104px)}
.lead{font-size:clamp(19px,1.55vw,27px);line-height:1.56;color:#3c3c38;margin:0 0 32px}
.text-link{display:inline-flex;color:var(--dark);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:8px}
.dark{background:var(--anthracite);color:var(--light)}
.section-head{width:var(--max);margin:0 auto 58px}
.service-list{width:var(--max);margin:auto;border-top:1px solid var(--line)}
.service-row{display:grid;grid-template-columns:90px 1.2fr 1fr 40px;gap:28px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line);transition:background .25s ease,padding .25s ease}
.service-row span{color:var(--gold);font-weight:900}.service-row strong{font-size:clamp(28px,4vw,58px);line-height:1}.service-row p{color:rgba(247,247,245,.72);font-size:17px;line-height:1.5}.service-row em{font-style:normal;font-size:34px;color:var(--gold);transition:transform .25s ease}
.service-row:hover{background:rgba(180,147,98,.08);padding-inline:24px}.service-row:hover em{transform:translateX(10px)}
.projects-preview{background:var(--paper)}
.project-stack,.project-catalog{width:var(--max);margin:auto;display:grid;gap:clamp(64px,9vw,140px)}
.project-feature{width:min(90vw,1280px)}
.project-feature--offset{justify-self:end}
.project-image{display:block;position:relative;overflow:hidden;background:#222;aspect-ratio:16/9}
.project-image::after{content:"";position:absolute;inset:0;background:var(--paper);transform-origin:right;transition:transform 1s cubic-bezier(.22,.8,.2,1);z-index:2}
.project-feature.is-visible .project-image::after{transform:scaleX(0)}
.project-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1s cubic-bezier(.22,.8,.2,1)}
.project-feature.is-visible img{transform:scale(1)}
.project-image:hover img{transform:scale(1.035)}
.project-meta{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-top:20px;border-bottom:1px solid rgba(17,19,21,.18);padding-bottom:18px}
.project-meta h3,.project-meta h2{margin:0;font-size:clamp(30px,4vw,62px);line-height:1;text-transform:uppercase}
.project-meta span{color:#66615b;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}
.statement{position:relative;min-height:100svh;display:grid;place-items:center;color:var(--light);overflow:hidden;background:var(--anthracite)}
.statement__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35;animation:kenburns 28s linear infinite alternate}
.statement::after{content:"";position:absolute;inset:0;background:rgba(17,19,21,.62)}
.statement__inner{position:relative;z-index:2;width:var(--max)}
.statement h2{font-size:clamp(46px,7vw,118px)}.statement h2 span{color:var(--gold)}.statement p{max-width:680px;font-size:clamp(18px,1.5vw,24px);line-height:1.55;color:rgba(247,247,245,.76)}
.team-layout{width:var(--max);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,120px);align-items:center}.team-layout img{width:100%;aspect-ratio:5/4;object-fit:cover}
.process{background:#e9e5dc}.process-track{position:relative;width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:34px;padding-top:46px}.process-line{position:absolute;top:10px;left:0;right:0;height:2px;background:rgba(17,19,21,.18)}.process-line span{display:block;height:100%;width:0;background:var(--gold)}.process article{border-top:1px solid rgba(17,19,21,.3);padding-top:28px}.process article span,.service-detail span{color:var(--gold);font-weight:900}.process h3{font-size:24px;text-transform:uppercase;margin:18px 0 14px}.process p{line-height:1.55;color:#4b4842}
.cta-section{position:relative;min-height:92svh;color:var(--light);display:grid;align-items:end;overflow:hidden}.cta-bg{position:absolute;inset:0;background-size:cover;background-position:center}.cta-section::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,19,21,.86),rgba(17,19,21,.36)),linear-gradient(0deg,rgba(17,19,21,.9),transparent)}.cta-content{position:relative;z-index:2;width:var(--max);margin:auto;padding:120px 0}.cta-content h2{font-size:clamp(48px,7vw,120px)}.cta-content p{max-width:620px;font-size:21px;color:rgba(247,247,245,.78)}.contact-strip{display:flex;gap:44px;flex-wrap:wrap;margin-top:38px;color:rgba(247,247,245,.7)}.contact-strip a{display:block;margin-top:8px;color:var(--light);font-weight:800}
.site-footer{background:var(--anthracite);color:var(--light);padding:72px clamp(24px,4vw,64px) 28px}.footer-mark{font-size:clamp(64px,13vw,210px);line-height:.82;font-weight:900;color:rgba(247,247,245,.08);margin-bottom:58px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;max-width:1520px;margin:auto}.footer-grid div,.footer-grid nav{display:grid;gap:12px;align-content:start}.footer-grid strong{color:var(--gold);text-transform:uppercase;font-size:12px;letter-spacing:.14em}.footer-grid a,.footer-grid span{color:rgba(247,247,245,.68)}.footer-bottom{max-width:1520px;margin:64px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:rgba(247,247,245,.58);text-transform:uppercase;font-size:12px;letter-spacing:.12em}.site-footer.compact{padding-top:32px}
.page-hero{padding:180px clamp(24px,4vw,64px) 90px;width:var(--max);margin:auto}.page-hero--dark{width:100%;max-width:none;margin:0;background:var(--anthracite);color:var(--light);padding-inline:max(24px,calc((100vw - 1520px)/2))}.page-hero h1{font-size:clamp(54px,8vw,132px)}.page-hero p:not(.eyebrow){max-width:700px;font-size:22px;line-height:1.5;color:#615d55}.page-hero--dark p:not(.eyebrow){color:rgba(247,247,245,.72)}
.service-detail{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(34px,6vw,100px);align-items:center;padding:90px clamp(24px,4vw,64px);width:var(--max);margin:auto}.service-detail--flip{grid-template-columns:.82fr 1.18fr}.service-detail--flip img{order:2}.service-detail img{aspect-ratio:16/11;width:100%;object-fit:cover}.service-detail h2{font-size:clamp(42px,5vw,86px);line-height:.95;margin:18px 0 24px}.service-detail p{font-size:20px;line-height:1.6;color:#4d4942}
.project-catalog{padding:30px 0 130px}
.contact-hero{min-height:100svh;background:var(--anthracite);color:var(--light);display:grid;grid-template-columns:1fr minmax(360px,560px);gap:clamp(40px,7vw,120px);align-items:center;padding:150px clamp(24px,4vw,64px) 80px}.contact-hero>div{max-width:880px}.contact-hero p:not(.eyebrow){max-width:650px;font-size:21px;line-height:1.55;color:rgba(247,247,245,.72)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:rgba(247,247,245,.06);border:1px solid var(--line);padding:28px}.contact-form label{display:grid;gap:8px;color:rgba(247,247,245,.7);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(247,247,245,.18);background:rgba(0,0,0,.18);color:var(--light);padding:14px;font:inherit}.contact-form textarea{resize:vertical}.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8d2c6}.contact-info div{padding:44px clamp(24px,4vw,64px);background:var(--paper)}.contact-info span{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.14em}.contact-info a,.contact-info p{font-size:clamp(22px,2.2vw,34px);font-weight:800;margin:12px 0 0}
[data-reveal]{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal=reveal-left]{transform:translateX(-48px)}[data-reveal=reveal-right]{transform:translateX(48px)}[data-reveal=fade-in]{transform:none}
@keyframes navDrop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes lineReveal{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes scrollDot{0%{transform:translate(-50%,0);opacity:0}35%{opacity:1}100%{transform:translate(-50%,24px);opacity:0}}@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.12)}}
@media (max-width:1100px){
  .main-nav,.nav-cta{display:none}.menu-toggle{display:block}.split,.team-layout,.contact-hero{grid-template-columns:1fr}.trust-grid,.process-track,.footer-grid{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:54px 1fr 34px}.service-row p{grid-column:2/4;margin:0}.service-detail,.service-detail--flip{grid-template-columns:1fr}.service-detail--flip img{order:0}.contact-info{grid-template-columns:1fr}
}
@media (max-width:700px){
  :root{--max:calc(100vw - 40px)}.site-header{padding:16px 20px}.brand span{font-size:12px}.hero__content{padding:132px 0 92px}.hero-title{font-size:clamp(35px,10.4vw,43px)}.page-hero h1,.contact-hero h1{font-size:clamp(46px,14vw,68px)}.hero-title span{overflow:visible}.mobile-break{display:block}.hero-title span:nth-child(3){font-size:clamp(23px,6vw,31px);line-height:1.05}.hero-copy{font-size:16px;margin-top:22px}.hero-actions{margin-top:24px}.button{width:100%;min-height:52px}.trust-grid,.process-track,.footer-grid,.contact-form{grid-template-columns:1fr}.trust-item{padding:28px 22px}.section{padding-block:82px}.section h2,.statement h2,.cta-content h2{font-size:clamp(40px,13vw,62px)}.split{gap:32px}.service-row{grid-template-columns:42px 1fr 28px;gap:12px;padding:28px 0}.service-row strong{font-size:30px}.project-feature{width:100%}.project-meta{display:grid;gap:12px;align-items:start}.project-meta h2,.project-meta h3{font-size:34px}.team-layout img{aspect-ratio:4/5}.process-line{left:12px;right:auto;top:46px;bottom:0;width:2px;height:auto}.process-line span{width:100%;height:0}.process article{padding-left:36px}.cta-content{padding:90px 0}.page-hero{padding-top:140px}.service-detail{padding-block:56px}.contact-hero{padding-top:132px}.contact-form{padding:20px}.footer-bottom{display:grid}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  [data-reveal]{opacity:1!important;transform:none!important}.hero__media,.statement__bg{transform:none!important}
}


/* Free-run premium upgrade */
.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero-proof span{border:1px solid rgba(247,247,245,.22);background:rgba(17,19,21,.34);backdrop-filter:blur(12px);padding:10px 12px;color:rgba(247,247,245,.84);text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.11em}
.premium-signal{background:var(--anthracite);color:var(--light);padding:0 clamp(24px,4vw,64px) 56px}
.signal-grid{width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(247,247,245,.03)}
.signal-grid article{padding:30px;min-height:220px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.signal-grid article:last-child{border-right:0}
.signal-grid span,.sector-grid span{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.14em}
.signal-grid strong{display:block;font-size:clamp(22px,2.2vw,34px);line-height:1.05;text-transform:uppercase;margin:24px 0 14px}
.signal-grid p{margin:0;color:rgba(247,247,245,.68);line-height:1.5}
.decision-panel{background:#d9d2c4}
.decision-layout{width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,8vw,130px);align-items:start}
.decision-layout h2{font-size:clamp(42px,6vw,98px)}
.decision-checks{background:rgba(255,255,255,.34);border:1px solid rgba(17,19,21,.12);padding:34px}
.decision-checks p{font-size:clamp(18px,1.45vw,24px);line-height:1.55;margin:0 0 26px;color:#403c35}
.decision-checks ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.decision-checks li{border-top:1px solid rgba(17,19,21,.16);padding-top:18px;color:#4b463e;line-height:1.5}
.decision-checks strong{color:var(--dark)}
.sectors{background:var(--paper)}
.sector-grid{width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:rgba(17,19,21,.16)}
.sector-grid article{background:var(--paper);padding:34px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between}
.sector-grid h3{font-size:clamp(28px,3vw,48px);line-height:1;margin:42px 0 18px;text-transform:uppercase}
.sector-grid p{margin:0;color:#4b4740;line-height:1.55;font-size:18px}
.quote-band{background:var(--anthracite);color:var(--light);padding-block:clamp(80px,10vw,150px)}
.quote-card{width:var(--max);margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(38px,6vw,80px) 0}
.quote-card p{max-width:1180px;margin:0;font-size:clamp(38px,5.6vw,96px);line-height:.98;font-weight:850;letter-spacing:0}
.quote-card span{display:block;margin-top:28px;color:var(--gold);text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.14em}
.pre-cta{background:#e7e1d5}
.pre-cta-grid{width:var(--max);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(34px,7vw,120px);align-items:center}
.pre-cta-grid h2{font-size:clamp(40px,5.8vw,96px)}
.pre-cta-list{display:grid;gap:12px}
.pre-cta-list span{padding:20px 22px;border:1px solid rgba(17,19,21,.16);background:rgba(255,255,255,.28);font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#302d28}
.contact-form{grid-template-columns:1fr 1fr}
@media (max-width:1100px){.signal-grid,.sector-grid{grid-template-columns:1fr}.signal-grid article{border-right:0;border-bottom:1px solid var(--line)}.decision-layout,.pre-cta-grid{grid-template-columns:1fr}}
@media (max-width:700px){.hero__content{width:calc(100vw - 32px)}.hero-copy{max-width:330px;font-size:15.5px;overflow-wrap:normal;word-break:normal;hyphens:auto}.hero-proof{max-width:330px}.hero-proof span{width:100%;font-size:9.5px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;padding-inline:10px}.decision-checks{padding:22px}.sector-grid article,.signal-grid article{min-height:auto}.quote-card p{font-size:clamp(34px,11vw,54px)}.pre-cta-list span{font-size:12px;line-height:1.35}.contact-form{grid-template-columns:1fr}}
/* Dezenter Kontextlink der eigenständigen 33bit-Showroom-Demo. */
.showroom-return {
  position: fixed;
  z-index: 120;
  left: 18px;
  bottom: 18px;
  padding: 9px 13px;
  border: 1px solid rgba(217, 194, 158, .36);
  border-radius: 999px;
  background: rgba(22, 22, 20, .82);
  color: #e8dfd0;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .02em;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  backdrop-filter: blur(10px);
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.showroom-return:hover,
.showroom-return:focus-visible {
  border-color: rgba(217, 194, 158, .7);
  background: rgba(22, 22, 20, .96);
  color: #fff;
}
.form-status { margin: 0; color: var(--gold, #c9aa75); }
@media (max-width: 700px) {
  .showroom-return { left: 10px; bottom: 10px; padding: 8px 11px; font-size: 11px; }
}