/* AXENWERK in scharfen, mit der Bühne skalierenden Geräte-Rahmen. */
.hero-stage{padding-top:46px}
.hero-stage::before{bottom:70px}
.hero-stage::after{height:90px}
.hero-showcase{margin:0 auto;width:min(1100px,86%);position:relative}
.device-composition{position:relative;container-type:inline-size;aspect-ratio:2.04;isolation:isolate;text-align:left}
.preview-desktop{position:absolute;left:0;bottom:2.5%;width:80%;height:94%;padding:.72cqw;border-radius:1.8cqw;background:linear-gradient(135deg,#a6b2ce,#0b1d60 3%,#182655 50%,#747ead 99%);box-shadow:0 0 0 .15cqw #c7d5ff9c,0 0 0 .4cqw #3d60ff99,0 2cqw 3cqw #0007;transform:rotate(1.5deg);transform-origin:bottom right;display:flex;flex-direction:column}
.preview-browser-chrome{display:flex;gap:.4cqw;align-items:center;height:1.65cqw;padding-left:.65cqw;flex-shrink:0;background:#090e15;border-radius:1cqw 1cqw 0 0}
.preview-browser-chrome span{width:.45cqw;height:.45cqw;border-radius:50%;background:#68768d}
.preview-browser-chrome span:first-child{background:#ff7f83}
.preview-browser-chrome span:nth-child(2){background:#e2bd79}
.preview-browser-chrome span:nth-child(3){background:#85bba1}
.preview-desktop-screen{overflow:hidden;flex:1;display:flex;flex-direction:column;background:#101315;border-radius:0 0 .8cqw .8cqw;color:#eeeae3}
.ax-preview-header{display:flex;align-items:center;justify-content:space-between;gap:1.6cqw;background:#101315;height:5.15cqw;min-height:5.15cqw;padding:0 3.1cqw;border-bottom:1px solid #ffffff24}
.ax-preview-brand{display:flex;align-items:center;gap:.65cqw;white-space:nowrap;font-size:1.55cqw;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:#eeeae3}
.ax-preview-brand svg{width:2.65cqw;height:2.65cqw;color:#ff633b;flex-shrink:0}
.ax-preview-brand small{display:block;font-family:Consolas,'Liberation Mono',monospace;font-size:.48cqw;letter-spacing:.2em;margin-top:.35cqw;font-weight:400;color:#a6afb4}
/* Proportionen der Original-Kopfzeile bei einer breiten AXENWERK-Ansicht. */
.preview-desktop .ax-preview-header{justify-content:normal;height:4.62cqw;min-height:4.62cqw;padding:0 4.62cqw;gap:1.89cqw}
.preview-desktop .ax-preview-brand{flex-shrink:0;gap:.63cqw;font-size:1.21cqw;line-height:.95;letter-spacing:-.055em}
.preview-desktop .ax-preview-brand svg{width:1.84cqw;height:1.84cqw}
.preview-desktop .ax-preview-brand small{font-size:.42cqw;line-height:1;margin-top:.42cqw;color:#eeeae3}
.ax-preview-nav{display:flex;align-items:center;gap:1.26cqw;margin-left:auto;font-size:.58cqw;font-weight:400;line-height:1.6;letter-spacing:0;color:#eeeae3;white-space:nowrap}
.ax-preview-nav>span{display:inline-flex;align-items:center;gap:.525cqw}
.ax-preview-nav-plus{font-size:.79cqw;font-weight:400;line-height:1}
.ax-preview-nav .ax-preview-job-badge{position:relative;top:-.24cqw;margin-left:-.315cqw;font:400 .42cqw/1 Consolas,'Liberation Mono',monospace;color:#ff633b}
.ax-preview-header-actions{display:flex;align-items:center;gap:.79cqw;flex-shrink:0}
.ax-preview-desktop-search{display:grid;place-items:center;width:1.84cqw;height:2.1cqw;padding:.315cqw}
.ax-preview-desktop-search svg{width:1.1cqw;height:1.1cqw}
.ax-preview-nav-cta{display:flex;align-items:center;justify-content:space-between;gap:1.05cqw;min-height:2.31cqw;padding:.63cqw .89cqw;background:#ff633b;font-size:.58cqw;line-height:1.4;color:#101315;font-weight:700;white-space:nowrap}
.ax-preview-nav-cta>span{font-size:.84cqw;line-height:1}
.ax-preview-hero{position:relative;flex:1;min-height:0;isolation:isolate;overflow:hidden}
.ax-preview-photo,.ax-preview-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.ax-preview-shade{z-index:-1;background:linear-gradient(90deg,#101315e6 0%,#101315a6 36%,#10131512 70%),linear-gradient(0deg,#101315ab,transparent 30%)}
.ax-preview-topline{position:absolute;top:1.89cqw;left:4.62cqw;right:4.62cqw;display:flex;justify-content:space-between;gap:1cqw;font:400 .47cqw/1.5 Consolas,'Liberation Mono',monospace;letter-spacing:.08em;color:#d2d8db}
.ax-preview-copy{position:absolute;left:4.62cqw;top:6cqw;width:62%}
.ax-preview-kicker{display:block;font:400 .65cqw/1.5 Consolas,'Liberation Mono',monospace;letter-spacing:.025em;color:#deded7}
.ax-preview-title{display:block;margin-top:.8cqw;font-size:5.1cqw;line-height:.98;letter-spacing:-.065em;font-weight:800;white-space:nowrap}
.ax-preview-title em{font-style:normal;color:#ff633b}
.ax-preview-copy p{font-size:.85cqw;line-height:1.6;color:#cbd0d1;margin-top:1.45cqw}
.ax-preview-action{display:inline-flex;align-items:center;justify-content:space-between;gap:1.8cqw;margin-top:1.7cqw;padding:1.05cqw 1.35cqw;background:#ff633b;color:#101315;font-size:.8cqw;line-height:1.2;font-weight:700;white-space:nowrap}
.ax-preview-bottom{position:absolute;bottom:1.65cqw;left:4.62cqw;right:4.62cqw;display:flex;justify-content:space-between;gap:1cqw;font:400 .58cqw/1.5 Consolas,'Liberation Mono',monospace;color:#c5c8c5}
.ax-preview-facts{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:5.4cqw;background:#101315;color:#c3cbcf;padding:0 1.6cqw;border-top:1px solid #ffffff24;font-size:.7cqw;line-height:1.4}
.ax-preview-facts>span{display:flex;align-items:center;gap:1.2cqw;padding:1.2cqw 1.7cqw 1cqw 1cqw;border-right:1px solid #ffffff24}
.ax-preview-facts>span:last-child{border:0}
.ax-preview-facts b{flex-shrink:0;font:500 1.6cqw/1 Consolas,'Liberation Mono',monospace;letter-spacing:-.08em;color:#ff633b}
.ax-preview-facts>span>span{min-width:0}
.preview-phone{position:absolute;right:.5%;bottom:1%;height:97%;width:21.5%;padding:.62cqw;border-radius:3.45cqw;background:linear-gradient(115deg,#e2e4ed,#474c60 8%,#0a0e18 30%,#636779 90%,#d4d5df);box-shadow:0 0 0 .12cqw #e0e3f4,0 0 0 .32cqw #424d80,0 1.6cqw 2.3cqw #0009;transform:rotate(1.6deg);transform-origin:bottom center;z-index:2}
.preview-phone-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;scrollbar-width:none;border-radius:2.9cqw;background:#101315;color:#eeeae3;border:.2cqw solid #090c14}
.preview-phone-screen::-webkit-scrollbar{display:none;width:0;height:0}
.preview-phone-status{display:flex;align-items:center;justify-content:space-between;padding:.8cqw 1.2cqw .45cqw;height:2.65cqw;flex-shrink:0;font-size:.7cqw;font-weight:700;line-height:1}
.preview-phone-camera{position:absolute;top:.8cqw;left:33%;right:33%;height:1.55cqw;border-radius:0 0 1.1cqw 1.1cqw;background:#05080e}
.preview-phone-camera::after{content:"";position:absolute;right:1cqw;top:.35cqw;width:.5cqw;height:.5cqw;border-radius:50%;background:#17233a}
.ax-preview-phone-demo{display:flex;align-items:center;justify-content:space-between;gap:.4cqw;height:1.55cqw;flex-shrink:0;padding:0 1.2cqw;background:#22292d;border-bottom:1px solid #ffffff24;font:400 .29cqw/1.4 Consolas,'Liberation Mono',monospace;white-space:nowrap}
.ax-preview-phone-demo>span:last-child{color:#ff633b}
.preview-phone .ax-preview-header{height:4.5cqw;min-height:4.5cqw;padding:0 1.2cqw;gap:.7cqw}
.preview-phone .ax-preview-brand{font-size:1.15cqw;gap:.45cqw}
.preview-phone .ax-preview-brand svg{width:2cqw;height:2cqw}
.preview-phone .ax-preview-brand small{font-size:.38cqw;margin-top:.25cqw}
.ax-preview-phone-controls{display:flex;align-items:center;gap:.8cqw;flex-shrink:0}
.ax-preview-phone-menu{display:flex;align-items:center;gap:.5cqw;border:1px solid #c3cbcf80;padding:.6cqw .5cqw;font-size:.46cqw;line-height:1}
.ax-preview-menu{width:.8cqw;height:.8cqw;flex-shrink:0}
.ax-preview-search{width:1.2cqw;height:1.2cqw;flex-shrink:0}
.ax-preview-phone-hero{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;isolation:isolate;padding:1.15cqw 1.2cqw}
.ax-preview-phone-hero>.ax-preview-photo{object-position:64% center}
.ax-preview-phone-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101315dd,#10131566),linear-gradient(0deg,#101315aa,transparent 60%)}
.ax-preview-phone-topline{font:400 .35cqw/1.5 Consolas,'Liberation Mono',monospace;letter-spacing:.06em;color:#d2d8db;white-space:nowrap}
.ax-preview-phone-copy{min-width:0;margin-top:4cqw}
.preview-phone .ax-preview-kicker{font-size:.44cqw;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;color:#d2d8db}
.preview-phone .ax-preview-title{font-family:'Arial Black',Arial,sans-serif;font-size:2.25cqw;line-height:.94;font-weight:900;letter-spacing:-.075em;margin-top:1.5cqw;white-space:normal}
.preview-phone .ax-preview-title em{white-space:nowrap}
.ax-preview-phone-copy p{font-size:.71cqw;color:#d2d8db;line-height:1.9;margin-top:1.55cqw}
.ax-preview-phone-actions{display:flex;align-items:center;gap:.9cqw;margin-top:1.7cqw}
.preview-phone .ax-preview-action{font-size:.53cqw;min-height:2.85cqw;padding:.8cqw .85cqw;margin:0;width:9.4cqw;flex-shrink:0;gap:.35cqw}
.ax-preview-phone-link{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;min-height:2.6cqw;border-bottom:1px solid #c3cbcf;font-size:.54cqw;line-height:1.4;font-weight:700;white-space:nowrap}
.ax-preview-phone-link>span{font-size:.9cqw}
.ax-preview-phone-bottom{display:flex;align-items:center;justify-content:space-between;gap:.6cqw;margin-top:auto;padding-top:1.2cqw;font:400 .36cqw/1.5 Consolas,'Liberation Mono',monospace;color:#d2d8db}
.ax-preview-phone-bottom>span{display:flex;align-items:center;gap:.8cqw;white-space:nowrap}
.ax-preview-phone-bottom>span>span{font-size:.95cqw;color:#ff633b}
.ax-preview-phone-bottom>small{max-width:8cqw;font-size:.28cqw;line-height:1.5;text-align:right}
.ax-preview-phone-index{display:flex;align-items:center;gap:1cqw;min-height:3.9cqw;flex-shrink:0;padding:.8cqw 1.2cqw;border-top:1px solid #ffffff24;background:#101315;color:#c3cbcf;font-size:.51cqw;line-height:1.5}
.ax-preview-phone-index>b{font:500 1.35cqw/1 Consolas,'Liberation Mono',monospace;letter-spacing:-.08em;color:#ff633b}
.ax-preview-phone-index>span:last-child{margin-left:auto;font-size:1.1cqw;color:#eeeae3}
.hero-demo-caption{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;min-height:70px;padding:20px 0 23px;color:#b8caff;font-size:11px;line-height:1.5;letter-spacing:.02em}
.hero-demo-caption a{display:inline-flex;gap:9px;align-items:center;color:#f4f6ff;font-size:12px;padding:4px 0;border-bottom:1px solid #b8caff6b}
.hero-demo-caption a:hover{border-color:white}
.hero-demo-caption>span{border-left:1px solid #b8caff59;padding-left:20px}
@media(min-width:1600px){.hero-stage{padding-top:54px}.hero-showcase{width:1150px}}
@media(max-width:920px){.hero-stage{padding-top:42px}.hero-showcase{width:91%}}
@media(max-width:640px){.hero-stage{padding-top:36px}.hero-showcase{width:94%}.hero-stage::before{bottom:62px}.hero-stage::after{height:75px}.hero-demo-caption{min-height:62px;font-size:9px;gap:12px;padding:15px 0 19px}.hero-demo-caption a{font-size:10px}.hero-demo-caption>span{padding-left:12px}}
@media print{.hero-showcase{width:90%}.hero-demo-caption{color:#fff}.hero-stage{padding-top:25px}}