:root{--ink:#172f2e;--muted:#66736f;--paper:#f5f6f2;--line:#dce2db;--green:#1b6953;--softgreen:#e5f2e9;--orange:#a65c14;--softorange:#fff1da;--cr:#285d99;--zg:#9c6220;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 "Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,select,label.file-label{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #51927b;outline-offset:3px}button:disabled{cursor:wait;opacity:.65}.topbar{display:flex;align-items:center;justify-content:space-between;padding:17px 4%;border-bottom:1px solid var(--line);background:#f5f6f2f5;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1.4px}.brandmark{display:grid;place-items:center;background:var(--ink);color:#d8edb9;font-size:24px;letter-spacing:-3px;width:40px;height:40px;border-radius:10px;padding-right:3px}.brand-sub{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:2px}.topright{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.button{border:1px solid transparent;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;min-height:42px}.dark{background:var(--ink);color:#fff}.dark:hover{background:#27504b}.quiet{background:transparent;border-color:var(--line);color:var(--ink)}.outline{background:#fff;border-color:#cbd5ca;color:var(--ink)}.outline:hover,.quiet:hover{background:#edf1e9}main{max-width:1400px;margin:auto;padding:0 5%}.hero{padding:54px 0 44px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;display:block}.hero>.eyebrow{color:var(--muted);display:flex;gap:24px}.hero>.eyebrow span{font-weight:400;letter-spacing:.3px}.hero-grid{display:grid;grid-template-columns:1fr 300px;gap:80px;align-items:center;margin-top:22px}h1{font-size:clamp(32px,4vw,54px);letter-spacing:-2px;line-height:1.12;font-weight:600;margin:0 0 22px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro{max-width:650px;font-size:16px;color:var(--muted);line-height:1.7;margin:0 0 22px}.source-pills{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.source-pills>span:not(.source-note){display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);padding:5px 11px 5px 6px;border-radius:100px;font-size:12px}.mini{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:11px}.cr{background:#eaf0f9;color:var(--cr)}.zg{background:#fff0da;color:var(--zg)}.source-note{font-size:11px;color:var(--muted);margin-left:5px}.selection-card{padding:24px;background:#eaf0e3;border-radius:14px}.selection-card .eyebrow{color:#52684c}.big-stat{display:flex;align-items:center;gap:18px;margin:12px 0}.big-stat strong{font-size:68px;font-weight:500;line-height:1.2;letter-spacing:-3px;font-variant-numeric:tabular-nums}.big-stat span{font-size:13px;color:#4a5f47}.stat-bar{height:6px;display:flex;border-radius:10px;overflow:hidden;gap:3px;margin:18px 0 12px}.stat-bar span{height:100%}.stat-bar .mvp{background:var(--green)}.stat-bar .discuss{background:#d5a655}.stat-bar .later{background:#b4c0b0}.stat-bar .exclude{background:#73817c}.stat-legend{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:#53634f}.selection-card a{display:flex;justify-content:space-between;text-decoration:none;font-size:12px;font-weight:600;border-top:1px solid #d1dcc6;margin-top:20px;padding-top:14px}.scenario{border:1px solid var(--line);background:#fff;border-radius:14px;padding:25px 28px;margin-bottom:48px}.section-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}h2{font-size:26px;line-height:1.3;letter-spacing:-.8px;margin:8px 0 0;font-weight:600}.section-header .eyebrow{color:var(--muted)}.segmented{display:flex;gap:3px;background:#f0f3ed;border:1px solid var(--line);border-radius:9px;padding:4px}.segmented button{border:0;background:none;border-radius:6px;padding:8px 13px;color:var(--muted);font-size:12px}.segmented [aria-pressed=true]{background:var(--ink);color:white}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.flow-step{position:relative;background:#f7f8f4;border-radius:9px;padding:16px;min-height:110px}.flow-step:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:40%;color:#8b9c87}.step-number{font-size:11px;color:#6b8263;display:block;margin-bottom:8px}.flow-step strong{font-size:14px;font-weight:600;display:block}.flow-step small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.scenario-bottom{display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.scenario-bottom p{margin:0;font-size:12px;color:var(--muted);max-width:700px}.muted{font-size:12px;color:var(--muted);text-align:right;margin:0}.matrix-section{scroll-margin-top:100px}.filterbar{display:flex;gap:10px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);border-radius:8px;padding:0 13px;flex:1;min-width:230px}.search span{font-size:24px;color:#788775}.search input{border:0;background:none;padding:12px 0;width:100%;font-size:13px;color:var(--ink)}select{border:1px solid var(--line);background:white;border-radius:8px;padding:11px 30px 11px 12px;font-size:12px;color:var(--ink);max-width:100%}.table-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 0 12px;font-size:11px;color:var(--muted)}.text-button{border:0;background:none;color:var(--green);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:5px 0}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto;background:#fff}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.5px;background:#eff2eb;font-weight:600;padding:14px 16px;border-bottom:1px solid var(--line)}th:nth-child(1){width:22%}th:nth-child(2){width:31%}th:nth-child(3){width:13%}th:nth-child(4){width:15%}th:nth-child(5){width:19%}td{padding:17px 16px;border-bottom:1px solid #e8ece5;vertical-align:top}tbody tr:last-child td{border:0}tbody tr:hover{background:#fcfdf9}.feature-meta{color:var(--muted);font-size:10px;margin-bottom:5px;display:block}.feature-title{font-size:13px;font-weight:600;line-height:1.45;display:block}.description{color:#52605a;line-height:1.65}details{margin-top:8px;font-size:10px;color:var(--muted)}details summary{cursor:pointer}details p{margin:6px 0 0}.platforms{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.platform{padding:3px 7px;border-radius:4px;font-size:10px;white-space:nowrap;font-weight:600}.platform.cr{background:#edf2fa}.platform.zg{background:#fff2e0}.priority{width:100%;font-size:11px;font-weight:600;padding:8px 25px 8px 8px;border:1px solid transparent}.priority.mvp{background:var(--softgreen);color:var(--green)}.priority.discuss{background:var(--softorange);color:var(--orange)}.priority.later{background:#edf0eb;color:#64715e}.priority.exclude{background:#f2eded;color:#886666}.comment{width:100%;min-height:53px;border:1px solid #e3e8df;border-radius:6px;padding:8px;resize:vertical;font-size:11px;color:var(--ink);background:#fcfdfb;line-height:1.5}.comment::placeholder{color:#899286}.evidence-note{font-size:11px;color:var(--muted);margin:16px 0 40px;max-width:950px}.empty{padding:50px;text-align:center;color:var(--muted)}.handoff{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:28px;border-radius:14px;background:#eaf0e3;margin-bottom:30px}.handoff h2{font-size:25px}.handoff p{font-size:12px;color:#5e6e55;max-width:500px;margin-bottom:0}.handoff-actions{display:flex;flex-wrap:wrap;align-content:center;gap:9px}.file-label{cursor:pointer}.file-label input{display:none}.danger{color:#8e6651;margin-left:auto}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 20px;border-radius:9px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:90%}.toast.show{opacity:1;transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:16px 0 30px;border-top:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:14px;max-width:480px;padding:30px;color:var(--ink)}dialog::backdrop{background:#172f2e60}dialog p{font-size:14px;color:var(--muted)}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){main{padding:0 4%}.hero-grid{gap:35px;grid-template-columns:1fr 260px}.topright #saveStatus,.status-dot{display:none}.flow{gap:12px}.flow-step{padding:12px}.section-header{align-items:flex-start}.handoff{gap:30px}td,th{padding:13px 10px}.flow-step:not(:last-child)::after{right:-11px}.priority{font-size:10px}}
@media(max-width:720px){.topbar{padding:12px 5%;gap:10px}.topright{gap:6px}.topright .button{padding:8px 10px;font-size:10px;min-height:36px}.brand{font-size:9px;letter-spacing:.8px;gap:7px}.brandmark{width:32px;height:32px;font-size:19px}.brand-sub{display:none}main{padding:0 5%}.hero{padding:32px 0}.hero>.eyebrow{flex-direction:column;gap:5px;font-size:9px}.hero-grid{display:block;margin-top:20px}h1{letter-spacing:-1.5px;font-size:38px}.intro{font-size:14px}.selection-card{margin-top:24px;padding:18px}.big-stat{margin:3px 0}.big-stat strong{font-size:50px}.selection-card a{margin-top:12px}.stat-bar{margin:9px 0}.scenario{padding:20px;margin-bottom:32px}.section-header{display:block;margin-bottom:20px}.segmented{margin-top:18px;width:fit-content}.flow{grid-template-columns:1fr;gap:8px}.flow-step{min-height:0;display:grid;grid-template-columns:25px 1fr;column-gap:8px;padding:12px}.step-number{grid-row:1/3;margin:1px 0}.flow-step small{grid-column:2}.flow-step:not(:last-child)::after{display:none}.scenario-bottom{display:block}.scenario-bottom .button{margin-top:14px;width:100%}.muted{text-align:left;margin-top:12px}.filterbar>label:not(.search){flex:1;min-width:120px}.filterbar select{width:100%}.search{flex-basis:100%}.table-wrap{overflow:visible;border:0;background:none}table,tbody,tr,td{display:block}thead{display:none}tr{border:1px solid var(--line);border-radius:10px;background:white;margin-bottom:12px;padding:16px}td{padding:0;border:0;margin-bottom:12px}td:last-child{margin-bottom:0}.feature-title{font-size:15px}.description{font-size:13px}.platforms{flex-direction:row}.priority{font-size:12px}.comment{font-size:12px}.handoff{display:block;padding:22px}.handoff-actions{margin-top:20px}.handoff-actions>.button{flex:1;min-width:180px}.danger{margin-left:0}.evidence-note{font-size:11px}footer{display:block;line-height:2}footer span{display:block}h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}
@media print{@page{size:A4 landscape;margin:12mm}body{background:white;font-size:10pt}.topbar,.filterbar,.table-meta,.scenario-bottom .button,.handoff,.toast,dialog,.segmented,.selection-card a{display:none!important}main{max-width:none;padding:0}.hero{padding:0 0 20px}.hero-grid{grid-template-columns:1fr 220px;gap:30px}h1{font-size:30pt}.intro{font-size:10pt}.selection-card{print-color-adjust:exact}.scenario{padding:15px;margin-bottom:20px}.flow{gap:12px}.flow-step{min-height:80px;print-color-adjust:exact}.matrix-section .section-header{margin-bottom:15px}h2{font-size:18pt}.table-wrap{overflow:visible;border-radius:0}table{font-size:8pt}th,td{padding:8px}tr{break-inside:avoid}.feature-title{font-size:9pt}.priority{appearance:none;border:0;padding:3px;print-color-adjust:exact}.comment{border:0;background:none;resize:none;font-size:8pt;padding:0;min-height:0}details{display:none}.platform{print-color-adjust:exact}.evidence-note{font-size:8pt;margin-bottom:15px}footer{padding:10px 0}.big-stat strong{font-size:40pt}.source-pills{margin-top:5px}}
/* Feature descriptions and screenshot viewer */
.description-button{display:flex;align-items:center;gap:10px;border:1px solid #cbd5ca;border-radius:6px;background:#f5f8f1;color:var(--green);font-size:11px;font-weight:600;padding:7px 10px;margin-top:10px;min-height:36px}.description-button:hover{background:#e5eee0}.detail-dialog{width:min(1120px,94vw);max-width:none;max-height:90dvh;padding:28px;overflow:auto}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.detail-header h2{font-size:28px}.detail-header .eyebrow{color:var(--muted)}.detail-intro{max-width:850px;margin:16px 0 24px}.detail-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;align-items:start}.platform-detail{border:1px solid var(--line);border-radius:10px;padding:20px;min-width:0;background:#fcfdfb}.platform-detail .platform{font-size:12px;padding:5px 10px}.platform-detail dl{margin:20px 0 0}.platform-detail dl>div{margin-top:17px}.platform-detail dt{font-size:11px;font-weight:700;color:var(--ink);letter-spacing:.2px}.platform-detail dd{white-space:pre-line;overflow-wrap:anywhere;margin:5px 0 0;color:#52605a;font-size:13px;line-height:1.65}.platform-detail dl>div:last-child{background:#eef2e8;padding:12px;border-radius:7px}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;margin-top:22px}.screenshot-gallery figure{margin:0;min-width:0}.screenshot-button{display:block;width:100%;text-align:left;padding:0;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;color:var(--green)}.screenshot-button:hover{border-color:var(--green);box-shadow:0 3px 15px #172f2e12}.screenshot-button img{display:block;width:100%;height:145px;object-fit:contain;object-position:top;background:#edf0eb}.screenshot-hint{display:flex;justify-content:space-between;font-size:10px;font-weight:600;padding:8px 10px}.screenshot-gallery figcaption{font-size:11px;color:var(--muted);line-height:1.5;margin-top:7px;overflow-wrap:anywhere}.detail-placeholder,.screenshot-unavailable{color:var(--muted);font-size:13px;line-height:1.6;background:#eef2e8;padding:15px;border-radius:7px}.image-dialog{width:96vw;max-width:1600px;max-height:96dvh;padding:18px;overflow:auto}.image-dialog::backdrop{background:#0b1919db}.image-toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:12px}.image-toolbar h2{font-size:16px;letter-spacing:0;margin:0;flex-shrink:0}.image-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.image-controls .button{padding:7px 11px;min-height:38px}.image-controls output{min-width:45px;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.image-viewport{height:min(70dvh,950px);overflow:auto;border:1px solid var(--line);border-radius:7px;background:#e7ece5;overscroll-behavior:contain}.image-viewport img{display:block;max-width:none;min-width:100%;height:auto}.image-caption{margin:12px 0 0!important;color:var(--ink)!important;font-size:13px!important;white-space:pre-line;overflow-wrap:anywhere}.image-keyboard-hint{font-size:10px!important;margin:5px 0 0;color:var(--muted)}.image-error{padding:20px}.export-status{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin:0 0 20px}.export-status:empty{display:none}
@media(max-width:720px){.detail-dialog{padding:20px 16px;width:96vw;max-height:94dvh}.detail-header{gap:12px}.detail-header h2{font-size:22px}.detail-header .button{font-size:11px;padding:8px 10px}.detail-platforms{grid-template-columns:1fr}.platform-detail{padding:16px}.image-dialog{padding:12px;width:98vw;max-height:98dvh}.image-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.image-controls{justify-content:flex-start}.image-controls .button{min-height:42px;padding:8px 12px}.image-viewport{height:60dvh}.image-keyboard-hint{display:none}.description-button{font-size:12px;min-height:40px}}
@media print{.description-button,.export-status{display:none!important}}
#fullScreenshot[hidden],#imageError[hidden]{display:none}.screenshot-failed img{display:none}.screenshot-failed .screenshot-hint{min-height:100px;align-items:center;color:#886666}