:root{font-family:Segoe UI,Arial,sans-serif;letter-spacing:0;color:#19152b;background:#fff;--welcome-muted:#625a74;--welcome-line:#ded9e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8b5cf6;outline-offset:4px}img{max-width:100%}[hidden]{display:none!important}
.environment-note{padding:10px 20px;text-align:center;background:#fff4d9;color:#654300;font-size:12px;line-height:1.5;font-weight:700}
.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(24px,calc((100% - 1160px)/2));background:#100621;color:#fff}
.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:800}.wordmark img{width:40px;height:40px;object-fit:contain}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline}
.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.introduction{padding:64px 0 48px;background:#f5f2fb;border-bottom:1px solid var(--welcome-line)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:0;color:#6a11cb;margin:0 0 16px}.introduction h1{font-size:64px;margin:0;line-height:1.1;font-weight:800}.lead{font-size:28px;font-weight:600;margin:18px 0}.introduction p:not(.eyebrow):not(.lead){max-width:630px;color:var(--welcome-muted);line-height:1.7;font-size:17px}
.action{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#6a11cb;color:#fff;border:1px solid #6a11cb;border-radius:6px;min-height:46px;padding:12px 20px;text-decoration:none;font-weight:700;font-size:14px}.action:hover{background:#4b008c}.intro-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:28px 0 44px}.text-link{color:#6a11cb;font-size:15px;font-weight:700;text-decoration:none}.intro-facts{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--welcome-line);padding-top:24px;color:var(--welcome-muted);font-size:13px}
.product-band{padding:56px 0;border-bottom:1px solid var(--welcome-line)}h2{font-size:32px;line-height:1.2;margin:0 0 20px}h3{font-size:19px;line-height:1.4}.section-copy{font-size:18px;line-height:1.65;max-width:760px;color:var(--welcome-muted)}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;padding-left:20px;line-height:1.6;margin:28px 0}.feature-list li::marker{color:#6a11cb}.product-image{margin:32px 0 24px}.product-image img{display:block;width:100%;height:auto;border:1px solid var(--welcome-line);border-radius:6px}figcaption{font-size:12px;color:var(--welcome-muted);margin-top:10px}.workshop-band{background:#f8f9fc}.product-heading{display:flex;align-items:center;gap:20px}.product-heading h2{margin:0}.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:32px;margin:36px 0}.workflow li{border-top:2px solid #8b5cf6;padding-top:20px}.workflow span{color:#6a11cb;font-weight:800}.workflow p{color:var(--welcome-muted);line-height:1.6}.trust-band{padding:48px 0}.trust-band p{max-width:700px;color:var(--welcome-muted);line-height:1.7}.site-footer{flex-wrap:wrap}.site-footer p{font-size:12px;color:#c5bbd7}.site-footer nav{gap:18px}
.legal-content{max-width:900px;padding:48px 24px;margin:auto;line-height:1.75}.legal-content h1{font-size:36px;line-height:1.2}.legal-content h2{font-size:23px;margin-top:34px}.legal-content p,.legal-content li{color:#4b4458}.legal-content .legal-warning{border-left:4px solid #b37800;padding:16px 20px;background:#fff6df;color:#654300}.legal-content table{border-collapse:collapse;width:100%;font-size:14px}.legal-content td,.legal-content th{padding:12px;text-align:left;border:1px solid var(--welcome-line);overflow-wrap:anywhere}.table-scroll{overflow:auto}
body.portal-welcome{background:#f6f7fa}.portal-welcome header{background:#100621}.portal-welcome main{max-width:1240px}.welcome-heading{padding:28px 0 32px;border-bottom:1px solid #ded9e9}.welcome-heading h1{font-size:36px;margin:8px 0 16px}.welcome-heading p{line-height:1.7;max-width:700px;color:#625a74}.welcome-heading .eyebrow{font-size:12px;color:#6a11cb}.portal-welcome #systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}.portal-welcome .system{max-width:none;padding:28px}.portal-welcome .system ul{padding-left:20px;line-height:1.8;color:#625a74}.portal-welcome .system a{background:#6a11cb;color:#fff;padding:12px 18px;border-radius:6px;text-decoration:none;min-height:44px}.portal-welcome #systems.single-system{grid-template-columns:1fr;max-width:850px}.portal-welcome .portal-footer{margin-top:40px;padding:24px 0;border-top:1px solid #ded9e9;display:flex;gap:24px;flex-wrap:wrap}.portal-footer a{font-size:13px}
.login-public{display:block;background:#f5f2fb;padding:0}.login-public .login-layout{width:min(440px,calc(100% - 40px));margin:48px auto;min-height:0;padding:0;border:0;box-shadow:none;background:transparent;color:#19152b}.login-public .login-layout h1{font-size:30px}.login-public .subtitle{color:#625a74}.login-public label{color:#30283f}.login-public input{color:#19152b;background:#fff;border-color:#c8bdd9}.login-public button{background:#6a11cb}.login-public .legal-hint{font-size:12px;line-height:1.7;color:#625a74;margin-top:24px}.login-public .legal-hint a{color:#6a11cb}.login-public .message{color:#ac1836}
/* Set foreground and background together instead of inheriting a different page theme. */
body.portal-welcome{background:#f6f7fa;color:#19152b;color-scheme:light}
.portal-welcome .system{background:#fff;color:#19152b;border-color:#ded9e9}
.portal-welcome .system p{color:#625a74}
.portal-welcome .welcome-heading{border-top:0}
.portal-welcome .portal-footer a{color:#6a11cb}
.login-public{color:#19152b;color-scheme:light}
.login-public .brand span{color:#625a74}
@media(prefers-color-scheme:dark){
  body.portal-welcome{background:#100b1c;color:#f4f1fa;color-scheme:dark}
  .portal-welcome .system{background:#21182e;color:#f4f1fa;border-color:#514460}
  .portal-welcome .welcome-heading p,.portal-welcome .system p,.portal-welcome .system ul{color:#c6bed5}
  .portal-welcome .welcome-heading .eyebrow,.portal-welcome .portal-footer a,.portal-welcome #message{color:#c084fc}
  .portal-welcome .welcome-heading,.portal-welcome .portal-footer{border-color:#514460}
}
@media(max-width:700px){.site-header{padding:16px 20px;flex-wrap:wrap;gap:16px}.site-header nav{gap:16px}.site-header .wordmark{font-size:20px}.wrap{width:calc(100% - 40px)}.introduction{padding:40px 0 32px}.introduction h1{font-size:40px}.lead{font-size:23px}.intro-actions{gap:20px;margin-bottom:32px}.intro-facts{gap:16px}.feature-list,.workflow,.portal-welcome #systems{grid-template-columns:1fr}.product-band{padding:40px 0}h2{font-size:26px}.product-heading{align-items:flex-start}.product-heading img{width:52px;height:52px}.workflow{gap:20px}.site-footer{padding:24px 20px;align-items:flex-start;flex-direction:column}.legal-content h1{font-size:30px}.welcome-heading h1{font-size:28px}.login-public .login-layout{margin:32px auto}.portal-welcome .system{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}