:root{--bg:#f5f5f7;--ink:#1d1d1f;--sub:#61616a;--line:#dedee3;--blue:#315cf5;--navy:#070d18;--teal:#38d4b6;--gold:#efbd63;--orange:#ff795b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.top{background:#ffffffd9;backdrop-filter:blur(20px);border-bottom:1px solid #e8e8ed;position:sticky;top:0;z-index:20}.top-in{max-width:1320px;margin:auto;padding:13px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.brand{text-decoration:none;font-weight:700;letter-spacing:-.01em}.brand span{color:#6a6a72;font-weight:500}.top nav{display:flex;gap:22px;color:#555}.top nav a{text-decoration:none}.top nav a:hover{text-decoration:underline}
.hero{text-align:center;max-width:930px;margin:0 auto;padding:88px 24px 50px}.kicker{color:#5468a7;font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px}.hero h1{font-size:clamp(3.6rem,8vw,7rem);line-height:.98;letter-spacing:-.075em;margin:0;font-weight:700}.hero p:last-child{font-size:clamp(1.1rem,2vw,1.48rem);color:var(--sub);max-width:680px;margin:26px auto 0;line-height:1.4}
.wrap{max-width:1320px;margin:auto;padding:0 24px 90px}.switch{display:flex;gap:4px;background:#e9e9ee;border-radius:13px;padding:4px;width:max-content;margin:0 auto 34px}.switch button{border:0;border-radius:10px;background:transparent;padding:11px 22px;color:#555;font-weight:650;font-size:14px}.switch button[aria-selected=true]{background:white;color:var(--ink);box-shadow:0 2px 9px #0002}.view[hidden]{display:none!important}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px}.section-head h2{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.08;letter-spacing:-.055em;margin:0}.section-head p{color:var(--sub);max-width:460px;margin:0;font-size:14px}.card{background:white;border:1px solid #e9e9ec;border-radius:22px;box-shadow:0 16px 50px #17223d0a;overflow:hidden}
.map-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:16px;align-items:stretch}.map-card{background:var(--navy);color:#e9f1f6;position:relative;min-height:650px}.map-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:absolute;z-index:2;top:20px;left:22px;right:22px}.map-top strong{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#a6b4c9}.map-top button{background:#ffffff17;color:white;border:1px solid #ffffff44;border-radius:8px;padding:8px 11px;font-size:12px}.map-top button:hover{background:#ffffff30}svg#map{width:100%;height:650px;display:block;touch-action:pan-y}#map .land{stroke:#75a2b2;stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .25s,stroke .25s;cursor:pointer}#map .land:hover,#map .land.active{stroke:#fff;stroke-width:2.5}#map .missing{fill:#576273}#map .territory{fill:#354653;stroke:#63798a}#map .spot{cursor:pointer;fill:#f0eadb;stroke:#0b1e29;stroke-width:2;vector-effect:non-scaling-stroke}#map .gridline{stroke:#203245;stroke-width:1;vector-effect:non-scaling-stroke}#map text{fill:#6b8494;letter-spacing:.25em;font-size:24px;pointer-events:none}.map-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#070d18 35%);padding:45px 24px 22px;pointer-events:none;display:flex;justify-content:space-between;align-items:end;gap:16px;font-size:12px;color:#a8bdcb}.legend{display:flex;gap:13px;flex-wrap:wrap}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.detail{padding:28px 29px;min-height:650px}.detail .eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#777;font-weight:750;margin:0 0 10px}.detail h3{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.055em;line-height:1.1;margin:0 0 5px}.detail .meta{color:var(--sub);font-size:13px;margin:0 0 20px}.metric{border-top:1px solid var(--line);padding:18px 0 14px}.metric .number{font-size:3.5rem;font-weight:680;letter-spacing:-.07em;line-height:1}.metric .label{font-size:13px;color:#555;margin-top:5px}.metric .interval{font-size:12px;color:#777;margin-top:3px}.metric.dual{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric.dual .number{font-size:2.45rem}.metric.dual .plus{color:#168a77}.detail h4{font-size:14px;margin:20px 0 10px}.sector{display:grid;grid-template-columns:95px 1fr 44px;gap:10px;align-items:center;font-size:12px;margin:13px 0}.track{height:7px;border-radius:9px;background:#ebedf1;overflow:hidden}.track i{display:block;height:100%;border-radius:9px;background:#5a75ee}.sector .value{text-align:right;font-weight:700}.sector-note{font-size:12px;color:#74747c;line-height:1.5}.detail .empty{padding:28px 0;color:#5d6570}.panel-ctrl{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:17px 0 23px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#51515b}select{border:1px solid #d0d1d8;border-radius:10px;background:white;padding:11px 34px 11px 12px;min-height:45px;color:var(--ink);min-width:180px}.country-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.country-list button{background:white;border:1px solid #dddfe5;color:#444;border-radius:20px;padding:7px 11px;font-size:12px}.country-list button.active{background:#1d1d1f;color:white;border-color:#1d1d1f}.country-list button:hover{border-color:#7d87a8}.method-link{color:#315cf5;font-size:13px;font-weight:600;text-decoration:none}.method-link:hover{text-decoration:underline}
.role-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.7fr);gap:16px}.form-card{padding:28px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.task-row{padding:17px 0;border-top:1px solid #e8e8ed}.task-row:first-child{border-top:0}.task-title{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:650}.task-row input[type=range]{width:100%;accent-color:#4468e8;margin:15px 0}.task-opts{display:flex;gap:10px;flex-wrap:wrap}.task-opts label{font-size:11px;color:#6a6a72}.task-opts select{min-width:0;padding:6px 28px 6px 8px;min-height:34px;font-size:12px;display:block;margin-top:3px}.form-card h3{font-size:1.55rem;letter-spacing:-.04em;margin:30px 0 6px}.form-card p{font-size:13px;color:#676770;margin:0 0 17px}.result-card{padding:30px;position:sticky;top:68px;align-self:start}.result-card .number{font-size:3.6rem;font-weight:700;letter-spacing:-.07em;line-height:1}.result-card h3{margin:0 0 16px;font-size:1.35rem}.result-card p{color:#62636c;font-size:13px}.result-card .actions{border-top:1px solid var(--line);padding-top:12px}.result-card .actions li{margin:10px 0;font-size:13px;color:#4e5058}.result-card .hint{font-size:12px;color:#7c7c85}
.footer-note{margin-top:50px;padding:24px 28px;background:#e9ebf1;border-radius:18px;color:#454852;font-size:13px;line-height:1.65}.footer-note strong{color:#222}.footer-note a,.sources a{color:#315cf5}.sources{max-width:1320px;margin:auto;padding:0 24px 65px;color:#62636b;font-size:12px}.sources p{margin:7px 0}.sources ul{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;list-style:none}.base{border-top:1px solid #ddd;padding:20px 24px;text-align:center;font-size:12px;color:#777}
@media(max-width:1000px){.map-layout,.role-grid{grid-template-columns:1fr}.detail,.map-card{min-height:0}.result-card{position:static}}@media(max-width:650px){.top-in{padding:12px 16px}.top nav{gap:10px;font-size:11px}.hero{padding:60px 18px 38px}.wrap{padding:0 12px 55px}.section-head{display:block}.section-head p{margin-top:10px}.map-card,svg#map{height:490px;min-height:0}.map-top{top:14px;left:14px;right:14px}.map-bottom{padding:35px 14px 15px}.detail{padding:22px}.input-grid{grid-template-columns:1fr}.form-card{padding:21px}.switch{width:100%}.switch button{flex:1}.metric.dual .number{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#map .land{transition:none}}