:root{--demo-ink:#172b42;--demo-muted:#607183;--demo-blue:#2465ce;--demo-line:#dce5ed;--demo-pale:#eef4fc;--demo-green:#237454}*{box-sizing:border-box}.demo-body{margin:0;background:#f5f7fb;color:var(--demo-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}.demo-body a{color:var(--demo-blue);text-decoration:none}.demo-body a:hover{text-decoration:underline}.demo-body button,.demo-body input{font:inherit}.demo-body a:focus-visible,.demo-body button:focus-visible,.demo-body summary:focus-visible,.demo-body input:focus-visible{outline:3px solid #f0a823;outline-offset:5px}.demo-skip{position:absolute;left:15px;top:-80px;padding:10px;background:white;z-index:20}.demo-skip:focus{top:10px}.demo-header,.demo-footer{max-width:1280px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-header{background:#fff;max-width:none;padding-left:max(32px,calc((100vw - 1200px)/2));padding-right:max(32px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--demo-line)}.demo-brand{display:flex;gap:13px;align-items:center;color:var(--demo-ink)!important;font-weight:750;line-height:1.25}.demo-brand:hover{text-decoration:none!important}.demo-brand small{display:block;font-size:12px;font-weight:500;color:var(--demo-muted);margin-top:5px}.demo-monogram{background:var(--demo-ink);color:white;padding:12px;border-radius:12px;font-size:17px;letter-spacing:1px}.demo-return{font-size:14px;font-weight:600}.demo-notice{background:#fff4d8;color:#715519;display:flex;align-items:center;justify-content:center;gap:16px;padding:13px 32px;font-size:13px}.demo-notice p{margin:0}.demo-tag{display:inline-flex;white-space:nowrap;padding:4px 10px;background:#e9edf3;border-radius:5px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:750}.demo-notice .demo-tag{background:#e9d6a1}.demo-tabs{display:flex;justify-content:center;gap:14px;padding:25px 24px 0}.demo-tabs a{padding:12px 24px;border:1px solid var(--demo-line);border-radius:10px;color:var(--demo-muted);font-weight:650;background:#fff;font-size:14px}.demo-tabs a[aria-current]{background:var(--demo-ink);color:white;border-color:var(--demo-ink);box-shadow:0 4px 10px #172b4215}.demo-tabs span{opacity:.55;margin-right:8px;font-size:12px}.demo-main{max-width:1280px;padding:38px 40px 60px;margin:auto}.demo-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 30px}.demo-intro h1{font-size:clamp(29px,3.6vw,43px);line-height:1.15;letter-spacing:-1.1px;margin:8px 0 13px}.demo-intro p:not(.demo-eyebrow){color:var(--demo-muted);margin:0;max-width:770px}.demo-eyebrow{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:1.6px;color:var(--demo-blue);margin:0 0 8px;display:block}.demo-avatar{width:70px;height:70px;border-radius:50%;background:#dce9fb;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:750;position:relative;margin-right:20px;flex-shrink:0}.demo-avatar span{position:absolute;top:74px;white-space:nowrap;font-size:10px;color:var(--demo-muted);font-weight:500}.demo-summary{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin-bottom:30px}.demo-stat{background:#fff;border:1px solid var(--demo-line);border-radius:15px;padding:22px 26px;display:flex;flex-direction:column;justify-content:center}.demo-stat>span{font-size:12px;color:var(--demo-muted);font-weight:650}.demo-stat strong{font-size:30px;letter-spacing:-1px;line-height:1.4;margin:4px 0 8px}.demo-stat strong small{font-size:20px;font-weight:500;opacity:.65}.demo-stat p{margin:9px 0 0;color:var(--demo-muted);font-size:12px}.demo-stat-main{background:var(--demo-ink);border-color:var(--demo-ink);color:white}.demo-stat-main>span,.demo-stat-main p{color:#ced9e5}.demo-body progress{width:100%;display:block;height:6px;border:0;border-radius:100px;background:#e4eaf0;overflow:hidden;appearance:none}.demo-body progress::-webkit-progress-bar{background:#e4eaf0;border-radius:100px}.demo-body progress::-webkit-progress-value{background:#3979dc;border-radius:100px}.demo-body progress::-moz-progress-bar{background:#3979dc;border-radius:100px}.demo-feature{background:#fff;border:1px solid var(--demo-line);border-radius:18px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-bottom:38px}.demo-feature-copy{padding:35px 36px;align-self:center}.demo-feature h2{font-size:30px;line-height:1.2;letter-spacing:-.6px;margin:10px 0 16px}.demo-feature p{font-size:15px;color:var(--demo-muted);margin:0 0 22px}.demo-feature small{display:block;font-size:11px;color:var(--demo-muted);margin-top:13px}.demo-illustration{margin:0;display:flex;flex-direction:column;background:#ecf2f9;min-width:0}.demo-illustration img{display:block;width:100%;flex:1;object-fit:cover;min-height:240px;max-height:380px;user-select:none}.demo-illustration figcaption{padding:8px 15px;text-align:center;font-size:10px;color:var(--demo-muted)}.demo-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 18px;border-radius:8px;background:var(--demo-blue);color:#fff!important;font-size:13px;font-weight:700;cursor:pointer;min-height:46px;text-align:center}.demo-button:hover{background:#164da9;text-decoration:none!important}.demo-button-light{background:#eef4fd;color:var(--demo-blue)!important;border:1px solid #d9e5f7}.demo-button-light:hover{background:#e1ebf9}.demo-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.demo-section-heading h2,.demo-panel>h2,.demo-record h2{font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:0}.demo-section-heading a{font-size:13px;white-space:nowrap;font-weight:650}.demo-section-heading p{font-size:14px;color:var(--demo-muted);margin:8px 0 0}.demo-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-module{background:#fff;padding:22px;border:1px solid var(--demo-line);border-radius:12px;display:flex;flex-direction:column}.demo-module-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-module-number{font-size:13px;color:#8b9aaa;font-weight:750}.demo-status{display:inline-block;padding:3px 8px;border-radius:5px;background:#eff2f5;color:#738194;font-size:10px;line-height:1.6;font-weight:700;white-space:nowrap}.demo-status.complete{background:#e8f4ee;color:#237454}.demo-status.progress{background:#fff0d6;color:#916415}.demo-module h3{font-size:16px;line-height:1.4;margin:16px 0 20px;flex:1}.demo-module-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--demo-muted);margin:0 0 6px}.demo-module>a{font-size:12px;margin-top:15px;font-weight:650}.demo-record{background:white;border:1px solid var(--demo-line);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:14px;margin:0 0 28px}.demo-record p{font-size:13px;color:var(--demo-muted);margin-bottom:0}.demo-panel{padding:28px;background:#fff;border:1px solid var(--demo-line);border-radius:14px;margin-bottom:25px;scroll-margin-top:25px}.demo-table-scroll{overflow-x:auto}.demo-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;min-width:640px}.demo-table th,.demo-table td{padding:14px 12px;border-bottom:1px solid #e9eef4;vertical-align:middle}.demo-table thead{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--demo-muted)}.demo-table th[scope]{font-weight:600}.demo-table tbody tr:last-child>*{border-bottom:0}.demo-table tbody tr.is-selected{background:#eef4fd}.demo-table th a{display:block}.demo-table th span{font-size:10px;color:#8b9aaa;margin-right:7px}.demo-table td small{display:block;color:var(--demo-muted);font-size:10px;white-space:nowrap}.demo-table progress{min-width:70px;margin-top:5px;height:4px}.demo-sections details{border:1px solid var(--demo-line);border-radius:8px;margin-bottom:10px}.demo-sections summary,.demo-connections summary{padding:13px 15px;font-size:13px;font-weight:650;cursor:pointer;background:#f8fafc;border-radius:8px}.demo-sections ul{list-style:none;padding:0 16px;margin:0}.demo-sections li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #edf1f5;font-size:12px}.demo-sections li>span:nth-child(2){flex:1}.demo-sections li small{color:var(--demo-muted);white-space:nowrap;font-size:10px}.demo-activity-icon{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f0f3f6;color:#8c9aac}.demo-activity-icon.complete{background:#e8f4ee;color:#237454}.demo-activity-icon.progress{background:#fff0d6;color:#916415}.demo-back{display:inline-block;margin:0 0 22px;font-size:13px}.demo-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.demo-board article{border-left:2px solid #d6e5fb;padding:0 0 0 17px}.demo-board article>span{font-size:11px;font-weight:750;color:#7c9bc3}.demo-board h3{font-size:17px;line-height:1.3;margin:8px 0}.demo-board p{color:var(--demo-muted);font-size:13px;margin:0}.demo-reading{display:grid;grid-template-columns:1.15fr 1fr;gap:40px}.demo-reading h2{font-size:21px;line-height:1.3;margin:20px 0 13px}.demo-reading p{font-size:14px;line-height:1.85}.demo-reading .demo-takeaway{padding:17px;background:#eef4fd;border-left:3px solid var(--demo-blue);font-size:13px;font-weight:650}.demo-diagram{margin:0;align-self:start;position:sticky;top:30px}.demo-diagram img{width:100%;display:block;user-select:none}.demo-diagram figcaption{font-size:11px;color:var(--demo-muted);text-align:center;margin:9px 0}.demo-exercise h2{margin:0;font-size:26px}.demo-exercise>p{color:var(--demo-muted);font-size:14px}.demo-exercise fieldset{border:0;padding:0;margin:20px 0}.demo-exercise legend{font-size:12px;font-weight:650;margin-bottom:12px}.demo-exercise label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;border:1px solid var(--demo-line);border-radius:8px;margin-bottom:10px;padding:15px;font-size:14px}.demo-exercise label:has(input:checked){border-color:var(--demo-blue);background:#eef4fd}.demo-exercise input{margin-top:5px;accent-color:var(--demo-blue);flex-shrink:0}.demo-feedback{background:#eef4fd;border-radius:8px;padding:16px;margin:15px 0;font-size:14px}.demo-feedback.success{background:#e8f4ee;color:#1f674c}.demo-correction{margin-top:20px;border-top:1px solid var(--demo-line);padding-top:15px;font-size:14px}.demo-correction summary{cursor:pointer;color:var(--demo-blue);font-weight:650}.demo-caption{font-size:11px!important;margin-top:18px}.demo-next{display:flex;gap:30px;align-items:center;justify-content:space-between;background:#e7eff9;padding:28px;border-radius:14px}.demo-next h2{font-size:24px;margin:0 0 8px}.demo-next p{font-size:14px;color:var(--demo-muted);margin:0;max-width:660px}.demo-footer{font-size:12px;color:var(--demo-muted);border-top:1px solid var(--demo-line);padding-top:24px;padding-bottom:30px}.demo-footer a{font-weight:650}.demo-watermarks{position:fixed;inset:110px 0 0;z-index:9;pointer-events:none;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}.demo-watermarks span{color:#244b7a0e;font-weight:800;font-size:clamp(27px,6vw,80px);text-align:center;transform:rotate(-18deg);letter-spacing:10px;white-space:nowrap;user-select:none}.demo-print-notice{display:none}[hidden]{display:none!important}@media(max-width:950px){.demo-main{padding:30px 24px 45px}.demo-header,.demo-footer{padding-left:24px;padding-right:24px}.demo-feature-copy{padding:27px}.demo-feature h2{font-size:25px}.demo-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-board{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-stat{padding:18px}.demo-stat strong{font-size:26px}.demo-reading{gap:24px}.demo-record{align-items:flex-start;flex-direction:column}.demo-table{min-width:640px}}@media(max-width:620px){.demo-header{padding:18px}.demo-return{font-size:11px;max-width:115px;text-align:right}.demo-brand{font-size:14px}.demo-brand small{font-size:10px}.demo-monogram{padding:10px;font-size:14px}.demo-notice{align-items:flex-start;gap:10px;padding:13px 18px;font-size:11px}.demo-tag{font-size:9px;padding:4px 7px}.demo-tabs{gap:7px;padding:18px 16px 0}.demo-tabs a{padding:11px 10px;font-size:12px;flex:1;text-align:center}.demo-tabs span{display:none}.demo-main{padding:26px 16px 35px}.demo-intro{gap:16px}.demo-intro h1{font-size:31px}.demo-intro p:not(.demo-eyebrow){font-size:13px}.demo-avatar{display:none}.demo-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px}.demo-stat-main{grid-column:1/-1}.demo-stat{padding:17px}.demo-stat strong{font-size:24px}.demo-stat>span{font-size:11px}.demo-stat p{font-size:10px}.demo-feature{grid-template-columns:1fr;margin-bottom:26px}.demo-feature-copy{padding:24px}.demo-feature h2{font-size:27px}.demo-illustration img{max-height:300px;min-height:180px}.demo-module-grid{grid-template-columns:1fr;gap:12px}.demo-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.demo-section-heading h2,.demo-panel>h2{font-size:21px}.demo-module{padding:20px}.demo-module h3{margin:10px 0 16px}.demo-panel{padding:21px 17px}.demo-record{padding:22px}.demo-reading{grid-template-columns:1fr;gap:24px}.demo-diagram{position:static;max-width:420px;margin:auto}.demo-board{gap:22px 15px}.demo-board h3{font-size:15px}.demo-board p{font-size:12px}.demo-sections li{gap:8px;font-size:11px}.demo-sections li small{font-size:9px}.demo-next{flex-direction:column;align-items:stretch;padding:24px}.demo-button{font-size:12px}.demo-footer{flex-direction:column;align-items:flex-start;padding:22px 18px;gap:8px}.demo-watermarks span{letter-spacing:4px}}@media print{.demo-screen{display:none!important}.demo-print-notice{display:block!important;font-size:22pt;padding:3cm;color:#172b42}.demo-body{background:white}}