:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#17324e;background:#f5f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%}
body{background:#f5f8fb}
a{color:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
svg{display:block}
[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:-90px;z-index:20;min-height:44px;padding:12px 18px;background:#ffffff;color:#063766;border:3px solid #b64e10;border-radius:7px;font-weight:750;box-shadow:0 8px 30px #00172f33}
.skip-link:focus{top:16px}

.entry-shell{display:grid;grid-template-columns:minmax(0,1.37fr) minmax(360px,.83fr);min-height:100svh;background:#ffffff}
.brand-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:100svh;overflow:hidden;padding:28px clamp(29px,4vw,68px) 22px;color:#ffffff;background:radial-gradient(circle at 78% 44%,#174e7c 0,transparent 42%),radial-gradient(circle at 17% 90%,#0d4872 0,transparent 39%),linear-gradient(142deg,#041a31 0%,#082b4c 56%,#0c375d 100%)}
.brand-panel:after{content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff06 57%,transparent 72%)}
.ambient-grid{position:absolute;z-index:-2;inset:0;opacity:.34;background-image:linear-gradient(#8ab9df0d 1px,transparent 1px),linear-gradient(90deg,#8ab9df0d 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(115deg,transparent 0,#000 38%,#000 82%,transparent 100%)}

.brand-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:55px}
.company-logo{display:block;width:clamp(165px,15.5vw,222px);max-width:58%;height:auto;filter:drop-shadow(0 7px 13px #00101f35)}
.platform-label{font-size:10px;font-weight:650;letter-spacing:1.65px;white-space:nowrap;color:#a8c5dc}
.platform-label strong{font-weight:780;color:#ffffff}

.brand-content{position:relative;z-index:1;width:100%;max-width:790px;margin:auto 0;padding:25px 0 19px}
.brand-copy{max-width:725px}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 12px;color:#b8d0e3;font-size:9px;font-weight:770;letter-spacing:1.8px}
.eyebrow span{width:24px;height:2px;background:#ed7734;box-shadow:0 0 12px #ed773477}
h1{margin:0 0 12px;color:#ffffff;font-size:clamp(35px,3.25vw,54px);font-weight:760;line-height:1.055;letter-spacing:-1.7px}
h1 em{color:#d4e8f7;font-style:normal;font-weight:610}
.brand-intro{max-width:650px;margin:0;color:#bcd3e5;font-size:13px;line-height:1.62}

.assembly-card{position:relative;margin:20px 0 0;overflow:hidden;border:1px solid #a6d4f52b;border-radius:15px;background:linear-gradient(145deg,#ffffff08,#020d1829);box-shadow:0 22px 48px #00132635,inset 0 1px #ffffff08}
.assembly-header,.assembly-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;color:#afcae0;font-size:7px;font-weight:650;letter-spacing:1.08px;text-transform:uppercase}
.assembly-header{border-bottom:1px solid #9ccaf11a}
.assembly-header strong{color:#e3f0fa;font-size:8px;letter-spacing:1.25px}
.assembly-live{display:flex;align-items:center;gap:7px}
.assembly-live i{width:6px;height:6px;border:1px solid #ffc09a;border-radius:50%;background:#ed7734;box-shadow:0 0 0 4px #ed773417;animation:live-pulse 2.4s ease-out infinite}
.assembly-stage{position:relative;height:clamp(220px,31vh,330px);min-height:0;overflow:hidden;background:linear-gradient(180deg,#02101e19,#02101e3d)}
.assembly-drawing{width:100%;height:100%;object-fit:contain}
.assembly-legend{position:absolute;left:14px;right:14px;bottom:11px;display:flex;align-items:center;max-width:330px;padding:8px 10px;border:1px solid #b8daf122;border-radius:8px;background:#061d33d9;box-shadow:0 8px 24px #00101f40;color:#9dbbd3;font-size:7px;font-weight:650;letter-spacing:.6px;backdrop-filter:blur(7px)}
.legend-step{display:flex;align-items:center;gap:5px;white-space:nowrap}
.legend-step b{color:#f6a06d;font-size:7px;font-weight:750}
.legend-step.is-active{color:#e8f4fc}
.legend-line{height:1px;min-width:13px;flex:1;margin:0 7px;background:#7da8c944}
.assembly-footer{min-height:32px;border-top:1px solid #9ccaf115;color:#a3c2da;letter-spacing:.75px}
.assembly-progress{width:88px;height:2px;overflow:hidden;border-radius:2px;background:#8eb5d329}
.assembly-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ed7734,#ffb07f);transform-origin:left;animation:progress-cycle 10.5s linear infinite}

.assembly-floor{animation:floor-arrive 10.5s ease-in-out infinite both}
.assembly-posts{transform-box:fill-box;transform-origin:center bottom;animation:posts-arrive 10.5s cubic-bezier(.2,.75,.2,1) infinite both}
.assembly-panels-front{transform-box:fill-box;transform-origin:left center;animation:front-arrive 10.5s cubic-bezier(.2,.72,.2,1) infinite both}
.assembly-panels-return{transform-box:fill-box;transform-origin:right center;animation:return-arrive 10.5s cubic-bezier(.2,.72,.2,1) infinite both}
.assembly-door{transform-box:fill-box;transform-origin:left center;animation:door-arrive 10.5s cubic-bezier(.2,.8,.2,1) infinite both}
.assembly-hardware{transform-box:fill-box;transform-origin:center;animation:hardware-arrive 10.5s ease-out infinite both}
.assembly-dimensions{animation:dimension-arrive 10.5s ease-in-out infinite both}
.assembly-callout{animation:callout-arrive 10.5s ease-in-out infinite both}
.assembly-build{animation:build-hold 10.5s ease-in-out infinite both}
.assembly-scan{opacity:0;animation:scan-across 10.5s ease-in-out infinite both}

@keyframes live-pulse{0%{box-shadow:0 0 0 0 #ed77345c}55%,100%{box-shadow:0 0 0 7px #ed773400}}
@keyframes progress-cycle{0%{transform:scaleX(0)}85%{transform:scaleX(1)}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes floor-arrive{0%{opacity:0;transform:translateY(9px)}7%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes posts-arrive{0%,7%{opacity:0;transform:translateY(-44px) scaleY(.78)}18%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes front-arrive{0%,16%{opacity:0;transform:translateX(-38px)}29%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes return-arrive{0%,23%{opacity:0;transform:translateX(38px)}36%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes door-arrive{0%,30%{opacity:0;transform:perspective(300px) rotateY(-58deg) translateX(-13px)}44%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes hardware-arrive{0%,40%{opacity:0;transform:scale(.55)}52%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes dimension-arrive{0%,45%{opacity:0}58%,94%{opacity:.74}100%{opacity:0}}
@keyframes callout-arrive{0%,49%{opacity:0;transform:translateX(-8px)}60%,88%{opacity:1;transform:none}94%,100%{opacity:0}}
@keyframes build-hold{0%,94%{opacity:1}100%{opacity:0}}
@keyframes scan-across{0%,54%{opacity:0;transform:translateX(0)}58%{opacity:.75}82%{opacity:.45;transform:translateX(390px)}87%,100%{opacity:0;transform:translateX(420px)}}

.work-context{display:flex;flex-wrap:wrap;gap:12px 22px;margin:15px 0 0;color:#c1d6e8;font-size:8px;letter-spacing:.15px}
.work-context span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.work-context b{color:#ffc29d;font-size:7px;font-weight:650;letter-spacing:1px}
.brand-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;color:#adc6da;font-size:7px;font-weight:650;line-height:1.5;letter-spacing:1.15px}
.brand-footer>span:last-child{color:#c9dceb;font-size:6.5px}

.access-panel{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:100svh;padding:37px clamp(30px,4.6vw,74px) 25px;background:radial-gradient(circle at 100% 0,#e8f0f7 0,transparent 33%),linear-gradient(150deg,#ffffff 48%,#f2f6fa 100%)}
.access-panel:focus{outline:none}
.access-topline{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#536d86;font-size:9px;font-weight:650;letter-spacing:.2px}
.privacy-dot{width:6px;height:6px;border-radius:50%;background:#54789b;box-shadow:0 0 0 4px #54789b0b}
.access-content{align-self:center;width:100%;max-width:400px;margin:auto 0;padding:34px 0}
.workspace-symbol{width:58px;height:58px;margin-bottom:25px;padding:10px;border:1px solid #d8e4ed;border-radius:15px;background:linear-gradient(145deg,#f7fbfe,#e8f1f8);box-shadow:0 12px 28px #173a550c;color:#12578e}
.workspace-symbol svg{width:100%;height:100%}
.access-eyebrow{margin:0 0 10px;color:#466786;font-size:9px;font-weight:780;letter-spacing:1.7px}
h2{margin:0 0 13px;color:#0b2b4c;font-size:clamp(29px,2.6vw,39px);font-weight:750;line-height:1.13;letter-spacing:-1.05px}
.access-description{max-width:355px;margin:0 0 27px;color:#536d86;font-size:13px;line-height:1.67}
.microsoft-signin{display:flex;align-items:center;justify-content:center;gap:12px;min-height:57px;padding:14px 17px;border:1px solid #07589b;border-radius:8px;background:#07589b;box-shadow:0 9px 22px #07589b24;color:#ffffff;font-size:13px;font-weight:680;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s}
.microsoft-signin:hover{background:#064983;box-shadow:0 12px 26px #07589b30;transform:translateY(-1px)}
.microsoft-mark{box-sizing:content-box;flex:none;width:16px;height:16px;border:4px solid #ffffff;border-radius:2px;background:#ffffff}
.signin-arrow{width:18px;height:18px;margin-left:auto}
.microsoft-signin>span{flex:1;text-align:center}
.microsoft-signin[aria-disabled="true"]{cursor:default;border-color:#467b9f;background:#467b9f;box-shadow:none}
.microsoft-signin[aria-disabled="true"]:hover{transform:none}
.microsoft-signin:focus-visible,.access-help summary:focus-visible{outline:3px solid #b64e10;outline-offset:4px}
.signin-explanation{display:flex;align-items:center;justify-content:center;gap:6px;margin:13px 0 0;color:#536d86;font-size:9px;line-height:1.45;text-align:center}
.signin-explanation svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.25}
.preview-notice{margin:18px 0 0;padding:11px 12px;border-left:3px solid #ce7948;border-radius:0 5px 5px 0;background:#fbf3eb;color:#72502e;font-size:11px;line-height:1.6}
.access-capabilities{display:grid;grid-template-columns:1fr;gap:7px;margin-top:25px;padding:16px 0;border-top:1px solid #e2eaf0;border-bottom:1px solid #e2eaf0;color:#536d86;font-size:9px;font-weight:620}
.access-capabilities span{display:flex;align-items:center;gap:8px}
.access-capabilities i{width:5px;height:5px;border:1px solid #d86526;border-radius:50%;background:#ed7734;box-shadow:0 0 0 3px #ed77340c}
.access-help{margin-top:16px}
.access-help summary{display:flex;align-items:center;justify-content:space-between;min-height:32px;color:#536d86;font-size:10px;font-weight:680;cursor:pointer;list-style:none}
.access-help summary::-webkit-details-marker{display:none}
.access-help summary svg{width:17px;height:17px;transition:transform .15s}
.access-help[open] summary svg{transform:rotate(180deg)}
.access-help>div{padding:2px 0 0;color:#536d86;font-size:10px;line-height:1.7}
.access-help p{margin:8px 0 0}
.access-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#536d86;font-size:8px;line-height:1.5}
.access-footer>span:first-child{color:#536d86;font-weight:780;letter-spacing:1.05px}

@media(min-width:1600px){.brand-panel{padding-left:5.2vw;padding-right:5.2vw}.brand-content{max-width:860px}.access-content{max-width:425px}.assembly-stage{height:345px}}
@media(max-width:1120px) and (min-width:781px){.entry-shell{grid-template-columns:minmax(0,1.2fr) minmax(350px,.86fr)}.brand-panel{padding-left:27px;padding-right:27px}.access-panel{padding-left:32px;padding-right:32px}.company-logo{width:174px}.platform-label{font-size:8px}.brand-intro{font-size:12px}.assembly-stage{height:250px}.assembly-legend{max-width:295px}.work-context{gap:10px 14px}.brand-footer>span:last-child{display:none}}
@media(min-width:781px) and (max-height:720px){.brand-panel{padding-top:18px;padding-bottom:16px}.brand-header{min-height:43px}.company-logo{width:158px}.brand-content{padding:12px 0 10px}.eyebrow{margin-bottom:7px}h1{margin-bottom:7px;font-size:clamp(31px,2.8vw,41px)}.brand-intro{font-size:11px;line-height:1.5}.assembly-card{margin-top:11px}.assembly-stage{height:225px}.work-context{display:none}.access-panel{padding-top:25px;padding-bottom:19px}.access-content{padding:22px 0}.workspace-symbol{width:51px;height:51px;margin-bottom:18px}.access-description{margin-bottom:21px}.access-capabilities{margin-top:19px;padding:12px 0}.access-help{margin-top:12px}}
@media(min-width:781px) and (max-height:590px){.brand-intro,.brand-footer,.workspace-symbol{display:none}.assembly-stage{height:190px}.access-content{padding:15px 0}.access-help{margin-top:8px}.access-description{margin-bottom:16px}}

@media(max-width:780px){.entry-shell{grid-template-columns:1fr;min-height:100svh}.brand-panel{min-height:auto;padding:21px 25px 24px}.brand-header{min-height:47px}.company-logo{width:164px}.platform-label{font-size:8px}.brand-content{max-width:none;padding:22px 0 0;margin:0}.eyebrow{margin-bottom:8px;font-size:8px}h1{font-size:32px;line-height:1.08;letter-spacing:-1px;margin-bottom:9px}h1 br{display:none}.brand-intro{max-width:610px;font-size:12px}.assembly-card{margin-top:16px}.assembly-stage{height:225px}.assembly-legend{max-width:300px}.work-context{display:none}.brand-footer{display:none}.access-panel{min-height:auto;padding:25px 25px 22px}.access-topline{justify-content:flex-start}.access-content{max-width:470px;margin:0 auto;padding:30px 0}.workspace-symbol{display:none}.access-description{margin-bottom:22px}.access-footer{font-size:8px}}
@media(max-width:520px){.brand-panel{padding:18px 20px 20px}.company-logo{width:150px;max-width:57%}.platform-label{font-size:7px;letter-spacing:1.1px}.brand-content{padding-top:17px}.eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:28px}.brand-intro{font-size:11px;line-height:1.55}.assembly-stage{height:190px}.assembly-drawing{width:116%;margin-left:-8%}.assembly-header,.assembly-footer{padding-left:11px;padding-right:11px}.assembly-header{letter-spacing:.7px}.assembly-footer>span:first-child{max-width:230px;line-height:1.35}.assembly-progress{width:52px}.assembly-legend{left:9px;right:9px;bottom:8px;max-width:none}.access-panel{padding:23px 20px 20px}.access-content{padding:27px 0}.access-eyebrow{font-size:8px}h2{font-size:29px}.access-description{font-size:12px}.microsoft-signin{font-size:12px;padding-left:13px;padding-right:13px;gap:8px}.access-footer{gap:9px}}
@media(max-width:365px){.assembly-card{display:none}.brand-panel{padding-bottom:18px}.brand-intro{margin-bottom:0}.access-content{padding-top:24px}.access-capabilities{margin-top:20px}}
@media(max-width:780px),(pointer:coarse){.access-help summary{min-height:44px}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.assembly-floor,.assembly-build,.assembly-posts,.assembly-panels-front,.assembly-panels-return,.assembly-door,.assembly-hardware,.assembly-dimensions,.assembly-callout{opacity:1!important;transform:none!important}.assembly-scan{display:none}.assembly-progress i{transform:none}}
@media(forced-colors:active){.brand-panel,.access-panel,.assembly-card,.assembly-legend{background:Canvas}.brand-panel,.platform-label,.platform-label strong,.eyebrow,h1,h1 em,.brand-intro,.assembly-header,.assembly-footer,.work-context,.brand-footer{color:CanvasText}.microsoft-signin,.workspace-symbol,.assembly-card,.assembly-legend{border:1px solid CanvasText}.microsoft-signin{background:Canvas;color:LinkText}.microsoft-signin[aria-disabled="true"]{background:Canvas;color:GrayText}.privacy-dot,.eyebrow span,.access-capabilities i{background:CanvasText}.assembly-drawing{opacity:.85}}