/* KOMPASS public V3 website. Deliberately independent of portal/runtime styles. */
@font-face{font-family:Barlow;src:url(Barlow-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}
:root{--blue:#083991;--ink:#172f38;--paper:#f7f6f1;--tint:#e8effb;--line:#d6dee2;--muted:#506772;scroll-padding-top:24px;color:var(--ink);font-family:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}button,input,textarea,summary{font:inherit}button,summary{cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #067c91;outline-offset:4px}[hidden]{display:none!important}figure{margin:0}h1,h2,h3{font-family:Barlow,'Segoe UI',Arial,sans-serif;font-weight:600;line-height:1.13;margin:0 0 24px;letter-spacing:-.025em}h1{font-size:clamp(38px,4.4vw,64px)}h2{font-size:clamp(29px,3vw,44px)}h3{font-size:clamp(23px,2vw,28px)}p,li{font-size:18px;line-height:1.65}p{margin:0 0 22px}ul{padding-left:24px}button,.v3-button{min-height:44px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 18px;border-radius:4px;font-weight:600;line-height:1.35}.v3-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--blue);color:#fff;text-decoration:none;border-color:transparent}.v3-button:hover{background:#062969}.v3-wrap{width:calc(100% - 112px);max-width:1296px;margin-inline:auto}.v3-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-block:28px}.v3-actions a,.v3-text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:650;color:var(--blue)}.v3-actions .v3-button{color:white}.v3-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:750;margin-bottom:26px}.v3-caption,figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:14px}.v3-skip{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;padding:16px}.v3-skip:focus{top:16px}
.v3-header,.v3-hero{background:var(--blue);color:white}.v3-header-row{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}.v3-logo{flex-shrink:0;width:180px;min-height:44px;display:flex;align-items:center}.v3-header nav{display:flex;align-items:center;gap:22px}.v3-header nav>a,.v3-nav-group>summary{font-size:14px;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:8px}.v3-header nav>a>span{display:none}.v3-header nav>.v3-button{color:var(--blue);background:#fff}.v3-header .v3-secondary{font-size:12px}.v3-nav-group{position:relative}.v3-nav-group summary{list-style:none}.v3-nav-group summary::-webkit-details-marker{display:none}.v3-nav-group summary::after{content:'⌄'}.v3-nav-group[open] summary::after{content:'⌃'}.v3-nav-group>div{position:absolute;top:100%;left:0;min-width:265px;z-index:20;padding:10px;background:#fff;color:var(--ink);box-shadow:0 12px 35px #0003;border:1px solid var(--line);border-radius:5px}.v3-nav-group>div a{display:block;padding:12px;text-decoration:none;line-height:1.4}.v3-nav-group>div a:hover{background:var(--tint)}.v3-menu-toggle{color:#fff;background:transparent;border-color:#ffffff60}.v3-header :focus-visible,.v3-hero :focus-visible{outline-color:#fff}
.v3-hero{padding:65px 0 78px}.v3-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:70px;align-items:center}.v3-hero p{color:#e0e9fc}.v3-hero .v3-button{background:white;color:var(--blue)}.v3-hero .v3-text-link{color:white}.v3-hero-art{position:relative;min-width:0}.v3-figure img{border:5px solid #20343b;border-radius:3px}.v3-hero figcaption{color:#dce6f7}.v3-hero-art:has(.v3-hero-portrait){padding:0 50px 45px 0}.v3-hero-portrait{width:29%;position:absolute;right:0;bottom:0}.v3-hero-portrait figcaption{display:none}.v3-portrait{max-width:310px;margin-inline:auto}.v3-hero .v3-breadcrumb{font-size:13px;display:inline-block;margin-bottom:25px}.v3-hero h1{max-width:18ch}.v3-hero .v3-touch{color:var(--ink)}
.v3-section{padding:88px 0}.v3-section-head{max-width:850px;margin-bottom:32px}.v3-section>.v3-wrap>p{max-width:80ch}.v3-warm{background:var(--paper)}.v3-tint{background:var(--tint)}.v3-columns{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.v3-editorial{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.v3-editorial>div>p:last-child{margin-bottom:0}.v3-sector-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}.v3-sector-links a{display:grid;grid-template-rows:auto 1fr auto;gap:12px;text-decoration:none;padding-block:12px;border-bottom:1px solid var(--line)}.v3-sector-links strong{font-size:20px;line-height:1.25}.v3-sector-links span{font-size:14px;color:var(--muted)}.v3-sector-links a:hover strong{text-decoration:underline}.v3-touch-link{margin:30px 0 0;border-top:1px solid var(--line);padding-top:25px;font-size:16px}.v3-touch-link a{color:var(--blue);font-weight:650}.v3-subnav,.v3-related{display:flex;flex-wrap:wrap;gap:16px 28px;padding-block:24px;border-bottom:1px solid var(--line)}.v3-subnav a,.v3-related a{font-weight:650;color:var(--blue);min-height:44px;display:flex;align-items:center}.v3-closing{background:var(--blue);color:white;padding:70px 0}.v3-closing .v3-button{background:#fff;color:var(--blue)}.v3-closing .v3-columns>div:last-child{justify-self:end}.v3-closing p{color:#dce6f7;margin-top:24px}.v3-footer{padding:45px 0;background:var(--paper)}.v3-footer>.v3-wrap{display:flex;justify-content:space-between;gap:30px}.v3-footer p{font-size:14px;margin:12px 0 0}.v3-footer nav{display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px}.v3-footer nav a{font-size:13px;min-height:44px;display:flex;align-items:center}
.v3-choices{display:flex;flex-wrap:wrap;gap:10px;margin-block:22px}.v3-choices button[aria-pressed=true],.v3-board-overview button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.v3-playback,.v3-timing,.v3-training,.v3-price,.v3-board{margin-block:36px}.v3-demo-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}.v3-stage{display:grid;grid-template-columns:1fr 1fr;position:relative;background:#173f40;color:white;min-height:350px;border:6px solid #20343b;border-radius:4px;overflow:hidden}.v3-fixed{padding:32px 24px;display:flex;flex-direction:column;justify-content:center}.v3-fixed>span{font-size:12px;margin-bottom:25px}.v3-fixed strong{font-size:28px;line-height:1.2}.v3-fixed p{font-size:16px;margin-top:20px}.v3-media{position:relative;min-width:0;background:#e9dfca;display:grid;place-items:center}.v3-media img{width:100%;height:350px;object-fit:contain}.v3-media>span{position:absolute;bottom:0;left:0;right:0;background:#172f38ed;color:#fff;padding:12px;font-size:12px}.v3-stage[data-current=page]{grid-template-columns:1fr;background:#e9dfca;color:var(--ink)}.v3-stage[data-current=page] .v3-fixed{position:relative;z-index:1;grid-row:1;grid-column:1;align-self:end;background:#fffef0ed;margin:16px;padding:16px}.v3-stage[data-current=page] .v3-media{grid-row:1;grid-column:1}.v3-stage[data-current=page] .v3-fixed p,.v3-stage[data-current=page] .v3-fixed>span{display:none}.v3-overlay{position:absolute;z-index:2;left:10%;right:10%;top:35%;padding:24px;background:#fff1c9;color:var(--ink);font-size:24px;font-weight:700;border:2px solid #fff}.v3-stage[data-current=fly] .v3-overlay{left:5%;right:auto;top:15%;max-width:65%}.v3-stage[data-current=fly][data-phase="1"] .v3-overlay{left:auto;right:5%;top:60%}.v3-stage[data-current=slider] .v3-overlay{left:8%;right:55%;top:auto;bottom:8%;font-size:18px}.v3-stage[data-current=animation] .v3-overlay{top:auto;bottom:12%}.v3-time-rules>div{background:#fff;padding:24px;border-radius:5px;margin-top:18px}.v3-time-rules strong,.v3-time-rules span{display:block;margin-bottom:12px}.v3-time-bar{background:var(--blue);color:#fff;padding:10px 18px;text-align:center;font-size:14px}.v3-time-bar.v3-narrow{width:35%;margin-left:auto;background:#173f40}.v3-timing{display:grid;grid-template-columns:1fr 1fr;gap:40px}.v3-time-result{background:white;padding:28px;border:1px solid var(--line);border-radius:5px}.v3-time-result li{font-size:16px;margin-top:15px}.v3-time-result li[data-allowed=false]{color:#66717a}.v3-time-result li[data-allowed=true]{color:#164d37}.v3-plan-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:4px;scrollbar-color:#50717e #e6ecee}.v3-plan-scroll img{min-width:1000px;width:100%;max-width:none}.v3-training>.v3-columns{margin-top:32px}.v3-price{background:var(--tint);padding:30px}.v3-price-flow{display:flex;align-items:center;justify-content:space-around;gap:25px}.v3-price-flow p{background:#fff;border:1px solid var(--line);padding:28px;flex:1}.v3-price-flow strong{font-size:24px}.v3-price-flow [data-price-output]{font-size:30px}.v3-board{max-width:1000px;margin-inline:auto}.v3-board-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.v3-board-overview button{background:#173f40;color:white;border:4px solid #20343b;min-height:110px;display:grid;gap:12px}.v3-board-overview button span{font-size:13px}.v3-board-overview button strong{font-size:24px}.v3-board>figure{max-width:800px;margin-inline:auto}.v3-board>figure img{border:6px solid #20343b;width:100%}.v3-board>.v3-button{margin-top:24px}
.v3-touch ol{list-style:none;padding:0;display:grid;gap:14px}.v3-touch li{background:#fff;border:1px solid var(--line);padding:24px;display:grid;grid-template-columns:40px 1fr;gap:8px}.v3-touch li>span{color:var(--blue);font-weight:700;grid-row:1/3}.v3-touch li p{font-size:16px;margin:0;color:var(--ink)}.v3-hardware>div{display:flex;gap:24px;align-items:flex-end;justify-content:space-around;padding:25px 0}.v3-hardware a{display:grid;gap:22px;justify-items:center;text-decoration:none;min-width:0}.v3-hardware strong{font-size:14px;overflow-wrap:anywhere}.v3-hardware-device{display:block;width:100%;max-width:180px;height:auto}.v3-hardware a{flex:1;gap:12px;text-align:center;align-self:stretch;align-content:end}.v3-hardware strong{min-height:2.5em}.v3-bakery>div{background:#173f40;color:#fff;border:6px solid #20343b;padding:30px}.v3-bakery dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff40;padding:12px 0}.v3-bakery dd{margin:0}.v3-bakery h3{font-size:32px}
/* Reused native demo dialog. */
.demo-dialog{width:min(1180px,96vw);max-width:96vw;height:min(820px,92vh);max-height:92vh;padding:20px;border:1px solid #597181;border-radius:6px;background:#10202c;color:#fff;overflow:auto}.demo-dialog[open]{display:flex;flex-direction:column;gap:16px}.demo-dialog::backdrop{background:#000b}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.demo-toolbar h2{font-size:23px;margin:0}.demo-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.demo-actions a{font-size:15px;min-height:44px;display:flex;align-items:center}.demo-dialog iframe{width:100%;flex:1;min-height:300px;border:0;background:#172f38}.demo-dialog .demo-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;align-content:center}.demo-dialog .demo-board iframe{min-height:0;aspect-ratio:16/9}.demo-screen-select{display:flex;gap:10px;flex-wrap:wrap}.demo-screen-select button[aria-pressed=true]{background:#b9dded}.demo-load-status{font-size:14px;line-height:1.5;margin:0}.demo-dialog :focus-visible{outline-color:#9bdfff}
@media(max-width:1150px){.v3-header-row{flex-wrap:wrap;gap:12px;padding-block:20px}.v3-header nav{gap:18px;flex-wrap:wrap}.v3-hero-grid{gap:35px}.v3-sector-links{gap:16px}.v3-hardware>div{gap:10px}.v3-editorial{gap:40px}}
@media(max-width:800px){.v3-wrap{width:calc(100% - 48px)}.v3-hero-grid,.v3-editorial,.v3-columns,.v3-demo-grid,.v3-timing{grid-template-columns:minmax(0,1fr);gap:28px}.v3-hero{padding:40px 0 55px}.v3-hero h1{max-width:22ch}.v3-hero-art{max-width:620px}.v3-section{padding:58px 0}.v3-sector-links{grid-template-columns:1fr 1fr}.v3-closing .v3-columns>div:last-child{justify-self:start}.v3-footer>.v3-wrap{flex-direction:column}.v3-menu-toggle:not([hidden]){display:block}.v3-header-row{justify-content:space-between}.v3-header nav{width:100%;flex-direction:column;align-items:stretch;gap:8px}.v3-header nav>a,.v3-nav-group>summary{font-size:16px;padding:10px 0}.v3-header nav>.v3-button{padding:12px 18px}.v3-nav-group>div{position:static;min-width:0;margin-bottom:10px;box-shadow:none}.v3-header nav[data-collapsed=true]{display:none}.v3-header .v3-secondary{font-size:14px}.v3-logo{width:155px}.v3-price-flow{gap:12px}.v3-price-flow p{padding:18px}.v3-stage{min-height:320px}.demo-dialog .demo-board{grid-template-columns:1fr}.demo-dialog .demo-board iframe{min-height:200px;aspect-ratio:16/9}.demo-toolbar{align-items:flex-start}.v3-hero .v3-hero-portrait{display:none}.v3-hero-art:has(.v3-hero-portrait){padding:0}}
@media(max-width:450px){.v3-wrap{width:calc(100% - 40px)}h1{font-size:38px}h2{font-size:30px}p,li{font-size:17px}.v3-sector-links{grid-template-columns:1fr;gap:0}.v3-sector-links a{grid-template-columns:1fr 24px;gap:6px;padding:20px 0}.v3-sector-links a strong{font-size:19px}.v3-sector-links a span:first-of-type{grid-column:1}.v3-sector-links a span:last-child{grid-column:2;grid-row:1/3}.v3-stage{min-height:290px}.v3-fixed{padding:14px}.v3-fixed strong{font-size:23px}.v3-fixed p{font-size:14px}.v3-media img{height:290px}.v3-overlay{font-size:19px;padding:16px}.v3-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v3-choices button{padding-inline:10px}.v3-board-overview{gap:7px}.v3-board-overview button{padding:10px 4px;min-height:85px}.v3-board-overview button strong{font-size:15px}.v3-time-result{padding:20px}.v3-price{padding:20px}.v3-price-flow{flex-direction:column}.v3-price-flow p{width:100%;margin:0}.v3-hardware strong{font-size:12px}.v3-hardware>div{gap:8px}.v3-actions{align-items:stretch}.v3-actions>.v3-button{width:100%}.demo-dialog{padding:14px}.demo-actions{gap:10px}.demo-toolbar h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.demo-single{display:flex;flex:1;min-height:0}.demo-single iframe{min-height:320px}.v3-contact .contact-page{background:var(--paper)}.v3-contact .contact-layout{padding-block:70px;gap:60px}.v3-contact .contact-layout h1{font-size:clamp(36px,4vw,56px)}.v3-contact .enquiry-form input,.v3-contact .enquiry-form textarea{font:inherit}.v3-contact .contact-layout h1{max-width:18ch}.v3-contact .contact-page .wrap{max-width:1296px}.v3-contact .form-error{color:#8b1e1e;background:#fff1ef;border-left:3px solid #a33333;padding:16px}
@media(max-width:700px){.v3-contact .contact-layout{padding-block:44px;grid-template-columns:minmax(0,1fr);gap:35px}.demo-dialog .demo-single iframe{min-height:240px}}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}.v3-figure>a{display:block}.v3-overlay img{max-height:100px;width:auto;margin:auto}.v3-stage[data-current=fly] .v3-overlay{padding:8px;background:#e9dfca}.v3-stage[data-current=slider] .v3-overlay{padding:8px}
.v3-plan-scroll img{min-width:1274px}