.demo-app{--forest:#102f27;--lime:#d9ff52;--paper:#f5f3ed;--ink:#10201c;background:var(--paper);color:var(--ink);min-height:100vh;font-size:14px;line-height:1.6}.demo-app *{box-sizing:border-box}.demo-app a{text-decoration:none}.demo-app button{cursor:pointer}.demo-app svg{flex-shrink:0;width:20px;height:20px}.demo-app button:focus-visible,.demo-app a:focus-visible,.demo-app summary:focus-visible{outline-offset:3px;outline:3px solid #ff7048}.demo-app h1,.demo-app h2,.demo-app h3,.demo-app p{margin:0}.demo-app h2{letter-spacing:-.035em;font-size:22px;font-weight:800;line-height:1.3}.demo-app h3{font-size:16px;font-weight:750;line-height:1.4}.demo-sidebar{background:var(--forest);color:#fff;z-index:40;flex-direction:column;width:252px;padding:28px 17px;display:flex;position:fixed;inset:0 auto 0 0}.demo-brand{color:#fff;letter-spacing:-.04em;align-items:center;gap:10px;padding:0 10px;font-size:21px;font-weight:850;display:flex}.demo-brand>span{background:var(--lime);width:35px;height:35px;color:var(--forest);border-radius:10px;justify-content:center;align-items:center;display:flex}.demo-company{background:#ffffff0a;border:1px solid #ffffff18;border-radius:13px;align-items:center;gap:10px;margin:29px 0;padding:15px 10px;display:flex}.demo-company strong{font-size:13px;display:block}.demo-company small{color:#b1c5bb;margin-top:3px;font-size:10px;display:block}.demo-avatar{width:34px;height:34px;color:var(--lime);background:#d9ff5222;border-radius:9px;place-items:center;font-size:11px;font-weight:750;display:grid}.demo-nav-label{letter-spacing:.15em;color:#97aea3;padding:0 12px 12px;font-size:9px;font-weight:750}.demo-sidebar nav{gap:7px;display:grid}.demo-sidebar nav button{text-align:left;color:#d8e2dc;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:13px;font-weight:650;transition:background .15s;display:flex}.demo-sidebar nav button:hover{background:#ffffff12}.demo-sidebar nav button.active{background:var(--lime);color:var(--forest)}.demo-sidebar-note{color:#bfd0c7;margin-top:auto;padding:23px 12px 25px;font-size:11px;line-height:1.7}.demo-sidebar-note>svg{color:var(--lime);margin-bottom:10px}.demo-sidebar-note strong{color:#fff;margin-bottom:6px;font-size:12px;display:block}.demo-back{color:#d1dfd7;border-top:1px solid #ffffff20;padding:18px 12px 0;font-size:11px}.demo-workspace{margin-left:252px}.demo-banner{background:#e8eddb;border-bottom:1px solid #dde4d2;justify-content:space-between;align-items:center;gap:15px;min-height:47px;padding:10px 34px;font-size:11px;font-weight:650;display:flex}.demo-banner>span,.demo-banner>a{align-items:center;gap:8px;display:flex}.demo-banner svg{width:14px;height:14px}.demo-dot{background:#527442;border-radius:50%;width:7px;height:7px}.demo-workspace main{max-width:1440px;margin:auto;padding:34px 34px 22px}.demo-page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.demo-eyebrow{color:#9a492f;letter-spacing:.15em;font-size:9px;font-weight:800}.demo-page-heading h1{letter-spacing:-.055em;margin:9px 0 10px;font-size:39px;font-weight:850;line-height:1.1}.demo-page-heading p:not(.demo-eyebrow){color:#647267;font-size:13px}.demo-date{white-space:nowrap;color:#6f7d72;padding-bottom:3px;font-size:10px}.demo-hero{background:var(--forest);color:#fff;border-radius:17px;grid-template-columns:1.15fr 1fr;gap:35px;margin-bottom:22px;padding:31px;display:grid}.demo-pill{color:#e4eddc;background:#ffffff13;border:1px solid #ffffff20;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:650;display:inline-block}.demo-hero h2{letter-spacing:-.045em;margin-top:18px;font-size:32px;line-height:1.12}.demo-hero p{color:#c1d0c6;max-width:390px;margin:16px 0 22px;font-size:12px;line-height:1.8}.demo-primary,.demo-secondary{background:var(--lime);color:var(--forest);border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:13px 16px;font-size:11px;font-weight:750;display:inline-flex}.demo-primary:hover{background:#e8ff94}.demo-primary svg,.demo-secondary svg{width:16px;height:16px}.demo-secondary{background:#edf1e6;margin-top:20px}.demo-secondary:hover{background:#e0e9d4}.demo-journey{flex-direction:column;justify-content:center;gap:10px;display:flex}.demo-journey button{text-align:left;background:#ffffff09;border:1px solid #ffffff20;border-radius:10px;align-items:center;gap:13px;padding:17px;transition:background .2s;display:flex}.demo-journey button:hover{background:#ffffff15}.demo-journey button>span{color:var(--lime);font-size:12px;font-weight:750}.demo-journey button>div{flex:1}.demo-journey strong{font-size:14px;display:block}.demo-journey small{color:#aebfb4;margin-top:2px;font-size:10px;display:block}.demo-journey svg{width:16px;height:16px;color:var(--lime)}.demo-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px;display:grid}.demo-stat{background:#fff;border:1px solid #e3e7dd;border-radius:12px;padding:21px}.demo-stat small{color:#69756c;font-size:11px;display:block}.demo-stat strong{letter-spacing:-.04em;margin:10px 0;font-size:35px;font-weight:800;line-height:1;display:block}.demo-stat span{color:#728075;font-size:10px}.demo-two-col{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px;display:grid}.demo-card{background:#fff;border:1px solid #e2e6dc;border-radius:13px;margin-bottom:22px;padding:25px}.demo-two-col>.demo-card{margin-bottom:0}.demo-card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.demo-card h2{font-size:18px}.demo-card-heading>button{color:#496e35;white-space:nowrap;font-size:10px;font-weight:700}.demo-muted{color:#6e7b70;font-size:12px;line-height:1.8;margin-top:9px!important}.demo-keyword-list{margin-top:14px;display:grid}.demo-keyword-list>div{border-bottom:1px solid #edf0e9;justify-content:space-between;gap:15px;padding:13px 0;font-size:12px;display:flex}.demo-keyword-list strong{font-size:13px}.demo-source{color:#7c877d;font-size:10px;line-height:1.7;margin-top:18px!important}.demo-task-list{margin-top:9px}.demo-task-list button{text-align:left;border-bottom:1px solid #edf0e9;align-items:center;gap:12px;width:100%;padding:15px 0;display:flex}.demo-task-list button>div{flex:1}.demo-task-list strong{font-size:12px;line-height:1.5;display:block}.demo-task-list small{color:#778477;font-size:10px}.demo-task-list button>svg{color:#8c9c8a;width:15px;height:15px}.demo-check{color:#4c7336;background:#eff5e7;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.demo-check svg{width:15px;height:15px}.demo-soft-tag{white-space:nowrap;color:#506b3b;background:#eff3e7;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:650;display:inline-block}.demo-footnote{color:#7b867d;font-size:10px;margin:15px 0!important}.demo-footer{color:#758173;border-top:1px solid #dfe5d9;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:20px;font-size:10px;display:flex}.demo-footer span{align-items:center;gap:7px;display:flex}.demo-footer svg{width:13px;height:13px}.demo-footer a{color:var(--forest);white-space:nowrap;font-weight:650}.demo-explainer{background:#e9efdf;border-radius:13px;align-items:flex-start;gap:18px;margin-bottom:22px;padding:22px 25px;display:flex}.demo-explainer>svg{color:#496c32;width:26px;height:26px;margin-top:2px}.demo-explainer h2{font-size:19px}.demo-explainer p{color:#627459;max-width:800px;margin-top:7px;font-size:12px;line-height:1.8}.demo-table-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.demo-search{color:#819078;border:1px solid #dce3d6;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.demo-search svg{width:17px;height:17px}.demo-search input{width:175px;min-width:0;color:var(--forest);outline:none;font-size:12px}.demo-search:focus-within{outline:2px solid #82a45c}.demo-table-wrap{overflow-x:auto}.demo-app table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.demo-app th{color:#7a8774;white-space:nowrap;background:#f6f8f2;padding:13px 12px;font-size:10px;font-weight:650}.demo-app td{border-bottom:1px solid #edf0e9;padding:14px 12px}.demo-app td:first-child{font-weight:600}.demo-inline-action{color:#4b7039;text-align:left;align-items:center;gap:7px;font-size:11px;display:inline-flex}.demo-inline-action svg{width:14px;height:14px}.demo-empty{color:#718167;font-size:13px;padding:25px!important}.demo-filters{gap:7px;margin-bottom:20px;display:flex}.demo-filters button{color:#697b5c;background:#f3f5ef;border-radius:7px;padding:8px 17px;font-size:12px;font-weight:650}.demo-filters button[aria-pressed=true]{background:var(--forest);color:#fff}.demo-content-list>button{text-align:left;border-top:1px solid #e9eee3;align-items:center;gap:18px;width:100%;padding:21px 3px;display:flex}.demo-content-list>button:hover{background:#f9fbf6}.demo-content-list>button>svg{color:#6e8c50;width:24px;height:24px}.demo-content-list>button>div{flex:1}.demo-content-list small{color:#7e8d72;font-size:9px}.demo-content-list h3{margin:5px 0}.demo-content-list p{color:#7b8775;font-size:11px}.demo-content-list>button>span{color:#4b7039;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.demo-content-list>button>span svg{width:16px;height:16px}.demo-article{max-width:850px}.demo-article>.demo-soft-tag{margin-top:25px;display:table}.demo-path{color:#8d9884;overflow-wrap:anywhere;font-size:10px;margin:18px 0 6px!important}.demo-article>h2{max-width:620px;font-size:30px;line-height:1.2}.demo-article-intro{color:#53644d;font-size:15px;line-height:1.85;margin:21px 0 28px!important}.demo-article section{max-width:680px;margin-top:24px}.demo-article section p{color:#61715b;margin-top:8px;font-size:13px;line-height:1.9}.demo-article-note{color:#5c7446;background:#f0f5e8;border-radius:9px;gap:12px;margin-top:30px;padding:18px;font-size:11px;display:flex}.demo-ai-chips{flex-wrap:wrap;align-items:center;gap:9px;margin:5px 0 22px;display:flex}.demo-ai-chips>span{background:#fff;border:1px solid #dfe5d7;border-radius:7px;padding:8px 15px;font-size:11px;font-weight:750}.demo-ai-chips small{color:#7c8972;margin-left:5px;font-size:10px}.demo-faq{margin-top:19px}.demo-faq details{border-top:1px solid #e6eddf;padding:18px 0}.demo-faq summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:13px;font-weight:700;list-style:none;display:flex}.demo-faq summary::-webkit-details-marker{display:none}.demo-faq summary span{color:#769458;font-size:20px;line-height:1}.demo-faq p{color:#64785a;max-width:750px;margin:12px 0 9px;font-size:12px}.demo-faq small{color:#87977c;font-size:10px}.demo-checklist{gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.demo-checklist li{color:#5f7156;align-items:center;gap:10px;font-size:12px;display:flex}.demo-checklist svg{color:#5c803d;width:16px;height:16px}.demo-report{background:#fff;border:1px solid #dfe5d7;border-radius:14px;max-width:1050px;padding:34px}.demo-report-title{border-bottom:1px solid #e8eddf;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;display:flex}.demo-report-title h2{margin:8px 0;font-size:30px}.demo-report-title p:not(.demo-eyebrow){color:#78876b;font-size:12px}.demo-report-summary{background:var(--forest);color:#fff;border-radius:11px;margin-top:25px;padding:25px}.demo-report-summary strong{letter-spacing:-.025em;font-size:20px;font-weight:750;line-height:1.35;display:block}.demo-report-summary p{color:#c4d2be;margin-top:10px;font-size:12px;line-height:1.8}.demo-report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:26px 0 32px;display:grid}.demo-report-grid small{color:#7c9170;font-size:10px}.demo-report-grid h3{margin:7px 0}.demo-report-grid p{color:#78876f;font-size:11px;line-height:1.7}.demo-report-log{margin:15px 0;padding:0;list-style:none}.demo-report-log li{border-top:1px solid #e7edde;align-items:center;gap:15px;padding:18px 0;display:flex}.demo-report-log li>span{color:#7b9b57;font-size:12px;font-weight:750}.demo-report-log li>div{flex:1}.demo-report-log strong{font-size:12px}.demo-report-log p{color:#788c6a;margin-top:4px;font-size:11px}.demo-report-log button{color:#52763a;white-space:nowrap;font-size:11px;font-weight:650}.demo-mobile-head{display:none}.demo-skip{z-index:100;background:var(--lime);color:var(--forest);padding:10px;position:fixed;top:-100px;left:15px}.demo-skip:focus{top:12px}@media (min-width:1500px){.demo-workspace main{padding:45px 50px}.demo-hero{padding:40px}.demo-hero h2{font-size:39px}.demo-hero p{font-size:14px}}@media (max-width:1150px){.demo-sidebar{width:222px;padding-inline:12px}.demo-workspace{margin-left:222px}.demo-workspace main{padding:25px}.demo-banner{padding-inline:25px}.demo-date{display:none}.demo-hero{gap:22px;padding:25px}.demo-hero h2{font-size:28px}.demo-stats{gap:10px}.demo-stat{padding:17px}.demo-card{padding:21px}.demo-two-col{gap:16px}.demo-card-heading{flex-direction:column;align-items:flex-start;gap:7px}.demo-table-toolbar{flex-direction:column;align-items:flex-start}.demo-table-toolbar .demo-search,.demo-search input{width:100%}.demo-content-list>button>span{font-size:0}.demo-content-list>button>span svg{width:19px;height:19px}}@media (max-width:767px){.demo-mobile-head{background:var(--forest);color:#fff;z-index:60;justify-content:space-between;align-items:center;padding:14px 19px;display:flex;position:relative}.demo-mobile-head a{letter-spacing:-.04em;font-size:18px;font-weight:800}.demo-mobile-head button{padding:4px}.demo-mobile-head svg{width:24px;height:24px}.demo-sidebar{z-index:50;width:100%;height:calc(100dvh - 60px);padding:20px;display:none;position:fixed;top:60px;overflow-y:auto}.demo-sidebar.is-open{display:flex}.demo-sidebar .demo-brand{display:none}.demo-company{margin:0 0 24px}.demo-sidebar-note{max-width:330px;margin-top:25px}.demo-workspace{margin-left:0}.demo-banner{flex-wrap:wrap;gap:8px;padding:11px 18px;font-size:10px}.demo-banner>a{font-size:9px}.demo-workspace main{padding:24px 18px}.demo-page-heading{margin-bottom:23px}.demo-eyebrow{letter-spacing:.12em;font-size:8px;line-height:1.7}.demo-page-heading h1{font-size:34px}.demo-page-heading p:not(.demo-eyebrow){font-size:12px}.demo-hero{grid-template-columns:1fr;gap:26px;padding:25px 22px}.demo-hero h2{font-size:32px}.demo-hero p{font-size:12px}.demo-journey button{padding:14px}.demo-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.demo-stat{padding:18px}.demo-stat strong{font-size:32px}.demo-stat span{font-size:9px}.demo-two-col{grid-template-columns:1fr}.demo-card{padding:22px 18px}.demo-card-heading{flex-direction:row;align-items:center}.demo-card h2{font-size:17px}.demo-card-heading>button{font-size:9px}.demo-card-heading>.demo-soft-tag{font-size:8px}.demo-footer{flex-direction:column;align-items:flex-start;gap:10px;font-size:9px}.demo-explainer{gap:13px;padding:20px 18px}.demo-explainer h2{font-size:18px}.demo-explainer>svg{width:21px;height:21px}.demo-explainer p{font-size:11px}.demo-app td,.demo-app th{padding:12px 9px}.demo-app th{white-space:normal;min-width:120px;font-size:9px}.demo-app td{font-size:11px}.demo-app td:nth-child(3){min-width:155px}.demo-content-list>button{gap:12px}.demo-content-list h3{font-size:15px}.demo-content-list>button>svg{display:none}.demo-filters button{padding:8px 14px;font-size:11px}.demo-article>h2{font-size:27px}.demo-article-intro{font-size:14px}.demo-report{padding:24px 19px}.demo-report-title{align-items:flex-start}.demo-report-title h2{font-size:24px}.demo-report-title .demo-soft-tag{font-size:8px}.demo-report-summary{padding:22px}.demo-report-summary strong{font-size:20px}.demo-report-grid{grid-template-columns:1fr;gap:18px}.demo-report-log{margin-top:20px}.demo-report-log li{align-items:flex-start;gap:12px}.demo-report-log button{font-size:10px}.demo-ai-chips small{width:100%;margin:3px 0 0;display:block}.demo-ai-chips>span{padding:7px 12px;font-size:10px}}@media (prefers-reduced-motion:reduce){.demo-app *{transition:none!important;animation:none!important}}.demo-reading{color:#68765e;flex-wrap:wrap;gap:8px 18px;margin:15px 0;font-size:11px;display:flex}.demo-takeaways,.demo-article-next{background:#eff4e4;border-radius:12px;margin:25px 0;padding:23px}.demo-takeaways strong{font-size:15px}.demo-article ul{padding-left:21px;list-style:outside}.demo-article li{color:#53644d;margin:8px 0;font-size:14px;line-height:1.8}.demo-article-toc{border-block:1px solid #e0e7d8;margin:28px 0;padding:22px 0}.demo-article-toc strong{margin-bottom:12px;display:block}.demo-article-toc ol{padding-left:22px;list-style:decimal}.demo-article-toc li{margin:7px 0}.demo-article-toc a{color:var(--forest);text-underline-offset:3px;text-decoration:underline}.demo-article section{margin-top:34px;scroll-margin-top:24px}.demo-article section h3{font-size:21px;line-height:1.3}.demo-article section p,.demo-article-next p{color:#53644d;margin-top:13px;font-size:15px;line-height:1.85}.demo-article .demo-faq summary{font-size:15px}.demo-article-next h3{font-size:20px}.demo-related{border-top:1px solid #e0e7d8;gap:13px;margin-top:32px;padding-top:23px;display:grid}.demo-related button{text-align:left;color:var(--forest);text-underline-offset:4px;padding:8px 0;font-size:14px;text-decoration:underline}.demo-article .demo-takeaways ul{margin-bottom:0}@media (max-width:600px){.demo-article{padding:22px 18px}.demo-article>h2{font-size:27px}.demo-takeaways,.demo-article-next{padding:18px}.demo-article section h3{font-size:20px}}
