@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#20251e;background:#f4f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #688b25;outline-offset:4px}.shell{display:grid;grid-template-columns:49% 51%;min-height:100svh}.story{background:#18231d;color:#f2f4e9;padding:44px 58px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1.2px;font-weight:700;color:inherit;text-decoration:none}.brand-icon{background:#d4f58a;color:#1c2b1b;width:34px;height:34px;font-family:'Space Grotesk',sans-serif;display:grid;place-items:center;border-radius:9px;font-size:25px}.brand-dot{font-size:11px;align-self:flex-start;margin-top:2px}.story-body{padding-top:73px}.eyebrow,.mini-label,.product{font-size:10px;font-weight:600;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:9px;color:#c6d1c5}.eyebrow i,.status-dot{width:6px;height:6px;background:#c9ec88;border-radius:50%;display:inline-block}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(46px,4.8vw,76px);line-height:1.07;letter-spacing:-3.8px;margin:25px 0 23px}h1 span{color:#d2f397}.story p{color:#a8b5a9;line-height:1.7;font-size:14px}.orbit{height:280px;position:relative;max-width:420px;margin:6px auto 0}.orbit-ring{border:1px solid #3b4b3b;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.ring-two{width:370px;height:190px}.ring-one{width:270px;height:270px;border-style:dashed;opacity:.55}.orbit-line{height:1px;background:#354835;width:100%;position:absolute;top:50%;transform:rotate(35deg)}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:28px;border:1px solid #91a671;background:linear-gradient(145deg,#455c39,#233226);box-shadow:0 0 65px #b9e77e17;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:49px;font-family:'Space Grotesk',sans-serif;color:#d8f6aa}.core span{font:7px 'DM Sans',sans-serif;letter-spacing:1.4px;margin-top:5px}.node{position:absolute;width:35px;height:35px;border:1px solid #536747;border-radius:10px;display:grid;place-items:center;background:#253326;color:#c3d7a5}.node-a{left:10%;top:57%}.node-b{right:10%;top:24%}.node-c{right:24%;bottom:6%}.orbit-label{position:absolute;left:0;bottom:13%;color:#91a184;font-size:7px;letter-spacing:1.8px}.story footer{display:flex;justify-content:space-between;margin-top:auto;color:#839582;font-size:10px;padding-top:20px}.access{padding:42px 44px 26px;display:flex;flex-direction:column}.access header{display:flex;align-items:center;justify-content:space-between;gap:15px}.product{color:#767e70;font-size:9px;letter-spacing:1.2px}.text-button{border:0;background:none;color:#3d5230;padding:0;font-size:12px;font-weight:600}.text-button span{margin-left:9px}.form-wrap{width:100%;max-width:365px;margin:auto; padding:64px 0 54px}.mini-label{color:#7b886f;font-size:9px;letter-spacing:1.7px}h2{font-size:36px;letter-spacing:-1.6px;margin:14px 0 9px}.muted{color:#808579;font-size:13px}.intro{margin-bottom:25px}.demo-note{font-size:10px;border:1px solid #dfe4d5;color:#68765d;padding:10px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;margin-bottom:26px}.status-dot{background:#91a76e}label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}input,select{width:100%;border:1px solid #d8dcd1;border-radius:7px;background:#f9faf5;color:#243020;padding:14px;font-size:13px;outline:none}input:focus,select:focus{border-color:#678843;box-shadow:0 0 0 3px #8ba75c20}input::placeholder{color:#969c8e}.label-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:22px}.small{font-size:10px}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-wrap button{position:absolute;right:8px;top:9px;background:none;border:0;color:#78816e;padding:5px 9px}.remember-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#858d7d;margin:15px 0 25px}.primary{width:100%;border:0;background:#d0ef94;color:#28371d;font-weight:600;font-size:13px;padding:16px 19px;border-radius:7px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#c3e582}.message{font-size:12px;line-height:1.6;color:#65724f;margin:12px 0 0}.message:empty{display:none}.divider{display:flex;align-items:center;gap:13px;margin:28px 0 20px;color:#8b9282;font-size:8px;letter-spacing:.8px;white-space:nowrap}.divider:before,.divider:after{content:'';height:1px;background:#dfe3d7;flex:1}.sso{width:100%;border:1px solid #d7dccf;background:transparent;border-radius:7px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#424b3b}.sso:hover{background:#eaeedf}.sso-icon{font-size:19px}.invite{text-align:center;margin:28px 0 34px;font-size:11px;color:#838b7a}.invite button{font-size:11px}.trust{border-top:1px solid #e1e4da;padding-top:21px;display:flex;justify-content:center;gap:26px;font-size:9px;color:#838d78}.access-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8b9381;gap:12px}dialog{border:1px solid #d5dcc8;border-radius:18px;padding:28px;width:min(600px,calc(100% - 32px));max-height:88svh;background:#f7f8f1;color:#243020;box-shadow:0 30px 100px #101b2340}dialog::backdrop{background:#1422199e;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.close{border:0;background:transparent;font-size:27px;color:#657559}h3{font-size:26px;letter-spacing:-.7px;margin-bottom:10px}.dialog-copy{font-size:13px;color:#6a765f;line-height:1.7}.steps{display:flex;gap:7px;margin:22px 0;font-size:10px;color:#78856c}.steps span{padding:8px;background:#e9eedf;border-radius:4px}.steps .active{background:#d0ef94;color:#314025}.field{margin:18px 0}.hint{font-size:11px;color:#78856d;line-height:1.6}.role-row{display:flex;gap:10px;align-items:center;margin:10px 0;padding:12px;background:#e9eedf;border-radius:8px}.role-row strong{flex:1;font-size:13px}.role-row button{background:#f7f8f1;border:1px solid #ccd5be;border-radius:4px;padding:4px 9px}.role-row button:disabled{opacity:.3;cursor:default}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin:20px 0}.check input{width:auto;margin-top:4px;accent-color:#63843a}.back{margin-top:15px}.security-list{padding-left:20px;font-size:13px;line-height:1.9}.security-list li{margin-bottom:10px}.badge{padding:6px 10px;background:#e7eddb;font-size:10px;border-radius:4px}.download{margin-top:20px}@media(min-width:1500px){.story{padding-left:80px}.story-body{padding-top:100px}.orbit{margin-top:35px;height:330px}.form-wrap{max-width:400px}}@media(max-width:1000px){.story{padding:35px}.access{padding:35px 28px}.product{display:none}h1{font-size:54px}.ring-two{width:300px}.orbit{height:260px}}@media(max-width:700px){.shell{grid-template-columns:1fr}.story{padding:25px 28px}.story-body{padding-top:35px}h1{font-size:44px;letter-spacing:-2px}.story-body p{margin-bottom:0}.orbit,.story footer{display:none}.story h1 br:nth-child(2){display:none}.story h1 span{display:block}.access{padding:25px 28px}.access header{justify-content:flex-end}.form-wrap{padding:36px 0 45px}h2{font-size:32px}.access-footer{margin:10px 0}.trust{gap:20px}}@media(prefers-reduced-motion:no-preference){.core{animation:glow 5s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 90px #b9e77e32}}}

/* NexoMap palette and typography; preserves the MetaTec login composition. */
:root{--nx-bg:#f1f3f9;--nx-surface:#fff;--nx-ink:#20263b;--nx-muted:#727b94;--nx-line:#dfe4f0;--nx-accent:#365de5;--nx-violet:#8056d9;color:var(--nx-ink);background:var(--nx-bg)}
.story{background:#171c2a;color:#e5e9f5}.brand{font-family:Manrope,sans-serif;letter-spacing:-1.5px}.brand-icon{background:linear-gradient(120deg,#365de5,#7953d7);color:white;font-size:24px}.brand-dot{color:#98a3bf}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-weight:600;font-size:clamp(44px,4.6vw,72px)}h1 span{color:#b294ff}.eyebrow{color:#aab5d2}.eyebrow i{background:#7895ff}.story p{color:#98a3bf}.story footer{color:#8b97b5}.orbit-ring{border-color:#3a4664}.orbit-line{background:#2b344c}.core{border-color:#7182bc;background:linear-gradient(145deg,#344777,#302344);color:#d9dfff;box-shadow:0 0 65px #7895ff20}.node{border-color:#485779;background:#242c41;color:#b6c6ff}.orbit-label{color:#98a3bf}.access{background:var(--nx-bg)}.product,.mini-label{color:var(--nx-muted)}.text-button{color:#365de5}.muted,.remember-row,.invite{color:var(--nx-muted)}.primary{background:linear-gradient(120deg,#365de5,#7953d7);color:#fff}.primary:hover{background:linear-gradient(120deg,#294fcf,#6842c5)}input,select{background:#fff;border-color:var(--nx-line);color:var(--nx-ink)}input::placeholder{color:#919ab1}input:focus,select:focus{border-color:#365de5;box-shadow:0 0 0 3px #365de51a}button:focus-visible,a:focus-visible{outline-color:#365de5}.password-wrap button{color:#727b94}.sso{background:#fff;border-color:var(--nx-line);color:var(--nx-ink)}.sso:hover{background:#eaf0ff}.divider{color:#727b94}.divider:before,.divider:after{background:var(--nx-line)}.trust{border-color:var(--nx-line);color:#727b94}.access-footer{color:#727b94}.message{color:#536bb2}.demo-note{border-color:#dfe4f0;background:#eaf0ff;color:#536bb2}.status-dot{background:#7895ff}dialog{background:#f6f7fc;border-color:var(--nx-line);color:var(--nx-ink)}dialog::backdrop{background:#0d101a99}.close{color:#727b94}.dialog-copy,.hint{color:#727b94}.steps span{background:#eceff7;color:#727b94}.steps .active{background:#eaf0ff;color:#365de5}.badge{background:#eaf0ff;color:#536bb2}.role-row{background:#eceff7}.role-row button{background:#fff;border-color:var(--nx-line);color:var(--nx-ink)}.check input,.source-choice input,.matrix input{accent-color:#365de5}.source-choice,.mapping-card,.matrix-wrap{border-color:var(--nx-line)}.source-choice:has(:checked){background:#eaf0ff;border-color:#7895ff}.matrix th,.matrix td{border-color:var(--nx-line)}
@media(prefers-reduced-motion:no-preference){@keyframes glow{50%{box-shadow:0 0 90px #b294ff35}}}
@media(max-width:1000px){h1{font-size:52px}}@media(max-width:700px){h1{font-size:42px}}