.km-main{background:linear-gradient(180deg,#f4f8fb 0,#fff 36%);min-height:100vh}.km-hero{padding:72px 0 46px;background:radial-gradient(circle at 80% 20%,rgba(0,142,170,.16),transparent 30%),linear-gradient(135deg,#071f33,#0d344d);color:#fff}.km-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:48px;align-items:center}.km-hero h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02;max-width:900px;margin:.25em 0}.km-hero .lead{font-size:1.16rem;max-width:760px;color:#d9e8f1}.eyebrow{font-size:.76rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:#49c4d7}.km-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.km-hero-card{border:1px solid rgba(255,255,255,.2);padding:28px;border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.km-hero-card span,.km-hero-card strong{display:block}.km-hero-card strong{font-size:2rem;margin:8px 0 14px}.km-controls{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:end;padding:36px 0 20px}.km-controls label{font-weight:700}.km-controls input{width:100%;margin-top:8px;padding:13px 15px;border:1px solid #c8d5de;border-radius:12px;background:#fff}.km-filters{display:flex;gap:8px;flex-wrap:wrap}.km-filters button,.km-paths button{border:1px solid #bed0da;background:#fff;padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:700}.km-filters button.active{background:#0a607b;color:#fff;border-color:#0a607b}.km-map-section{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:22px;align-items:stretch}.km-map{position:relative;min-height:690px;border-radius:28px;background:linear-gradient(145deg,#071f33,#0b3a53);overflow:hidden;box-shadow:0 18px 60px rgba(7,31,51,.18)}#kmLines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.km-line{stroke:rgba(104,200,218,.25);stroke-width:1.4}.km-line.active{stroke:#63d4e4;stroke-width:2.8}.km-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:156px;height:156px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 30%,#1c8eaa,#093049);border:2px solid rgba(255,255,255,.45);box-shadow:0 0 0 18px rgba(82,192,211,.08),0 0 50px rgba(82,192,211,.3);color:#fff;z-index:3}.km-center span{font-size:.7rem;letter-spacing:.15em}.km-center strong{font-size:1.25rem}.km-node{position:absolute;transform:translate(-50%,-50%);z-index:4;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.11);color:#fff;border-radius:14px;padding:9px 12px;max-width:145px;text-align:center;font-size:.8rem;font-weight:750;cursor:pointer;backdrop-filter:blur(8px);transition:.2s}.km-node:hover,.km-node.active,.km-node.related{background:#fff;color:#073047;transform:translate(-50%,-50%) scale(1.07);box-shadow:0 8px 24px rgba(0,0,0,.22)}.km-node.dimmed{opacity:.18}.km-node[hidden]{display:none}.km-detail{border:1px solid #d7e3e9;border-radius:28px;padding:30px;background:#fff;box-shadow:0 12px 40px rgba(9,48,73,.09)}.km-detail h2{font-size:2rem;margin:.35em 0}.km-detail .detail-links{display:grid;gap:9px;margin:22px 0}.km-detail .detail-links span{padding:10px 12px;background:#eef6f8;border-radius:10px;font-weight:700}.km-detail a{display:inline-flex;margin-top:10px}.km-paths{padding:72px 0}.km-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.km-path-grid article{border:1px solid #d4e1e7;border-radius:20px;padding:24px;background:#fff}.km-path-grid article>span{font-size:2rem;font-weight:900;color:#8ab9c7}.km-path-grid h3{font-size:1.35rem}.km-paths button{border-radius:10px;color:#07536b}.km-legend{padding:30px 0 80px}.km-legend>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.km-legend p{padding:18px;border-radius:14px;background:#edf5f7;margin:0}@media(max-width:900px){.km-hero-grid,.km-map-section,.km-controls{grid-template-columns:1fr}.km-map{min-height:760px}.km-path-grid,.km-legend>div{grid-template-columns:1fr 1fr}}@media(max-width:560px){.km-hero{padding-top:48px}.km-map{min-height:850px;border-radius:18px}.km-node{font-size:.68rem;padding:7px 8px;max-width:105px}.km-center{width:118px;height:118px}.km-path-grid,.km-legend>div{grid-template-columns:1fr}}