.demo-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.demo-teaser h2{max-width:620px}.demo-teaser p{max-width:580px;margin:24px 0 28px}.demo-teaser-sheet{border:1px solid var(--line);background:#fff;padding:32px}.demo-kicker{font:10px ui-monospace,monospace;letter-spacing:.08em;color:var(--green);display:block;margin-bottom:20px}.demo-teaser-sheet>strong{display:block;font-size:25px;line-height:1.25;letter-spacing:-.03em}.demo-teaser-metrics{display:grid;grid-template-columns:1fr 1fr;margin:28px 0;gap:24px}.demo-teaser-metrics span{display:grid;gap:10px;font-size:12px;color:var(--muted)}.demo-teaser-metrics b{font-size:40px;line-height:1;color:var(--ink);letter-spacing:-.04em}.demo-teaser-flow{border-block:1px solid var(--line);padding:16px 0;font-size:12px;line-height:1.9}.demo-teaser-sheet small{display:block;font-size:11px;color:var(--muted);margin-top:22px}.demo-intro{max-width:700px}.demo-intro>p{margin-top:24px;font-size:18px}.demo-banner{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start;padding:20px 24px;background:#e9eee5;border-left:2px solid var(--green);margin:36px 0 20px}.demo-banner>span{font:10px ui-monospace,monospace;letter-spacing:.05em;color:var(--green);line-height:1.8}.demo-banner p{font-size:13px;line-height:1.6}.demo-console{background:#fff;border:1px solid #b7c2b3;min-width:0}.demo-console-bar{background:var(--dark);color:var(--paper);padding:18px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.demo-console-bar strong{font-size:14px;letter-spacing:.08em}.demo-console-bar>span{font:10px ui-monospace,monospace;color:#c2cdbe}.demo-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);background:#f0f3ed}.demo-tabs a{display:flex;align-items:center;gap:12px;font-size:13px;padding:20px 16px;border-right:1px solid var(--line);line-height:1.4;min-width:0}.demo-tabs a:last-child{border-right:0}.demo-tabs a>span{font:10px ui-monospace,monospace;color:var(--green)}.demo-tabs a[aria-selected=true]{background:white;box-shadow:inset 0 -2px var(--green);font-weight:600}.demo-panel{padding:36px;border-bottom:1px solid var(--line)}.demo-panel[hidden],.demo-controls[hidden]{display:none}.demo-enhanced .demo-panel{min-height:490px}.demo-panel-header{max-width:700px}.demo-panel h3{font-size:30px;letter-spacing:-.035em;line-height:1.15;margin-bottom:18px}.demo-panel h4{font-size:16px;font-weight:600;margin:24px 0 10px}.demo-panel-header>p{font-size:15px;max-width:650px}.demo-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin:30px 0 0}.demo-facts>div{border-top:1px solid var(--line);padding:18px 0;min-width:0}.demo-facts dt{font-size:12px;color:var(--muted);margin-bottom:10px}.demo-facts dd{margin:0;font-size:20px;line-height:1.4;letter-spacing:-.025em}.demo-system-list{margin-top:28px}.demo-system-list>div{display:grid;grid-template-columns:1fr 1.5fr .7fr;gap:20px;align-items:center;border-top:1px solid var(--line);padding:18px 0;font-size:14px}.demo-system-list>div>b{text-align:right;font-weight:500}.demo-system-list>div>span{color:var(--muted)}.demo-note,.demo-closing{font-size:13px;max-width:760px;margin-top:24px}.demo-workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:0;list-style:none;margin:32px 0}.demo-workflow li{border-top:2px solid #b8cbae;padding-top:18px}.demo-workflow span{display:block;font:10px ui-monospace,monospace;color:var(--green);margin-bottom:15px}.demo-workflow strong{font-size:15px;font-weight:500;line-height:1.5;display:block}.demo-opportunity-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;margin-top:24px}.demo-opportunity-grid>div>h4:first-child{margin-top:0}.demo-opportunity-grid p{font-size:14px}.demo-score{border:1px solid var(--line);padding:24px;background:#f7f8f4}.demo-score>span{font:10px ui-monospace,monospace;color:var(--green);letter-spacing:.04em}.demo-score>strong{display:block;font-size:64px;letter-spacing:-.06em;line-height:1.2;margin:18px 0}.demo-score>strong>small{font-size:20px;color:var(--muted);letter-spacing:0;margin-left:5px;font-weight:400}.demo-score>p{font-size:12px}.demo-score details{font-size:12px;margin-top:18px}.demo-score summary{cursor:pointer;padding:8px 0}.demo-score dl{margin:12px 0 0}.demo-score dl>div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:10px 0}.demo-score dd{margin:0;white-space:nowrap}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:#f7f8f4}.demo-controls button{background:transparent;border:1px solid #aab6a4;min-height:44px;padding:10px 16px;cursor:pointer;font-size:13px;color:var(--ink)}.demo-controls button:disabled{opacity:.45;cursor:default}.demo-controls>span{font:11px ui-monospace,monospace;color:var(--muted)}.demo-profile-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.demo-profile-top>strong{letter-spacing:.09em;font-size:19px}.demo-profile-top>span{font:9px ui-monospace,monospace;color:var(--green);line-height:1.6;text-align:right}.demo-profile-lead{font-size:16px}.demo-profile .demo-facts{grid-template-columns:1fr 1fr}.demo-profile .demo-facts dd{font-size:16px}.demo-profile>p{font-size:14px}.demo-profile-important{margin-top:30px;border-left:2px solid var(--green);padding:14px 18px;background:#e9eee5;font-size:12px;line-height:1.7}.demo-print-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.demo-print-actions>span{font-size:12px;color:var(--muted);max-width:360px}.data-demo :focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:800px){.demo-teaser{gap:32px;grid-template-columns:1fr}.demo-banner{grid-template-columns:1fr;gap:10px;padding:18px}.demo-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-tabs a{border-bottom:1px solid var(--line);padding:14px 12px;gap:8px}.demo-tabs a:nth-child(3){border-right:0}.demo-tabs a:last-child{border-right:1px solid var(--line)}.demo-panel{padding:24px}.demo-enhanced .demo-panel{min-height:470px}.demo-facts{grid-template-columns:1fr 1fr;gap:0 20px}.demo-workflow{grid-template-columns:1fr;gap:0;margin:24px 0}.demo-workflow li{display:flex;gap:18px;align-items:center;padding:14px 0;border-width:1px}.demo-workflow span{margin:0}.demo-opportunity-grid{grid-template-columns:1fr;gap:28px}.demo-score>strong{font-size:54px}.demo-print-actions{flex-direction:column;align-items:flex-start;gap:14px}.demo-intro>p{font-size:16px}}
@media(max-width:480px){.demo-teaser-sheet{padding:24px}.demo-teaser-sheet>strong{font-size:22px}.demo-console-bar{padding:16px;gap:10px}.demo-console-bar>span{font-size:8px}.demo-tabs a{font-size:11px;gap:6px;padding:14px 9px}.demo-tabs a>span{font-size:9px}.demo-panel{padding:22px 16px}.demo-panel h3{font-size:25px;overflow-wrap:anywhere}.demo-facts dd{font-size:18px}.demo-facts dt{font-size:11px}.demo-system-list>div{grid-template-columns:.85fr 1fr .6fr;gap:10px;font-size:12px}.demo-controls{padding:14px 12px;gap:8px}.demo-controls button{font-size:12px;padding:10px 12px}.demo-profile-top{gap:12px}.demo-profile-top>strong{font-size:15px}.demo-profile .demo-facts{grid-template-columns:1fr}.demo-profile .demo-facts dd{font-size:15px}.demo-score{padding:20px}.demo-banner{padding:14px}.demo-profile-important{padding:12px;font-size:11px}}
@media print{body:has(.data-demo){background:white;color:black}body:has(.data-demo) .site-header,body:has(.data-demo) .site-footer,body:has(.data-demo) .skip,body:has(.data-demo) main>section:not(.data-demo),.data-demo .demo-intro,.data-demo .demo-banner,.data-demo .demo-console-bar,.data-demo .demo-tabs,.data-demo .demo-controls,.data-demo .demo-closing,.data-demo .demo-panel:not(:last-of-type),.data-demo .demo-print-actions{display:none!important}.data-demo,.data-demo .demo-console,.data-demo .demo-panel:last-of-type{display:block!important;border:0;padding:0;margin:0;min-height:0}.data-demo .demo-profile{max-width:none}.data-demo .demo-facts>div,.data-demo h4,.data-demo .demo-profile-important{break-inside:avoid}.data-demo h4{break-after:avoid}.data-demo .demo-profile-important{border:1px solid #aaa;background:white}.data-demo .demo-facts dd{font-size:12pt}.data-demo .demo-profile>p{font-size:10pt}}