/* JANO / small movements, generous type, real tools. Marketing pages only. */
body[data-jano-page]{--motion-accent:#c5f88a;--motion-bg:#0a0c0b;--scene-shift:0px;--scene-turn:0deg;background:var(--motion-bg);overflow-x:clip}
body[data-jano-page=projektpruefung]{--motion-accent:#b8cbee}
body[data-jano-page=projektordner]{--motion-accent:#b9ebbe}
body[data-jano-page=c4d-r21-mcp]{--motion-accent:#8ce3cb}
body[data-jano-page=glyphlume]{--motion-accent:#c8b8f3}
body[data-jano-page=unreal-mini-tools]{--motion-accent:#c5f88a}
body[data-jano-page]:not([data-jano-page=dayrivo]):not([data-jano-page=glyphlume]){--green:var(--motion-accent);--bg:var(--motion-bg);--line:#d4e1d524;--panel:#141915;--muted:#a6afa7}
.reading-progress{position:fixed;bottom:0;left:0;width:100%;height:2px;background:var(--motion-accent);z-index:70;transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
[data-jano-page] .jano-sticky-menu,[data-jano-page] .jano-tools-return{background:#0a0c0bf5;backdrop-filter:blur(16px)}
[data-jano-page] .jano-sticky-menu .brand b{border-radius:0;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%)}
[data-jano-page] .product-hero{min-height:650px;padding:88px 0 90px;gap:48px;grid-template-columns:1.05fr 1fr;position:relative}
[data-jano-page] .product-hero h1{font-size:clamp(58px,5.8vw,86px);font-weight:400;line-height:1.01;letter-spacing:-.065em;margin-top:28px}
[data-jano-page] .product-hero h1 em{color:var(--motion-accent)}
[data-jano-page] .product-hero .lead{font-size:16px;line-height:1.8;max-width:430px;margin:30px 0}
[data-jano-page] .eyebrow{font-size:10px;letter-spacing:1.7px}
[data-jano-page] .button{border-radius:0}
[data-jano-page]:not([data-jano-page=dayrivo]):not([data-jano-page=glyphlume]) .button{padding:17px 20px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.product-scene{position:relative;isolation:isolate;min-width:0;padding:44px 0 28px}
.scene-lines{position:absolute;inset:-70px -35px -40px;width:calc(100% + 70px);height:calc(100% + 110px);color:var(--motion-accent);opacity:.36;z-index:-1;pointer-events:none;transform:translateY(var(--scene-shift)) rotate(var(--scene-turn));}
.scene-lines .diagram-detail{stroke-dasharray:6 9;opacity:.48}
.scene-coordinate{font:10px Consolas,monospace;letter-spacing:2px;color:var(--motion-accent)}
.product-scene>.scene-coordinate{display:flex;justify-content:space-between;margin:0 12px 22px}
[data-jano-page] .product-scene .art{position:relative;margin:0;background:#121713ee;border:1px solid #c1d8be38;padding:12px;border-radius:2px;box-shadow:0 30px 80px #0007;transform:translateY(var(--scene-shift)) rotate(var(--scene-turn));}
[data-jano-page] .product-scene .art img{border-radius:0;border-color:#d4e1d51c;width:100%;height:auto;box-shadow:none}
[data-jano-page] .product-scene .art figcaption{font-size:9px;line-height:1.5;letter-spacing:.6px;margin:13px 5px 5px}
.scene-footnote{display:flex;gap:14px;align-items:center;color:var(--muted);font:9px Consolas,monospace;letter-spacing:1.2px;margin:22px 12px 0}
.scene-footnote:before{content:'';width:38px;height:1px;background:var(--motion-accent)}
.chapter-ribbon{position:relative;margin:4px -48px 64px;overflow:hidden;padding:22px 0;pointer-events:none}
.chapter-ribbon-inner{display:flex;width:max-content;gap:70px;align-items:center;padding:17px 60px;background:var(--motion-accent);color:#162015;transform:translateX(var(--ribbon-shift,-20px)) rotate(-1.4deg);transform-origin:center;font:11px Consolas,monospace;letter-spacing:2px;white-space:nowrap}
.chapter-ribbon-inner span:after{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.12em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019%2019%205M5%205h14v14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019%2019%205M5%205h14v14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;margin-left:70px;font-size:15px}
[data-jano-page] .section-title{font-size:clamp(38px,4.5vw,64px);letter-spacing:-.055em;font-weight:400;line-height:1.08}
[data-jano-page] .feature-grid{gap:38px;margin:52px 0 112px}
[data-jano-page] .feature-grid article{padding-top:28px;position:relative}
[data-jano-page] .feature-grid h3{font-size:26px;letter-spacing:-.04em}
[data-jano-page] .feature-grid p{line-height:1.85}
[data-jano-page] .feature-grid article:before{content:'';position:absolute;top:-1px;left:0;height:1px;width:48px;background:var(--motion-accent);transform:scaleX(.3);transform-origin:left;transition:transform .8s ease}
[data-jano-page] .feature-grid article.is-visible:before{transform:scaleX(1)}
[data-jano-page] .steps{gap:80px;margin-bottom:95px}
[data-jano-page] .steps li{padding:12px 0 12px 10px}
[data-jano-page] .end-cta{border-radius:0;padding:58px 46px;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}
[data-jano-page] .end-cta h2{font-size:clamp(32px,4vw,52px);line-height:1.07;letter-spacing:-.05em;font-weight:400}
[data-jano-page] .demo{border-radius:2px}
[data-jano-page=home] .hero{padding:85px 0 78px}
[data-jano-page=home] .quick-tool{border-radius:4px}
[data-jano-page=home] .tool-list{gap:44px}
[data-jano-page=home] .tool-card{border-radius:3px}
[data-jano-page=home] .card-copy h2{font-weight:500}
[data-jano-page=home] .card-image.app-screenshot{height:auto}
[data-jano-page=home] .quick-tool[href="glyphlume/"] .quick-tool-icon img{width:626%;left:-34%}
/* GLYPHLUME keeps its live demos and translated content, with the same editorial rhythm. */
[data-jano-page=glyphlume]{--accent:var(--motion-accent);--bg:var(--motion-bg)}
[data-jano-page=glyphlume] .header{background:#0a0c0bf5;backdrop-filter:blur(16px)}
[data-jano-page=glyphlume] .hero{padding-top:95px;padding-bottom:95px}
[data-jano-page=glyphlume] .hero h1{font-weight:400;letter-spacing:-.065em;font-size:clamp(64px,7vw,100px);line-height:1.02}
[data-jano-page=glyphlume] .hero h1>.accent{font:italic 1em Georgia,serif}
[data-jano-page=glyphlume] .hero-art{transform:translateY(var(--scene-shift));}
[data-jano-page=glyphlume] .icon-stage,[data-jano-page=glyphlume] .app-frame,[data-jano-page=glyphlume] .feature-panel{border-radius:3px}
[data-jano-page=glyphlume] .floating-card{animation:none;translate:0 var(--scene-shift)}
[data-jano-page=glyphlume] .primary{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
[data-jano-page=glyphlume] .capabilities{background:var(--motion-accent);color:#191327;border:0;transform:skewY(-1.2deg);padding:24px 0}
[data-jano-page=glyphlume] .capabilities>.wrap{transform:skewY(1.2deg)}
[data-jano-page=glyphlume] h2{font-weight:400;letter-spacing:-.05em}
/* Keep DAYRIVO's accepted portal scene and its light/dark settings. */
body[data-jano-page=dayrivo]{background:var(--bg);--motion-accent:var(--accent)}
[data-jano-page=dayrivo] .hero-sticky{top:var(--jano-return-height,44px);height:calc(100vh - 132px)}
[data-jano-page=dayrivo] .hero-wrap{min-height:600px}
[data-jano-page=dayrivo] .hero-sticky{min-height:600px}
[data-jano-page=dayrivo] .hero-words{padding-bottom:55px}
[data-jano-page=dayrivo] .site-header{z-index:10}
[data-jano-page=dayrivo] .dimension-scene .scene-coordinate{font-size:20px}
/* Progressive enhancement: all content is present and usable without JavaScript. */
.motion-ready [data-reveal]{opacity:.22;translate:0 24px;transition:opacity .7s ease,translate .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal].is-visible,.motion-ready [data-reveal]:focus-within{opacity:1;translate:0 0}
@media(max-width:1000px){[data-jano-page] .product-hero{grid-template-columns:1fr;gap:22px;padding-top:54px;min-height:0}.product-scene{max-width:650px;width:100%;margin:auto}.scene-lines{inset:-35px 0;width:100%;height:calc(100% + 70px)}[data-jano-page] .steps{gap:35px}}
@media(max-width:760px){
 [data-jano-page] .product-hero{padding:44px 0 30px;gap:24px}
 [data-jano-page] .product-hero h1{font-size:clamp(45px,11.8vw,74px);letter-spacing:-.055em;line-height:1.05}
 [data-jano-page] .product-hero .lead{font-size:15px;margin:24px 0}
 .product-scene{padding:24px 0 10px}
 [data-jano-page] .product-scene .art{padding:8px;transform:none}
 .scene-coordinate{font-size:9px;letter-spacing:1px}
 .scene-footnote{font-size:8px;line-height:1.6}
 .chapter-ribbon{margin:0 -20px 28px;padding:18px 0}
 .chapter-ribbon-inner{font-size:9px;letter-spacing:1.5px;padding:12px 32px;gap:35px}
 [data-jano-page] .feature-grid{margin:32px 0 60px;gap:30px}
 [data-jano-page] .feature-grid h3{font-size:24px}
 [data-jano-page] .steps{gap:20px;margin-bottom:60px}
 [data-jano-page] .end-cta{padding:38px 25px}
 [data-jano-page=home] .hero{padding:55px 0}
 [data-jano-page=home] .tool-list{gap:25px}
 [data-jano-page=glyphlume] .hero{padding:48px 0}
 [data-jano-page=glyphlume] .hero h1{font-size:clamp(56px,13vw,78px)}
 [data-jano-page=dayrivo] .hero-sticky{top:auto;height:auto;min-height:0}
 [data-jano-page=dayrivo] .hero-wrap{min-height:0}
 [data-jano-page=dayrivo] .hero-words{padding-bottom:0}
 [data-jano-page=dayrivo] .hero-actions{flex-wrap:wrap!important;gap:16px!important}
 [data-jano-page=dayrivo] .hero-title{font-size:clamp(61px,14vw,92px)}
 [data-jano-page=dayrivo] .nav-actions{gap:5px}
 [data-jano-page=dayrivo] .site-header{gap:10px}
 [data-jano-page=dayrivo] .wordmark{font-size:15px}
 [data-jano-page=dayrivo] .appearance-tools button{padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .motion-ready [data-reveal]{opacity:1;translate:none;transition:none}
 .scene-lines,[data-jano-page] .product-scene .art,[data-jano-page=glyphlume] .hero-art{transform:none!important}
 [data-jano-page=glyphlume] .floating-card{translate:none!important}
 .reading-progress{display:none}
 [data-jano-page] .feature-grid article:before{transform:none;transition:none}
}

[data-jano-page=glyphlume] .header{top:var(--jano-return-height,44px)}