:root{--text:#f4f3ef;--muted:#c4d0d2;--surface:#253d42;--line:#7b929566;--title-color:var(--text);color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:110px;scrollbar-color:var(--accent) var(--bg)}body{padding-top:88px;overflow-x:clip;font-family:Arial,sans-serif}header{position:fixed;inset:0 0 auto;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.header-inner{min-height:88px;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;max-width:65%}.brand svg{width:40px;height:40px;color:var(--accent);flex:none}.brand strong{font-size:17px;line-height:1.2}header nav{display:flex;align-items:center;gap:22px}header nav a{color:var(--text);font-size:13px;font-weight:700;white-space:nowrap}header nav .all-apps{padding:10px 14px;border:1px solid var(--accent);border-radius:6px}.hero-grid{min-height:560px;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.hero h1{font-size:clamp(44px,5.4vw,76px);letter-spacing:-.05em;line-height:1.02;transform:none;font-weight:800;margin:20px 0 25px}.intro{max-width:590px;font-size:19px;line-height:1.65}.button{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700;display:inline-block;padding:14px 20px;text-decoration:none;border-radius:6px}.button:hover{background:var(--paper);border-color:var(--paper)}.micro,figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:18px}figure{margin:0}section{padding:88px 0}h2{font-size:clamp(34px,4.2vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.04em;margin:14px 0 35px;transform:none;-webkit-text-stroke:0}h3{font-size:22px;line-height:1.3}p{line-height:1.7}section.section-paper{background:var(--paper);color:var(--bg)}.section-paper p,.section-paper h2,.section-paper h3{color:var(--bg)}.feature-grid{gap:20px}.feature-grid article{border-top:2px solid var(--bg);padding:25px 0 10px}.number{font:13px monospace;letter-spacing:.1em}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:24px;border-top:1px solid var(--line);padding:24px 0}.steps li>span{font:13px monospace;color:var(--accent)}.steps h3{margin:0 0 8px}.steps p{margin:0;max-width:640px}.split{grid-template-columns:.9fr 1.1fr;align-items:start;gap:70px}.screen-section{background:var(--bg)}.screen-section img{width:100%;height:auto;max-height:740px;object-fit:contain;display:block;border:1px solid var(--line);border-radius:12px;background:#111}.screen-section a{display:block;cursor:zoom-in}.faq details{border:0;border-top:1px solid #20333a55;padding:22px 0;color:var(--bg);background:none}.faq summary{font-size:19px;font-weight:700;cursor:pointer;color:var(--bg);padding:0}.faq summary:hover{color:var(--bg);background:none}.faq p{max-width:850px;margin:18px 0 0}.availability{margin-top:40px;padding-top:20px;border-top:1px solid #20333a55;font-size:14px}.jano-band-bridge{background:linear-gradient(to bottom,var(--bg) 50%,var(--paper) 50%);overflow:clip;padding:35px 0;isolation:isolate}.jano-angled-band{background:var(--band);color:var(--bg);transform:rotate(-2deg) scale(1.03);box-shadow:0 9px 0 var(--bg);width:110%;margin-left:-5%;padding:18px 0}.jano-ticker-copy{color:var(--bg);font-weight:800;font-size:clamp(26px,3.5vw,46px)}.quiet-seam{height:95px;background:var(--bg);margin-bottom:-1px}.quiet-seam svg{display:block;width:100%;height:100%;fill:var(--paper)}.product-scene{height:390px;perspective:1000px;touch-action:pan-y;cursor:grab;outline-offset:7px}.product-world{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,-12deg)) rotateY(var(--ry,-22deg))}.scene-pane{position:absolute;width:57%;height:145px;background:var(--paper);color:var(--bg);border:2px solid var(--accent);border-radius:8px;padding:20px;box-shadow:8px 10px 0 color-mix(in srgb,var(--accent) 45%,var(--bg));transform-style:preserve-3d}.scene-pane span{font:12px monospace;display:block;margin-bottom:10px}.scene-pane b{font-size:23px;line-height:1.2}.pane-0{left:3%;top:5%;transform:translateZ(10px)}.pane-1{left:37%;top:20%;transform:translateZ(70px)}.pane-2{left:8%;top:48%;transform:translateZ(110px)}.pane-3{left:40%;top:63%;transform:translateZ(155px)}.pane-lines{display:flex;gap:5px;margin-top:12px}.pane-lines i{height:4px;width:22%;background:var(--bg);opacity:.2}.kind-md-viewer .scene-pane{height:180px;width:54%}.kind-md-viewer .pane-0{transform:translateZ(-20px) rotateZ(-6deg)}.kind-md-viewer .pane-1{transform:translateZ(40px) rotateZ(3deg)}.kind-md-viewer .pane-2{transform:translateZ(100px) rotateZ(-3deg)}.kind-md-viewer .pane-3{transform:translateZ(150px) rotateZ(4deg)}.kind-codex-cost-tracker .scene-pane{height:160px}.bars{display:flex;align-items:end;gap:8px;height:45px;margin-top:8px}.bars i{width:13%;background:var(--bg);height:30%}.bars i:nth-child(2){height:70%}.bars i:nth-child(3){height:50%}.bars i:nth-child(4){height:100%}.kind-unreal-library-catalog .scene-pane{border-radius:0;transform:rotateX(12deg) translateZ(40px)}.kind-ki-einstieg .scene-pane{border-radius:22px 22px 22px 3px;height:125px}.kind-jano-app-gruppen .scene-pane{width:45%;height:135px}.kind-jano-app-gruppen .pane-1,.kind-jano-app-gruppen .pane-3{left:54%}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-grid .brand{max-width:none}.footer-grid nav{display:flex;flex-direction:column;gap:12px}.footer-grid p{font-size:14px;color:var(--muted)}footer{padding:60px 0 25px;background:var(--bg);color:var(--text)}footer h3{font-size:15px;color:var(--accent)}footer a{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-top:25px;border-top:1px solid var(--line)}.footer-bottom a{color:var(--accent);font-weight:700}.footer-bottom svg{width:28px;height:28px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent)}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}body{padding-top:120px}.header-inner{min-height:120px;gap:12px;flex-wrap:wrap;padding-block:14px}.brand{max-width:100%}header nav{width:100%;gap:17px;justify-content:space-between}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.hero-grid{min-height:0}.hero h1{font-size:clamp(43px,9vw,68px)}.hero{padding-top:42px}.hero .intro{font-size:17px}.product-scene{height:370px;max-width:500px;margin-inline:auto}.scene-pane{width:52%;padding:17px}.scene-pane b{font-size:20px}section{padding:55px 0}.feature-grid{grid-template-columns:1fr}.feature-grid h3{max-width:650px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.quiet-seam{height:65px}.header-inner nav a{font-size:12px}.product-world{scale:.82}.scene-pane{box-shadow:5px 6px 0 var(--accent)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.jano-ticker-track{animation:none!important}.product-world{transition:none}}
.jano-ticker-track{display:flex;width:max-content;white-space:nowrap;animation:app-page-ticker 32s linear infinite;will-change:transform}.jano-ticker-copy{display:flex;align-items:center;flex:none;width:max-content;white-space:nowrap;padding-right:30px}.jano-ticker-copy span{display:block;white-space:nowrap;line-height:1.2}.product-scene{height:480px}.product-world{height:390px}.product-scene+figcaption{position:relative;z-index:2}@keyframes app-page-ticker{to{transform:translateX(-50%)}}@media(max-width:800px){.product-scene{height:420px}.product-world{height:360px}}@media(prefers-reduced-motion:reduce){.jano-ticker-track{animation:none;transform:none}}