@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Serif:wght@600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{margin:0}:root{--bg:#f0f4f8;--surface:#ffffffe0;--surface-solid:#fff;--text:#1a2744;--muted:#5a6b85;--navy:#242a75;--navy-soft:#3b4598;--gold:#c5a86a;--gold-soft:#d4bc84;--line:#242a7524;--pine:#2f6b5a;--clay:#b85c45;--arrow-green:#2f9e6b;--arrow-red:#c94444;--arrow-yellow:#d4a017;--radius:14px;--font:"Manrope", system-ui, sans-serif;--display:"Noto Serif", Georgia, serif;--shadow:0 10px 40px #242a7514}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55}button,input{font:inherit}.app{max-width:1100px;min-height:100vh;margin:0 auto;padding:1.25rem 1.25rem 3rem;position:relative}.bg-layer{z-index:-1;background-color:#f4f7fb;background-image:linear-gradient(#f4f7fb8c,#f4f7fbd1),url(/ishker-jolu/bg-business.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.top-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;animation:.55s both fade-up;display:flex}.brand-block{align-items:center;gap:.85rem;display:flex}.logo{object-fit:contain;width:56px;height:56px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px}.brand{font-family:var(--display);color:var(--navy);letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.site-home{color:var(--navy);margin-top:.15rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block}.brand-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:.1rem 0 0;font-size:.78rem}.about-link{white-space:nowrap}.hero{text-align:center;padding:.5rem 0 .75rem;animation:.65s 50ms both fade-up}.hero h1{font-family:var(--display);color:var(--navy);margin:0;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:700}.tagline{max-width:38rem;color:var(--muted);margin:.65rem auto 0;font-size:.95rem}.stepper{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0 1.35rem;animation:.65s .1s both fade-up;display:flex}.stepper-item{border:1px solid var(--line);color:var(--muted);background:#ffffffb3;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.stepper-item.active{border-color:var(--navy);color:var(--navy);background:#242a7514;font-weight:600}.stepper-item.done{color:#8a6f35;border-color:#c5a86a8c}.stepper-num{background:#242a7514;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-size:.75rem;font-weight:700;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:1.25rem 1.35rem 1.5rem;animation:.5s both fade-up}.panel-head h2{font-family:var(--display);color:var(--navy);margin:0 0 .35rem;font-size:1.4rem;font-weight:600}.panel-head p{color:var(--muted);margin:0 0 .75rem}.link-btn{color:var(--navy);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.role-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.role-card{text-align:left;border:1px solid var(--line);background:var(--surface-solid);color:var(--text);cursor:pointer;border-radius:12px;padding:.9rem 1rem;transition:border-color .2s,transform .2s,box-shadow .2s}.role-card:hover{border-color:#c5a86ab3;transform:translateY(-2px)}.role-card.selected{border-color:var(--navy);background:#242a750a;box-shadow:0 0 0 2px #242a7526}.role-title{color:var(--navy);margin-bottom:.25rem;font-weight:600;display:block}.role-desc{color:var(--muted);font-size:.8rem;display:block}.clarify{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.clarify h3{color:var(--navy);margin:0 0 .75rem;font-size:1.05rem}.clarify fieldset{border:1px solid var(--line);background:#fff9;border-radius:10px;margin:0 0 .75rem;padding:.75rem 1rem}.clarify legend{color:var(--muted);padding:0 .35rem;font-size:.85rem}.choice{cursor:pointer;align-items:flex-start;gap:.55rem;margin:.4rem 0;font-size:.92rem;display:flex}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;padding:.4rem .7rem;font-size:.8rem}.tab.active{color:#fff;border-color:var(--navy);background:var(--navy)}.muted{color:var(--muted);font-size:.88rem}.slider-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.slider-row{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(180px,260px);align-items:center;gap:.75rem;padding-bottom:.75rem;display:grid}.slider-row.barrier{grid-template-columns:1fr}.slider-labels strong{color:var(--text);font-size:.95rem;display:block}.slider-labels .ky{color:var(--muted);margin-top:.15rem;font-size:.78rem;display:block}.slider-ctrl{align-items:center;gap:.4rem;display:flex}.slider-ctrl input[type=range]{accent-color:var(--navy);flex:1}.range-hint{color:var(--muted);min-width:1.6rem;font-size:.7rem}.pct{text-align:right;font-variant-numeric:tabular-nums;min-width:3.4rem;color:var(--navy);font-size:.85rem;font-weight:600}.slider-help{border:1px dashed var(--line);color:var(--muted);background:#242a750d;border-radius:10px;margin:1rem 0 0;padding:.75rem .9rem;font-size:.88rem}.slider-help.inline{margin:0 0 .85rem}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:.65rem 1.1rem;font-weight:600;transition:background .2s,border-color .2s,opacity .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--navy), var(--navy-soft));color:#fff;border-color:#0000}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.ghost{background:#ffffffbf}.btn.ghost:hover{border-color:var(--gold)}.nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.1rem;display:flex}.q-badge{font-family:var(--display);color:var(--navy);font-size:1.6rem;display:inline-block;margin:.25rem 0 .5rem!important}.matrix-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:1.25rem;display:grid}.matrix-wrap{opacity:0;transform:scale(.96)}.matrix-wrap.revealed{animation:.75s cubic-bezier(.22,1,.36,1) both matrix-in}.matrix{aspect-ratio:1.15;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.55rem;min-height:280px;display:grid;position:relative}.matrix-cell{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.85rem;transition:opacity .3s,box-shadow .3s}.matrix-cell.Q1{background:linear-gradient(145deg,#5a7aa02e,#fff)}.matrix-cell.Q2{background:linear-gradient(145deg,#c5a86a38,#fff)}.matrix-cell.Q3{background:linear-gradient(145deg,#242a751f,#fff)}.matrix-cell.Q4{background:linear-gradient(145deg,#2f6b5a29,#fff)}.matrix-cell.active{box-shadow:0 0 0 2px var(--gold), 0 12px 28px #242a751f}.matrix-cell.from-pulse{animation:1.4s infinite pulse-border}.matrix-cell .code{font-family:var(--display);color:var(--navy);font-size:1.35rem;font-weight:700}.matrix-cell .name{margin-top:.25rem;font-size:.78rem}.matrix-cell .hint{color:var(--muted);margin-top:.2rem;font-size:.72rem}.you-here{color:var(--navy);text-transform:uppercase;letter-spacing:.06em;margin-top:.55rem;font-size:.72rem;font-weight:700}.you-here.to{color:var(--pine)}.matrix-arrow{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.matrix-arrow-line{stroke-dasharray:120;animation:.9s both draw-line}.matrix-arrow-label{z-index:3;white-space:nowrap;pointer-events:none;background:#fff;border:1.5px solid;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;position:absolute;transform:translate(-50%);box-shadow:0 2px 8px #1a27441f}.matrix-arrow-label.kind-progressive{color:var(--arrow-green)}.matrix-arrow-label.kind-regressive{color:var(--arrow-red)}.matrix-arrow-label.kind-lateral{color:var(--arrow-yellow)}.matrix-arrow-label.kind-hold{color:var(--navy)}.arrow-legend{flex-wrap:wrap;gap:.65rem;margin-top:.55rem;font-size:.72rem;font-weight:600;display:flex}.arrow-legend .leg:before{content:"";vertical-align:middle;border-radius:2px;width:.7rem;height:.2rem;margin-right:.3rem;display:inline-block}.arrow-legend .leg.progressive{color:var(--arrow-green)}.arrow-legend .leg.progressive:before{background:var(--arrow-green)}.arrow-legend .leg.regressive{color:var(--arrow-red)}.arrow-legend .leg.regressive:before{background:var(--arrow-red)}.arrow-legend .leg.lateral{color:var(--arrow-yellow)}.arrow-legend .leg.lateral:before{background:var(--arrow-yellow)}.matrix-axes{color:var(--muted);justify-content:space-between;gap:.5rem;margin-top:.55rem;font-size:.72rem;display:flex}.transition-panel h3{color:var(--navy);margin:0 0 .35rem;font-size:1.05rem}.t-group{margin-top:.85rem}.t-group h4{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem;font-size:.8rem}.t-chips{flex-wrap:wrap;gap:.4rem;display:flex}.t-chip{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.5rem .7rem;font-size:.82rem;display:flex}.t-chip.active{border-color:var(--navy);background:#242a750f}.t-chip.progressive.active{border-color:var(--pine)}.t-chip.regressive.active{border-color:var(--clay)}.t-kind-tag{text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:700}.t-chip.progressive .t-kind-tag{color:var(--arrow-green)}.t-chip.regressive .t-kind-tag{color:var(--arrow-red)}.t-chip.lateral .t-kind-tag{color:var(--arrow-yellow)}.t-chip.hold .t-kind-tag{color:var(--navy)}.t-detail.kind-progressive{border-color:#2f9e6b59}.t-detail.kind-regressive{border-color:#c9444459}.t-detail.kind-lateral{border-color:#d4a01766}.t-name{color:var(--navy);font-weight:600}.t-path{color:var(--muted);font-size:.7rem}.t-detail{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:1rem;padding:.85rem 1rem}.t-detail h4{color:var(--navy);margin:0 0 .4rem}.t-detail ul{color:var(--muted);margin:.5rem 0 0;padding-left:1.1rem;font-size:.88rem}.recommend-layout{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.target-picks{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.target-btn{text-align:left;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:.65rem .75rem}.target-btn strong{font-family:var(--display);color:var(--navy);display:block}.target-btn span{color:var(--muted);font-size:.72rem}.target-btn.active{border-color:var(--gold);box-shadow:0 0 0 2px #c5a86a59}.target-btn.disabled,.target-btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}.target-off{color:var(--clay);margin-top:.25rem;font-size:.68rem;font-weight:600;display:block}.route-box{background:linear-gradient(145deg,#242a750d,#c5a86a1a);border:1px solid #242a752e;border-radius:12px;margin-bottom:1rem;padding:.95rem 1rem}.route-box h3{color:var(--navy);margin:0 0 .65rem;font-size:.95rem}.route-visual{flex-wrap:wrap;align-items:stretch;gap:.35rem;margin-bottom:.75rem;display:flex}.route-node-wrap{align-items:center;gap:.35rem;display:flex}.route-node{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:7.5rem;padding:.55rem .65rem;box-shadow:0 4px 14px #242a750f}.route-node.start{border-color:var(--navy)}.route-node.end{border-color:var(--gold);background:#c5a86a1f}.route-q{font-family:var(--display);color:var(--navy);font-weight:700;display:block}.route-hint{color:var(--muted);margin-top:.15rem;font-size:.68rem;display:block}.route-arrow{flex-direction:column;justify-content:center;align-items:center;min-width:3.2rem;padding:0 .15rem;font-weight:700;display:flex;position:relative}.route-arrow-head{font-size:1.35rem;line-height:1}.route-arrow.kind-progressive .route-arrow-head,.route-step-name.kind-progressive{color:var(--arrow-green)}.route-arrow.kind-regressive .route-arrow-head,.route-step-name.kind-regressive{color:var(--arrow-red)}.route-arrow.kind-lateral .route-arrow-head,.route-step-name.kind-lateral{color:var(--arrow-yellow)}.route-arrow.kind-hold .route-arrow-head,.route-step-name.kind-hold{color:var(--navy)}.route-step-name{white-space:nowrap;background:#fff;border:1px solid;border-radius:999px;order:-1;margin-bottom:.2rem;padding:.12rem .4rem;font-size:.68rem;font-weight:700}.route-path{font-family:var(--display);color:var(--navy);margin:0 0 .35rem;font-size:1.15rem}.rec-list h3{color:var(--navy);margin:0 0 .75rem}.rec-card{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:.75rem;padding:.85rem 0;display:grid}.rec-rank{color:#8a6f35;background:#c5a86a40;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-size:.85rem;font-weight:700;display:grid}.rec-card h4{color:var(--navy);margin:0 0 .3rem;font-size:.98rem}.rec-card p{color:var(--muted);margin:0;font-size:.86rem}.rec-score{color:var(--pine);margin-top:.35rem;font-size:.72rem;display:inline-block}.score-legend{border:1px dashed var(--line);color:var(--muted);background:#242a750d;border-radius:10px;margin:0 0 .85rem;padding:.65rem .8rem;font-size:.82rem}.share-block{border:1px solid var(--line);background:linear-gradient(145deg,#242a750a,#c5a86a1a);border-radius:12px;margin-top:1.35rem;padding:1rem}.share-block h3{color:var(--navy);margin:0 0 .35rem;font-size:1rem}.share-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.share-ext{align-items:center;text-decoration:none;display:inline-flex}.about-panel .about-block{margin-bottom:1.15rem}.about-panel h3{color:var(--navy);margin:0 0 .4rem;font-size:1.05rem}.about-panel p,.about-panel li{color:var(--text);font-size:.95rem}.about-table-wrap{margin-top:.75rem;overflow-x:auto}.about-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;font-size:.88rem;overflow:hidden}.about-table th,.about-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.65rem .75rem}.about-table th{color:var(--navy);background:#242a750f}.site-foot{text-align:center;color:var(--muted);margin-top:2.5rem;font-size:.75rem}.site-foot p{margin:.25rem 0}.site-credit{opacity:.85;max-width:36rem;font-size:.68rem;line-height:1.4;margin-left:auto!important;margin-right:auto!important}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes matrix-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes pulse-border{0%,to{box-shadow:0 0 0 1px #c5a86a59}50%{box-shadow:0 0 0 3px #c5a86a8c}}@keyframes draw-line{0%{stroke-dashoffset:120px}to{stroke-dashoffset:0}}@media (width<=840px){.matrix-layout,.recommend-layout,.slider-row{grid-template-columns:1fr}.top-bar{flex-wrap:wrap}.route-visual,.route-node-wrap{flex-direction:column;align-items:stretch}.route-arrow{flex-direction:row;gap:.35rem;min-width:0;margin:.25rem 0}.route-arrow-head{transform:rotate(90deg)}}