:root{color-scheme:dark;--ms-canvas: #101112;--ms-surface: #17191b;--ms-surface-raised: #1d2023;--ms-surface-quiet: #141617;--ms-line: #323639;--ms-line-strong: #f5f4ef;--ms-text: #f7f6f2;--ms-text-soft: #b5b8bb;--ms-text-dim: #7d8287;--ms-red: #ff1010;--ms-red-dark: #c60000;--ms-magenta: #ef2b8a;--ms-violet: #9458ff;--ms-orange: #ff8a00;--ms-lime: #b9d80b;--ms-cyan: #00a7e8;--ms-green: #31d17c;--ms-radius-sm: 10px;--ms-radius-md: 18px;--ms-radius-lg: 28px;--ms-shadow: 0 24px 80px rgb(0 0 0 / 36%);--ms-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ms-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--ms-focus: 0 0 0 3px rgb(0 167 232 / 45%)}.ms-kicker{color:var(--ms-text-soft);font:700 .72rem/1.2 var(--ms-font-mono);letter-spacing:.12em;text-transform:uppercase}.ms-signal-gradient{background:linear-gradient(90deg,var(--ms-red),var(--ms-orange),var(--ms-lime),var(--ms-cyan),var(--ms-violet),var(--ms-magenta))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color-scheme:dark;font-family:var(--ms-font-sans);color:var(--ms-text);background:#111213;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 75% -10%,rgb(64 68 73 / 32%),transparent 35rem),#111213}button,input,select,textarea{font:inherit}button{color:inherit}.skip-link{position:fixed;z-index:99;top:0;left:1rem;transform:translateY(calc(-100% - 1rem));padding:.75rem 1rem;color:#111;background:#fff;border-radius:.7rem}.skip-link:focus{top:1rem;transform:none}.shell{width:100%;min-height:100vh;display:grid;grid-template-columns:16.5rem minmax(0,1fr)}.sidebar{min-width:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.5rem 1rem;border-right:1px solid #2a2c2e;background:#161718c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem 2rem;color:#f7f6f2;text-decoration:none;letter-spacing:-.01em}.brand-mark{width:2.2rem;height:1.6rem;color:var(--ms-red)}.sidebar nav{min-width:0;display:grid;gap:.3rem}.sidebar nav button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .8rem;border:1px solid transparent;border-radius:.75rem;background:transparent;color:var(--ms-text-soft);text-align:left;cursor:pointer}.sidebar nav button:hover,.sidebar nav button:focus-visible{background:#202224;color:var(--ms-text)}.sidebar nav button.active{border-color:#35383b;background:#242628;color:var(--ms-text)}.nav-dot{width:.46rem;height:.46rem;border-radius:50%;background:var(--dot);box-shadow:0 0 .7rem color-mix(in srgb,var(--dot),transparent 40%)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:.55rem;padding:.8rem;color:var(--ms-text-dim);font-size:.82rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ms-green)}.content{min-width:0;padding:2rem clamp(1.2rem,4vw,5rem) 5rem;outline:none}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:76rem;margin:0 auto 2rem}.eyebrow{margin:0 0 .45rem;color:var(--ms-text-dim);font:700 .72rem/1.2 var(--ms-font-mono);letter-spacing:.11em;text-transform:uppercase}h1{margin:0;font-size:clamp(1.65rem,3vw,2.3rem);letter-spacing:-.04em}h2{margin:.2rem 0 .8rem;font-size:clamp(1.8rem,3.6vw,3.35rem);line-height:1.05;letter-spacing:-.045em}h3{margin:.35rem 0 .55rem;font-size:1.45rem}p{color:var(--ms-text-soft);line-height:1.55}.avatar{width:2.75rem;height:2.75rem;border:1px solid #3a3d40;border-radius:50%;background:#232527;cursor:pointer}.page-grid,.page-stack,.signin-wrap,.state-card{max-width:76rem;margin:0 auto}.page-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.page-stack{display:grid;gap:1rem}.card,.state-card{border:1px solid #2e3032;border-radius:1.25rem;background:#1a1c1ddb;box-shadow:0 18px 60px #0000001f}.card{padding:clamp(1.25rem,2.5vw,2rem)}.hero{grid-column:span 8;min-height:20rem;position:relative;overflow:hidden;display:grid;align-items:end}.hero>div{position:relative;z-index:1;max-width:40rem}.hero .signal-trace{position:absolute;right:-5rem;bottom:-3rem;width:min(65%,38rem);opacity:.45}.trial-card,.account-card{grid-column:span 4}.onboarding-card{grid-column:span 5}.activity-preview{grid-column:span 3}.pill{display:inline-flex;padding:.3rem .55rem;border:1px solid #3a3d40;border-radius:999px;color:var(--ms-text-soft);font-size:.78rem}.pill.open{border-color:#31d17c59;color:var(--ms-green);background:#31d17c14}.checklist,.activity-list,.feedback-list,.tags,.session-list{list-style:none;margin:1rem 0 0;padding:0}.checklist li{display:flex;gap:.8rem;padding:.8rem 0;border-top:1px solid #292b2d}.checklist li.done>span{color:var(--ms-green)}.checklist strong,.activity-list strong{display:block}.checklist p,.activity-list p{margin:.2rem 0;font-size:.9rem}.text-button{padding:.4rem 0;border:0;background:transparent;color:var(--ms-cyan);cursor:pointer}.activity-list{display:grid;gap:.15rem}.activity-list li{display:grid;grid-template-columns:.75rem 1fr;gap:.75rem;padding:.9rem 0;border-top:1px solid #292b2d}.activity-list time{color:var(--ms-text-dim);font-size:.75rem}.event-dot{width:.48rem;height:.48rem;margin-top:.32rem;border-radius:50%;background:var(--ms-cyan)}.event-dot.magenta{background:var(--ms-magenta)}.event-dot.orange{background:var(--ms-orange)}.intro{padding:clamp(1.7rem,4vw,3.5rem)}.wide{grid-column:span 12}.metric{grid-column:span 6;display:grid;gap:.5rem}.metric strong{font-size:2.3rem}.metric span{color:var(--ms-text-soft)}.steps{padding-left:1.2rem;color:var(--ms-text-soft);line-height:2}.form-card{grid-column:span 7}.report-grid>.card:last-child{grid-column:span 5}form{display:grid;gap:.9rem;margin-top:1.3rem}label{display:grid;gap:.4rem;color:var(--ms-text-soft);font-size:.82rem}input,select,textarea{width:100%;border:1px solid #3a3d40;border-radius:.65rem;padding:.72rem .8rem;background:#141617;color:var(--ms-text)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--ms-focus)}textarea{resize:vertical}.checkbox{display:flex;grid-template-columns:auto 1fr;align-items:center}.checkbox input{width:auto}.primary,.secondary{width:fit-content;border-radius:.7rem;padding:.7rem 1rem;cursor:pointer}.primary{border:0;background:#f5f4ef;color:#111}.secondary{border:1px solid #44474a;background:#202224}.form-note{margin:0;font-size:.8rem}.success{color:var(--ms-green)}.error-text,.state-card.error{color:#ffb1b1}.feedback-list li{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.8rem 0;border-top:1px solid #292b2d}.signin-wrap{display:grid;place-items:center;min-height:70vh}.signin-card{width:min(100%,30rem);padding:clamp(2rem,5vw,4rem)}.signin-mark{width:4.2rem;color:var(--ms-red)}.settings>.card:not(.wide){grid-column:span 6}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tags li{padding:.35rem .55rem;border-radius:.5rem;background:#242628;color:var(--ms-text-soft);font:.76rem var(--ms-font-mono)}.workspace-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);gap:2rem;align-items:start}.workspace-settings form{margin-top:0}.button-row{display:flex;flex-wrap:wrap;gap:.7rem}.danger{border-color:#ff5a5a73;color:#ffb1b1}.session-list{display:grid}.session-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid #292b2d}.session-list p{margin:.25rem 0 0}.state-card{padding:2rem}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{max-width:100vw;position:static;height:auto;padding:.8rem;overflow:hidden;border-right:0;border-bottom:1px solid #2a2c2e}.brand{padding-bottom:.8rem}.sidebar nav{width:100%;max-width:100%;display:flex;overflow-x:auto}.sidebar nav button{flex:0 0 auto;width:auto}.sidebar-foot{display:none}.content{padding-top:1.2rem}.hero,.trial-card,.account-card,.onboarding-card,.activity-preview,.form-card,.report-grid>.card:last-child{grid-column:span 12}}@media(max-width:560px){.content{padding-inline:.8rem}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.sidebar nav button{min-width:0;width:100%;padding:.65rem;white-space:normal}.nav-dot{display:none}.metric,.settings>.card:not(.wide){grid-column:span 12}.workspace-settings{grid-template-columns:1fr}.topbar{align-items:flex-start}.card{border-radius:1rem}.feedback-list li{grid-template-columns:1fr auto}.feedback-list li span:nth-child(2){grid-column:1 / -1}}
