/* Shared website appearance for software and service pages. */
body[data-mode="presentation"]{background:#f8f9f7;color:#183735}
body .page{background:#f8f9f7!important;--text-dk:#183735;--text-md:#4e6358;--text-lt:#536c61;--border:#d2ded5;--blue:#28634e;--blue-dk:#183f38;--blue-pale:#e8ede6;--bg2:#fff}
.page .slide-band{display:none}
.page .page-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding:20px 7%;font-size:12px;background:#f8f9f7;color:#64796d}
.page-breadcrumb a{color:#285d49;text-decoration:none}.page-breadcrumb a:hover{text-decoration:underline}
.page .slide-hero{padding:65px 7% 48px;min-height:390px;display:flex;flex-direction:column;align-items:stretch;gap:35px;background:linear-gradient(100deg,#0b2b2eef,#0b2b2e85),url('../images/arkkitehtuuri-ilta.png') center 55%/cover;color:#fff}
#p2 .slide-hero,#p6 .slide-hero,#p7 .slide-hero{background-image:linear-gradient(100deg,#102e2bed,#102e2b85),url('../images/arkkitehtuuri-puu.png')}
body .page .slide-label{background:none;border:none;color:#c6e3d2;padding:0;border-radius:0;font-family:'DM Sans','Segoe UI',sans-serif;font-size:11px;letter-spacing:.15em;font-weight:500;margin:0 0 20px}
body .page .slide-h1,body .page .slide-h1 span{font-family:'DM Sans','Segoe UI',sans-serif;color:#fff!important;font-size:clamp(32px,4.3vw,62px);font-weight:500;line-height:1.13;letter-spacing:-.045em;overflow-wrap:anywhere}
body .page .slide-h1 span{color:#bbdec9!important}
.page .slide-tagline{max-width:720px;font-size:17px;line-height:1.8;color:#e1ebe5;margin-top:22px}
.page .kpi-bar{align-self:flex-start;background:#102f2dc9;border:1px solid #ffffff38;border-radius:6px;box-shadow:none;margin:0;max-width:100%;flex-wrap:wrap}
.page .kpi-item{padding:17px 25px;border-color:#ffffff30;min-width:0;flex:1}
body .page .kpi-val{font-family:'DM Sans','Segoe UI',sans-serif;font-size:25px;font-weight:500;color:#d4f19a!important;line-height:1.2}
.page .kpi-lbl{color:#d0dfd7;font-size:10px;line-height:1.5;letter-spacing:.06em}
.page .slide-body{max-width:1440px;margin:auto;padding:55px 7%;gap:30px}
.page .feat-stack{gap:16px}.page .feat-card{padding:24px;border-radius:8px;border-color:#d2ded5;box-shadow:none;background:#fff;gap:16px}.page .feat-card:hover{transform:none;box-shadow:none}
body .page .feat-icon{background:#e8ede6;color:#285d49;border-radius:6px}
.page .feat-title{font-size:18px;font-weight:600;line-height:1.35;margin-bottom:9px}.page .feat-desc{font-size:14px;line-height:1.8}
.page .sub-panel{border-radius:8px;box-shadow:none;border-color:#d2ded5}
body .page .sub-panel-hdr{background:#e8ede6;color:#183f38;font-family:'DM Sans','Segoe UI',sans-serif;font-size:13px;font-weight:600;padding:21px;line-height:1.5;letter-spacing:.04em}
.page .sub-item{padding:18px 21px;gap:12px}.page .sub-item>div{min-width:0}.page .sub-name{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.page .sub-desc{font-size:13px;line-height:1.65}
body .page .sub-badge{background:#e8ede6;color:#285d49;font-size:10px;flex-shrink:0}
body .page .pill{background:#e8ede6;color:#285d49;border-color:#d2ded5;font-size:11px;padding:8px 11px}
body .page .cta-btn{background:#19483b;color:#fff;border:1px solid #19483b;border-radius:4px;box-shadow:none;font-family:'DM Sans','Segoe UI',sans-serif;font-size:14px;font-weight:500;padding:16px 22px;white-space:normal;text-align:center}
body .page .cta-btn:hover{background:#28634e;box-shadow:none}.page .cta-btn.secondary{background:transparent!important;color:#19483b!important}
body .page .qr-card{background:#e8ede6;border:1px solid #d2ded5;border-radius:8px;color:#183735}.page .qr-url{color:#183735;font-family:'DM Sans','Segoe UI',sans-serif;font-size:16px;overflow-wrap:anywhere}.page .qr-sub{color:#4e6358;font-size:12px;line-height:1.6}
.page .presentation-links{background:#e8ede6;padding:18px 7%;gap:12px 24px}.page .presentation-links a{font-size:13px;color:#234f3d;text-underline-offset:4px}
.page .software-partner{max-width:1240px;margin:0 auto 55px;padding:35px;gap:25px;border-radius:6px}
.page .contact-layout{max-width:1440px;margin:auto;padding:55px 7%;gap:24px}.page .contact-card{background:#fff;border:1px solid #d2ded5;border-radius:8px;box-shadow:none;padding:28px}.page .contact-card h3{font-family:'DM Sans','Segoe UI',sans-serif;font-size:24px}.page .contact-val{font-size:15px;line-height:1.8;overflow-wrap:anywhere}.page .contact-val a{color:#285d49}.page .contact-lbl{font-size:11px}.page .cta-block-big{background:#183f38;border-radius:8px;padding:30px}
.page .home-footer p{font-size:13px;line-height:1.7;margin-top:12px;color:#b7cbc0}
body[data-mode="detail"] #serviceApp,body[data-mode="catalog"] #serviceApp{padding-top:55px;padding-bottom:65px}
body[data-mode="detail"] .detailgrid section{background:#fff;border:1px solid #d2ded5;border-radius:8px;padding:25px}
body[data-mode="detail"] .detailgrid h2{font-weight:500;color:#183f38}body[data-mode="detail"] .detailgrid li{line-height:1.8}
@media(max-width:1100px){.page .software-partner{margin-left:7%;margin-right:7%}}
@media(max-width:720px){.page .slide-hero{padding:42px 6% 35px;min-height:0;gap:27px}.page .slide-tagline{font-size:15px;line-height:1.75}.page .slide-body,.page .contact-layout{padding:32px 6%}.page .page-breadcrumb{padding:17px 6%}.page .kpi-bar{width:100%}.page .kpi-item{padding:14px 10px}.page .kpi-val{font-size:21px!important}.page .kpi-lbl{font-size:9px}.page .feat-card{padding:20px;grid-template-columns:32px 1fr;gap:12px}.page .feat-icon{width:32px;height:32px;font-size:17px}.page .feat-title{font-size:17px}.page .software-partner{margin:0 6% 35px;padding:25px}.page .contact-card{padding:22px}.page .sub-item{flex-wrap:wrap}.page .home-footer{gap:22px}}