/* Existing Zeynah colours, original backgrounds and motion. Generated by build-theme.py. */
@font-face{font-family:Inter;src:url("inter.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Instrument;src:url("instrument.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url("instrument-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
:root{--bg:#f8f9fb;--ink:#18212e;--muted:#5e6877;--blue:#265ec9;--line:#dfe5ee;--glass:rgba(255,255,255,.7);--radius:24px;--shadow:0 18px 52px -30px #29446d45;--action:54px;}
body{background:var(--bg);color:var(--ink);}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px;}
h1,h2{font-family:Instrument,Georgia,serif;font-weight:400;}
h3{font-weight:550;}
em{font-weight:400;color:var(--blue);}
p{color:var(--muted);}
.skip{background:#faf7f2;}
.preview-note{color:#616d80;border-bottom:1px solid var(--line);}
.preview-note span{opacity:.7;}
.header{background:rgba(248,249,251,.88);backdrop-filter:blur(24px);border-bottom:1px solid #e4e8ef9c;}
.brand{font-weight:600;}
.brand img{mix-blend-mode:multiply;}
.header nav{font-weight:500;}
.header nav>a:not(.button):hover,.text-link:hover,.footer a:hover{color:var(--blue);}
.button{border:1px solid #d0dbeb;color:var(--ink);background:linear-gradient(140deg,#ffffffc9,#e8eef7a6);box-shadow:inset 0 1px 0 #fff,0 8px 20px -15px #29446d70;backdrop-filter:blur(16px);font-weight:550;transition:transform .2s,box-shadow .2s;}
.button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff66,0 15px 26px -15px #29446d85;}
.button.primary{background:linear-gradient(140deg,#326edc,#2352b5);border-color:#2860c7;color:white;box-shadow:inset 0 1px 0 #8aacff,0 10px 25px -13px #2d60bc90;}
.eyebrow{font-weight:600;color:#60718a;text-transform:uppercase;}
.dot{background:#3a75d5;box-shadow:0 0 0 4px #3a75d510;}
.price-hint strong{color:var(--ink);font-weight:600;}
.hero-art{background:radial-gradient(ellipse at 55% 49%,#dce9ff75,transparent 65%);}
.scene-fallback{font-weight:700;color:var(--blue);text-shadow:3px 5px #173c85,10px 15px #cddbf0;transform:rotate(-9deg);}
.orbit-label{background:linear-gradient(130deg,#fffffff0,#ffffff7d);border:1px solid white;box-shadow:var(--shadow);backdrop-filter:blur(16px);pointer-events:none;}
.orbit-label small{color:#7c8799;}
.orbit-label strong{font-weight:500;}
.top-label{transform:rotate(-5deg);}
.output-label{transform:rotate(4deg);}
.mini-icon{border:1px solid #e0e7f1;color:var(--blue);background:#ffffff8a;}
.mini-icon.blue{background:#e8f0ff;}
.scene-caption{color:#65778f;}
.scene-caption button{border:0;background:none;text-decoration:underline;color:#536b8e;}
.principles{color:#58677e;}
.principles b{color:#91a0b5;font-weight:500;}
.glass{background:linear-gradient(145deg,#ffffffdc,#f4f7fc9c);border:1px solid #fff;box-shadow:var(--shadow),0 0 0 1px #dce3ed70;backdrop-filter:blur(18px);}
.demo-top{border-bottom:1px solid var(--line);}
.case-switch{border:1px solid #dfe6f1;background:#eaf0f780;}
.case-switch button{border:1px solid transparent;background:none;color:#596c87;}
.case-switch button[aria-pressed=true]{background:#faf7f2;color:var(--blue);border-color:#d6e0ee;box-shadow:0 4px 10px #738ba515;}
.demo-badge{color:#6e7c90;}
.message-panel{border-right:1px solid var(--line);background:radial-gradient(ellipse at 0 0,#e7effb60,transparent);}
.subtle{color:#748197;}
.voice-bars i{background:#6192e1;}
.status{background:#e5efff;color:var(--blue);}
dl>div{border-bottom:1px solid #e4e9f0;}
dt{color:var(--muted);}
.approval{border:1px solid #dce6f5;background:#eaf1ff69;}
.approval-symbol{color:var(--blue);}
.approval strong{font-weight:500;color:var(--ink);}
.demo-bottom{border-top:1px solid var(--line);color:var(--muted);}
.demo-bottom a{color:var(--blue);}
.solution-mark{color:var(--blue);text-shadow:0 10px 22px #97b4de80;}
.industrial{color:#5274a5;}
.solution ul{color:#536780;}
.solution li{border-bottom:1px solid #e3e9f1;}
.solution li:before{color:#5882bf;}
.card-foot>span{color:#687d9b;}
.text-link{color:var(--blue);font-weight:500;}
.trust-section{background:linear-gradient(115deg,#eaf0f8,#f1f5fb 70%,#e7effb);}
.evidence-no{color:#97a8c2;}
.evidence h3{font-weight:550;}
.evidence a{color:var(--blue);}
.pilot-steps article{border-bottom:1px solid var(--line);}
.pilot-steps article>span{color:#7591bc;}
.pilot-card h3{font-family:Instrument,Georgia,serif;font-weight:400;}
.big-price{font-weight:450;}
.big-price span{color:var(--muted);}
.costs dd{font-weight:500;}
.costs .total{border:0;}
.total dt,.total dd{color:var(--ink);font-weight:600;}
.small-link{color:var(--blue);}
.calculator-inputs label{color:#536780;}
.calculator-inputs input{border:1px solid #d4deec;background:#fff9;color:var(--ink);}
.calculator-results{background:linear-gradient(135deg,#e9f1ff70,#ffffff40);border-left:1px solid var(--line);}
.saved-time strong{font-weight:400;color:var(--blue);}
.saved-time span{color:var(--muted);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{cursor:pointer;color:var(--ink);}
.faq summary:after{color:#7d94b3;}
.faq a{color:var(--blue);text-decoration:underline;}
.closing-note{color:#7d8ba0;}
.footer{border-top:1px solid var(--line);color:#67778f;}
@media (max-width:800px){.menu-button{border:1px solid #d6dfeb;background:#ffffff90;color:var(--ink);}
.header nav{background:#faf7f2;border-bottom:1px solid #dbe4ef;box-shadow:0 20px 30px #20365b10;background:#f8f9fb;}
.message-panel{border-right:0;border-bottom:1px solid var(--line);}
.calculator-results{border-left:0;border-top:1px solid var(--line);}}
@media (prefers-reduced-motion:reduce){.button{transition:none;}
.button:hover{transform:none;}}
.brand-watermark{opacity:.13;pointer-events:none;}
:root{--bg:#ebe3d6;--ink:#303134;--muted:#565759;--blue:#005bb8;--line:rgba(48,49,52,.16);--glass:rgba(250,247,242,.72);--shadow:0 22px 48px -27px rgba(22,34,51,.4);}
html{background:#ebe3d6;}
body{background:transparent;}
.brand-background{pointer-events:none;background:#404144 url("https://zeynah.cloud/assets/zeynah-hintergrund.jpg?v=20260814k") center/cover no-repeat;}
.brand-veil{background:linear-gradient(168deg,rgba(48,49,52,.16),rgba(48,49,52,.26));}
.preview-note{background:#404144;color:#ebe3d6;border-color:#6b6d70;}
.header{background:rgba(250,247,242,.93);border-color:#e6e6e8;}
.brand img{mix-blend-mode:normal;filter:drop-shadow(0 5px 8px rgba(0,91,184,.22));}
.header .button.compact{background:rgba(0,91,184,.86);color:#faf7f2;border-color:#448bcf;}
.brand-light{--ink:#303134;--muted:#565759;--blue:#005bb8;--line:rgba(48,49,52,.16);color:var(--ink);background:linear-gradient(168deg,rgba(250,247,242,.86),rgba(240,233,221,.86));}
.brand-dark{--ink:#ebe3d6;--muted:#e6e6e8;--blue:#7fbcff;--line:rgba(235,227,214,.24);color:var(--ink);background:linear-gradient(168deg,rgba(64,65,68,.86),rgba(74,75,79,.86));}
.hero .lead strong{color:#303134;font-weight:600;}
.hero-media{perspective:1200px;}
.hero-media .brand-film{transform:rotateY(-7deg) rotateX(3deg);transition:transform .35s,box-shadow .35s;}
.hero-media .brand-film:nth-child(2){transform:rotateY(7deg) rotateX(3deg);}
.hero-media .brand-film:hover{transform:translateY(-4px);}
.hero-media .brand-film:nth-child(2):hover{transform:translateY(-4px);}
.hero-media video{background:transparent;}
.media-toggle{border:1px solid #b4b6b9;background:rgba(250,247,242,.72);color:#4a4a5a;}
.principles{background:rgba(250,247,242,.94);color:#565759;}
.principles b{color:#005bb8;}
.eyebrow,.subtle,.fine,.price-hint,.demo-badge{color:var(--muted);}
.dot{background:#0071e3;}
.glass{background:linear-gradient(140deg,rgba(250,247,242,.82),rgba(235,227,214,.68));border:1px solid rgba(250,247,242,.9);box-shadow:var(--shadow),inset 0 1px 0 #fff8;backdrop-filter:blur(20px);}
.brand-dark .glass{background:linear-gradient(140deg,rgba(250,247,242,.11),rgba(235,227,214,.055));border-color:rgba(127,188,255,.32);box-shadow:0 24px 48px -28px #0d182dc9,inset 0 1px 0 #faf7f226;}
.brand-dark .eyebrow,.brand-dark .text-link,.brand-dark .small-link,.brand-dark .evidence a{color:#7fbcff;}
.button{background:linear-gradient(140deg,rgba(250,247,242,.86),rgba(235,227,214,.7));border-color:rgba(0,91,184,.34);color:var(--ink);}
.button.primary{background:rgba(0,91,184,.82);border-color:#5b9ddb;color:#faf7f2;}
.brand-dark .button:not(.primary){background:linear-gradient(140deg,rgba(250,247,242,.15),rgba(235,227,214,.05));border-color:rgba(127,188,255,.55);color:#ebe3d6;}
.brand-dark .solution p,.brand-dark .solution li,.brand-dark .card-foot>span,.brand-dark .pilot-steps p,.brand-dark .pilot-card p,.brand-dark .faq p{color:var(--muted);}
.brand-dark .solution li{border-color:var(--line);}
.brand-dark .costs>div,.brand-dark .pilot-steps article{border-color:var(--line);}
.brand-dark .costs .total{border:0;}
.brand-dark .total dt,.brand-dark .total dd{color:var(--ink);}
.brand-dark .faq summary{color:#ebe3d6;}
.brand-dark .faq summary:after{color:#7fbcff;}
.brand-film video{background:transparent;}
.brand-film figcaption{color:var(--muted);}
.brand-orbit{background:transparent;}
.brand-orbit .orbit-label{background:linear-gradient(140deg,#faf7f226,#ebe3d60f);color:#ebe3d6;border-color:#7fbcff66;}
.brand-orbit .orbit-label small,.brand-orbit .scene-caption,.brand-orbit .scene-caption button{color:#e6e6e8;}
.brand-orbit .mini-icon{background:#0071e31a;color:#7fbcff;border-color:#7fbcff55;}
.scene-fallback{transform:none;text-shadow:none;}
.scene-fallback img{filter:drop-shadow(12px 16px 18px #07132380);}
.solution-visual{background:#30313480;}
.branch-visual{background:#40414470;}
.branch-copy small{color:var(--muted);}
.original-stills img{border:1px solid #7fbcff55;box-shadow:var(--shadow);}
.trust-section{border:0;}
.context-image{box-shadow:var(--shadow);}
.price-film{background:transparent;}
.faq-film{box-shadow:var(--shadow);}
.closing-film{box-shadow:var(--shadow);}
.footer{background:rgba(64,65,68,.96);color:#ebe3d6;border-color:#7fbcff40;}
.footer a:hover{color:#7fbcff;}
.message-panel{background:radial-gradient(ellipse at 0 0,#0071e30d,transparent);}
.case-switch{background:#ebe3d680;border-color:#a7bdd3;}
.case-switch button{color:#565759;}
.case-switch button[aria-pressed=true]{background:#faf7f2;color:#005bb8;}
.approval{background:#0071e30d;border-color:#005bb840;}
.approval-symbol,.status,.voice-bars i{color:#005bb8;}
.voice-bars i{background:#0071e3;}
.calculator-results{background:rgba(240,233,221,.48);}
.calculator-inputs input{background:#faf7f2e6;border-color:#a0a9b4;}
.calculator-inputs label,.saved-time span,.costs dt{color:var(--muted);}
.calculator-results .eyebrow{color:#565759;}
@media (max-width:800px){.header nav{background:#faf7f2;}
.hero-media .brand-film:nth-child(2){transform:rotateY(5deg);}}
@media (prefers-reduced-motion:reduce){.hero-media .brand-film,.hero-media .brand-film:nth-child(2){transform:none;transition:none;}
.button:hover{transform:none;}}
main{background:transparent;}
.motion-panel{background:rgba(250,247,242,.86);}
.motion-panel .media-toggle{box-shadow:inset 0 1px #fff9,0 6px 15px #30313413;}
.hero-media .brand-film{background:linear-gradient(145deg,#faf7f2bd,#ebe3d685);}
.hero-media .brand-film video{background:transparent;}
.brand-film video[controls]{background:rgba(48,49,52,.16);}
.branch-visual,.solution-visual{background:rgba(250,247,242,.06);}
.branch-visual video,.solution-visual video,.branch-visual img{background:transparent;}
.original-stills img{background:rgba(250,247,242,.04);}
.price-film video,.faq-film video,.closing-film video{background:transparent;}
.media-recovery{border:1px solid #ebe3d680;background:rgba(48,49,52,.92);backdrop-filter:blur(14px);color:#ebe3d6;}
.media-recovery button,.media-recovery a{border:1px solid #ebe3d670;background:#faf7f214;color:#ebe3d6;cursor:pointer;}
.brand{perspective:450px;}
.brand img{transform-origin:center;will-change:transform;animation:zeynah-logo-breathe 4.5s ease-in-out infinite,zeynah-logo-gloss 7.4s ease-in-out infinite;}
.brand-watermark{opacity:.13;}
.brand-orbit .scene-fallback img{animation:zeynah-logo-breathe 5.7s ease-in-out infinite;}
.cinematic{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s ease,box-shadow .35s ease;animation:zeynah-cinema-float 7.5s ease-in-out infinite;animation-delay:var(--float-delay,0s);will-change:transform;}
.branch-card.cinematic:hover{box-shadow:0 30px 52px -25px rgba(48,49,52,.45),inset 0 1px #faf7f2a0;}
.solution-visual.cinematic{animation-duration:9s;}
.original-stills img.cinematic{animation-duration:8.5s;}
.hero-media .brand-film.cinematic{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));}
@keyframes zeynah-logo-breathe{0%,100%{transform:perspective(350px) rotateY(-7deg) translateY(0) scale(.95)}50%{transform:perspective(350px) rotateY(7deg) translateY(-2px) scale(1.04)}}
@keyframes zeynah-logo-gloss{0%,100%{opacity:.94}50%{opacity:1}}
@keyframes zeynah-cinema-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
html[data-motion=off] .brand img,html[data-motion=off] .scene-fallback img,html[data-motion=off] .cinematic{animation-play-state:paused;translate:0 0;}
@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) .brand img,html:not([data-motion=on]) .scene-fallback img,html:not([data-motion=on]) .cinematic{animation:none;transform:none;translate:none;}
.cinematic{transition:none;}}
@media (max-width:480px){.hero-media .brand-film{transform:none;}
.hero-media .brand-film:nth-child(2){transform:none;}}
:root{--bg:#f0e9dd;--ink:#303134;--muted:#4a4b4f;--blue:#005bb8;--action:54px;}
html{background:#f0e9dd;}
.brand-light{--ink:#303134;--muted:#4a4b4f;--blue:#005bb8;background:linear-gradient(160deg,#faf7f2dc,#f0e9dddb);}
.brand-dark{--ink:#faf7f2;--muted:#f0e9dd;--blue:#7fbcff;background:linear-gradient(160deg,#404144dc,#4a4b4fdb);}
.brand-light,.brand-dark{color:var(--ink);}
.brand-light p,.brand-dark p{color:var(--muted);}
.hero.brand-dark .lead strong,.hero.brand-dark .price-hint strong{color:#faf7f2;}
.hero.brand-dark .eyebrow{color:#f0e9dd;}
.hero.brand-dark .brand-watermark{opacity:.18;}
.hero.brand-dark .brand-watermark video{mix-blend-mode:normal;}
.principles{background:#faf7f2dc;}
.brand img{filter:drop-shadow(0 5px 8px #30313438);}
.checker-grid>[data-tone]{--radius:24px;box-shadow:0 22px 45px -25px #30313470,inset 0 1px #faf7f270;border:1px solid #faf7f270;color:var(--ink);backdrop-filter:blur(20px);}
.checker-grid>[data-tone=dark]{--ink:#faf7f2;--muted:#f0e9dd;--blue:#7fbcff;--line:#f0e9dd40;background:linear-gradient(145deg,#4a4b4feb,#404144df);}
.checker-grid>[data-tone=light]{--ink:#303134;--muted:#4a4b4f;--blue:#005bb8;--line:#3031342a;background:linear-gradient(145deg,#faf7f2e3,#f0e9ddcf);}
.checker-grid>[data-tone] p,.checker-grid>[data-tone] li,.checker-grid>[data-tone] small,.checker-grid>[data-tone] figcaption,.checker-grid>[data-tone] .card-foot>span{color:var(--muted);}
.checker-grid>[data-tone] .eyebrow,.checker-grid>[data-tone] .text-link,.checker-grid>[data-tone] a:not(.button){color:var(--blue);}
.checker-grid>[data-tone] h3{color:var(--ink);}
.checker-grid>[data-tone] li{border-color:var(--line);}
.checker-grid>[data-tone=dark] .button{background:linear-gradient(145deg,#faf7f224,#f0e9dd0d);border-color:#f0e9dd60;color:#faf7f2;}
.checker-grid>[data-tone=light] .button{background:linear-gradient(145deg,#faf7f2d9,#f0e9ddb8);border-color:#30313445;color:#303134;}
.brand-dark .demo-shell,.brand-dark .calculator{background:linear-gradient(145deg,#4a4b4fcf,#404144b8);border-color:#f0e9dd65;}
.brand-dark .case-switch{background:#40414480;border-color:#f0e9dd55;}
.brand-dark .case-switch button{color:#f0e9dd;}
.brand-dark .case-switch button[aria-pressed=true]{background:#faf7f2;color:#005bb8;}
.brand-dark .status{background:#faf7f2;color:#005bb8;}
.brand-dark .approval{background:#faf7f212;border-color:#f0e9dd55;}
.brand-dark .approval strong{color:#faf7f2;}
.brand-dark .calculator-results{background:#faf7f20c;}
.brand-dark .calculator-results .eyebrow{color:#f0e9dd;}
.brand-dark .calculator-inputs input{background:#faf7f2;color:#303134;border-color:#f0e9dd;}
.brand-dark .saved-time strong{color:#7fbcff;}
.brand-dark .message-panel{background:transparent;}
.brand-dark dl>div{border-color:#f0e9dd30;}
.brand-light .pilot-card{background:linear-gradient(145deg,#faf7f2d9,#f0e9ddad);}
.brand-light .faq summary,.brand-light .faq summary:after{color:#303134;}
.brand-light .solution li,.brand-light .costs>div{border-color:#3031342a;}
.button{box-shadow:inset 0 1px #faf7f270,0 12px 24px -16px #30313480;}
.button.primary{background:#005bb8d1;color:#faf7f2;}
.skip{background:#faf7f2;color:#303134;}
.menu-button{background:#faf7f2b8;border-color:#30313430;}
.status{background:#faf7f2;}
.approval{background:#faf7f230;}
.message-panel{background:transparent;}
.spatial-tour{border:1px solid #f0e9dd66;box-shadow:0 28px 55px -28px #3031348f;background:#404144e0;color:#faf7f2;}
.spatial-top{border-bottom:1px solid #f0e9dd30;}
.spatial-top p{color:#f0e9dd;}
.spatial-tour button{border:1px solid #f0e9dd4d;background:linear-gradient(140deg,#faf7f224,#f0e9dd0c);color:#faf7f2;box-shadow:inset 0 1px #faf7f21a,0 8px 16px -10px #303134b3;backdrop-filter:blur(14px);transition:transform .2s,background .2s;}
.spatial-tour button:focus-visible{outline:2px solid #7fbcff;outline-offset:3px;}
.spatial-tour button:hover:not(:disabled){transform:translateY(-2px);}
.spatial-tour button[aria-pressed=true]{background:linear-gradient(140deg,#faf7f2,#f0e9dd);color:#303134;border-color:#faf7f2;}
.spatial-tour button:disabled{opacity:.55;cursor:default;}
.spatial-viewport{background:transparent;}
.spatial-viewport canvas{cursor:grab;}
.spatial-viewport canvas:active{cursor:grabbing;}
.spatial-poster{opacity:.7;}
.spatial-caption{pointer-events:none;color:#f0e9dd;}
.spatial-note{color:#f0e9dd;pointer-events:none;}
.spatial-bottom{background:#faf7f2e8;color:#303134;}
.spatial-bottom p{color:#4a4b4f;}
.spatial-description h3{color:#303134;}
.spatial-bottom .spatial-stations button{color:#303134;background:linear-gradient(140deg,#faf7f2,#f0e9dd);border-color:#30313433;box-shadow:0 10px 20px -15px #30313470,inset 0 1px #faf7f2;}
.spatial-bottom .spatial-stations button[aria-pressed=true]{background:linear-gradient(140deg,#4a4b4f,#404144);color:#faf7f2;}
.spatial-bottom .spatial-stations button[data-tone=dark]:not([aria-pressed=true]){background:linear-gradient(140deg,#4a4b4fdb,#404144c9);color:#faf7f2;}
.spatial-actions{border-top:1px solid #f0e9dd40;}
.spatial-state{color:#f0e9dd!important;}
.spatial-tour[data-ready=false] .spatial-viewport{opacity:.8;}
@media (prefers-reduced-motion:reduce){.spatial-tour button{transition:none;}
.spatial-tour button:hover:not(:disabled){transform:none;}}
:root{--motion-duration:7s;--action:54px;}
.sr-only{border:0;}
.language-picker select{border:1px solid #005bb855;color:#303134;background:linear-gradient(135deg,#faf7f2e0,#f0e9ddaf);box-shadow:inset 0 1px #faf7f2,0 8px 22px -15px #30313499;cursor:pointer;}
.brand-background{background-color:#ebe3d6;}
.brand-veil{background:linear-gradient(160deg,#30313414,transparent 45%,#3031342b);}
.brand-dark{--ink:#faf7f2;--muted:#f0e9dd;--blue:#7fbcff;--line:#f0e9dd45;background:radial-gradient(ellipse at 18% 14%,#faf7f214,transparent 56%),radial-gradient(ellipse at 83% 79%,#ebe3d612,transparent 60%),linear-gradient(145deg,#303134a8,#30313499 38%,#303134ab);color:var(--ink);}
.brand-light{--ink:#303134;--muted:#4a4b4f;--blue:#005bb8;--line:#30313430;background:radial-gradient(ellipse at 10% 25%,#faf7f2f2,transparent 54%),radial-gradient(ellipse at 90% 77%,#f0e9ddf0,transparent 64%),linear-gradient(125deg,#ebe3d6bb,#faf7f2db 54%,#ebe3d6b5);color:var(--ink);}
.brand-dark:before,.brand-light:before{pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ebe3d6' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light;}
.checker-grid>[data-tone=dark]{background:radial-gradient(ellipse at 15% 15%,#faf7f238,transparent 60%),linear-gradient(140deg,#303134c7,#303134a8),url("zeynah-hintergrund.jpg") center/cover;color:#faf7f2;--ink:#faf7f2;--muted:#f0e9dd;--blue:#7fbcff;}
.checker-grid>[data-tone=light]{background:radial-gradient(ellipse at 88% 10%,#faf7f2f0,transparent 65%),linear-gradient(140deg,#f0e9ddda,#ebe3d6c7);--ink:#303134;--muted:#4a4b4f;--blue:#005bb8;}
.brand-dark .demo-shell,.brand-dark .calculator,.brand-dark .pilot-card,.spatial-tour{background:radial-gradient(ellipse at 10% 15%,#faf7f22a,transparent 65%),linear-gradient(140deg,#3031348c,#3031346b);backdrop-filter:blur(14px);}
.brand-light .demo-shell,.brand-light .calculator{background:radial-gradient(ellipse at 0 0,#faf7f2f0,transparent 80%),linear-gradient(145deg,#f0e9dda6,#ebe3d68f);}
.brand-orbit .orbit-label{color:var(--ink);background:linear-gradient(135deg,#faf7f228,#f0e9dd14);border-color:var(--line);box-shadow:0 18px 32px -20px #30313470,inset 0 1px #faf7f266;}
.brand-orbit .orbit-label small,.brand-orbit .scene-caption{color:var(--ink);}
.brand-light .brand-orbit .orbit-label{background:linear-gradient(135deg,#faf7f2ec,#f0e9ddd9);}
.brand-light .brand-orbit .mini-icon{color:#005bb8;border-color:#005bb866;}
.brand-orbit .scene-caption{font-weight:600;}
.brand-orbit .scene{background:radial-gradient(ellipse,#30313412,transparent 66%);}
.brand-dark .hero-copy .lead strong{color:#faf7f2;}
.hero-media .brand-film{transform:none!important;}
.media-frame{background:transparent;}
.media-frame>video,.media-frame>.media-poster{background:transparent;}
.media-frame>.media-poster{pointer-events:none;opacity:1;transition:opacity .6s ease;animation:zeynah-image-life 9s ease-in-out infinite;transform-origin:center;}
.media-frame>video{opacity:0;transition:opacity .6s ease;}
.media-frame[data-painted=true]>video{opacity:1;}
.media-frame[data-painted=true]>.media-poster{opacity:0;}
.media-frame[data-native=true]>video{opacity:1;}
.media-frame[data-native=true][data-painted=true]>.media-poster{opacity:0;}
.brand-background .media-poster{animation:zeynah-background-life 24s ease-in-out infinite;}
.brand-watermark .media-poster{animation:zeynah-logo-breathe 5s ease-in-out infinite;}
.brand-watermark{opacity:.22;}
.brand img,.spatial-caption img,.scene-fallback img{animation:zeynah-logo-breathe 4.8s ease-in-out infinite!important;}
@keyframes zeynah-logo-breathe{0%,100%{transform:perspective(500px) rotateY(-7deg) translateY(1px) scale(.9)}50%{transform:perspective(500px) rotateY(7deg) translateY(-3px) scale(1.08)}}
@keyframes zeynah-image-life{0%,100%{transform:perspective(1000px) rotateY(-1.3deg) translateY(0) scale(.965)}50%{transform:perspective(1000px) rotateY(1.3deg) translateY(-3px) scale(.985)}}
@keyframes zeynah-background-life{0%,100%{transform:scale(1.04) translate(-.5%,0)}50%{transform:scale(1.1) translate(.5%,1%)}}
main img:not(.media-poster):not(.spatial-caption img):not(.scene-fallback img){animation:zeynah-image-life 10s ease-in-out infinite;transform-origin:center;}
.cinematic{animation:zeynah-cinema-float 9s ease-in-out infinite;}
.spatial-tour{background:linear-gradient(140deg,#3031349c,#30313482),url("zeynah-hintergrund.jpg") center/cover;}
.spatial-poster{opacity:1;}
.spatial-caption{color:#faf7f2;text-shadow:0 1px 6px #303134;}
.spatial-note{background:#303134b5;color:#faf7f2;}
.spatial-bottom{background:radial-gradient(ellipse at 0 0,#faf7f2f7,transparent 85%),#f0e9dde8;}
.button,.button.compact,.menu-button,.media-toggle,.case-switch button,.spatial-tour button{box-shadow:inset 0 1px #faf7f26b,0 12px 22px -15px #30313488;backdrop-filter:blur(14px);}
.motion-panel{background:radial-gradient(ellipse at 0 0,#faf7f2ed,transparent 90%),#f0e9ddb9;}
.footer{background:linear-gradient(130deg,#303134cc,#303134ab);}
.preview-note{background:linear-gradient(130deg,#303134be,#303134a8);}
.media-recovery{background:#303134df;}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation-play-state:paused!important;}
[dir=rtl] .calculator-results{border-left:0;border-right:1px solid var(--line);}
@media (max-width:950px){.header nav{background:#faf7f2;box-shadow:0 20px 25px #30313422;}}

/* v8: original construction film, one legibility layer, refractive glass edges.
   The video is the background. Cards no longer carry an opaque background image. */
.brand-background{background:#303134 url("https://zeynah.cloud/assets/reels/zeynah-reel-bau.jpg") center/cover no-repeat}
.brand-veil{background:transparent}
.brand-background .media-poster{animation:none}
.hero.brand-dark,.brand-dark{background:linear-gradient(105deg,#303134c7 0%,#3031348c 56%,#3031344d 100%);color:#faf7f2}
.brand-light{background:linear-gradient(115deg,#faf7f2e6,#f0e9ddd1 58%,#ebe3d6c4);color:#303134}
.hero-feature{background:linear-gradient(145deg,#faf7f24d,#faf7f20a 45%,#ebe3d62b);opacity:1}
:is(.glass,.spatial-tour,.orbit-label,.hero-feature){
  border:1px solid #faf7f28c;border-top-color:#faf7f2d9;border-bottom-color:#faf7f238;
  box-shadow:inset 0 1px 0 #faf7f2cc,inset 1px 0 0 #faf7f24d,inset 0 -1px 0 #faf7f233,0 14px 28px -14px #3031348c,0 32px 58px -30px #30313480;
  -webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12);
}
.glass{background:linear-gradient(135deg,#faf7f2a8,#f0e9dd66 42%,#faf7f23b 70%,#ebe3d68c)}
.brand-dark .glass,.spatial-tour{background:linear-gradient(135deg,#faf7f23d 0%,#faf7f20d 26%,#30313440 58%,#faf7f21f);border-color:#faf7f280;border-top-color:#faf7f2d9}
.hero-feature.glass{background:linear-gradient(145deg,#faf7f240,#faf7f20d 42%,#ebe3d633)}
.hero-feature .media-poster{animation:none;transition:opacity .18s linear}
.hero-feature video{transition:opacity .18s linear}
.hero-feature .media-toggle{color:#faf7f2}
.brand-background .media-frame>video{filter:none;mix-blend-mode:normal;transition:opacity .35s linear}
.checker-grid>[data-tone=dark]{background:linear-gradient(135deg,#303134ed,#303134b8 62%,#303134d6);border-color:#faf7f280;border-top-color:#faf7f2c4}
.checker-grid>[data-tone=light]{background:linear-gradient(135deg,#faf7f2eb,#f0e9ddb8 58%,#ebe3d6d1);border-color:#faf7f2b8;border-top-color:#faf7f2}
.checker-grid>[data-tone]{-webkit-backdrop-filter:blur(12px) saturate(1.12);backdrop-filter:blur(12px) saturate(1.12);box-shadow:inset 0 1px #faf7f2d9,inset 1px 0 #faf7f24d,inset 0 -1px #faf7f24d,0 14px 28px -14px #3031348c,0 32px 58px -30px #30313480}
:is(.button,.menu-button,.media-toggle,.language-picker select,.spatial-tour button){
  background:linear-gradient(135deg,#faf7f2ad,#faf7f238 42%,#f0e9dd73);
  border-color:#faf7f299;border-top-color:#faf7f2e6;border-bottom-color:#30313430;
  box-shadow:inset 0 1px 0 #faf7f2cc,inset 0 -1px 0 #faf7f24d,0 8px 18px -9px #30313473,0 20px 30px -22px #303134b3;
  -webkit-backdrop-filter:blur(12px) saturate(1.12);backdrop-filter:blur(12px) saturate(1.12);
}
.brand-dark .button:not(.primary),.hero-feature .media-toggle,.spatial-tour button:not([aria-pressed=true]){background:linear-gradient(135deg,#faf7f24d,#faf7f20a 45%,#ebe3d626);border-color:#faf7f299;color:#faf7f2}
.button.primary{background:linear-gradient(135deg,#005bb8b8,#005bb873 52%,#005bb89c);border-color:#faf7f2a8;color:#faf7f2}
.checker-grid>[data-tone=light] .button{background:linear-gradient(135deg,#faf7f2c7,#faf7f240 45%,#f0e9dd73);border-color:#faf7f2d9;color:#303134}
.checker-grid>[data-tone=dark] .button{background:linear-gradient(135deg,#faf7f24d,#faf7f20a 45%,#ebe3d626);border-color:#faf7f299;color:#faf7f2}
.spatial-bottom .spatial-stations button{background:linear-gradient(135deg,#faf7f2ad,#faf7f24d 55%,#ebe3d68c)}
.spatial-bottom .spatial-stations button[aria-pressed=true]{background:linear-gradient(135deg,#303134e6,#303134a8);color:#faf7f2}
.header{background:linear-gradient(125deg,#faf7f2ed,#f0e9ddc7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.media-frame[data-still=true]>.media-poster{opacity:1}
.spatial-viewport{background:linear-gradient(180deg,#b7d0d5 0%,#e5e4d9 57%,#a7bdd3 100%)}
.spatial-tour{background:linear-gradient(135deg,#303134e0,#3031349c);color:#faf7f2}
.spatial-caption{color:#303134;text-shadow:0 1px 5px #faf7f2cc}

/* v12: warm light glass and deep dark glass; no milky gray panel overlays. */
:root{--glass-light:radial-gradient(ellipse at 8% 0,#faf7f2fa,transparent 58%),linear-gradient(135deg,#faf7f2f0,#f0e9dde6 55%,#ebe3d6d9);--glass-dark:radial-gradient(ellipse at 8% 0,#faf7f212,transparent 48%),linear-gradient(135deg,#303134f0,#303134d9 55%,#303134e8);--glass-edge:inset 0 1px #faf7f2e6,inset 1px 0 #faf7f266,inset 0 -1px #faf7f233,0 18px 34px -19px #303134b3}
.hero.brand-dark,.brand-dark{background:linear-gradient(115deg,#303134d9,#303134b3 58%,#30313480)}
.brand-light{background:linear-gradient(115deg,#faf7f2f5,#f0e9dded 58%,#ebe3d6e6)}
.brand-light .glass,.brand-light .pilot-card,.brand-light .demo-shell,.brand-light .calculator{background:var(--glass-light)}
.brand-dark .glass,.brand-dark .demo-shell,.brand-dark .calculator,.brand-dark .pilot-card,.spatial-tour{background:var(--glass-dark)}
.checker-grid>[data-tone=dark],.spatial-bottom .spatial-stations button[data-tone=dark]:not([aria-pressed=true]){background:var(--glass-dark);color:#faf7f2}
.checker-grid>[data-tone=light],.spatial-bottom .spatial-stations button[data-tone=light]:not([aria-pressed=true]){background:var(--glass-light);color:#303134}
.brand-dark .checker-grid>[data-tone=light]{background:var(--glass-light)}
.brand-light .checker-grid>[data-tone=dark]{background:var(--glass-dark)}
:is(.glass,.spatial-tour,.orbit-label),.checker-grid>[data-tone]{box-shadow:var(--glass-edge);border-color:#faf7f280;border-top-color:#faf7f2d9;-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12)}
.brand-dark .calculator-results,.brand-dark .approval{background:linear-gradient(130deg,#303134b8,#30313473)}
.spatial-top,.spatial-actions{background:var(--glass-dark)}
.spatial-bottom{background:var(--glass-light);color:#303134}
.spatial-bottom .spatial-stations button[aria-pressed=true]{background:var(--glass-dark);color:#faf7f2}
.spatial-tour button:not([aria-pressed=true]){background:linear-gradient(135deg,#303134de,#303134ad);color:#faf7f2}
.brand-dark .button:not(.primary),.hero-feature .media-toggle{background:linear-gradient(135deg,#303134db,#303134a8);color:#faf7f2}
.checker-grid>[data-tone=light] .button{background:linear-gradient(135deg,#faf7f2ed,#f0e9ddb8);color:#303134}
.checker-grid>[data-tone=dark] .button{background:linear-gradient(135deg,#303134db,#303134a8);color:#faf7f2}
.header,.principles{background:var(--glass-light)}
.footer,.preview-note{background:var(--glass-dark);color:#f0e9dd}

/* 22.09.2026 — lebendig, glasig, schwebend — Nazannil: „kein grau, glasig schwebend, Hintergrundfilm sichtbar".
   Hausregel woertlich aus zeynah-grundlage.css: Baender frei, jeder Abschnitt
   wird zur schwebenden Glaskachel; dunkel = Bandregel (fuenf Lichter), hell =
   Creme .94; dunkle Karten = Kachelregel (drei Lichter). */
section.brand-dark:not(.hero),section.brand-light:not(.hero){
  inline-size:min(1280px,calc(100% - 32px))!important;margin:22px auto!important;
  border-radius:22px;padding-inline:clamp(18px,3vw,44px)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.22);backdrop-filter:blur(20px) saturate(1.22);
  box-shadow:0 20px 48px rgba(48,49,52,.30),0 3px 8px rgba(48,49,52,.16);}
section.brand-dark:not(.hero){background:radial-gradient(1150px 620px at 4% -14%,rgba(0,113,227,.38),rgba(0,0,0,0) 58%),radial-gradient(900px 700px at 96% 6%,rgba(127,188,255,.24),rgba(0,0,0,0) 60%),radial-gradient(1000px 560px at 50% 114%,rgba(0,91,184,.30),rgba(0,0,0,0) 56%),radial-gradient(760px 520px at 22% 96%,rgba(0,113,227,.22),rgba(0,0,0,0) 62%),radial-gradient(680px 480px at 82% 68%,rgba(127,188,255,.16),rgba(0,0,0,0) 64%),linear-gradient(168deg,rgba(64,65,68,.86) 0%,rgba(74,75,79,.86) 100%)!important;border:1px solid rgba(127,188,255,.24);}
section.brand-light:not(.hero){background-color:rgba(240,233,221,.94)!important;
  background-image:radial-gradient(360px 70% at 24% 8%,rgba(0,113,227,.10),rgba(0,0,0,0) 66%),
  radial-gradient(320px 60% at 88% 84%,rgba(0,91,184,.08),rgba(0,0,0,0) 62%)!important;
  border:1px solid rgba(0,113,227,.22);}
.checker-grid>[data-tone=dark]{background-color:rgba(74,75,79,.88)!important;background-image:radial-gradient(420px 85% at 6% -12%,rgba(0,113,227,.36),rgba(0,0,0,0) 64%),radial-gradient(380px 75% at 96% 30%,rgba(127,188,255,.22),rgba(0,0,0,0) 62%),radial-gradient(400px 80% at 40% 106%,rgba(0,91,184,.26),rgba(0,0,0,0) 60%)!important;}
.checker-grid>[data-tone]{transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;}
.checker-grid>[data-tone]:hover{transform:translateY(-6px);box-shadow:0 30px 60px -26px rgba(48,49,52,.55),inset 0 1px #faf7f270;}
/* Echter Film statt 3D-Kamerafahrt (Foto 6). */
.spatial-viewport canvas{display:none!important;}
/* Reste der 3D-Tour (Kamerastationen, Links/Rechts/Naeher, Statuszeile) ergeben mit dem echten Film keinen Sinn. */
.spatial-stations,.spatial-actions,.spatial-state{display:none!important;}
/* Glaskarten auf dunklen Baendern (z. B. Rechner) nie flach: drei Lichter der Kachelregel. */
.brand-dark .glass{background-image:radial-gradient(420px 85% at 6% -12%,rgba(0,113,227,.36),rgba(0,0,0,0) 64%),radial-gradient(380px 75% at 96% 30%,rgba(127,188,255,.22),rgba(0,0,0,0) 62%),radial-gradient(400px 80% at 40% 106%,rgba(0,91,184,.26),rgba(0,0,0,0) 60%),linear-gradient(140deg,rgba(250,247,242,.11),rgba(235,227,214,.055))!important;}
.brand-dark .calculator-results{background-color:rgba(74,75,79,.88)!important;background-image:radial-gradient(420px 85% at 6% -12%,rgba(0,113,227,.36),rgba(0,0,0,0) 64%),radial-gradient(380px 75% at 96% 30%,rgba(127,188,255,.22),rgba(0,0,0,0) 62%),radial-gradient(400px 80% at 40% 106%,rgba(0,91,184,.26),rgba(0,0,0,0) 60%)!important;}
.spatial-film{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;border-radius:inherit;}