/* INGEM access preview. The real account service will be connected separately. */
[hidden]{display:none!important}
.top-actions>.icon-btn[data-action="logout"]{display:grid}
@media(max-width:650px){.top-actions>.top-avatar{display:none}}
body.login-mode{background:#fff}
.login-mode>.sidebar,.login-mode>.workspace,.login-mode>.scrim{display:none}
.access-layout{display:grid;grid-template-columns:55% 45%;min-height:100dvh;background:#fff}
.access-left{display:flex;flex-direction:column;min-width:0;padding:25px 56px 25px}
.access-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.access-logo{width:176px;height:114px;overflow:hidden;position:relative;display:block;flex-shrink:0}
.access-logo img{width:176px;height:176px;position:absolute;left:0;top:-27px}
.access-header-label{font-size:10px;letter-spacing:1.6px;color:#71808b;font-weight:600}
.access-content{min-height:0;width:100%;max-width:388px;padding:37px 0 48px;margin:auto}
.access-kicker{display:flex;align-items:center;gap:8px;color:#357399;font-size:10px;font-weight:700;letter-spacing:1.8px;margin-bottom:17px}
.access-kicker:before{content:'';width:20px;height:2px;background:#70a8cc}
.access-content h1{font-size:33px;line-height:1.25;letter-spacing:-1.2px;font-weight:800;color:#1b3343}
.access-description{font-size:14px;color:#74828b;line-height:1.75;margin-top:13px;max-width:370px}
.access-form{margin-top:32px}
.access-field{margin:0 0 21px}
.access-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.access-label-row label{font-size:12px;font-weight:650;color:#334b5b}
.access-text-button{border:0;background:transparent;padding:4px 0;color:#34779f;font-size:11px;font-weight:600;line-height:1.5;cursor:pointer}
.access-text-button:hover{text-decoration:underline}
.access-input{position:relative}
.access-input>svg{position:absolute;left:16px;top:17px;width:19px;height:19px;color:#8b9aa4;pointer-events:none}
.access-input input{width:100%;height:54px;border:1px solid #dce4e9;border-radius:8px;padding:0 47px;color:#263f50;background:#fcfdfe;font-size:13px;transition:border-color .15s,box-shadow .15s}
.access-input input::placeholder{color:#97a3ac;font-weight:400}
.access-input input:focus{outline:0;border-color:#70a8cc;box-shadow:0 0 0 3px #70a8cc20;background:white}
.access-password-toggle{position:absolute;right:7px;top:7px;border:0;width:40px;height:40px;background:transparent;display:grid;place-items:center;color:#8194a1;border-radius:6px}
.access-password-toggle:hover{background:#edf4f8}
.access-password-toggle svg{width:19px;height:19px}
.access-submit{display:flex;align-items:center;justify-content:center;gap:11px;background:#2c729e;color:white;width:100%;min-height:52px;border:1px solid #2c729e;border-radius:8px;font-size:13px;font-weight:650;box-shadow:0 5px 12px #28658312;transition:background .15s}
.access-submit:hover{background:#245f85;border-color:#245f85}
.access-submit svg{width:17px;height:17px}
.access-account-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#84939e;font-size:10px;line-height:1.6;margin-top:15px;text-align:center}
.access-account-note svg{width:13px;height:13px;flex-shrink:0}
.access-feedback{margin:16px 0 0;padding:12px 14px;border:1px solid #d4e3ee;border-radius:7px;color:#35617c;font-size:12px;background:#f1f7fb;line-height:1.65}
.access-demo{border-top:1px solid #e8edf0;margin-top:29px;padding-top:19px}
.access-demo summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#647c8b;list-style:none;font-size:11px;min-height:28px}
.access-demo summary::-webkit-details-marker{display:none}
.access-demo summary svg{width:15px;height:15px;transition:transform .2s}
.access-demo[open] summary svg{transform:rotate(90deg)}
.access-demo p{font-size:10px;color:#8897a1;line-height:1.65;margin-top:8px}
.access-demo-options{display:flex;gap:7px;margin-top:12px}
.access-demo-options button{flex:1;min-height:38px;border:1px solid #dae6ed;background:white;border-radius:6px;color:#386c8c;font-size:10px;padding:8px}
.access-demo-options button:hover{background:#edf5fa;border-color:#a9c9de}
.access-preview-note{color:#8c9aa3;font-size:10px;line-height:1.65;margin-top:12px}
.access-help{margin-top:23px;text-align:center;font-size:11px;color:#8a98a1}
.access-help .access-text-button{margin-left:4px}
.access-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:#93a0a8;letter-spacing:.2px}
.access-footer span:last-child{display:flex;align-items:center;gap:7px}
.access-footer i{width:5px;height:5px;background:#70a8cc;border-radius:50%}
.access-right{position:relative;overflow:hidden;background:#eaf3f8;padding:69px 58px 35px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.access-right:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 45%,#c8e1f050,transparent 65%);z-index:-1}
.access-watermark{position:absolute;right:-125px;top:97px;width:390px;height:390px;color:#b3d1e2;opacity:.25;z-index:-1;stroke-width:.7;transform:rotate(15deg)}
.access-right-label{font-size:9px;color:#4f83a3;font-weight:650;letter-spacing:1.7px;display:flex;gap:10px;align-items:center}
.access-right-label svg{width:19px;height:19px}
.access-story{max-width:390px;margin:44px 0 25px}
.access-story h2{font-size:43px;line-height:1.18;font-weight:750;letter-spacing:-1.8px;color:#234b65}
.access-story h2 em{font-style:normal;color:#5e9dbf}
.access-story>p{font-size:13px;line-height:1.8;color:#698799;margin-top:19px;max-width:315px}
.access-illustration{margin:12px 0 34px;max-width:390px;position:relative}
.access-report{background:#fff;border:1px solid #dce9f1;border-radius:13px;box-shadow:0 18px 38px #315f7b0c;position:relative;padding:24px;z-index:1}
.access-report:after{content:'';position:absolute;inset:12px -9px -12px 10px;z-index:-1;background:#f9fcfe;border:1px solid #d6e5ef;border-radius:13px}
.access-report-top{display:flex;align-items:center;gap:11px;border-bottom:1px solid #eaf0f4;padding-bottom:18px}
.access-report-icon{display:grid;place-items:center;width:40px;height:40px;background:#eaf4fa;border-radius:9px;color:#4f91b9;flex-shrink:0}
.access-report-top small{font-size:8px;font-weight:650;letter-spacing:1.2px;color:#8ba0ad;display:block;margin-bottom:6px}
.access-report-top strong{font-size:12px;font-weight:650;color:#38596f}
.access-report-check{width:25px;height:25px;background:#eaf4f8;border-radius:50%;color:#5a98bc;display:grid;place-items:center;margin-left:auto}
.access-report-check svg{width:15px;height:15px}
.access-timeline{padding:22px 0 7px;display:grid;gap:19px}
.access-timeline-row{display:flex;gap:12px;align-items:center;position:relative}
.access-timeline-row:not(:last-child):after{content:'';position:absolute;width:1px;height:19px;background:#dbe9f1;left:10px;top:22px}
.access-tick{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf5f9;color:#6ba1c1;flex-shrink:0}
.access-tick svg{width:12px;height:12px}
.access-timeline-row strong{font-size:10px;color:#547386;font-weight:550}
.access-timeline-row small{font-size:8px;color:#99aab4;margin-left:auto}
.access-document{background:#f4f8fb;display:flex;align-items:center;gap:10px;margin-top:13px;border-radius:7px;padding:13px;color:#6796b3}
.access-document strong{font-size:10px;color:#51758c;font-weight:550;display:block;margin-bottom:3px}
.access-document small{font-size:8px;color:#98a9b4}
.access-document>span{font-size:8px;font-weight:650;border:1px solid #d7e5ee;border-radius:4px;padding:5px 6px;margin-left:auto}
.access-steps{display:flex;justify-content:space-between;max-width:390px;padding:0 7px;margin-top:28px;gap:10px}
.access-steps span{display:flex;gap:7px;align-items:center;font-size:9px;color:#6b8b9f}
.access-steps svg{width:14px;height:14px;color:#7ca5bf}
.access-specialties{border-top:1px solid #d3e4ee;padding-top:21px;font-size:10px;line-height:1.9;color:#7693a5;letter-spacing:.1px}
.access-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:26px}
.access-back svg{width:14px;height:14px;transform:rotate(180deg)}
.access-brands{width:100%;max-width:540px;min-width:0;margin:0 auto 23px;padding-top:17px;border-top:1px solid #e5edf2}
.access-brands-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px}
.access-brands-header h2{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:#8495a1}
.access-brands-controls{display:flex;gap:3px}
.access-brands-controls button{border:0;background:transparent;display:grid;place-items:center;width:28px;height:28px;border-radius:5px;color:#7899af}
.access-brands-controls button:hover{background:#edf5fa;color:#2c729e}
.access-brands-controls svg{width:13px;height:13px}
.access-brands-controls [data-brand="previous"] svg{transform:rotate(180deg)}
.access-brands-viewport{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:5px;overscroll-behavior-x:contain}
.access-brands-viewport::-webkit-scrollbar{display:none}
.access-brands-track{display:flex;gap:16px;list-style:none;margin:0;padding:0}
.access-brands-track li{flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start;display:flex;justify-content:center}
.brand-frame{height:65px;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.brand-frame img{display:block;flex-shrink:0;max-width:none;height:auto;object-fit:contain;user-select:none}
.brand-daikin img{width:139px}
.brand-trane img{width:172px}
.brand-tica img{width:130px}
.brand-carrier img{width:119px}
.brand-midea img{width:174px}
.brand-surrey img{width:130px}
.brand-lg img{width:100px}
.brand-samsung img{width:128px}
.brand-toshiba img{width:164px}
@media(max-width:350px){.brand-surrey img{width:120px}.brand-samsung img{width:122px}.brand-toshiba img{width:154px}}
@media(min-width:801px){.access-left .access-content{padding-bottom:30px}.access-brands{flex-shrink:0}}
@media(max-width:1100px) and (min-width:801px){.access-brands-track li{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:800px){.access-brands{max-width:388px;margin-bottom:20px;padding-top:14px}.access-brands-track li{flex-basis:calc((100% - 16px)/2)}.access-brands-controls button{width:32px;height:32px}.access-left .access-content{padding-bottom:26px}}
@media(max-width:350px){.access-brands-track{gap:10px}.access-brands-track li{flex-basis:calc((100% - 10px)/2)}.brand-daikin img{width:122px}.brand-trane img{width:153px}.brand-tica img{width:115px}.brand-carrier img{width:108px}.brand-midea img{width:156px}.access-brands-header h2{font-size:8px;letter-spacing:.9px}}
@media(min-width:1550px){.access-left{padding:35px 80px}.access-right{padding:80px 85px 40px}.access-content{max-width:420px}.access-story h2{font-size:50px}.access-story,.access-illustration{max-width:440px}}
@media(max-width:1100px){.access-left{padding:24px 32px}.access-right{padding:64px 35px 30px}.access-header-label{display:none}.access-story h2{font-size:36px}.access-content h1{font-size:30px}.access-report{padding:20px}}
@media(max-width:800px){.access-layout{grid-template-columns:1fr}.access-right{display:none}.access-left{padding:22px 28px 24px;min-height:100dvh}.access-header{justify-content:center}.access-logo{width:180px;height:116px}.access-logo img{width:180px;height:180px;top:-29px}.access-content{max-width:388px;padding:26px 0 35px}.access-content h1{font-size:29px;letter-spacing:-1px}.access-kicker{font-size:9px;margin-bottom:14px}.access-description{font-size:13px;line-height:1.7}.access-form{margin-top:27px}.access-input input{font-size:16px}.access-input input::placeholder{font-size:13px}.access-demo{margin-top:25px;padding-top:15px}.access-footer{max-width:388px;width:100%;margin:0 auto;font-size:8px}.access-help{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.access-layout *{transition:none!important}}