/* Put product choice and the interactive demo ahead of repeated introduction. */
.header-band .header.wrap{height:64px}.header .brand img{width:148px}.header nav{gap:18px}.header .language{min-width:44px;min-height:44px;justify-content:center}.header .button.small{min-height:44px;white-space:nowrap}.opening .hero.wrap{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:34px;align-items:center;min-height:0;padding-top:22px;padding-bottom:20px}.opening .hero .eyebrow{margin-bottom:12px;font-size:9px}.opening .hero h1{font-size:46px;line-height:1.1;min-height:0;margin:0;max-width:none}.opening .hero h1 span{font-size:inherit;white-space:normal}.opening .hero .hook{font-size:15px;line-height:1.5;min-height:0;margin-top:13px;max-width:430px}.opening .hero .hero-description{display:none}.opening .hero .hero-copy .actions{margin-top:20px;min-height:0;gap:10px;flex-wrap:wrap}.opening .hero .hero-copy>.booking-link{display:none}.demo-column{min-width:0;width:100%;align-self:start}.opening .demo-column .product{padding:0;max-width:none;width:100%;margin:0}.opening .demo-column .product figcaption{min-height:0;font-size:9px;line-height:1.5;margin-top:7px}.opening .demo-navigation{display:flex;align-items:center;gap:8px;padding:0;margin:0 0 9px;border:0;min-width:0}.demo-navigation .solution-tabs{flex:1;min-width:0;gap:2px;padding:0 0 4px;justify-content:flex-start;align-items:center}.demo-navigation .solution-tabs button{min-height:44px;padding:8px 10px;font-size:11px}.demo-navigation .solution-tabs button>span{display:none}.demo-navigation .tour-controls{margin:0;gap:4px;justify-content:flex-end}.demo-navigation .tour-controls>span{font-size:9px;margin-right:2px;min-width:30px}.demo-navigation .round-control,.demo-navigation .play-control{width:44px;min-width:44px;height:44px;padding:0}.demo-navigation .play-control>span{display:none}.demo-navigation .tour-controls svg{width:14px;height:14px}.opening .office-wrap{padding-top:0}.opening .office-included{margin-top:0}
@media(max-width:1050px){.opening .hero.wrap{grid-template-columns:1fr;gap:16px;padding-top:18px;padding-bottom:15px}.opening .hero-copy{text-align:center}.opening .hero h1{font-size:34px;line-height:1.1;margin:auto}.opening .hero h1 br{display:none}.opening .hero h1 span:before{content:none}.opening .hero .hook{font-size:13px;line-height:1.5;max-width:560px;margin:8px auto 0}.opening .hero .hero-copy .actions{justify-content:center;margin-top:13px}.opening .hero .eyebrow{font-size:8px;margin-bottom:9px}.opening .demo-column{max-width:680px;margin:auto}.opening .hero .hero-copy .button{min-height:44px;font-size:12px;padding:10px 17px}.opening .hero .hero-copy .button svg{width:15px;height:15px}.opening .demo-column .product figcaption{font-size:8px}.header-band .header.wrap{height:60px}}
@media(max-width:550px){.wrap{width:calc(100% - 32px)}.header-band .header.wrap{height:56px;gap:8px}.header .brand img{width:112px}.header nav{gap:6px}.header .language{padding:0;font-size:10px;gap:4px}.header .button.small{font-size:10px;padding:8px 10px;gap:6px}.opening .hero.wrap{padding-top:13px;padding-bottom:12px;gap:13px}.opening .hero .eyebrow{display:none}.opening .hero h1{font-size:30px;line-height:1.1;max-width:340px;min-height:0}.opening .hero h1 br{display:block}.opening .hero h1 span:before{content:none}.opening .hero .hook{font-size:12px;line-height:1.5;min-height:0;margin:7px auto 0;max-width:330px}.opening .hero .hero-copy .actions{margin-top:12px;gap:8px;flex-wrap:nowrap}.opening .hero .hero-copy .button{font-size:11px;line-height:1.3;min-height:44px;padding:9px 13px;gap:8px}.opening .demo-navigation{gap:6px;margin-bottom:8px}.demo-navigation .solution-tabs{gap:1px;padding-bottom:3px}.demo-navigation .solution-tabs button{font-size:11px;min-height:44px;padding:8px 10px}.demo-navigation #previous,.demo-navigation #next,.demo-navigation #slide-count{display:none}.demo-navigation .tour-controls{gap:0}.demo-navigation .play-control{width:44px;min-width:44px}.opening .demo-column .product figcaption{font-size:8px;line-height:1.5;margin-top:6px}.opening .office-included{margin-bottom:14px}}
@media(max-width:360px){.header .brand img{width:104px}.opening .hero h1{font-size:26px}.opening .hero .hook{font-size:11px}.opening .hero .hero-copy .button{font-size:10px;padding:9px 11px;gap:6px}}

@media(max-width:360px){.opening .slide-viewport{height:440px}}
