/* Guest desktop matches the approved 80% view. Mobile keeps full-size controls. */
.workspaceApp{--auth-px:1px}
.signedOut #signedInMenu,.signedOut>.footerbar,#guestLanguageHost[hidden]{display:none}
.workspaceApp.signedOut{--auth-px:.8px;--auth-header-height:calc(78 * var(--auth-px))}
.workspaceApp.signedOut>header{flex-basis:var(--auth-header-height);min-height:var(--auth-header-height);padding:calc(10 * var(--auth-px)) calc(38 * var(--auth-px));gap:calc(16 * var(--auth-px))}
.workspaceApp.signedOut #brandLogo{height:calc(32 * var(--auth-px));width:auto;max-width:calc(230 * var(--auth-px))}
.workspaceApp.signedOut #appTitle{margin:calc(4 * var(--auth-px)) 0 0;font-size:calc(14 * var(--auth-px));font-weight:400;line-height:1.25;color:#506585;white-space:normal}
.workspaceApp #guestLanguageHost{flex-shrink:0}
.workspaceApp #guestLanguageHost .languageBox{margin:0;padding:0;border:0}
.workspaceApp #guestLanguageHost .languageBtn{min-width:calc(164 * var(--auth-px));min-height:calc(50 * var(--auth-px));border:calc(1 * var(--auth-px)) solid #d9e5f5;border-radius:calc(28 * var(--auth-px));padding:calc(12 * var(--auth-px)) calc(20 * var(--auth-px));color:#102f64;font-size:calc(16 * var(--auth-px));gap:calc(14 * var(--auth-px))}
.workspaceApp #guestLanguageHost .globe{display:flex;color:#0960e9}
.languageBtn .globe svg{display:block;width:calc(20 * var(--auth-px));height:calc(20 * var(--auth-px))}
.workspaceApp #guestLanguageHost .languageMenu{position:absolute;top:calc(100% + calc(8 * var(--auth-px)));right:0;min-width:calc(164 * var(--auth-px));background:#fff;border:calc(1 * var(--auth-px)) solid #dce6f5;box-shadow:0 calc(12 * var(--auth-px)) calc(35 * var(--auth-px)) #163b6918}
.workspaceApp #authScreen{top:var(--auth-header-height,calc(78 * var(--auth-px)));overflow:auto;align-items:flex-start;padding:calc(62 * var(--auth-px)) calc(32 * var(--auth-px)) calc(60 * var(--auth-px));isolation:isolate;background:radial-gradient(ellipse at 12% 0%,#e6f2ff 0,transparent 58%),radial-gradient(ellipse at 100% 100%,#eaf7ff 0,transparent 50%),#f8fbff;color:#082660;font-family:Arial,"Segoe UI",sans-serif}
.workspaceApp #authScreen:before,.workspaceApp #authScreen:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;background:linear-gradient(140deg,#d8edfc55,#e2f1fb15)}
.workspaceApp #authScreen:before{width:calc(570 * var(--auth-px));height:calc(570 * var(--auth-px));left:calc(-372 * var(--auth-px));top:calc(150 * var(--auth-px))}
.workspaceApp #authScreen:after{width:calc(770 * var(--auth-px));height:calc(770 * var(--auth-px));right:calc(-530 * var(--auth-px));top:calc(310 * var(--auth-px))}
.authLayout{width:min(calc(1220 * var(--auth-px)),100%);margin:auto;display:grid;grid-template-columns:minmax(0,calc(596 * var(--auth-px))) minmax(0,calc(530 * var(--auth-px)));align-items:start;gap:calc(98 * var(--auth-px))}
.authStory{min-width:0}.authEyebrow{display:block;font-size:calc(13 * var(--auth-px));line-height:calc(16 * var(--auth-px));font-weight:750;letter-spacing:calc(2.5 * var(--auth-px));color:#0055d5}
.authStory h1{font-size:calc(56 * var(--auth-px));line-height:1.08;letter-spacing:calc(-1.9 * var(--auth-px));color:#072765;margin:calc(30 * var(--auth-px)) 0 calc(18 * var(--auth-px));font-weight:750}
.authStory h1 span{display:block}
.authLead{font-size:calc(25 * var(--auth-px));line-height:1.3;font-weight:400;letter-spacing:calc(-.45 * var(--auth-px));color:#506486;margin:0;max-width:calc(575 * var(--auth-px))}
.authScene{margin:calc(27 * var(--auth-px)) 0 calc(36 * var(--auth-px));border:calc(1 * var(--auth-px)) solid #d3e3f5;border-radius:calc(23 * var(--auth-px));background:#ffffffc9;overflow:hidden}
.authFloorPlan{display:block;width:100%;height:auto;padding:calc(20 * var(--auth-px)) calc(50 * var(--auth-px)) calc(10 * var(--auth-px))}
.authPlanWall{stroke:#a7c1e0;stroke-width:5.5;stroke-linecap:square;stroke-linejoin:miter;fill:none}
.authPlanDetail{stroke:#9eb8d8;stroke-width:1.2;fill:none}
.authPlanRoute{stroke:#1374e8;stroke-width:1.7;stroke-dasharray:5 5;fill:none}
.authSceneBottom{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:calc(8 * var(--auth-px)) calc(28 * var(--auth-px)) calc(20 * var(--auth-px));gap:calc(16 * var(--auth-px))}
.authSceneBottom>div{display:flex;align-items:center;justify-content:center;gap:calc(16 * var(--auth-px));min-height:calc(35 * var(--auth-px));color:#163967;font-size:calc(16 * var(--auth-px));line-height:1.3}
.authSceneBottom>div+div{border-left:calc(1 * var(--auth-px)) solid #d5e3f4;padding-left:calc(16 * var(--auth-px))}
.authSceneBottom svg{width:calc(44 * var(--auth-px));height:calc(36 * var(--auth-px));flex-shrink:0;color:#075ce5}
.authFeatures{display:grid;grid-template-columns:1fr 1fr;gap:calc(32 * var(--auth-px)) calc(28 * var(--auth-px));list-style:none;padding:0;margin:0}
.authFeatures li{display:flex;align-items:center;gap:calc(20 * var(--auth-px));min-width:0}
.authFeatureIcon{display:grid;place-items:center;width:calc(68 * var(--auth-px));height:calc(68 * var(--auth-px));flex-shrink:0;border-radius:calc(17 * var(--auth-px));background:#e8f2fe;color:#0060ee}
.authFeatureIcon svg{width:calc(40 * var(--auth-px));height:calc(40 * var(--auth-px));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.authFeatures h3{margin:0 0 calc(5 * var(--auth-px));font-size:calc(18 * var(--auth-px));line-height:1.2;letter-spacing:calc(-.45 * var(--auth-px));color:#062660}
.authFeatures p{margin:0;font-size:calc(16 * var(--auth-px));line-height:1.3;letter-spacing:calc(-.35 * var(--auth-px));color:#536787}
.workspaceApp #authBox{width:100%;max-width:none;min-width:0;padding:calc(36 * var(--auth-px)) calc(38 * var(--auth-px)) calc(30 * var(--auth-px));background:#ffffffed;border:calc(1 * var(--auth-px)) solid #d6e5f6;border-radius:calc(25 * var(--auth-px));box-shadow:0 calc(14 * var(--auth-px)) calc(48 * var(--auth-px)) #2462a008}
.workspaceApp #authBox h2{margin:0 0 calc(8 * var(--auth-px));font-size:calc(44 * var(--auth-px));line-height:1.2;letter-spacing:calc(-1.6 * var(--auth-px));color:#082467;white-space:normal;overflow:visible;font-weight:750}
.authIntro{font-size:calc(20 * var(--auth-px));line-height:1.4;color:#506486;margin:0 0 calc(29 * var(--auth-px));letter-spacing:calc(-.45 * var(--auth-px))}
.workspaceApp #authBox label{font-size:calc(16 * var(--auth-px));line-height:calc(20 * var(--auth-px));font-weight:600;color:#294975;margin:0 0 calc(8 * var(--auth-px))}
.workspaceApp #authBox .authInput+label{margin-top:calc(22 * var(--auth-px))}
.authInput{position:relative}
.authInput>svg{position:absolute;left:calc(18 * var(--auth-px));top:calc(17 * var(--auth-px));width:calc(23 * var(--auth-px));height:calc(23 * var(--auth-px));fill:none;stroke:#657f9f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.workspaceApp #authBox input{display:block;height:calc(55 * var(--auth-px));width:100%;margin:0;padding:calc(14 * var(--auth-px)) calc(16 * var(--auth-px)) calc(14 * var(--auth-px)) calc(56 * var(--auth-px));background:#f2f7fd;border:calc(1 * var(--auth-px)) solid #d5e4f5;border-radius:calc(10 * var(--auth-px));font:calc(16 * var(--auth-px)) Arial,"Segoe UI",sans-serif;color:#243d5f}
.workspaceApp #authBox input::placeholder{color:#7a91af;opacity:1}
.workspaceApp #authBox #loginPassword{padding-right:calc(55 * var(--auth-px))}
.workspaceApp #authBox input:focus{outline:calc(3 * var(--auth-px)) solid #1261ee20;border-color:#4587ee;background:#fff}
.workspaceApp #passwordToggle{position:absolute;right:calc(5 * var(--auth-px));top:calc(5 * var(--auth-px));display:grid;place-items:center;width:calc(45 * var(--auth-px));height:calc(45 * var(--auth-px));padding:calc(10 * var(--auth-px));border:0;border-radius:calc(8 * var(--auth-px));background:transparent;color:#657f9f;box-shadow:none}
#passwordToggle svg{width:calc(24 * var(--auth-px));height:calc(24 * var(--auth-px));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#passwordToggle .authEyeSlash{display:none}#passwordToggle[aria-pressed=true] .authEyeSlash{display:block}
.workspaceApp #passwordToggle:hover{background:#e3efff;color:#0059d9}
.workspaceApp #authBox a{font-size:calc(16 * var(--auth-px));text-decoration:none}.workspaceApp #authBox a:hover{text-decoration:underline}
.authForgot{text-align:right;margin:calc(16 * var(--auth-px)) 0 calc(18 * var(--auth-px));line-height:calc(20 * var(--auth-px))}
.workspaceApp #authBox #forgotLink{color:#075bcd!important}
.workspaceApp #loginBtn{width:100%;min-height:calc(56 * var(--auth-px));margin:0;padding:calc(14 * var(--auth-px));background:#0860f4;color:#fff;border:calc(1 * var(--auth-px)) solid #0860f4;border-radius:calc(11 * var(--auth-px));font-size:calc(20 * var(--auth-px));font-weight:700;box-shadow:none}
.workspaceApp #loginBtn:hover{background:#0053da}.workspaceApp #loginBtn:disabled{opacity:.6;cursor:wait}
#authMsg{color:#b52c45;font-size:calc(14 * var(--auth-px));line-height:1.5;margin-top:calc(12 * var(--auth-px))}#authMsg:empty{display:none}
.authDivider{display:flex;align-items:center;gap:calc(16 * var(--auth-px));color:#637997;font-size:calc(14 * var(--auth-px));line-height:calc(20 * var(--auth-px));margin:calc(20 * var(--auth-px)) 0 calc(16 * var(--auth-px))}
.authDivider:before,.authDivider:after{content:"";flex:1;height:calc(1 * var(--auth-px));background:#ccd9e8}
.authSignup{padding:calc(18 * var(--auth-px)) calc(20 * var(--auth-px)) calc(20 * var(--auth-px));border-radius:calc(15 * var(--auth-px));border:calc(1 * var(--auth-px)) solid #d3e4f7;background:linear-gradient(120deg,#edf5ff,#eaf5ff)}
.authTrial{display:inline-block;border-radius:calc(20 * var(--auth-px));background:#cfe4ff;color:#0055cd;padding:calc(7 * var(--auth-px)) calc(15 * var(--auth-px));font-size:calc(12 * var(--auth-px));font-weight:750;line-height:calc(16 * var(--auth-px));letter-spacing:calc(1 * var(--auth-px))}
.authSignup h3{font-size:calc(27 * var(--auth-px));line-height:1.2;letter-spacing:calc(-.6 * var(--auth-px));color:#082765;margin:calc(12 * var(--auth-px)) 0 calc(5 * var(--auth-px))}
.authSignup p{font-size:calc(16 * var(--auth-px));line-height:1.4;letter-spacing:calc(-.25 * var(--auth-px));color:#506486;margin:0 0 calc(16 * var(--auth-px))}
.workspaceApp #authBox #registerLink{display:flex;justify-content:center;align-items:center;gap:calc(16 * var(--auth-px));min-height:calc(51 * var(--auth-px));padding:calc(12 * var(--auth-px));border:calc(1 * var(--auth-px)) solid #075ded;border-radius:calc(10 * var(--auth-px));background:#fff;color:#0055d3!important;font-weight:700;font-size:calc(17 * var(--auth-px));line-height:1.3;text-align:center}
#registerLink svg{width:calc(20 * var(--auth-px));height:calc(20 * var(--auth-px));flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.workspaceApp #authBox #registerLink:hover{background:#f5faff;text-decoration:none}
.workspaceApp #authScreen :is(a,button):focus-visible,.workspaceApp #guestLanguageHost button:focus-visible{outline:calc(3 * var(--auth-px)) solid #0860f4;outline-offset:calc(3 * var(--auth-px))}
@media(min-width:1251px){.workspaceApp #authScreen{padding-top:calc(64 * var(--auth-px))}.authLayout{width:min(calc(1224 * var(--auth-px)),100%)}.authStory h1{font-size:calc(58 * var(--auth-px));letter-spacing:calc(-.8 * var(--auth-px));margin-top:calc(26 * var(--auth-px));margin-bottom:calc(14 * var(--auth-px))}.authLead{font-size:calc(26 * var(--auth-px));max-width:calc(500 * var(--auth-px))}.authScene{margin-top:calc(20 * var(--auth-px));margin-bottom:calc(36 * var(--auth-px))}.authSceneBottom{padding-bottom:calc(12 * var(--auth-px))}.authFeatures p{white-space:nowrap}.authIntro{margin-bottom:calc(23 * var(--auth-px))}.authForgot{margin-bottom:calc(15 * var(--auth-px))}.authSignup{margin-inline:calc(-4 * var(--auth-px))}}
@media(max-width:1250px){.authLayout{gap:calc(50 * var(--auth-px));grid-template-columns:1.12fr 1fr}.authStory h1{font-size:clamp(calc(38 * var(--auth-px)),3.36vw,calc(54 * var(--auth-px)))}.authLead{font-size:calc(22 * var(--auth-px))}.workspaceApp #authBox{padding:calc(30 * var(--auth-px))}.workspaceApp #authBox h2{font-size:calc(36 * var(--auth-px))}.authIntro{font-size:calc(18 * var(--auth-px))}.authFeatures{gap:calc(25 * var(--auth-px)) calc(20 * var(--auth-px))}.authFeatures li{gap:calc(12 * var(--auth-px))}.authFeatureIcon{width:calc(54 * var(--auth-px));height:calc(58 * var(--auth-px))}.authFeatures h3{font-size:calc(16 * var(--auth-px))}.authFeatures p{font-size:calc(14 * var(--auth-px))}.authSceneBottom{padding-inline:calc(16 * var(--auth-px));gap:calc(10 * var(--auth-px))}.authSceneBottom>div{gap:calc(8 * var(--auth-px));font-size:calc(14 * var(--auth-px))}.authFloorPlan{padding-inline:calc(28 * var(--auth-px))}}
@media(max-width:900px){.workspaceApp.signedOut{--auth-px:1px;--auth-header-height:calc(76 * var(--auth-px))}.workspaceApp.signedOut>header{padding:calc(10 * var(--auth-px)) calc(20 * var(--auth-px))}.workspaceApp #authScreen{padding:calc(32 * var(--auth-px)) calc(22 * var(--auth-px)) calc(40 * var(--auth-px))}.authLayout{max-width:calc(580 * var(--auth-px));grid-template-columns:1fr;gap:calc(28 * var(--auth-px))}.authStory{display:contents}.authStoryIntro{order:0}.workspaceApp #authBox{order:1;padding:calc(30 * var(--auth-px))}.authScene{order:2;margin:0}.authFeatures{order:3}.authStory h1{font-size:calc(44 * var(--auth-px));margin:calc(18 * var(--auth-px)) 0 calc(14 * var(--auth-px))}.authLead{font-size:calc(20 * var(--auth-px));max-width:calc(530 * var(--auth-px))}.authFeatures{gap:calc(24 * var(--auth-px))}.authFeatures h3{font-size:calc(17 * var(--auth-px))}.authFeatures p{font-size:calc(15 * var(--auth-px))}.authFeatureIcon{width:calc(58 * var(--auth-px));height:calc(62 * var(--auth-px))}}
@media(max-width:480px){.workspaceApp.signedOut>header{padding:calc(10 * var(--auth-px)) calc(14 * var(--auth-px));gap:calc(10 * var(--auth-px))}.workspaceApp.signedOut #brandLogo{height:auto;width:calc(170 * var(--auth-px));max-width:100%}.workspaceApp.signedOut #appTitle{font-size:calc(10.5 * var(--auth-px));max-width:calc(185 * var(--auth-px))}.workspaceApp #guestLanguageHost .languageBtn{min-width:calc(104 * var(--auth-px));min-height:calc(44 * var(--auth-px));padding:calc(10 * var(--auth-px)) calc(12 * var(--auth-px));font-size:calc(13 * var(--auth-px));gap:calc(9 * var(--auth-px))}.workspaceApp #guestLanguageHost .globe{display:none}.workspaceApp #authScreen{padding:calc(28 * var(--auth-px)) calc(16 * var(--auth-px)) calc(32 * var(--auth-px))}.authLayout{gap:calc(24 * var(--auth-px))}.authEyebrow{font-size:calc(11 * var(--auth-px));letter-spacing:calc(2 * var(--auth-px))}.authStory h1{font-size:clamp(calc(30 * var(--auth-px)),8.7vw,calc(40 * var(--auth-px)));letter-spacing:calc(-1.15 * var(--auth-px));margin:calc(16 * var(--auth-px)) 0 calc(14 * var(--auth-px))}.authLead{font-size:calc(18 * var(--auth-px));line-height:1.4;letter-spacing:calc(-.2 * var(--auth-px))}.workspaceApp #authBox{padding:calc(26 * var(--auth-px)) calc(20 * var(--auth-px)) calc(22 * var(--auth-px));border-radius:calc(21 * var(--auth-px))}.workspaceApp #authBox h2{font-size:clamp(calc(26 * var(--auth-px)),7.5vw,calc(33 * var(--auth-px)));letter-spacing:calc(-1.1 * var(--auth-px))}.authIntro{font-size:calc(16 * var(--auth-px));letter-spacing:0;margin-bottom:calc(24 * var(--auth-px))}.authSignup{padding:calc(16 * var(--auth-px)) calc(14 * var(--auth-px))}.authSignup h3{font-size:calc(24 * var(--auth-px))}.authSignup p{font-size:calc(15 * var(--auth-px))}.authTrial{font-size:calc(10 * var(--auth-px));padding-inline:calc(10 * var(--auth-px))}.workspaceApp #authBox #registerLink{font-size:calc(15 * var(--auth-px));gap:calc(10 * var(--auth-px))}.authFeatures{gap:calc(24 * var(--auth-px)) calc(16 * var(--auth-px))}.authFeatures li{align-items:flex-start;flex-direction:column;gap:calc(10 * var(--auth-px))}.authFeatures h3{font-size:calc(16 * var(--auth-px))}.authFeatures p{font-size:calc(14 * var(--auth-px))}.authFeatureIcon{width:calc(54 * var(--auth-px));height:calc(54 * var(--auth-px))}.authFloorPlan{padding:calc(18 * var(--auth-px)) calc(20 * var(--auth-px)) calc(8 * var(--auth-px))}.authSceneBottom{padding:calc(4 * var(--auth-px)) calc(14 * var(--auth-px)) calc(16 * var(--auth-px));gap:calc(10 * var(--auth-px))}.authSceneBottom>div{font-size:calc(12 * var(--auth-px));gap:calc(6 * var(--auth-px))}.authSceneBottom>div+div{padding-left:calc(10 * var(--auth-px))}.authSceneBottom svg{width:calc(30 * var(--auth-px));height:calc(30 * var(--auth-px))}}