:root{
  color-scheme:light;
  --black:#171717;--coffee:#2D2011;--taupe:#403427;--stone:#61574D;
  --paper:#EDEBE4;--surface:#E2DFD5;--cream:#F6F3E9;--signature:#582F0E;
  --signature2:#7F4F24;--warm:#B6AD90;--line:rgba(64,52,39,.16);
  --line2:rgba(64,52,39,.28);--ok:#2F5C3A;--warn:#83552d;--risk:#7A352A;--muted:#776d62;
  --serif:"Fraunces",Georgia,serif;--sans:"Work Sans","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--black);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.wrap{width:min(100% - 44px,1380px);margin:auto}.app{min-height:62vh}
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.55fr);gap:34px;padding:52px 0 34px;border-bottom:1px solid var(--line)}
.kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600;color:var(--signature2)}
h1,h2,h3{font-family:var(--serif);font-weight:300;letter-spacing:-.045em;margin:0}
h1{font-size:clamp(52px,7vw,92px);line-height:.92}h2{font-size:clamp(32px,4vw,49px);line-height:1.02}
.hero-copy>p:last-child{max-width:820px;font-size:19px;color:var(--taupe);margin:20px 0 0}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#e7e2d8}
.hero-stats article{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-stats article:nth-child(2n){border-right:0}.hero-stats article:nth-last-child(-n+2){border-bottom:0}
.hero-stats strong{font-family:var(--serif);font-size:40px;font-weight:300;display:block}.hero-stats span{color:var(--muted);font-size:12px}
.toolbar{display:grid;grid-template-columns:minmax(250px,1.7fr) repeat(2,minmax(150px,.55fr));gap:12px;padding:24px 0}
.field{height:48px;border:1px solid var(--line);border-radius:8px;background:#e7e2d8;display:flex;align-items:center;padding:0 14px}
.field input,.field select{width:100%;border:0;outline:0;background:transparent;color:var(--black)}.field select{cursor:pointer}
.fit-banner{margin:22px 0 0;border:1px solid var(--line);border-radius:12px;background:#e7e2d8;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.fit-banner[hidden]{display:none}.fit-banner small{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--signature2);font-size:9px;margin-bottom:5px}.fit-banner strong{display:block;font:300 25px/1.12 var(--serif)}.fit-banner p{margin:7px 0 0;color:var(--stone);font-size:13px}.fit-sort-button{border:1px solid var(--signature);background:var(--signature);color:var(--cream);border-radius:7px;padding:11px 15px;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600}
.my-stack-bar{margin:12px 0 0;border:1px solid var(--line);border-radius:12px;background:#f0ede5;padding:18px 20px;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.5fr);gap:24px;align-items:center}.my-stack-bar[hidden]{display:none}.my-stack-copy small{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--signature2);font-size:9px;margin-bottom:5px}.my-stack-copy strong{display:block;font:300 23px/1.12 var(--serif)}.my-stack-copy p{margin:5px 0 0;color:var(--stone);font-size:12px}.my-stack-filters{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.stack-plan-link{display:inline-flex;align-items:center;border:1px solid var(--signature);background:var(--signature);color:var(--cream);border-radius:999px;padding:8px 11px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stack-filter-button{border:1px solid var(--line2);background:transparent;color:var(--taupe);border-radius:999px;padding:8px 10px;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.stack-filter-button b{font-weight:600;color:var(--signature);margin-left:4px}.stack-filter-button.is-active{background:var(--coffee);border-color:var(--coffee);color:var(--cream)}.stack-filter-button.is-active b{color:var(--cream)}
.result-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 0 14px;color:var(--muted);font-size:13px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:58px}
.card{border:1px solid var(--line);border-radius:11px;background:#f0ede5;min-height:300px;padding:22px;display:flex;flex-direction:column;cursor:pointer;transition:.18s ease}
.card:hover{transform:translateY(-2px);border-color:rgba(88,47,14,.42);box-shadow:0 14px 34px rgba(45,32,17,.07)}
.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.num{font:300 30px/1 var(--serif);color:var(--signature2)}
.badge{display:inline-flex;align-items:center;border:1px solid rgba(88,47,14,.16);background:rgba(88,47,14,.06);color:var(--signature);border-radius:999px;padding:6px 9px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.badge.official{color:var(--ok);border-color:rgba(47,92,58,.2);background:rgba(47,92,58,.06)}
.badge.action{background:var(--coffee);color:var(--cream);border-color:var(--coffee);font-size:10px}
.card h3{font-size:32px;line-height:1.01;margin:24px 0 12px;max-width:95%}.card p{color:var(--stone);font-size:13px;margin:0 0 20px}
.stack{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:10px;padding:5px 7px;border-radius:5px;background:#e1dbcf;color:var(--taupe)}
.card-stack{margin-top:auto;padding-top:10px}.card-foot{border-top:1px solid var(--line);margin-top:15px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}
.card-scores{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.score{color:var(--muted);font-weight:500}.fit-score{color:var(--signature);font-weight:700}.tracked-state{border-left:1px solid var(--line2);padding-left:9px;color:var(--ok);font-weight:600;text-transform:uppercase;font-size:9px;letter-spacing:.05em}.empty{grid-column:1/-1;padding:56px;text-align:center;border:1px dashed var(--line2);border-radius:10px;color:var(--muted)}
.loading{padding:60px 0;text-align:center;color:var(--muted)}
.detail-page{padding-top:28px;padding-bottom:70px}.detail-page[hidden]{display:none}
.detail-back{display:inline-flex;align-items:center;gap:8px;color:var(--signature);font-size:13px;margin:6px 0 26px}
.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:42px;padding:0 0 34px;border-bottom:1px solid var(--line)}
.detail-brand-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.logo-cluster{display:flex;align-items:center;gap:8px}.logo-plus{color:var(--signature2);font:300 24px var(--serif)}
.logo-tile{width:54px;height:54px;border-radius:12px;border:1px solid var(--line);background:#f3efe6;display:grid;place-items:center;overflow:hidden}
.logo-tile img{width:31px;height:31px;object-fit:contain}.logo-tile.fallback{font:500 14px var(--sans);letter-spacing:.03em;color:var(--signature)}
.detail-eyebrow{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.detail-title{font-size:clamp(46px,6vw,76px);line-height:.95}
.detail-summary{font-size:19px;line-height:1.48;color:var(--taupe);max-width:880px;margin:20px 0 0}
.score-box{border:1px solid var(--line);border-radius:12px;background:#e7e2d8;padding:22px;align-self:start}.score-box span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.score-box strong{display:block;font:300 58px/1 var(--serif);margin:8px 0;color:var(--signature)}.score-box p{margin:0;color:var(--stone);font-size:12px}.score-box-dual{display:grid;grid-template-columns:1fr 1fr;width:360px;padding:0;overflow:hidden}.score-box-dual>div{padding:22px}.score-box-dual>div+div{border-left:1px solid var(--line)}.score-box-dual .fit-score-panel{background:var(--coffee);color:var(--cream)}.score-box-dual .fit-score-panel span,.score-box-dual .fit-score-panel p{color:rgba(246,243,233,.68)}.score-box-dual .fit-score-panel strong{color:var(--cream)}.score-fit-link{display:inline-block;margin-top:14px;color:var(--signature);font-size:12px;font-weight:600}
.detail-section{padding:34px 0;border-bottom:1px solid var(--line)}.detail-section h2{font-size:38px;margin-bottom:18px}.section-note{color:var(--stone);max-width:840px;margin:-7px 0 22px}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-card{border:1px solid var(--line);border-radius:9px;background:#f0ede5;padding:18px}.summary-card small{display:block;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-size:9px;margin-bottom:7px}.summary-card strong{font-size:14px}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.capability{border:1px solid var(--line);border-radius:9px;background:#f0ede5;padding:18px;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.capability i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ded6c8;color:var(--signature);font-style:normal;font-weight:600;font-size:12px}.capability p{margin:0;color:var(--taupe)}
.stage-row{display:flex;flex-wrap:wrap;gap:8px}.stage{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:#eee9df;color:var(--taupe);font-size:12px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.box{border:1px solid var(--line);border-radius:10px;background:#f0ede5;padding:22px}.box h3{font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--signature2);margin-bottom:12px}.box ul{margin:0;padding-left:18px;color:var(--taupe)}.box li+li{margin-top:8px}
.my-stack-detail{background:transparent}.my-stack-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.my-stack-detail-head h2{margin-bottom:0}.my-stack-detail-head>span{color:var(--muted);font-size:12px}.stack-state-actions{display:flex;gap:8px;flex-wrap:wrap}.stack-state-button,.stack-state-clear{border:1px solid var(--line2);border-radius:999px;background:#f0ede5;color:var(--taupe);padding:10px 13px;cursor:pointer;font-size:11px}.stack-state-button:hover{border-color:var(--signature)}.stack-state-button.is-selected{background:var(--coffee);color:var(--cream);border-color:var(--coffee)}.stack-state-clear{background:transparent;color:var(--muted);border-style:dashed}.fit-empty{border:1px solid var(--line);border-radius:10px;background:#f0ede5;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.fit-empty strong{font:300 24px var(--serif)}.fit-empty p{margin:5px 0 0;color:var(--stone)}.fit-empty a{color:var(--signature);font-weight:600;white-space:nowrap}.fit-reason-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.fit-score-large{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--coffee);color:var(--cream);font:300 31px/1 var(--serif)}.fit-reason-head strong{font:300 25px var(--serif);text-transform:capitalize}.fit-reason-head p{margin:3px 0 0;color:var(--stone)}.attention{display:grid;gap:10px}.attention-item{border-left:3px solid var(--signature2);background:#efe7dc;padding:16px 18px;border-radius:0 9px 9px 0}.attention-item strong{display:block;margin-bottom:3px}.attention-item p{margin:0;color:var(--stone)}
.steps{display:grid;gap:10px}.step{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;border-top:1px solid var(--line);padding:15px 0}.step:first-child{border-top:0}.step b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font:400 12px var(--sans)}.step h3{font:600 14px var(--sans);letter-spacing:0;margin-bottom:4px}.step p{margin:0;color:var(--stone)}
.recommendation{background:var(--coffee);color:var(--cream);border-radius:12px;padding:26px}.recommendation small{display:block;color:var(--warm);text-transform:uppercase;letter-spacing:.11em;font-size:9px;margin-bottom:8px}.recommendation p{font:300 24px/1.28 var(--serif);margin:0;max-width:900px}
.workflow-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-related-card{border:1px solid var(--line);border-radius:10px;background:#f0ede5;padding:20px;display:flex;flex-direction:column;min-height:150px}.workflow-related-card small{text-transform:uppercase;letter-spacing:.11em;color:var(--signature2);font-size:9px}.workflow-related-card strong{font:300 24px/1.08 var(--serif);margin:10px 0 18px}.workflow-related-card span{margin-top:auto;color:var(--signature);font-size:12px;font-weight:600}
.workflow-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:34px;padding:42px 0 34px;border-bottom:1px solid var(--line)}.workflow-hero h1{font-size:clamp(48px,6vw,78px);line-height:.95}.workflow-hero>div>p:last-child{font-size:18px;color:var(--taupe);max-width:820px;margin:18px 0 0}.workflow-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:start}.workflow-meta .summary-card{min-height:98px}
.workflow-objective{border:1px solid var(--line);border-radius:10px;background:#e7e2d8;padding:24px}.workflow-objective p{margin:0;font:300 25px/1.3 var(--serif);max-width:900px}
.workflow-stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-stack-card{border:1px solid var(--line);border-radius:10px;background:#f0ede5;padding:18px;display:flex;flex-direction:column;min-height:190px}.workflow-stack-card strong{font:300 24px/1.05 var(--serif);margin:14px 0 8px}.workflow-stack-card p{margin:0 0 14px;color:var(--stone);font-size:12px}.workflow-stack-card>span:last-child{margin-top:auto;color:var(--signature);font-size:11px;font-weight:600}
.workflow-steps{display:grid;gap:0}.workflow-step{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--line)}.workflow-step:first-child{border-top:0}.workflow-step>b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font:400 12px var(--sans)}.workflow-step h3{font:300 27px/1.1 var(--serif);margin:0 0 6px}.workflow-step p{margin:0;color:var(--taupe);max-width:850px}.workflow-step small{display:block;margin-top:9px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.workflow-step a{display:inline-block;margin-top:9px;color:var(--signature);font-size:11px;font-weight:600}
.workflow-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-resource-card{border:1px solid var(--line);border-radius:10px;background:#f0ede5;padding:20px;display:flex;flex-direction:column;min-height:160px}.workflow-resource-card small{text-transform:uppercase;letter-spacing:.11em;color:var(--signature2);font-size:9px}.workflow-resource-card strong{font:300 22px/1.1 var(--serif);margin:10px 0 18px}.workflow-resource-card span{margin-top:auto;color:var(--signature);font-size:11px;font-weight:600}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-card{border:1px solid var(--line);border-radius:10px;background:#f0ede5;padding:20px;display:flex;flex-direction:column;min-height:150px}.related-card small{text-transform:uppercase;letter-spacing:.11em;color:var(--signature2);font-size:9px}.related-card strong{font:300 23px/1.08 var(--serif);margin:10px 0 18px}.related-card span{margin-top:auto;color:var(--signature);font-size:12px;font-weight:600}
.source{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.source a{color:var(--signature2);font-weight:600}
.plan-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:34px;padding:42px 0 34px;border-bottom:1px solid var(--line)}.plan-hero h1{font-size:clamp(52px,7vw,84px)}.plan-hero>div>p:last-child{font-size:18px;color:var(--taupe);max-width:820px;margin:18px 0 0}.plan-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#e7e2d8;align-self:start}.plan-summary article{padding:19px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.plan-summary article:nth-child(2n){border-right:0}.plan-summary article:nth-last-child(-n+2){border-bottom:0}.plan-summary strong{display:block;font:300 36px/1 var(--serif);color:var(--signature)}.plan-summary span{display:block;margin-top:5px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.plan-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.plan-section-head h2{margin-bottom:6px}.plan-section-head p{margin:0;color:var(--stone);max-width:720px}.plan-section-head>span{font-size:11px;color:var(--muted);white-space:nowrap}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.plan-card{border:1px solid var(--line);border-radius:10px;background:#f0ede5;padding:18px;display:flex;flex-direction:column;min-height:235px;transition:.18s ease}.plan-card:hover{transform:translateY(-2px);border-color:rgba(88,47,14,.42);box-shadow:0 12px 28px rgba(45,32,17,.06)}.plan-card-main{display:block}.plan-card-top{display:flex;justify-content:space-between;gap:9px;align-items:center}.plan-card h3{font-size:26px;line-height:1.03;margin:18px 0 9px}.plan-card p{margin:0 0 18px;color:var(--stone);font-size:12px}.plan-card .stack{margin-top:auto}.plan-card-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:14px;padding-top:10px;color:var(--muted);font-size:10px}.plan-workflow-link{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px -18px -18px;padding:12px 18px;background:var(--coffee);color:var(--cream);border-radius:0 0 10px 10px;font-size:10px}.plan-workflow-link b{text-transform:uppercase;letter-spacing:.07em;color:var(--warm)}.plan-workflow-link span{text-align:right}.plan-note{border:1px solid var(--line);border-radius:10px;background:#e7e2d8;padding:22px}.plan-note strong{font:300 26px var(--serif)}.plan-note p{margin:8px 0 0;color:var(--taupe);max-width:900px}
.footer{border-top:1px solid var(--line);padding:24px 0 42px;color:var(--muted);display:flex;justify-content:space-between;font-size:12px}
@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}.hero,.plan-hero,.workflow-hero{grid-template-columns:1fr}.hero-stats,.plan-summary{max-width:620px}.detail-hero{grid-template-columns:1fr}.score-box{width:min(100%,360px)}.summary-grid{grid-template-columns:repeat(2,1fr)}.plan-grid,.workflow-stack-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(100% - 24px,1380px)}.toolbar{grid-template-columns:1fr}.hero,.plan-hero{padding-top:34px}.fit-banner,.fit-empty{align-items:flex-start;flex-direction:column}.my-stack-bar{grid-template-columns:1fr}.my-stack-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.stack-plan-link,.stack-filter-button{white-space:nowrap}.my-stack-detail-head{align-items:flex-start;flex-direction:column}.fit-sort-button{white-space:normal}.summary-grid,.capability-grid,.split,.related-grid,.workflow-related-grid,.workflow-stack-grid,.workflow-resource-grid{grid-template-columns:1fr}.detail-title{font-size:44px}.detail-section h2{font-size:31px}.score-box-dual{grid-template-columns:1fr 1fr;width:100%}.plan-grid{grid-template-columns:1fr}.plan-section-head{align-items:flex-start;flex-direction:column}.footer{flex-direction:column}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr 1fr}.card{min-height:250px}}
