
:root{--gold:#bc9c51;--ink:#292827}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:18px/1.7 Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{outline-offset:5px}.hero-video{height:100svh;min-height:540px;position:relative;background:#172326;overflow:hidden}.hero-video video,.hero-video .final-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.final-image{display:none}.hero-video.finished .final-image{display:block}.hero-video.finished video{visibility:hidden}header{position:absolute;top:0;left:0;width:100%;z-index:3;padding:18px clamp(20px,3vw,60px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#172326b3,transparent)}.logo img{width:112px;height:112px;object-fit:contain}.back{color:white;font-size:15px;border-bottom:1px solid #bc9c51;padding:4px 0}.video-tools{position:absolute;bottom:28px;left:clamp(20px,3vw,60px);right:clamp(20px,3vw,60px);display:flex;justify-content:space-between;align-items:center;gap:16px;color:white;z-index:4}.video-tools button,.video-tools a{border:1px solid #ffffff55;color:#fff;background:#172326cc;border-radius:30px;padding:9px 20px;font-size:14px}.video-tools button:hover,.video-tools a:hover{background:#bc9c51}.play-fallback{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;border:0;border-radius:30px;background:var(--gold);color:white;padding:16px 28px}.content{max-width:1700px;margin:auto;padding:74px 36px 90px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:40px}.copy h1{font-family:Georgia,serif;font-size:clamp(46px,5.5vw,86px);font-weight:400;font-style:italic;line-height:1.2;margin:0 0 34px;letter-spacing:-.04em}.rule{height:3px;background:var(--gold);margin:0 0 23px}.lead{color:var(--gold);font-size:28px;line-height:1.4;font-weight:600;margin:0 0 38px}.copy p{margin:0 0 22px}.copy strong{font-weight:600}.service-box{background:#f7f7f7;padding:25px 26px;margin-top:48px}.service-box h2{font-family:Georgia,serif;font-size:clamp(30px,3.5vw,48px);font-weight:400;line-height:1.25;margin:0 0 18px}.service-box h2 span{color:var(--gold)}.service-box ul{list-style:none;margin:20px 0 0;padding:0}.service-box li{position:relative;padding-left:25px;margin:19px 0}.service-box li:before{content:'✓';position:absolute;left:0;color:var(--gold)}.images{display:flex;flex-direction:column;gap:35px}.images img{display:block;width:100%;height:370px;object-fit:cover}.images figure{margin:0}.images figcaption{font-size:14px;color:#797367;padding-top:10px}.next{margin-top:45px}.next h2{font:normal 35px/1.25 Georgia,serif;margin:0 0 22px}.steps{padding-left:25px}.steps li{padding-left:6px;margin-bottom:15px}.steps li::marker{color:var(--gold);font-weight:700}.cta{display:inline-flex;margin-top:15px;border-radius:30px;background:var(--gold);color:white;padding:12px 26px;font-size:16px;font-weight:600}.cta:hover{background:#a88b43}footer{padding:35px;background:#292827;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}footer a{text-decoration:underline}@media(max-width:900px){.content{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:25px;padding:55px 24px}.images img{height:320px}.copy h1{font-size:55px}.lead{font-size:24px}}@media(max-width:620px){.content{display:block;padding:45px 22px}.copy h1{font-size:45px}.images{margin-top:40px}.images img{height:300px}.hero-video{min-height:520px}.logo img{width:88px;height:88px}.video-tools{bottom:22px;align-items:end}.video-tools button,.video-tools a{font-size:13px;padding:9px 13px}.service-box{padding:22px 18px}.back{font-size:13px}footer{display:block}footer a{display:block;margin-top:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.pricing{margin-top:50px}.pricing h2{font:normal clamp(30px,3.1vw,45px)/1.25 Georgia,serif;margin:0 0 22px}.price-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;margin:24px 0}.price-table th{text-align:left;background:#f0ece3;padding:16px 14px;font-weight:600}.price-table th:last-child,.price-table td:last-child{text-align:right}.price-table td{padding:18px 14px;border-bottom:1px solid #e7e1d5;vertical-align:top}.price-table td:first-child{width:65%}.price-table small{display:block;color:#797367;font-size:14px;margin-top:4px}.market-price{font-weight:600;white-space:nowrap}.price-note,.price-sources{font-size:14px;color:#706b60}.price-sources a{color:#806728;text-decoration:underline}.our-prices{background:#f4f1e9;padding:28px;margin-top:34px;border-top:3px solid #bc9c51}.our-prices h3{font:normal 32px/1.3 Georgia,serif;margin:0 0 22px}.price-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.price-level{padding:18px 12px;background:white;border:1px solid #ded3ba;text-align:center}.price-level span{display:block;font-size:15px}.price-level strong{display:block;font:normal clamp(23px,2.4vw,34px)/1.3 Georgia,serif;color:#957537;margin-top:10px}.price-level small{font-size:13px;display:block;color:#797367;margin-top:6px}.our-prices .price-note{margin-bottom:0}.images{align-self:start}@media(max-width:900px){.price-levels{grid-template-columns:1fr}.price-table{font-size:15px}.price-table th,.price-table td{padding:14px 9px}.our-prices{padding:24px 20px}}@media(max-width:620px){.price-table td:first-child{width:58%}.market-price{white-space:normal}.price-table small{font-size:13px}}

.software-examples{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin-top:26px}.software-examples h3{font:normal 25px/1.3 Georgia,serif;margin:0 0 12px}.software-examples p{font-size:17px;margin:0}.next h2:not(:first-child){margin-top:42px}@media(max-width:620px){.software-examples{grid-template-columns:1fr}}

.products{max-width:1420px;margin:0 auto;padding:10px 36px 95px}.products-heading{margin:0 0 48px;border-top:3px solid var(--gold);padding-top:38px}.product-eyebrow{display:block;color:#957537;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:600;margin-bottom:18px}.products-heading h2{font:normal clamp(34px,3.4vw,53px)/1.25 Georgia,serif;margin:0 0 20px}.products-heading h2 em{font-style:normal;color:var(--gold)}.products-heading>p{max-width:860px;margin:0}.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;padding:42px 0;border-bottom:1px solid #e7e1d5}.product-logo{margin:0 0 24px;line-height:1}.product-logo img{display:block;max-width:280px;width:100%;height:88px;object-fit:contain;object-position:left center}.product-copy h4{font:normal clamp(27px,2.4vw,35px)/1.3 Georgia,serif;margin:0 0 23px}.product-copy p{margin:0 0 22px}.product-features{list-style:none;margin:25px 0;padding:0;font-size:16px}.product-features li{position:relative;padding-left:23px;margin:14px 0}.product-features li:before{content:'✓';position:absolute;left:0;color:var(--gold)}.product-audience{font-size:16px}.product-status,.product-note{font-size:13px;color:#746d5e;line-height:1.6}.product-status{border-left:2px solid var(--gold);padding-left:14px}.product-visual{align-self:center;min-width:0}.product-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.product-tabs button{font-size:14px;border:1px solid #d8cdb3;border-radius:25px;background:#fff;color:#655a42;padding:8px 16px}.product-tabs button.active{background:var(--gold);border-color:var(--gold);color:#fff}.product-tabs button:hover{border-color:#957537}.product-screen{margin:0;padding:12px;border:1px solid #e1ddd3;background:#f6f4ee}.product-screen img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#fff}.product-screen figcaption{font-size:14px;padding:12px 5px 0;color:#756b56}.product-note{margin-top:15px}.images img{object-position:center 45%}@media(max-width:900px){.products{padding:10px 24px 65px}.product{grid-template-columns:1fr;gap:25px}.product-logo img{max-width:250px;height:75px}.product-visual{max-width:850px}}@media(max-width:620px){.products{padding:10px 22px 55px}.product{padding:32px 0}.products-heading{margin-bottom:15px}.product-tabs button{font-size:13px;padding:8px 12px}}

.product-page-header{position:relative;background:#292827;min-height:125px;padding:15px clamp(22px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:20px}.product-page-header .logo img{width:100px;height:100px}.product-page-header .back{color:#fff}.detail-main{padding-top:60px}.detail-main .products-heading{padding-top:0;border-top:0;margin-bottom:20px}.detail-main h1{font:normal clamp(44px,5.5vw,75px)/1.15 Georgia,serif;margin:0 0 24px}.detail-main .lead{max-width:900px}.detail-main .product{padding-top:15px}.detail-main .product-copy h2{font:normal clamp(27px,2.4vw,35px)/1.3 Georgia,serif;margin:0 0 23px}.detail-main .service-box{margin-top:42px}.detail-main .service-box p{margin-bottom:20px}.detail-main .product-visual{align-self:start;padding-top:10px}.product-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.product-links .cta{margin-top:0}.product-links .secondary{background:#fff;color:#957537;border:1px solid #bc9c51}.products.overview .product{gap:35px}.products.overview .product-copy p{margin-bottom:16px}.products.overview .product-logo img{height:70px}.products.overview .product-copy h4{font-size:30px}@media(max-width:620px){.product-page-header{min-height:110px}.product-page-header .logo img{width:84px;height:84px}.detail-main{padding-top:42px}}

.wp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:55px;align-items:center;padding:8px 0 55px}.wp-brand{width:230px;max-width:70%;height:auto;display:block;margin:0 0 28px}:is(.workpilot-page,.oskar-page) .wp-hero h1{font:normal clamp(36px,3.3vw,53px)/1.18 Georgia,serif;letter-spacing:-.025em;margin:0 0 25px}:is(.workpilot-page,.oskar-page) em{font-style:normal;color:#957537}.wp-lead{font-size:22px;line-height:1.5;color:#957537}.wp-intro>p{margin:0 0 22px}.wp-text-link{align-self:center;font-size:15px;color:#806728;border-bottom:1px solid #bc9c51}.wp-hero .product-visual{align-self:center}.wp-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #e7e1d5;border-bottom:1px solid #e7e1d5;padding:35px 0}.wp-benefits span{font-size:13px;color:#957537}.wp-benefits h2{font:normal 25px/1.3 Georgia,serif;margin:9px 0 12px}.wp-benefits p{font-size:16px;margin:0}.wp-steps{list-style:none;padding:0;counter-reset:wpstep;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:30px}.wp-steps li{counter-increment:wpstep;border-top:2px solid #bc9c51;padding-top:18px}.wp-steps li:before{content:'0' counter(wpstep);color:#957537;font-size:14px}.wp-steps h3{font:normal 24px/1.3 Georgia,serif;margin:12px 0}.wp-steps p{font-size:16px}.wp-audiences article{border-left:2px solid #bc9c51;padding-left:20px}.wp-faq details{border-bottom:1px solid #e7e1d5;padding:18px 0}.wp-faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style-position:outside;margin-left:20px}.wp-faq details p{font-size:16px;max-width:960px;margin:14px 0 3px 20px}.wp-contact{background:#f4f1e9;padding:35px;margin-top:55px;border-top:3px solid #bc9c51}.wp-contact h2{font:normal 38px/1.25 Georgia,serif;margin:0 0 18px}.wp-contact>p{max-width:850px}:is(.workpilot-page,.oskar-page){padding-top:45px}#workpilot-funktionen{scroll-margin-top:25px}@media(max-width:1000px){.wp-hero{grid-template-columns:1fr;gap:25px}.wp-hero .product-visual{width:100%}.wp-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wp-benefits{grid-template-columns:1fr;gap:25px}.wp-steps{grid-template-columns:1fr;gap:12px}.wp-contact{padding:26px 20px}.wp-contact h2{font-size:32px}.wp-brand{width:190px}.wp-hero{padding-bottom:35px}:is(.workpilot-page,.oskar-page) .wp-hero h1{font-size:37px}.wp-lead{font-size:20px}}

.oskar-brand{width:270px}.oskar-page .wp-intro>p{max-width:680px}

/* Transparent moma logo: white on dark page areas. */
.brand-logo img{filter:invert(1);object-fit:contain}

/* Same white logo on every page, independent of header class. */
img[src*="moma-logo-transparent.png"]{filter:brightness(0) invert(1)!important;object-fit:contain}
