@charset "UTF-8";

/*! tailwindcss v2.2.4 | MIT License | https://tailwindcss.com*/

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-webkit-text-size-adjust:100%;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{border:0 solid;box-sizing:border-box}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a1a1aa}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a1a1aa}input::placeholder,textarea::placeholder{color:#a1a1aa}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{color:inherit;line-height:inherit;padding:0}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{border-color:currentColor}[type=number],[type=time],[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[type=number]:focus,[type=time]:focus,[type=url]:focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}select{-webkit-print-color-adjust:exact;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;color-adjust:exact;padding-right:2.5rem}.smart-buildings{color:#58585b;font-family:CiscoSans,sans-serif;margin-left:auto;margin-right:auto;max-width:1600px;overflow:hidden}h1{font-size:24px;font-weight:300;margin-bottom:10px}@media (min-width:768px){h1{font-size:30px}}@media (min-width:1024px){h1{font-size:50px}}@media (min-width:1240px){h1{font-size:70px}}h2{font-size:20px;font-weight:300;line-height:1.25}@media (min-width:768px){h2{font-size:22px}}@media (min-width:1024px){h2{font-size:32px;line-height:1.5}}@media (min-width:768px){h2.buildings__intro{font-size:60px}}.smart-buildings h2.smart-buildings-cta__heading{font-size:28px;font-weight:300}@media (min-width:1024px){.smart-buildings h2.smart-buildings-cta__heading{font-size:32px}}@media (min-width:1240px){.smart-buildings h2.smart-buildings-cta__heading{font-size:42px}}p{font-size:16px}.smart-buildings-container__content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}a.smart-buildings-btn{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(0,188,235,var(--tw-bg-opacity));border-radius:100px;color:rgba(13,39,77,var(--tw-text-opacity));display:inline-block;font-size:18px;font-weight:400;line-height:1.25;margin-bottom:2rem;min-width:140px;padding:5px 20px 6px;text-align:center;text-decoration:none}a.smart-buildings-btn:active,a.smart-buildings-btn:focus,a.smart-buildings-btn:hover{--tw-text-opacity:1;background-color:#33c9ef;color:rgba(13,39,77,var(--tw-text-opacity));text-decoration:none}a.smart-buildings-btn:visited{--tw-text-opacity:1;color:rgba(13,39,77,var(--tw-text-opacity))}.btn--tight{line-height:1;padding:1rem 2rem}.smart-buildings-toggle{--tw-bg-opacity:1;background-color:rgba(30,68,113,var(--tw-bg-opacity));border-radius:9999px;height:48px;position:relative;transition:background .3s ease-in-out;width:96px}.smart-buildings-toggle:before{--tw-bg-opacity:1;background-color:rgba(13,39,77,var(--tw-bg-opacity));border-radius:9999px;color:#fff;content:"オフ";font-size:16px;height:32px;left:7px;line-height:24px;padding-left:12px;padding-top:5px;position:absolute;text-align:left;top:8px;transition:padding-left .3s ease-in-out;width:80px}.smart-buildings-toggle:after{--tw-bg-opacity:1;background-color:rgba(30,68,113,var(--tw-bg-opacity));border-radius:9999px;content:"";height:24px;position:absolute;right:14px;top:12px;transition:transform .3s ease-in-out;width:24px}.smart-buildings-toggle.active{--tw-gradient-from:#00bceb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,188,235,0));--tw-gradient-to:#30d557;background-image:linear-gradient(to right,var(--tw-gradient-stops))}.smart-buildings-toggle.active:before{content:"オン";padding-left:46px}.smart-buildings-toggle.active:after{--tw-gradient-from:#00bceb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,188,235,0));--tw-gradient-to:#30d557;background-image:linear-gradient(to right,var(--tw-gradient-stops));transform:translateX(-45px)}.smart-buildings-toggle__example{margin-bottom:1rem}@media (min-width:1024px){.smart-buildings-toggle__example{left:-96px;margin-bottom:0;position:absolute;top:16px}}@media (min-width:1240px){.room-toggle .smart-buildings-toggle{border-bottom-right-radius:0;border-top-right-radius:0;width:112px}.room-toggle .smart-buildings-toggle:after{right:30px}}.smart-buildings-hero{--tw-bg-opacity:1;background-color:rgba(189,240,240,var(--tw-bg-opacity));display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr 7vw minmax(100px,-webkit-max-content);grid-template-rows:1fr 7vw minmax(100px,max-content);padding-top:3rem}.smart-buildings-hero__text{grid-column:2/10;grid-row:2/3;position:relative;z-index:10}@media (min-width:768px){.smart-buildings-hero__text{grid-column:2/10;grid-row:1/2}.smart-buildings-hero__text h2{max-width:500px}}.smart-buildings-hero__logo{grid-column:2/6;grid-row:1/2;position:relative;z-index:10}@media (min-width:768px){.smart-buildings-hero__logo{grid-column:10/12}}.smart-buildings-hero__logo img{margin-bottom:16px;margin-left:auto;width:256px}.smart-buildings-hero__img{grid-column:1/-1;grid-row:4/6;position:relative;z-index:0}@media (min-width:768px){.smart-buildings-hero__img{grid-column:1/-1;grid-row:1/3}}.workspace-hero__bottom-bg{--tw-bg-opacity:1;background-color:rgba(30,68,113,var(--tw-bg-opacity));grid-column:1/-1;grid-row:4/7;margin-top:1px}@media (min-width:768px){.workspace-hero__bottom-bg{grid-row:2/6}}.smart-buildings-stats-pill{align-items:center;border-radius:9999px;display:flex;grid-column:2/12;grid-row:6/7;margin-bottom:40px;margin-top:20px;text-align:center}@media (min-width:768px){.smart-buildings-stats-pill{grid-column:2/12;grid-row:3/4}}@media (min-width:1024px){.smart-buildings-stats-pill{grid-column:3/11}}.smart-buildings-stats-pill__wrapper{border-radius:9999px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}@media (min-width:768px){.smart-buildings-stats-pill__wrapper{--tw-bg-opacity:1;grid-gap:32px;align-items:center;background-color:rgba(255,255,255,var(--tw-bg-opacity));display:flex;justify-content:space-between}}.smart-buildings-stats-pill__stat{--tw-bg-opacity:1;align-items:center;background-color:rgba(0,188,235,var(--tw-bg-opacity));border-radius:.75rem;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;grid-column:span 12/span 12;justify-content:center;line-height:1.4;padding-bottom:10px;padding-top:10px}@media (min-width:768px){.smart-buildings-stats-pill__stat{align-items:center;align-self:stretch;border-radius:9999px;display:flex;justify-content:space-between;padding-bottom:0;padding-right:50px;padding-top:0}}@media (min-width:1024px){.smart-buildings-stats-pill__stat{padding-bottom:20px;padding-right:60px;padding-top:20px}}.smart-buildings-stats-pill__stat img{padding:5px;width:80px}.smart-buildings-stats-pill__text{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-radius:.75rem;border-top-left-radius:0;border-top-right-radius:0;grid-column:span 12/span 12}@media (min-width:768px){.smart-buildings-stats-pill__text{border-radius:9999px}}.smart-buildings-stats-pill__text p{margin:0;padding:20px}@media (min-width:768px){.smart-buildings-stats-pill__text p{margin:0;padding:5px 20px 5px 5px}}.smart-buildings-stats-pill__number{color:#fff;font-size:55px;font-weight:200;margin-bottom:0;padding-left:10px}@media (min-width:768px){.smart-buildings-stats-pill__number{border-radius:9999px;margin:0;padding-right:25px}}.smart-buildings-stats-pill__copy{font-size:18px;text-align:center}@media (min-width:768px){.smart-buildings-stats-pill__copy{text-align:left}}@media (min-width:1024px){.smart-buildings-stats-pill__copy{font-size:24px}}.smart-buildings-magnify{--tw-bg-opacity:1;background-color:rgba(13,39,77,var(--tw-bg-opacity));padding-bottom:48px;padding-top:48px}@media (min-width:768px){.smart-buildings-magnify{padding-bottom:128px;padding-top:128px}}.smart-buildings-magnify__content{grid-column:span 10/span 10;grid-column-start:2;position:relative}@media (min-width:1240px){.smart-buildings-magnify__content{grid-column:span 6/span 6;grid-column-start:4}}.magnify-reveal__icon{left:1rem;position:absolute;width:144px}@media (min-width:1240px){.magnify-reveal__icon{left:0;width:192px}}.magnify-reveal__text{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));font-size:26px;font-weight:300;margin-bottom:40px;text-align:center}@media (min-width:1240px){.magnify-reveal__text{font-size:30px}}.magnify-reveal__text--green{--tw-text-opacity:1;color:rgba(48,213,87,var(--tw-text-opacity));font-weight:400}.magnify-reveal__text--blue{--tw-text-opacity:1;color:rgba(0,188,235,var(--tw-text-opacity));font-weight:400}.magnify-reveal__text--orange{--tw-text-opacity:1;color:rgba(255,113,51,var(--tw-text-opacity));font-weight:400}.smart-buildings__technologies-intro{position:relative}.building__container{margin-left:auto;margin-right:auto;max-width:1094px;padding-left:16px;padding-right:16px}.building__room{position:relative}.smart-buildings-container{margin-left:auto;margin-right:auto;max-width:1280px;padding:0 22px}.smart-buildings__content h2{color:#fff;font-size:28px;font-weight:300;margin:0 0 20px;text-align:center}@media (min-width:768px){.smart-buildings__content h2{font-size:60px}}.buildings__container{--tw-bg-opacity:1;background-color:rgba(13,39,77,var(--tw-bg-opacity));padding-top:48px}@media (min-width:1024px){.buildings__container{padding-top:128px}}.building__container,.building__room-wrapper,.pass-through{pointer-events:none}.rooms-container{--tw-bg-opacity:1;background-color:rgba(13,39,77,var(--tw-bg-opacity));padding-bottom:8rem;padding-top:8rem}.room__wrapper{display:grid;pointer-events:none}.building__room-wrapper{position:relative}.room__back,.room__front{grid-column-start:1;grid-row-start:1}.room__front{opacity:0;position:relative;transition:visibility 0s linear .5s,opacity .5s;visibility:hidden;z-index:20}.room__front.active{opacity:1;position:relative;transition:visibility 0s linear 0ms,opacity .5s;visibility:visible;z-index:10}.active .smart-building-glow{-webkit-animation:glow 1.5s cubic-bezier(.4,0,.6,1) infinite;animation:glow 1.5s cubic-bezier(.4,0,.6,1) infinite;pointer-events:auto}@-webkit-keyframes glow{50%{opacity:0}}@keyframes glow{50%{opacity:0}}.room-toggle{cursor:pointer;max-width:150px;pointer-events:auto;position:absolute;right:32px;top:3vw}@media (min-width:1024px){.room-toggle{right:9vw}}@media (min-width:1240px){.room-toggle{right:0;top:50%;transform:translateY(-50%)}}.room-toggle__background,.room-toggle__circle{fill:#1e4471;transition:all .3s ease-in-out}.active .room-toggle__background{fill:url(#background-gradient)}.active .room-toggle__circle{fill:url(#circle-gradient);transform:translateX(40px)}.room-toggle__inner-background{fill:#0d274d}.room-toggle__text{fill:#fff}.room-toggle__off,.room-toggle__on{transition:opacity .3s ease-in-out}.room-toggle__on{opacity:0}.active .room-toggle__on{opacity:1}.active .room-toggle__off{opacity:0}.smart-buildings-modal{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.smart-buildings-modal__overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.smart-buildings-modal__container{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-radius:1rem;box-sizing:border-box;max-height:100vh;max-width:600px;outline:none;overflow-y:auto;padding:40px;position:relative}@media (min-width:768px){.smart-buildings-modal__container{padding-left:60px;padding-right:60px}}.smart-buildings-modal__title{font-size:22px;text-align:center}@media (min-width:768px){.smart-buildings-modal__title{font-size:32px}}.smart-buildings-modal__subtitle{font-size:20px;font-weight:300;margin-bottom:25px;text-align:center}@media (min-width:768px){.smart-buildings-modal__subtitle{font-size:24px}}.smart-buildings-modal__close{--tw-text-opacity:1;border:0;color:rgba(101,101,101,var(--tw-text-opacity));font-weight:300;line-height:1.1;position:absolute;right:10px;top:10px}.smart-buildings-modal__header .smart-buildings-modal__close:before{content:"✕";display:block;font-size:22px}.smart-buildings-modal__content{color:#58585b;font-size:18px;font-weight:300;line-height:1.4;margin-bottom:32px}.smart-buildings-modal__image{border-radius:1rem;margin-bottom:20px;margin-left:auto;margin-right:auto;margin-top:20px;width:100%}.smart-buildings-modal__footer{align-items:center;display:flex;flex-direction:column;justify-content:center}.smart-buildings-modal__footer>:last-child{margin-bottom:0}.smart-buildings__modal-trigger{cursor:pointer;pointer-events:auto}.room__wrapper .active svg [data-micromodal-trigger]{cursor:pointer;pointer-events:auto;position:relative;z-index:50}@-webkit-keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@-webkit-keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}@keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{-webkit-animation:mmfadeIn .3s cubic-bezier(0,0,.2,1);animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{-webkit-animation:mmslideIn .3s cubic-bezier(0,0,.2,1);animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{-webkit-animation:mmfadeOut .3s cubic-bezier(0,0,.2,1);animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{-webkit-animation:mmslideOut .3s cubic-bezier(0,0,.2,1);animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}.smart-buildings-cta{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding-bottom:32px;padding-top:32px}.smart-buildings-cta .smart-buildings-container__content-grid{align-items:center}.smart-buildings-cta__content{font-weight:300;grid-column:span 10/span 10;grid-column-start:2}.smart-buildings-cta__content h2{font-size:24px;margin-bottom:1rem}.smart-buildings-cta__content p{font-size:18px}@media (min-width:768px){.smart-buildings-cta__content{grid-column:span 6/span 6;grid-column-start:6}}@media (min-width:1024px){.smart-buildings-cta__content{grid-column:span 5/span 5;grid-column-start:6}}.smart-buildings-cta__ctas{display:flex;flex-direction:column;margin-top:2rem}@media (min-width:1240px){.smart-buildings-cta__ctas{flex-direction:row;justify-content:space-around;margin-top:4rem}}.smart-buildings-cta__ctas .smart-buildings-btn{margin-bottom:20px;margin-top:20px;min-width:250px}@media (min-width:1024px){.smart-buildings-cta__ctas .smart-buildings-btn{margin-top:0}}.smart-buildings-cta__image{grid-column:span 10/span 10;grid-column-start:2}@media (min-width:768px){.smart-buildings-cta__image{grid-column:span 4/span 4;grid-column-start:1}}.smart-buildings-pill__image{border-radius:.75rem;margin-bottom:32px;width:100%}@media (min-width:768px){.smart-buildings-pill__image{border-radius:9999px;border-bottom-left-radius:0;border-top-left-radius:0}}.smart-buildings-copyright{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(30,68,113,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity));padding-bottom:32px;padding-top:32px}.smart-buildings-copyright__content{grid-column:span 12/span 12}@media (min-width:1024px){.smart-buildings-copyright__content{grid-column:span 9/span 9}}.smart-buildings-copyright__content p{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));font-size:14px}.smart-buildings-copyright__logo{display:flex;grid-column:span 12/span 12;justify-content:center;margin-top:32px}@media (min-width:1024px){.smart-buildings-copyright__logo{align-items:flex-end;grid-column:span 3/span 3;justify-content:flex-end;margin-top:0}}.smart-buildings-copyright__logo img{width:224px}.block{display:block}.table{display:table}.grid{display:grid}.h-0{height:0}.h-3{height:.75rem}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}*,:after,:before{--tw-shadow:0 0 #0000;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}
