/* Local webfonts — no Google CDN. Latin subset via Fontsource. */
:root{--bg:#111312;--white:#f2efe9;--muted:#90918f;--lime:#a67c52;--cyan:#a67c52;--line:#262724}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font:16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button{border:0}::selection{background:var(--lime);color:#111312}.mono,.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em}.lime,em{color:var(--lime)}em{font-style:normal}.cyan-text{color:var(--cyan)}header{height:96px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-weight:800;font-size:20px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.brand-mark{font-size:43px;line-height:.6;letter-spacing:-7px;margin-right:10px;transform:skew(-12deg)}.brand-mark span{color:var(--lime)}.brand-dot{font-size:11px;align-self:flex-start}nav{display:flex;gap:38px;font-size:14px;color:#bbb}nav a:hover{color:white}.nav-cta{font-size:14px;border:1px solid #46433f;padding:12px 19px;border-radius:3px}.nav-cta span{color:var(--lime);margin-left:25px}.hero{min-height:740px;height:calc(100svh - 96px);max-height:1000px;position:relative;margin:0 4.5%;isolation:isolate}.hero-top{padding-top:28px;display:flex;justify-content:space-between;color:#b3b0ac}.dot{display:inline-block;background:var(--lime);width:6px;height:6px;border-radius:50%;margin-right:10px;box-shadow:0 0 12px #a67c5244}.hero-coordinate{color:#7b7874}#sculpture{position:absolute;width:65%;height:90%;right:-3%;top:3%;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 92%,transparent)}.hero-copy{padding-top:65px;position:relative;width:75%;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(64px,7.5vw,119px);font-weight:700;line-height:.97;letter-spacing:-.035em;margin:0 0 30px}.headline-line{display:block;width:fit-content;animation:headline .85s both}.headline-line:nth-child(2){animation-delay:.15s}.headline-line:nth-child(3){animation-delay:.3s}.muted{color:#888581}h1 .lime{color:var(--lime)}.hero-copy p{color:#b6b3af;font-size:16px;line-height:1.7;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--lime);color:#111312;font-size:14px;font-weight:700;border-radius:3px;min-height:56px;padding:0 22px;box-shadow:0 0 30px #a67c5210;transition:box-shadow .25s,border-radius .25s,transform .18s}.button:hover{box-shadow:0 0 35px #a67c5228;border-radius:10px 3px 10px 3px}.button span{font-size:23px;font-weight:400}.sculpture-label{position:absolute;right:7%;top:76%;font-size:11px;color:#999692;line-height:1.9}.sculpture-label small{font-size:10px}.cross{position:absolute;left:-25px;color:var(--cyan);font-size:20px}.hero-bottom{position:absolute;bottom:26px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#989591}.scroll-icon{border:1px solid #474440;border-radius:20px;display:inline-flex;height:28px;width:19px;align-items:center;justify-content:center;color:var(--lime);margin-right:12px}.service-strip{margin:0 4.5%;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-strip a{padding:30px 26px;font-size:19px;display:flex;align-items:center;gap:24px;border-right:1px solid var(--line);transition:color .25s}.service-strip a:first-child{padding-left:0}.service-strip a:last-child{border:0}.service-strip span{font:11px 'IBM Plex Mono',monospace;color:#827f7b;transition:color .25s}.service-strip b{margin-left:auto;font-size:22px;color:#7a7773;font-weight:400;transition:color .25s}.service-strip a:hover,.service-strip a:focus-visible{color:var(--lime)}.service-strip a:hover span,.service-strip a:focus-visible span,.service-strip a:hover b,.service-strip a:focus-visible b{color:var(--lime)}.chapter{margin:0 6.5%;padding-top:110px}.chapter-head{display:flex;justify-content:space-between;color:#9a9793;padding-bottom:25px;border-bottom:1px solid var(--line)}.chapter-head span:first-child{color:var(--lime)}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:75px 0 50px}.eyebrow{font-size:10px;color:#adaaa6;display:flex;align-items:center;gap:10px}.tiny-square{width:5px;height:5px;background:var(--lime);display:inline-block}.tiny-square.cyan{background:var(--cyan)}h2{font:600 clamp(42px,5.1vw,74px)/1.03 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:-.02em;margin:25px 0}.chapter-copy p{font-size:17px;line-height:1.8;color:#989591;max-width:430px}.chapter-copy .white{color:#e4ded6}.instruction{font-size:12px;color:#8e8b87;line-height:1.8;margin-top:30px;padding-left:30px;position:relative}.instruction>span{position:absolute;left:0;color:var(--lime);font-size:22px}.workbench{border:1px solid #383531;background:radial-gradient(ellipse at 50% 10%,#a67c520a,transparent 60%),#0b0d09;border-radius:7px;padding:22px}.panel-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8f8c88}.live-state{color:var(--lime)}.node-zone{display:flex;align-items:center;flex-direction:column;gap:18px;padding:35px 0 28px}.node-zone>span{font-size:9px;color:#888581}.ai-node{height:66px;width:66px;background:#a67c52;color:#111312;font-size:47px;border-radius:50%;cursor:grab;box-shadow:0 0 0 9px #a67c5208,0 0 45px #a67c5233;transition:transform .3s}.ai-node:active{cursor:grabbing;transform:scale(.9)}.tasks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task{border:1px solid #373430;border-radius:4px;padding:17px 12px;background:#181b19;text-align:left;display:flex;align-items:center;gap:10px;font-size:13px;min-height:88px;transition:.3s}.task small{display:block;font-size:10px;color:#888581;margin-top:6px}.task-icon{color:#b2afab;font-size:25px}.task-check{margin-left:auto;color:#74716d}.task:hover,.task.drag-over{border-color:var(--lime);transform:translateY(-3px)}.task.done{background:#a67c5210;border-color:#a67c52}.task.done .task-icon,.task.done .task-check{color:var(--lime)}.task.done .task-icon{animation:pop .5s}.workbench-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #302d29;margin-top:22px;padding-top:17px;color:#aca9a5;font-size:11px;min-height:40px}.workbench-bottom button{font-size:22px;background:none;color:#aeaba7}.bridge{margin:35px auto 0;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;height:90px;color:var(--lime)}.bridge>span{height:1px;width:16%;background:linear-gradient(90deg,transparent,#676460)}.bridge>span:nth-of-type(2){transform:rotate(180deg)}.bridge i{font-size:27px;font-style:normal}.bridge p{position:absolute;bottom:-12px;color:#6f6c68;font-size:9px}.homepage .chapter-head span:first-child{color:var(--cyan)}.site-demo{border:1px solid #44413d;border-radius:7px;overflow:hidden;transform:perspective(1200px) rotateY(5deg)}.browser-bar{padding:14px;background:#181b19;color:#888581;display:flex;justify-content:space-between;font-size:10px}.browser-bar span:first-child{letter-spacing:4px;font-size:8px}.demo-website{padding:25px;background:#e8e3dc;color:#36332f;position:relative;overflow:hidden;min-height:365px}.demo-nav{display:flex;justify-content:space-between;align-items:center;font-weight:800;letter-spacing:-1px;font-size:22px}.demo-nav span{font-size:8px;letter-spacing:0;font-weight:400}.demo-main{padding:36px 0 25px;position:relative}.demo-main>.mono{font-size:7px}.demo-main h3{font-size:56px;line-height:.96;letter-spacing:-3px;margin:15px 0}.demo-main p{font-size:10px;line-height:1.6}.demo-main button{background:#3a3733;color:#fff;padding:12px;font-size:9px;border-radius:2px}.demo-geometry{position:absolute;right:-40px;top:40px;width:48%;height:200px;transform:rotate(-20deg);display:flex;gap:10px;pointer-events:none}.demo-geometry span{height:100%;width:45px;background:linear-gradient(90deg,#716e6a,#c0bdb9,#83807c);border-radius:80px}.demo-geometry span:nth-child(2){margin-top:30px}.demo-geometry span:nth-child(3){margin-top:60px}.demo-footer{border-top:1px solid #c2bfbb;padding-top:17px;display:flex;justify-content:space-between;font-size:8px}.build-part{opacity:.08;transform:translateY(18px);transition:opacity .7s,transform .7s}.build-part.built{opacity:1;transform:translateY(0)}.build-progress{padding:20px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:9px;color:var(--cyan)}.build-progress>div{width:100%;height:2px;background:#322f2b;margin-top:15px}.build-progress i{width:0;height:100%;background:var(--cyan);display:block;transition:width .5s}.demo-success{position:absolute;left:15px;right:15px;bottom:15px;padding:15px;color:white;background:#3a3733;font-size:12px;transform:translateY(150%);transition:.4s}.demo-success.show{transform:translateY(0)}.second{color:var(--cyan)}.second>span{background:linear-gradient(90deg,transparent,#504d49)}.hosting-demo{border:1px solid #35322e;padding:22px;border-radius:7px;background:radial-gradient(ellipse at center,#a67c5208,transparent 60%)}.core{width:100%;height:280px;position:relative;background:transparent}.core canvas{width:100%;height:100%}.core>span{position:absolute;bottom:15px;left:0;width:100%;font:9px 'IBM Plex Mono',monospace;color:#c4a17e;letter-spacing:.1em}.core b{color:var(--cyan);margin-left:10px}.hosting-tabs{display:flex;border-bottom:1px solid #3b3834;gap:15px}.hosting-tabs button{flex:1;background:transparent;font-size:10px;color:#a6a39f;padding:13px 0;border-bottom:2px solid transparent}.hosting-tabs button.selected{color:var(--cyan);border-color:var(--cyan)}.hosting-demo>p{font-size:12px;line-height:1.8;color:#a5a29e;min-height:45px}.trust{text-align:center;padding:130px 25px 100px}.trust>.mono{font-size:10px;color:#9a9793}.trust h2{font-size:clamp(36px,4vw,56px)}.trust>div{display:flex;justify-content:center;gap:35px;align-items:center;margin-top:35px;font-size:16px}.trust i{font-style:normal;color:var(--lime)}.trust p{font-size:13px;color:#979490;margin-top:30px}.contact{margin:0 4.5%;padding:85px 30px 90px;border-top:1px solid #3d3a36;text-align:center;background:radial-gradient(ellipse at 50% 110%,#a67c5210,transparent 65%)}.contact>.mono{color:#a9a6a2;font-size:10px}.contact h2{font-size:clamp(55px,7vw,100px);margin:30px 0 35px}.contact-note{display:block;margin-top:19px;font-size:11px;color:#95928e}footer{display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;padding:30px 0;border-top:1px solid var(--line)}footer .brand{font-size:17px}footer .mono{font-size:10px;color:#83807c}footer button{font-size:12px;background:none;color:#aaa}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:translateY(0)}dialog{background:#181b19;color:var(--white);border:1px solid #595652;padding:40px;max-width:520px;width:calc(100% - 32px);border-radius:7px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p{line-height:1.8;color:#b0ada9}dialog .close{position:absolute;right:15px;top:10px;background:none;font-size:28px}.close-action{margin-top:10px}dialog h2{font-size:48px}@keyframes headline{0%{clip-path:inset(0 100% 0 0);filter:drop-shadow(5px 0 #a67c52)}45%{filter:drop-shadow(-2px 0 #a67c52)}100%{clip-path:inset(0);filter:none}}@keyframes pop{50%{transform:translateY(-6px) rotate(10deg)}}@media(min-width:1500px){header,.hero,.service-strip,.contact,footer{margin-left:auto;margin-right:auto;max-width:1440px}.chapter{max-width:1370px;margin:auto}}@media(max-width:1000px){.hero{min-height:700px}.hero-copy{padding-top:75px}h1{font-size:9vw}.chapter-grid{gap:5%}.tasks{gap:6px}.task{padding:12px 8px}.task-icon{display:none}.service-strip a{font-size:16px;gap:12px}.hero-bottom>span:nth-child(2){display:none}}@media(max-width:650px){header{height:78px;margin:0 6%}.brand{font-size:16px}.brand-mark{font-size:35px}nav{display:none}.nav-cta{font-size:12px;padding:10px}.nav-cta span{margin-left:10px}.hero{margin:0 6%;height:auto;min-height:810px}.hero-top{font-size:9px;padding-top:23px}.hero-coordinate{display:none}.hero-copy{width:100%;padding-top:54px}h1{font-size:clamp(54px,12.5vw,82px);letter-spacing:-.025em;line-height:1.03}.hero-copy p{font-size:14px;line-height:1.8;max-width:320px;margin-top:26px}.hero-copy .button{font-size:12px;padding:0 16px;gap:17px}#sculpture{width:110%;height:48%;top:43%;right:-6%;opacity:.85;mask-image:linear-gradient(0deg,#000 60%,transparent)}.sculpture-label{top:auto;bottom:90px;right:2%;font-size:9px}.hero-bottom{bottom:23px;font-size:8px}.hero-bottom>span:last-child{font-size:9px}.service-strip{margin:0 6%;grid-template-columns:1fr}.service-strip a,.service-strip a:first-child{padding:21px 0;border-right:0;border-bottom:1px solid var(--line);font-size:17px}.chapter{margin:0 6%;padding-top:70px}.chapter-head{font-size:10px}.chapter-head span:last-child{display:none}.chapter-grid{grid-template-columns:1fr;gap:35px;padding-top:42px}.chapter-copy h2{font-size:54px}.chapter-copy p{font-size:16px}.eyebrow{font-size:8px}.workbench{padding:18px}.task-icon{display:block}.task{padding:14px 10px}.task small{font-size:9px}.bridge{margin:10px 6% 0}.bridge p{font-size:7px;text-align:center}.homepage .chapter-copy{grid-row:1}.site-demo{transform:none}.trust{padding:90px 6% 70px}.trust>div{gap:14px;font-size:12px;flex-wrap:wrap}.trust i{font-size:10px}.trust h2{font-size:38px}.contact{padding:65px 0}.contact h2{font-size:55px}.contact .button{font-size:11px;gap:15px;padding:0 15px}.contact-note{font-size:10px}footer{flex-wrap:wrap;gap:25px}footer .mono:nth-child(2){order:4;width:100%;text-align:center}.panel-top{font-size:8px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Four acts, one living wire sculpture. */
#intro[hidden]{display:none}#intro{position:fixed;inset:0;z-index:100;background:#111312;overflow:hidden;color:#f2efe9;clip-path:inset(0);transition:clip-path .8s cubic-bezier(.76,0,.24,1),visibility .8s}html.intro-pending{overflow:hidden}html.intro-pending .headline-line{animation-play-state:paused}#intro.intro-exit{clip-path:inset(0 0 100%);pointer-events:none;visibility:hidden}.intro-top,.intro-bottom{position:absolute;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;z-index:2}.intro-top{top:40px;color:#94918d;font-size:10px;letter-spacing:.14em}.intro-top>span:first-child{color:#f2efe9}.intro-bottom{bottom:40px}.intro-caption{font-size:10px;letter-spacing:.1em;color:#8f8c88}#intro-skip{border:1px solid #43403c;background:#11131299;padding:13px 17px;font-size:12px;border-radius:3px}#intro-skip:hover{border-color:#a67c52;color:#a67c52}#intro-skip span{margin-left:20px;color:#a67c52}#intro-sculpture{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.intro-stage{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.intro-center{position:relative;text-align:center;width:100%;padding:0 6%;transform:translateY(-2%)}.intro-kicker{display:block;color:#c4a17e;font-size:10px;letter-spacing:.2em}.intro-message{font:600 clamp(40px,7vw,110px)/1.04 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:-.015em;margin:26px auto;max-width:1050px;text-shadow:0 2px 25px #111312,0 0 50px #111312;white-space:pre-line;will-change:opacity,transform,filter}.intro-message[data-act="0"]{font-size:clamp(75px,14vw,200px);letter-spacing:.025em}.intro-message[data-act="2"]{font-size:clamp(38px,6.8vw,100px)}.intro-subline{font-size:10px;letter-spacing:.2em;color:#a5a29e}.intro-timeline{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#a67c52;transform-origin:left;transform:scaleX(0)}.brand-mark.avunex-mark{font-size:32px;letter-spacing:-2px;margin-right:0;color:#a67c52;transform:none}@media(max-width:650px){.intro-top{top:28px;font-size:9px}.intro-bottom{bottom:28px}.intro-caption{max-width:135px;font-size:8px;line-height:1.8}.intro-kicker,.intro-subline{font-size:8px}.intro-message{font-size:clamp(37px,10vw,64px);margin:24px auto}.intro-message[data-act="2"]{font-size:clamp(33px,9vw,54px)}#intro-skip{font-size:10px;padding:12px}#intro-skip span{margin-left:10px}}@media(prefers-reduced-motion:reduce){#intro{display:none!important}html.intro-pending{overflow:auto}}

/* Original AVUNEX identity, kept at its natural aspect ratio. */
.brand-logo{display:block;width:185px;height:auto;aspect-ratio:1955/350;object-fit:contain}footer .brand-logo{width:160px}.intro-top .brand-logo{width:155px}.intro-message .intro-logo{display:block;width:min(70vw,860px);height:auto;aspect-ratio:1955/350;object-fit:contain;margin:0 auto}.intro-message[data-act="0"]{line-height:1;margin:35px auto}.demo-footer .demo-client-logo{width:92px;height:auto;object-fit:contain}dialog .dialog-logo{width:210px;height:auto;margin:28px 0 8px}.button{color:#111312}.task.done small{color:#c8bbae}.intro-kicker{color:#c4a17e}.hosting-tabs button.selected{color:#c4a17e}@media(max-width:650px){.brand-logo{width:142px}.intro-top .brand-logo{width:125px}footer .brand-logo{width:140px}.intro-message .intro-logo{width:86vw}.intro-message[data-act="0"]{margin:32px auto}}

.hero-identity{display:none;position:absolute;z-index:1;right:7%;top:43%;width:min(29vw,390px);text-align:center;opacity:0;transform:translateY(12px);animation:heroIdentityIn .8s 2.35s cubic-bezier(.2,.8,.2,1) forwards;pointer-events:none;filter:drop-shadow(0 0 24px #a67c5230)}.hero-identity img{width:100%;height:auto;display:block}.hero-identity span{display:block;margin-top:13px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:#c4a17e}@keyframes heroIdentityIn{to{opacity:.93;transform:translateY(0)}}
@media(max-width:650px){.hero-identity{right:8%;top:55%;width:55vw}.hero-identity span{font-size:8px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.hero-identity{opacity:.9;transform:none;animation:none}}

/* Homepage-Demo: Handwerks-Beispiel mit Live-Link */
.site-demo{
  border:1px solid #3a3733;
  border-radius:10px;
  overflow:hidden;
  transform:perspective(1400px) rotateY(4deg) rotateX(1deg);
  box-shadow:
    0 30px 80px rgba(0,0,0,.45),
    0 0 0 1px rgba(166,124,82,.12);
}
.browser-bar{
  padding:12px 16px;
  background:linear-gradient(180deg,#1c1f1d,#141715);
  color:#8a8782;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:11px;
  border-bottom:1px solid #2a2926;
}
.browser-dots{display:flex;gap:6px;flex-shrink:0}
.browser-dots i{
  width:8px;height:8px;border-radius:50%;
  background:#3d3a36;display:block;
}
.browser-dots i:nth-child(1){background:#5c5348}
.browser-dots i:nth-child(2){background:#6a5f4e}
.browser-url{
  font:500 11px/1 'IBM Plex Mono',monospace;
  letter-spacing:.04em;
  color:#b7b3ac;
  padding:6px 14px;
  border-radius:999px;
  background:#0d0f0e;
  border:1px solid #2c2a27;
  text-decoration:none;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.browser-url:hover{color:#f2efe8;border-color:#a67c52}
.browser-action{
  color:#a67c52;
  font-size:14px;
  flex-shrink:0;
  text-decoration:none;
}
.browser-action:hover{color:#f2efe8}
.demo-website{
  padding:0;
  background:#0e100f;
  color:#f2efe8;
  min-height:0;
  position:relative;
  overflow:hidden;
  display:block;
}
.demo-website--shot{
  aspect-ratio:16/10;
  text-decoration:none;
}
.demo-website--shot img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
}
.demo-shot-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:28px 22px 20px;
  background:linear-gradient(to top,rgba(15,18,16,.88),transparent);
  display:flex;
  flex-direction:column;
  gap:4px;
}
.demo-shot-brand{
  font:700 18px/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#f2efe8;
}
.demo-shot-sub{
  font:500 11px/1.3 'IBM Plex Mono',monospace;
  letter-spacing:.06em;
  color:#c4a17e;
}
.demo-open{
  margin:0;
  padding:16px 18px;
  background:#141715;
  border-top:1px solid #2a2926;
}
.demo-open-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  min-height:52px;
  padding:0 20px;
  background:var(--lime);
  color:#111312;
  font:700 14px/1 'DM Sans',Arial,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-decoration:none;
  border-radius:3px;
  box-shadow:0 0 28px #a67c5218;
  transition:box-shadow .25s,border-radius .25s,filter .2s;
}
.demo-open-btn span{
  font-size:20px;
  font-weight:400;
}
.demo-open-btn:hover{
  filter:brightness(1.08);
  border-radius:10px 3px 10px 3px;
  box-shadow:0 0 34px #a67c5228;
  color:#111312;
}
.demo-geometry,.demo-glow,.demo-ring,.demo-chip,
.demo-main,.demo-copy,.demo-visual,.demo-photo,.demo-footer,.demo-card{display:none!important}
@media(prefers-reduced-motion:reduce){
  .site-demo{transform:none}
}
@media(max-width:1000px){
  .site-demo{transform:perspective(1200px) rotateY(2deg)}
}
@media(max-width:650px){
  .site-demo{transform:none;box-shadow:0 18px 40px rgba(0,0,0,.35)}
  .browser-url{max-width:58vw}
  .demo-website--shot{aspect-ratio:4/3}
}

/* Arbeitsweise auf der Startseite */
.process{padding-bottom:70px}
.process-intro{max-width:640px;padding:55px 0 10px}
.process-intro h2{margin:0 0 18px}
.process-intro p{font-size:17px;line-height:1.75;color:#989591;margin:0;max-width:52ch}
.process-list{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--line)}
.process-step{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:28px;
  padding:34px 0;
  border-bottom:1px solid var(--line);
  align-items:start;
}
.process-num{
  font:700 clamp(36px,4vw,52px)/.9 'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  letter-spacing:-.02em;
  color:var(--lime);
}
.process-step h3{
  margin:4px 0 10px;
  font:650 clamp(22px,2.4vw,30px)/1.15 'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  letter-spacing:-.015em;
  color:var(--white);
}
.process-step p{
  margin:0;
  max-width:54ch;
  font-size:16px;
  line-height:1.7;
  color:#989591;
}
@media(max-width:650px){
  .process-intro{padding-top:28px}
  .process-step{grid-template-columns:56px minmax(0,1fr);gap:16px;padding:26px 0}
  .process-num{font-size:34px}
  .process-step h3{font-size:24px}
  .process-step p{font-size:15px}
}

/* Startseite: H1 als Leistungszeile, Dreiklang als Absatz mit den Maßen der
   bisherigen Überschrift (siehe index.astro und docs/07-seo.md). */
.hero-copy .hero-kicker{
  font:500 12px/1.6 'IBM Plex Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#c4a17e;
  margin:0 0 22px;
  max-width:46ch;
}
.hero-copy .hero-headline{
  font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  font-size:clamp(64px,7.5vw,119px);
  font-weight:700;
  line-height:.97;
  letter-spacing:-.035em;
  color:var(--white);
  margin:0 0 30px;
  max-width:none;
}
.more-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:26px;
  font-size:14px;
  font-weight:600;
  color:var(--white);
  border-bottom:1px solid #5a4632;
  padding-bottom:4px;
  transition:color .25s,border-color .25s;
}
.more-link span{color:var(--lime)}
.more-link:hover,.more-link:focus-visible{color:var(--lime);border-color:var(--lime)}
.trust .more-link{font-size:14px}
footer .footer-leistungen{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12px;color:#aaa}
footer .footer-leistungen a:hover{color:var(--lime)}
@media(max-width:1000px){
  .hero-copy .hero-headline{font-size:9vw}
}
@media(max-width:650px){
  .hero-copy .hero-kicker{font-size:10px;margin-bottom:18px;max-width:320px}
  .hero-copy .hero-headline{
    font-size:clamp(54px,12.5vw,82px);
    letter-spacing:-.025em;
    line-height:1.03;
    margin:0 0 30px;
    max-width:none;
  }
  footer .footer-leistungen{order:3;width:100%;justify-content:center}
}