:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg:#070a12;--surface:rgba(12,18,31,0.86);--surface-strong:rgba(15,23,42,0.96);--surface-muted:rgba(20,31,49,0.72);--text:#f8fafc;--muted:#b6c3d7;--soft:#7b8ca5;--line:rgba(148,163,184,0.22);--line-strong:rgba(125,211,252,0.4);--accent:#22d3ee;--accent-2:#a78bfa;--accent-3:#34d399;--danger:#fb7185;--success:#4ade80;--warning:#facc15;--shadow:0 18px 70px rgba(0,0,0,0.34);--radius:8px}html[data-theme=mellow]{color-scheme:light;--bg:#f4efe6;--surface:rgba(255,252,246,0.9);--surface-strong:rgba(255,250,242,0.98);--surface-muted:rgba(236,226,211,0.76);--text:#19211f;--muted:#53615a;--soft:#758179;--line:rgba(83,97,90,0.22);--line-strong:rgba(26,132,103,0.36);--accent:#14856a;--accent-2:#a15c2f;--accent-3:#c0841a;--danger:#b42346;--success:#23845a;--warning:#a16207;--shadow:0 18px 64px rgba(80,63,39,0.18)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34rem),linear-gradient(315deg,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 28rem),var(--bg);color:var(--text)}a{color:inherit}button,input,select{font:inherit}.shell{margin:0 auto;max-width:1180px;padding:18px 20px 64px}.nav{align-items:center;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto 1fr auto;margin-bottom:34px;padding:10px;position:-webkit-sticky;position:sticky;top:12px;z-index:20}.brand{font-weight:800;gap:8px;padding:8px 10px;text-decoration:none}.brand,.brand-mark,.icon-badge{align-items:center;display:inline-flex}.brand-mark,.icon-badge{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 32%,transparent),color-mix(in srgb,var(--accent-2) 24%,transparent));border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);height:32px;justify-content:center;width:32px}.nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.button,.nav-link,.theme-toggle button{align-items:center;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;display:inline-flex;gap:8px;min-height:38px;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.nav-link{color:var(--muted);padding:8px 10px}.nav-link:focus-visible,.nav-link:hover{background:var(--surface-muted);border-color:var(--line);color:var(--text);transform:translateY(-1px)}.theme-toggle{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:4px;padding:4px}.theme-toggle button{background:transparent;color:var(--muted);padding:7px 9px}.theme-toggle button.active{background:var(--surface-strong);border-color:var(--line-strong);color:var(--text)}.hero,.page-grid{align-items:center;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)}.page-stack{display:grid;grid-gap:28px;gap:28px}.page-intro{display:grid;grid-gap:14px;gap:14px;max-width:760px}.intro-copy{display:grid;grid-gap:10px;gap:10px}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;margin:0;text-transform:uppercase}.eyebrow,h1,h2,h3{letter-spacing:0}h1{font-size:clamp(2.35rem,5vw,4.85rem);line-height:.98}h1,h2{margin:0}h2{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.06}h3{font-size:1.05rem;line-height:1.25}h3,p{margin:0}p{color:var(--muted);font-size:1rem;line-height:1.62}small{color:var(--soft)}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#ffffff;font-weight:800;justify-content:center;padding:9px 12px}.button:focus-visible,.button:hover{transform:translateY(-1px)}.button.secondary{background:var(--surface-strong);border-color:var(--line);color:var(--text)}.button.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:22px}.grid.compact{margin-top:0}.card,.choice-card,.form-shell,.product-panel,.selectable{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 44px rgba(0,0,0,.12)}.card{display:grid;grid-gap:12px;gap:12px;padding:18px;transition:border-color .16s ease,transform .16s ease}.card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.form,.form-shell{display:grid;grid-gap:16px;gap:16px}.form{margin-top:20px;max-width:820px}.form-shell{padding:18px}.field,.form label,.form-shell label{color:var(--text);display:grid;font-weight:800;grid-gap:8px;gap:8px}.form input,.form select,.form-shell input,.form-shell select{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);min-height:44px;padding:10px 12px}.button:focus-visible,.form input:focus,.form select:focus,.nav-link:focus-visible,.theme-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.two-column{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.notice{align-items:flex-start;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);display:flex;gap:10px;padding:12px}.notice svg{color:var(--accent);flex:0 0 auto;margin-top:3px}.notice.error{border-color:color-mix(in srgb,var(--danger) 48%,var(--line));color:color-mix(in srgb,var(--danger) 70%,var(--text))}.notice.error svg{color:var(--danger)}.notice.success{border-color:color-mix(in srgb,var(--success) 48%,var(--line));color:color-mix(in srgb,var(--success) 72%,var(--text))}.notice.success svg{color:var(--success)}.notice.warning{border-color:color-mix(in srgb,var(--warning) 48%,var(--line))}.choice-card,.selectable{color:inherit;cursor:pointer;display:flex;gap:12px;padding:14px;text-align:left;transition:border-color .16s ease,transform .16s ease}.choice-card:has(input:checked),.choice-card:hover,.selectable.active,.selectable:hover{border-color:var(--line-strong);transform:translateY(-1px)}.choice-card input{margin-top:4px}.choice-card small,.selectable span{color:var(--muted);display:block;margin-top:4px}.detail-card{margin-top:22px}.stats{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));margin:0}.stats div{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.stats dt{color:var(--soft);font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.stats dd{color:var(--text);font-size:1.18rem;font-weight:900;margin:3px 0 0}.segmented{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:4px;max-width:max-content;padding:4px}.segmented button{background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);cursor:pointer;font:inherit;font-weight:800;padding:9px 12px}.segmented button.active{background:var(--surface-strong);border-color:var(--line-strong);color:var(--text)}.feature-list{color:var(--muted);display:grid;grid-gap:8px;gap:8px;line-height:1.5;margin:0;padding-left:18px}.plan-card{display:grid;grid-gap:12px;gap:12px}.status-row{display:flex;flex-wrap:wrap;gap:8px}.status-badge{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);display:inline-flex;font-size:.88rem;font-weight:800;gap:7px;padding:8px 10px}.comparison{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.comparison-row{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 92px 92px;padding:11px 12px}.comparison-row strong{color:var(--text)}.comparison-row span{color:var(--muted);text-align:center}.product-panel{margin:0;overflow:hidden;padding:12px}.mock-window{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 95%,transparent),color-mix(in srgb,var(--accent) 10%,var(--surface)));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.mock-titlebar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:5px;height:28px;padding:0 10px}.mock-titlebar span{background:var(--line-strong);border-radius:50%;height:8px;width:8px}.mock-body{display:grid;grid-gap:12px;gap:12px;grid-template-columns:72px 1fr;min-height:268px;padding:12px}.mock-content,.mock-sidebar{display:grid;grid-gap:10px;gap:10px}.mock-sidebar{align-content:start}.mock-chart,.mock-chart i,.mock-grid span,.mock-hero-line,.mock-sidebar span{background:color-mix(in srgb,var(--accent) 18%,var(--surface-muted));border:1px solid var(--line);border-radius:var(--radius)}.mock-sidebar span{height:28px}.mock-hero-line{height:42px}.mock-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,1fr)}.mock-grid span{height:74px}.mock-chart{align-items:flex-end;display:flex;gap:8px;height:104px;padding:10px}.mock-chart i{display:block;flex:1 1}.mock-chart i:first-child{height:42%}.mock-chart i:nth-child(2){height:72%}.mock-chart i:nth-child(3){height:55%}.mock-chart i:nth-child(4){height:88%}.product-panel.office .mock-chart{background:linear-gradient(90deg,transparent 0 48%,color-mix(in srgb,var(--accent) 25%,transparent) 48% 52%,transparent 52%),linear-gradient(0deg,transparent 0 48%,color-mix(in srgb,var(--accent-2) 20%,transparent) 48% 52%,transparent 52%),var(--surface-muted)}.product-panel.billing .mock-grid span,.product-panel.checkout .mock-grid span,.product-panel.download .mock-grid span{height:52px}.product-panel figcaption{display:grid;grid-gap:4px;gap:4px;padding:12px 2px 2px}.product-panel figcaption strong{color:var(--text)}.product-panel figcaption span{color:var(--muted)}.loading-shimmer{animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,var(--surface-muted),color-mix(in srgb,var(--accent) 16%,var(--surface-muted)),var(--surface-muted));background-size:240% 100%}.terms-box{align-items:flex-start;display:flex;gap:10px}.terms-box input{margin-top:3px;min-height:auto}.auth-links{display:flex;flex-wrap:wrap;gap:8px}.admin-shell{align-items:flex-start;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(210px,250px) minmax(0,1fr);margin-top:24px}.admin-sidebar{background:color-mix(in srgb,var(--surface-strong) 94%,transparent);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:18px;gap:18px;padding:16px;position:-webkit-sticky;position:sticky;top:16px}.workspace-picker{display:grid;grid-gap:7px;gap:7px}.workspace-picker span{color:var(--muted);font-size:.78rem}.admin-navigation{display:grid;grid-gap:4px;gap:4px}.admin-navigation a{align-items:center;border:1px solid transparent;border-radius:calc(var(--radius) - 4px);color:var(--muted);display:flex;gap:9px;padding:9px 10px;text-decoration:none}.admin-navigation a.active,.admin-navigation a:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:var(--line);color:var(--text)}.admin-content{min-width:0}.admin-grid{display:grid;grid-gap:16px;gap:16px}.admin-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.card-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.card-heading h2,.card-heading h3,.card-heading p{margin-top:0}.detail-list,.record-list,.timeline{display:grid;grid-gap:10px;gap:10px}.record-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding-top:10px}.record-row>div,.table-shell td:first-child{display:grid;grid-gap:3px;gap:3px}.record-row small,.record-row span,.table-shell small{color:var(--muted)}.icon-only{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:9px;color:var(--text);display:inline-flex;justify-content:center;min-height:36px;min-width:36px}.timeline>div{align-items:flex-start;display:grid;grid-gap:10px;gap:10px;grid-template-columns:10px 1fr}.timeline>div>div{display:grid;grid-gap:3px;gap:3px}.timeline small{color:var(--muted)}.timeline-mark{background:var(--accent);border-radius:50%;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 60%,transparent);height:8px;margin-top:6px;width:8px}.callout-card{align-items:center;display:flex;gap:24px;justify-content:space-between}.table-shell{max-width:100%;overflow-x:auto}.table-shell table{border-collapse:collapse;min-width:720px;width:100%}.table-shell td,.table-shell th{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.table-shell th{color:var(--muted);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.pill{background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:.76rem;padding:4px 8px}.pill.active{border-color:color-mix(in srgb,#22c55e 55%,var(--line));color:#22c55e}.pill.deactivated,.pill.inactive{color:var(--muted)}.form-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.checkbox-grid{border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:9px;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.checkbox-grid label,.toggle-row{align-items:center;display:flex;gap:8px}.checkbox-grid input,.permission-groups input,.toggle-row input{min-height:auto;width:auto}.access-layout{align-items:flex-start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(190px,250px) minmax(0,1fr)}.role-list{display:grid;grid-gap:8px;gap:8px;position:-webkit-sticky;position:sticky;top:16px}.role-list>button:not(.button){background:transparent;border:1px solid var(--line);border-radius:calc(var(--radius) - 4px);color:var(--text);display:grid;grid-gap:3px;gap:3px;padding:10px;text-align:left}.role-list>button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:var(--accent)}.role-list small,.role-list span{color:var(--muted)}.permission-groups{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.permission-groups fieldset{border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:8px;gap:8px;padding:12px}.permission-groups label{align-items:flex-start;display:flex;gap:8px}.permission-groups label span{display:grid;grid-gap:2px;gap:2px}.permission-groups small{color:var(--muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud span{background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;padding:5px 9px}.tag-cloud.compact span{font-size:.75rem;padding:3px 7px}.detail-list{margin:12px 0}.detail-list>div{display:flex;gap:12px;justify-content:space-between}.detail-list dt{color:var(--muted)}.button.compact{font-size:.78rem;min-height:34px;padding:6px 9px}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width:860px){.nav{grid-template-columns:1fr}.nav-links{justify-content:flex-start}.comparison-row,.hero,.page-grid{grid-template-columns:1fr}.comparison-row span{text-align:left}.access-layout,.admin-shell{grid-template-columns:1fr}.admin-sidebar,.role-list{position:static}.admin-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid.triple,.admin-grid.two,.permission-groups{grid-template-columns:1fr}}@media (max-width:540px){.shell{padding:12px 12px 48px}.nav-link span,.theme-toggle span{display:none}.mock-body{grid-template-columns:1fr}.mock-sidebar{display:none}.admin-navigation,.checkbox-grid,.form-grid{grid-template-columns:1fr}.callout-card{align-items:stretch;flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}