*{box-sizing:border-box} :root{color-scheme:light;--ink:#132a46;--muted:#66798c;--accent:#008ff0;--stage:#e7f1fc;--glow:#82d9f4;--scene-length:6500ms}body{margin:0;background:#ecf0f5;color:var(--ink);font-family:"Avenir Next",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #53c9ff;outline-offset:5px}button{touch-action:manipulation}svg{width:22px;height:22px;flex:none}button svg{pointer-events:none}a{color:inherit}.page{max-width:1376px;padding:30px 48px 22px;margin:auto}.page-header,.page-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#718091}.page-header{margin:0 4px 20px}.preview-label{display:flex;align-items:center;gap:8px}.preview-label>span{width:6px;height:6px;border-radius:50%;background:#299b91;box-shadow:0 0 0 4px #299b9110}.header-caption{letter-spacing:.015em}.login-shell{display:grid;grid-template-columns:1.13fr 1fr;min-height:720px;overflow:hidden;background:#061021;border-radius:30px;box-shadow:0 30px 80px -40px #1f3c654d,0 2px 3px #233c4c04;border:1px solid #fff}.showcase{position:relative;isolation:isolate;overflow:hidden;padding:38px 38px 28px;background:var(--stage);transition:background 1.3s ease;display:flex;flex-direction:column;min-width:0}.showcase[data-active=ev]{--accent:#009a7e;--stage:#e2f6ed;--glow:#7fe1c0}.showcase[data-active=price]{--accent:#587c67;--stage:#f1eee6;--glow:#bad0ad}.showcase-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.ecosystem{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:650;letter-spacing:.18em;color:#4b667d}.ecosystem svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.4}.scene-count{font-size:10px;letter-spacing:.12em;color:#6e8394}.scene-count span{color:#223d56}.showcase h1{position:relative;margin:39px 0 0;font-size:clamp(34px,3.15vw,46px);font-weight:550;letter-spacing:-.06em;line-height:1.12;z-index:3;max-width:400px}.title-dot{color:var(--accent);transition:color 1s}.scene{height:316px;position:relative;margin:0 -38px;perspective:1000px;z-index:2}.floating-tile{position:absolute;width:224px;height:224px;left:50%;top:49%;margin-left:-112px;margin-top:-112px;transition:transform 1.7s cubic-bezier(.22,.68,.16,1),filter 1.6s ease,opacity 1.6s ease;will-change:transform;transform-style:preserve-3d}.tile-surface{height:100%;width:100%;border-radius:25%;overflow:hidden;background:#04132a;box-shadow:0 22px 36px -18px #0b234a80,3px 5px 0 #123252,5px 8px 0 #0b2441,6px 9px 3px #062c3c50;transform:translateZ(0);animation:bob 6s ease-in-out infinite;position:relative}.tile-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff26,inset 2px 3px 5px #ffffff0b;pointer-events:none}.tile-surface img{width:108%;height:108%;max-width:none;object-fit:cover;margin:-4%;display:block}.tile-ep .tile-surface img{width:108%;height:108%;margin:-4%}.tile-price .tile-surface{background:#eee9e1;box-shadow:0 22px 36px -18px #12342f60,3px 5px 0 #bdbbb1,5px 8px 0 #afada6,6px 9px 3px #596b5d30}.tile-price .tile-surface img{width:100%;height:100%;margin:0}.tile-ev .tile-surface{animation-delay:-2s}.tile-price .tile-surface{animation-delay:-4s}.showcase[data-active=ep] .tile-ep,.showcase[data-active=ev] .tile-ev,.showcase[data-active=price] .tile-price{transform:translate3d(1%,-3%,85px) rotateX(9deg) rotateY(-17deg) rotateZ(-11deg);filter:blur(0);opacity:1;z-index:3}.showcase[data-active=ep] .tile-ev,.showcase[data-active=ev] .tile-price,.showcase[data-active=price] .tile-ep{transform:translate3d(205px,-115px,-70px) scale(.43) rotateX(14deg) rotateY(-25deg) rotateZ(17deg);filter:blur(2px);opacity:.85;z-index:2}.showcase[data-active=ep] .tile-price,.showcase[data-active=ev] .tile-ep,.showcase[data-active=price] .tile-ev{transform:translate3d(-218px,70px,-100px) scale(.52) rotateX(18deg) rotateY(20deg) rotateZ(-20deg);filter:blur(2.7px);opacity:.78;z-index:1}.ground-shadow{position:absolute;left:50%;bottom:3px;transform:translateX(-50%) rotate(-10deg);width:205px;height:30px;border-radius:50%;background:#243f5c;filter:blur(21px);opacity:.18;animation:shadow 6s ease-in-out infinite;z-index:-1}.ambient{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;transition:background 1.5s,transform 2s;filter:blur(50px)}.ambient-one{width:420px;height:440px;background:var(--glow);opacity:.4;left:0;top:200px}.ambient-two{width:250px;height:250px;background:#fff;opacity:.75;right:-140px;top:70px}.showcase[data-active=ev] .ambient-one{transform:translate(75px,-20px)}.showcase[data-active=price] .ambient-one{transform:translate(-40px,50px)}.scene-grid{position:absolute;inset:0;background-image:radial-gradient(#4b759e2c .6px,transparent .6px);background-size:24px 24px;mask-image:linear-gradient(transparent,#000 65%,transparent);opacity:.5;z-index:-1}.halo{position:absolute;inset:7% 22% 0;border-radius:46% 54% 70% 30%/45% 40% 60% 55%;background:linear-gradient(140deg,#ffffff60,#ffffff05);border:1px solid #ffffff55;transform:rotate(-20deg);animation:halo 18s ease-in-out infinite}.orbit{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid #ffffff65;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-35deg);z-index:-1}.orbit-two{width:440px;height:440px;opacity:.4;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(25deg)}.pebble{position:absolute;border-radius:36%;z-index:4;background:#effaff;box-shadow:inset 3px 3px 6px #ffffffc0,8px 10px 15px #193d6e15;animation:bob 6s ease-in-out infinite}.pebble-one{width:26px;height:26px;left:26%;top:9%;transform:rotate(35deg);filter:blur(1px);animation-delay:-2s}.pebble-two{width:22px;height:22px;left:72%;bottom:23%;background:var(--accent);opacity:.75;filter:blur(2px);animation-delay:-4s}.pebble-three{width:12px;height:12px;left:18%;bottom:17%;background:var(--accent);opacity:.3;filter:blur(1px)}.app-caption{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;min-height:82px}.app-eyebrow{font-size:8px;letter-spacing:.17em;font-weight:650;color:var(--accent);transition:color 1s}.app-caption h2{font-size:24px;letter-spacing:-.04em;line-height:1.25;font-weight:600;margin:8px 0 6px}.app-caption p{color:#637889;font-size:11px;margin:0;line-height:1.6}.caption-text{transition:opacity .22s,transform .22s}.caption-text.changing{opacity:0;transform:translateY(6px)}.motion-control{display:grid;place-items:center;background:#ffffff6b;border:1px solid #ffffffb0;border-radius:50%;width:34px;height:34px;color:#516c80;flex:none}.motion-control:hover{background:#fff}.motion-control svg{height:16px;width:16px}.play-icon{display:none}.is-paused .pause-icon{display:none}.is-paused .play-icon{display:block}.is-paused .tile-surface,.is-paused .pebble,.is-paused .halo,.is-paused .ground-shadow,.is-paused .tab-progress{animation-play-state:paused}.app-navigation{display:flex;align-items:center;gap:9px;margin-top:24px;padding-top:20px;border-top:1px solid #456b8120;position:relative;z-index:3}.app-tab{display:flex;gap:7px;align-items:center;border:1px solid transparent;border-radius:11px;background:transparent;padding:8px 10px;color:#677e8f;font-size:10px;position:relative;overflow:hidden;white-space:nowrap}.app-tab img{width:23px;height:23px;border-radius:6px;object-fit:cover}.app-tab.active{background:#ffffffa8;border-color:#ffffffbf;color:#243c50;box-shadow:0 4px 12px #264c6e05}.app-tab:hover{background:#ffffff60}.tab-progress{position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;border-radius:2px}.app-tab.active .tab-progress{animation:progress var(--scene-length) linear forwards}.next-app{margin-left:auto;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;border:1px solid #486c8c25;background:transparent;color:#3d5c74;flex-shrink:0}.next-app svg{width:17px;height:17px}.next-app:hover{background:#fff8}.access{padding:40px 44px 24px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 100% 0%,#09213a70,transparent 53%),#040c1a;min-width:0;color:#edf3fa;position:relative}.access-top{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.brand{display:block;position:relative;overflow:hidden;width:130px;height:76px;flex:none}.brand img{position:absolute;width:195px;max-width:none;height:auto;left:-33px;top:-19px}.access-badge{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:400;color:#8099ae;padding:7px 9px;border:1px solid #193047;border-radius:20px;white-space:nowrap}.access-badge>span{width:4px;height:4px;background:#20c9d9;border-radius:50%}.form-area{margin:43px 0 34px;width:100%;max-width:350px;align-self:center}.form-eyebrow{font-size:8px;font-weight:550;color:#7894b0;letter-spacing:.18em}.form-area>h2{font-size:29px;font-weight:500;letter-spacing:-.055em;margin:14px 0 10px;line-height:1.3;white-space:nowrap}.form-area>h2>span{color:#2abfe9}.form-intro{font-size:11px;color:#8194ab;line-height:1.6;margin:0 0 31px}#login-form>label:not(.remember),.password-label label{font-size:11px;font-weight:500;color:#c3cfdf;display:block}.input-wrap{border:1px solid #243046;border-radius:10px;display:flex;gap:11px;align-items:center;background:#0b1627;margin-top:9px;padding:0 14px;height:48px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#1a9ad3;box-shadow:0 0 0 3px #0e9dd31a}.input-wrap>svg{width:17px;height:17px;color:#5a728c}.input-wrap input{width:100%;min-width:0;border:0;outline:none!important;color:#edf3fa;background:transparent;font-size:12px;height:100%;padding:0}.input-wrap input::placeholder{color:#51657d}.input-wrap input:-webkit-autofill{-webkit-text-fill-color:#edf3fa;box-shadow:0 0 0 100px #0b1627 inset}.password-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px}.text-button{border:0;background:transparent;padding:0;color:#72c3e8;font-size:10px;line-height:1.8}.text-button:hover{color:#b8e6ff;text-decoration:underline}.show-password{border:0;background:transparent;display:grid;place-items:center;color:#627a94;padding:2px;margin-right:-3px}.show-password svg{width:17px;height:17px}.show-password:hover{color:#b8e6ff}.show-password[aria-pressed=true]{color:#34c4df}.remember{display:flex;align-items:center;gap:8px;margin:17px 0 24px;color:#879cb3;font-size:10px;cursor:pointer;width:fit-content}.remember input{appearance:none;display:grid;place-items:center;margin:0;width:13px;height:13px;border:1px solid #344257;border-radius:3px;background:#0b1627;cursor:pointer}.remember input:checked{background:#2daed9;border-color:#2daed9}.remember input:checked:after{content:"✓";color:#031425;line-height:1;font-size:11px;font-weight:800}.submit-button{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;height:48px;border:1px solid #38b5f1;border-radius:10px;color:#fff;background:linear-gradient(105deg,#047ce5,#079bd7);font-size:12px;font-weight:550;box-shadow:0 8px 25px -10px #078ff780;transition:filter .2s,transform .2s}.submit-button svg{width:17px;height:17px;transition:transform .2s}.submit-button:hover{filter:brightness(1.13);transform:translateY(-1px)}.submit-button:hover svg{transform:translateX(3px)}.account-help{font-size:10px;color:#6e849e;text-align:center;margin:24px 0 0}.account-help .text-button{margin-left:4px}.access-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;color:#4d6680;border-top:1px solid #15243a;padding-top:19px}.access-footer>span:first-child{display:flex;align-items:center;gap:5px}.access-footer svg{height:12px;width:12px}.page-footer{margin:18px 4px 0;font-size:10px;color:#8994a1}.page-footer i{font-style:normal;margin:0 7px;color:#aeb9c6}dialog{position:fixed;border:1px solid #2b405e;border-radius:24px;background:#091629;color:#edf3fa;width:min(420px,calc(100% - 36px));padding:34px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#020b1b90;backdrop-filter:blur(8px)}dialog h2{font-size:23px;letter-spacing:-.04em;font-weight:500}dialog p{font-size:13px;line-height:1.8;color:#a1b4cc}dialog .dialog-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#0e8ac921;color:#4ac5ff;font-size:23px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#8ea4bf;font-size:26px}.dialog-confirm{border:0;border-radius:8px;background:#087fcc;color:#fff;padding:10px 22px;font-size:12px;margin-top:10px}@keyframes bob{0%,100%{translate:0 -7px}50%{translate:0 8px}}@keyframes shadow{0%,100%{scale:.92;opacity:.14}50%{scale:1.1;opacity:.2}}@keyframes progress{to{transform:scaleX(1)}}@keyframes halo{0%,100%{transform:rotate(-20deg) scale(.95)}50%{transform:rotate(10deg) scale(1.06)}}
@media(min-width:1500px){.page{padding-top:calc((100vh - 820px)/2 + 24px)}}
@media(max-width:1150px){.page{padding:24px}.showcase{padding:32px 28px 26px}.scene{margin:0 -28px}.access{padding:34px 30px 24px}.access-badge{display:none}.app-tab{padding:8px;gap:5px}.app-navigation{gap:5px}.floating-tile{width:200px;height:200px;margin-left:-100px;margin-top:-100px}.showcase[data-active=ep] .tile-ev,.showcase[data-active=ev] .tile-price,.showcase[data-active=price] .tile-ep{transform:translate3d(180px,-108px,-70px) scale(.43) rotateX(14deg) rotateY(-25deg) rotateZ(17deg)}.showcase[data-active=ep] .tile-price,.showcase[data-active=ev] .tile-ep,.showcase[data-active=price] .tile-ev{transform:translate3d(-180px,78px,-100px) scale(.5) rotateX(18deg) rotateY(20deg) rotateZ(-20deg)}}
@media(max-width:850px) and (min-width:701px){.page{padding:18px}.login-shell{grid-template-columns:1fr 1fr;min-height:690px}.showcase{padding:28px 22px 25px}.scene{margin:0 -22px;height:300px}.access{padding:28px 25px 23px}.showcase h1{font-size:36px}.ecosystem{font-size:7px;letter-spacing:.1em}.app-navigation{gap:5px}.app-tab{padding:7px;gap:5px;font-size:9px}.app-tab img{width:20px;height:20px}.app-tab span:not(.tab-progress){display:none}.app-caption p{font-size:10px;max-width:220px}.form-area>h2{font-size:25px}.form-eyebrow{font-size:7px;letter-spacing:.12em}.access-footer{flex-direction:column;align-items:flex-start;gap:7px}.form-intro{font-size:10px}}
@media(max-width:700px){.page{padding:16px;max-width:560px}.page-header{margin:2px 4px 16px;font-size:10px}.header-caption{display:none}.login-shell{display:flex;flex-direction:column;border-radius:24px}.showcase{padding:25px 26px 23px;min-height:530px}.showcase h1{font-size:36px;margin-top:23px;line-height:1.05}.ecosystem{font-size:8px}.scene-count{font-size:9px}.scene{height:238px;margin:-5px -26px 0}.floating-tile{width:164px;height:164px;margin-left:-82px;margin-top:-82px;top:50%}.showcase[data-active=ep] .tile-ev,.showcase[data-active=ev] .tile-price,.showcase[data-active=price] .tile-ep{transform:translate3d(140px,-72px,-90px) scale(.45) rotateX(14deg) rotateY(-25deg) rotateZ(17deg)}.showcase[data-active=ep] .tile-price,.showcase[data-active=ev] .tile-ep,.showcase[data-active=price] .tile-ev{transform:translate3d(-145px,50px,-100px) scale(.5) rotateX(18deg) rotateY(20deg) rotateZ(-20deg)}.ground-shadow{width:155px;bottom:3px;height:18px;filter:blur(15px)}.halo{inset:6% 25% 0}.orbit{width:270px;height:270px}.orbit-two{width:340px;height:340px}.app-caption{min-height:70px;margin-top:0}.app-caption h2{font-size:21px;margin-top:6px;margin-bottom:3px}.app-caption p{font-size:10px}.app-eyebrow{font-size:7px}.app-navigation{margin-top:18px;padding-top:14px;gap:6px}.app-tab{padding:7px 8px;font-size:9px}.app-tab img{width:21px;height:21px}.next-app{width:30px;height:30px}.access{padding:30px 30px 23px;min-height:640px}.access-top{align-items:center}.access-badge{display:flex;font-size:7px;padding:6px 8px}.brand{width:112px;height:67px}.brand img{width:168px;left:-28px;top:-17px}.form-area{margin-top:31px;margin-bottom:37px;max-width:360px}.form-area>h2{font-size:29px}.form-intro{font-size:11px;margin-bottom:29px}.input-wrap{height:51px}.submit-button{height:51px}.access-footer{font-size:7px}.page-footer{font-size:8px;gap:10px}.page-footer i{margin:0 4px}.pebble-one{width:18px;height:18px}.pebble-two{width:15px;height:15px}}
@media(max-width:370px){.page{padding:10px}.showcase{padding-left:21px;padding-right:21px}.scene{margin-left:-21px;margin-right:-21px}.app-tab{font-size:8px;padding:6px;gap:5px}.app-tab img{width:19px;height:19px}.access{padding-left:24px;padding-right:24px}.access-badge{display:none}.form-area>h2{font-size:27px}.app-caption p{font-size:9px}.page-footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.tab-progress{display:none}.floating-tile{will-change:auto}}

.google-button{width:100%;height:44px;display:flex;justify-content:center;align-items:center;gap:11px;border:1px solid #2c3c54;border-radius:10px;background:#0d192a;color:#e4edf7;font-size:11px;font-weight:500}.google-button svg{width:17px;height:17px}.google-button:hover{background:#14253b}.google-button:disabled{opacity:.55;cursor:wait}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#6d829c;font-size:9px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#1e2d42}.auth-error{color:#ffb6b6;font-size:11px;line-height:1.6;padding:10px 12px;background:#ff5c5c0c;border:1px solid #ff5c5c25;border-radius:8px;margin-bottom:18px}.account-help{line-height:1.9}.form-area{margin-top:28px}.form-intro{margin-bottom:24px}.access{min-height:810px}.workspace{max-width:880px;margin:10vh auto;padding:32px;color:#dce8f6}.workspace h1{font-size:32px}.workspace p{color:#8da4c0;line-height:1.8}.workspace button{padding:12px 22px;background:#0584d9;border:0;border-radius:10px;color:white;cursor:pointer}.workspace ul{padding:0;list-style:none}.workspace li{margin:12px 0;padding:16px;background:#102139;border-radius:12px}.password-page{max-width:400px;margin:12vh auto;padding:26px;color:#dce8f6}.password-page input{width:100%;margin:10px 0 20px;padding:14px;border:1px solid #314159;border-radius:8px;background:#0b1627;color:#fff}.password-page label{font-size:12px}.password-page button{width:100%;padding:14px;background:#0584d9;color:white;border:0;border-radius:8px}.password-page p{color:#8da4c0;line-height:1.8}

.internal-page{background:#040c1a}

#member-apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}#member-apps li{padding:24px;margin:0;border:1px solid #23364d}#member-apps img{border-radius:16px;object-fit:cover}#member-apps h3{margin:18px 0 4px;font-size:19px}#member-apps p{font-size:13px;margin:0 0 22px}#member-apps a{display:inline-block;padding:10px 14px;background:#137ee0;border-radius:8px;color:white;text-decoration:none;font-size:13px}#member-apps a:hover{background:#2496ff}#member-apps a:focus-visible{outline:2px solid #2edcff;outline-offset:4px}
/* Five apps share the same carousel, with original logo artwork preserved. */
.showcase[data-active=etag]{--accent:#c91c2f;--stage:#fff0dd;--glow:#f4bf7d}.showcase[data-active=eplan]{--accent:#1d57d9;--stage:#e8efff;--glow:#9ac7ff}.tile-etag .tile-surface,.tile-eplan .tile-surface{background:#fff9ef;box-shadow:0 22px 36px -18px #44312260,3px 5px 0 #c7bda9,5px 8px 0 #afa58f,6px 9px 3px #485a6b30}.tile-eplan .tile-surface{background:#fff;animation-delay:-1s;box-shadow:0 22px 36px -18px #173d7960,3px 5px 0 #b2cae8,5px 8px 0 #8aa9d3,6px 9px 3px #173e6530}.tile-etag .tile-surface{animation-delay:-3s}.tile-etag .tile-surface img,.tile-eplan .tile-surface img{width:100%;height:100%;margin:0;object-fit:contain;padding:9px}.showcase .floating-tile[data-position=center]{transform:translate3d(1%,-3%,85px) rotateX(9deg) rotateY(-17deg) rotateZ(-11deg);filter:blur(0);opacity:1;z-index:5}.showcase .floating-tile[data-position=right]{transform:translate3d(205px,-115px,-70px) scale(.43) rotateX(14deg) rotateY(-25deg) rotateZ(17deg);filter:blur(2px);opacity:.85;z-index:3}.showcase .floating-tile[data-position=left]{transform:translate3d(-218px,70px,-100px) scale(.52) rotateX(18deg) rotateY(20deg) rotateZ(-20deg);filter:blur(2.7px);opacity:.78;z-index:2}.showcase .floating-tile[data-position=far-right]{transform:translate3d(170px,105px,-170px) scale(.28) rotateX(18deg) rotateY(-20deg) rotateZ(22deg);filter:blur(3px);opacity:.4;z-index:1}.showcase .floating-tile[data-position=far-left]{transform:translate3d(-165px,-125px,-190px) scale(.29) rotateX(12deg) rotateY(20deg) rotateZ(-18deg);filter:blur(3px);opacity:.4;z-index:1}.app-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 35px;gap:4px}.app-tab{min-width:0;justify-content:center;padding:8px 4px;font-size:9px;gap:5px}.app-tab img{flex:none}.app-tab[data-target=etag] img,.app-tab[data-target=eplan] img{object-fit:contain;background:#fffaf0;border:1px solid #a6b4c526}.app-caption{min-height:108px}.app-status{display:inline-block;font-size:8px;letter-spacing:.05em;color:var(--accent);border:1px solid currentColor;border-radius:4px;padding:3px 6px;margin-top:8px;opacity:.8}.app-status[hidden]{display:none}.page-footer>span:last-child{text-align:right;line-height:1.8}
@media(max-width:1150px) and (min-width:701px){.showcase .floating-tile[data-position=right]{transform:translate3d(180px,-108px,-70px) scale(.43) rotateX(14deg) rotateY(-25deg) rotateZ(17deg)}.showcase .floating-tile[data-position=left]{transform:translate3d(-180px,78px,-100px) scale(.5) rotateX(18deg) rotateY(20deg) rotateZ(-20deg)}.showcase .floating-tile[data-position=far-right]{transform:translate3d(140px,100px,-170px) scale(.26) rotateZ(22deg)}.showcase .floating-tile[data-position=far-left]{transform:translate3d(-130px,-110px,-190px) scale(.27) rotateZ(-18deg)}.app-tab{flex-direction:column;gap:5px;padding:7px 3px}.app-tab span:not(.tab-progress){display:block}}
@media(max-width:700px){.app-navigation{grid-template-columns:repeat(5,minmax(0,1fr)) 30px;gap:3px}.app-tab{flex-direction:column;gap:5px;padding:7px 2px;font-size:8px}.app-caption{min-height:96px}.showcase .floating-tile[data-position=right]{transform:translate3d(140px,-72px,-90px) scale(.45) rotateX(14deg) rotateY(-25deg) rotateZ(17deg)}.showcase .floating-tile[data-position=left]{transform:translate3d(-145px,50px,-100px) scale(.5) rotateX(18deg) rotateY(20deg) rotateZ(-20deg)}.showcase .floating-tile[data-position=far-right]{transform:translate3d(105px,78px,-170px) scale(.25) rotateZ(22deg)}.showcase .floating-tile[data-position=far-left]{transform:translate3d(-105px,-85px,-190px) scale(.25) rotateZ(-18deg)}.page-footer{align-items:flex-start}.page-footer>span:last-child{max-width:65%}}

/* Frame the supplied marks without changing their original artwork. */
.tile-surface .app-symbol{display:block;width:100%;height:100%;padding:20px;overflow:hidden}.app-tab .app-symbol{display:block;width:23px;height:23px;border-radius:6px;overflow:hidden;background:#fffaf0;border:1px solid #a6b4c526;flex:none}.app-tab[data-target=eplan] .app-symbol{background:#fff}@media(max-width:850px) and (min-width:701px){.app-tab .app-symbol{width:20px;height:20px}}@media(max-width:700px){.app-tab .app-symbol{width:21px;height:21px}.tile-surface .app-symbol{padding:14px}}@media(max-width:370px){.app-tab .app-symbol{width:19px;height:19px}}

/* Updated square E-TAG artwork supplied by the team. */
.tile-etag .tile-surface{background:#cc0016;box-shadow:0 22px 36px -18px #6e001e60,3px 5px 0 #a20013,5px 8px 0 #810010,6px 9px 3px #6e001e30}.tile-etag .tile-surface img{width:100%;height:100%;margin:0;padding:0;object-fit:contain}.app-tab[data-target=etag] img{object-fit:contain;background:#cc0016;border:0}