.main-site-home{display:flex;align-items:center;gap:7px;border:1px solid #c6a45e;border-radius:9px;padding:8px 11px;color:#e8c982;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.main-site-home:hover,.main-site-home:focus-visible{background:#c6a45e;color:#111;outline:0}.site-nav{display:flex;align-items:center;gap:6px;margin-inline:auto}.site-nav a{color:#ddd;text-decoration:none;font-size:13px;padding:8px 11px;border-radius:9px}.site-nav a:hover,.site-nav a:focus-visible{background:#ffffff12;color:#fff;outline:0}
.hub-tools{padding:25px 14px 30px}.hub-tools-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 4px 16px}.hub-tools-head small{font-size:10px;font-weight:900;letter-spacing:.17em;color:#8a691f}.hub-tools-head h2{font-size:27px;margin:4px 0 0}.hub-tools-head p{max-width:430px;color:#666a6d;font-size:13px;line-height:1.7;margin:0}.hub-tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.hub-tool{--tool:#5f7182;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:190px;padding:17px;border:1px solid #c6a45e55;border-radius:19px;background:linear-gradient(145deg,#fff 40%,#f7f4ed);color:#171717;text-decoration:none;box-shadow:0 7px 24px #0000000b;transition:.2s}.hub-tool::after{content:none}.hub-tool:hover,.hub-tool:focus-visible{transform:translateY(-4px);border-color:#c6a45e;box-shadow:0 15px 32px #00000015;outline:0}.hub-tool.unit,.hub-tool.load{grid-column:span 2}.hub-tool.pipe,.hub-tool.codes,.hub-tool.academy{grid-column:span 2;min-height:170px}.hub-tool.unit{--tool:#5f7182}.hub-tool.load{--tool:#62766c}.hub-tool.pipe{--tool:#607784}.hub-tool.codes{--tool:#8a7345}.hub-tool.academy{--tool:#736978}.tool-symbol{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;margin-bottom:25px;border-radius:14px;background:var(--tool);color:#fff;font-size:23px;font-style:normal;box-shadow:0 9px 20px #0000001f}.hub-tool div{position:relative;z-index:1}.hub-tool b{display:block;font-size:17px}.hub-tool small{display:block;margin-top:7px;color:#65696c;line-height:1.6}.hub-tool i{position:relative;z-index:1;margin-top:auto;padding-top:16px;color:#8a691f;font-size:11px;font-style:normal;font-weight:800}.hub-tool i::after{content:" ←"}.bottom-nav{grid-template-columns:repeat(4,1fr)}.bottom-nav .main-site-bottom{color:#8a691f;font-weight:800}
@supports not (color:color-mix(in srgb,#000,#fff)){.tool-symbol{box-shadow:0 10px 22px #0002}}
@media(max-width:900px){.site-nav{display:none}.hub-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-tool.unit,.hub-tool.load,.hub-tool.pipe,.hub-tool.codes{grid-column:span 1}.hub-tool.academy{grid-column:span 2}}
@media(max-width:620px){.main-site-home span{display:none}.main-site-home{padding:8px 10px}.hub-tools{padding:17px 10px 24px}.hub-tools-head{align-items:start}.hub-tools-head h2{font-size:22px}.hub-tools-head p{display:none}.hub-tool-grid{gap:8px}.hub-tool{min-height:168px;padding:13px}.hub-tool.pipe,.hub-tool.codes{min-height:154px}.tool-symbol{width:40px;height:40px;margin-bottom:19px;border-radius:12px;font-size:20px}.hub-tool b{font-size:14px}.hub-tool small{font-size:10px}.hub-tool i{font-size:10px}.hub-tool.academy{min-height:145px}}