:root{--bg:#fff;--surface:#f7f9f9;--surface-2:#edf9f8;--text:#0b172b;--muted:#5d6b82;--border:#dbe3e7;--action:#14766f;--action-hover:#10645e;--focus:#a96500;--sidebar:272px;--top:72px;color-scheme:light}.dark{--bg:#101b22;--surface:#16242d;--surface-2:#193932;--text:#f5f7f7;--muted:#aab8c1;--border:#30434d;--action:#46c6ba;--action-hover:#65d7cd;--focus:#f2b84b;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--type-family);font-size:16px;line-height:1.5}.skip{position:fixed;z-index:100;left:16px;top:-60px;background:var(--text);color:var(--bg);padding:10px 16px}.skip:focus{top:10px}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:28px 24px;background:var(--bg);border-right:1px solid var(--border);overflow:auto;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:20px}.eyebrow{margin:20px 0 10px;color:var(--action);font-size:12px;font-weight:700;letter-spacing:.12em}.sidebar .eyebrow{font-size:10px}.radar{display:flex;align-items:center;gap:2px;width:34px;height:34px;color:#00c9c3}.radar i{display:block;border:5px solid currentColor;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;height:30px;width:9px}.radar i:nth-child(2){height:34px}.radar i:nth-child(3){height:24px}.radar b{width:6px;height:12px;background:currentColor;border-radius:50%}.radar.xl{transform:scale(2.8);margin-right:50px}.sidebar details{margin:12px 0}.sidebar summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--muted);padding:7px 0}.sidebar nav a{display:block;color:var(--muted);text-decoration:none;padding:7px 10px;margin:2px 0;border-radius:6px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--surface-2);color:var(--action);font-weight:600}.privacy{margin-top:28px;border:1px solid var(--border);border-radius:8px;padding:12px;font-size:12px;color:var(--muted)}.privacy span{color:#278644}.topbar{position:fixed;top:0;left:var(--sidebar);right:0;height:var(--top);display:flex;align-items:center;gap:16px;padding:12px 40px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:15}.search{position:relative;display:flex;align-items:center;gap:8px;max-width:650px;flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 12px}.search input,.mini-search input{width:100%;border:0;outline:0;background:transparent;padding:10px}.search kbd{font-size:11px;border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{border:1px solid var(--border);background:var(--bg);width:40px;height:40px;border-radius:8px;cursor:pointer}.mobile-menu{display:none}.search-results{position:absolute;left:40px;top:62px;width:min(650px,calc(100vw - 80px));background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:8px}.search-results a{display:block;padding:10px;color:var(--text);text-decoration:none;border-radius:6px}.search-results a:hover{background:var(--surface)}main{margin-left:var(--sidebar);padding-top:var(--top)}.section{max-width:1240px;margin:0 auto;padding:88px 56px;border-bottom:1px solid var(--border)}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.045em;max-width:700px;margin:12px 0 24px}.lede{font-size:20px;color:var(--muted);max-width:640px}.hero-actions{display:flex;gap:10px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--action);border-radius:6px;background:var(--action);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.button:hover{background:var(--action-hover);border-color:var(--action-hover)}.button:focus-visible,.icon-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.button.secondary{background:transparent;color:var(--action)}.button.tertiary{border-color:transparent;background:transparent;color:var(--action)}.button.danger{background:#b83a3a;border-color:#b83a3a}.button.danger:hover{background:#922e2e}.button.large{min-height:48px;padding-inline:20px}.button.medium{min-height:40px}.button.small{min-height:36px;padding:6px 12px;font-size:14px}.button.xs{min-height:32px;padding:4px 12px;font-size:12px}.button:disabled{background:#e5e5e5!important;border-color:#e5e5e5!important;color:#8b949e!important;cursor:not-allowed}.hero-panel{border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;overflow:hidden;background:var(--bg)}.mini-stat{padding:24px;background:#0b2633;color:#fff;display:grid;grid-template-columns:1fr auto;gap:4px}.mini-stat strong{font-size:40px;grid-row:1/3;grid-column:2}.mini-stat .status{align-self:end;width:max-content}.mini-patient{padding:22px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border)}.mini-patient div:nth-child(2){display:grid}.mini-patient small{color:var(--muted)}.mini-patient .status{margin-left:auto}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--action);font-weight:700}.avatar.large{width:52px;height:52px}.vitals{display:grid;grid-template-columns:repeat(3,1fr);padding:22px}.vitals span{display:grid;gap:6px;border-right:1px solid var(--border);padding:0 14px}.vitals span:last-child{border:0}.vitals small{color:var(--muted)}.vitals b{font-size:22px;font-variant-numeric:tabular-nums}.vitals i{font-style:normal;font-size:12px}.demo-note{margin:0;padding:10px 22px;background:var(--surface);color:var(--muted);font-size:12px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.status.success{background:#eaf6ed;color:#1d6d35}.status.warning{background:#fff3dd;color:#865100}.status.info{background:#eaf0fb;color:#28569d}.status.neutral{background:var(--surface);color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.section-head .eyebrow{margin-top:0}.section h2{font-size:36px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}.section h3{margin:0 0 8px}.section-head p{color:var(--muted);max-width:680px;margin:0}.section-number{font-size:12px;color:var(--muted)}.principles,.swatches,.semantic-row,.logo-sizes,.grid-spec,.a11y-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.principles article{border-top:2px solid var(--action);padding-top:20px}.principles b{color:var(--action)}.principles p{color:var(--muted)}.logo-showcase{display:grid;place-items:center;background:var(--surface);padding:70px 30px;border-radius:10px}.logo-main{display:flex;align-items:center;font-size:56px;letter-spacing:-.05em}.ratio{display:flex;align-items:center;gap:16px;color:var(--muted);margin-top:45px}.ratio span{height:1px;width:160px;background:var(--border)}.subhead{margin:40px 0 16px!important}.logo-sizes{grid-template-columns:repeat(5,1fr)}.logo-sizes article{display:flex;min-height:160px;flex-direction:column;justify-content:flex-end;gap:4px;border:1px solid var(--border);border-radius:8px;padding:16px}.logo-sizes small{color:var(--muted)}.logo-lockup{display:flex;align-items:center;gap:7px;margin:auto 0}.logo-lockup .radar{transform-origin:left center}.s16 .radar{transform:scale(.47);width:17px}.s16{font-size:10px}.s24 .radar{transform:scale(.7);width:24px}.s24{font-size:12px}.s32{font-size:15px}.s48 .radar{transform:scale(1.4);width:48px}.s48{font-size:20px}.s64 .radar{transform:scale(1.9);width:64px}.tech{margin-top:20px;border:1px solid var(--border);border-radius:8px}.tech summary{padding:16px;cursor:pointer;font-weight:700}.tech>div,.tech>pre{border-top:1px solid var(--border);margin:0;padding:18px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spec-grid span{display:grid;color:var(--muted)}.spec-grid b{color:var(--text)}pre{position:relative;overflow:auto;background:#0d2028;color:#d6f5f1;border-radius:8px;padding:18px}.copy{position:absolute;right:10px;top:10px}.swatches{grid-template-columns:repeat(6,1fr)}.swatch{min-height:150px;padding:14px;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border)}.swatch.light{color:#091319}.swatch.dark-swatch{color:#fff}.swatch code{font-size:11px}.semantic-row{margin-top:20px}.semantic{border:1px solid var(--border);border-top:4px solid currentColor;border-radius:8px;padding:18px;display:flex;gap:12px}.semantic>span{font-weight:700}.semantic div{display:grid}.semantic.success{color:#278644}.semantic.info{color:#2d62b4}.semantic.warning{color:#a96500}.semantic.error{color:#b83a3a}.semantic b{color:var(--text)}.semantic code{font-size:12px}.type-table{border-top:1px solid var(--border)}.type-table>div{display:grid;grid-template-columns:180px 1fr;align-items:baseline;border-bottom:1px solid var(--border);padding:18px 0}.type-table p,.type-table h1,.type-table h2,.type-table h3{margin:0}.type-table small{color:var(--muted)}.t-display{font-size:40px;font-weight:700}.spacing-list{max-width:760px}.space-row{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;gap:16px;margin:10px 0}.space-bar{height:18px;background:var(--surface-2);border-left:4px solid var(--action);max-width:100%}.grid-spec{grid-template-columns:repeat(3,1fr);margin-top:40px}.grid-spec article{display:grid;border:1px solid var(--border);padding:20px;border-radius:8px}.grid-spec strong{font-size:28px}.grid-spec small{color:var(--muted)}.elevations{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;background:var(--surface);padding:48px}.elevations div{aspect-ratio:1;background:var(--bg);border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.elevations small{color:var(--muted)}.e-xs{box-shadow:var(--shadow-xs)}.e-sm{box-shadow:var(--shadow-sm)}.e-md{box-shadow:var(--shadow-md)}.e-lg{box-shadow:var(--shadow-lg)}.mini-search{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;padding:0 10px;background:var(--bg)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter-row button,.density button{border:1px solid var(--border);background:var(--bg);padding:6px 10px;border-radius:999px;cursor:pointer}.filter-row button.active,.density button.active{background:var(--surface-2);color:var(--action);border-color:var(--action)}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.icon-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;min-height:86px;display:grid;place-items:center;cursor:pointer}.icon-card span{font-size:24px}.icon-card small{font-size:10px;color:var(--muted)}.caption{font-size:13px;color:var(--muted);margin-top:20px}.playground{display:grid;grid-template-columns:1fr 280px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.preview{min-height:300px;display:grid;place-items:center;background:var(--surface)}.controls{border-left:1px solid var(--border);padding:18px;display:grid;gap:12px}.controls label{display:grid;font-size:12px;font-weight:700}.controls input,.controls select{margin-top:4px;border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:8px}.controls .check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}.button-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.matrix-cell{background:var(--surface);padding:16px;border-radius:8px;display:grid;gap:12px}.matrix-cell small{color:var(--muted)}.matrix-cell .button{width:max-content}.demo-form{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;border:1px solid var(--border);border-radius:10px;padding:28px}.field{display:grid;align-content:start}.field label,.demo-form legend{font-weight:700;margin-bottom:6px}.field em{font-size:11px;color:var(--muted);font-style:normal}.field input,.field select,.field textarea,.dialog-body input{border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:10px 12px;min-height:44px}.field small{color:var(--muted);margin-top:4px}.error-field input{border-color:#b83a3a}.error-field small{color:#b83a3a}.demo-form fieldset{border:0;padding:0;display:flex;gap:20px}.switch{display:flex;align-items:center;gap:10px}.switch input{position:absolute;opacity:0}.switch span{width:44px;height:24px;border-radius:999px;background:#d4d4d4;position:relative}.switch span:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.15s}.switch input:checked+span{background:var(--action)}.switch input:checked+span:after{left:23px}.field.wide,.form-actions{grid-column:1/-1}.field textarea{min-height:110px}.alerts{display:grid;gap:12px}.alert{display:flex;align-items:center;gap:18px;border:1px solid currentColor;border-radius:8px;padding:16px}.alert span{flex:1}.alert.info{color:#2d62b4;background:#f0f5fd}.alert.success{color:#278644;background:#eef9f1}.alert.warning{color:#8b5708;background:#fff8e9}.alert.error{color:#9f3030;background:#fff1f1}.alert b,.alert span{color:inherit}.alert button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:4px;padding:5px 10px}.breadcrumb,.tabs,.pagination{display:flex;align-items:center;gap:12px;margin:18px 0}.breadcrumb a{color:var(--action)}.tabs{border-bottom:1px solid var(--border);gap:24px}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 0;color:var(--muted)}.tabs button[aria-selected=true]{border-color:var(--action);color:var(--text);font-weight:700}.pagination button{width:36px;height:36px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.pagination button[aria-current]{background:var(--action);color:#fff}.density{display:flex;gap:6px}.table-tools{display:flex;justify-content:space-between;margin-bottom:10px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px}table{border-collapse:collapse;width:100%;min-width:780px}caption{text-align:left;padding:12px;color:var(--muted);font-size:12px}th,td{height:52px;padding:10px 16px;border-top:1px solid var(--border);text-align:left}th{background:var(--surface);font-size:12px}th button{border:0;background:transparent;font-weight:700}td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.compact td{height:44px;padding-block:6px}.comfortable td{height:60px;padding-block:14px}tr.selected{background:var(--surface-2)}.disclosure-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.accordion{border-bottom:1px solid var(--border);padding:16px 0}.accordion summary{font-weight:700;cursor:pointer}.accordion p{color:var(--muted)}.modal-demo{background:var(--surface);padding:28px;border-radius:8px}.demo-pill{border:1px solid var(--action);color:var(--action);padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.patient-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.patient-card,.appointment,.clinical-grid article{border:1px solid var(--border);border-radius:10px;padding:24px}.patient-card header{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:18px}.patient-card header p{margin:0;color:var(--muted)}.patient-card header .status{margin-left:auto}.patient-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.patient-card dt{font-size:12px;color:var(--muted)}.patient-card dd{margin:4px 0;font-weight:600}.appointment{background:#0d2c37;color:#fff}.appointment .eyebrow{color:#76ded6}.appointment>p:not(.eyebrow){color:#c5d6db}.appointment div{display:flex;gap:8px;margin-top:22px}.clinical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.clinical-grid article p{color:var(--muted)}.clinical-grid .big-value{font-size:48px;font-weight:700}.clinical-grid .big-value small{font-size:16px}.clinical-grid .critical{border-color:#b83a3a;background:#fff4f4}.dark .clinical-grid .critical{background:#331d21}.timeline{list-style:none;padding:0}.timeline li{display:grid;grid-template-columns:160px 24px 1fr;gap:12px;min-height:100px}.timeline li:before{content:"";grid-column:2;width:12px;height:12px;margin-top:6px;border-radius:50%;background:var(--action);box-shadow:0 0 0 5px var(--surface-2)}.timeline li:after{content:"";grid-column:2;grid-row:1;height:100%;width:1px;background:var(--border);margin:22px 0 0 5px}.timeline time{grid-column:1;grid-row:1;color:var(--muted)}.timeline div{grid-column:3;grid-row:1}.timeline p{color:var(--muted);margin-top:4px}.a11y-grid article{border-left:3px solid var(--action);padding-left:16px}.a11y-grid p{color:var(--muted)}.token-code{display:grid;grid-template-columns:1fr 1fr;gap:20px}.token-code pre{margin:0}.docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.docs-grid a{display:grid;color:var(--text);text-decoration:none;border:1px solid var(--border);border-radius:8px;padding:20px}.docs-grid a:hover{border-color:var(--action)}.docs-grid small{color:var(--muted)}.change{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--border);padding-top:20px}.change time{color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;z-index:60;background:#0d2c37;color:#fff;border-radius:8px;padding:12px 18px;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}dialog{width:min(520px,calc(100% - 32px));padding:0;border:0;border-radius:10px;box-shadow:var(--shadow-lg);background:var(--bg);color:var(--text)}dialog::backdrop{background:rgba(2,14,20,.62)}dialog header{display:flex;gap:14px;padding:24px;border-bottom:1px solid var(--border)}dialog h2,dialog p{margin:0}.danger-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff1f1;color:#b83a3a;font-weight:700}.dialog-body{padding:24px}.dialog-body label{display:grid;gap:8px}.dialog-body input{text-transform:uppercase}dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}@media(max-width:1000px){:root{--sidebar:224px}.section{padding:70px 36px}.hero{gap:36px}.logo-sizes{grid-template-columns:repeat(3,1fr)}.icon-grid{grid-template-columns:repeat(6,1fr)}.docs-grid{grid-template-columns:repeat(2,1fr)}.clinical-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){:root{--top:64px}.sidebar{transform:translateX(-100%);transition:.2s;width:280px;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.topbar{left:0;padding:10px 16px}.mobile-menu{display:block}.top-actions .secondary{display:none}.search kbd{display:none}main{margin-left:0}.section{padding:56px 20px}.hero{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:44px}.hero-panel{margin-top:10px}.section-head{align-items:flex-start;flex-direction:column}.section h2{font-size:30px}.principles,.semantic-row,.a11y-grid{grid-template-columns:1fr 1fr}.logo-main{font-size:34px}.logo-showcase{overflow:hidden}.logo-sizes,.grid-spec,.patient-grid,.token-code{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.elevations{grid-template-columns:repeat(2,1fr);padding:24px}.icon-grid{grid-template-columns:repeat(4,1fr)}.playground{grid-template-columns:1fr}.controls{border-left:0;border-top:1px solid var(--border)}.button-matrix{grid-template-columns:1fr 1fr}.demo-form{grid-template-columns:1fr;padding:20px}.field.wide,.form-actions{grid-column:auto}.disclosure-grid{grid-template-columns:1fr}.type-table>div{grid-template-columns:1fr;gap:8px}.spec-grid{grid-template-columns:1fr}.docs-grid{grid-template-columns:1fr}.change{grid-template-columns:1fr}.search-results{left:16px}.vitals{padding:16px 6px}.patient-card dl{grid-template-columns:1fr}.timeline li{grid-template-columns:100px 20px 1fr}.section-number{display:none}}@media(max-width:420px){.principles,.semantic-row{grid-template-columns:1fr}.button-matrix{grid-template-columns:1fr}.logo-sizes{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(3,1fr)}.topbar{gap:8px}.search{min-width:0}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}