:root{--cream:#f7f8f1;--sage:#e7f0dc;--ink:#14251f;--dark:#15241e;--green:#367859;--lime:#d4ff53;--orange:#ff6847;--muted:#5b6f60;--line:#cad8cb;--font:'Geist',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--mono:'Roboto Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0c9b65;outline-offset:3px}::selection{background:var(--lime);color:var(--ink)}.container{width:min(calc(100% - 46px),1330px);margin-inline:auto}.skip{position:fixed;z-index:100;top:-70px;left:10px;background:var(--lime);padding:12px}.skip:focus{top:10px}
.eyebrow{font:700 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#3c795a}.eyebrow.light{color:var(--lime)}
.display{font:italic 900 clamp(59px,7vw,105px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.027em;margin:14px 0 0}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:57px;padding:15px 20px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:13px;font-weight:800;transition:background .18s,transform .18s}.btn:hover{background:#316347;transform:translateY(-2px)}.btn .arrow{font-size:21px}.textlink{display:inline-flex;gap:9px;align-items:center;border-bottom:1px solid;font-weight:800;font-size:13px;padding-bottom:5px}.textlink:hover{color:var(--green)}
.topbar{border-bottom:1px solid var(--line)}.topbar-inner{min-height:83px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font:italic 900 31px/.9 var(--display);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}.brand-sign{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:35px;height:35px;transform:skew(-8deg)}.brand-sign span{transform:skew(8deg);font-size:27px}.nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:800}.nav a:not(.navcta):hover{color:var(--green)}.navcta{padding:14px 17px;background:var(--ink);color:white}.navcta:hover{background:#346d50}.menu{display:none;width:45px;height:44px;background:none;border:1px solid var(--ink);font-size:23px}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:5%;align-items:center;padding-top:84px;padding-bottom:92px}.hero-kicker{display:inline-flex;gap:12px;align-items:center;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#3c7757}.signals{display:inline-flex;gap:6px}.signals span{width:10px;height:10px;border-radius:50%;background:#294738;display:block}.signals span:first-child{animation:signal1 1.25s steps(1,end) infinite}.signals span:last-child{animation:signal2 1.25s steps(1,end) infinite}@keyframes signal1{0%,49.99%{background:#b0fa64;box-shadow:0 0 10px #91f567}50%,100%{background:#294738;box-shadow:none}}@keyframes signal2{0%,49.99%{background:#294738;box-shadow:none}50%,100%{background:#b0fa64;box-shadow:0 0 10px #91f567}}
.hero h1{font-size:clamp(77px,9vw,149px);margin:26px 0 23px;max-width:800px}.hero h1 span{display:block}.hero h1 .green{color:var(--green)}.underline{position:relative;z-index:0;white-space:nowrap}.underline:after{content:"";position:absolute;left:0;right:0;bottom:.01em;height:.07em;background:var(--lime);z-index:-1;transform:rotate(-1deg)}.hero-desc{font-size:clamp(17px,1.55vw,20px);line-height:1.65;color:#53685b;max-width:590px;margin:0}.hero-desc strong{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:30px}.caveat{font-size:11px;line-height:1.6;color:#738477;margin-top:17px}
.hero-demo{background:#fff;border:1px solid #bdd0c0;box-shadow:16px 16px 0 #dce8d4;transform:rotate(1deg);position:relative}.hero-demo:before{content:"PRODUKTVORSCHAU";position:absolute;right:-12px;top:-15px;transform:rotate(3deg);background:var(--lime);font:800 10px var(--mono);padding:9px 11px}.hero-demo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#193b2f;color:white;padding:16px 19px;font-weight:800;font-size:11px}.hero-demo-head small{font:700 9px var(--mono);color:#bcd8c4}.hero-demo-body{padding:23px}.demo-overline{font:700 10px var(--mono);color:#438c60}.hero-demo h2{font-size:26px;letter-spacing:-.055em;line-height:1.18;margin:8px 0 19px;max-width:400px}.day-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.day-buttons button{text-align:left;min-height:95px;border:1px solid #dbe5da;background:#f8faf6;padding:11px 9px}.day-buttons button[aria-pressed=true]{background:#e7f6d3;border-color:#31794e}.day-buttons small{display:block;font:700 9px var(--mono);color:#66816b;margin-bottom:9px}.day-buttons strong{display:block;font-size:11px;line-height:1.3}.day-buttons em{display:block;font-style:normal;font-size:10px;color:#398458;font-weight:800;margin-top:7px}.hero-demo-detail{display:grid;grid-template-columns:83px 1fr;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #dbe5dc;min-height:130px}.mini-poster{height:96px;background:var(--lime);position:relative;overflow:hidden;padding:9px;display:flex;align-items:end}.mini-poster:before{content:"";position:absolute;top:25px;left:23px;width:120px;height:18px;background:var(--green);transform:rotate(-30deg)}.mini-poster strong{position:relative;font:italic 900 23px/.86 var(--display);white-space:pre-line}.hero-demo-detail h3{font-size:14px;letter-spacing:-.03em;margin:0 0 5px}.hero-demo-detail p{font-size:11px;color:#748378;line-height:1.5;margin:0 0 7px}.statusline{font-size:10px;font-weight:800;color:#3d895b}.statusline:before{content:"";display:inline-block;width:7px;height:7px;background:#51bd72;border-radius:50%;margin-right:7px}.hero-demo-foot{display:flex;justify-content:space-between;gap:10px;padding-top:14px;font:700 9px var(--mono);color:#76887b}
.ribbon{background:#edf3e9;border-block:1px solid #d5e0d4}.ribbon-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0}.ribbon b{font-size:12px}.ribbon ul{list-style:none;display:flex;gap:clamp(12px,2vw,30px);flex-wrap:wrap;padding:0;margin:0}.ribbon li{font-size:12px;font-weight:800}.ribbon li:before{content:"";display:inline-block;width:7px;height:7px;background:#478b60;transform:rotate(45deg);margin-right:10px}
.lab{background:#e8f1df;padding:100px 0 113px}.lab-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:37px}.lab-head p{max-width:340px;margin:0 0 6px;font-size:14px;line-height:1.72;color:#576d5b}.lab-machine{display:grid;grid-template-columns:1.05fr .95fr;min-height:570px;border:2px solid var(--ink);box-shadow:15px 15px 0 var(--ink)}.lab-left{background:#fcfdf8;padding:clamp(25px,3.5vw,51px);display:flex;flex-direction:column}.lab-right{background:var(--dark);color:white;padding:clamp(25px,3.2vw,44px);display:flex;flex-direction:column;min-width:0}.lab-index{display:flex;justify-content:space-between;border-bottom:1px solid #d3ddd3;padding-bottom:15px;font:800 11px var(--mono)}.lab-left h3{font-size:clamp(32px,3.4vw,53px);line-height:1.02;letter-spacing:-.065em;margin:29px 0 16px}.lab-left>p{font-size:15px;color:#5a6d5e;line-height:1.7;margin:0 0 25px;max-width:520px}.concept-form{display:grid;gap:15px;margin-top:auto}.fields-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px;min-width:0}.field label{font-size:11px;font-weight:800}.field input,.field select{width:100%;min-height:51px;padding:13px;border:1px solid #a9b9aa;border-radius:0;background:#fff;color:var(--ink);font-size:13px}.field input::placeholder{color:#849687}.field input[aria-invalid=true]{border-color:#b92f2a}.field small{font-size:10px;color:#6b7b6e;line-height:1.55}.form-error{min-height:17px;color:#a22222;font-size:12px;font-weight:700;margin:-7px 0 0}.concept-form .btn{width:100%;background:var(--orange);border-color:var(--orange);color:var(--ink)}.concept-form .btn:hover{background:#ff987c;transform:none}.form-disclaimer{font-size:11px;line-height:1.65;color:#65796b;margin:0}
.preview-tabs{display:flex;gap:8px;flex-wrap:wrap}.preview-tabs button{border:1px solid #688172;background:transparent;color:#dfece2;padding:11px 13px;font-size:12px;font-weight:800;min-height:43px}.preview-tabs button[aria-selected=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.preview-number{font:700 10px var(--mono);letter-spacing:.09em;color:var(--lime);margin-top:38px;margin-bottom:13px}.preview-for{font:700 10px/1.5 var(--mono);letter-spacing:.06em;color:#a1c1aa;text-transform:uppercase}.result-panel{flex:1;min-height:285px;outline:none}.result-panel[hidden]{display:none}.result-title{font-size:clamp(31px,3.45vw,54px);line-height:1.08;font-weight:800;letter-spacing:-.065em;margin:9px 0 18px}.result-desc{font-size:14px;line-height:1.67;color:#c4d6c8;margin:0 0 19px}.result-list{padding:0;margin:22px 0 0;border-top:1px solid #395247;list-style:none}.result-list li{border-bottom:1px solid #395247;padding:12px 0;font-size:13px;line-height:1.5}.result-list b{font:700 10px var(--mono);display:inline-block;min-width:34px;color:var(--lime)}.text-quote{font-size:17px;font-weight:700;line-height:1.65;border-left:3px solid var(--lime);padding-left:19px;margin:19px 0}.text-quote small{display:block;margin-top:15px;font-size:11px;line-height:1.6;color:#a3c1ae;font-weight:500}.visual-grid{display:grid;grid-template-columns:minmax(145px,.9fr) 1fr;gap:21px;align-items:center}.sample-art{min-height:226px;aspect-ratio:4/5;background:#ffd35f;color:#12251e;padding:17px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.sample-art:before{content:"";width:150%;height:34px;background:#207654;position:absolute;z-index:-1;top:42%;left:-25%;transform:rotate(-28deg)}.sample-art span{font:700 10px var(--mono);word-break:break-word}.sample-art strong{font:italic 900 clamp(32px,3vw,52px)/.85 var(--display);white-space:pre-line;text-transform:uppercase}.sample-art em{font:700 9px var(--mono);font-style:normal}.sample-art.gym{background:#c8bef6}.sample-art.gym:before{background:#f96a4e}.sample-art.craft{background:#e9bd92}.sample-art.craft:before{background:#24483a}.sample-art.tours{background:#bdeadd}.sample-art.tours:before{background:#f66c51}.sample-art.service{background:#cbe8fc}.sample-art.service:before{background:#5577a3}.visual-explain{font-size:13px;color:#c8d9cb;line-height:1.7}.visual-explain strong{display:block;color:white;margin-bottom:9px}.preview-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #3b5648;margin-top:22px;padding-top:18px}.preview-foot span{font:700 10px var(--mono);color:#abc8b2}.preview-foot a{color:var(--lime);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.lab-footnote{font-size:12px;color:#536b56;line-height:1.7;margin:29px 0 0;max-width:810px}
.departure{background:var(--dark);color:white;padding:109px 0}.departure-head{display:grid;grid-template-columns:1.4fr .6fr;gap:65px;align-items:end;margin-bottom:40px}.departure-head p{font-size:15px;color:#c1d4c6;line-height:1.7;margin:0 0 4px}.board{background:#0c1612;border:1px solid #52685a;padding:clamp(14px,2.5vw,32px);box-shadow:0 25px 60px #0003}.board-header,.board-row{display:grid;grid-template-columns:115px minmax(0,1fr) 170px;gap:clamp(13px,2vw,27px);align-items:center}.board-header{border-bottom:1px solid #35483b;padding-bottom:17px;font:700 11px var(--mono);color:#9ab0a1;letter-spacing:.09em}.board-header span:last-child{text-align:right}.board-row{border-bottom:1px solid #33463b;padding:16px 0}.board-row:last-of-type{border-bottom:0}.tiles{display:flex;gap:2px;min-width:0}.tile{--tile-h:clamp(30px,3.5vw,52px);position:relative;flex:1;min-width:0;height:var(--tile-h);background:#28352e;color:#f4f6ef;border:1px solid #405246;box-shadow:inset 0 1px #526557,0 2px #050b07;perspective:170px;overflow:hidden}.tile:after{content:"";height:1px;background:#070c09;box-shadow:0 1px #59685a;position:absolute;top:50%;left:0;right:0;z-index:5}.tile-letter{position:absolute;inset:0;display:grid;place-items:center;white-space:pre;font:700 clamp(11px,1.55vw,21px)/1 var(--mono)}.time-tiles .tile-letter{font-size:clamp(14px,2vw,26px)}.leaf{position:absolute;z-index:3;left:0;right:0;height:50%;overflow:hidden;background:#344239;backface-visibility:hidden}.leaf.out{top:0;transform-origin:center bottom;animation:fold-out .14s ease-in forwards}.leaf.in{top:50%;transform-origin:center top;transform:rotateX(90deg);animation:fold-in .16s .14s ease-out forwards}.leaf .tile-letter{height:var(--tile-h);top:0;bottom:auto}.leaf.in .tile-letter{top:calc(var(--tile-h)*-.5)}@keyframes fold-out{to{transform:rotateX(-90deg);filter:brightness(.5)}}@keyframes fold-in{to{transform:rotateX(0deg)}}.board-state{display:flex;align-items:center;justify-content:flex-end;gap:9px;font:700 11px var(--mono);color:#b4f784;white-space:nowrap}.board-state:before{content:"";width:8px;height:8px;border-radius:50%;background:#b3f17c;box-shadow:0 0 9px #9aec80}.board-state.wait{color:#e2c682}.board-state.wait:before{background:#d8bd74;box-shadow:none}.board-state.plan{color:#b3c6b8}.board-state.plan:before{background:#83998b;box-shadow:none}.board-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:21px}.board-controls p{font-size:12px;color:#adc0b0;line-height:1.6;margin:0}.board-controls button{min-height:44px;border:1px solid #668571;background:transparent;color:#e9f8e7;padding:11px 15px;font:700 11px var(--mono)}.board-controls button:hover{background:#30503c}.board-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:28px}.board-notes p{font-size:13px;line-height:1.7;color:#bcd0c2;margin:0}.board-notes strong{color:white}
.process{padding:108px 0 110px}.section-head{display:grid;grid-template-columns:1.07fr .93fr;gap:70px;align-items:end;margin-bottom:44px}.section-head p{font-size:16px;line-height:1.75;color:var(--muted);max-width:480px;margin:0 0 5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}.step{padding:27px 30px 9px 0;border-right:1px solid #c9d5c8}.step+.step{padding-left:30px}.step:last-child{border-right:0}.step b{font:italic 900 44px var(--display);color:#428e65}.step h3{font-size:21px;letter-spacing:-.04em;line-height:1.27;margin:18px 0 10px}.step p{color:#607263;font-size:14px;line-height:1.7;margin:0}.step small{display:block;color:#3e895d;font:700 10px/1.7 var(--mono);margin-top:23px}
.inside{background:white;padding:105px 0 113px}.inside-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:7%;align-items:center}.inside-copy p{max-width:490px;color:#5a6e60;line-height:1.73;font-size:16px}.inside-copy .textlink{margin-top:12px}.workspace{background:#f8fbf6;border:1px solid #d4dfd3;box-shadow:12px 12px 0 #e7eee5}.workspace-top{display:flex;justify-content:space-between;gap:10px;background:#1b4031;color:white;padding:16px 20px;font-size:12px;font-weight:800}.workspace-top small{color:#c2d9c4;font:700 10px var(--mono)}.workspace-body{padding:21px}.workspace-tabs{display:flex;gap:19px;overflow:auto;border-bottom:1px solid #d6e0d5}.workspace-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:12px;font-weight:800;color:#708474;white-space:nowrap}.workspace-tabs button[aria-selected=true]{border-color:var(--green);color:#286345}.workspace-panel{min-height:244px;padding:24px 4px;outline:0}.workspace-panel h3{font-size:24px;letter-spacing:-.05em;line-height:1.18;margin:10px 0}.workspace-panel p{font-size:13px;color:#607464;line-height:1.7;max-width:490px;margin:0 0 20px}.workspace-tags{display:flex;flex-wrap:wrap;gap:9px}.workspace-tags span{background:#e2f0dc;color:#2a6647;padding:9px 12px;font-size:11px;font-weight:800}
.benefits{background:#ebf1e5;padding:101px 0}.benefits-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:10%}.benefit-list{border-top:2px solid var(--ink)}.benefit-item{display:grid;grid-template-columns:50px 1fr;gap:17px;padding:23px 0;border-bottom:1px solid #c7d5c4}.benefit-item b{font:italic 900 27px var(--display);color:#428e64}.benefit-item h3{font-size:19px;letter-spacing:-.04em;margin:0 0 8px}.benefit-item p{font-size:13px;line-height:1.7;color:#5f7564;margin:0}
.trust{background:var(--dark);color:white;padding:112px 0 120px}.trust-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:8%}.year{font:italic 900 clamp(135px,19vw,320px)/.85 var(--display);letter-spacing:-.07em;color:var(--lime);margin-top:30px}.year-tag{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#b8d8bf;margin-top:24px}.trust h2{font-size:clamp(53px,6vw,94px);margin:17px 0 26px}.trust p{font-size:16px;line-height:1.76;color:#c4d6c9;margin:0 0 17px}.trust strong{color:#fff}.trust-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;margin-top:27px;border-top:1px solid #4c6655}.trust-facts span{padding:15px 0;border-bottom:1px solid #4c6655;font-size:12px;font-weight:800}.trust-credit{color:#aed1b8;font:700 10px/1.7 var(--mono);margin-top:28px}
.future{padding:74px 0;border-bottom:1px solid var(--line)}.future-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.future h2{font-size:clamp(44px,5vw,72px)}.future p{font-size:14px;line-height:1.7;color:#5f7363;max-width:460px}.future-tags{display:flex;flex-wrap:wrap;gap:10px}.future-tags span{background:#fdfefb;border:1px solid #c6d7c9;padding:13px 15px;font-size:12px;font-weight:800}.future-tags span:before{content:"PERSPEKTIVE";font:700 9px var(--mono);color:#72997b;display:block;margin-bottom:5px}
.closing{display:flex;justify-content:space-between;align-items:end;gap:45px;padding-top:107px;padding-bottom:111px}.closing h2{font-size:clamp(66px,8.7vw,136px)}.closing p{font-size:16px;line-height:1.72;color:#586e5f;max-width:600px;margin:21px 0 0}.closing-action{text-align:right;flex:none}.closing-action small{display:block;font-size:11px;color:#607565;line-height:1.6;margin-top:13px}
.footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;font-size:11px;color:#69816e}.footer .brand{font-size:23px;color:var(--ink)}.footer .brand-sign{width:28px;height:28px}.footer .brand-sign span{font-size:23px}.footer-links{display:flex;gap:21px}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr;gap:3%}.hero h1{font-size:clamp(75px,9vw,117px)}.lab-machine{grid-template-columns:1fr 1fr}.lab-left,.lab-right{padding:29px}.fields-two{grid-template-columns:1fr}.board-header,.board-row{grid-template-columns:98px minmax(0,1fr) 140px;gap:12px}.board-state{font-size:9px}}
@media(max-width:840px){.topbar-inner{min-height:75px}.nav{gap:15px}.nav a:not(.navcta){display:none}.hero{grid-template-columns:1fr;gap:61px;padding:60px 0 76px}.hero h1{font-size:clamp(87px,12.6vw,134px)}.hero-demo{width:calc(100% - 17px);max-width:600px;margin:auto}.ribbon-inner{display:block}.ribbon ul{margin-top:15px}.lab{padding:85px 0 93px}.lab-head{display:block}.lab-head p{max-width:640px;margin-top:25px}.lab-machine{grid-template-columns:1fr}.fields-two{grid-template-columns:1fr 1fr}.lab-right{min-height:535px}.departure{padding:85px 0}.departure-head{display:block}.departure-head p{max-width:620px;margin-top:25px}.section-head{grid-template-columns:1fr;gap:22px}.inside-grid,.benefits-grid,.trust-grid{grid-template-columns:1fr;gap:50px}.inside-copy p{max-width:640px}.workspace{max-width:710px}.year{font-size:clamp(150px,37vw,330px);margin:0}.trust-grid{gap:20px}.future-grid{grid-template-columns:1fr;gap:25px}.closing{display:block}.closing-action{text-align:left;margin-top:32px}}
@media(max-width:620px){.container{width:min(calc(100% - 34px),1330px)}.brand{font-size:25px}.brand-sign{height:30px;width:30px}.brand-sign span{font-size:24px}.menu{display:grid;place-items:center}.nav{display:none;position:absolute;left:0;right:0;top:100%;padding:16px 18px 24px;flex-direction:column;align-items:stretch;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 15px 30px #1d352114;z-index:30}.topbar{position:relative;z-index:30}.nav.open{display:flex}.nav a:not(.navcta){display:block}.nav a{padding:10px}.navcta{text-align:center}.hero{padding:44px 0 61px;gap:45px}.hero h1{font-size:clamp(63px,15.8vw,99px);margin:21px 0}.hero-desc{font-size:16px}.hero-demo{box-shadow:8px 8px 0 #dce8d4;width:calc(100% - 9px)}.hero-demo-body{padding:16px}.hero-demo h2{font-size:23px}.day-buttons{gap:5px}.day-buttons button{padding:9px 6px;min-height:98px}.day-buttons small{font-size:8px}.day-buttons strong{font-size:10px}.day-buttons em{font-size:9px}.hero-demo-detail{grid-template-columns:76px 1fr}.mini-poster{height:88px}.mini-poster strong{font-size:21px}.ribbon ul{gap:11px 14px}.ribbon li{font-size:10px}.display{font-size:clamp(53px,12vw,81px)}.lab-head{margin-bottom:28px}.lab-left,.lab-right{padding:24px 21px}.lab-left h3{font-size:39px}.fields-two{grid-template-columns:1fr}.lab-machine{box-shadow:8px 8px 0 var(--ink)}.lab-right{min-height:585px}.result-title{font-size:37px}.result-panel{min-height:323px}.visual-grid{grid-template-columns:1fr;gap:18px}.sample-art{max-width:265px;min-height:215px;aspect-ratio:1/1}.sample-art strong{font-size:50px}.departure{padding:75px 0}.board{padding:13px 8px}.board-header,.board-row{grid-template-columns:63px minmax(0,1fr);gap:7px}.board-header{font-size:9px}.board-header span:last-child{display:none}.board-row{padding:14px 0}.board-state{grid-column:2;justify-content:flex-start;margin-top:6px;letter-spacing:.01em}.tile{--tile-h:31px}.tile-letter{font-size:clamp(8px,2.3vw,12px)}.time-tiles .tile-letter{font-size:12px}.tiles{gap:1px}.board-notes{grid-template-columns:1fr;gap:15px}.process,.inside,.benefits{padding:79px 0}.steps{grid-template-columns:1fr}.step,.step+.step{padding:22px 0;border-right:0;border-bottom:1px solid #c9d5c8}.step:last-child{border-bottom:0}.workspace-body{padding:14px}.workspace-tabs{gap:16px}.workspace-panel{min-height:265px}.benefits-grid{gap:31px}.trust{padding:80px 0}.trust h2{font-size:clamp(55px,12.6vw,88px)}.trust-facts{grid-template-columns:1fr}.future{padding:68px 0}.closing{padding-top:86px;padding-bottom:88px}.closing h2{font-size:clamp(68px,16vw,110px)}.footer{align-items:start}.footer-links{width:100%;justify-content:space-between}}
@media(max-width:365px){.hero h1{font-size:60px}.result-title{font-size:32px}.preview-tabs{gap:4px}.preview-tabs button{font-size:11px;padding:10px}.tile-letter{font-size:7.3px}.time-tiles .tile-letter{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.signals span:first-child{background:#b0fa64;box-shadow:0 0 10px #91f567}.signals span:last-child{background:#294738;box-shadow:none}}
/* V7: Die charakterstarke Editorial-Typografie aus dem Referenzentwurf
   trifft auf die atmosphärische Terminalillustration. */
.hero{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:3.5%;padding-top:68px;padding-bottom:78px}
.hero h1{font-size:clamp(77px,8.55vw,137px);line-height:.84}
.terminal{position:relative;min-height:626px;background:#bad9d8;overflow:hidden;border:1px solid #a9c6c1;box-shadow:13px 13px 0 #dbe9dc;align-self:stretch}
.terminal>svg{width:100%;height:100%;position:absolute;inset:0;display:block}
.flight-sign{position:absolute;top:55px;right:27px;z-index:2;background:#102c30;color:#f3f5ec;width:min(82%,290px);padding:16px 18px 17px;box-shadow:8px 10px 0 #102c3023}
.flight-sign:before,.flight-sign:after{content:'';position:absolute;top:-55px;height:55px;width:3px;background:#31575a}
.flight-sign:before{left:29px}.flight-sign:after{right:29px}
.flight-sign-head{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #466664;padding-bottom:10px;color:#b6d1c5;font:700 10px var(--mono);letter-spacing:.04em}
.flight-sign-head .lamps{display:inline-flex;gap:6px}
.flight-sign-head .lamp{width:8px;height:8px;border-radius:50%;background:#5fea9c;animation:signal1 1.8s steps(1,end) infinite}
.flight-sign-head .lamp:nth-child(2){animation-name:signal2}
.flight-sign h2{font:700 27px/.9 var(--display);letter-spacing:.045em;margin:15px 0 16px;text-transform:uppercase}
.flight-route{display:flex;align-items:center;gap:8px;color:#a7c7bc;font:500 9px var(--mono)}
.flight-route b{white-space:nowrap;font-weight:500}.flight-route i{height:5px;width:5px;background:var(--orange);border-radius:50%;flex:none}.flight-route em{flex:1;border-top:1px dashed #7d9b90}
.floating-note{position:absolute;left:24px;top:46%;z-index:2;background:#fffdf0ed;padding:12px 15px;color:#20464a;font:700 10px var(--mono);box-shadow:0 9px 24px #173b3e20}
.floating-note:before{content:'';display:inline-block;width:8px;height:8px;border:2px solid var(--orange);border-radius:50%;margin-right:8px}
.scene-footer{position:absolute;bottom:16px;left:20px;right:20px;z-index:2;display:flex;justify-content:space-between;gap:13px;color:#355a60;font:600 9px var(--mono);letter-spacing:.04em}
/* Split-Flap: Die Naht bleibt erkennbar, schneidet die Glyphen aber nicht mehr durch. */
.board{background:#0d1915;border-color:#4a6454;box-shadow:0 25px 65px #0003}
.tile{background:linear-gradient(#27362f 0%,#27362f 49%,#24322c 50%,#24322c 100%);border-color:#3e5045;box-shadow:inset 0 1px #596a60,0 2px #050b07}
.tile:after{height:1px;background:rgba(229,240,224,.075);box-shadow:none;z-index:1}
.tile-letter{z-index:2;font:700 clamp(17px,2.05vw,26px)/1 var(--display);letter-spacing:.025em;color:#fbfcf4;text-shadow:0 1px 0 #06120b}
.time-tiles .tile-letter{font-size:clamp(20px,2.45vw,31px)}
.leaf{z-index:4;background:#34453a}
.leaf .tile-letter{z-index:2}
.board-row{padding:13px 0}
.board-state{font-size:12px}
.board-controls p:before{content:'●';display:inline-block;color:var(--lime);margin-right:8px;font-size:8px;vertical-align:2px}
@media(max-width:1100px){.hero h1{font-size:clamp(74px,8.7vw,113px)}.terminal{min-height:555px}.flight-sign{right:15px}.tile-letter{font-size:clamp(15px,2vw,23px)}.time-tiles .tile-letter{font-size:clamp(18px,2.4vw,27px)}}
@media(max-width:840px){.hero{grid-template-columns:1fr;gap:45px}.hero h1{font-size:clamp(81px,12.4vw,132px)}.terminal{width:min(100%,670px);min-height:550px;margin-inline:auto;align-self:auto}}
@media(max-width:620px){.hero h1{font-size:clamp(65px,15vw,93px)}.terminal{min-height:475px;box-shadow:7px 8px 0 #dbe9dc}.flight-sign{top:36px;right:15px;width:231px;padding:12px 13px}.flight-sign:before,.flight-sign:after{top:-37px;height:37px}.flight-sign h2{font-size:23px}.flight-route{font-size:8px;gap:6px}.floating-note{left:13px;top:47%;font-size:8px;padding:10px}.scene-footer{font-size:8px;left:12px;right:12px}.tile-letter{font-size:clamp(12px,3.45vw,16px)}.time-tiles .tile-letter{font-size:clamp(12px,3.7vw,17px)}.tile:after{opacity:.45}.board-row{padding:11px 0}.board-state{font-size:10px}}
@media(max-width:365px){.hero h1{font-size:clamp(60px,15vw,68px)}.terminal{min-height:440px}.flight-sign{width:212px}.tile-letter{font-size:11px}.time-tiles .tile-letter{font-size:12px}}
/* V8 / Art Direction: Farbe bewusst in klaren Kapiteln statt Ton-in-Ton. */
:root{--orange:#ff6547;--lime:#ddff62}
.topbar{background:var(--ink);color:#f7faef;border-bottom-color:#355043}
.topbar .brand{color:#f7faef}
.topbar .brand-sign{background:var(--lime);color:var(--ink)}
.topbar .nav a:not(.navcta):hover{color:var(--lime)}
.topbar .navcta{background:var(--orange);color:var(--ink)}
.topbar .navcta:hover{background:#ff947d}
.topbar .menu{color:#f7faef;border-color:#91a998}
.hero{padding-top:72px;padding-bottom:88px}
.hero h1 .green{color:#f26546}
.hero h1 .hero-last{color:#1c624a}
.hero h1 .underline:after{height:.095em;bottom:-.018em;background:var(--lime)}
.hero .caveat{max-width:570px;color:#5d7564}
.hero .caveat b{display:inline-block;background:var(--lime);color:var(--ink);font:800 10px var(--mono);letter-spacing:.025em;padding:5px 6px;margin-right:4px}
.hero .btn{background:var(--ink)}
.hero .btn:hover{background:#34765b}
.terminal{box-shadow:14px 14px 0 #f3c5b8;border-color:#9fbeb9}
.flight-sign h2{color:#edffbc}
.flight-sign .lamps .lamp:first-child{background:var(--orange)}
.ribbon{background:#dfff71;border-color:#b5d14e}
.ribbon li:before{background:#174c38}
.lab{background:#e8ffb0}
.lab-head .eyebrow{color:#255c32}
.lab-machine{box-shadow:15px 15px 0 #1b4739}
.lab-right{background:#143a2d}
.concept-form .btn{background:var(--orange);border-color:var(--orange)}
.concept-form .btn:hover{background:#ff997e}
.inside{background:#bfeaf1}
.inside .workspace{box-shadow:12px 12px 0 #83cbd6;border-color:#a2d5dd}
.inside .workspace-top{background:#153f36}
.benefits{background:#fffefa}
.benefits .benefit-list{border-top-color:#1b4033}
.future{background:#f7f8f1}
.closing-band{background:#ff6547}
.closing .eyebrow{color:#253c30}
.closing p{color:#233c31}
.closing .btn{background:#14251f;border-color:#14251f;color:#fff}
.closing .btn:hover{background:#305f49}
.closing .closing-action small{color:#3b4b39}
.footer .brand{color:var(--ink)}
.footer .brand-sign{background:var(--ink);color:var(--lime)}
/* Die Board-Beschriftung ist auch ohne ausgeführtes JavaScript sichtbar. */
.tiles:empty:before{content:attr(aria-label);display:flex;align-items:center;min-height:43px;width:100%;padding:4px 10px;color:#faffef;background:repeating-linear-gradient(90deg,#273c30 0,#273c30 13px,#324a39 14px);font:800 clamp(14px,1.6vw,20px)/1.25 var(--display);letter-spacing:.035em;overflow:hidden}
.board-controls p:before{content:none}
.board-controls p{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#e7f4d9;font:700 11px/1.7 var(--mono)}
.board-led{width:9px;height:9px;display:inline-block;background:var(--lime);box-shadow:0 0 12px #c8ff54;border-radius:50%;flex:none}
.board.is-flipping .board-led{animation:boardPulse .3s steps(1,end) 3}
@keyframes boardPulse{0%,49%{opacity:.25}50%,100%{opacity:1}}
.board-control-hint{font-weight:400;color:#b0c6b5}
html:not(.js) .board-controls button,html:not(.js) .board-control-hint{display:none}
html:not(.js) .board-controls p:after{content:'· Statische Vorschau ohne Animation';color:#b0c6b5;font-weight:400}
.board-controls button{border-color:#9ab39b;color:#efffee;transition:background .15s,color .15s}
.board-controls button:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.board-controls button:disabled{cursor:wait;opacity:.7}
.board .tile{--tile-h:clamp(38px,3.6vw,54px)}
.board .tile-letter{font-size:clamp(16px,2vw,26px)}
.board .time-tiles .tile-letter{font-size:clamp(19px,2.4vw,30px)}
@media(max-width:620px){
  .inside-grid{grid-template-columns:minmax(0,1fr)}
  .inside-copy,.inside .workspace{min-width:0;width:100%}
  .tiles[data-task]:empty:before{content:attr(data-short)}
  .topbar .nav{background:#14251f;border-bottom-color:#355043;box-shadow:0 18px 32px #10241a36}
  .topbar .nav a{color:white}
  .topbar .nav .navcta{color:#14251f}
  .hero{padding-top:42px;padding-bottom:66px}
  .hero h1{font-size:clamp(64px,15.1vw,91px)}
  .hero .hero-actions{gap:23px}
  .hero .caveat{font-size:10px}
  .hero .caveat b{font-size:9px}
  .terminal{box-shadow:8px 8px 0 #f3c5b8}
  .lab-machine{box-shadow:8px 8px 0 #1b4739}
  .board{padding:18px 12px}
  .board-header,.board-row{grid-template-columns:112px minmax(0,1fr);gap:9px 8px}
  .board-header{padding:0 1px 12px}
  .board-header span:nth-child(2){display:none}
  .board-header span:last-child{display:block;grid-column:2;text-align:right}
  .board-row{padding:18px 0 19px}
  .board-row [data-time]{grid-column:1;grid-row:1;width:112px}
  .board-row [data-task]{grid-column:1/-1;grid-row:2;width:100%;margin-top:5px}
  .board-row .board-state{grid-column:2;grid-row:1;justify-content:flex-end;align-self:center;margin:0;font-size:10px;letter-spacing:0;white-space:normal;text-align:right}
  .board-state:before{flex:none}
  .board .tile{--tile-h:42px}
  .board .tile-letter{font-size:clamp(15px,4vw,18px)}
  .board .time-tiles .tile-letter{font-size:21px}
  .board .tiles{gap:2px}
  .board .tile:after{opacity:.2}
  .board-controls{gap:13px}
  .board-controls p{font-size:10px}
  .board-controls button{width:100%;justify-content:center}
  .board-notes{margin-top:21px}
  .board-notes p{font-size:12px}
  .inside .workspace{box-shadow:8px 8px 0 #83cbd6}
}
@media(max-width:365px){
  .hero h1{font-size:clamp(59px,15.1vw,65px)}
  .lab-head .display{font-size:45px;letter-spacing:-.035em}
  .closing h2{font-size:54px}
  .board{padding:14px 9px}
  .board-header,.board-row{grid-template-columns:104px minmax(0,1fr)}
  .board-row [data-time]{width:104px}
  .board .tile-letter{font-size:14.5px}
  .board .time-tiles .tile-letter{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.board-control-hint{display:none}}

.studio-continue{display:inline-block;margin:16px 0;font-weight:700}.login-link{border-bottom:2px solid var(--lime)}

.autopilot-claim{background:#ddff62;padding:45px 0;color:#14251f}.autopilot-claim p{font:italic 900 clamp(32px,4.2vw,60px)/1.03 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 20px}.autopilot-claim strong{color:#28664b}.autopilot-claim span{font:700 11px/1.7 var(--mono)}@media(max-width:480px){.autopilot-claim{padding:35px 0}.autopilot-claim p{font-size:34px}.autopilot-claim span{font-size:10px}}

/* Address-first brand discovery. Results appear only after a submitted address. */
[hidden]{display:none!important}.discovery-empty{min-height:450px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:26px 0}.empty-address{display:block;border:1px solid #526d51;padding:16px 20px;color:#adc89c;font:400 14px var(--font);margin-bottom:30px;max-width:100%;overflow-wrap:anywhere}.empty-address b{font-weight:600;color:#ddff62}.discovery-empty h3{font:600 48px/1.04 var(--font);letter-spacing:-.05em;color:#f4f8e9;margin:0 0 20px}.discovery-empty>p{font:300 14px/1.8 var(--font);color:#b5caaa}.empty-step{font:500 9px/2 var(--font);letter-spacing:.04em;color:#91b17f;margin-top:25px}.empty-step i{font-size:20px;font-style:normal;margin:0 10px;color:#ddff62}.discovery-progress{font:400 12px/1.7 var(--font);color:#456743;margin-top:16px}.source-proof{border-top:1px solid #456345;padding:20px 0;margin-top:25px;color:#bbd0ab;font:400 11px/1.7 var(--font);overflow-wrap:anywhere}.source-proof strong{font-weight:600;color:#e7f6ce}.source-proof p{margin:7px 0}.source-proof a{color:#ddff62}.discovery-ideas{display:grid;gap:10px;margin:0 0 24px}.discovery-ideas article{padding:16px;border:1px solid #486443;background:#ffffff03}.discovery-ideas small{color:#b6d593;font:500 9px var(--font);letter-spacing:.06em}.discovery-ideas h4{font:600 16px/1.4 var(--font);letter-spacing:-.02em;color:#eff8df;margin:8px 0}.discovery-ideas p{font:300 12px/1.7 var(--font);margin:0;color:#b7cda7}.concept-form #website{font-size:15px}.sample-art strong{overflow-wrap:anywhere}.preview-for{overflow-wrap:anywhere}@media(max-width:620px){.discovery-empty{min-height:290px;padding:15px 0}.discovery-empty h3{font-size:38px}.empty-address{font-size:12px;padding:12px 14px}.empty-step{font-size:8px}.empty-step i{margin:0 5px}.concept-form #website{font-size:16px}}

.discovery-ideas img{display:block;width:100%;height:auto;margin:16px 0;border-radius:2px}.demo-caption{white-space:pre-line}.discovery-ideas .demo-caption{color:#edf5e0;margin-bottom:15px}.discovery-ideas article>p:last-child{font-size:10px;color:#a8be99}

/* V1: the first useful action sits beside the approved headline. */
.hero{align-items:start;gap:5%;padding-top:56px;padding-bottom:64px}.hero-entry{padding:32px;background:#e7f0dc;border:1px solid #b8cdbb;box-shadow:10px 10px 0 #d4ff53}.hero-entry h2{font:800 29px/1.15 var(--font);letter-spacing:-.04em;margin:18px 0}.hero-entry p{line-height:1.65;color:#465b4c}.hero-entry .concept-form{margin-top:22px}.hero-entry small{display:block;font-size:12px;line-height:1.6;color:#53685b}.entry-tabs{display:flex;gap:6px;margin:24px 0}.entry-tabs button{padding:12px;background:transparent;border:1px solid var(--ink);font-size:12px;font-weight:700}.entry-tabs button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.hero-entry input:not([type=checkbox]),.hero-entry textarea{width:100%;padding:13px;border:1px solid #9db2a1;background:#fff;font:inherit}.hero-entry .field{margin-bottom:18px}.hero-entry .btn{width:100%;margin-top:14px}.rights-check{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.5}.rights-check input{margin-top:4px}.studio-continue{background:none;border:0;text-align:left;cursor:pointer}.discovery-ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.discovery-ideas article{min-width:0;background:#fff;padding:20px;border:1px solid var(--line)}.discovery-ideas h3{font-size:20px;line-height:1.25;min-height:50px}.demo-pages{display:flex;gap:8px;overflow:auto;scroll-snap-type:x mandatory}.demo-pages>a{flex:0 0 100%;scroll-snap-align:start}.demo-pages img{width:100%;height:auto;display:block}.demo-caption{white-space:pre-wrap;font-size:14px;line-height:1.65}.discovery-ideas details{margin-top:20px;font-size:12px;line-height:1.6}.discovery-ideas .textlink{background:none;border:0;border-bottom:1px solid;padding:0 0 4px}.photo-compare{--split:50%;position:relative;max-width:460px;aspect-ratio:4/5;margin-top:28px;overflow:hidden}.photo-compare img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.photo-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.photo-compare>span,.photo-compare>b{position:absolute;top:12px;background:var(--cream);padding:8px;font-size:11px}.photo-compare>span{right:12px}.photo-compare>b{left:12px}#photoSlider{width:min(100%,460px);display:block;margin:18px 0}#photoResult .btn{margin:18px}.waitlist-form{display:grid;gap:14px;font-size:13px;max-width:420px}.waitlist-form input[type=email]{width:100%;padding:14px;border:1px solid var(--line);font:inherit}.waitlist-form label{line-height:1.6}.waitlist-form small{line-height:1.6;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-entry{margin-top:30px}.discovery-ideas{grid-template-columns:1fr}.hero h1{font-size:clamp(77px,15vw,130px)}.hero-entry{box-shadow:6px 6px 0 var(--lime);padding:24px}.demo-pages>a{max-width:440px}}

.discovery-ideas p,.discovery-ideas .demo-caption{color:#344c3d;font-size:14px;line-height:1.7}.discovery-ideas small{color:#456431}.source-proof,.source-proof strong{color:#24432d}.source-proof a{color:#24432d;text-decoration:underline}

.branch-examples{display:grid;grid-template-columns:1fr minmax(200px,420px);align-items:start;gap:24px}.branch-examples img{max-width:100%;height:auto}.branch-examples small{font-size:12px;line-height:1.6}.branch-examples .entry-tabs{flex-wrap:wrap}@media(max-width:650px){.branch-examples{grid-template-columns:1fr}.branch-examples img{max-width:min(100%,340px)}}

.discovery-ideas .demo-rights{font-size:12px;line-height:1.6;margin:12px 0 18px;color:var(--muted)}