@layer decision-pages {
  .product-shell{width:min(1120px,calc(100% - 40px));margin-inline:auto;padding:48px 0 86px}
  .page-topline{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:0 2px 18px}.page-topline h1{margin-top:7px;font-size:clamp(26px,3.5vw,39px);line-height:1.04;letter-spacing:-.038em;font-weight:595;max-width:760px}.page-topline>p{max-width:390px;color:var(--muted);font-size:10px;line-height:1.65}.page-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.4);font-size:7px;color:#70767a}.meta-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:#79a095}
  .workspace-panel{border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-float);overflow:hidden;backdrop-filter:blur(12px)}.workspace-panel-head{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 17px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.1em;color:#747a7e;font-weight:800}.workspace-panel-head>span:first-child{display:flex;align-items:center;gap:7px}.workspace-panel-head>span:first-child::before{content:"";width:6px;height:6px;border-radius:50%;background:#789f93;box-shadow:0 0 0 4px rgba(120,159,147,.11)}
  .diag-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.diag-main{min-height:520px;padding:30px;border-right:1px solid var(--line)}.diag-side{padding:20px;background:rgba(238,235,228,.38)}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.progress-track{height:4px;flex:1;border-radius:999px;background:#e4e0d8;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:#73988d;border-radius:inherit;transition:width .25s var(--ease)}.step-text{font-size:8px;letter-spacing:.08em;color:#868b8f;min-width:max-content}.step-dots{display:flex;gap:4px}.step-dot{width:5px;height:5px;border-radius:999px;background:#cccec9;transition:.18s var(--ease)}.step-dot.done{background:#86a399}.step-dot.current{width:18px;background:#3b504a}
  .diag-question{display:none}.diag-question.active{display:block;animation:stageIn .28s var(--ease) both}.question-kicker{font-size:8px;letter-spacing:.12em;color:#808589;font-weight:780}.diag-question h2{margin-top:8px;max-width:690px;font-size:clamp(24px,3.5vw,34px);line-height:1.08;letter-spacing:-.034em;font-weight:600}.diag-question .qhelp{margin-top:8px;color:var(--muted);font-size:10px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.answer{position:relative;min-height:76px;border:1px solid var(--line);border-radius:13px;padding:13px 38px 13px 13px;background:rgba(255,255,255,.54);text-align:left;cursor:pointer;transition:.18s var(--ease)}.answer:hover{transform:translateY(-2px);background:var(--surface-solid);border-color:var(--line-strong);box-shadow:0 8px 20px rgba(23,25,29,.05)}.answer::after{content:"";position:absolute;right:13px;top:50%;width:16px;height:16px;transform:translateY(-50%);border:1px solid #bdc1bd;border-radius:50%;background:#fff}.answer.selected{background:#edf4f0;border-color:rgba(72,111,100,.27);box-shadow:0 0 0 3px rgba(72,111,100,.07)}.answer.selected::after{content:"✓";display:grid;place-items:center;background:#617f76;border-color:#617f76;color:#fff;font-size:9px;font-weight:900}.answer b{display:block;font-size:11px;font-weight:690}.answer span{display:block;margin-top:3px;color:#7d8286;font-size:8px;line-height:1.45}.diag-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.selection-note{font-size:8px;color:#8b9094}.next-button{min-width:132px;min-height:42px;border:0;border-radius:11px;padding:0 14px;background:var(--ink);color:white;font-size:10px;font-weight:720;cursor:pointer;transition:.18s var(--ease)}.next-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,25,29,.16)}.next-button:disabled{opacity:.28;cursor:not-allowed}.next-button:not(:disabled)::after{content:" →"}
  .diag-side-title{font-size:8px;letter-spacing:.11em;color:#7d8286;font-weight:800}.diag-side h3{margin:7px 0 14px;font-size:17px;letter-spacing:-.025em;font-weight:600}.signal-list{display:grid;gap:7px}.signal-item{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.43)}.signal-item i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--paper-2);font-style:normal;font-size:7px;font-weight:800;color:#72777b}.signal-item b{display:block;font-size:9px}.signal-item span{display:block;margin-top:2px;color:#858a8e;font-size:7px}.side-route{margin-top:14px;padding:13px;border:1px solid rgba(72,111,100,.16);border-radius:12px;background:linear-gradient(135deg,rgba(217,232,225,.6),rgba(255,255,255,.34))}.side-route small{font-size:7px;letter-spacing:.09em;color:#708077}.side-route b{display:block;margin-top:5px;font-size:10px}.side-route p{margin-top:4px;color:#72787c;font-size:8px;line-height:1.5}
  .diag-result{display:none}.diag-result.show{display:block;animation:stageIn .28s var(--ease) both}.result-head{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.result-head h2{margin-top:7px;max-width:580px;font-size:clamp(25px,3.5vw,34px);line-height:1.07;letter-spacing:-.035em;font-weight:600}.score-orb{width:88px;height:88px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,var(--surface-solid),var(--mint));box-shadow:inset 0 0 0 6px rgba(255,255,255,.4);transform:rotate(2deg)}.score-orb strong{font-size:26px;font-weight:650;letter-spacing:-.04em}.score-orb small{font-size:8px;color:#7b8084}.result-band{display:inline-flex;margin-top:9px;padding:5px 7px;border-radius:7px;background:var(--paper-2);font-size:7px;letter-spacing:.08em;font-weight:800}.result-summary{margin-top:11px;color:var(--muted);font-size:10px;line-height:1.6}.result-next{margin-top:16px;padding:14px;border:1px solid rgba(72,111,100,.2);border-radius:12px;background:#eef4f1}.result-next small{font-size:7px;letter-spacing:.09em;color:#6f7f79}.result-next b{display:block;margin-top:5px;font-size:12px}.memo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.memo-cell{padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.35)}.memo-cell span{display:block;font-size:7px;color:#858a8e;letter-spacing:.07em}.memo-cell b{display:block;margin-top:4px;font-size:9px}.why-box{margin-top:9px;padding:11px;border-radius:10px;background:var(--paper-2);color:#72777c;font-size:8px;line-height:1.5}.paid-decision{margin-top:12px;padding:17px;border:1px solid rgba(23,25,29,.1);border-radius:14px;background:linear-gradient(135deg,rgba(232,225,239,.62),rgba(255,254,250,.76))}.paid-decision h3{margin-top:6px;font-size:17px;letter-spacing:-.025em;font-weight:600}.paid-decision p{margin-top:6px;color:#70767a;font-size:9px;line-height:1.55}.deliverable-mini{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:11px}.deliverable-mini li{list-style:none;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.38);font-size:7px;color:#686e72}.purchase-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.purchase-row .action-btn{min-width:190px}.sample-link,.text-action{border:0;background:none;color:#73797d;font-size:8px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.lowfit{display:none;margin-top:12px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--paper-2)}.lowfit.show{display:block}.lowfit b{font-size:12px}.lowfit p{margin-top:5px;color:#73797d;font-size:9px}.utility-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.fine-note{margin-top:14px;color:#858a8e;font-size:7px;line-height:1.5}
  .principle-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.principle-cell{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.34)}.principle-cell span{font-size:7px;letter-spacing:.09em;color:#8b9094}.principle-cell b{display:block;margin-top:4px;font-size:9px}
  .catalog-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px}.intent-panel{padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);align-self:start;position:sticky;top:84px}.intent-panel .micro{margin-bottom:10px}.intent-buttons{display:grid;gap:6px}.intent-button{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;min-height:54px;padding:7px 9px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;cursor:pointer;transition:.18s var(--ease)}.intent-button:hover{background:rgba(255,255,255,.52);border-color:var(--line)}.intent-button.active{background:var(--surface-solid);border-color:var(--line);box-shadow:0 7px 18px rgba(23,25,29,.05)}.intent-button i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--paper-2);font-style:normal;font-size:7px;font-weight:800}.intent-button.active i{background:var(--mint)}.intent-button b{font-size:9px}.intent-button span{display:block;margin-top:2px;color:#858a8f;font-size:7px}.intent-button>em{font-style:normal;color:#9a9ea2;font-size:9px}.intent-note{margin-top:12px;padding:10px;border-radius:10px;background:var(--paper-2);font-size:7px;line-height:1.5;color:#777d81}
  .catalog-main{display:grid;gap:12px}.recommend-card{min-height:220px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(255,254,250,.88),rgba(217,232,225,.58));box-shadow:var(--shadow);overflow:hidden}.recommend-head{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.1em;color:#767b80;font-weight:800}.recommend-body{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:22px}.recommend-body h2{margin-top:7px;max-width:650px;font-size:clamp(22px,3vw,30px);line-height:1.08;letter-spacing:-.03em;font-weight:600}.recommend-body p{max-width:650px;margin-top:7px;color:#70767a;font-size:9px;line-height:1.6}.recommend-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.recommend-meta span{padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.38);font-size:7px;color:#73797d}.recommend-body .action-btn{min-width:150px}
  .inventory{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.inventory-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border-bottom:1px solid var(--line)}.inventory-head span{font-size:8px;letter-spacing:.1em;color:#777d81;font-weight:800}.inventory-head small{color:#8d9296;font-size:7px}.inventory-row{display:grid;grid-template-columns:38px minmax(0,1.5fr) minmax(160px,.8fr) 28px;gap:11px;align-items:center;min-height:72px;padding:9px 13px;border-bottom:1px solid var(--line);text-decoration:none;transition:.17s var(--ease)}.inventory-row:last-child{border-bottom:0}.inventory-row[href]:hover{background:rgba(255,255,255,.47)}.inventory-row.is-recommended{background:rgba(217,232,225,.35)}.inventory-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--paper-2);font-size:7px;font-weight:800}.inventory-row.is-recommended .inventory-icon{background:var(--mint)}.inventory-row h3{font-size:10px;font-weight:690}.inventory-row p{margin-top:2px;color:#858a8e;font-size:7px;line-height:1.4}.inventory-tag{font-size:7px;color:#777d81;letter-spacing:.06em}.inventory-arrow{font-size:13px;color:#92969a}.inventory-row.disabled{opacity:.64}.inventory-row.disabled .inventory-arrow{font-size:7px}
  .escalation-box{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin-top:12px;padding:18px;border:1px solid rgba(23,25,29,.1);border-radius:17px;background:linear-gradient(135deg,rgba(232,225,239,.52),rgba(255,254,250,.72))}.escalation-box h2{margin-top:5px;font-size:18px;letter-spacing:-.025em;font-weight:600}.escalation-box p{max-width:690px;margin-top:5px;color:#73797d;font-size:8px;line-height:1.55}.escalation-box .action-btn{min-width:170px}
  @keyframes stageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
}
@media(max-width:920px){.diag-layout{grid-template-columns:1fr}.diag-main{border-right:0;border-bottom:1px solid var(--line)}.diag-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-route{margin-top:0}.catalog-layout{grid-template-columns:1fr}.intent-panel{position:static}.intent-buttons{grid-template-columns:repeat(4,1fr)}.intent-button{grid-template-columns:1fr;place-items:start}.intent-button>em{display:none}.recommend-body{grid-template-columns:1fr}.inventory-row{grid-template-columns:38px 1fr 28px}.inventory-tag{display:none}}
@media(max-width:700px){.product-shell{width:calc(100% - 24px);padding-top:30px}.page-topline{display:grid;gap:9px}.page-topline h1{font-size:29px}.page-topline>p{font-size:9px}.workspace-panel{border-radius:20px}.diag-main{min-height:500px;padding:20px 16px}.option-grid{grid-template-columns:1fr}.answer{min-height:67px}.diag-controls{display:grid}.next-button{width:100%}.selection-note{text-align:center}.diag-side{grid-template-columns:1fr;padding:14px}.result-head{display:grid}.score-orb{grid-row:1;width:72px;height:72px;border-radius:21px}.memo-grid{grid-template-columns:1fr}.deliverable-mini{grid-template-columns:1fr}.purchase-row{display:grid}.purchase-row .action-btn{width:100%}.principle-strip{grid-template-columns:1fr}.intent-buttons{grid-template-columns:1fr 1fr}.intent-button{min-height:48px}.recommend-body{padding:18px}.recommend-body h2{font-size:23px}.inventory-row{grid-template-columns:34px 1fr 24px;min-height:68px;padding-inline:10px}.inventory-icon{width:32px;height:32px}.escalation-box{grid-template-columns:1fr}.escalation-box .action-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.diag-question.active,.diag-result.show{animation:none!important}}