/* Second visual direction. Original layout is retained in versions/v1/. */
body{background:#0b0d13}
.header{position:relative;z-index:2}
.hero{position:relative;padding-top:62px;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-160px;left:-5%;width:110%;height:980px;background:radial-gradient(ellipse at 80% 52%,#a82e8f25,transparent 47%),radial-gradient(ellipse at 20% 62%,#384ad935,transparent 52%)}
.hero-top{grid-template-columns:1.6fr 1fr;gap:60px;margin-bottom:52px;align-items:end}
h1{font-size:clamp(55px,6.6vw,94px);letter-spacing:-5px;line-height:1.02;font-weight:600}
.hero .eyebrow{color:#c7c4db;font-size:9px}
.gradient{background-image:linear-gradient(110deg,#86ceff 0%,#b3a1ff 48%,#fb8ac8 100%);filter:drop-shadow(0 8px 30px #996de32b)}
.hero-intro{max-width:330px}.hero-intro p{font-size:15px;color:#b8b9c7}.primary{background:linear-gradient(115deg,#c6d5ff,#d9b7ee);box-shadow:inset 0 1px 0 #ffffff90,0 7px 26px #9a7ee724;border:1px solid #e5d5ff55}.primary:hover{background:linear-gradient(115deg,#e0e7ff,#f1c8ff);box-shadow:0 8px 34px #b18cf63b}
.stage{position:relative;border:0;padding:20px 0 0;background:none;isolation:isolate;border-radius:0}
.stage::before{content:"";pointer-events:none;position:absolute;z-index:-1;inset:35% -4% 1%;border-radius:50%;background:linear-gradient(90deg,#2d8be980,#795bf8aa,#dd418c77);filter:blur(60px);opacity:.45}
.stage-meta{padding:0 4px;margin-bottom:24px;color:#aaa5bf;letter-spacing:1.6px}
.stage-meta i{background:#b9a2ff;box-shadow:0 0 10px #a273f7}
.screens{gap:14px;perspective:1600px;filter:drop-shadow(0 30px 22px #000b);padding-bottom:10px}
.display{aspect-ratio:1.48;border:5px solid #08090c;outline:1px solid #69677970;border-radius:7px;box-shadow:inset 0 1px 0 #ffffff66,0 0 0 3px #11121b;transition:transform .5s,box-shadow .5s}
.display:first-child{transform:rotateY(5deg)}.display:last-child{transform:rotateY(-5deg)}
.display::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:linear-gradient(145deg,#ffffff0a,transparent 35%,transparent 80%,#ffffff07);border:1px solid #ffffff15}
.screen-photo{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.food-scene .screen-photo{display:block}.food-scene .center-screen,.food-scene .offer-screen{color:white;background:#181316}
.food-scene .center-screen::before,.food-scene .offer-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06040966,transparent 30%,#08040a33 45%,#080409ed);z-index:1}
.food-scene .center-copy{position:absolute;left:7%;right:7%;bottom:11%;margin:0}.food-scene .center-screen h2{font-size:10.5cqw;line-height:1;letter-spacing:-.6px;margin:3cqw 0;max-width:85%;text-shadow:0 3px 20px #0007}
.food-scene .outline-pill,.food-scene .orbit,.food-scene .offer-screen>.screen-kicker,.food-scene .offer-rule,.food-scene .offer-screen>p,.food-scene .price{display:none}
.food-scene .offer-screen>h2{position:absolute;bottom:13%;left:7%;font-size:10.5cqw;margin:0;max-width:82%;text-shadow:0 3px 20px #0007}
.food-scene .offer-screen .screen-foot{font-size:0}.food-scene .offer-screen .screen-foot::after{content:"FÜR DEN GROSSEN HUNGER.";font-size:1.5cqw}
.food-scene .menu-screen{color:#f5f1ff;background:linear-gradient(140deg,#26354d,#201a34 75%)}.food-scene .menu-items p{border-color:#bbaac033}.food-scene .menu-screen .screen-kicker{color:#c8b3fc}.food-scene .menu-screen h2{color:#eee4ff}.stage-bottom{padding:28px 5px 12px}.stage-bottom p{font-size:11px;color:#b9b5c9}.stage-number{color:#b1a2d0;letter-spacing:1px;font-size:9px;margin-right:16px}.demo-switch{background:#14151f;border:1px solid #46405080;border-radius:30px;padding:4px}.demo-switch button{border-radius:25px;padding:10px 16px}.demo-switch .active{background:linear-gradient(110deg,#4d4461,#35304b);box-shadow:inset 0 1px 0 #ffffff20}.caption{font-size:9px;color:#8c879b;line-height:1.7}
.cinema{padding-top:100px}.cinema-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:36px}.cinema-heading h2{font-size:46px;letter-spacing:-2px}.cinema-heading h2 span{color:#aaa0ba}.cinema-heading>p{max-width:320px;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 4px}.film-frame{position:relative;border:1px solid #4b3b47;border-radius:9px;overflow:hidden;aspect-ratio:3.2;background:#160c0a}.film-frame video{height:100%;width:100%;display:block;object-fit:cover;opacity:.7}.film-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#07070bbf,transparent 90%)}.film-seams{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33.1%,#0b0b12 33.1%,#0b0b12 33.65%,transparent 33.65%,transparent 66.45%,#0b0b12 66.45%,#0b0b12 67%,transparent 67%)}.film-overlay{position:absolute;z-index:2;inset:12% 5%;display:flex;flex-direction:column;align-items:start;justify-content:center}.film-tag{font-size:8px;letter-spacing:2px;color:#ffccba;margin-bottom:20px}.film-overlay strong{font-size:clamp(30px,4.6vw,65px);line-height:1;letter-spacing:-2.5px;font-weight:500}.film-button{display:flex;align-items:center;gap:12px;border:1px solid #efb39950;background:#291b1a70;backdrop-filter:blur(14px);color:#ffebe5;font-size:10px;border-radius:30px;padding:12px 18px;margin-top:24px}.play-icon{font-size:11px}.film-button:hover{background:#673d306b}.film-label{position:absolute;right:24px;bottom:18px;z-index:3;font-size:7px;letter-spacing:1.5px;color:#d6b7ac}.cinema-rail{display:flex;gap:26px;justify-content:center;align-items:center;padding:30px 10px;border-bottom:1px solid #302934;color:#a3a0b4;font-size:11px;letter-spacing:.2px}.cinema-rail b{color:#6b5b83;font-size:17px;font-weight:400}.cinema-rail strong{color:#dcb6e4;font-weight:500}
.promise{padding-top:80px}.benefits article{position:relative}.benefits article::before{content:"";position:absolute;width:28px;height:2px;top:-31px;background:linear-gradient(90deg,#5aaff5,#d476c9)}
.editor-section{background:radial-gradient(ellipse at 85% 30%,#d7cff2aa,transparent 55%),#f0efef}.editor-demo{transform:rotate(1deg);border:1px solid #ffffff;box-shadow:0 28px 65px #4b386d20,0 1px 2px #17112320}.mini-preview{background:linear-gradient(90deg,#16101a88,#16101a22),url('assets/pizza-motiv.png') center 48%/cover;color:white;min-height:210px}.mini-preview strong{text-shadow:0 2px 20px #000}.editor-header{background:#fff9}.editor-body{background:linear-gradient(145deg,#fff,#f7f5fc)}
.network{background:radial-gradient(ellipse at 50% 10%,#7d48a72a,transparent 80%),#12121c;box-shadow:inset 0 1px 0 #cdaaf716,0 12px 40px #0004}.network-node{background:linear-gradient(125deg,#34314d99,#221a3099);box-shadow:inset 0 1px 0 #ece0ff25,0 10px 30px #0003;backdrop-filter:blur(10px)}.network-displays div{background:linear-gradient(130deg,#282437,#12121b)}.process{background:linear-gradient(125deg,#171826,#17121f)}.contact{position:relative;isolation:isolate}.contact::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0 50%,#7349b11c,transparent 65%);pointer-events:none}.contact form{background:linear-gradient(130deg,#252334aa,#17151faa);box-shadow:inset 0 1px 0 #f0d5ff17,0 30px 60px #0002;border-color:#56405e80}
@media(min-width:1500px){.food-scene .center-screen h2,.food-scene .offer-screen>h2{font-size:10.5cqw}}
@media(max-width:1000px){.hero-top{gap:35px;grid-template-columns:1.45fr 1fr}h1{font-size:clamp(50px,6.8vw,70px);letter-spacing:-3px}.hero-intro p{font-size:14px}.stage-meta{font-size:7px;letter-spacing:1px}.screens{gap:10px}.stage-bottom p{font-size:10px}.stage-number{display:none}.demo-switch button{font-size:9px;padding:9px 12px}.cinema{padding-top:75px}.cinema-heading h2{font-size:36px}.cinema-heading>p{max-width:290px;font-size:13px}.film-tag{margin-bottom:14px}.film-button{margin-top:16px}.cinema-rail{gap:20px}}
@media(max-width:700px){.hero{padding-top:34px}.hero::before{top:0;height:800px;left:0;width:100%;background:radial-gradient(ellipse at 80% 65%,#a82e8f30,transparent 55%),radial-gradient(ellipse at 0 65%,#384ad935,transparent 65%)}.hero-top{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero .hero-intro{max-width:365px}.hero h1{font-size:clamp(42px,12.6vw,65px);letter-spacing:-2.8px}.hero-intro p{font-size:14px;line-height:1.65}.stage-meta{font-size:6px;letter-spacing:.55px;margin-bottom:16px}.stage{padding-top:14px}.screens{gap:5px}.display{border-width:2px;outline-color:#79708080;box-shadow:0 0 0 1px #11121b;aspect-ratio:.74;border-radius:3px}.display:first-child,.display:last-child{transform:none}.stage::before{inset:30% 0 5%;filter:blur(35px);opacity:.5}.food-scene .screen-photo{object-position:50% 35%}.food-scene .center-copy{left:8%;right:6%;bottom:14%}.food-scene .center-screen h2{font-size:17cqw;max-width:100%;line-height:1.04;margin:7cqw 0 0}.food-scene .center-copy .screen-kicker{font-size:3cqw;letter-spacing:.1px}.food-scene .offer-screen>h2{font-size:17cqw;line-height:1.05;bottom:17%;left:8%;max-width:90%}.food-scene .offer-screen .screen-foot::after{font-size:2.7cqw}.stage-bottom{padding:18px 0 8px}.stage-bottom p{margin-bottom:12px;font-size:10px}.demo-switch{width:100%;justify-content:space-between;gap:0;padding:3px}.demo-switch button{font-size:8px;padding:10px 11px}.demo-switch button span{display:none}.cinema{padding-top:60px}.cinema-heading{display:block;margin-bottom:24px}.cinema-heading h2{font-size:33px;letter-spacing:-1.4px}.cinema-heading>p{font-size:13px;max-width:100%;margin-top:22px}.film-frame{aspect-ratio:1.32;border-radius:5px}.film-frame video{object-fit:cover;object-position:50% 50%}.film-seams{display:none}.film-overlay{inset:10% 7%}.film-overlay strong{font-size:36px;letter-spacing:-1.3px}.film-tag{font-size:6px;letter-spacing:1.5px;margin-bottom:20px}.film-button{margin-top:25px;font-size:9px;padding:11px 14px}.film-label{font-size:5px;right:14px;bottom:12px;letter-spacing:1px}.cinema-rail{flex-wrap:wrap;gap:13px;padding:24px 4px;font-size:9px}.cinema-rail b{font-size:12px}.promise{padding-top:55px}.benefits article::before{display:none}.editor-demo{transform:none}.mini-preview{min-height:195px}.caption{font-size:8px}}
@media(max-width:700px){.film-overlay strong{font-size:clamp(26px,8vw,36px)}.film-tag{margin-bottom:14px}.film-button{font-size:8px;padding:10px 13px;margin-top:16px}.film-label{font-size:4px}}
@media(prefers-reduced-motion:reduce){.display{transition:none}}
/* v5: clear disclosure affordances and comfortable interaction targets. */
.faq-heading .eyebrow{font-size:9px;margin-bottom:16px}.faq-heading>p:last-child{font-size:12px;line-height:1.7;color:#a6a0b6;max-width:270px;margin:19px 0 0}.faq details{padding:0;margin-bottom:12px;border:1px solid #393342;border-radius:7px;background:#14121d55;overflow:hidden}.faq summary{min-height:64px;padding:19px 20px;align-items:center;gap:22px;transition:background .18s,color .18s}.faq summary:hover{background:#2b233a66;color:#e8daff}.faq summary::after{display:none}.faq-question{flex:1}.faq-toggle{display:flex;align-items:center;gap:12px;font-size:9px;color:#baabd0;white-space:nowrap}.faq-toggle i{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}.faq-toggle .when-open{display:none}.faq details[open] .faq-toggle .when-closed{display:none}.faq details[open] .faq-toggle .when-open{display:inline}.faq details[open] .faq-toggle i{transform:rotate(225deg)}.faq details[open] summary{background:#251f32;color:#ede3ff;border-bottom:1px solid #493b5a77}.faq details p{margin:0;padding:18px 20px 22px;font-size:13px;line-height:1.85;color:#bbb5c9}.faq summary:focus-visible{outline-offset:-3px}
.nav-cta,.demo-switch button,.film-button,.text-link{min-height:44px}.nav-cta{display:inline-flex;align-items:center;justify-content:center}.text-link{display:inline-flex;align-items:center;gap:14px}.demo-switch button{padding-top:12px;padding-bottom:12px}.story-skip{min-height:40px;display:inline-flex;align-items:center}.contact-direct{display:block;margin-top:28px;font-size:11px;color:#aaa2bb;line-height:1.9}.contact-direct span{display:block;color:#d9c3fa;text-decoration:underline;text-underline-offset:4px;font-size:13px}.contact-direct:hover span{color:#eee1ff}.form-note{font-size:11px;line-height:1.75}.editor-status{font-size:11px;min-height:38px}.stage.long-headline:not(.campaign) .center-screen h2{font-size:8cqw}.mini-preview.long-headline strong{font-size:24px;line-height:1.12}.header nav a{padding:12px 0}.button:active{transform:translateY(0)}
@media(max-width:700px){.faq{gap:25px}.faq-heading>p:last-child{max-width:100%;margin-top:14px}.faq summary{padding:17px 15px;gap:14px;min-height:64px}.faq-toggle{font-size:8px;gap:10px}.faq details p{padding:17px 15px 20px;font-size:12px}.nav-cta{font-size:10px}.demo-switch button{padding-inline:10px}.film-button{min-height:40px}.stage.long-headline:not(.campaign) .center-screen h2{font-size:12cqw}.contact-direct{margin-top:22px}.story-skip{font-size:9px}.editor-status{font-size:10px}}
@media(max-width:360px){.home-cinematic .header .logo{width:140px}.home-cinematic .header .nav-cta{white-space:nowrap;padding-inline:8px}}