:root{--bg:#f7f8f8;--card:#fff;--soft:#eef3f1;--ink:#111716;--muted:#5d6a66;--line:rgba(17,23,22,.12);--green:#0b6f62;--blue:#1677c8;--gold:#c89b3c;--red:#b64a4a;--shadow:0 18px 60px rgba(17,23,22,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body.dark{--bg:#0d1110;--card:#151b1a;--soft:#1d2624;--ink:#f6fbf9;--muted:#9daaa6;--line:rgba(246,251,249,.13);--shadow:0 18px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);letter-spacing:0}button,input,select{font:inherit}.top{position:sticky;top:0;z-index:10;display:flex;gap:14px;align-items:center;padding:12px clamp(16px,3vw,36px);background:color-mix(in srgb,var(--card) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;align-items:center;font-weight:800;white-space:nowrap;color:inherit;text-decoration:none}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--green),var(--blue))}.brand-logo{width:54px;height:54px;display:block;object-fit:contain}.brand span{font-size:14px}.nav{display:flex;gap:5px;overflow:auto;flex:1}.nav a{padding:9px 10px;border-radius:8px;color:var(--muted);text-decoration:none;white-space:nowrap;font-size:13px}.nav a:hover,.nav a.active{background:var(--soft);color:var(--ink)}.btn,.icon{border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px}.btn.primary{background:var(--green);border-color:transparent;color:#fff;font-weight:750}.icon{width:38px;height:38px}.hero{position:relative;overflow:hidden;min-height:640px;color:#fff;background:linear-gradient(90deg,rgba(7,17,16,.94),rgba(7,17,16,.58) 52%,rgba(7,17,16,.18)),radial-gradient(circle at 78% 24%,rgba(22,119,200,.46),transparent 28%),linear-gradient(140deg,#17211f,#0e2b28 40%,#153645 70%,#101716)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:64px 64px;opacity:.45;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 95%)}.hero:after{content:"";position:absolute;right:-6vw;bottom:48px;width:min(720px,64vw);aspect-ratio:1.25;background:linear-gradient(70deg,transparent 0 11%,rgba(255,255,255,.18) 11% 12%,transparent 12% 24%,rgba(255,255,255,.12) 24% 25%,transparent 25%),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 2px,transparent 2px 34px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 2px,transparent 2px 42px);border:1px solid rgba(255,255,255,.16);transform:perspective(700px) rotateX(58deg) rotateZ(-18deg);box-shadow:0 40px 140px rgba(0,0,0,.45)}.hero .inner{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:auto;padding:92px 0 36px}.eyebrow{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:750;color:rgba(255,255,255,.86)}h1{max-width:900px;margin:22px 0 14px;font-size:clamp(44px,7vw,88px);line-height:.94;letter-spacing:0}.hero p{max-width:720px;color:rgba(255,255,255,.78);font-size:clamp(17px,2vw,21px);line-height:1.55}.search{display:grid;grid-template-columns:1fr auto auto;gap:10px;max-width:960px;margin-top:30px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.12);backdrop-filter:blur(18px)}.search input,.search select{border:0;border-radius:6px;padding:13px 14px;outline:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:980px;margin-top:44px}.metric{min-height:112px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.09);backdrop-filter:blur(16px)}.metric b{display:block;font-size:28px}.metric span{color:rgba(255,255,255,.7);font-size:13px}.section{padding:58px clamp(16px,3vw,36px);border-top:1px solid var(--line)}.page-hero{padding:64px clamp(16px,3vw,36px) 34px;background:linear-gradient(135deg,var(--soft),var(--bg));border-bottom:1px solid var(--line)}.wrap,.head{width:min(1180px,100%);margin:auto}.head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}h2{margin:0;font-size:clamp(28px,4vw,46px)}h3{margin:0 0 10px;font-size:20px}.sub{margin:8px 0 0;color:var(--muted);line-height:1.5}.grid{display:grid;gap:16px}.c2{grid-template-columns:repeat(2,1fr)}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}.card,.module{background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px rgba(17,23,22,.05);overflow:hidden}.pad,.module{padding:18px}.media{height:186px;background:linear-gradient(135deg,rgba(11,111,98,.24),rgba(22,119,200,.2)),repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 1px,transparent 1px 36px),linear-gradient(160deg,#23302e,#d6dedb);position:relative}.media:after{content:"";position:absolute;left:18%;right:14%;bottom:0;height:78%;background:linear-gradient(90deg,transparent 0 6%,rgba(255,255,255,.7) 6% 8%,transparent 8% 18%,rgba(255,255,255,.5) 18% 20%,transparent 20%),linear-gradient(#f8fbfa,#aebeba);clip-path:polygon(8% 18%,50% 0,92% 18%,96% 100%,3% 100%);opacity:.82}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tag{padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--muted);font-size:12px}.score{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;font-weight:850;background:conic-gradient(var(--green) calc(var(--p)*1%),rgba(255,255,255,.18) 0);box-shadow:inset 0 0 0 6px rgba(255,255,255,.18)}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px}.map{min-height:520px;position:relative;background:linear-gradient(30deg,transparent 0 23%,color-mix(in srgb,var(--green) 18%,transparent) 23% 25%,transparent 25% 48%,color-mix(in srgb,var(--blue) 16%,transparent) 48% 50%,transparent 50%),linear-gradient(160deg,var(--soft),var(--card))}.road{position:absolute;height:4px;background:rgba(200,155,60,.55);transform-origin:left center;border-radius:99px}.pin{position:absolute;translate:-50% -50%;width:18px;height:18px;border-radius:50%;border:0;background:var(--green);box-shadow:0 0 0 8px rgba(11,111,98,.18),0 12px 30px rgba(0,0,0,.25);cursor:pointer}.hot{background:var(--gold);box-shadow:0 0 0 12px rgba(200,155,60,.18)}.mapbar{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini{padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(14px)}.mini span{color:var(--muted);font-size:12px}.tabs,.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab,.filter{padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--muted);cursor:pointer}.tab.active,.filter.active{background:var(--ink);color:var(--bg)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase}.bar{height:8px;border-radius:999px;background:var(--soft);overflow:hidden}.bar i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.chart{height:310px}canvas{width:100%;height:100%;display:block}.calc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.field input{width:100%;padding:11px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.result{display:grid;place-items:center;min-height:116px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--green),var(--blue));text-align:center}.result b{display:block;font-size:28px}.footer{padding:36px clamp(16px,3vw,36px);background:var(--soft);color:var(--muted)}.fade{opacity:0;transform:translateY(18px);transition:.5s}.fade.show{opacity:1;transform:none}@media(max-width:980px){.metrics,.c4,.c3,.split,.calc{grid-template-columns:1fr 1fr}.top{flex-wrap:wrap}.nav{order:3;flex-basis:100%}.search{grid-template-columns:1fr}}@media(max-width:640px){.metrics,.c4,.c3,.c2,.split,.calc,.mapbar{grid-template-columns:1fr}.head{display:block}.map{min-height:620px}.btn.primary{width:100%}}